:root{color-scheme:light dark;--bg:#eaf5fb;--ink:#122431;--muted:#536b78;--accent:#187ea5;--panel:rgba(255,255,255,.54);--line:rgba(18,36,49,.15);--cloud-top:#f6fbfc;--cloud-bottom:#aac8d7;--rain-opacity:.22;--rain-speed:2.8s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-rounded,"Avenir Next",system-ui,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--ink);color:var(--bg);padding:.7rem;z-index:9}.skip-link:focus{top:1rem}.site-header,footer{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:1.5rem 2rem;position:relative;z-index:1}.brand{font-weight:800;font-size:1.3rem;letter-spacing:-.06em}.brand span{color:var(--accent)}nav{display:flex;gap:1.45rem;color:var(--muted);font-size:.9rem}nav a:hover,.text-link:hover{color:var(--accent)}.hero{min-height:calc(100vh - 80px);max-width:1200px;margin:auto;padding:6vw 2rem 10vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;position:relative}.eyebrow{color:var(--accent);font-weight:750;font-size:.77rem;letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.02;letter-spacing:-.065em}h1{font-size:clamp(3.7rem,8vw,7.8rem);margin-bottom:1.6rem}h2{font-size:clamp(2.4rem,4.5vw,4.7rem);margin-bottom:1.2rem}.intro{color:var(--muted);font-size:1.15rem;max-width:33rem}.button{display:inline-flex;gap:.7rem;background:var(--ink);color:var(--bg);padding:.9rem 1.2rem;border-radius:99px;margin-top:1rem;font-weight:700}.cloud-stage{filter:drop-shadow(0 26px 30px rgba(41,104,129,.2));animation:float 6s ease-in-out infinite}.cloud{transform-origin:center;animation:cloudPulse 9s ease-in-out infinite}.drops{stroke:var(--accent);stroke-width:9;stroke-linecap:round;animation:drop 1.7s linear infinite}.drops path:nth-child(2){animation-delay:.4s}.drops path:nth-child(3){animation-delay:.8s}.drops path:nth-child(4){animation-delay:1.2s}.rain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--rain-opacity);overflow:hidden}.rain i{position:absolute;width:2px;height:110vh;background:linear-gradient(transparent,rgba(20,115,158,.65),transparent);animation:rainfall var(--rain-speed) linear infinite;transform:rotate(12deg)}.rain i:nth-child(1){left:18%;animation-delay:-1.2s}.rain i:nth-child(2){left:58%;animation-delay:-.4s}.rain i:nth-child(3){left:82%;animation-delay:-2s}.panel,.story,.cards-wrap,.life{max-width:1200px;margin:0 auto;padding:7rem 2rem}.simulator{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:2rem;padding:3rem;margin-inline:2rem;max-width:1160px;backdrop-filter:blur(12px)}.simulator h2{font-size:2.5rem}.control label{display:flex;justify-content:space-between;font-weight:700}.control output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);margin:1.3rem 0}.scale{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}.section-heading{max-width:43rem}.cycle{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:1rem 0 0;gap:1.2rem}.cycle li{border-top:2px solid var(--line);padding-top:1.1rem}.cycle span,.card-number{color:var(--accent);font-weight:800}.cycle h3,.cards h3{font-size:1.45rem;margin:.45rem 0}.cycle p,.cards p,.life-grid p{color:var(--muted)}.cards-wrap{background:var(--ink);color:#eff9fc;max-width:none;padding-inline:max(2rem,calc((100vw - 1200px)/2 + 2rem))}.cards-wrap .section-heading{margin-bottom:3rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18)}.cards article{background:#19303e;padding:1.5rem;min-height:220px}.cards article:nth-child(even){background:#1c3a49}.cards p{color:#c3dbe4}.petrichor{min-height:70vh;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1200px;margin:auto;padding:8rem 2rem}.petrichor-orb{width:min(36vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d5f3e4 0 3%,#81bfae 22%,#2a6e68 57%,#11383e 100%);box-shadow:inset -24px -28px 40px rgba(0,0,0,.18),0 30px 50px rgba(17,56,62,.2);animation:float 8s ease-in-out infinite}.text-link{font-weight:800;color:var(--accent)}.life{padding-bottom:9rem}.life-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:3rem;align-items:end;border-top:1px solid var(--line);padding-top:2rem}.big-stat{font-size:clamp(5rem,11vw,10rem);line-height:.75!important;letter-spacing:-.1em;color:var(--ink)!important;font-weight:800}.big-stat span{font-size:.35em;color:var(--accent)}footer{border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}footer div{display:flex;gap:1rem}@keyframes rainfall{to{transform:translateY(110vh) rotate(12deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes cloudPulse{50%{transform:scale(1.015)}}@keyframes drop{50%{transform:translateY(10px);opacity:.4}}@media(prefers-color-scheme:dark){:root{--bg:#081621;--ink:#e4f5fb;--muted:#9eb7c2;--accent:#61c3e8;--panel:rgba(27,57,71,.6);--line:rgba(222,245,252,.16);--cloud-top:#6e9eb3;--cloud-bottom:#213f54}.cards article{background:#0f2b39}.cards article:nth-child(even){background:#123542}.petrichor-orb{box-shadow:inset -24px -28px 40px rgba(0,0,0,.3),0 30px 70px rgba(99,212,193,.15)}}@media(max-width:760px){.site-header{padding-inline:1.2rem}nav{display:none}.hero,.simulator,.petrichor{grid-template-columns:1fr}.hero{padding:4rem 1.3rem 6rem;min-height:auto}.cloud-stage{max-width:370px;margin:auto}.simulator{margin:0 1.2rem;padding:2rem;gap:2rem}.story,.cards-wrap,.life{padding:5rem 1.3rem}.cycle,.cards,.life-grid{grid-template-columns:1fr 1fr}.petrichor{padding:5rem 1.3rem;gap:3rem}.petrichor-orb{width:65vw}footer{padding:2rem 1.3rem;flex-wrap:wrap;gap:1rem}}@media(max-width:450px){.cycle,.cards,.life-grid{grid-template-columns:1fr}.scale span:not(:first-child):not(:last-child){display:none}footer div{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.rain{display:none}}
.article{max-width:850px;margin:0 auto;padding:7rem 2rem 9rem}.article h1{font-size:clamp(3.5rem,8vw,7rem);max-width:760px}.article h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:4.5rem}.article .lead{font-size:clamp(1.25rem,2.3vw,1.65rem);line-height:1.4;max-width:700px;color:var(--muted)}.article section>p{font-size:1.08rem;max-width:680px}.cycle-visual{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;margin:4rem 0;background:var(--panel);border:1px solid var(--line);border-radius:2rem;font-weight:800;color:var(--accent)}.cycle-visual span{background:var(--bg);border:1px solid var(--line);padding:.85rem;border-radius:50%;aspect-ratio:1;display:grid;place-items:center}.cycle-visual b{font-size:1.4rem;color:var(--muted)}.fact{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:4rem 0;background:var(--panel)}.fact p:last-child{font-size:1.35rem;line-height:1.35;margin:0}@media(max-width:600px){.article{padding:4rem 1.3rem 6rem}.cycle-visual{flex-wrap:wrap}.cycle-visual b{display:none}}
.type-list,.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:4rem 0}.type-list section,.impact-grid section{padding:2rem;background:var(--bg);min-height:220px}.type-list h2,.impact-grid h2{font-size:2rem;margin:0 0 .8rem}.scent{position:relative;overflow:hidden;min-height:230px;margin:4rem 0;border-radius:2rem;background:radial-gradient(circle at 45% 50%,#a7d2be,#2d756c 40%,#143b42 100%)}.scent i{display:block;position:absolute;width:200px;height:200px;border:2px solid rgba(255,255,255,.45);border-radius:50%;left:calc(50% - 100px);top:15px;animation:float 4s ease-in-out infinite}.scent i:nth-child(2){transform:scale(.7);animation-delay:-1s}.scent i:nth-child(3){transform:scale(1.3);animation-delay:-2s}@media(max-width:600px){.type-list,.impact-grid{grid-template-columns:1fr}}
.footer-links{flex-wrap:wrap}.footer-links a,.network a{color:var(--accent);font-weight:700}.network{max-width:580px;font-size:.76rem}.network span{opacity:.75}
.cards-wrap{background:#123442!important;color:#eff9fc!important}.cards-wrap h2{color:#eff9fc!important}.cards-wrap .eyebrow{color:#69c9ea!important}
.lightning{position:fixed;inset:0;pointer-events:none;z-index:-1;background:rgba(215,246,255,.88);opacity:0}.lightning::after{content:'⚡';position:absolute;right:18%;top:13%;font-size:clamp(4rem,9vw,9rem);color:#fff;filter:drop-shadow(0 0 18px #fff);opacity:0}[data-weather="storm"] .lightning{animation:flash 8s steps(1,end) infinite}[data-weather="storm"] .lightning::after{animation:bolt 8s steps(1,end) infinite}[data-weather="storm"] .rain i{width:3px;filter:drop-shadow(0 0 2px rgba(255,255,255,.7))}@keyframes flash{0%,6%,8%,100%{opacity:0}7%,7.4%{opacity:.55}}@keyframes bolt{0%,6%,8%,100%{opacity:0;transform:translateY(-20px)}7%,7.4%{opacity:1;transform:translateY(0)}}