@font-face{font-family:Onest;src:url('/fonts/onest.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
:root{--bg:#0b0c0d;--ink:#f2f0e9;--muted:#979994;--line:rgba(242,240,233,.15);--cyan:#55d9e8;--orange:#ff5c20;--pad:clamp(20px,4.7vw,76px)}
html,body{min-height:100%;background:var(--bg)}
html{overflow:hidden}
body{margin:0;color:var(--ink);font-family:Onest,system-ui,sans-serif;overflow:hidden;background:radial-gradient(circle at 79% 48%,rgba(85,217,232,.08),transparent 27%),radial-gradient(circle at 15% 91%,rgba(255,92,32,.07),transparent 21%),var(--bg)}
header{position:fixed;z-index:3;top:20px;left:var(--pad);right:var(--pad);height:54px;border:1px solid var(--line);display:flex;align-items:center;padding:0 16px}
.brand{display:inline-flex;align-items:baseline;gap:10px;color:inherit;text-decoration:none;font-weight:400;letter-spacing:-.03em;font-size:19px}.brand svg{width:13.9px;height:18px}.mark-outer,.mark-core{fill:#21d2ed}.mark-outer{opacity:.58}
.status{margin-left:auto;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:8px}.status i{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px var(--orange);animation:pulse 2.6s ease-in-out infinite}
main{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px var(--pad) 90px;width:min(850px,64vw)}
.eyebrow{margin:0 0 26px;color:var(--cyan);text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.18em}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px var(--orange);margin-right:10px}
h1{font-size:clamp(58px,7.5vw,120px);line-height:.86;letter-spacing:-.075em;font-weight:500;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d3d1ca}
.lede{max-width:620px;color:var(--muted);font-size:clamp(14px,1.25vw,18px);line-height:1.6;margin:34px 0 28px}
.bloom{position:absolute;right:-4vw;top:50%;width:min(48vw,690px);aspect-ratio:1;transform:translateY(-50%);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.bloom:before,.bloom:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%}.bloom:before{inset:16%}.bloom:after{inset:33%}.bloom svg{width:19%;height:auto;overflow:visible;filter:drop-shadow(0 0 32px rgba(85,217,232,.16));animation:breathe 5s ease-in-out infinite}.petal-outline{fill:#21d2ed;opacity:.58}.petal-core{fill:#21d2ed}.bloom>span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px var(--orange)}.bloom>span:nth-child(1){top:11%;left:24%}.bloom>span:nth-child(2){right:4%;top:51%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.bloom>span:nth-child(3){left:23%;bottom:9%;width:4px;height:4px}
footer{position:fixed;z-index:3;bottom:0;left:var(--pad);right:var(--pad);height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
@keyframes breathe{0%,100%{transform:scaleX(.94);opacity:.72}50%{transform:scaleX(1.06);opacity:1}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
@media(max-width:760px){html,body{overflow-x:hidden;overflow-y:auto}main{width:100%;min-height:100svh;padding-top:130px;justify-content:center}.bloom{opacity:.23;width:100vw;right:-53vw}.lede{max-width:420px}footer{position:relative;margin-top:-62px}}
@media(prefers-reduced-motion:reduce){.bloom svg,.status i{animation:none}}
