:root{
  --abyss:#062A33;
  --deep:#0B3D49;
  --teal:#00ADBB;
  --spring:#A9E4EC;
  --lime:#EEF3F1;
  --dikti:#80BF46;
  --ink:#0C2026;
  --muted:#4A6168;
  --line:rgba(12,32,38,.14);
  --display:"Commissioner",system-ui,sans-serif;
  --text:"Literata",Georgia,serif;
  --r:14px;
  --gut:clamp(16px,4vw,48px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--lime);color:var(--ink);font:400 1.0625rem/1.65 var(--text);font-optical-sizing:auto;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.05;letter-spacing:-.02em}
h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800;max-width:18ch}
h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 1em;max-width:62ch}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--dikti);outline-offset:3px;border-radius:4px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font:700 1rem/1 var(--display);padding:1em 1.5em;border-radius:999px;background:var(--dikti);color:#08240f;text-decoration:none;border:0;cursor:pointer;transition:transform .2s ease,background .2s}
.btn:hover{transform:translateY(-2px);background:#93d158}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-small{padding:.7em 1.1em;font-size:.9rem}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px var(--gut);color:#fff;transition:background .3s,color .3s,box-shadow .3s}
.nav.solid{background:rgba(238,243,241,.92);backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.15rem var(--display);letter-spacing:.04em}
.brand .mk{height:34px;width:auto}
.brand .wm{height:26px;width:auto}
.brand .wm-c{display:none}
.nav.solid .wm-w{display:none}
.nav.solid .wm-c{display:block}
.nav nav{margin-left:auto}
.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font:500 .95rem var(--display);opacity:.85}
.nav ul a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
@media (max-width:860px){.nav nav{display:none}.nav .btn-small{margin-left:auto}}

