:root{--ink: #ffffff;--void: #000000;--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .07);--dim: rgba(255, 255, 255, .55);--faint: rgba(255, 255, 255, .32);--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .08);--disp: "Archivo", system-ui, sans-serif;--body: "Space Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.55}::selection{background:#fff;color:#000}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1{font-family:var(--disp);line-height:.9;letter-spacing:-.04em}.mono{font-family:var(--mono);font-size:.68rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E")}main{position:relative;z-index:1}.banner{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:60px 5vw;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 16px}.eyebrow-dot{width:7px;height:7px;background:#fff;animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.banner h1{font-size:clamp(2.6rem,8vw,5.4rem);font-weight:900;text-transform:uppercase}.banner h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}.banner h1 .caret{display:inline-block;width:.08em;height:.82em;background:#fff;margin-left:.08em;vertical-align:-.06em;animation:caret 1.1s steps(2) infinite}@keyframes caret{50%{opacity:0}}.getnotified{max-width:460px;width:100%}.gn-label{display:block;margin-bottom:14px}.wl-form{display:flex;gap:0;border:1px solid var(--line);background:var(--panel);transition:border-color .3s}.wl-form:focus-within{border-color:#fff}.wl-form.shake{animation:shake .45s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.wl-input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font-family:var(--body);font-size:.98rem;padding:16px 20px}.wl-input::placeholder{color:var(--faint)}.wl-input:focus{outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:-.01em;padding:0 26px;position:relative;overflow:hidden;transition:transform .2s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transform:translateY(101%);transition:transform .35s var(--ease);z-index:0}.btn:hover:before{transform:translateY(0)}.btn span{position:relative;z-index:1}.btn:active{transform:scale(.98)}.btn:focus-visible,.wl-input:focus-visible{outline:2px solid #fff;outline-offset:3px}.form-error{margin-top:12px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.form-success{border:1px solid #fff;padding:18px 24px;text-align:left;animation:popIn .5s var(--ease)}.form-success .fs-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.form-success .fs-stamp{font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border:1px solid #fff;padding:4px 10px;transform:rotate(-3deg)}.form-success strong{font-family:var(--disp);font-weight:700;font-size:1.05rem;text-transform:uppercase}.form-success p{color:var(--dim);font-size:.88rem}.form-success .fs-pos{color:var(--ink);font-family:var(--mono);font-weight:700}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.97)}60%{transform:translateY(-2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-stage{display:flex;justify-content:center;perspective:1200px}.phone-wrap{position:relative;width:min(300px,80vw);aspect-ratio:9 / 19.2}.phone{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:44px;border:2px solid #fff;background:#000;overflow:hidden;box-shadow:0 0 0 10px #ffffff0a,0 60px 120px -30px #ffffff26,inset 0 0 40px #ffffff0d;transform:rotateX(6deg) rotateY(-6deg);transition:transform .5s var(--ease)}.phone-wrap:hover .phone{transform:rotateX(3deg) rotateY(-3deg)}.phone-wrap.tilt .phone{transition:transform .1s linear}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:78px;height:20px;background:#000;border:1px solid var(--line-soft);border-radius:999px;z-index:8}.reels-view{position:absolute;top:0;right:0;bottom:0;left:0}.reel-top{position:absolute;top:42px;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.live-dot{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.2em;border:1px solid rgba(255,255,255,.5);padding:4px 9px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.live-dot i{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.2s steps(2) infinite}.cart-pill{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.5);background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 11px;border-radius:999px;font-family:var(--mono);font-size:.62rem;font-weight:700}.cart-pill svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:1.8}.cart-pill .cart-count{min-width:20px;height:20px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-size:.62rem}.cart-pill.bump{animation:cartBump .5s var(--ease)}@keyframes cartBump{0%{transform:scale(1)}35%{transform:scale(1.22)}60%{transform:scale(.94)}to{transform:scale(1)}}.product{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;animation:productFloat 3.6s ease-in-out infinite}@keyframes productFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.product-img{width:104px;height:104px;display:grid;place-items:center;font-size:3.2rem;border:1.5px solid rgba(255,255,255,.35);border-radius:22px;background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:14px;position:relative}.product-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 55%)}.product-name{font-family:var(--disp);font-weight:700;font-size:.9rem;text-transform:uppercase}.product-user{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--dim);margin-bottom:4px}.product-tag{display:flex;gap:6px;justify-content:center;margin-top:10px}.p-tag{font-family:var(--mono);font-size:.53rem;font-weight:700;letter-spacing:.1em;border:1px solid var(--line);padding:3px 8px;border-radius:999px}.p-price{background:#fff;color:#000}.sold-stamp{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);border:3px solid #fff;padding:5px 18px;font-family:var(--disp);font-weight:900;font-size:1.6rem;letter-spacing:.08em;z-index:6;opacity:0;mix-blend-mode:difference}.sold-stamp.show{animation:stampIn .4s var(--ease) both}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(1.6)}to{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}}.rail{position:absolute;right:10px;bottom:40px;z-index:6;display:flex;flex-direction:column;gap:16px;align-items:center}.act{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--mono);font-size:.55rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6)}.act svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.buy-btn{width:54px;height:54px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;position:relative;animation:buyPulse 2.8s ease-in-out infinite;box-shadow:0 0 0 6px #ffffff1f}.buy-btn svg{width:24px;height:24px;stroke:#000;fill:none;stroke-width:1.8}.buy-btn .buy-plus{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:.72rem;font-weight:700;border:1.5px solid #fff}.buy-btn.pressed{animation:buyPress .5s var(--ease) both,buyPulse 2.8s ease-in-out .5s infinite}@keyframes buyPulse{0%,to{box-shadow:0 0 0 6px #ffffff1f}50%{box-shadow:0 0 0 14px #ffffff05}}@keyframes buyPress{0%{transform:scale(1)}40%{transform:scale(.82)}to{transform:scale(1)}}.fly-item{position:absolute;z-index:9;font-size:2rem;left:50%;top:40%;opacity:0;pointer-events:none}.fly-item.fly{animation:flyToCart .8s var(--ease) both}@keyframes flyToCart{0%{opacity:0;transform:translate(-50%) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + 44px),-100px) scale(.35)}}.buy-toast{position:absolute;left:50%;bottom:56px;z-index:7;transform:translate(-50%,8px);font-family:var(--mono);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#000;border:1px solid #fff;color:#fff;padding:9px 16px;border-radius:999px;opacity:0;white-space:nowrap}.buy-toast.show{animation:toastPop 2.4s var(--ease) both}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,8px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d, 0s)}body.in .reveal{opacity:1;transform:none}@media (max-width: 640px){.banner{gap:28px}.banner h1{font-size:clamp(2rem,10vw,2.8rem)}.wl-form{flex-direction:column}.wl-form .btn{padding:15px 24px}.phone{width:76vw;aspect-ratio:9 / 19.2;height:auto;inset:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}
