:root{--abyss:#0A1215;--trench:#101C21;--glass:#1E3238;--biofilm:#8FA8A3;--ripple:#5EEAD4;--pink:#FF6FA5}
*{box-sizing:border-box;margin:0}
body{background:var(--abyss);color:#E2E8F0;font-family:"IBM Plex Sans",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--ripple)}
.wrap{max-width:960px;margin:0 auto;padding:0 1.25rem}
header.site{border-bottom:1px solid var(--glass);background:rgba(16,28,33,.6);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:baseline;gap:1rem;padding:.9rem 1.25rem;flex-wrap:wrap}
.logo{font-family:"Zen Dots",sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#F1F5F9;font-size:1.05rem;text-decoration:none}
.logo b{color:var(--ripple);font-weight:400}
nav{margin-left:auto;display:flex;gap:1.1rem;font-family:"IBM Plex Mono",monospace;font-size:.72rem}
nav a{color:var(--biofilm);text-decoration:none}nav a:hover{color:var(--ripple)}
.hero{position:relative;overflow:hidden;padding:4.5rem 0 3.5rem;text-align:center;background:radial-gradient(ellipse at top,rgba(94,234,212,.08),transparent 55%),radial-gradient(ellipse at bottom right,rgba(255,111,165,.06),transparent 50%)}
h1{font-family:"Zen Dots",sans-serif;font-size:clamp(1.6rem,4.5vw,2.6rem);letter-spacing:.12em;color:#F8FAFC;font-weight:400}
.tag{margin-top:.8rem;color:var(--biofilm);font-size:1.05rem}
.tag em{color:var(--ripple);font-style:normal}
.badges{margin-top:1.8rem;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.badge{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.6rem 1.2rem;border-radius:.8rem;text-decoration:none;background:linear-gradient(180deg,#1a2b31,#0d181c);border:1px solid var(--glass);transition:.2s}
.badge:hover{border-color:var(--ripple)}
.badge{position:relative;overflow:hidden}
.badge:after{content:'';position:absolute;inset:0 0 50% 0;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.28),rgba(255,255,255,.03));pointer-events:none}
header.site{border-image:linear-gradient(90deg,rgba(94,234,212,.7),rgba(255,111,165,.5),rgba(94,234,212,.7)) 1}
.badge small{font-family:"IBM Plex Mono",monospace;font-size:.6rem;color:var(--biofilm)}
.badge span{font-weight:600;color:#F1F5F9;font-size:.95rem}
.aero-bubble{position:absolute;border-radius:9999px;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),rgba(94,234,212,.14) 55%,rgba(94,234,212,.03));box-shadow:inset 0 0 14px rgba(255,255,255,.22);animation:drift 9s ease-in-out infinite}
.aero-bubble.pink{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.65),rgba(255,111,165,.14) 55%,rgba(255,111,165,.03))}
@keyframes drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-26px) scale(1.06)}}
@media (prefers-reduced-motion:reduce){.aero-bubble{animation:none}}
section{padding:3rem 0;border-top:1px solid var(--glass)}
h2{font-family:"Zen Dots",sans-serif;font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--ripple);margin-bottom:1.6rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--trench);border:1px solid var(--glass);border-radius:1rem;padding:1.3rem;box-shadow:0 20px 45px -25px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)}
.card h3{font-size:1rem;color:#F1F5F9;margin-bottom:.4rem}
.card p{font-size:.9rem;color:#B8C7C4}
.card .k{font-family:"IBM Plex Mono",monospace;font-size:.65rem;color:var(--biofilm);text-transform:uppercase;letter-spacing:.15em}
.quote{background:linear-gradient(135deg,#a5f3eb22,#f0abfc18);border:1px solid rgba(94,234,212,.25);border-radius:1rem;padding:1.4rem 1.5rem;font-size:1.05rem;font-style:italic;color:#E8F5F2}
.quote small{display:block;margin-top:.6rem;font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:.65rem;color:var(--biofilm)}
.price-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:640px}
.price h3{font-family:"Zen Dots",sans-serif;font-weight:400;font-size:1.5rem;color:#F8FAFC}
.price ul{list-style:none;padding:0;margin:.9rem 0 0}
.price li{font-size:.86rem;color:#B8C7C4;padding:.28rem 0;padding-left:1.2rem;position:relative}
.price li:before{content:"›";position:absolute;left:0;color:var(--ripple)}
.founding{border-color:rgba(94,234,212,.5);position:relative}
.founding:after{content:"FOUNDING PRICE";position:absolute;top:-.6rem;right:1rem;background:var(--pink);color:#fff;font-family:"IBM Plex Mono",monospace;font-size:.55rem;letter-spacing:.12em;padding:.2rem .55rem;border-radius:9999px}
footer.site{border-top:1px solid var(--glass);padding:1.6rem 0 2.4rem;font-family:"IBM Plex Mono",monospace;font-size:.7rem;color:var(--biofilm)}
footer.site .wrap{display:flex;gap:1.2rem;flex-wrap:wrap}
footer.site a{color:var(--biofilm)}footer.site a:hover{color:var(--ripple)}
article{max-width:680px;margin:0 auto;padding:3rem 1.25rem}
article h1{font-size:1.4rem;letter-spacing:.08em}
article h2{margin-top:2.2rem}
article p,article li{color:#C4D2CF;font-size:.95rem}
article ul{padding-left:1.2rem}
.avatar{width:170px;height:auto;filter:drop-shadow(0 0 18px rgba(94,234,212,.35)) drop-shadow(0 10px 20px rgba(0,0,0,.45))}