:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--secondary:#06b6d4;--dark:#0f172a;--gray:#1e293b;--light-gray:#f1f5f9;--white:#ffffff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-2:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--gradient-3:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--dark);background:var(--white);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background:rgba(15,23,42,0.98);backdrop-filter:blur(10px);color:var(--white);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.75rem;font-weight:800;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.logo h1::before,.logo h1::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,900px,0,0);-webkit-text-fill-color:initial}.logo h1::before{color:#f87171;left:2px}.logo h1::after{color:#34d399;left:-2px}.logo h1:hover::before{animation:sidebarGlitchTop 1.2s infinite linear}.logo h1:hover::after{animation:sidebarGlitchBot 0.9s infinite linear}@keyframes sidebarGlitchTop{0%{clip:rect(0,900px,0,0);transform:translate(0)}10%{clip:rect(3px,900px,10px,0);transform:translate(3px,0)}15%{clip:rect(0,900px,0,0);transform:translate(0)}30%{clip:rect(12px,900px,18px,0);transform:translate(-3px,0)}35%{clip:rect(0,900px,0,0);transform:translate(0)}50%{clip:rect(5px,900px,14px,0);transform:translate(2px,0)}55%{clip:rect(18px,900px,24px,0);transform:translate(-2px,0)}60%{clip:rect(0,900px,0,0);transform:translate(0)}75%{clip:rect(8px,900px,16px,0);transform:translate(3px,0)}80%{clip:rect(0,900px,0,0);transform:translate(0)}90%{clip:rect(2px,900px,8px,0);transform:translate(-3px,0)}95%{clip:rect(0,900px,0,0);transform:translate(0)}100%{clip:rect(0,900px,0,0);transform:translate(0)}}@keyframes sidebarGlitchBot{0%{clip:rect(0,900px,0,0);transform:translate(0)}8%{clip:rect(14px,900px,22px,0);transform:translate(-3px,0)}14%{clip:rect(0,900px,0,0);transform:translate(0)}25%{clip:rect(6px,900px,14px,0);transform:translate(2px,0)}32%{clip:rect(20px,900px,28px,0);transform:translate(-2px,0)}38%{clip:rect(0,900px,0,0);transform:translate(0)}55%{clip:rect(10px,900px,18px,0);transform:translate(3px,0)}60%{clip:rect(0,900px,0,0);transform:translate(0)}70%{clip:rect(4px,900px,10px,0);transform:translate(-3px,0)}76%{clip:rect(16px,900px,24px,0);transform:translate(2px,0)}82%{clip:rect(0,900px,0,0);transform:translate(0)}92%{clip:rect(8px,900px,16px,0);transform:translate(-2px,0)}100%{clip:rect(0,900px,0,0);transform:translate(0)}}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:rgba(255,255,255,0.8);text-decoration:none;transition:all 0.3s;font-weight:500;position:relative}.nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-2);transition:width 0.3s}.nav a:hover{color:var(--white)}.nav a:hover::after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.75rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.btn:hover::before{left:100%}.btn-primary{background:var(--gradient-2);color:var(--white);box-shadow:0 4px 15px rgba(139,92,246,0.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,0.6)}.btn-secondary{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--white);background:rgba(255,255,255,0.1)}.btn-twitch{background:linear-gradient(135deg,#9146ff 0%,#6441a5 100%);color:var(--white);box-shadow:0 4px 15px rgba(145,70,255,0.4)}.btn-twitch:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(145,70,255,0.6)}.btn-lg{padding:1.125rem 2.5rem;font-size:1.125rem}.hero{position:relative;background:var(--dark);color:var(--white);padding:8rem 0 6rem;text-align:center;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-1);opacity:0.95;z-index:0}.hero::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;z-index:0}@keyframes grid-move{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-content{position:relative;z-index:1}.hero-content h2{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;font-weight:800;animation:fade-in-up 0.8s ease-out}.hero-glitch{position:relative;display:inline-block;text-shadow:0 0 12px rgba(145,71,255,.35)}.hero-glitch::before,.hero-glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,900px,0,0)}.hero-glitch::before{color:#f87171;left:3px;animation:heroGlitchTop 6s infinite linear}.hero-glitch::after{color:#34d399;left:-3px;animation:heroGlitchBot 5s infinite linear}@keyframes heroGlitchTop{0%,90%{clip:rect(0,900px,0,0);transform:translate(0)}91%{clip:rect(4px,900px,20px,0);transform:translate(3px,0)}92%{clip:rect(35px,900px,55px,0);transform:translate(-3px,0)}93%{clip:rect(10px,900px,30px,0);transform:translate(2px,0)}94%{clip:rect(0,900px,0,0);transform:translate(0)}97%{clip:rect(22px,900px,42px,0);transform:translate(3px,0)}98%{clip:rect(0,900px,0,0);transform:translate(0)}100%{clip:rect(0,900px,0,0);transform:translate(0)}}@keyframes heroGlitchBot{0%,85%{clip:rect(0,900px,0,0);transform:translate(0)}86%{clip:rect(30px,900px,52px,0);transform:translate(-3px,0)}87%{clip:rect(8px,900px,24px,0);transform:translate(3px,0)}88%{clip:rect(45px,900px,65px,0);transform:translate(-2px,0)}89%{clip:rect(0,900px,0,0);transform:translate(0)}95%{clip:rect(15px,900px,35px,0);transform:translate(-3px,0)}96%{clip:rect(0,900px,0,0);transform:translate(0)}100%{clip:rect(0,900px,0,0);transform:translate(0)}}.hero-content .highlight{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:rgba(251,191,36,0.5);text-decoration-thickness:3px;text-underline-offset:8px}.hero-content .lead{font-size:1.375rem;margin-bottom:2.5rem;opacity:0.95;max-width:700px;margin-left:auto;margin-right:auto;animation:fade-in-up 0.8s ease-out 0.2s both}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;animation:fade-in-up 0.8s ease-out 0.4s both}.trust-badge{font-size:1rem;opacity:0.9;animation:fade-in-up 0.8s ease-out 0.6s both}.hero-tagline{margin-top:2rem;font-size:1.05rem;color:rgba(255,255,255,0.72);max-width:620px;margin-left:auto;margin-right:auto;line-height:1.75;animation:fade-in-up 0.8s ease-out 0.5s both;border-top:1px solid rgba(255,255,255,0.12);padding-top:1.5rem}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{padding:6rem 0;background:#080818;position:relative;overflow:hidden}.features::before{content:'';position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(99,102,241,0.1) 0%,transparent 70%);pointer-events:none}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800;color:#e2e8f0;line-height:1.25;margin-bottom:0.75rem}.features-title-accent{background:linear-gradient(135deg,#6366f1 0%,#a5b4fc 60%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-subtitle{font-size:1rem;color:#64748b}.fcard-grid--hidden{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:960px;margin:0 auto}.fcard{background:rgba(10,12,28,0.7);border:1px solid rgba(255,255,255,0.07);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.fcard:hover{transform:translateY(-4px);border-color:rgba(var(--fcard-rgb),0.35);box-shadow:0 16px 48px rgba(var(--fcard-rgb),0.1)}.fcard--twitch{--fcard-rgb:145,70,255;--fcard-color:#c084fc}.fcard--tips{--fcard-rgb:16,185,129;--fcard-color:#34d399}.fcard--discord{--fcard-rgb:88,101,242;--fcard-color:#818cf8}.fcard--freedom{--fcard-rgb:245,158,11;--fcard-color:#fbbf24}.fcard-header{padding:1.4rem 1.5rem 1.15rem;background:linear-gradient(135deg,rgba(var(--fcard-rgb),0.1) 0%,transparent 70%);border-bottom:1px solid rgba(var(--fcard-rgb),0.1);display:flex;align-items:center;gap:1rem}.fcard-icon{width:46px;height:46px;border-radius:12px;background:rgba(var(--fcard-rgb),0.15);color:var(--fcard-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fcard-header-text h3{font-size:1rem;font-weight:700;color:#e2e8f0}.fcard-header-text p{font-size:0.76rem;color:#64748b;margin-top:0.15rem}.fcard-body{padding:0 1.5rem 1.25rem}.fcard-col-heads{display:grid;grid-template-columns:1fr 56px 56px;gap:0.25rem;padding:0.85rem 0 0.5rem;border-bottom:1px solid rgba(255,255,255,0.06);margin-bottom:0.1rem}.fcard-col-heads span{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center}.fcard-col-heads .ch-us{color:var(--fcard-color)}.fcard-col-heads .ch-them{color:#334155}.fcard-row{display:grid;grid-template-columns:1fr 56px 56px;align-items:center;gap:0.25rem;padding:0.6rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.fcard-row:last-child{border-bottom:none}.fcard-row-label{font-size:0.82rem;color:#94a3b8;line-height:1.35}.fval{text-align:center;font-size:1rem;font-weight:700;line-height:1}.fval-yes{color:#34d399}.fval-no{color:#f87171}.fval-part{color:#f59e0b;font-size:0.72rem}.fcard-excl{display:inline-block;background:rgba(var(--fcard-rgb),0.15);color:var(--fcard-color);font-size:0.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:0.1rem 0.3rem;margin-left:0.3rem;vertical-align:middle}@media (max-width:700px){.fcard-grid{grid-template-columns:1fr}}.vtable-wrap{max-width:820px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(99,102,241,0.2);box-shadow:0 0 80px rgba(99,102,241,0.08),0 24px 64px rgba(0,0,0,0.4)}.vtable-hero{display:grid;grid-template-columns:1fr 160px 160px;background:rgba(8,10,24,0.95);border-bottom:1px solid rgba(99,102,241,0.25)}.vtable-hero-empty{padding:1.5rem 1.75rem}.vtable-hero-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;gap:0.35rem}.vtable-hero-col.col-us{background:linear-gradient(180deg,rgba(99,102,241,0.18) 0%,rgba(99,102,241,0.05) 100%);border-left:1px solid rgba(99,102,241,0.25);border-right:1px solid rgba(99,102,241,0.25)}.vtable-hero-col.col-them{background:rgba(15,23,42,0.4)}.vtable-hero-name{font-size:0.92rem;font-weight:800;color:#e2e8f0}.vtable-hero-col.col-us .vtable-hero-name{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vtable-hero-sub{font-size:0.65rem;color:#475569;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.vtable-hero-badge{display:inline-block;background:rgba(99,102,241,0.2);border:1px solid rgba(99,102,241,0.4);color:#a5b4fc;font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:0.15rem 0.6rem}.vtable-section{display:grid;grid-template-columns:1fr 160px 160px;background:rgba(12,14,30,0.9);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}.vtable-section-label{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 1.75rem;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--vs-color,#6366f1)}.vtable-section-label svg{flex-shrink:0}.vtable-section-fill{border-left:1px solid rgba(99,102,241,0.12);border-right:1px solid rgba(99,102,241,0.12);background:rgba(99,102,241,0.03)}.vtable-row{display:grid;grid-template-columns:1fr 160px 160px;align-items:center;background:rgba(10,12,28,0.7);border-bottom:1px solid rgba(255,255,255,0.035);transition:background .15s}.vtable-row:last-child{border-bottom:none}.vtable-row:hover{background:rgba(99,102,241,0.04)}.vtable-row-label{padding:0.7rem 1.75rem;font-size:0.84rem;color:#94a3b8;line-height:1.35}.vtable-cell{display:flex;align-items:center;justify-content:center;padding:0.7rem 0.5rem;min-height:100%;font-size:1.05rem;font-weight:700}.vtable-cell.cell-us{background:rgba(99,102,241,0.05);border-left:1px solid rgba(99,102,241,0.12);border-right:1px solid rgba(99,102,241,0.12);color:#34d399}.vtable-cell.cell-them{color:#f87171}.vtable-cell .v-yes{color:#34d399}.vtable-cell .v-no{color:#f87171}.vtable-cell .v-part{font-size:0.7rem;color:#f59e0b;font-weight:600;text-align:center;line-height:1.3}.vtable-excl{display:inline-block;background:rgba(99,102,241,0.15);color:#818cf8;font-size:0.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:0.1rem 0.3rem;margin-left:0.35rem;vertical-align:middle}@media (max-width:640px){.vtable-hero,.vtable-section,.vtable-row{grid-template-columns:1fr 80px 80px}.vtable-hero-col,.vtable-hero-empty{padding:1rem 0.75rem}.vtable-row-label{padding:0.65rem 0.75rem;font-size:0.78rem}.vtable-section-label{padding:0.55rem 0.75rem}.vtable-hero-sub,.vtable-hero-badge{display:none}.vtable-hero-col{padding:0.9rem 0.5rem}}.hl-list{display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto}.hl-item{display:grid;grid-template-columns:220px 1fr;min-height:120px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background .2s}.hl-item:last-child{border-bottom:none}.hl-item:hover{background:rgba(99,102,241,0.03)}.hl-left{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.75rem 1.5rem 0;border-right:1px solid rgba(255,255,255,0.06)}.hl-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--hl-rgb),0.12);color:var(--hl-color)}.hl-cat{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hl-color);line-height:1.3}.hl-right{padding:1.5rem 0 1.5rem 1.75rem;display:flex;flex-direction:column;justify-content:center;gap:0.6rem}.hl-headline{font-size:1.05rem;font-weight:700;color:#e2e8f0;line-height:1.3}.hl-pills{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}.hl-pill{display:inline-flex;align-items:center;gap:0.3rem;border-radius:6px;padding:0.25rem 0.6rem;font-size:0.75rem;font-weight:600;line-height:1}.hl-pill-us{background:rgba(52,211,153,0.12);color:#34d399;border:1px solid rgba(52,211,153,0.2)}.hl-pill-them{background:rgba(248,113,113,0.08);color:#f87171;border:1px solid rgba(248,113,113,0.15);text-decoration:line-through;text-decoration-color:rgba(248,113,113,0.4)}.hl-pill-part{background:rgba(245,158,11,0.08);color:#f59e0b;border:1px solid rgba(245,158,11,0.15)}.hl-vs{font-size:0.62rem;color:#334155;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0 0.1rem}.hl-excl{display:inline-flex;align-items:center;gap:0.25rem;background:rgba(var(--hl-rgb),0.15);color:var(--hl-color);font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:4px;padding:0.15rem 0.4rem}@media (max-width:640px){.hl-item{grid-template-columns:1fr;min-height:auto}.hl-left{border-right:none;border-bottom:1px solid rgba(255,255,255,0.06);padding:1.1rem 0 0.75rem}.hl-right{padding:0.75rem 0 1.1rem}}.stack-layout{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:2rem;max-width:1000px;margin:0 auto}.stack-before{display:flex;flex-direction:column;gap:0.6rem}.stack-service{display:flex;align-items:center;gap:0.85rem;background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:0.75rem 1rem;position:relative;transition:border-color .2s}.stack-service:hover{border-color:rgba(255,255,255,0.14)}.stack-service-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.stack-service-info{flex:1;min-width:0}.stack-service-name{font-size:0.85rem;font-weight:700;color:#cbd5e1;line-height:1.2}.stack-service-desc{font-size:0.72rem;color:#475569;margin-top:0.1rem}.stack-service-price{font-size:0.78rem;font-weight:700;color:#f87171;white-space:nowrap;background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.15);border-radius:6px;padding:0.2rem 0.5rem}.stack-plus{text-align:center;color:#334155;font-size:0.9rem;font-weight:700;padding:0 0.5rem;position:relative}.stack-total{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:rgba(248,113,113,0.08);border:1px solid rgba(248,113,113,0.25);border-radius:12px;margin-top:0.25rem;gap:0}.stack-total-stat{display:flex;flex-direction:column;align-items:center;flex:1;gap:0.25rem}.stack-total-stat-value{font-size:1.5rem;font-weight:900;color:#f87171;line-height:1}.stack-total-stat-value.stack-total-stat-danger{background:linear-gradient(135deg,#f87171,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-total-stat-label{font-size:0.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.stack-total-divider{width:1px;height:2.5rem;background:rgba(248,113,113,0.25);flex-shrink:0}.stack-arrow{display:flex;flex-direction:column;align-items:center;gap:0.4rem;color:#6366f1}.stack-arrow svg{animation:arrowPulse 1.8s ease-in-out infinite}@keyframes arrowPulse{0%,100%{transform:translateX(0);opacity:.7}50%{transform:translateX(4px);opacity:1}}.stack-arrow-label{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#475569;text-align:center}.stack-after{background:rgba(10,12,28,0.85);border:1px solid rgba(99,102,241,0.35);border-radius:20px;overflow:hidden;box-shadow:0 0 60px rgba(99,102,241,0.12),0 20px 48px rgba(0,0,0,0.35);position:relative}.stack-after::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(99,102,241,0.1),transparent 60%);pointer-events:none}.stack-after-header{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(99,102,241,0.15);display:flex;align-items:center;gap:0.75rem}.stack-after-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem}.stack-after-name{font-size:1rem;font-weight:800;color:#e2e8f0}.stack-after-tag{margin-left:auto;background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.25);color:#34d399;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:20px;padding:0.2rem 0.6rem}.stack-features{padding:1rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:0.5rem}.stack-feat{display:flex;align-items:center;gap:0.6rem;font-size:0.83rem;color:#94a3b8}.stack-feat-check{width:18px;height:18px;border-radius:50%;background:rgba(52,211,153,0.15);color:#34d399;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;flex-shrink:0}.stack-feat strong{color:#cbd5e1;font-weight:600}.stack-price-row{padding:1rem 1.5rem 1.25rem;border-top:1px solid rgba(99,102,241,0.12);display:flex;align-items:baseline;gap:0.5rem}.stack-price-free{font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#34d399,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-price-sub{font-size:0.75rem;color:#475569;line-height:1.3}@media (max-width:760px){.stack-layout{grid-template-columns:1fr}.stack-arrow{flex-direction:row;justify-content:center;transform:rotate(90deg)}}.pricing{padding:6rem 0;background:var(--white)}.pricing h2{text-align:center;font-size:2.75rem;margin-bottom:1rem;font-weight:800}.pricing .subtitle{text-align:center;font-size:1.25rem;color:#64748b;margin-bottom:4rem}.pricing-free-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:900px;margin:0 auto 3rem;background:linear-gradient(135deg,rgba(99,102,241,0.06) 0%,rgba(52,211,153,0.06) 100%);border:2px solid rgba(99,102,241,0.25);border-radius:24px;padding:2.5rem 3rem;position:relative;overflow:hidden}.pricing-free-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#34d399);border-radius:24px 24px 0 0}.pricing-free-badge{display:inline-block;background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.3);color:#34d399;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;border-radius:20px;padding:0.25rem 0.75rem;margin-bottom:1rem}.pricing-free-title{font-size:2.5rem;font-weight:900;color:var(--dark);margin-bottom:0.25rem}.pricing-free-price{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}.pricing-free-price span{font-size:1.1rem;font-weight:500;color:#64748b;-webkit-text-fill-color:#64748b}.pricing-free-desc{color:#64748b;font-size:0.9rem;line-height:1.6;margin-bottom:1.5rem}.pricing-free-commission{display:flex;flex-direction:column;align-items:center;background:rgba(248,113,113,0.06);border:1px solid rgba(248,113,113,0.2);border-radius:14px;padding:1rem 1.5rem;margin-bottom:1.5rem;text-align:center}.pricing-free-commission-value{font-size:1.7rem;font-weight:900;color:#f87171;line-height:1}.pricing-free-commission-label{font-size:0.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.06em;font-weight:600;margin-top:0.25rem}.pricing-free-commission-note{font-size:0.65rem;color:#64748b;margin-top:0.2rem;font-style:italic}.pricing-free-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.pricing-free-list li{font-size:0.88rem;color:#475569;display:flex;align-items:center;gap:0.5rem}.pricing-free-list li::before{content:'✓';color:#34d399;font-weight:700;flex-shrink:0}.pricing-plans-intro{text-align:center;font-size:0.95rem;color:#94a3b8;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:1.25rem}.pricing-promo-note{text-align:center;font-size:0.85rem;color:#f97316;background:rgba(249,115,22,0.08);border:1px solid rgba(249,115,22,0.25);border-radius:8px;padding:0.55rem 1rem;margin:0.75rem auto 0;max-width:600px}.pricing-promo-note strong{color:#fb923c}.pricing-toggles{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.75rem 2rem;margin:1.5rem 0 2rem}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:0.75rem}.pricing-toggle-label{font-size:0.95rem;color:#94a3b8;display:flex;align-items:center;gap:0.4rem}.pricing-toggle-discount{background:linear-gradient(135deg,#34d399,#60a5fa);color:#0f172a;font-size:0.72rem;font-weight:700;padding:0.15rem 0.45rem;border-radius:999px}.pricing-toggle-btn{position:relative;width:48px;height:26px;background:#1e293b;border:1px solid #334155;border-radius:999px;cursor:pointer;transition:background 0.2s;padding:0}.pricing-toggle-btn[aria-checked="true"]{background:#6d28d9;border-color:#7c3aed}.pricing-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform 0.2s;display:block}.pricing-toggle-btn[aria-checked="true"] .pricing-toggle-knob{transform:translateX(22px)}.pricing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto}.pricing-plan-card{background:var(--white);border:1.5px solid #e2e8f0;border-radius:16px;padding:1.5rem;text-align:center;position:relative;transition:border-color 0.2s,box-shadow 0.2s}.pricing-plan-card:hover{border-color:var(--primary);box-shadow:0 4px 20px rgba(99,102,241,0.1)}.pricing-plan-featured{border-color:var(--primary);box-shadow:0 4px 20px rgba(99,102,241,0.15)}.pricing-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-2);color:#fff;padding:0.2rem 1rem;border-radius:20px;font-size:0.72rem;font-weight:700;white-space:nowrap}.pricing-plan-header{display:flex;flex-direction:column;align-items:center;padding-top:0.25rem;margin-bottom:0.2rem;gap:0.3rem}.pricing-plan-name{font-size:1.5rem;font-weight:800;color:var(--dark);text-transform:uppercase;letter-spacing:0.06em}.pricing-plan-price-block{display:flex;flex-direction:column;align-items:center;gap:0.1rem}.pricing-plan-price-row{display:flex;align-items:baseline;gap:0.2rem}.pricing-plan-price-row small{font-size:0.78rem;font-weight:500;color:#94a3b8;-webkit-text-fill-color:#94a3b8}.pricing-plan-price{font-size:1.65rem;font-weight:900;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-plan-period{font-size:0.65rem;color:#64748b;min-height:0.9rem;text-align:center}.pricing-plan-price small{font-size:0.72rem;font-weight:500;color:#94a3b8;-webkit-text-fill-color:#94a3b8}.pricing-plan-includes{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 0.5rem;text-align:left}.pricing-plan-perks{list-style:none;text-align:left;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:0.4rem}.pricing-plan-perks li{font-size:0.8rem;color:#64748b;padding-left:1rem;position:relative}.pricing-plan-perks li::before{content:'›';position:absolute;left:0;color:var(--primary);font-weight:700}.pricing-plan-retention{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:10px;padding:0.75rem 0.5rem;margin-bottom:1rem}.pricing-plan-retention-value{font-size:1.9rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.pricing-plan-retention-label{font-size:0.65rem;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;font-weight:600;margin-top:0.2rem}.pricing-plans-note{text-align:center;font-size:0.72rem;color:#94a3b8;margin-top:1rem;font-style:italic}.btn-plan{display:inline-block;width:100%;padding:0.55rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:0.82rem;font-weight:700;color:#475569;background:transparent;text-decoration:none;text-align:center;transition:border-color 0.2s,color 0.2s}.btn-plan:hover{border-color:var(--primary);color:var(--primary)}.pricing-note{text-align:center;margin-top:2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%);border-radius:12px;color:#92400e;border:1px solid rgba(251,191,36,0.3);font-size:0.88rem;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width:760px){.pricing-free-hero{grid-template-columns:1fr;padding:1.75rem;gap:1.5rem}.pricing-plans-grid{grid-template-columns:1fr}}.cta{background:var(--dark);position:relative;color:var(--white);padding:5rem 0;text-align:center;overflow:hidden}.cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-1);opacity:0.6;z-index:0}.cta-content{position:relative;z-index:1}.cta h2{font-size:3rem;margin-bottom:1rem;font-weight:900;color:#ffffff;text-shadow:0 0 40px rgba(0,0,0,0.8),0 2px 4px rgba(0,0,0,0.9),0 4px 30px rgba(0,0,0,0.6);letter-spacing:-0.02em}.cta p{font-size:1.375rem;margin-bottom:1.5rem;opacity:0.95}.landing-stats{padding:4rem 0;background:linear-gradient(180deg,rgba(99,102,241,0.04) 0%,transparent 100%);border-top:1px solid rgba(99,102,241,0.12);border-bottom:1px solid rgba(99,102,241,0.12)}.landing-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.landing-stat-card{text-align:center;padding:2rem 1.5rem;background:rgba(15,23,42,0.6);border:1px solid rgba(99,102,241,0.15);border-radius:16px;backdrop-filter:blur(8px);transition:border-color .2s,transform .2s}.landing-stat-card:hover{border-color:rgba(99,102,241,0.4);transform:translateY(-3px)}.landing-stat-icon{font-size:2rem;margin-bottom:0.75rem}.landing-stat-value{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;color:#a5b4fc;line-height:1;margin-bottom:0.5rem;font-variant-numeric:tabular-nums}.landing-stat-label{font-size:1rem;font-weight:600;color:#e2e8f0;line-height:1.4;margin-bottom:0.4rem}.landing-stat-sub{font-size:0.75rem;color:#64748b}.landing-stat-chart{width:100%;margin:auto 0 0.5rem;height:40px;flex-shrink:0;overflow:hidden}.landing-stat-chart svg{display:block;width:100%;height:40px}.twitch-context{padding:5rem 0;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,0.12) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 15% 100%,rgba(52,211,153,0.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(96,165,250,0.07) 0%,transparent 60%),#020617;border-top:1px solid rgba(99,102,241,0.12);border-bottom:1px solid rgba(99,102,241,0.12)}.twitch-context-header{text-align:center;margin-bottom:3rem}.twitch-context-header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#e2e8f0;line-height:1.3;margin-bottom:1rem}.twitch-context-accent{background:linear-gradient(135deg,#34d399,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.twitch-context-sub{color:#94a3b8;font-size:1rem;max-width:620px;margin:0 auto;line-height:1.7}.twitch-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.twitch-context-grid--6{grid-template-columns:repeat(4,1fr)}.twitch-context-grid--6>.twitch-ctx-card{grid-column:span 1}.twitch-hero-stat{text-align:center;margin:0 auto 3rem;max-width:600px}.twitch-hero-stat-value{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;color:#e2e8f0;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#f87171,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.twitch-hero-stat-label{font-size:1.1rem;color:#94a3b8;margin:0.5rem 0 1.5rem}.twitch-hero-bar-wrapper{position:relative;padding-top:2rem;margin-bottom:0.5rem}.twitch-hero-bar-badge{position:absolute;top:0;transform:translateX(-50%);background:linear-gradient(135deg,#f87171,#fb923c);color:#fff;font-size:0.8rem;font-weight:800;padding:0.15rem 0.5rem;border-radius:999px;white-space:nowrap;pointer-events:none;transition:left 1s ease}.twitch-hero-bar-badge::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 4px 0;border-style:solid;border-color:#fb923c transparent transparent}.twitch-hero-bar{background:rgba(255,255,255,0.05);border-radius:999px;height:10px;overflow:hidden;position:relative;margin-bottom:0.6rem}.twitch-hero-bar-fill{height:100%;background:linear-gradient(90deg,#f87171,#fb923c);border-radius:999px;transition:width 1s ease}.twitch-hero-bar-label{font-size:0.85rem;margin-top:0.5rem;text-align:center}.twitch-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.twitch-story-col{display:flex;flex-direction:column;gap:1rem}.twitch-story-col-header{padding:1.25rem 1.25rem 1rem;border-radius:12px 12px 0 0;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.15);border-bottom:none}.twitch-story-col--threat .twitch-story-col-header{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.15)}.twitch-story-col--response .twitch-story-col-header{background:rgba(52,211,153,0.08);border-color:rgba(52,211,153,0.2)}.twitch-story-step{display:inline-block;font-size:0.7rem;font-weight:800;letter-spacing:0.1em;color:#6366f1;background:rgba(99,102,241,0.12);padding:0.15rem 0.5rem;border-radius:4px;margin-bottom:0.5rem}.twitch-story-col--threat .twitch-story-step{color:#f87171;background:rgba(239,68,68,0.12)}.twitch-story-col--response .twitch-story-step{color:#34d399;background:rgba(52,211,153,0.12)}.twitch-story-col-title{display:block;font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:0.4rem}.twitch-story-col-sub{font-size:0.8rem;color:#64748b;line-height:1.5;margin:0}.twitch-story-cards{display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(99,102,241,0.15);border-top:none;border-radius:0 0 12px 12px;padding:1rem;background:rgba(15,23,42,0.3)}.twitch-story-col--threat .twitch-story-cards{border-color:rgba(239,68,68,0.15)}.twitch-story-col--response .twitch-story-cards{border-color:rgba(52,211,153,0.2)}.twitch-story-cta{margin-top:0.5rem;text-align:center}@media (max-width:900px){.twitch-story-grid{grid-template-columns:1fr}}.twitch-ctx-card{background:rgba(15,23,42,0.6);border:1px solid rgba(99,102,241,0.15);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:border-color 0.2s,transform 0.2s;display:flex;flex-direction:column;align-items:center}.twitch-ctx-card:hover{border-color:rgba(99,102,241,0.35)}.twitch-ctx-icon{font-size:2rem;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;flex-shrink:0}.twitch-ctx-value{font-size:2.4rem;font-weight:800;color:#e2e8f0;line-height:1;height:2.4rem;display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;font-variant-numeric:tabular-nums;flex-shrink:0}.twitch-ctx-label{font-size:0.9rem;color:#94a3b8;line-height:1.5;min-height:2.8rem;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;flex-shrink:0}.twitch-ctx-ratio{margin:0.75rem 0;padding:0.6rem 1rem;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:8px;min-height:2.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap}.twitch-ctx-ratio-value{font-size:1.4rem;font-weight:800;color:#f87171}.twitch-ctx-ratio-label{font-size:0.75rem;color:#fca5a5;line-height:1.3}.twitch-ctx-sub{font-size:0.72rem;color:#475569;margin-top:0.5rem}@media (max-width:900px){.twitch-context-grid:not(.twitch-context-grid--6){grid-template-columns:1fr;max-width:400px;margin:0 auto}.twitch-context-grid--6{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.twitch-context-grid--6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-stats-grid{grid-template-columns:1fr;gap:1rem}}.cta-creators{width:100%;overflow:hidden;margin:0 0 2.5rem;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.cta-creators-track{padding:0.75rem 0}.cta-creators-track{display:flex;gap:1rem;width:max-content;animation:cta-scroll 80s linear infinite}.cta-creators-track:hover{animation-play-state:paused}@keyframes cta-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.cta-creator-card{display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-decoration:none;cursor:pointer;transition:transform 0.2s}.cta-creator-card:hover{transform:scale(1.15)}.cta-creator-avatar{position:relative;width:52px;height:52px}.cta-creator-avatar img{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);object-fit:cover}.cta-creator-status{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,0.9)}.cta-creator-status.live{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.8);animation:pulse-live 1.5s ease-in-out infinite}.cta-creator-status.offline{background:#64748b}@keyframes pulse-live{0%,100%{box-shadow:0 0 4px rgba(239,68,68,0.8)}50%{box-shadow:0 0 10px rgba(239,68,68,1)}}.cta-creator-name{font-size:0.65rem;color:rgba(255,255,255,0.7);font-weight:600;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{background:#060b18;color:#64748b;padding:4rem 0 0;border-top:1px solid rgba(255,255,255,0.06)}.footer-content{display:grid;grid-template-columns:1.6fr 1fr 1fr 0.8fr 1fr;gap:2.5rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{font-size:1.25rem;font-weight:900;color:#fff;letter-spacing:-0.02em}.footer-tagline{font-size:0.88rem;color:#64748b;line-height:1.6}.footer-tagline strong{color:#94a3b8}.footer-socials{display:flex;gap:0.6rem;margin-top:0.25rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:#64748b;text-decoration:none;transition:background 0.2s,color 0.2s,border-color 0.2s}.footer-social-link:hover{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.4);color:#a5b4fc}.footer-col h3,.footer-col h4{color:#fff;margin-bottom:1.25rem;font-weight:700;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.65rem}.footer-col a{color:#64748b;text-decoration:none;font-size:0.88rem;transition:color 0.2s}.footer-col a:hover{color:#e2e8f0}.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding:1.25rem 0;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.78rem;color:#94a3b8;flex-wrap:wrap}.footer-bottom-dot{color:#64748b}@media (max-width:768px){.hero-content h2{font-size:2.25rem}.hero-content .lead{font-size:1.125rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}.pricing-grid{grid-template-columns:1fr}.nav{gap:1rem;font-size:0.9rem}.features h2,.pricing h2{font-size:2rem}.cta h2{font-size:2rem}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}