*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:1.5rem}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;background:var(--bg);color:var(--ink)}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.12}
p+p{margin-top:.8rem}
a{color:inherit;text-underline-offset:.2em}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent-focus);outline-offset:4px}
.shell{width:min(100% - 3rem,72rem);margin-inline:auto}
.skip{position:absolute;top:.8rem;left:.8rem;z-index:3;transform:translateY(-160%);background:#fff;color:#14202d;padding:.65rem 1rem}
.skip:focus{transform:none}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.65rem;padding-block:.65rem}
.brand{font-weight:850;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem;font-size:.88rem}
nav a{padding-block:.3rem}
.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850}
.cta{display:inline-flex;padding:.78rem 1.1rem;align-items:center;gap:.6rem;text-decoration:none;font-weight:800}
.author{display:flex;align-items:center;gap:clamp(1rem,4vw,3rem);margin-block:clamp(3rem,7vw,6rem);padding:clamp(1rem,3vw,2rem)}
.author img{width:clamp(5.5rem,21vw,11rem);height:auto;aspect-ratio:1;object-fit:cover}
.author h2{font-size:clamp(1.35rem,3.3vw,2.35rem);margin:.45rem 0 1rem}
.author h3{font-size:1rem;margin-bottom:.3rem}
address{font-style:normal;overflow-wrap:anywhere}
.site-foot{padding:2.8rem 0 2rem;background:var(--footer);color:var(--footer-ink)}
.foot-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid currentColor;padding-bottom:1rem}
.legal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding:1.6rem 0}
.legal h2{font-size:1rem;margin-bottom:.5rem}
.legal p,.foot-links{font-size:.89rem}
.foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.foot-links button{color:inherit;border:0;background:transparent;text-decoration:underline;text-underline-offset:.2em;padding:.2rem 0}
.cookies{position:fixed;z-index:2;bottom:1rem;left:50%;transform:translateX(-50%);width:min(100% - 2rem,50rem);display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--cookie);color:var(--cookie-ink);border:1px solid currentColor;border-radius:.8rem;padding:.85rem 1rem;box-shadow:0 8px 32px #0003}
.cookies p{font-size:.84rem}
.cookie-actions{display:flex;gap:.4rem;flex-wrap:wrap}
.cookie-actions button{border:1px solid currentColor;border-radius:.4rem;background:transparent;color:inherit;font-size:.85rem;font-weight:750;padding:.44rem .7rem}
.cookie-actions button:first-child{background:var(--choice);color:var(--choice-ink);border-color:var(--choice)}
@media(max-width:700px){.shell{width:min(100% - 2rem,72rem)}.bar{align-items:flex-start;flex-direction:column;gap:.3rem}.legal{grid-template-columns:1fr}}
@media(max-width:540px){.cookies{align-items:flex-start;flex-direction:column;bottom:.55rem}.author{align-items:flex-start;flex-direction:column}}

:root{--bg:#103734;--ink:#f7efe4;--accent-focus:#f6a58d;--footer:#092825;--footer-ink:#f7efe4;--cookie:#163f39;--cookie-ink:#fff7ed;--choice:#ffac93;--choice-ink:#152f2b}
.top{background:#0b2e2b;border-bottom:1px solid #6c8e80}
.hero{background:radial-gradient(ellipse at 82% 30%,#28594e 0,transparent 58%),#0b2e2b;border-bottom:1px solid #6c8e80;overflow:hidden}
.hero-inner{position:relative;isolation:isolate;text-align:center;padding-block:clamp(2.8rem,8vw,7rem)}
.mini-tag{display:inline-flex;align-items:center;gap:.6rem;padding:.38rem .85rem;border:1px solid #95b0a3;border-radius:2rem;font-weight:750;font-size:.8rem}
.mini-tag span{width:.55rem;height:.55rem;border-radius:100%;background:#ffac93}
.hero h1{font-size:clamp(3rem,9vw,7.2rem);letter-spacing:-.086em;line-height:.94;margin:1.3rem auto}
.hero h1 em{font-style:normal;color:#ffb49e}
.hero p{max-width:55ch;margin:auto;color:#e8eee8}
.cta{border:1px solid transparent;background:#ffac93;color:#102f2b;border-radius:2rem;margin-top:1.15rem}
.orbit{pointer-events:none;position:absolute;z-index:-1;inset:0;display:grid;place-items:center}
.orbit i{grid-area:1/1;width:calc(18rem + var(--ring)*7rem);aspect-ratio:2.1;border:1px solid #9cc1ad3b;border-radius:50%;transform:rotate(-18deg)}
.orbit i:nth-child(1){--ring:1}.orbit i:nth-child(2){--ring:2}.orbit i:nth-child(3){--ring:3}.orbit i:nth-child(4){--ring:4}
.orbit b{position:absolute;right:13%;top:22%;color:#ffac93;font-size:1.4rem}
.route{display:grid;grid-template-columns:1fr minmax(17rem,.78fr);gap:clamp(1.8rem,8vw,7rem);align-items:start;padding-top:clamp(2.5rem,7vw,6rem)}
.steps>.eyebrow{color:#ffb49e}
.steps>h2{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.07em;margin:.55rem 0 1.75rem}
.steps ol{list-style:none;counter-reset:route;margin:0 0 0 1.05rem;padding:0 0 0 1.7rem;border-left:1px solid #84a496}
.steps li{position:relative;counter-increment:route;padding:0 0 1.8rem}
.steps li:last-child{padding-bottom:0}
.steps li::before{content:counter(route,decimal-leading-zero);display:grid;place-items:center;position:absolute;left:-2.77rem;top:0;border-radius:50%;width:2.1rem;height:2.1rem;background:#ffac93;color:#102f2b;font-size:.71rem;font-weight:900}
.steps h3{padding-top:.2rem;margin-bottom:.45rem}
.calculator{background:#fbf0e6;color:#173d35;border-radius:1.65rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 10px 32px #061f2455}
.calculator :focus-visible{outline-color:#257568}
.calculator h2{font-size:clamp(1.75rem,4vw,2.6rem);letter-spacing:-.06em;margin:.38rem 0 .55rem}
.calculator>p:not(.eyebrow){font-size:.92rem}
.calculator label{display:block;margin:.75rem 0 .25rem;font-weight:750;font-size:.87rem}
.field{display:flex;align-items:center;gap:.6rem;background:#fffbf8;border:1px solid #7a9b90;border-radius:.58rem;padding:0 .65rem}
.field input{width:100%;min-width:0;padding:.42rem 0;color:inherit;background:transparent;border:0}
.calculator .cta{margin-top:1rem;width:100%;justify-content:space-between}
output{display:block;background:#ddede2;border-radius:.65rem;padding:.7rem .85rem;margin:.9rem 0 .7rem;font-weight:820}
.calculator .calc-note{font-size:.78rem!important}
.author{background:#194640;border:1px solid #86a596;border-radius:1.35rem}.author img{border-radius:50%;object-position:50% 34%}
@media(max-width:720px){.route{grid-template-columns:1fr}.orbit b{right:3%;top:14%}}