:root { color-scheme: dark; --ink:#fff9ff; --muted:#c8bfd0; --dim:#92879d; --night:#0b0312; --panel:#181022; --line:rgba(255,255,255,.12); --pink:#ef3f9a; --violet:#a34ff2; --orange:#ff792e; --gold:#ffbf18; --cyan:#28c6e8; --green:#31d6a0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.site-header { position:sticky; top:0; z-index:10; min-height:78px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:14px clamp(20px,5vw,88px); background:rgba(11,3,18,.94); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:1.5rem; font-weight:850; }
.brand span span { color:#dc60ea; }
.brand-sparks { color:var(--gold); font-size:1rem; word-spacing:2px; }
nav { display:flex; gap:32px; color:var(--muted); font-weight:700; }
nav a:hover,.text-link:hover,.text-arrow:hover { color:white; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:18px; }
.text-link { color:var(--muted); font-weight:700; }
.button { display:inline-flex; min-height:54px; align-items:center; justify-content:center; gap:12px; padding:0 25px; border:1px solid transparent; border-radius:8px; background:linear-gradient(105deg,#bc43ed,var(--pink),var(--orange),var(--gold)); color:white; font-weight:850; box-shadow:0 12px 34px rgba(239,63,154,.2); transition:transform 160ms ease,filter 160ms ease; }
.button:hover { transform:translateY(-2px); filter:brightness(1.08); }
.button-small { min-height:44px; padding:0 20px; }
.button-secondary { background:#251b2f; border-color:rgba(255,255,255,.2); box-shadow:none; }
.hero { position:relative; min-height:calc(100vh - 78px); display:grid; place-items:center; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--line); background:radial-gradient(circle at 50% 72%,rgba(239,63,154,.17),transparent 31%),linear-gradient(180deg,#0b0312 0%,#10051a 100%); }
.hero-inner { width:min(1060px,calc(100% - 40px)); padding:72px 0 84px; text-align:center; }
.eyebrow,.section-label { margin:0 0 24px; color:#ef8af3; font-size:.82rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.hero h1 { margin:0; display:grid; font-size:clamp(4.2rem,10.5vw,9.8rem); line-height:.8; letter-spacing:0; text-transform:uppercase; }
.hero h1 strong { margin:.13em 0; color:transparent; background:linear-gradient(90deg,#f18ac0,#ff713e,#ffc120); background-clip:text; }
.hero-promise { margin:44px 0 12px; color:var(--muted); font-size:clamp(1.4rem,3vw,2.15rem); }
.hero-promise strong { color:white; }
.hero-copy { max-width:780px; margin:0 auto; color:var(--dim); font-size:1.13rem; }
.hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:38px; }
.privacy-promise { margin-top:26px; color:var(--muted); }
.privacy-promise span { display:inline-block; width:10px; height:10px; margin-right:9px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green); }
.star-field span { position:absolute; color:#e66cf0; opacity:.6; }
.star-field span:nth-child(1) { top:16%; left:9%; font-size:2rem; }.star-field span:nth-child(2) { top:30%; right:10%; color:var(--gold); }.star-field span:nth-child(3) { bottom:20%; left:15%; color:var(--orange); }.star-field span:nth-child(4) { bottom:15%; right:15%; font-size:1.6rem; }.star-field span:nth-child(5) { top:18%; left:61%; color:var(--pink); font-size:.8rem; }
.section-inner { width:min(1180px,calc(100% - 40px)); margin:0 auto; }.narrow { width:min(860px,calc(100% - 40px)); }
.statement { padding:105px 0; text-align:center; background:#110717; border-bottom:1px solid var(--line); }
.statement p { margin:0 auto 18px; color:var(--muted); font-size:clamp(1.12rem,2.5vw,1.6rem); }
.statement h2,section h2 { margin:0 0 20px; font-size:clamp(2.25rem,5vw,4.5rem); line-height:1.02; letter-spacing:0; }.statement h2 { color:#ee8dee; }
.facts { padding:68px 0; border-bottom:1px solid var(--line); }.fact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; }.fact-grid div { display:grid; gap:5px; }.fact-grid strong { color:#f38db9; font-size:clamp(2.1rem,4vw,3.5rem); }.fact-grid span { color:var(--dim); font-weight:700; }
.skills-section,.how-section,.privacy-section,.final-cta { padding:105px 0; }.skills-section { background:#0d0415; }.section-intro { max-width:720px; margin:0 0 45px; color:var(--muted); font-size:1.1rem; }
.skill-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.skill-grid article,.step-grid article { min-height:190px; padding:25px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }.skill-grid article { display:grid; align-content:start; gap:14px; }.skill-grid article:nth-last-child(-n+2) { grid-column:span 2; }.skill-grid h3,.step-grid h3 { margin:0; font-size:1.15rem; }.skill-grid small { color:var(--muted); font-weight:800; }
.skill-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:8px; color:white; font-size:1.35rem; font-weight:900; }.pink{background:var(--pink)}.orange{background:var(--orange)}.coral{background:#ff5368}.gold{background:var(--gold)}.violet{background:var(--violet)}.blue{background:#328ff0}.yellow{background:#e7ac00}.magenta{background:#d426c6}.cyan{background:#1dabc8}
.how-section { background:#12071a; border-block:1px solid var(--line); }.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }.step-grid strong { display:block; margin-bottom:45px; color:var(--orange); font-size:3.5rem; }.step-grid article:nth-child(1) strong { color:var(--pink); }.step-grid article:nth-child(3) strong { color:#ff594d; }.step-grid p,.live-note p,.privacy-grid p,.final-cta p { color:var(--muted); }
.live-note { margin-top:22px; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:26px; border:1px solid rgba(49,214,160,.35); border-radius:8px; background:rgba(49,214,160,.07); }.live-note p { margin:5px 0 0; }.live-dot { display:inline-block; width:10px; height:10px; margin-right:9px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.privacy-section { background:#0b0312; }.privacy-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:8px; overflow:hidden; }.privacy-grid>div { padding:clamp(30px,5vw,65px); }.privacy-grid>div+div { border-left:1px solid var(--line); }.privacy-grid h2 { font-size:clamp(2rem,4vw,3.5rem); }.blue-label { color:var(--cyan); }.gold-label { color:var(--gold); }.text-arrow { display:inline-flex; gap:10px; margin-top:12px; color:#f9a13a; font-weight:850; }
.final-cta { text-align:center; background:#150717; border-top:1px solid var(--line); }.final-cta .button { margin-top:20px; }
footer { padding:34px clamp(20px,5vw,88px); display:flex; justify-content:space-between; align-items:center; gap:20px; color:var(--dim); }.footer-brand { color:white; }
@media (max-width:880px) { .site-header{grid-template-columns:1fr auto} nav{display:none}.text-link{display:none}.skill-grid{grid-template-columns:repeat(2,1fr)}.skill-grid article:nth-last-child(-n+2){grid-column:auto}.step-grid{grid-template-columns:1fr}.step-grid strong{margin-bottom:18px}.live-note{align-items:flex-start;flex-direction:column} }
@media (max-width:620px) { .site-header{min-height:68px;padding:11px 16px}.brand-sparks{display:none}.button-small{min-height:42px;padding:0 14px}.hero{min-height:calc(100svh - 68px)}.hero-inner{padding:58px 0}.hero h1{font-size:clamp(3.4rem,20vw,5.8rem)}.hero-copy{font-size:1rem}.hero-actions{display:grid}.fact-grid{grid-template-columns:repeat(2,1fr);row-gap:40px}.skill-grid,.privacy-grid{grid-template-columns:1fr}.privacy-grid>div+div{border-left:0;border-top:1px solid var(--line)}.skills-section,.how-section,.privacy-section,.final-cta,.statement{padding:76px 0}footer{align-items:flex-start;flex-direction:column} }