@keyframes early-hero-rise{0%{opacity:0;transform:translate3d(0,18px,0);filter:blur(6px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes early-device-in{0%{opacity:0;transform:translate3d(0,24px,0) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}.early-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 82px);padding:clamp(.95rem,2.3vw,2rem) 0 clamp(2rem,4vw,3rem)}.early-page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#07141dfa,#081622f5 48%,#07141d),radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--signal-amber) 12%,transparent),transparent 34%),radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--lagoon-teal) 24%,transparent),transparent 38%),radial-gradient(circle at 52% 78%,color-mix(in srgb,var(--emerald) 11%,transparent),transparent 42%)}.early-page>*{position:relative;z-index:1}.early-page .eyebrow{font-size:1rem;margin-bottom:clamp(.28rem,.85vw,.62rem)}.early-hero{display:grid;align-items:center;min-height:calc(100svh - 82px - clamp(.95rem,2.3vw,2rem) - clamp(2rem,4vw,3rem))}.early-hero .container{width:min(100% - clamp(2.8rem,6.4vw,8.2rem),1320px)}.early-hero-stage{position:relative;z-index:1;border-radius:clamp(24px,3.4vw,40px);padding:clamp(1.4rem,2.6vw,2.4rem);overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--glass-border-30) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--glass-90) 18%,transparent),color-mix(in srgb,var(--glass-70) 8%,transparent));box-shadow:0 18px 42px -36px var(--shadow-cool-deep),inset 0 1px color-mix(in srgb,var(--slate-50) 7%,transparent)}.early-hero-stage:before{content:"";position:absolute;inset:-20% -16% -8%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 22% 30%,color-mix(in srgb,var(--signal-amber) 18%,transparent),transparent 46%),radial-gradient(circle at 84% 38%,color-mix(in srgb,var(--lagoon-teal) 32%,transparent),transparent 54%),radial-gradient(circle at 72% 88%,color-mix(in srgb,var(--mist-cyan) 20%,transparent),transparent 52%)}.early-hero-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.032),transparent 42%),radial-gradient(circle at 86% 12%,rgba(255,255,255,.026),transparent 36%),linear-gradient(120deg,rgba(255,255,255,.02),transparent 48%);opacity:.7}.early-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(280px,370px);gap:clamp(1.45rem,2.8vw,3.1rem);align-items:center}.early-hero-copy{max-width:58ch;padding:clamp(.1rem,.8vh,.6rem) clamp(.25rem,.9vw,.8rem) 0;text-align:center;margin-inline:auto}.early-hero-copy .eyebrow{opacity:0;animation:early-hero-rise .62s var(--ease-smooth) 80ms both}.early-hero-headline{position:relative;font-size:clamp(1.85rem,3.2vw,3rem);font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:0;margin-bottom:clamp(1.2rem,2vw,1.8rem);color:color-mix(in srgb,var(--slate-100) 92%,var(--lagoon-teal) 8%);opacity:0;animation:early-hero-rise .7s var(--ease-smooth) .15s both}.early-hero-headline strong{font-weight:800;color:var(--primary)}.early-cta-area{margin-top:clamp(1.45rem,2.3vw,1.9rem);opacity:0;animation:early-hero-rise .68s var(--ease-smooth) .3s both}.early-join-btn{min-width:clamp(10rem,15vw,13rem);padding:.8rem 1.6rem;font-weight:650;font-size:clamp(.95rem,1.1vw,1.05rem);letter-spacing:.004em;cursor:pointer;background:linear-gradient(122deg,#96ccff,#4d9bff 44%,#2d72ff);box-shadow:0 20px 40px -16px #3476ffbd,0 0 0 1px #e1f0ff47 inset}.early-join-btn:hover,.early-join-btn:focus-visible{transform:translateY(-2px) scale(1.01);filter:saturate(1.08);box-shadow:0 26px 46px -14px #2f72ffd1,0 0 0 1px #e1f0ff6b inset}.early-hero-visual{position:relative;justify-self:center;align-self:center;width:100%;max-width:360px;opacity:0;animation:early-device-in .86s var(--ease-smooth) .3s both}.early-hero-visual:before{content:"";position:absolute;width:clamp(240px,32vw,360px);aspect-ratio:1;left:50%;top:24%;z-index:-1;transform:translate(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--lagoon-teal) 38%,transparent),transparent 72%);opacity:.58}.early-phone-stack{position:relative;width:100%;min-height:clamp(29rem,39vw,34rem);perspective:1200px}.early-phone{position:absolute}.early-phone .phone-mockup{width:100%;--phone-frame-max: 100%}.early-phone-front{left:-22%;bottom:0;z-index:2;width:clamp(13.5rem,17.5vw,16rem);transform:rotateY(-14deg)}.early-phone-back{right:0;bottom:clamp(1.5rem,2.5vw,2.5rem);z-index:1;width:clamp(11.5rem,15vw,13.5rem);opacity:.96;transform:rotateY(14deg)}@media(prefers-reduced-motion:reduce){.early-hero-copy .eyebrow,.early-hero-headline,.early-hero-visual,.early-cta-area{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}@media(max-width:1280px){.early-hero .container{width:min(100% - clamp(2.2rem,4.6vw,5rem),1240px)}.early-hero-stage{padding:clamp(.95rem,1.8vw,1.4rem)}.early-hero-grid{grid-template-columns:minmax(0,1fr) minmax(246px,322px);gap:clamp(1rem,2vw,2rem)}.early-hero-copy{padding-inline:.15rem 0}.early-hero-visual{max-width:min(100%,28rem)}.early-phone-stack{min-height:clamp(27rem,40vw,31rem)}.early-phone-front{width:clamp(12.1rem,18vw,14rem)}.early-phone-back{width:clamp(10.6rem,14.2vw,12.2rem)}}@media(max-width:1100px){.early-hero{min-height:auto}.early-hero .container{width:min(100% - clamp(1.8rem,5vw,4rem),1120px)}.early-hero-stage{padding:clamp(.9rem,2.2vw,1.3rem)}.early-hero-grid{grid-template-columns:1fr;gap:clamp(1.15rem,2.6vw,1.8rem)}.early-hero-copy{max-width:64ch;padding-top:0}.early-hero-visual{width:clamp(17.5rem,73vw,26rem);max-width:100%;margin-top:3.5rem;margin-inline:auto}.early-hero-visual:before{width:clamp(176px,58vw,270px);left:50%;transform:translate(-50%)}.early-phone-stack{min-height:clamp(23.6rem,98.5vw,34rem)}.early-phone-front{width:clamp(11.5rem,48vw,16.5rem);left:0}.early-phone-back{width:clamp(9.5rem,40vw,13.5rem);left:clamp(8rem,33vw,12.5rem);right:auto;bottom:clamp(1.2rem,3vw,2.5rem)}}@media(max-width:720px){.early-page{padding-top:.8rem}.early-hero .container{width:min(100% - 1.1rem,720px)}.early-hero-stage{padding:2.8rem .9rem 1.2rem;border-radius:24px}.early-hero-copy .eyebrow{margin-bottom:.8rem}.early-hero-headline{font-size:clamp(1.5rem,7vw,2.2rem);margin-top:.6rem}.early-cta-area{display:flex;justify-content:center}.early-join-btn{width:auto;min-width:0;padding-inline:clamp(2rem,8vw,3rem)}.early-cta-area{margin-top:2rem}}