:root{--bg: #ffffff;--bg-soft: #f7f8fc;--bg-hero: linear-gradient(135deg, #0f1b3d 0%, #1a2d5e 40%, #243b72 70%, #1e3167 100%);--bg-card: #ffffff;--bg-card-hover: #fafbff;--border: #e2e5f0;--border-light: #edf0f7;--text: #1a1e2e;--text-secondary: #4a5068;--text-muted: #7b829a;--text-dim: #a0a5b8;--primary: #e85d04;--primary-dark: #c44d03;--primary-light: #ff7b29;--primary-glow: rgba(232, 93, 4, .1);--primary-gradient: linear-gradient(135deg, #e85d04, #ff7b29);--green: #10b981;--green-soft: rgba(16, 185, 129, .1);--red: #ef4444;--red-soft: rgba(239, 68, 68, .08);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .1);--purple: #8b5cf6;--purple-soft: rgba(139, 92, 246, .1);--navy: #0f1b3d;--navy-soft: #1a2d5e;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06);--shadow-primary: 0 8px 32px rgba(232, 93, 4, .2);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--max-w: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}code{font-family:var(--mono);background:var(--bg-soft);padding:.2em .5em;border-radius:5px;font-size:.85em;color:var(--primary-dark);border:1px solid var(--border)}img{max-width:100%}ul{list-style:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;padding:.25em .7em;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-amber{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(232,93,4,.2)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;transition:all .25s;border:none;cursor:pointer;text-decoration:none;font-family:var(--font)}.btn-sm{padding:.55rem 1.15rem;font-size:.8125rem}.btn-lg{padding:1rem 2.25rem;font-size:1.0625rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #e85d044d;color:#fff}.btn-outline{border:2px solid var(--border);color:var(--text);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-ghost{color:#fffc;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{color:#fff;background:#ffffff2e}.btn-block{width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 0;transition:all .3s;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent}.nav.scrolled{background:#fffffff7;border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.2rem;color:var(--text)}.nav-brand:hover{color:var(--text)}.nav-logo{font-size:1.5rem}.nav-name-accent{color:var(--primary)}.nav-name-wp{color:var(--primary-light);font-weight:600;font-size:.85em;opacity:.85}.nav-link-shine{position:relative;overflow:hidden;color:var(--primary)!important;font-weight:600!important}.nav-link-shine:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(232,93,4,.15),transparent);transform:skew(-20deg);animation:shine 3s ease-in-out infinite}@keyframes shine{0%,to{left:-75%}50%{left:125%}}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--primary)}.nav-cta{display:flex;gap:.75rem}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}.nav-mobile{display:none;flex-direction:column;gap:0;padding:.5rem 1.5rem 1.5rem;background:#fff;border-top:1px solid var(--border)}.nav-mobile.open{display:flex}.nav-mobile a{color:var(--text-secondary);font-size:.9375rem;padding:.75rem 0;border-bottom:1px solid var(--border-light)}@media(max-width:768px){.nav-links,.nav-cta{display:none}.nav-mobile-toggle{display:block}}.hero{position:relative;padding:11rem 0 7rem;overflow:hidden;background:var(--bg-hero);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-glow{position:absolute;top:-100px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(232,93,4,.15) 0%,transparent 70%);pointer-events:none;filter:blur(60px)}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;color:#ffffffb3}.hero-badge .badge{background:#e85d0433;color:#ff9044;border-color:#e85d044d}.hero h1{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;line-height:1.12;margin-bottom:1.5rem;letter-spacing:-.03em;color:#fff}.hero h1 .text-gradient{background:linear-gradient(135deg,#ff9044,#ffb87a);-webkit-background-clip:text;background-clip:text}.hero-sub{font-size:1.125rem;color:#ffffffb3;line-height:1.8;margin-bottom:2.5rem;max-width:520px}.hero-sub strong{color:#fff}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.hero-proof{display:grid;grid-template-columns:repeat(3,auto);gap:1.25rem 2.5rem;align-items:center;justify-content:start}.hero-proof-item{display:flex;flex-direction:column}.hero-proof-number{font-size:1.6rem;font-weight:800;color:#fff}.hero-proof-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;margin-top:.15rem}.hero-proof-divider{display:none}@media(max-width:960px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:-1}.hero{padding-top:8rem}}.code-window{background:#0d1117;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)}.hero .code-window{box-shadow:0 24px 64px #0006}.code-titlebar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}.code-dot{width:11px;height:11px;border-radius:50%}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c840}.code-title{margin-left:auto;font-size:.75rem;color:#6e7681;font-family:var(--mono)}.code-body{padding:1.25rem;font-family:var(--mono);font-size:.8125rem;line-height:1.9;overflow-x:auto;color:#c9d1d9}.code-body code{background:none;padding:0;font-size:inherit;color:#c9d1d9;border:none}.code-comment{color:#6e7681}.code-fn{color:#ff9044}.code-method{color:#79c0ff}.code-str{color:#a5d6ff}.code-num{color:#ff9044}.code-danger{color:#f85149}.code-success{color:#3fb950}section{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.75rem}.section-header h2{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin-bottom:1rem;color:var(--text)}.section-sub{font-size:1.0625rem;color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:1.8}.problem{background:var(--bg-soft);border-top:1px solid var(--border-light)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.problem-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:all .3s}.problem-card.danger{border-left:4px solid var(--red)}.problem-card.danger:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.problem-icon{font-size:2rem;margin-bottom:1rem}.problem-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.problem-card p{color:var(--text-secondary);font-size:.9375rem}@media(max-width:768px){.problem-grid{grid-template-columns:1fr}}.features{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:all .3s;position:relative}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border)}.feature-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#fff,#e85d0408);box-shadow:0 0 0 1px var(--primary),var(--shadow)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;background:var(--bg-soft);border-radius:12px;border:1px solid var(--border-light)}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.feature-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.feature-tag{display:inline-block;margin-top:1rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25em .75em;border-radius:20px;background:var(--green-soft);color:var(--green)}.feature-tag.pro{background:var(--blue-soft);color:var(--blue)}.feature-tag.agency{background:var(--purple-soft);color:var(--purple)}@media(max-width:960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.comparison{background:var(--bg-soft);border-top:1px solid var(--border-light)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media(max-width:900px){.comparison-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}.comparison-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.comparison-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.comparison-card.featured{border:2px solid var(--primary);box-shadow:0 0 0 4px var(--primary-glow),var(--shadow);position:relative}.comparison-card.featured:before{content:"RECOMMENDED";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:4px 16px;border-radius:20px}.comparison-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.comparison-icon{font-size:2rem;display:block;margin-bottom:12px}.comparison-header h3{font-size:1.2rem;font-weight:700;margin-bottom:4px}.comparison-type{font-size:.8rem;color:var(--text-muted);font-weight:500}.comparison-list{list-style:none;flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.comparison-list li{font-size:.88rem;line-height:1.5;padding-left:28px;position:relative;color:var(--text-secondary)}.comparison-list li:before{position:absolute;left:0;top:1px;font-size:.85rem;font-weight:700}.comparison-list li.yes:before{content:"✓";color:var(--green)}.comparison-list li.no:before{content:"✗";color:var(--red);opacity:.6}.comparison-list li.no{color:var(--text-muted)}.comparison-verdict{text-align:center;font-size:.85rem;font-weight:700;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-soft)}.comparison-card.featured .comparison-verdict{background:var(--primary-glow);color:var(--primary)}.how-it-works{background:var(--bg-soft);border-top:1px solid var(--border-light)}.architecture-flow{display:flex;align-items:stretch;gap:0;margin-bottom:4rem;overflow-x:auto;padding-bottom:1rem}.flow-step{flex:1;min-width:200px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;position:relative}.flow-step.highlight{border-color:var(--primary);background:linear-gradient(135deg,#fff,#e85d040a);box-shadow:var(--shadow-primary)}.flow-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:800;margin-bottom:1rem;background:var(--bg-soft);border:2px solid var(--border);color:var(--primary)}.flow-step.highlight .flow-number{background:var(--primary);color:#fff;border-color:var(--primary)}.flow-content h4{font-size:.9375rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.flow-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.flow-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--text-dim);padding:0 .75rem;flex-shrink:0}.code-compare{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.architecture-flow{flex-direction:column;gap:.75rem}.flow-arrow{transform:rotate(90deg);justify-content:center;padding:.25rem 0}.code-compare{grid-template-columns:1fr}}.specs{background:#fff;border-top:1px solid var(--border-light)}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.spec-group{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);padding:1.5rem}.spec-group h3{font-size:.9375rem;font-weight:700;margin-bottom:1rem;color:var(--primary)}.spec-group li{font-size:.8125rem;color:var(--text-secondary);padding:.45rem 0;border-bottom:1px solid var(--border-light)}.spec-group li:last-child{border-bottom:none}.spec-group li strong{color:var(--text)}.specs-api{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);padding:2rem}.specs-api h3{font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;color:var(--text)}.api-row{display:grid;grid-template-columns:200px 100px 1fr;gap:1.5rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);font-size:.875rem}.api-row.header{font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.api-row:last-child{border-bottom:none}.api-row span:last-child{color:var(--text-secondary)}@media(max-width:960px){.specs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.specs-grid{grid-template-columns:1fr}.api-row{grid-template-columns:1fr;gap:.25rem;padding:1rem}}.pricing{background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);border-top:1px solid var(--border-light)}.pricing-fomo{display:flex;align-items:center;gap:.75rem;justify-content:center;background:linear-gradient(135deg,#ef44440f,#e85d040f);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm);padding:1rem 2rem;margin-bottom:3rem;font-size:.9375rem;color:var(--text);animation:fomoPulse 3s ease-in-out infinite}.fomo-icon{font-size:1.25rem}.fomo-count{color:var(--red);font-weight:800;font-size:1.125rem}@keyframes fomoPulse{0%,to{border-color:#ef444426;box-shadow:none}50%{border-color:#ef444459;box-shadow:0 0 20px #ef44440d}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.price-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;position:relative;transition:all .3s}.price-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.price-card.popular{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-lg);transform:scale(1.04)}.price-card.popular:hover{transform:scale(1.04) translateY(-4px)}.price-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:#fff;padding:.4em 1.5em;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 12px #e85d044d}.price-header h3{font-size:1.375rem;font-weight:800;margin-bottom:.25rem;color:var(--text)}.price-desc{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.price-amount{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.price-dollar{font-size:1.5rem;font-weight:700;color:var(--text-muted)}.price-value{font-size:3.5rem;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--text)}.price-period{font-size:1rem;color:var(--text-dim);margin-left:.25rem}.price-lifetime{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.price-features{margin-bottom:2rem}.price-features li{padding:.5rem 0;font-size:.875rem;display:flex;align-items:flex-start;gap:.6rem;color:var(--text-secondary)}.price-features li.included:before{content:"✓";color:var(--green);font-weight:800;font-size:1rem;flex-shrink:0}.price-features li.excluded{color:var(--text-dim)}.price-features li.excluded:before{content:"—";color:var(--text-dim);flex-shrink:0}.price-guarantee{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:.75rem}.price-toggle{display:flex;position:relative;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:.75rem}.toggle-btn{flex:1;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:999px;position:relative;z-index:2;transition:color .3s;font-family:var(--font)}.toggle-btn.active{color:#fff}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--primary-gradient);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #e85d044d;z-index:1}.toggle-slider.right{transform:translate(100%)}@media(max-width:960px){.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.price-card.popular{transform:none}}.faq{background:#fff;border-top:1px solid var(--border-light)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.faq-item{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);padding:1.75rem;transition:all .3s}.faq-item:hover{box-shadow:var(--shadow);border-color:var(--border)}.faq-item h4{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.faq-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.7}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.final-cta{text-align:center;padding:8rem 0;background:var(--bg-hero);color:#fff;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(232,93,4,.12),transparent 60%);pointer-events:none}.final-cta .container{position:relative;z-index:1}.final-cta h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin-bottom:1rem;line-height:1.3;color:#fff}.final-cta h2 .text-gradient{background:linear-gradient(135deg,#ff9044,#ffb87a);-webkit-background-clip:text;background-clip:text}.final-cta p{color:#ffffffb3;font-size:1.0625rem;margin-bottom:2rem}.final-cta .hero-ctas{justify-content:center}.final-cta-sub{font-size:.8125rem;color:#fff6;margin-top:1.5rem}.footer{background:var(--navy);color:#ffffffb3;padding:4rem 0 0}.footer-inner{display:flex;gap:3rem;margin-bottom:3rem}.footer-brand{flex:0 0 280px}.footer-links{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer .nav-brand{color:#fff}.footer-brand p{color:#ffffff80;font-size:.875rem;margin-top:1rem;line-height:1.7}.footer-brand a{color:var(--primary-light)}.footer-links h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:1rem}.footer-links a{display:block;color:#fff9;font-size:.875rem;padding:.3rem 0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.5rem 0}.footer-bottom p{font-size:.75rem;color:#ffffff59;text-align:center}@media(max-width:768px){.footer-inner{flex-direction:column;gap:2rem}.footer-brand{flex:none}.footer-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.footer-links{grid-template-columns:1fr}}