:root{--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);margin:0}p{margin:0}code{font-family:var(--mono);border-radius:4px;padding:2px 6px;font-size:14px}:root,[data-theme=dark]{--bg:#070913;--card-bg:#111827a6;--card-bg-hover:#1e293b73;--border:#ffffff14;--border-hover:#ffffff29;--text:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#0f172a;--input-bg:#0006;--primary:#8b5cf6;--primary-hover:#7c3aed;--accent-pink:#ec4899;--success:#10b981;--glow-color:#8b5cf626;--shadow:#00000080 0 20px 40px -15px}[data-theme=light]{--bg:#f8fafc;--card-bg:#ffffffd9;--card-bg-hover:#f1f5f9f2;--border:#0f172a14;--border-hover:#0f172a29;--text:#0f172a;--text-muted:#475569;--text-inverse:#fff;--input-bg:#fff;--primary:#6366f1;--primary-hover:#4f46e5;--accent-pink:#d946ef;--success:#059669;--glow-color:#6366f114;--shadow:#0f172a0d 0 20px 40px -15px}body{background:var(--bg);background-image:radial-gradient(circle at 50% -20%, var(--glow-color), transparent 60%);color:var(--text);-webkit-font-smoothing:antialiased;width:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s,background-image .3s;overflow-x:hidden}.landing-layout{width:100%;position:relative;overflow-x:hidden}.container{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes liquid-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes banner-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes drift-particles{0%,to{opacity:.15;transform:translate(0)scale(1)}33%{opacity:.35;transform:translate(30px,-50px)scale(1.2)}66%{opacity:.2;transform:translate(-30px,30px)scale(.8)}}@keyframes drift-molecules{0%,to{opacity:.12;transform:translate(0)rotate(0)}50%{opacity:.25;transform:translate(-40px,-60px)rotate(180deg)}}.hero-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{background:radial-gradient(circle, var(--primary) 0%, var(--accent-pink) 100%);border-radius:50%;animation:ease-in-out infinite drift-particles;position:absolute}.molecule{align-items:center;gap:0;animation:ease-in-out infinite drift-molecules;display:flex;position:absolute}.atom-1,.atom-2{border-radius:50%;width:7px;height:7px}.atom-1{background:var(--primary);box-shadow:0 0 8px var(--primary)}.atom-2{background:var(--accent-pink);box-shadow:0 0 8px var(--accent-pink)}.bond{background:linear-gradient(90deg, var(--primary), var(--accent-pink));opacity:.4;width:25px;height:1px}[data-theme=light] .particle,[data-theme=light] .molecule{opacity:.22}.animate-float{animation:6s ease-in-out infinite float}.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.top-banner{background:linear-gradient(90deg, var(--primary), var(--accent-pink), var(--primary));color:#fff;text-align:center;z-index:100;letter-spacing:.2px;background-size:200%;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;animation:4s linear infinite banner-shimmer;display:flex;position:relative}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.2rem 0;transition:padding .3s;display:flex}.navbar.sticky{z-index:90;background:rgba(var(--bg), .7);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);margin-bottom:0;padding:1rem 0;position:sticky;top:0}.logo{background:linear-gradient(135deg, var(--primary), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.logo-img{object-fit:contain;flex-shrink:0;width:auto;height:32px}.live-badge{color:var(--success);-webkit-text-fill-color:initial;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.35rem;margin-left:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:flex}.live-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--card-bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-outline{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--card-bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent-pink));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--glow-color);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{opacity:.95;box-shadow:0 8px 25px var(--glow-color);transform:translateY(-2px)}.btn-secondary{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--card-bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.hero-section{text-align:center;padding:3.5rem 0 2.5rem;position:relative}.hero-badge{color:var(--primary);background:#8b5cf614;border:1px solid #8b5cf626;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge svg{color:var(--primary)}.hero-title{letter-spacing:-1.5px;color:var(--text);margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(to right, var(--primary), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-muted);max-width:700px;margin:0 auto 1.5rem;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:1.2rem;margin-bottom:2rem;display:flex}.hero-btn{justify-content:center;align-items:center;padding:1rem 2.2rem;font-size:1.05rem;display:inline-flex}.cta-btn{justify-content:center;align-items:center;padding:1.2rem 2.5rem;font-size:1.1rem;display:inline-flex}.platform-quick-btn{border-radius:24px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;display:flex}.platform-quick-btn .platform-dot{border-radius:50%;width:12px;height:12px}.hero-platforms-wrapper{margin-bottom:2.5rem}.hero-platforms-list{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:20px;padding:2rem;transition:all .3s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.stat-num{background:linear-gradient(135deg, var(--text), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-card:hover .stat-num{background:linear-gradient(135deg, var(--primary), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-lbl{color:var(--text-muted);font-size:.95rem;font-weight:500}.glowing-blob{background:radial-gradient(circle, var(--glow-color) 0%, transparent 70%);z-index:-1;pointer-events:none;filter:blur(50px);border-radius:50%;width:500px;height:500px;position:absolute}.blob-1{top:-100px;left:-100px}.blob-2{bottom:-100px;right:-100px}.grid-bg{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);z-index:-2;opacity:.35;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.info-section{border-top:1px solid var(--border);padding:3rem 0}.info-grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:4rem;display:grid}.info-content{text-align:left}.info-title{letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.info-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.info-image-wrapper{border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:16/10;border-radius:24px;position:relative;overflow:hidden}.info-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.info-image-wrapper:hover .info-img{transform:scale(1.05)}.info-image-overlay{background:linear-gradient(to top, var(--bg) 10%, transparent 90%);opacity:.7;position:absolute;inset:0}.audiences-section{border-top:1px solid var(--border);padding:3rem 0}.section-header{text-align:center;margin-bottom:2rem}.section-header h3{letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:800}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.2rem}.audience-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.audience-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;box-shadow:var(--shadow);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.audience-card:hover{border-color:var(--border-hover);transform:translateY(-8px)}.audience-img-wrapper{height:200px;position:relative;overflow:hidden}.audience-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.audience-card:hover .audience-img{transform:scale(1.08)}.audience-img-overlay{background:linear-gradient(#0000 30%,#070913f2);position:absolute;inset:0}.audience-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 4px 12px #0000004d}.audience-gradient-creators{background:linear-gradient(135deg,#6366f1,#a855f7)}.audience-gradient-brands{background:linear-gradient(135deg,#ec4899,#f43f5e)}.audience-gradient-agencies{background:linear-gradient(135deg,#10b981,#06b6d4)}.audience-body{padding:2rem}.audience-card h4{color:var(--text);margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.audience-audience{flex-wrap:wrap;gap:.5rem;display:flex}.audience-tag{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}[data-theme=light] .audience-tag{background:#0f172a08}.features-section{border-top:1px solid var(--border);padding:3rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;box-shadow:var(--shadow);border-radius:24px;padding:2.5rem;transition:all .3s}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.feature-icon-wrapper{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.8rem;display:flex;box-shadow:0 4px 15px #00000026}.feature-card h4{color:var(--text);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.cta-section{padding:3rem 0}.cta-banner{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);border-radius:32px;padding:3.5rem 2rem;position:relative;overflow:hidden}.cta-banner-glowing{background:linear-gradient(90deg, var(--primary), var(--accent-pink), var(--primary));z-index:-1;-webkit-mask-composite:xor;opacity:.25;border-radius:32px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cta-banner:hover .cta-banner-glowing{opacity:.5}.cta-banner h3{letter-spacing:-1.5px;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.cta-banner p{color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem;font-size:1.2rem;line-height:1.6}.storefront-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.storefront-header h2{letter-spacing:-.5px;font-size:2.2rem;font-weight:800}.category-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.category-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;padding:1.8rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:hover{border-color:var(--primary);background:var(--card-bg-hover);box-shadow:0 10px 25px -5px var(--glow-color);transform:translateY(-5px)}.category-card.active{border-color:var(--accent-pink);background:#ec489914;box-shadow:0 0 20px #ec489926}.category-icon-wrapper{margin-bottom:.8rem;font-size:2.2rem}.category-card h4{color:var(--text);margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.category-card p{color:var(--text-muted);margin:0;font-size:.85rem}.form-group input,.form-group select{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:12px;padding:1.1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 12px var(--glow-color);outline:none}.option-select-container select{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);cursor:pointer;border-radius:12px;padding:1.2rem;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.option-select-container select:focus{border-color:var(--primary);box-shadow:0 0 12px var(--glow-color);outline:none}.selected-service-info{text-align:left;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:2rem;padding:1.2rem}.selected-service-info h4{color:var(--text);margin:0 0 .5rem}.selected-service-info p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.4}.checkout-section{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;margin-top:4rem;padding:2.5rem}.price-summary{border:1px solid var(--border);background:#00000026;border-radius:12px;margin:2rem 0;padding:1.5rem}[data-theme=light] .price-summary{background:#0f172a08}.summary-badges{gap:1rem;margin-bottom:1rem;display:flex}.badge{border:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:.35rem .7rem;font-size:.8rem}[data-theme=light] .badge{background:#0f172a08}.summary-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.summary-total h3{color:var(--success);margin:0;font-size:1.5rem}.checkout-btn{width:100%;padding:1.2rem;font-size:1.1rem}.platform-group-section{background:var(--card-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);text-align:left;border-radius:24px;margin-bottom:4rem;padding:2.5rem;position:relative}.platform-group-section:before{content:"";border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.platform-group-section.instagram:before{background:linear-gradient(90deg,#f09433,#bc1888)}.platform-group-section.tiktok:before{background:linear-gradient(90deg,#00f2fe,#4facfe)}.platform-group-section.youtube:before{background:linear-gradient(90deg,#ff0844,#ffb199)}.platform-group-section.spotify:before{background:linear-gradient(90deg,#30c258,#10b981)}.platform-group-section.twitter:before{background:linear-gradient(90deg,#1da1f2,#00cdac)}.platform-group-section.facebook:before{background:linear-gradient(90deg,#1877f2,#3b5998)}.platform-group-section.other:before{background:linear-gradient(90deg,#a18cd1,#fbc2eb)}.platform-group-header{letter-spacing:-.5px;color:var(--text);align-items:center;gap:1rem;margin-top:0;margin-bottom:2rem;font-size:1.8rem;font-weight:800;display:flex}.platform-badge-mini{border-radius:8px;flex-shrink:0;width:32px;height:32px;display:inline-block}.platform-badge-mini.instagram{background:linear-gradient(45deg,#f09433,#cc2366,#bc1888)}.platform-badge-mini.tiktok{background:#000;border:1px solid #fff3}.platform-badge-mini.youtube{background:red}.platform-badge-mini.spotify{background:#1db954}.platform-badge-mini.twitter{background:#1da1f2}.platform-badge-mini.facebook{background:#1877f2}.platform-badge-mini.other{background:#333}.search-container{justify-content:center;width:100%;margin-bottom:3.5rem;display:flex}.search-input-wrapper{width:100%;max-width:500px;position:relative}.search-input-wrapper input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:30px;padding:1.1rem 1.6rem;font-size:1.05rem;transition:all .3s}.search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--glow-color);outline:none}.filters{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:3rem;display:flex}.filter-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:30px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.success-view{text-align:center;max-width:600px;margin:0 auto;padding:6rem 0}.success-icon{color:var(--success);margin-bottom:1.5rem;font-size:5rem;line-height:1}.confirmation-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin:2.5rem 0;padding:2.5rem}.confirmation-card p{font-size:1.05rem;line-height:1.6}.total-paid{color:var(--success);margin-top:1.5rem;font-size:2.5rem;font-weight:800}.success-actions{justify-content:center;gap:1.2rem;display:flex}.tracking-view{padding:4rem 0}.tracking-section{max-width:650px;margin:0 auto}.tracking-section h2{margin-bottom:1rem;font-size:2.8rem;font-weight:800}.tracking-section>p{color:var(--text-muted);margin-bottom:2.5rem}.search-form{gap:1rem;margin-bottom:3.5rem;display:flex}.search-form input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:12px;flex:1;padding:1.1rem;font-size:1.05rem;transition:all .2s}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 12px var(--glow-color);outline:none}.tracking-result{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:24px;padding:2.5rem}.result-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.result-header h3{font-size:1.4rem;font-weight:700}.status-badge{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:30px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.product-name{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.target-account{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem}.target-account code{background:var(--input-bg);border:1px solid var(--border)}.stepper{justify-content:space-between;margin:3.5rem 0;display:flex;position:relative}.stepper:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:12px;left:0;right:0}.step{z-index:1;text-align:center;width:33%;position:relative}.dot{background:var(--bg);border:2px solid var(--border);width:26px;height:26px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .6rem;font-size:11px;font-weight:700;transition:all .3s;display:flex}.step.completed .dot{background:var(--success);border-color:var(--success);color:#fff}.step.active .dot{border-color:var(--primary);box-shadow:0 0 12px var(--primary);color:var(--primary);background:var(--bg)}.step span{color:var(--text-muted);font-size:.9rem;font-weight:600}.step.active span{color:var(--text)}.support-btn{width:100%;margin-top:1.5rem}footer{border-top:1px solid var(--border);text-align:center;margin-top:3.2rem;padding:2rem 0}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--text-muted);font-size:.9rem}.footer-links{gap:1.5rem;display:flex}.footer-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--text)}@media (width<=1024px){.hero-title{font-size:3.2rem}.info-grid{gap:2rem}.info-title,.section-header h3{font-size:2.5rem}}@media (width<=768px){.container{padding:0 1.25rem}.navbar{flex-wrap:wrap;gap:.8rem;padding:.8rem 0}.navbar.sticky{padding:.8rem 0}.nav-actions{gap:.5rem}.nav-actions button{padding:.45rem .8rem;font-size:.8rem}.theme-toggle{width:34px;height:34px}.logo{font-size:1.25rem}.live-badge{margin-left:.3rem;padding:.15rem .4rem;font-size:.7rem}.hero-section{padding:2rem 0 1.25rem}.hero-title{font-size:2.2rem;line-height:1.25}.hero-desc{margin-bottom:1.25rem;font-size:1rem}.hero-actions{flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1.5rem}.hero-btn{width:100%;max-width:290px;padding:.85rem 1.5rem;font-size:.95rem}.cta-btn{width:100%;max-width:290px;padding:.95rem 1.5rem;font-size:1rem}.hero-platforms-wrapper{margin-bottom:1.5rem}.hero-platforms-list{gap:.6rem}.platform-quick-btn{border-radius:20px;padding:.4rem .9rem;font-size:.8rem}.info-section,.audiences-section,.features-section,.cta-section{padding:1.5rem 0}.section-header{margin-bottom:1.2rem}.section-header h3{font-size:2rem}.section-header p{font-size:1rem}.info-title{font-size:1.8rem}.info-grid{grid-template-columns:1fr;gap:1.8rem}.info-text{margin-bottom:1rem;font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.audience-grid,.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-banner{border-radius:24px;padding:2rem 1.25rem}.cta-banner h3{font-size:1.8rem}.cta-banner p{margin-bottom:1.25rem;font-size:1rem}.footer-content{flex-direction:column;gap:1.5rem}.storefront-header{text-align:center;flex-direction:column;gap:1.5rem}footer{margin-top:2rem}}.support-layout{grid-template-columns:350px 1fr;gap:2rem;min-height:calc(100vh - 120px);margin-top:2rem;display:grid}.support-sidebar{flex-direction:column;gap:1.5rem;display:flex}.support-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.support-card h3{color:var(--text);margin-top:0;margin-bottom:1.5rem;font-size:1.25rem}.ticket-item{border-bottom:1px solid var(--border);cursor:pointer;border-radius:8px;margin-bottom:.5rem;padding:1rem;transition:all .2s}.ticket-item:hover{background:var(--bg)}.ticket-item.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ticket-item.active .ticket-item-header small,.ticket-item.active .status-badge{color:#ffffffe6}.ticket-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ticket-item-subject{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.support-main{flex-direction:column;display:flex}.ticket-thread-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.thread-header{border-bottom:1px solid var(--border);background:var(--bg);padding:1.5rem}.thread-messages{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;max-width:80%;padding:1rem}.message-bubble.customer{background:var(--primary);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.message-bubble.admin{background:var(--bg);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:2px;align-self:flex-start}.message-sender{opacity:.9;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.message-content{white-space:pre-wrap;line-height:1.5}.message-time{opacity:.7;text-align:right;margin-top:.5rem;font-size:.75rem}.attachment-img{border:2px solid #fff3;border-radius:8px;max-width:100%;max-height:300px;margin-top:1rem}.message-bubble.admin .attachment-img{border-color:var(--border)}.thread-reply-box{border-top:1px solid var(--border);background:var(--bg);padding:1.5rem}@media (width<=900px){.support-layout{grid-template-columns:1fr}.support-main{min-height:600px}}.dynamic-banner{justify-content:space-between;padding:.6rem 1.2rem}.banner-cta-link{color:#fff;white-space:nowrap;font-weight:700;text-decoration:underline}.banner-dismiss{color:#fffc;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1rem;line-height:1}.banner-dismiss:hover{color:#fff}.campaign-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.campaign-popup{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:480px;padding:2.5rem 2rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;box-shadow:0 24px 80px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.campaign-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:14px;right:16px}.campaign-close:hover{background:var(--border);color:var(--text)}.campaign-popup-img{object-fit:cover;border-radius:10px;width:100%;max-height:220px;margin-bottom:1.25rem}.campaign-popup-title{color:var(--text);margin:0 0 .75rem;font-size:1.4rem;font-weight:800}.campaign-popup-msg{color:var(--text-muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.campaign-cta{text-decoration:none;display:inline-block}@media (width<=480px){.campaign-popup{padding:2rem 1.25rem 1.5rem}.campaign-popup-title{font-size:1.2rem}}.tracking-mode-toggle{gap:.5rem;margin-bottom:.75rem;display:flex}.tracking-mode-toggle button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:.6rem 0;font-size:.875rem;font-weight:600;transition:all .18s}.tracking-mode-toggle button:hover{border-color:var(--primary);color:var(--text)}.tracking-mode-toggle button.active{border-color:var(--primary);color:var(--primary);background:#8b5cf626}.orders-list-wrap{margin-top:1.5rem}.orders-list-count{color:var(--text-muted);text-align:center;margin-bottom:.75rem;font-size:.8rem}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-list-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.order-list-card:hover{border-color:var(--primary);box-shadow:0 0 0 1px #8b5cf633}.order-list-card.open{border-color:var(--primary);box-shadow:0 0 0 1px #8b5cf640}.order-list-card-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.order-list-card-left{align-items:center;gap:.75rem;min-width:0;display:flex}.order-list-num{width:22px;height:22px;color:var(--primary);background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.order-list-product{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.9rem;font-weight:600;overflow:hidden}.order-list-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.order-list-card-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.order-list-chevron{color:var(--text-muted);font-size:.65rem}.order-list-detail{border-top:1px solid var(--border);cursor:default;padding:1.25rem 1.1rem}.order-id-fallback{text-align:center;margin-top:2rem}.order-id-fallback-toggle{color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.5rem 0;font-size:.85rem;text-decoration:underline}.order-id-fallback-toggle:hover{color:var(--primary-hover)}.order-id-form{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1.25rem;display:flex}.order-id-hint{color:var(--text-muted);margin:0;font-size:.82rem}.order-id-form input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:.75rem 1rem;font-family:monospace;font-size:.85rem}.order-id-form input:focus{border-color:var(--primary);outline:none}.delivery-timeline-note{text-align:left;background:#f59e0b12;border:1px solid #f59e0b40;border-radius:12px;align-items:flex-start;gap:.75rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.delivery-timeline-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem;line-height:1}.delivery-timeline-note strong{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}.delivery-timeline-note p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.55}.delivery-timeline-note p strong{font-size:inherit;color:var(--text);text-transform:none;letter-spacing:0;display:inline}.smm-progress-card{background:#8b5cf612;border:1px solid #8b5cf640;border-radius:14px;margin:1.5rem 0 1rem;padding:1.25rem 1.5rem}.smm-progress-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.smm-provider-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem;font-weight:700}.smm-status-badge{color:#10b981;text-transform:capitalize;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:700}.smm-progress-bar-wrap{background:#ffffff12;border-radius:999px;height:8px;margin-bottom:.4rem;overflow:hidden}.smm-progress-bar{background:linear-gradient(90deg,#8b5cf6,#10b981);border-radius:999px;min-width:4px;height:100%;transition:width .5s}.smm-progress-pct{color:var(--text-muted);text-align:right;margin-bottom:1rem;font-size:.78rem}.smm-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.smm-stat{flex-direction:column;gap:2px;display:flex}.smm-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:600}.smm-stat-value{color:var(--text);font-size:1.1rem;font-weight:700}.smm-stat-value.text-success{color:#10b981}.smm-stat-value.text-warn{color:#f59e0b}@media (width<=480px){.smm-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.smm-stat-value{font-size:1rem}}
