:root{--bg-0: #0a0e1a;--bg-1: #0f1525;--bg-2: #151c30;--bg-3: #1e293b;--border: rgba(91, 108, 255, .15);--border-strong: rgba(91, 108, 255, .32);--text-1: #e6ecff;--text-2: #a8b3d6;--text-3: #6b7699;--text-muted: #4a5578;--brand: #5B6CFF;--brand-deep: #3A4ACC;--brand-glow: rgba(91, 108, 255, .35);--accent: #059669;--accent-glow: rgba(5, 150, 105, .25);--amber: #f59e0b;--code-bg: #0b1020;--code-border: rgba(91, 108, 255, .18);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--container: 1180px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img,svg{display:block;max-width:100%}button,input{font:inherit}a{color:inherit;text-decoration:none}html{background:var(--bg-0);color-scheme:dark;scroll-behavior:smooth}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 20% -10%,rgba(91,108,255,.14),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(5,150,105,.1),transparent 60%),var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.55;min-height:100vh}::selection{background:var(--brand);color:#fff}h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0}h1{font-size:clamp(3.4rem,9vw,6.8rem);font-weight:700;letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3vw,2.25rem)}h3{font-size:1.125rem}p{margin:0;color:var(--text-2)}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}section{padding:clamp(64px,8vw,112px) 0}section.tight{padding:clamp(48px,6vw,80px) 0}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#34d399;padding:4px 10px;border:1px solid rgba(16,185,129,.4);border-radius:999px;background:#10b98114}.section-header{max-width:720px;margin-bottom:48px}.section-header h2{margin-top:16px}.section-header p{margin-top:12px;color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-weight:500;font-size:.95rem;border:1px solid transparent;transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .2s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;box-shadow:0 8px 24px -8px var(--brand-glow)}.btn-primary:hover{box-shadow:0 12px 28px -8px var(--brand-glow)}.btn-secondary{background:#ffffff0a;border-color:var(--border-strong);color:var(--text-1)}.btn-secondary:hover{background:#ffffff12;border-color:var(--brand)}.btn-ghost{color:var(--text-2);padding:8px 12px}.btn-ghost:hover{color:var(--text-1)}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e1ab8;border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand-mark{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark img{height:28px;width:auto}.brand-mark .wordmark{font-size:1.05rem}.topbar-nav{display:flex;align-items:center;gap:4px}.hero{position:relative;padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(80px,10vw,140px);overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,108,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,108,255,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 75%)}.hero-inner{position:relative;max-width:880px}.hero-eyebrow{font-size:.95rem;padding:6px 14px;letter-spacing:.18em}.hero h1{margin-top:28px;background:linear-gradient(180deg,#fff,#c5cde8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .subtitle{margin-top:22px;font-family:var(--font-mono);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#34d399;max-width:760px;line-height:1.3}.hero .tagline{margin-top:14px;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:500;letter-spacing:-.015em;color:var(--text-1);max-width:760px;line-height:1.25}.hero .lede{margin-top:18px;font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-2);max-width:720px}.hero-cta{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.hero-meta{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--text-3);font-family:var(--font-mono);font-size:.82rem}.hero-meta .dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.container.narrow{max-width:960px}.ps-header{text-align:center;max-width:720px;margin:0 auto 56px}.ps-header p{margin-top:14px;color:var(--text-2);font-size:1.05rem}.ps-pair{display:grid;grid-template-columns:1fr 40px 1fr;gap:20px;align-items:stretch;margin-bottom:36px;padding-bottom:36px;border-bottom:1px dashed var(--border)}.ps-pair:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ps-side{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1),var(--bg-2));display:flex;flex-direction:column;gap:14px}.ps-side.problem{border-color:#f59e0b38}.ps-side.solution{border-color:#10b98147}.ps-side h3{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--text-1)}.ps-side p{margin:0;font-size:.94rem;color:var(--text-2);line-height:1.55}.ps-tag{align-self:flex-start;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:var(--amber);background:#f59e0b1a;border:1px solid rgba(245,158,11,.32)}.ps-tag.solution{color:var(--accent);background:#10b9811a;border-color:#10b98152}.ps-arrow{display:flex;align-items:center;justify-content:center}.ps-arrow svg{width:32px;height:32px;opacity:.85}.mini-diagram{padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:#0a0e1a8c}.mini-diagram svg{width:100%;height:auto;display:block}.problem-diagram{border-color:#f59e0b38}.solution-diagram{border-color:#10b98140}@media(prefers-reduced-motion:reduce){.mini-diagram svg animate,.mini-diagram svg animateMotion,.mini-diagram svg animateTransform{display:none}}@media(max-width:880px){.ps-pair{grid-template-columns:1fr;gap:12px}.ps-arrow{transform:rotate(90deg);padding:4px 0}}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar{padding:28px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1),var(--bg-2));position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.pillar:hover{border-color:var(--border-strong);transform:translateY(-2px)}.pillar .icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#5b6cff1a;border:1px solid var(--border-strong);color:var(--brand);margin-bottom:18px}.pillar h3{color:var(--text-1)}.pillar p{margin-top:10px}@media(max-width:880px){.pillars{grid-template-columns:1fr}}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-row+.feature-row{margin-top:clamp(48px,6vw,80px)}.feature-row .copy h2{margin-top:14px}.feature-row .copy p{margin-top:16px;font-size:1.05rem}.feature-row .copy ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.feature-row .copy li{padding-left:22px;position:relative;color:var(--text-2)}.feature-row .copy li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--brand);box-shadow:0 0 8px var(--brand-glow)}@media(max-width:880px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;direction:ltr}}.code{border-radius:var(--radius-lg);border:1px solid var(--code-border);background:var(--code-bg);overflow:hidden;box-shadow:0 12px 40px -16px #000000b3}.code-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--code-border);background:#ffffff05;font-family:var(--font-mono);font-size:.78rem;color:var(--text-3)}.code-head .dots{display:flex;gap:6px}.code-head .dots span{width:10px;height:10px;border-radius:999px;background:#2a3550}.code pre{margin:0;padding:18px 18px 20px;font-size:.85rem;line-height:1.6;overflow-x:auto;color:#d6def0}.code .k{color:#8ab4ff}.code .s{color:#7ee2b8}.code .c{color:#6b7699;font-style:italic}.code .n{color:#f5b56a}.code .p{color:#a8b3d6}.code-stack{display:flex;flex-direction:column;gap:0}.code-head .badge{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#5b6cff1f;border:1px solid var(--border-strong);color:var(--brand)}.code-head .badge-env{background:#0596691f;border-color:#05966966;color:var(--accent)}.code-connector{display:flex;align-items:center;gap:14px;padding:14px 4px}.code-connector .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.code-connector .label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1),var(--bg-2))}.mode .label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.mode h3{margin-top:8px}.mode p{margin-top:10px;font-size:.95rem}.mode .cmd{margin-top:18px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--code-border);background:var(--code-bg);font-family:var(--font-mono);font-size:.82rem;color:#d6def0;overflow-x:auto}.mode .cmd .prompt{color:var(--brand);margin-right:8px}@media(max-width:880px){.modes{grid-template-columns:1fr}}.audience{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.audience-item{padding:22px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff05;display:flex;gap:14px}.audience-item .tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--brand);text-transform:uppercase;flex-shrink:0;width:90px;padding-top:4px}.audience-item p{color:var(--text-1)}@media(max-width:720px){.audience{grid-template-columns:1fr}.audience-item{flex-direction:column;gap:6px}.audience-item .tag{width:auto}}.final-cta{text-align:center;padding:clamp(56px,8vw,96px) 32px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:radial-gradient(600px 200px at 50% 0%,rgba(91,108,255,.18),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}.final-cta h2{background:linear-gradient(180deg,#fff,#c5cde8);-webkit-background-clip:text;background-clip:text;color:transparent}.final-cta p{margin-top:14px;color:var(--text-2);max-width:540px;margin-inline:auto}.final-cta .actions{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.final-cta .license-note{margin-top:24px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:40px 0 56px;margin-top:80px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:.85rem;color:var(--text-3)}.footer a:hover{color:var(--text-1)}.footer-links{display:flex;gap:20px}.arch{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-1),var(--bg-2));padding:clamp(16px,3vw,32px);overflow:hidden}.arch svg{width:100%;height:auto;max-height:580px;display:block}.arch-legend{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:16px;padding-top:18px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.78rem;color:var(--text-3)}.arch-legend span{display:inline-flex;align-items:center;gap:8px}.arch-legend i{display:inline-block;width:10px;height:10px;border-radius:999px;box-shadow:0 0 8px currentColor}@media(prefers-reduced-motion:reduce){.arch svg animate,.arch svg animateMotion{display:none}.arch svg circle[r]{opacity:0}}.icon svg{width:20px;height:20px}@media(max-width:560px){.topbar-nav .btn-ghost{display:none}}