:root{--color-brand-50: #fff5f5;--color-brand-100: #ffd9d9;--color-brand-300: #ff5a5a;--color-brand-500: #ff1616;--color-brand-600: #d10c0c;--color-brand-700: #9f0505;--color-brand-hover: #ff3b3b;--color-cyan-400: #58d0d8;--color-cyan-500: #18f0ff;--color-cyan-600: #06b6d4;--color-green-400: #4dff88;--color-green-500: #22c55e;--color-green-700: #15803d;--color-red-400: #ff4d5e;--color-red-500: #ef4444;--color-red-700: #b91c1c;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #fbbf24;--color-yellow-600: #f59e0b;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #c2410c;--color-spotify-500: #1ed760;--color-spotify-700: #169c46;--color-spotify-classic: #1db954;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #6b7280;--color-slate-600: #4b5563;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-night-0: #050505;--color-night-100: #070707;--color-night-200: #0c0c0c;--color-night-300: #111;--color-night-card: rgba(14, 14, 14, .92);--color-night-card-strong: rgba(18, 18, 18, .94)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px}:root{--font-display: "Bebas Neue", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 64px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--weight-heavy: 900;--leading-tight: 1.05;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65}:root{--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 18px;--radius-3xl: 22px;--radius-4xl: 24px;--radius-5xl: 36px;--radius-full: 999px}:root{--shadow-sm: 0 8px 18px rgba(15, 23, 42, .18);--shadow-md: 0 18px 42px rgba(0, 0, 0, .42);--shadow-lg: 0 28px 80px rgba(15, 23, 42, .34);--shadow-strong: 0 28px 68px rgba(0, 0, 0, .48);--glow-red: 0 0 24px rgba(255, 22, 22, .34);--glow-cyan: 0 0 24px rgba(24, 240, 255, .22);--glow-success: 0 0 22px rgba(34, 197, 94, .45);--glow-warning: 0 0 24px rgba(251, 191, 36, .5);--glow-danger: 0 0 28px rgba(239, 68, 68, .55);--glow-celebrate: 0 0 32px rgba(253, 224, 71, .55)}:root{--z-base: 1;--z-stage: 10;--z-header: 20;--z-dropdown: 50;--z-overlay: 100;--z-modal: 1000;--z-toast: 5000;--z-debug: 2147483646}:root{--bg: var(--color-night-0);--bg-2: #101010;--card: var(--color-night-card);--card-strong: var(--color-night-card-strong);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 22, 22, .52);--dark: var(--color-night-300);--ink: var(--color-slate-50);--muted: #a6adbb;--soft: #d6dae3;--accent: var(--color-brand-500);--accent-hover: var(--color-brand-hover);--accent-2: var(--color-cyan-500);--accent-3: var(--color-green-400);--success: var(--color-green-400);--danger: var(--color-red-400);--shadow: var(--shadow-md)}:root[data-theme=light]{--bg: var(--color-slate-50);--bg-2: #ffffff;--card: rgba(255, 255, 255, .92);--card-strong: rgba(255, 255, 255, .96);--line: rgba(15, 23, 42, .12);--line-strong: rgba(255, 22, 22, .4);--ink: var(--color-slate-900);--muted: var(--color-slate-500);--soft: var(--color-slate-700);--accent: var(--color-brand-500);--accent-hover: var(--color-brand-hover);--accent-2: var(--color-cyan-600);--accent-3: var(--color-green-500);--success: var(--color-green-500);--danger: var(--color-red-500);--shadow: 0 18px 42px rgba(15, 23, 42, .12)}:root{--card: rgba(12, 12, 12, .86);--glow-red: 0 0 24px rgba(255, 22, 22, .36);--glow-cyan: 0 0 24px rgba(24, 240, 255, .24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(135deg,#050505,#111 44%,#070707);background-size:42px 42px,42px 42px,auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:0;font-size:.75rem;font-weight:800;color:var(--accent-2)}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px clamp(20px,4vw,56px);border-bottom:1px solid var(--line);background:#050505c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Bebas Neue,Inter,sans-serif;font-size:1.5rem;letter-spacing:0;color:var(--ink)}.brand-mark{width:44px;height:44px;border-radius:8px;object-fit:cover;box-shadow:var(--glow-red)}.nav-links{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:14px;font-weight:700}.nav-links a:hover{color:var(--accent-2)}.header-actions{display:flex;align-items:center;gap:10px}.ghost-link,.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;font-weight:800;font-size:14px;letter-spacing:0;transition:transform .15s,background .2s,border-color .2s,color .2s}.ghost-link{border:1px solid var(--line);color:var(--ink);background:#ffffff0a}.ghost-link:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-1px);box-shadow:var(--glow-cyan)}.primary-link{border:1px solid rgba(255,22,22,.74);background:linear-gradient(135deg,var(--accent),#9f0505);color:#fff;text-transform:uppercase;box-shadow:var(--glow-red)}.primary-link:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:translateY(-1px)}.large{min-height:52px;padding:0 24px;font-size:15px}.hero{position:relative;isolation:isolate;display:grid;align-items:end;min-height:calc(100vh - 76px);padding:clamp(64px,8vw,108px) clamp(20px,5vw,72px);overflow:hidden;border-bottom:1px solid var(--line)}.hero:before,.hero:after{content:"";position:absolute;inset:0;z-index:-2}.hero:before{background:linear-gradient(90deg,#050505f5,#050505c2 46%,#05050552),linear-gradient(0deg,#050505e0,#05050514 45%,#050505c2),url(https://tiktok-vallejo.onrender.com/assets/product-preview.jpg) center right / cover no-repeat}.hero:after{z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,22,22,.1) 0 1px,transparent 1px 82px),repeating-linear-gradient(0deg,rgba(24,240,255,.07) 0 1px,transparent 1px 78px);mix-blend-mode:screen;opacity:.62}.hero-copy{max-width:680px}.hero h1{max-width:760px;margin-bottom:22px;font-family:Bebas Neue,Inter,sans-serif;font-size:6.4rem;line-height:.92;letter-spacing:0;text-shadow:0 0 34px rgba(255,22,22,.28)}.hero-text{max-width:560px;color:var(--soft);font-size:1.18rem;line-height:1.55;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-media{display:none}.section-heading{max-width:760px;margin:0 auto 36px;text-align:center}.section-heading h2{font-family:Bebas Neue,Inter,sans-serif;font-size:3.4rem;line-height:1;letter-spacing:0;margin:0}.feature-band,.steps,.faq{padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px);border-top:1px solid var(--line)}.feature-band{background:linear-gradient(90deg,transparent,rgba(255,22,22,.08),transparent),#050505b3}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1200px;margin:0 auto}.feature-grid article,.step-row article,.faq details{border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.feature-grid article{padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-3px);border-color:#18f0ff7a;box-shadow:var(--glow-cyan),var(--shadow)}.feature-grid h3,.step-row h3{margin-bottom:10px;font-size:18px;font-weight:900}.feature-grid p,.step-row p,.faq p{color:var(--muted);line-height:1.55;margin:0}.step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto}.step-row article{padding:30px 26px}.step-row span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:8px;border:1px solid rgba(77,255,136,.48);background:#4dff881a;color:var(--accent-3);font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:0;box-shadow:0 0 20px #4dff8838}.faq{max-width:880px;margin:0 auto}.faq details{padding:22px 24px;margin-bottom:14px}.faq summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.6rem;color:var(--accent);font-weight:400;line-height:1}.faq details[open] summary:after{content:"-"}.faq details p{margin-top:12px}.site-footer{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;padding:32px clamp(20px,5vw,72px);color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:#050505cc}.site-footer a:hover{color:var(--accent-2)}@media (max-width: 980px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero{min-height:760px}.hero h1{font-size:4.8rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.site-header{gap:12px;padding:12px 16px}.brand span:last-child{display:none}.header-actions{gap:8px}.ghost-link,.primary-link{min-height:40px;padding:0 12px;font-size:13px}.hero{min-height:720px;padding:52px 18px 42px}.hero h1{font-size:3.7rem}.hero-text{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .ghost-link,.hero-actions .primary-link{width:100%}.section-heading h2{font-size:2.7rem}.feature-grid,.step-row{grid-template-columns:1fr}.site-footer{padding:24px 18px;gap:14px}}