@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap";
:root{--primary:#ff6b00;--primary-hover:#e85f00;--primary-light:#ff8c38;--primary-glow:#ff6b0026;--bg:#020617;--bg-surface:#020617;--bg-elevated:#02091e;--bg-card:#050b24;--bg-muted:#0f172ab3;--border:#ffffff1a;--border-subtle:#ffffff0d;--text-white:#fff;--text-muted:#ffffff80;--text-dark:#f9fafb;--text-dark-muted:#fff6;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Poppins",sans-serif;--shadow-card:0 1px 3px #0000000f,0 4px 16px #00000014;--shadow-card-hover:0 4px 24px #0000001f,0 16px 48px #0000001f;--shadow-orange:0 0 40px #ff6b0040;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-premium:0 0 0 1px #ffffff0d,0 4px 6px #0000004d,0 16px 40px #0006}.light{--primary:#ff6b00;--primary-hover:#e85f00;--primary-light:#ff8c38;--primary-glow:#ff6b001a;--bg:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-card:#fff;--bg-muted:#f1f5f9;--border:#0f172a1a;--border-subtle:#0f172a0f;--text-white:#0f172a;--text-muted:#475569;--text-dark:#0f172a;--text-dark-muted:#64748b;--shadow-premium:0 10px 30px -10px #00000014,0 0 0 1px #0000000a;--shadow-xl:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.light .glass{background:#ffffffb3;border:1px solid #0f172a14}.light .card-premium{background:#fff;border:1px solid #0f172a1a;box-shadow:0 10px 30px -10px #00000014}.light .card-premium:before{background:radial-gradient(circle at 0 0,#ff6b0008,#0000 70%)}.light .card-premium-highlight{border:1.5px solid var(--primary);background:#fff;box-shadow:0 15px 40px -10px #ff6b0026}.light .btn-outline{color:#0f172a;border-color:#0f172a1f}.light .btn-outline:hover{background:#0f172a0a;border-color:#0f172a}.light .mockup-body{background:#f8fafc}.light .skel{background:#0f172a14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--text-white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}img{max-width:100%;display:block}.container{max-width:1240px;margin:0 auto;padding:0 32px}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff0d}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff6b001a}50%{box-shadow:0 0 35px #ff6b004d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-up{animation:.8s cubic-bezier(.16,1,.3,1) both fadeUp}.slide-right{animation:.8s cubic-bezier(.16,1,.3,1) both slideRight}.d-1{animation-delay:.1s}.d-2{animation-delay:.2s}.d-3{animation-delay:.3s}.d-4{animation-delay:.4s}.d-5{animation-delay:.5s}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-brand{background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-premium{border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);background:radial-gradient(circle at 0 0,#ff6b0017,#0000 60%),radial-gradient(circle at 100% 100%,#0f172ab3,#020617);border:1px solid #94a3b859;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card-premium:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ff6b000d,#0000 70%);position:absolute;inset:0}.card-premium:hover{border-color:#ff6b004d;transform:translateY(-6px);box-shadow:0 20px 40px -10px #00000080,0 0 0 1px #ff6b001a}.card-premium-highlight{background:radial-gradient(circle at top,#ff6b0024,transparent 65%),var(--bg-surface);border:1px solid var(--primary);border-radius:var(--radius-lg);box-shadow:0 0 20px #ff6b001a,var(--shadow-premium);transition:all .3s cubic-bezier(.16,1,.3,1)}.card-premium-highlight:hover{box-shadow:0 25px 50px -12px #ff6b0033,var(--shadow-premium);transform:translateY(-8px)}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 32px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #ff6b0063}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b003b}.btn-outline{color:var(--text-white);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:14px 32px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-outline:hover{border-color:var(--text-white);background:#ffffff0d;transform:translateY(-2px)}.badge-premium{color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#ff6b001a;border:1px solid #ff6b0033;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.section{padding:120px 0}.section-sm{padding:80px 0}.dot-grid{background-image:radial-gradient(#94a3b829 1px,#0000 1px),radial-gradient(circle at top,#0f172ae6,#020617);background-size:26px 26px,cover}.light .dot-grid{background-image:radial-gradient(#0000000a 1px,#0000 1px),radial-gradient(circle at top,#fff,#f8fafc)}.ambient{pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 0,#ff6b0040 0%,#0000 55%),radial-gradient(circle at 100% 100%,#3b82f62e 0%,#0000 55%),radial-gradient(circle at 50% 120%,#0f172ae6 0%,#0000 65%);width:100%;height:100%;position:fixed;top:0;left:0}.light .ambient{background:radial-gradient(circle at 10% 10%,#ff6b001f 0%,#0000 55%),radial-gradient(circle at 90% 90%,#3b82f614 0%,#0000 55%)}.seo-landing{z-index:1;padding-top:96px;position:relative}.seo-hero{padding:96px 0 48px}.seo-hero-inner{max-width:860px}.seo-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:#ff6b0014;border:1px solid #ff6b0040;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.seo-hero h1{max-width:760px;margin-top:20px;font-size:clamp(2.5rem,6vw,4.5rem)}.seo-hero p{max-width:720px;color:var(--text-muted);margin-top:18px;font-size:1.05rem}.seo-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.seo-button{border-radius:14px;justify-content:center;align-items:center;min-width:160px;padding:14px 24px;font-weight:700;display:inline-flex}.seo-button-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 12px 30px #ff6b0033}.seo-button-secondary{border:1px solid var(--border);background:#ffffff0a}.light .seo-button-secondary{background:#ffffffd9}.seo-section{padding:32px 0 56px}.seo-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:24px;display:grid}.seo-card{border:1px solid var(--border);background:radial-gradient(circle at top left,#ff6b0014,transparent 45%),var(--bg-card);box-shadow:var(--shadow-premium);border-radius:24px;padding:32px}.seo-card-muted{background:radial-gradient(circle at top right,#3b82f614,transparent 38%),var(--bg-card)}.seo-card h2,.seo-faq h2{margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.2rem)}.seo-card h3{margin-bottom:10px;font-size:1.1rem}.seo-card p,.seo-card li{color:var(--text-muted)}.seo-card ul,.seo-card ol{gap:12px;margin-top:18px;padding-left:20px;display:grid}.seo-faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}@media (max-width:900px){.seo-grid,.seo-faq-list{grid-template-columns:1fr}}@media (max-width:640px){.seo-landing,.seo-hero{padding-top:72px}.seo-card{border-radius:20px;padding:24px}}
