.preview{position:fixed;bottom:14px;left:50%;translate:-50% 0;z-index:30;padding:7px 14px;border-radius:999px;font-size:12px;letter-spacing:.1em;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--mute)}
.mono{font-feature-settings:"tnum"}
.top{position:sticky;top:14px;z-index:20;margin:14px auto 0;width:min(var(--max),calc(100% - 28px));border-radius:999px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.top-in{display:flex;justify-content:space-between;align-items:center;height:54px;max-width:none;padding:0 8px 0 18px}
.logo{font-weight:650;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.logo::before{content:"";width:24px;height:24px;border-radius:50%;background:var(--chrome);animation:spin 14s linear infinite}
nav{display:flex;gap:2px}nav a{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--mute);transition:.3s}nav a:hover{color:var(--fg);background:var(--line)}
.nav-cta{color:var(--bg)!important;background:var(--fg)}
.hero{padding-top:clamp(72px,12vh,140px);padding-bottom:clamp(56px,8vw,110px)}
.dateline{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 22px;display:flex;align-items:center;gap:10px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
h1{font-size:clamp(42px,6.6vw,108px);line-height:.92;letter-spacing:-.055em;font-weight:620;margin:0 0 clamp(36px,5vw,64px);max-width:16ch}
.accent{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;animation:spin 18s linear infinite}
:root[data-theme=light] .accent{background:conic-gradient(from var(--a),#1a1c1f,#7d848d 15%,#2b2f34 30%,#a9afb7 45%,#16181b 60%,#6b727b 78%,#1a1c1f);-webkit-background-clip:text;background-clip:text}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .accent{background:conic-gradient(from var(--a),#1a1c1f,#7d848d 15%,#2b2f34 30%,#a9afb7 45%,#16181b 60%,#6b727b 78%,#1a1c1f);-webkit-background-clip:text;background-clip:text}}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.lead{font-size:clamp(17px,1rem + .35vw,21px);line-height:1.5;max-width:36em;margin:0 0 18px;letter-spacing:-.01em}
.lead sup a{color:var(--accent);font-size:12px}
.ctas{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 16px}
.btn{padding:13px 22px;border-radius:999px;border:1px solid var(--glass-b);background:var(--glass);backdrop-filter:blur(12px);font-size:15px;transition:.35s var(--ease)}
.btn:hover{transform:translateY(-2px);border-color:var(--fg)}
.btn-solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.note{font-size:13px;color:var(--mute);margin:0}
.flower{margin:0;border-radius:var(--r);overflow:hidden;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:relative;isolation:isolate}
.flower::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;left:15%;top:-8%;border-radius:50%;background:var(--chrome);filter:url(#goo) blur(18px);opacity:.35;animation:spin 30s linear infinite}
.flower svg{display:block;width:100%;height:auto}
.flower .ln-solid{stroke:var(--mute);stroke-width:1.2}
.flower circle{fill:var(--bg);stroke:var(--fg);stroke-width:.9}
.flower circle[fill="#e8430c"]{fill:var(--fg)}
.flower figcaption{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding:14px 18px}
.sec{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:28px}
.num{font-size:14px;color:var(--mute);padding:4px 10px;border:1px solid var(--glass-b);border-radius:999px}
h2{font-size:clamp(32px,4.6vw,64px);letter-spacing:-.05em;line-height:.95;font-weight:600;margin:0}
h3{font-size:clamp(19px,1rem + .5vw,24px);letter-spacing:-.025em;font-weight:600;margin:0 0 8px;line-height:1.15}
.sec-lead{font-size:clamp(17px,1rem + .4vw,22px);color:var(--mute);max-width:40em;margin:0 0 36px;letter-spacing:-.01em}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.steps li,.why li,.card,.spec,.lessons{background:var(--glass);border:1px solid var(--glass-b);border-radius:var(--r);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}
.steps li{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:14px;container-type:inline-size}
.steps p{margin:0;color:var(--mute)}
.step-n{font-size:13px;color:var(--mute)}
.fine{font-size:13px;color:var(--mute);margin:20px 0 0;max-width:52em;padding-left:14px;border-left:1px solid var(--glass-b)}
.two{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.two>*{min-width:0}
.why{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.why li{padding:20px 24px;color:var(--mute)}.why b{color:var(--fg);font-weight:600}
.lessons{padding:clamp(22px,2.4vw,32px);font-size:16px;position:relative;overflow:hidden;isolation:isolate}
.lessons::before{content:"";position:absolute;z-index:-1;width:90%;aspect-ratio:1;right:-45%;bottom:-55%;border-radius:50%;background:var(--chrome);filter:url(#goo);opacity:.18;animation:spin 34s linear infinite}
.lessons p{margin:0 0 12px}
.tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}
.status{list-style:none;padding:0;margin:0;max-width:820px;border-top:1px solid var(--line)}
.status li{padding:16px 4px;border-bottom:1px solid var(--line);color:var(--mute);display:flex;gap:16px}
.status li span{font-family:ui-monospace,Menlo,monospace;font-size:14px;flex:none}
.status .done{color:var(--fg)}.status .now{color:var(--fg)}.status .now span{color:var(--accent)}
.spec{margin-top:18px;font-size:15px;overflow:hidden}
.spec div{padding:14px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:12px}.spec div:last-child{border:0}
.spec span{color:var(--mute);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{padding:clamp(22px,2.4vw,30px)}.card p{margin:0}.card p:not(.tag){font-size:16px}
.contact{font-size:16px;margin-top:28px;padding:22px 24px;border-radius:var(--r);border:1px dashed var(--glass-b)}
.todo{background:var(--accent);color:#000;padding:2px 8px;border-radius:6px;font-weight:600}
.foot{padding:48px 0 80px;font-size:14px;border-top:1px solid var(--line);color:var(--mute)}
.sources{font-size:13px;padding-left:20px;margin:0 0 32px}.sources a{text-decoration:underline;text-underline-offset:3px}
.foot-row{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.foot-row b{color:var(--fg)}
.small{font-size:13px}
@supports (animation-timeline:view()){.steps li,.why li,.card,.status li,.spec,.lessons{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
@media(max-width:860px){nav a:not(.nav-cta){display:none}.hero-grid,.two,.steps,.cards{grid-template-columns:1fr}.spec div{grid-template-columns:1fr;gap:2px}.ctas .btn{flex:1 1 100%;text-align:center}}
.hero.wrap,.sec.wrap{padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}.hero{min-height:0;display:block}:root{--blob:.38}:root[data-theme=light]{--blob:.5}
.flower text{font:11px Onest,sans-serif;fill:var(--mute)}.flower .c{text-anchor:middle}.flower .e{text-anchor:end}