.io-hero{padding:calc(var(--header-h) + 3.5rem) 0 4.5rem;background:#eaf4f2;border-radius:0 0 2.5rem 2.5rem}
.io-breadcrumb{display:flex;gap:.7rem;align-items:center;font-size:.85rem;margin-bottom:2.5rem;color:#375c56}
.io-breadcrumb a{text-decoration:underline;text-underline-offset:.2em}
.io-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.io-identity{display:flex;gap:1rem;align-items:center}
.io-identity img{width:4.5rem;height:4.5rem;object-fit:contain}
.io-label{font:600 .75rem/1.5 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#17625c}
.io-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:1;letter-spacing:-.07em;margin:1rem 0}
.io-hero .io-lead{font-size:clamp(1.45rem,2.8vw,2.4rem);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 1.2rem;max-width:23ch}
.io-hero p{color:#375c56;max-width:58ch}
.io-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.6rem}
.io-text-link{font-weight:700;border-bottom:1px solid currentColor;padding:.4rem 0}
.io-hero .io-attribution{font-size:.82rem;margin-top:1.4rem}
.io-map{margin:0;background:#fff;border:1px solid #c7ded8;border-radius:1.6rem;padding:clamp(1.3rem,3vw,2.5rem)}
.io-map figcaption{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#375c56}
.io-map-start{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1.3rem 0;font-weight:600}
.io-map-core{position:relative;padding:1rem;text-align:center;background:#103d36;color:#fff;border-radius:.8rem;font-weight:700}
.io-map-core:before{content:'↓';display:block;position:absolute;left:calc(50% - .5rem);top:-1.6rem;color:#17625c}
.io-map-core small{display:block;font-size:.78rem;font-weight:400;color:#c4e9df}
.io-map-branches{list-style:none;padding:1.5rem 0 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.io-map-branches li{border:1px solid #c7ded8;border-radius:.6rem;padding:.8rem;font-size:.85rem;line-height:1.4;background:#f5f9f8}
.io-map .io-caption{font-size:.75rem;line-height:1.5;margin:1rem 0 0}
.io-section{padding:clamp(3rem,7vw,6rem) 0;border-bottom:1px solid var(--rule)}
.io-heading{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:2rem;margin-bottom:2.5rem}
.io-heading h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.045em;max-width:24ch}
.io-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.io-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.3rem;background:#f0f4f3}
.io-card h3{font-size:1.55rem;line-height:1.2;margin:.8rem 0 1rem;letter-spacing:-.03em}
.io-card p,.io-card li,.io-prose p,.io-step p{color:#4e625d}
.io-card p:last-child{margin-bottom:0}
.io-card ul{padding-left:1.2rem;margin-bottom:0}
.io-card li+li{margin-top:.45rem}
.io-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:2rem 0;gap:1.6rem}
.io-step{border-top:2px solid #3b9e8c;padding-top:1rem;position:relative}
.io-step h3{font-size:1.15rem;line-height:1.4;margin:.7rem 0}
.io-step p{font-size:.92rem;line-height:1.6;margin:0}
.io-step+.io-step:before{content:'→';position:absolute;left:-1.4rem;top:-1rem;color:#17625c;background:var(--bg)}
.io-note{border-left:3px solid #3b9e8c;padding:1rem 1.25rem;background:#edf5f2;color:#375c56;font-size:.9rem}
.io-note p{margin:.4rem 0}
.io-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem)}
.io-prose h3{font-size:1.35rem;line-height:1.3;margin:0 0 .8rem}
.io-prose p{margin:0 0 1.2rem}
.io-faq{border-top:1px solid #cbdad5;padding:1.25rem 0}
.io-faq:last-child{border-bottom:1px solid #cbdad5}
.io-faq summary{font-weight:650;cursor:pointer;line-height:1.5}
.io-faq p{max-width:85ch;color:#4e625d;margin:1rem 0 0}
.io-cta{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem);border-radius:1.5rem;background:#103d36;color:#fff}
.io-cta h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 1rem}
.io-cta p{color:#c4e9df;margin:0}
.io-cta .io-actions{justify-content:flex-start;margin:0}
.io-page a:focus-visible,.io-page summary:focus-visible{outline:3px solid #17625c;outline-offset:5px}
.io-cta a:focus-visible{outline-color:#fff}
@media(max-width:800px){.io-hero-grid,.io-heading,.io-split,.io-cta{grid-template-columns:1fr}.io-hero{padding-top:calc(var(--header-h) + 2rem)}.io-flow{grid-template-columns:1fr 1fr}.io-step:nth-child(3):before{content:none}.io-heading{gap:.8rem}.io-grid{grid-template-columns:1fr}}
@media(max-width:480px){.io-flow{grid-template-columns:1fr;gap:1.8rem}.io-step+.io-step:before{content:'↓';left:auto;right:0}.io-map-branches{grid-template-columns:1fr}.io-hero .io-actions{align-items:stretch;flex-direction:column}.io-hero .io-text-link{align-self:flex-start}}