
body::before{display:none}/* aurora replaces the veil */
canvas#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.content{position:relative;z-index:2}
.hero{min-height:calc(100dvh - 116px);display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:24px}
@supports not (height:100dvh){.hero{min-height:calc(100vh - 116px)}}
.hero h1{font-size:clamp(56px,12.5vw,215px);line-height:.84;text-transform:uppercase}
.hero h1 .row{display:block;overflow:hidden}.hero h1 .row span{display:inline-block;will-change:transform}
.hero-sub{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;gap:30px;flex-wrap:wrap}
.hero-sub p{max-width:440px;font-size:19px;line-height:1.5;color:#d9d4e2}
.htins{display:flex;align-items:center}
.htins img{width:118px;height:118px;object-fit:cover;border-radius:20px;margin-left:-24px;box-shadow:0 20px 50px rgba(0,0,0,.55);border:1px solid var(--edge);animation:htfloat 5s ease-in-out infinite}
.htins img:first-child{margin-left:0}
.htins .ht1{animation-delay:-1.6s}.htins .ht2{animation-delay:-3.2s}
@keyframes htfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
.ctarow{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
@media(max-width:900px){.htins img{width:84px;height:84px}}
.scrollcue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}
.sechead h2{font-size:clamp(38px,6vw,86px)}
.goals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.goal{border:1px solid var(--edge);border-radius:20px;padding:24px;background:rgba(255,255,255,.02);text-decoration:none;color:var(--fg);transition:transform .3s,background .3s}
.goal:hover{transform:translateY(-6px);background:rgba(255,255,255,.05)}
.goal .cc{width:44px;height:44px;border-radius:12px;margin-bottom:46px}
.goal h3{font-size:20px;margin-bottom:6px}.goal p{color:var(--mut);font-size:14px}.goal .go{margin-top:14px;font-weight:700;font-size:14px}
.science{text-align:center}
.bignum{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(120px,26vw,380px);line-height:.8;letter-spacing:-.04em}
.bignum sup{font-size:.2em;-webkit-text-fill-color:var(--c3);color:var(--c3)}
.scisteps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;text-align:left}
.scistep{border-top:1px solid var(--edge);padding-top:20px}
.scistep .n{font-family:'Bricolage Grotesque';font-size:15px;color:var(--c3);font-weight:700}
.scistep h3{font-size:21px;margin:12px 0 8px}.scistep p{color:var(--mut)}
.subwrap{border-radius:28px;overflow:hidden;position:relative;border:1px solid var(--edge)}
.subgrad{position:absolute;inset:0;background:var(--grad);opacity:.94}
.subinner{position:relative;padding:60px 52px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;color:#160c14}
.subinner h2{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(30px,4.6vw,58px);line-height:.94;text-transform:uppercase}
.subinner ul{list-style:none;margin-top:16px;font-weight:600}.subinner li{padding:6px 0;display:flex;gap:10px}.subinner li::before{content:"→"}
.subcard{background:var(--bg);color:var(--fg);border-radius:16px;padding:26px;text-align:center;border:1px solid var(--edge)}
.subcard .was{color:var(--mut);text-decoration:line-through}
.subcard .p{font-family:'Bricolage Grotesque';font-weight:800;font-size:52px;line-height:1}.subcard .p small{font-size:16px;color:var(--mut)}
.subcard .btn{display:block;margin-top:14px}
.buybar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(160%);z-index:55;display:flex;gap:16px;align-items:center;background:rgba(20,16,30,.85);backdrop-filter:blur(16px);border:1px solid var(--edge);border-radius:100px;padding:10px 12px 10px 22px;transition:transform .4s ease}
.buybar.on{transform:translateX(-50%)}
.buybar .t{font-weight:700;font-size:15px;display:flex;flex-direction:column;line-height:1.2}
.buybar .t small{color:var(--mut);font-weight:500;font-size:12.5px}
@media(max-width:900px){.hero-sub{flex-direction:column;align-items:flex-start}.goals{grid-template-columns:1fr 1fr}.scisteps,.subinner{grid-template-columns:1fr}}
