@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #050816;--bg-alt: #0a0f24;--surface: rgba(15, 20, 45, .7);--accent: #3b82f6;--accent-2: #06b6d4;--accent-3: #8b5cf6;--gradient: linear-gradient(135deg, #3b82f6, #06b6d4);--gradient-warm: linear-gradient(135deg, #f59e0b, #f43f5e);--text: #f1f5f9;--text-dim: #94a3b8;--text-muted: #64748b;--border: rgba(148, 163, 184, .1);--success: #10b981;--error: #f43f5e;--warning: #f59e0b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;background:#050816d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-logo{font-size:1.3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-dim);font-weight:500;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{padding:8px 20px;border-radius:8px;background:var(--gradient);color:#fff!important;font-weight:600;font-size:.85rem;transition:box-shadow .2s}.nav-cta:hover{box-shadow:0 4px 20px #3b82f666}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(139,92,246,.08) 0%,transparent 40%)}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:24px;position:relative;z-index:1}.hero-badge-icon{width:16px;height:16px}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;max-width:800px;margin-bottom:20px;position:relative;z-index:1}.hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.2rem;color:var(--text-dim);max-width:600px;margin-bottom:40px;position:relative;z-index:1}.hero-cta{display:flex;gap:16px;position:relative;z-index:1}.btn-hero{padding:14px 32px;border-radius:10px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s}.btn-hero-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.btn-hero-secondary{background:#94a3b81a;color:var(--text);border:1px solid var(--border)}.btn-hero-secondary:hover{border-color:#3b82f64d;background:#3b82f614}.api-demo{position:relative;z-index:1;margin-top:64px;max-width:700px;width:100%;text-align:left}.api-demo pre{background:#0a0e1ae6;border:1px solid var(--border);border-radius:12px;padding:24px;overflow-x:auto;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;line-height:1.7;color:var(--text-dim)}.api-demo .k{color:#f472b6}.api-demo .s{color:#34d399}.api-demo .n{color:#fbbf24}.api-demo .c{color:var(--accent)}.features{padding:100px 24px;max-width:1200px;margin:0 auto}.features h2{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:16px}.features-sub{text-align:center;color:var(--text-dim);font-size:1.1rem;max-width:600px;margin:0 auto 64px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.feature-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,#7dd3fc00,#7dd3fc47,#7dd3fc00);opacity:.6}.feature-card:hover{border-color:#3b82f64d;box-shadow:0 0 30px #3b82f614;transform:translateY(-2px)}.feature-icon{margin-bottom:18px}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--text-dim);font-size:.9rem}.marketing-icon{--icon-color: #7dd3fc;--icon-glow: rgba(125, 211, 252, .18);position:relative;width:60px;height:60px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--icon-color);background:linear-gradient(180deg,#131d42f2,#0a1026eb);border:1px solid rgba(125,211,252,.16);box-shadow:inset 0 1px #ffffff0a,0 14px 28px #02081759;transition:transform .25s,border-color .25s,box-shadow .25s}.marketing-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 24%,var(--icon-glow),transparent 56%),linear-gradient(180deg,#ffffff08,#fff0)}.marketing-icon:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.marketing-icon svg{position:relative;z-index:1;width:30px;height:30px;filter:drop-shadow(0 6px 16px rgba(59,130,246,.16))}.marketing-icon-sm{width:52px;height:52px;border-radius:16px}.marketing-icon-sm:after{top:6px;right:6px;bottom:6px;left:6px}.marketing-icon-sm svg{width:26px;height:26px}.marketing-glyph{--icon-color: var(--accent);display:inline-flex;width:16px;height:16px;color:var(--icon-color)}.marketing-glyph svg{width:100%;height:100%}.feature-card:hover .marketing-icon,.principle-card:hover .marketing-icon{transform:translateY(-1px);border-color:#7dd3fc42;box-shadow:inset 0 1px #ffffff0d,0 18px 38px #02081770,0 0 24px var(--icon-glow)}.tone-ember{--icon-color: #fb7185;--icon-glow: rgba(251, 113, 133, .22)}.tone-cyan{--icon-color: #67e8f9;--icon-glow: rgba(103, 232, 249, .22)}.tone-indigo{--icon-color: #93c5fd;--icon-glow: rgba(96, 165, 250, .22)}.tone-emerald{--icon-color: #6ee7b7;--icon-glow: rgba(52, 211, 153, .2)}.tone-sky{--icon-color: #7dd3fc;--icon-glow: rgba(125, 211, 252, .22)}.tone-violet{--icon-color: #c4b5fd;--icon-glow: rgba(196, 181, 253, .22)}.tone-amber{--icon-color: #fbbf24;--icon-glow: rgba(251, 191, 36, .2)}.principles-grid{display:grid;gap:16px}.principle-card{padding:20px;background:var(--surface);border-radius:12px;border:1px solid var(--border);transition:border-color .25s,box-shadow .25s,transform .25s}.principle-card:hover{border-color:#3b82f642;box-shadow:0 0 24px #3b82f614;transform:translateY(-1px)}.principle-icon{margin-bottom:14px}.pricing-preview{padding:100px 24px;background:var(--bg-alt)}.pricing-preview h2{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:16px}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1100px;margin:48px auto 0}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;transition:border-color .3s,transform .3s}.pricing-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 40px #3b82f626;position:relative}.pricing-card.featured:before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;border-radius:20px;background:var(--gradient);color:#fff;font-size:.75rem;font-weight:700}.pricing-name{font-size:1.1rem;font-weight:700;margin-bottom:8px}.pricing-price{font-size:2.5rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-per{color:var(--text-muted);font-size:.85rem;margin-bottom:16px}.pricing-features{list-style:none;text-align:left;margin-bottom:24px}.pricing-features li{padding:6px 0;font-size:.9rem;color:var(--text-dim);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.blog-hero{padding:150px 24px 56px;max-width:1120px;margin:0 auto}.blog-hero-copy{max-width:760px}.blog-hero h1{font-size:clamp(2.8rem,6vw,4.25rem);line-height:1.02;font-weight:900;letter-spacing:-.04em;margin:18px 0}.blog-hero p{max-width:640px;color:var(--text-dim);font-size:1.05rem}.blog-section{padding:0 24px 72px;max-width:1120px;margin:0 auto}.blog-preview-section{padding-top:100px}.blog-section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.blog-section-header h2{font-size:2rem;font-weight:800;margin-bottom:6px}.blog-section-header p{max-width:500px;color:var(--text-dim)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:280px;padding:28px;border-radius:22px;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 34%),linear-gradient(180deg,#0c1229f0,#0a0e20f0);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffff08;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.blog-card:before{content:"";position:absolute;inset:auto -12% -42% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.1),transparent 68%);pointer-events:none}.blog-card:hover{transform:translateY(-3px);border-color:#60a5fa40;box-shadow:0 20px 48px #02081752}.blog-card-featured{min-height:340px;padding:34px}.blog-card-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:.8rem;letter-spacing:.02em}.blog-pill,.blog-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:#3b82f614;color:#bfdbfe}.blog-tag{padding:5px 9px;color:#cbd5e1;border-color:#94a3b829;background:#94a3b814;font-size:.78rem}.blog-card-body{display:grid;gap:12px}.blog-card h3{font-size:1.45rem;line-height:1.16;font-weight:750;letter-spacing:-.03em}.blog-card p{color:var(--text-dim);font-size:.96rem}.blog-card-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-card-link{margin-top:auto;color:#8fd3ff;font-weight:600}.blog-preview-cta{display:flex;justify-content:center;margin-top:28px}.blog-article-shell{padding:140px 24px 80px;max-width:860px;margin:0 auto}.blog-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem;margin-bottom:26px}.blog-breadcrumb a{color:var(--text-dim)}.blog-article-header{margin-bottom:36px}.blog-article-header h1{font-size:clamp(2.4rem,6vw,4.1rem);line-height:1.04;letter-spacing:-.045em;font-weight:900;margin:18px 0 16px}.blog-article-header p{color:var(--text-dim);font-size:1.08rem;max-width:760px}.blog-author-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(148,163,184,.12);color:var(--text-muted);font-size:.9rem}.markdown-content{color:#dbe7f6;font-size:1.03rem;line-height:1.82}.markdown-content>*+*{margin-top:18px}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text);line-height:1.16;letter-spacing:-.03em;margin-top:42px}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.2rem}.markdown-content p,.markdown-content li,.markdown-content blockquote{color:#c4d3e8}.markdown-content a{color:#8fd3ff;text-decoration:underline;text-decoration-color:#8fd3ff59;text-underline-offset:3px}.markdown-content strong{color:#f8fbff}.markdown-content code{padding:.15rem .4rem;border-radius:.45rem;background:#94a3b81f;border:1px solid rgba(148,163,184,.12);font-size:.92em}.markdown-content pre{overflow-x:auto;padding:20px;border-radius:16px;background:#070a18fa;border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffff08}.markdown-content pre code{padding:0;background:transparent;border:0;color:#d9e6f5}.markdown-content ul,.markdown-content ol{padding-left:1.2rem}.markdown-content li+li{margin-top:.55rem}.markdown-content blockquote{padding:14px 18px;border-left:3px solid rgba(96,165,250,.52);background:#3b82f614;border-radius:0 12px 12px 0}.markdown-content hr{border:0;border-top:1px solid rgba(148,163,184,.12);margin:30px 0}.blog-cta-panel{margin-top:54px;padding:28px;border-radius:24px;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 28%),linear-gradient(180deg,#0c1229f5,#0a0e20f5);border:1px solid rgba(96,165,250,.16);display:grid;gap:24px}.blog-cta-panel h2{font-size:1.55rem;line-height:1.15;margin:14px 0 10px}.blog-cta-panel p{color:var(--text-dim);max-width:620px}.blog-not-found{padding:36px;border-radius:24px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#0c1229f0,#0a0e20f0)}.footer{padding:48px 24px;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:2.2rem}.features-grid,.pricing-cards{grid-template-columns:1fr}.blog-section-header{align-items:start;flex-direction:column}.blog-grid{grid-template-columns:1fr}.blog-article-shell,.blog-hero{padding-left:20px;padding-right:20px}.blog-author-row{align-items:start;flex-direction:column}}