.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:8rem 2rem 4rem}.hero-molecule{position:absolute;background:url(/assets/icon.png) no-repeat center / contain;pointer-events:none;z-index:0;filter:drop-shadow(0 0 25px rgba(187,134,252,.7));will-change:transform}@keyframes mol-float-1{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-50px) rotate(40deg)}}@keyframes mol-float-2{0%{transform:translateY(0) rotate(0)}to{transform:translateY(45px) rotate(-35deg)}}@keyframes mol-float-3{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-40px) rotate(30deg)}}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-counter{margin-bottom:2rem;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);display:inline-block;text-shadow:0 0 20px rgba(187,134,252,.6);background:none;padding:0;border-radius:0;box-shadow:none}.hero-title{font-size:clamp(3.5rem,9vw,7.5rem);font-weight:900;letter-spacing:-.05em;line-height:.95;margin-bottom:1.5rem;text-transform:uppercase}.hero-title .hero-line{display:block;position:relative;min-height:1em;white-space:nowrap;--glitch-color: rgba(255, 255, 255, .85);--glitch-glow: none}.hero-title .hero-line-top{color:var(--text);--glitch-color: var(--accent);--glitch-glow: 0 0 14px rgba(187, 134, 252, .55)}.hero-title .hero-line-bottom{color:#000;-webkit-text-stroke:1.2px rgba(255,255,255,.7);opacity:1;text-shadow:0 0 18px rgba(0,0,0,.55)}.hero-title .hero-line:before,.hero-title .hero-line:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none;will-change:transform,opacity,clip-path}.hero-title .hero-line.is-flicker{animation:glitchFlicker 80ms steps(1) 3}.hero-title .hero-line.is-glitch:before,.hero-title .hero-line.is-glitch:after{opacity:1;color:var(--glitch-color);-webkit-text-stroke:0}.hero-title .hero-line.is-glitch:before{text-shadow:-4px 0 rgba(255,0,106,.8),-1px 0 rgba(255,0,106,.4);animation:glitchTop .1s steps(2,end) infinite}.hero-title .hero-line.is-glitch:after{text-shadow:4px 0 rgba(0,255,255,.8),1px 0 rgba(0,255,255,.4);animation:glitchBottom 80ms steps(2,end) infinite}.hero-title .hero-line.is-glitch{animation:glitchSkew .2s steps(3,end) infinite}.hero-title .hero-line.is-settle:before{opacity:.3;text-shadow:-1px 0 rgba(255,0,106,.3);transform:translate(-1px);transition:all .12s ease-out}.hero-title .hero-line.is-settle:after{opacity:.3;text-shadow:1px 0 rgba(0,255,255,.3);transform:translate(1px);transition:all .12s ease-out}@keyframes glitchFlicker{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes glitchTop{0%{transform:translate(-4px,-1px);clip-path:inset(20% 0 60% 0)}25%{transform:translate(6px,2px);clip-path:inset(60% 0 5% 0)}50%{transform:translate(-3px);clip-path:inset(40% 0 20% 0)}75%{transform:translate(5px,-2px);clip-path:inset(10% 0 70% 0)}to{transform:translate(-2px,1px);clip-path:inset(70% 0 10% 0)}}@keyframes glitchBottom{0%{transform:translate(4px,1px);clip-path:inset(50% 0 10% 0)}25%{transform:translate(-5px,-1px);clip-path:inset(5% 0 55% 0)}50%{transform:translate(3px,2px);clip-path:inset(30% 0 40% 0)}75%{transform:translate(-6px);clip-path:inset(75% 0 5% 0)}to{transform:translate(2px,-1px);clip-path:inset(15% 0 65% 0)}}@keyframes glitchSkew{0%{transform:skew(0)}33%{transform:skew(-2deg)}66%{transform:skew(1.5deg)}to{transform:skew(0)}}@media(prefers-reduced-motion:reduce){.hero-title .hero-line.is-glitch:before,.hero-title .hero-line.is-glitch:after{animation:none}}.hero-sub{font-size:clamp(.95rem,1.8vw,1.15rem);color:var(--dim);font-weight:400;letter-spacing:.01em;max-width:600px;margin:0 auto 3rem;line-height:1.6}.hero-device{position:relative;width:calc(100% - 24px);max-width:316px;margin:0 auto;border-radius:40px;background:#000;box-sizing:content-box;border:12px solid #1a1a1a;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff0d;z-index:2;transform:perspective(1000px) rotateX(15deg) translateY(20px);transition:transform .6s cubic-bezier(.16,1,.3,1);contain:layout style;will-change:transform,opacity;opacity:0;visibility:hidden}.hero-device.loaded{visibility:visible;animation:deviceFadeIn 1.5s ease forwards}@keyframes deviceFadeIn{0%{opacity:0}to{opacity:1}}.hero-device-inner{width:100%;aspect-ratio:828/1792;border-radius:28px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)}.hero-device-inner video{width:100%;height:100%;object-fit:cover;display:block}.hero-device:hover{transform:perspective(1000px) rotateX(5deg) translateY(-5px)}.scroll-indicator-container{margin-top:3rem;height:60px;display:flex;justify-content:center;opacity:.5}.words{padding:10vh 2.5rem;display:flex;justify-content:center;overflow:hidden}.words-inner{max-width:700px}.word-line{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.3;margin-bottom:.4em}.word-line .dim{color:var(--dim)}.word-line .accent{color:var(--accent);text-shadow:0 0 20px rgba(187,134,252,.4)}.features{padding:8vh 2.5rem;max-width:900px;margin:0 auto;min-height:500px;content-visibility:auto;contain-intrinsic-size:0 500px}.feature-list{list-style:none;border-top:1px solid rgba(255,255,255,.06)}.feature-name{font-size:clamp(1rem,2vw,1.3rem);font-weight:600;letter-spacing:-.01em;color:#ffffffd9;transition:color .4s}.feature-detail{font-size:.8rem;color:var(--dim);letter-spacing:.04em;text-transform:uppercase;opacity:1;transition:opacity .4s;text-align:right;flex-shrink:0;margin-left:2rem}.feature-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;justify-content:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:1rem}.tab-btn{background:none;border:1px solid transparent;color:#ffffff80;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:100px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{color:var(--text);background:#ffffff0d;transform:translateY(-2px)}.tab-btn.active{color:var(--text);border-color:#bb86fc66;background:#bb86fc14;box-shadow:0 4px 20px #bb86fc26;transform:translateY(-2px)}.tab-btn:active{transform:translateY(0) scale(.96)}.feature-group{display:block;animation:fadeIn .4s ease forwards}.js .feature-group{display:none}.js .feature-group.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-group-label{display:none}.feature-item{border-bottom:1px solid rgba(255,255,255,.06);padding:1.6rem 1rem;margin:0 -1rem;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-item.touched{background:#ffffff05;padding-left:1.5rem;border-bottom-color:transparent}.feature-item .feature-row{display:flex;justify-content:space-between;align-items:baseline}.feature-item.touched .feature-name{color:var(--text)}.js .feature-detail{opacity:0}.js .feature-item.touched .feature-detail{opacity:1}.feature-item .feature-desc{max-height:none;overflow:visible;opacity:1;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,margin-top .4s ease;margin-top:.8rem}.js .feature-item .feature-desc{max-height:0;overflow:hidden;opacity:0;margin-top:0}.js .feature-item.touched .feature-desc{max-height:200px;opacity:1;margin-top:.8rem}@media(hover:hover)and (pointer:fine){.feature-item:hover{background:#ffffff05;padding-left:1.5rem;border-bottom-color:transparent}.feature-item:hover .feature-name{color:var(--text)}.js .feature-item:hover .feature-detail{opacity:1}.js .feature-item:hover .feature-desc{max-height:200px;opacity:1;margin-top:.8rem}}.feature-item .feature-desc p{font-size:.9rem;color:#ffffffa6;line-height:1.65;letter-spacing:.015em}.privacy{padding:10vh 2.5rem;text-align:center;position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 300px;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(187,134,252,.06) 0%,transparent 70%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.privacy p{position:relative;font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.25;max-width:650px;margin:0 auto}.privacy .sub{display:block;margin-top:1.5rem;font-size:clamp(.85rem,1.4vw,1rem);font-weight:400;color:var(--dim);letter-spacing:0;line-height:1.6}.privacy .dim{color:var(--dim)}.privacy .accent{color:var(--accent);text-shadow:0 0 20px rgba(187,134,252,.4)}.cta{padding:10vh 2.5rem 8vh;text-align:center}@media(max-width:768px){nav{padding:1.5rem}.hero{padding:6rem 1.5rem 3rem}.words{padding:8vh 1.5rem}.features{padding:6vh 1.5rem}.privacy{padding:8vh 1.5rem}.cta{padding:8vh 1.5rem 6vh}.feature-detail{display:none}.hero-device{transform:perspective(1000px) rotateX(5deg) translateY(10px);max-width:290px;border-width:10px;border-radius:36px}.hero-device-inner{border-radius:26px}.hero-molecule:nth-child(n+5){display:none}.hero-molecule-desktop{display:none}}.reveal{opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}