[data-tilt]{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--o:0;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s ease-out;will-change:transform;touch-action:pan-y}
[data-tilt].is-active{transition:none}
.holo{position:relative;overflow:hidden}
.holo:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--o);mix-blend-mode:color-dodge;transition:opacity .3s;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.85),transparent 42%),linear-gradient(115deg,transparent 18%,rgba(255,0,128,.4) 34%,rgba(255,220,0,.4) 44%,rgba(0,255,200,.4) 54%,rgba(90,120,255,.4) 64%,transparent 80%);background-size:100% 100%,220% 220%;background-position:center,var(--mx) var(--my)}
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js [data-reveal].in{opacity:1;transform:none}
.hero-in{position:relative}
.hero-v{position:relative;padding:24px 0}
.hero-v:before{content:'';position:absolute;inset:8% 6%;background:radial-gradient(closest-side,rgba(155,27,48,.55),transparent);filter:blur(24px);pointer-events:none}
.hero-float{position:relative;animation:fl 6s ease-in-out infinite}
.hero-card{width:min(340px,76vw);border-radius:22px;box-shadow:0 30px 60px rgba(0,0,0,.6);background:#1d1d1f}
.hero-card img{width:100%;height:auto;max-height:none;border-radius:22px}
.hero-r{margin-top:22px;font-size:15px;font-weight:600;color:#d2d2d7}
.proof{background:var(--bg2);border-bottom:1px solid #e5e5ea}
.proof-in{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px;padding-top:16px;padding-bottom:16px;font-size:14px;font-weight:600}
.chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 0}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;border:1px solid var(--line);border-radius:980px;padding:10px 20px;font-weight:600;font-size:15px;background:#fff;transition:background .2s,color .2s}
.chips a:hover{background:#111;color:#fff;border-color:#111}
.drop{background:#000;color:#fff;border-radius:28px;padding:64px 24px;text-align:center}
.drop h2{font-size:40px;font-weight:800;letter-spacing:-.02em;margin-top:10px}
.drop p.s{color:#a1a1a6;margin-top:12px;font-size:18px}
.drop-f{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.drop-f .inp{max-width:340px;background:#1d1d1f;border-color:#3a3a3c;color:#fff}
.ok{margin-top:24px;font-weight:700;color:#fff}
.eta{margin-top:12px;font-size:14px;color:#424245;text-align:center}
.left{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;color:var(--red);font-size:15px}
.left:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--red)}
.notify{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.notify .inp{flex:1 1 200px}
.sbar{position:fixed;left:0;right:0;bottom:0;transform:translateY(110%);transition:transform .25s ease;background:#fff;border-top:1px solid #e5e5ea;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-between;gap:12px;z-index:30}
.sbar.show{transform:none}.sbar b{display:block;font-size:14px;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbar span{font-size:14px;color:var(--mid)}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:700px){.sbar{display:flex}.drop h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero-float{animation:none}[data-tilt]{transform:none}.js [data-reveal]{opacity:1;transform:none}}