/* hero */
.hero{position:relative;min-height:100svh;background:var(--abyss);color:#fff;overflow:hidden;display:grid;align-items:end}
#water{position:absolute;inset:0;width:100%;height:100%}
.hero-fallback{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,42,51,.55),rgba(6,42,51,.9)),url(img/truck-side.webp) center/cover}
.gl .hero-fallback{display:none}
.hero-inner{position:relative;z-index:2;padding:0 var(--gut) clamp(90px,14vh,150px);width:100%;max-width:1400px;margin:0 auto}
.hero-h{margin:0 0 .2em;line-height:0}
.hero-logo{width:clamp(230px,34vw,520px);height:auto}
.gl .hero-logo{opacity:0}
.hero-slogan{font:800 clamp(2.2rem,5.4vw,4.6rem)/1 var(--display);letter-spacing:-.03em;color:#fff;margin:.35em 0 .3em}
.hero-lede{font:400 clamp(1.15rem,2.1vw,1.6rem)/1.4 var(--text);max-width:34ch;color:#d4f1f5}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-since{position:absolute;z-index:2;right:var(--gut);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:800 1rem var(--display);color:var(--spring);margin:0}
.hero-since span:first-child{opacity:.5}
.hero-since span:nth-child(2){font-size:clamp(2.4rem,5vw,4rem);line-height:1;color:#fff}
.hero-since em{font:italic 400 .95rem var(--text);color:#bfe7ed}
.hero-hint{position:absolute;z-index:3;left:50%;bottom:64px;transform:translateX(-50%);font:500 .8rem var(--display);color:rgba(255,255,255,.55);margin:0}
.hero-h{margin:0 0 .2em;line-height:0}
.hero-logo{width:clamp(230px,34vw,520px);height:auto}
.gl .hero-logo{opacity:0}
.hero-slogan{font:800 clamp(2.2rem,5.4vw,4.6rem)/1 var(--display);letter-spacing:-.03em;color:#fff;margin:.35em 0 .3em}
@media (max-width:700px){.hero-since{top:96px;transform:none}.hero-hint{display:none}}
@media (hover:none){.hero-hint{display:none}}

/* route */
.route{position:relative;background:var(--abyss);color:#e6f6f8;display:grid;grid-template-columns:1.15fr 1fr}
.route-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
#map{position:absolute;inset:0;background:#0a3640}
.route-time{position:absolute;left:24px;bottom:24px;z-index:500;background:var(--abyss);color:#fff;padding:10px 16px;border-radius:999px;font:700 1rem var(--display);box-shadow:0 0 0 1px rgba(169,228,236,.3)}
.route-steps{padding:clamp(80px,14vh,160px) var(--gut) 30vh}
.route-head{margin-bottom:12vh}
.route-head h2{color:#fff}
.route-head p{color:#bfe0e5;margin-top:1.2em}
.route ol{list-style:none;margin:0;padding:0}
.step{min-height:70vh;padding-top:4vh;opacity:.35;transition:opacity .5s}
.step.on{opacity:1}
.step-n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--spring);font:800 1.1rem var(--display);color:var(--spring);margin-bottom:18px}
.step.on .step-n{background:var(--spring);color:var(--abyss)}
.step h3{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin-bottom:.5em}
.step p{color:#cfe8ec}
.pin{width:18px;height:18px;border-radius:50%;background:var(--spring);box-shadow:0 0 0 6px rgba(169,228,236,.25),0 0 24px var(--teal)}
.pin.lit{background:var(--dikti);box-shadow:0 0 0 8px rgba(108,190,69,.3),0 0 30px var(--dikti)}
.pin-label{background:none;border:0;box-shadow:none;color:#fff;font:700 .85rem var(--display);text-shadow:0 1px 6px #000}
.pin-label::before{display:none}
@media (max-width:860px){
  .route{display:block}
  .route-sticky{height:55svh;top:0;z-index:1}
  .route-steps{position:relative;z-index:2;background:linear-gradient(transparent,var(--abyss) 8vh);padding-top:10vh}
  .step{min-height:auto;padding:4vh 0;opacity:1}
}

/* quality */
.quality{padding:clamp(80px,12vw,160px) 0}
.quality .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,90px);align-items:start}
.q-intro p{color:var(--muted);margin-top:1.2em}
.q-key{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin:36px 0 0}
.q-key dt{font:500 .9rem var(--display);color:var(--muted)}
.q-key dd{margin:2px 0 0;font:800 2.2rem/1 var(--display);letter-spacing:-.03em;color:var(--deep)}
.q-key small{font-size:.9rem;font-weight:500;color:var(--muted)}
.q-column{margin:0}
.ions{display:grid;gap:10px}
.ion{display:grid;grid-template-columns:10rem 1fr 4rem;align-items:center;gap:14px;font-family:var(--display)}
.ion .nm{font-weight:600;font-size:.95rem}
.ion .nm small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.ion .bar{height:14px;border-radius:7px;background:rgba(31,168,188,.12);overflow:hidden}
.ion .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--spring));border-radius:7px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.ion .v{font-weight:700;text-align:right}
.q-column figcaption{margin-top:18px;font-size:.88rem;color:var(--muted)}
.q-cert{grid-column:1/-1;border-top:1px solid var(--line);padding-top:28px;display:flex;flex-wrap:wrap;gap:16px 40px;align-items:baseline}
.q-cert-t{font:700 1rem var(--display);margin:0}
.q-cert ul{display:flex;flex-wrap:wrap;gap:12px 36px;list-style:none;margin:0;padding:0;color:var(--muted)}
.q-cert strong{color:var(--ink);font-family:var(--display);margin-right:.4em}
@media (max-width:860px){.quality .wrap{grid-template-columns:1fr}.ion{grid-template-columns:7rem 1fr 3.4rem}}

/* bottles */
.bottles{background:#fff;padding:clamp(70px,10vw,130px) 0}
.bottles-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.bottles article{color:var(--deep)}
.bottle-ill{width:90px;height:150px;margin-bottom:18px;color:var(--deep)}
.bottles h3{margin-bottom:.5em}
.bottles article p{color:var(--muted)}
@media (max-width:860px){.bottles-grid{grid-template-columns:1fr}}

/* coolers */
.coolers{padding:clamp(80px,12vw,160px) 0;background:var(--lime)}
.c-head p{color:var(--muted);margin-top:1em}
.calc{margin:48px 0 70px;background:var(--abyss);color:#e6f6f8;border-radius:28px;padding:clamp(24px,4vw,48px)}
.calc>label{font:700 1.1rem var(--display);color:#fff}
.calc-row{display:flex;align-items:center;gap:24px;margin:16px 0 8px}
.calc input[type=range]{flex:1;accent-color:var(--dikti);height:32px}
.calc output{font:900 clamp(3rem,7vw,5rem)/1 var(--display);color:#fff;min-width:2.2ch;text-align:right;letter-spacing:-.04em}
.calc-l{font:500 1.05rem var(--display);color:var(--spring)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 26px}
.plan{border-radius:18px;padding:20px;box-shadow:inset 0 0 0 1px rgba(169,228,236,.2);opacity:.45;transition:opacity .3s,box-shadow .3s,transform .3s}
.plan.on{opacity:1;box-shadow:inset 0 0 0 2px var(--dikti);transform:translateY(-4px);background:rgba(108,190,69,.08)}
.plan h3{color:#fff;margin-bottom:.4em}
.plan p{font-size:.95rem;color:#cfe8ec;margin:0 0 .4em}
.plan .price{font:800 1.8rem var(--display);color:#fff;margin:.2em 0}
.plan .price small{font-size:.85rem;font-weight:500;color:var(--spring)}
@media (max-width:760px){.plans{grid-template-columns:1fr}.plan{opacity:.4}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-color:var(--teal) transparent}
.cooler{scroll-snap-align:start;background:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column}
.shot{height:220px;display:grid;place-items:center;margin:0 0 18px}
.shot img{height:220px;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.shot img~svg{display:none}
.cooler:hover .shot img{transform:scale(1.04)}
.cooler .ill{height:200px;width:auto;margin:0 auto 18px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cooler:hover .ill{transform:translateY(-6px) rotate(-2deg)}
.cooler .tag{font:500 .9rem var(--display);color:var(--teal);margin:.3em 0 .8em}
.cooler ul{margin:0;padding-left:1.1em;font-size:.93rem;color:var(--muted)}
.cooler li{margin:.25em 0}
.rail-note{font-size:.88rem;color:var(--muted);margin-top:14px}

/* care */
.care{background:var(--deep);color:#e6f6f8;padding:clamp(80px,12vw,160px) 0}
.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px)}
.care h2{color:#fff}
.care-list{display:grid;gap:34px}
.care-list h3{color:var(--spring);margin-bottom:.4em}
.care-list p{color:#cfe8ec;margin:0}
@media (max-width:860px){.care-grid{grid-template-columns:1fr}}

/* family */
.family{padding:clamp(80px,12vw,160px) 0}
.f-lede{font-size:1.2rem;color:var(--muted);margin-top:1.2em}
.timeline{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.timeline li{padding-right:24px}
.timeline .y{display:block;font:900 clamp(2.4rem,5vw,4rem)/1 var(--display);letter-spacing:-.04em;color:var(--deep);padding-bottom:22px;border-bottom:3px solid var(--teal);margin-right:-24px}
.timeline li:last-child .y{border-color:var(--dikti);color:var(--teal)}
.timeline p{margin-top:18px;color:var(--muted)}
@media (max-width:700px){.timeline{grid-template-columns:1fr;gap:28px}.timeline .y{padding-bottom:10px;margin-right:0}.timeline p{margin-top:6px}}

/* forms */
.b2b{background:var(--abyss);color:#e6f6f8;padding:clamp(80px,12vw,160px) 0}
.b2b h2{color:#fff}
.b2b-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.b2b-grid>div>p{color:#cfe8ec;margin-top:1.2em}
.b2b-why{margin:24px 0;padding-left:1.1em;color:var(--spring)}
.b2b-why li{margin:.4em 0}
.contact-direct a{font:800 1.4rem var(--display);color:#fff}
.form{display:grid;gap:16px;background:rgba(255,255,255,.04);border-radius:24px;padding:clamp(20px,3vw,36px);box-shadow:inset 0 0 0 1px rgba(169,228,236,.18)}
.form label{display:grid;gap:6px;font:600 .9rem var(--display)}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{font:400 1rem var(--text);padding:.8em .9em;border-radius:12px;border:1px solid rgba(169,228,236,.3);background:rgba(6,42,51,.6);color:#fff;width:100%}
.form textarea{resize:vertical}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .check{grid-template-columns:auto 1fr;align-items:start;font-weight:400;font-family:var(--text);font-size:.88rem;color:#cfe8ec}
.form .check input{margin-top:.3em;accent-color:var(--dikti)}
.form .btn{justify-self:start}
.hp{display:none}
@media (max-width:860px){.b2b-grid{grid-template-columns:1fr}.form .two{grid-template-columns:1fr}}

.opinion{padding:clamp(70px,10vw,130px) 0}
.op-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.op-grid>div>p{color:var(--muted);margin-top:1.2em}
.form-light{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.form-light input:not([type=radio]),.form-light textarea{background:var(--lime)!important;color:var(--ink)!important;border-color:var(--line)!important}
.stars{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.stars legend{font:600 .9rem var(--display);margin-bottom:8px;float:left;width:100%}
.stars input{position:absolute;opacity:0}
.stars label{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line);font:800 1rem var(--display);cursor:pointer;transition:background .15s,color .15s}
.stars input:checked~label,.stars label:hover,.stars label:hover~label{background:var(--teal);color:#fff;box-shadow:none}
.stars input:focus-visible+label{outline:3px solid var(--dikti);outline-offset:2px}
@media (max-width:860px){.op-grid{grid-template-columns:1fr}}

/* footer */
.foot{background:var(--ink);color:#b9cfd4;padding:64px 0 28px;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.foot-brand{font:800 1.2rem var(--display);color:#fff}
.foot a{color:#fff}
.foot-small{margin-top:40px;font-size:.8rem;opacity:.7;max-width:none}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
  .step{opacity:1}
}

/* running water */
.flow{position:absolute;left:0;right:0;bottom:-1px;height:70px;overflow:hidden;z-index:2;pointer-events:none}
.flow svg{width:200%;height:100%;display:block}
.flow path{fill:var(--abyss)}
.flow .w1{opacity:.55;animation:flow 9s linear infinite}
.flow .w2{animation:flow 14s linear infinite reverse}
@keyframes flow{to{transform:translateX(-50%)}}
.flow-b2b{position:relative;margin-top:-70px;bottom:auto}
.flow-b2b path{fill:var(--abyss)}

/* images in water */
.wimg{position:relative;margin:0;overflow:hidden;border-radius:22px;background:var(--deep);isolation:isolate}
.wimg>img,.wimg>video{display:block;width:100%;height:100%;object-fit:cover}
.wimg>canvas{position:absolute;inset:0;width:100%;height:100%}
.wimg.live>img,.wimg.live>video{visibility:hidden}
.wimg::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(169,228,236,.18);pointer-events:none}
.step-img{aspect-ratio:4/3;margin-top:28px;max-width:520px}

.loadband{position:relative;min-height:80svh;display:grid;align-items:end;background:var(--abyss);color:#fff;overflow:hidden}
.lb-media{position:absolute!important;inset:0;border-radius:0}
.lb-media::after{display:none}
.lb-text{position:relative;z-index:2;padding-bottom:clamp(60px,10vh,120px);width:100%}
.lb-text h2{color:#fff;max-width:14ch;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.lb-text p{color:#d4f1f5;margin-top:1em;font-size:1.15rem}

/* certificates */
.certs{background:linear-gradient(180deg,#fff,var(--lime));padding:clamp(80px,12vw,160px) 0}
.certs-head{max-width:760px}
.certs-mark{width:64px;height:auto;margin-bottom:20px}
.certs-head p{color:var(--muted);margin-top:1.2em;font-size:1.1rem}
.seals{list-style:none;padding:0;margin:56px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.seal{background:#fff;border-radius:26px;padding:30px;box-shadow:0 20px 50px -30px rgba(0,173,187,.45),inset 0 0 0 1px var(--line)}
.ring{position:relative;display:grid;place-items:center;width:132px;height:132px;margin-bottom:22px}
.ring svg{position:absolute;inset:0;animation:spin 40s linear infinite}
.ring text{font:700 9.4px var(--display);letter-spacing:.12em;fill:var(--teal)}
.ring::before{content:"";position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3fd0db,var(--teal) 55%,#007f8a);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--dikti)}
.ring b{position:relative;font:900 1.25rem var(--display);color:#fff;letter-spacing:-.02em}
@keyframes spin{to{transform:rotate(360deg)}}
.seal h3{font-size:1.4rem;color:var(--deep)}
.seal p{color:var(--muted);margin:.4em 0 0;font-size:.98rem}
.seal .no{font:700 .95rem var(--display);color:var(--teal);margin-top:.8em}
.certs-gallery{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:18px;height:clamp(260px,34vw,440px)}
@media (max-width:860px){.seals{grid-template-columns:1fr}.certs-gallery{grid-template-columns:1fr 1fr;height:auto}.certs-gallery .wimg{aspect-ratio:3/4}.certs-gallery .wimg:last-child{grid-column:1/-1;aspect-ratio:4/3}}

/* bottles */
.bottle-img{height:220px;width:auto;max-width:100%;object-fit:contain;margin-bottom:18px;mix-blend-mode:multiply;border-radius:12px}
.b-sub{color:var(--muted);margin-top:1em}
.eq{margin-top:1em;padding:14px 16px;border-radius:14px;background:rgba(128,191,70,.12);color:var(--ink)!important;font-size:.98rem}
.eq strong{font-family:var(--display);color:var(--deep)}

/* family */
.fam-gallery{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;margin-top:48px;height:clamp(300px,40vw,520px)}
@media (max-width:700px){.fam-gallery{grid-template-columns:1fr;height:auto}.fam-gallery .wimg{aspect-ratio:4/3}}

.foot-logo{width:170px;height:auto;margin-bottom:14px}
@media (prefers-reduced-motion:reduce){.flow path,.ring svg{animation:none}}

/* v3 additions */
.hero-logo{width:clamp(220px,26vw,400px)}
.seals{grid-template-columns:repeat(4,1fr)}
.seal{display:flex;flex-direction:column}
.seal .doc{margin-top:auto;padding-top:18px;font:700 .95rem var(--display);color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.ring-gold::before{background:radial-gradient(circle at 35% 30%,#ffe08a,#d9a521 55%,#9c7210);box-shadow:0 0 0 4px #fff,0 0 0 6px #d9a521}
.ring-gold text{fill:#b0841a}
.ring-gold b{font-size:1.1rem;letter-spacing:.05em}
.valid{color:var(--muted);margin:-24px 0 56px;font-size:.98rem}
.valid a{color:var(--deep);font-weight:600}
.proof{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:clamp(24px,5vw,64px);align-items:center;margin-bottom:56px}
.proof-img{aspect-ratio:1;background:#fff}
.proof-img>img{object-fit:contain;padding:12%}
.proof h3{font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--deep);margin-bottom:.5em}
.proof p{color:var(--muted)}
.mig{display:flex;flex-wrap:wrap;gap:16px 40px;margin:20px 0 0}
.mig dt{font:500 .9rem var(--display);color:var(--muted)}
.mig dd{margin:2px 0 0;font:800 2rem/1 var(--display);color:var(--teal);letter-spacing:-.02em}
.mig div:last-child dd{color:var(--ink)}
.mig small{font-size:.85rem;font-weight:500;color:var(--muted)}
.docs{background:#fff;border-radius:24px;padding:clamp(20px,3vw,36px);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:56px}
.docs h3{font-size:1.3rem;margin-bottom:14px}
.docs ul{list-style:none;margin:0;padding:0}
.docs li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding:12px 0;border-top:1px solid var(--line)}
.docs li a{font:600 1rem var(--display);color:var(--deep)}
.docs li span{font-size:.88rem;color:var(--muted)}
.q-metals{margin-top:18px;font-size:.95rem;color:var(--ink);background:rgba(0,173,187,.08);padding:12px 16px;border-radius:12px}
.q-column figcaption a{color:var(--deep);font-weight:600}
.first{font:600 .98rem var(--display);color:var(--teal)!important;margin:.2em 0 .6em}
.timeline{grid-template-columns:repeat(6,1fr)}
.timeline .y{font-size:clamp(2rem,3.6vw,3rem)}
.timeline li:nth-child(5) .y{color:#b0841a}
.give{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.give h3{margin-bottom:.5em;color:var(--deep)}
.give p{color:var(--muted);margin:0}
.foot-links{margin-top:32px;font-size:.9rem;max-width:none}
.foot-links a{color:#cfe8ec}
.care-list a{color:#fff}
@media (max-width:1000px){.seals{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr);row-gap:32px}}
@media (max-width:700px){.seals{grid-template-columns:1fr}.proof{grid-template-columns:1fr}.proof-img{max-width:260px}.give{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}}
.certs-gallery.prod{grid-template-columns:1fr 1fr 1fr}
.certs-gallery.prod .wimg{background:#fff}

#cretemap{position:absolute;inset:0;width:100%;height:100%;display:block}
#cretemap .route{fill:none;stroke:#80BF46;stroke-width:calc(var(--u,1) * 4px);stroke-linecap:round;filter:url(#glow);transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1) .5s}
#cretemap .pin circle{fill:#A9E4EC}
#cretemap .pin .halo{fill:rgba(169,228,236,.22)}
#cretemap .pin.lit circle{fill:#80BF46}
#cretemap .pin.lit .halo{fill:rgba(128,191,70,.3);animation:pulse 2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
#cretemap .lbl{font-family:Commissioner,sans-serif;font-weight:700;font-size:calc(var(--u,1) * 15px);fill:#fff;paint-order:stroke;stroke:#062A33;stroke-width:calc(var(--u,1) * 4px)}
#cretemap .sea-l{font-family:Literata,serif;font-style:italic;font-size:calc(var(--u,1) * 16px);fill:#A9E4EC;fill-opacity:.45;letter-spacing:.2em}
@media (prefers-reduced-motion:reduce){#cretemap .route{transition:none}#cretemap .pin.lit .halo{animation:none}}

@media (max-width:860px){
  .route-sticky{top:64px;height:46svh}
  .route-steps{background:none;padding-top:6vh}
  .route-head,.step{position:relative;background:rgba(6,42,51,.94);border-radius:20px;padding:22px;margin:0 0 42svh;backdrop-filter:blur(4px)}
  .route-steps ol{margin-top:0}
}

.certs-gallery.prod{grid-template-columns:1fr 1.6fr 1fr}
.step-img{aspect-ratio:1/1}