@font-face{font-family:"Archivo";src:url(/app/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:"Fraunces";src:url(/app/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Fraunces";src:url(/app/fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url(/app/fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url(/app/fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--ground:#EFEFE8;--ground-2:#E7E9E0;--panel:rgba(255,255,255,.66);--panel-solid:#F8F8F3;--sunk:rgba(16,22,14,.055);--line:rgba(16,22,14,.15);--line-soft:rgba(16,22,14,.085);
--ink:#121611;--ink-2:#343B30;--mute:#626A5D;--veld:#1E6B45;--honey:#A8761A;--clay:#B04A2A;--sky:#2F6C9C;
--t-certified:#1D6B45;--t-pgs:#3B6E3F;--t-scheme:#8A6A12;--t-declared:#4D6270;--t-unchecked:#5D6756;--wash:rgba(30,107,69,.10);
--glow1:rgba(30,107,69,.17);--glow2:rgba(184,131,31,.15);--glow3:rgba(47,108,156,.08);--r:14px;--shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 34px -18px rgba(16,22,14,.45)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#0B0E0C;--ground-2:#0F130F;--panel:rgba(24,30,24,.64);--panel-solid:#161C16;--sunk:rgba(0,0,0,.34);--line:rgba(255,255,255,.13);--line-soft:rgba(255,255,255,.075);
--ink:#ECEEE5;--ink-2:#C4CBBB;--mute:#8F978A;--veld:#6ECB95;--honey:#E4B65B;--clay:#E8875F;--sky:#7FB3DD;--t-certified:#63C18B;--t-pgs:#93C486;--t-scheme:#D0AE4A;--t-declared:#9AB0BD;--t-unchecked:#8A9385;--wash:rgba(110,203,149,.13);
--glow1:rgba(110,203,149,.13);--glow2:rgba(228,182,91,.09);--glow3:rgba(127,179,221,.06);--shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 40px -18px rgba(0,0,0,.9)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:15.5px/1.5 "Archivo",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
background-image:radial-gradient(60vw 40vh at 8% -10%,var(--glow1),transparent 70%),radial-gradient(50vw 40vh at 100% 20%,var(--glow2),transparent 70%),radial-gradient(40vw 30vh at 50% 110%,var(--glow3),transparent 70%)}
a{color:inherit}.skip{position:absolute;left:-999px;top:8px;background:var(--panel-solid);padding:8px 12px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);background:var(--ground);background:color-mix(in srgb,var(--ground) 72%,transparent);border-bottom:1px solid var(--line-soft)}
.bar{display:flex;align-items:center;gap:14px;min-height:60px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:21px;letter-spacing:-.02em}
.brand img{border-radius:8px}.top nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto}.top nav a{text-decoration:none;padding:8px 10px;border-radius:9px;color:var(--ink-2);font-size:14px;white-space:nowrap}.top nav a:hover{background:var(--sunk);color:var(--ink)}
@media (max-width:760px){.top nav{display:none}.bar .btn{margin-left:auto}}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);text-decoration:none;font-weight:600;font-size:14.5px;color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.btn.solid{background:var(--veld);border-color:var(--veld);color:#F8F7F0}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.solid{color:#0B0E0C}}.btn.solid:hover{filter:brightness(1.08)}.btn:hover{border-color:var(--ink-2)}
.display{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.025em;line-height:1.05}
.lbl{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
.hero{padding:56px 0 30px}.hero h1{font-size:clamp(34px,6vw,64px);margin:12px 0 16px;max-width:15ch}.hero .lede{font-size:clamp(16px,2vw,19px);color:var(--ink-2);max-width:62ch;margin:0 0 22px}
.acts{display:flex;flex-wrap:wrap;gap:10px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.phones{position:relative;height:600px}.ph{position:absolute;width:236px;height:auto;border-radius:30px;border:5px solid #171C17;box-shadow:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);background:#0B0E0C}
.ph.a{left:2%;top:0;transform:rotate(-5deg);z-index:2}.ph.b{right:4%;top:70px;transform:rotate(4deg)}.ph.c,.ph.d{display:none}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.phones{height:auto;display:flex;gap:12px;overflow-x:auto;padding:14px 0 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.ph,.ph.a,.ph.b,.ph.c,.ph.d{display:block;position:static;transform:none;flex:none;width:190px;scroll-snap-align:start}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:28px 0 0}
.facts div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 15px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.facts b{display:block;font-family:"Fraunces",Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.facts span{display:block;font-size:12.5px;color:var(--mute);margin-top:6px}
section.sec{padding:34px 0;border-top:1px solid var(--line-soft);scroll-margin-top:72px}section.sec h2{font-size:clamp(26px,3.6vw,38px);margin:8px 0 10px;max-width:22ch}section.sec .lede{color:var(--ink-2);font-size:16.5px;max-width:66ch;margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.g{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 17px;box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(1.5)}
.g h3{margin:6px 0 6px;font-size:18px;font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.015em}.g p{margin:0;color:var(--ink-2);font-size:14.5px}.g p+p{margin-top:8px}
.g.link{text-decoration:none;display:block}.g.link:hover{border-color:var(--veld)}
.stamp{display:inline-block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:7px;border:1px solid currentColor;color:var(--t-declared);white-space:nowrap}
.stamp.certified{color:var(--t-certified)}.stamp.pgs{color:var(--t-pgs)}.stamp.scheme{color:var(--t-scheme)}.stamp.declared{color:var(--t-declared)}.stamp.unchecked{color:var(--t-unchecked);border-style:dashed}
.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.ladder .g{border-left:3px solid var(--t-declared)}.ladder .certified{border-left-color:var(--t-certified)}.ladder .pgs{border-left-color:var(--t-pgs)}.ladder .scheme{border-left-color:var(--t-scheme)}.ladder .unchecked{border-left-color:var(--t-unchecked)}
.ladder b{display:block;font-family:"Fraunces",Georgia,serif;font-size:26px;letter-spacing:-.02em}
.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line-soft)}.rows a{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:12px 2px;text-decoration:none}.rows a:hover{background:var(--sunk)}
.rows .nm{font-weight:600;font-size:15.5px}.rows .sm{display:block;font-size:13px;color:var(--mute);margin-top:2px}
@media (max-width:560px){.rows a{grid-template-columns:1fr}.rows .stamp{justify-self:start}}
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.price .g{display:flex;flex-direction:column}.price .amt{font-family:"Fraunces",Georgia,serif;font-size:34px;font-weight:600;letter-spacing:-.02em;margin:6px 0 2px}.price .per{font-size:13px;color:var(--mute);margin-bottom:10px}
.price ul{margin:0 0 14px;padding-left:18px;color:var(--ink-2);font-size:14.5px}.price li+li{margin-top:5px}.price .btn{margin-top:auto;align-self:flex-start}
.faq details{border-top:1px solid var(--line-soft);padding:12px 0}.faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--mute);font-family:"IBM Plex Mono",monospace}.faq details[open] summary::after{content:"–"}.faq details p{margin:8px 0 0;color:var(--ink-2);max-width:70ch}
.crumbs{font-size:13px;color:var(--mute);margin:18px 0 8px;display:flex;flex-wrap:wrap;gap:6px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.page h1{font-size:clamp(30px,5vw,50px);margin:6px 0 8px}.page .sub{color:var(--ink-2);font-size:16px;margin:0 0 14px}
.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:start}@media (max-width:820px){.detail{grid-template-columns:1fr}}
dl{margin:0}dt{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:12px}dt:first-child{margin-top:0}dd{margin:3px 0 0;color:var(--ink-2)}
.maplinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.maplinks .btn{justify-content:center;font-size:13.5px;padding:10px 8px}
.note{border-left:3px solid var(--honey);padding:10px 12px;background:var(--wash);border-radius:0 10px 10px 0;margin-top:12px;font-size:14.5px;color:var(--ink-2)}
.cite{font-size:12.5px;color:var(--mute);margin-top:14px}
.foot{border-top:1px solid var(--line-soft);margin-top:40px;padding:26px 0 40px;color:var(--ink-2);font-size:14px}.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.foot b{display:block;color:var(--ink);margin-bottom:4px}.foot p{margin:0}.foot p a{display:inline-block;padding:5px 0}.foot .fine{margin-top:18px;font-size:12.5px;color:var(--mute)}
.prose{max-width:72ch}.prose h2{font-size:22px;margin:26px 0 8px}.prose p,.prose li{color:var(--ink-2)}