.brand-tag,.nav-link{color:var(--text-soft)}.menu-toggle-line::after,.menu-toggle-line::before,.nav-link::after{position:absolute;left:0;content:""}.btn-primary,.hero-card{box-shadow:var(--shadow-premium)}.hero-card,.hero-right,.menu-toggle-line,.nav-link{position:relative}.hero-stat-label,.section-eyebrow{text-transform:uppercase;letter-spacing:.16em}:root{--bg-body:#050816;--bg-elevated:#070b16;--bg-soft:#0a1020;--accent:#3b82f6;--accent-soft:rgba(59,130,246,0.12);--accent-strong:#2563eb;--text-main:#f9fafb;--text-soft:#9ca3af;--border-subtle:rgba(148,163,184,0.35);--radius-lg:18px;--radius-full:999px;--shadow-premium:0 16px 44px rgba(12,23,52,0.08);--section-padding-y:120px;--container-width:1220px;--gap-xl:56px;--gap-lg:32px;--gap-md:20px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:radial-gradient(circle at top,#0b1220 0,#020617 45%,#000 100%);color:var(--text-main);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(15,23,42,.8);background:radial-gradient(circle at top,rgba(15,23,42,.96),rgba(15,23,42,.98));backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:24px}.logo-area,nav{align-items:center;display:flex}.logo-area{gap:10px}.logo-area img{height:32px;width:auto}.brand-tag{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.35)}.menu-toggle,.nav-cta,.nav-link::after{border-radius:999px}nav{gap:24px;font-size:14px}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{padding:4px 0;transition:color .18s}.highlight-box strong,.nav-cta,.nav-link:hover{color:var(--text-main)}.nav-link::after{bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width .22s}.nav-link:hover::after{width:22px}.nav-cta{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 55%);font-size:13px;gap:8px}.nav-cta span{font-size:11px;opacity:.8}.menu-toggle{display:none;width:36px;height:36px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.85);align-items:center;justify-content:center;cursor:pointer}.menu-toggle-line,.menu-toggle-line::after,.menu-toggle-line::before{width:16px;height:2px;border-radius:999px;background:var(--text-main)}.menu-toggle-line::before{top:-5px}.menu-toggle-line::after{top:5px}section{padding:var(--section-padding-y) 0}.section-eyebrow{font-size:12px;color:var(--accent);margin-bottom:12px}.section-title{font-size:32px;line-height:1.15;margin-bottom:16px}.section-description{font-size:15px;line-height:1.7;color:var(--text-soft);max-width:620px}.hero{padding-top:56px;padding-bottom:var(--section-padding-y)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:var(--gap-xl)}.btn-primary,.hero-highlight-badge{border-radius:var(--radius-full);align-items:center}h1.hero-title{font-size:40px;line-height:1.08;margin:0 0 18px;letter-spacing:-.03em}.hero-highlight-badge{display:inline-flex;gap:8px;padding:4px 10px 4px 4px;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.45);margin-bottom:14px;font-size:11px;color:var(--text-soft)}.hero-highlight-pill{padding:3px 9px;border-radius:999px;background:radial-gradient(circle at top left,#3b82f6,#22c55e);font-weight:500;font-size:11px;color:#0b1020}.btn-ghost span.icon,.btn-primary span.icon,.hero-subtitle{font-size:16px}.hero-subtitle{line-height:1.7;color:var(--text-soft);max-width:520px;margin-bottom:24px}.hero-cta-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.btn-ghost,.btn-primary{cursor:pointer;display:inline-flex;gap:8px;font-size:14px}.btn-primary{padding:12px 22px;border:none;font-weight:500;background:radial-gradient(circle at top left,var(--accent),var(--accent-strong));color:#fff}.btn-ghost{padding:11px 20px;border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.85);color:var(--text-main);align-items:center}.hero-floating-tag,.hero-meta,.hero-stats-bar{font-size:11px;color:var(--text-soft)}.hero-meta{display:flex;flex-wrap:wrap;gap:12px}.hero-pill{padding:5px 10px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(51,65,85,.9)}.hero-card{border-radius:30px;padding:18px;background:radial-gradient(circle at top left,rgba(59,130,246,.2),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.4);overflow:hidden}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:32px 32px;opacity:.45;mix-blend-mode:screen;pointer-events:none}.hero-image-wrapper{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(148,163,184,.45);background:radial-gradient(circle at top,#020617,#000)}.hero-floating-tag{position:absolute;right:14px;top:14px;padding:6px 12px;border-radius:999px;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.7);display:inline-flex;align-items:center;gap:6px;z-index:2}.hero-floating-dot{width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at center,#4ade80,#16a34a);box-shadow:0 0 0 4px rgba(34,197,94,.35)}.benefit-card,.comparison-card,.cta-card,.feature-card,.usecase-panel{box-shadow:var(--shadow-premium)}.hero-stats-bar{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;margin-top:12px;border-radius:999px;background:rgba(15,23,42,.96);border:1px solid rgba(148,163,184,.45)}.hero-stat-label{font-size:10px;margin-bottom:2px;color:rgba(148,163,184,.85)}.hero-stat-value{font-size:12px;color:var(--text-main)}.highlight-box,.pill,.tag-chip,ul.check-list{color:var(--text-soft)}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--gap-lg);align-items:flex-start}.tag-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.45);font-size:11px;margin-bottom:10px}.tag-dot{width:7px;height:7px;border-radius:999px;background:#22c55e}ul.check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:14px}ul.check-list li::before{content:"✔";margin-right:8px;color:#22c55e;font-size:12px}.highlight-box{padding:16px 18px;border-radius:var(--radius-lg);background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.4);font-size:13px}.comparison-table thead,.pill{background:rgba(15,23,42,.95)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.45);font-size:11px}.feature-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:18px 18px 16px;border-radius:var(--radius-lg);background:var(--bg-soft);border:1px solid rgba(148,163,184,.35)}.feature-icon{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at top left,rgba(59,130,246,.25),#0f172a);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px}.feature-title{font-size:15px;margin-bottom:6px}.benefit-text,.feature-text{font-size:13px;color:var(--text-soft);line-height:1.6}.comparison-card{border-radius:var(--radius-lg);background:var(--bg-soft);border:1px solid rgba(148,163,184,.45);padding:22px 22px 20px;margin-top:24px}.comparison-table{width:100%;border-collapse:collapse;font-size:13px}.badge-limited,.badge-pro{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;margin-left:8px}.comparison-table td,.comparison-table th{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(31,41,55,.85)}.comparison-table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:rgba(148,163,184,.9)}.comparison-table td{color:var(--text-soft)}.comparison-table tr:last-child td{border-bottom:none}.col-heading{font-weight:500;color:var(--text-main)}.col-scriptcase{color:#bbf7d0}.badge-pro{background:rgba(22,163,74,.12);color:#4ade80}.badge-limited{background:rgba(239,68,68,.15);color:#fecaca}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.step-card{padding:16px 16px 14px;border-radius:var(--radius-lg);background:var(--bg-soft);border:1px dashed rgba(148,163,184,.5);font-size:13px;color:var(--text-soft)}.step-number{width:24px;height:24px;border-radius:999px;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.6);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-main);margin-bottom:8px}.benefit-card,.code-snippet{border-radius:var(--radius-lg)}.code-snippet{margin-top:18px;padding:14px 14px 12px;background:#020617;border:1px solid rgba(30,64,175,.8);font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;color:#e5e7eb;overflow-x:auto;position:relative}.benefit-kicker,.code-label{text-transform:uppercase;color:rgba(148,163,184,.9)}.code-label{position:absolute;right:10px;top:7px;font-size:10px;letter-spacing:.16em}.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.benefit-card{padding:18px;background:var(--bg-soft);border:1px solid rgba(148,163,184,.4);position:relative;overflow:hidden}.benefit-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 60%);opacity:.9;pointer-events:none}.benefit-card-inner{position:relative;z-index:1}.benefit-kicker{font-size:11px;letter-spacing:.18em;margin-bottom:4px}.benefit-title{font-size:15px;margin-bottom:8px}.usecases-grid{display:grid;grid-template-columns:1.2fr 1.1fr;gap:24px;margin-top:26px}.usecase-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14px;color:var(--text-soft)}.usecase-list li{padding:10px 12px;border-radius:var(--radius-lg);background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.35);display:flex;justify-content:space-between;align-items:center;gap:12px}.usecase-label{font-size:12px;padding:3px 8px;border-radius:999px;background:#0f172a;border:1px solid rgba(148,163,184,.6);color:rgba(148,163,184,.9)}.mini-stat{font-size:11px;color:#bbf7d0}.usecase-panel{padding:18px;border-radius:var(--radius-lg);background:var(--bg-soft);border:1px solid rgba(148,163,184,.45);font-size:13px;color:var(--text-soft)}.usecase-panel h3{font-size:15px;margin-bottom:8px;color:var(--text-main)}.cta-final{padding-bottom:100px}.cta-card{border-radius:26px;padding:26px 26px 24px;background:radial-gradient(circle at top left,rgba(59,130,246,.35),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.6);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.9fr);gap:20px;align-items:center}.cta-title{font-size:26px;margin-bottom:8px}.cta-text{font-size:14px;color:rgba(226,232,240,.95);max-width:520px;margin-bottom:18px}.cta-badges,.cta-side{color:rgba(226,232,240,.9)}.cta-badges{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.cta-badge{padding:6px 11px;border-radius:999px;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.65)}.cta-side{justify-self:flex-end;text-align:right;font-size:12px}.footer-inner,.footer-links{flex-wrap:wrap;display:flex}footer{border-top:1px solid rgba(15,23,42,.9);padding:28px 0 32px;background:radial-gradient(circle at top,rgba(15,23,42,.98),#020617)}.footer-inner{align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--text-soft)}.footer-links{gap:12px}.footer-links a{opacity:.85}.footer-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.footer-dot{width:4px;height:4px;border-radius:999px;background:rgba(148,163,184,.8)}@media (max-width:1024px){.cta-card,.hero-grid,.two-col,.usecases-grid{grid-template-columns:minmax(0,1fr)}.hero-right{order:-1}.benefits-grid,.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-side{text-align:left;justify-self:flex-start}}@media (max-width:768px){nav{display:none}.menu-toggle{display:inline-flex}h1.hero-title{font-size:30px}.section-title{font-size:26px}section{padding:80px 0}.benefits-grid,.feature-grid,.steps-grid{grid-template-columns:minmax(0,1fr)}.hero{padding-top:32px}}