:root{--deep:#0c2a25;--ink:#0d1f1b;--mint:#e9f0ec;--gauge:#f2c230;--teal:#2e8f7d}
*{box-sizing:border-box}
body{margin:0;font:400 18px/1.75 "Source Serif 4",Georgia,serif;color:var(--ink);background:var(--mint);padding-bottom:62px}
a{color:inherit}h1,h2,.big,.logo,.tel,.idx b,.bar{font-family:"Familjen Grotesk",system-ui,sans-serif}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,5vw,64px);background:var(--deep);color:#e9f0ec;border-bottom:3px solid var(--gauge)}
.logo{font-weight:700;text-decoration:none;font-size:18px}.tel{font-weight:700;text-decoration:none;color:var(--gauge)}
.hero{background:var(--deep);color:#fff;padding:clamp(36px,7vw,96px) clamp(16px,5vw,64px)}
.hero .in{max-width:1100px;margin:0 auto 0 0;display:grid;grid-template-columns:1fr minmax(180px,300px);gap:clamp(20px,5vw,72px);align-items:center}
h1{font-size:clamp(32px,5.6vw,68px);line-height:1.04;margin:0 0 18px;font-weight:700;letter-spacing:-.015em;max-width:15ch}
.hero p{margin:0 0 26px;font-size:clamp(17px,2vw,20px);color:#c8dcd5;max-width:40ch}
.big{display:inline-block;font-weight:700;font-size:clamp(26px,4.6vw,48px);text-decoration:none;background:var(--gauge);color:var(--ink);padding:8px 24px;border-radius:3px}
.big:hover{background:#ffd75a}
.gauge{width:100%;height:auto}.gauge .rim{fill:#d9e3df}.gauge .face{fill:#0a1f1b;stroke:#33564d;stroke-width:2}
.gauge .ok{fill:none;stroke:var(--teal);stroke-width:9}.gauge .tk line{stroke:#c8dcd5;stroke-width:2}
.gauge .nd{stroke:var(--gauge);stroke-width:4;stroke-linecap:round}.gauge .hub{fill:var(--gauge)}.gauge text{fill:#c8dcd5;font:700 17px "Familjen Grotesk",sans-serif}
main{padding:0 clamp(16px,5vw,64px)}
.txt{max-width:66ch;padding:52px 0 8px}.txt h2,.idx h2{font-size:clamp(24px,3.2vw,34px);line-height:1.15;margin:40px 0 10px;font-weight:700}.txt p{margin:0 0 14px}
.idx{padding:20px 0 56px;max-width:1100px}
.idx ul{list-style:none;margin:18px 0 0;padding:0;columns:3 230px;column-gap:40px}
.idx li a{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;padding:9px 4px;border-bottom:1px solid #b7c9c1;break-inside:avoid}
.idx li a:hover{background:var(--gauge)}.idx li b{font-size:20px;font-weight:500}.idx li span{font-size:14px;opacity:.65}
.idx ul.chips{columns:auto;display:flex;flex-wrap:wrap;gap:10px}.idx ul.chips li a{padding:6px 14px;border:0;border-bottom:4px solid var(--teal);background:#fff;font-family:"Familjen Grotesk",system-ui,sans-serif;font-weight:500}
.idx ul.chips li a:hover{background:var(--deep);color:#fff;border-color:var(--gauge)}.back{margin-top:24px;font-weight:600}
footer{background:var(--deep);color:#c8dcd5;padding:28px clamp(16px,5vw,64px);font-size:15px}footer p{margin:4px 0}
.bar{position:fixed;left:0;right:0;bottom:0;background:var(--gauge);color:var(--ink);text-align:center;font-weight:700;padding:14px;text-decoration:none;z-index:9}
@media(max-width:640px){.hero .in{grid-template-columns:1fr}.gauge{max-width:190px;order:-1}}
@media(min-width:900px){.bar{left:auto;right:24px;bottom:24px;border-radius:3px;padding:14px 26px;box-shadow:0 6px 24px #0c2a2566}body{padding-bottom:0}}
:focus-visible{outline:3px solid var(--gauge);outline-offset:3px}