:root{--bg:#07040a;--red:#ff1f4b;--pink:#ff4fb8;--txt:#f6e9ef;--mut:#b99aa8}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at top,#2a0614 0,var(--bg) 60%) fixed;color:var(--txt);font-family:Outfit,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.rain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;background:repeating-linear-gradient(100deg,transparent 0 6px,rgba(255,80,140,.25) 6px 7px);background-size:200% 200%;animation:rain 1.2s linear infinite}
@keyframes rain{to{background-position:-60px 200px}}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.7rem 5vw;background:rgba(7,4,10,.75);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,31,75,.25)}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:.15em}
.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 12px var(--red)}
.nav{display:flex;gap:1.4rem;margin-left:auto}.nav a{color:var(--mut);transition:.2s}.nav a:hover{color:var(--pink);text-shadow:0 0 8px var(--pink)}
.burger{display:none;background:none;border:0;color:var(--txt);font-size:1.6rem;cursor:pointer}
.btn{display:inline-block;padding:.85rem 1.6rem;border-radius:999px;font-weight:800;letter-spacing:.05em;transition:.25s;cursor:pointer;border:2px solid var(--red)}
.btn-buy{background:linear-gradient(90deg,var(--red),var(--pink));border-color:transparent;box-shadow:0 0 18px rgba(255,31,75,.6);animation:pulse 2.4s infinite}
.btn-buy:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 32px var(--pink)}
.btn.sm{padding:.5rem 1.1rem;font-size:.9rem}
.ghost,.social{background:transparent}.ghost:hover,.social:hover{background:rgba(255,31,75,.15);box-shadow:0 0 18px var(--red)}
@keyframes pulse{50%{box-shadow:0 0 30px rgba(255,79,184,.9)}}
.hero{position:relative;z-index:1;min-height:88vh;display:grid;align-items:center;padding:4rem 5vw;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 30%;animation:zoom 18s ease-in-out infinite alternate}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,4,10,.95) 0,rgba(7,4,10,.55) 45%,rgba(7,4,10,.1) 75%),linear-gradient(0deg,var(--bg),transparent 35%)}
@keyframes zoom{to{transform:scale(1.08)}}
.hero-copy{position:relative;max-width:560px}
.kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--pink);font-size:.8rem}
.neon{font-family:Monoton,cursive;font-weight:400;font-size:clamp(3rem,10vw,6.5rem);line-height:1.05;color:#ffe3ec;text-shadow:0 0 6px #fff,0 0 18px var(--red),0 0 42px var(--red),0 0 80px var(--pink);animation:flick 5s infinite}
@keyframes flick{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.55}}
.ticker{font-weight:800;font-size:1.4rem;letter-spacing:.2em;color:var(--pink)}
.lead{font-size:1.25rem;margin:1rem 0 1.4rem;color:#f3d6e0}
.ca{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:rgba(255,31,75,.08);border:1px solid rgba(255,31,75,.4);padding:.6rem .8rem;border-radius:14px;margin-bottom:1.4rem;max-width:100%}
.ca span{font-weight:800;color:var(--pink)}.ca code{font-size:.95rem;word-break:break-all;flex:1}
.copy{background:var(--red);color:#fff;border:0;border-radius:8px;padding:.4rem .9rem;font-weight:800;cursor:pointer}
.cta{display:flex;gap:1rem;flex-wrap:wrap}.center{justify-content:center}
.sec{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:5rem 5vw;text-align:center}
.sec>p{max-width:720px;margin:0 auto 1rem;color:#e9cfd9;font-size:1.1rem}
.neon-s{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;color:#fff;text-shadow:0 0 10px var(--red),0 0 30px var(--pink)}
.chips{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.chips span{border:1px solid var(--pink);border-radius:999px;padding:.35rem 1rem;color:var(--pink)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.card{background:linear-gradient(160deg,rgba(255,31,75,.12),rgba(255,79,184,.04));border:1px solid rgba(255,79,184,.3);border-radius:18px;padding:1.8rem 1rem;transition:.3s}
.card:hover{transform:translateY(-6px);box-shadow:0 0 28px rgba(255,31,75,.45)}
.card b{display:block;font-size:1.7rem;color:#fff}.card small{color:var(--mut);text-transform:uppercase;letter-spacing:.15em}
.note{margin-top:1.4rem;color:var(--mut)!important;font-style:italic}
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:left;margin-bottom:2rem}
.steps li{counter-increment:s;position:relative;padding:1.4rem 1.4rem 1.4rem 4.2rem;border:1px solid rgba(255,31,75,.3);border-radius:18px;background:rgba(255,31,75,.05)}
.steps li:before{content:counter(s);position:absolute;left:1.2rem;top:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--red);box-shadow:0 0 14px var(--red)}
.steps b{display:block;font-size:1.15rem}.steps span{color:var(--mut)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.g{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid rgba(255,79,184,.35)}
.g.wide{grid-column:span 2;aspect-ratio:2/1}
.g img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:saturate(1.1)}
.g:hover img{transform:scale(1.08);filter:saturate(1.4) hue-rotate(-8deg)}
.g:hover{box-shadow:0 0 30px var(--red)}
.g figcaption{position:absolute;left:0;right:0;bottom:0;padding:.7rem;font-weight:500;background:linear-gradient(0deg,rgba(7,4,10,.9),transparent);text-align:left}
.foot{position:relative;z-index:1;text-align:center;padding:3rem 5vw;border-top:1px solid rgba(255,31,75,.25);color:var(--mut)}
.foot img{width:56px;height:56px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;box-shadow:0 0 16px var(--red)}
.disc{max-width:700px;margin:1rem auto 0;font-size:.85rem}
.reveal{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:1rem 5vw;background:rgba(7,4,10,.97)}.nav.open{display:flex}.burger{display:block}.top .btn.sm{margin-left:auto}
.grid4,.gallery{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.hero-media img{object-position:72% 30%}}
@media(max-width:480px){.gallery{grid-template-columns:1fr}.g.wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.scan{color:var(--pink);font-weight:800;border:1px solid var(--pink);border-radius:8px;padding:.35rem .8rem}.scan:hover{background:rgba(255,79,184,.15)}