:root{--bg:#eef7ef;--paper:rgba(255,255,255,.78);--paper-strong:#fff;--text:#17251f;--muted:#66766c;--line:rgba(23,37,31,.12);--green:#2f7b66;--green-2:#174d45;--gold:#d8a34f;--blue:#6aa8d9;--shadow:0 26px 70px rgba(35,84,68,.16)}body.deep{--bg:#091820;--paper:rgba(15,39,47,.78);--paper-strong:#102933;--text:#effff7;--muted:#adc3ba;--line:rgba(239,255,247,.14);--green:#83dcc4;--green-2:#b6f5d7;--gold:#ffd38a;--blue:#9ecfff;--shadow:0 26px 70px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 8% 10%,rgba(131,220,196,.28),transparent 30rem),radial-gradient(circle at 90% 4%,rgba(216,163,79,.22),transparent 28rem),radial-gradient(circle at 65% 100%,rgba(106,168,217,.18),transparent 30rem),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;transition:background .35s ease,color .35s ease}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 78%,transparent)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:-.04em}.brand img{display:block}nav{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper-strong) 65%,transparent)}nav a{padding:.62rem .9rem;border-radius:999px;color:var(--muted);font-size:.95rem}nav a:hover{color:var(--text);background:color-mix(in srgb,var(--green) 14%,transparent)}.mode-button,.btn,.layer{font:inherit}.mode-button{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--paper);cursor:pointer}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem) 3rem}.hero-copy{max-width:740px}.kicker{margin:0 0 .9rem;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(3rem,7.8vw,7.3rem);line-height:.9;letter-spacing:-.08em}.lead{max-width:58rem;margin:1.4rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.82rem 1.15rem;border-radius:999px;border:1px solid var(--line);font-weight:850;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 18px 38px rgba(47,123,102,.22)}.secondary{background:var(--paper)}.hero-card{padding:.35rem;border:1px solid var(--line);border-radius:2.4rem;background:var(--paper);box-shadow:var(--shadow)}.main-illustration{width:100%;display:block}.mosswhale{transform-origin:370px 230px;animation:drift 6s ease-in-out infinite}.bubbles circle,.sun{animation:pulse 4s ease-in-out infinite}.bubbles circle:nth-child(2n){animation-delay:1.1s}.section{padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,5rem)}.section-title{max-width:820px;margin-bottom:2rem}.section-title h2,.habitat-panel h2{margin:0;font-size:clamp(2rem,4.5vw,4.4rem);line-height:1;letter-spacing:-.06em}.cards,.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.note,.habitat-panel{border:1px solid var(--line);border-radius:1.6rem;background:var(--paper);box-shadow:var(--shadow)}.card,.note{padding:1.35rem}.card-icon{display:grid;width:3.1rem;height:3.1rem;place-items:center;margin-bottom:1rem;border-radius:1.1rem;color:var(--green-2);background:color-mix(in srgb,var(--green) 18%,transparent);font-weight:900;font-size:1.35rem}.card h3,.note h3{margin:0 0 .55rem;font-size:1.25rem}.card p,.note p,.layer-text p{margin:0;color:var(--muted);line-height:1.7}.habitat-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:1rem;align-items:start;padding:clamp(1.2rem,4vw,2rem)}.layers{display:grid;gap:.75rem}.layer{width:100%;display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:1.2rem;color:var(--text);background:color-mix(in srgb,var(--paper-strong) 72%,transparent);text-align:left;cursor:pointer}.layer span{color:var(--muted);font-size:.9rem}.layer.active{outline:2px solid color-mix(in srgb,var(--green) 50%,transparent);background:color-mix(in srgb,var(--green) 12%,var(--paper-strong))}.layer-text{grid-column:1/-1;padding:1.25rem;border:1px dashed var(--line);border-radius:1.2rem}.layer-text h3{margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.04em}footer{padding:2rem clamp(1rem,5vw,5rem) 3rem;color:var(--muted);text-align:center}@keyframes drift{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes pulse{0%,100%{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (max-width:980px){.hero,.habitat-panel{grid-template-columns:1fr}.hero-card{max-width:760px;margin-inline:auto}.cards,.note-grid{grid-template-columns:1fr}}@media (max-width:720px){.topbar{flex-wrap:wrap}.brand{flex:1 1 auto}nav{order:3;width:100%;justify-content:space-between;overflow-x:auto}.mode-button{flex:0 0 auto}.hero{padding-top:3rem}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}