:root{--navy:#22295e;--shield-blue:#2f499f;--brand-blue:#3384ff;--electric:#3a77ff;--light-blue:#7196f5;--royal:#2563eb;--green:#00bb5c;--green-hover:#008d60;--red:#ef4444;--amber:#f59e0b;--hero-dark:#0b1120;--slate-900:#0f172a;--hero-blue:#1e3a8a;--text:#273240;--text-muted:#64748b;--text-dim:#94a3b8;--border:#e2e8f0;--border-soft:#eef1f4;--bg:#fff;--bg-off:#f8fafc;--bg-gray:#f1f5f9;--panel:#fbfcfd;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--s-xs:4px;--s-sm:8px;--s-md:16px;--s-lg:24px;--s-xl:32px;--s-2xl:48px;--s-3xl:64px;--s-4xl:80px;--maxw:1600px;--sidebar-w:280px;--header-h:64px;--grad-hero:linear-gradient(180deg,#0b1120,#0f172a 50%,#1e3a8a);--grad-brand:linear-gradient(90deg,#1e3a8a,#2563eb 50%,#3b82f6);--grad-sidebar:linear-gradient(135deg,#0f172a,#1e3a8a);--shadow-card:0 1px 3px rgba(0,0,0,.1);--shadow-lift:0 8px 24px rgba(15,23,42,.1);--font-body:"sft_schrifted_sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-head:var(--font-body)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.logo-image{display:block;height:40px;width:auto}a{color:var(--royal);text-decoration:none}a:hover{color:var(--brand-blue)}h1,h2,h3,h4{color:var(--navy);font-family:var(--font-head);margin:0}.mono,code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.header{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.88);border-bottom:1px solid var(--border-soft);height:var(--header-h);justify-content:space-between;left:0;padding:0 var(--s-xl);position:fixed;right:0;top:0;z-index:50}.brand,.header{align-items:center;display:flex}.brand{color:var(--navy);gap:10px}.brand .logo{display:block;flex:none;height:34px;width:30px}.brand .name{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1}.brand .name sup{color:var(--light-blue);font-size:.5em;font-weight:700;margin-left:1px;vertical-align:super}.brand .name .docs{border-left:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:3px;margin-left:8px;padding-left:10px;text-transform:uppercase}.header-links{align-items:center;display:flex;gap:var(--s-lg)}.header-links a{color:var(--text-muted);font-size:14px;font-weight:500}.btn,.header-links a:hover{color:var(--navy)}.btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:12px 24px;transition:all .15s ease}.btn:hover{border-color:var(--royal);color:var(--royal)}.btn-primary{background:linear-gradient(90deg,#00bb5c,#008d60);color:#fff!important}.btn-primary:hover{background:var(--green-hover);color:#fff}.btn-secondary{background:var(--bg-gray);color:var(--navy)}.btn-secondary:hover{background:#e6ebf2;color:var(--navy)}.btn-outline{background:transparent;border-color:var(--border);color:var(--navy)}.btn-outline:hover{border-color:var(--royal);color:var(--royal)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;margin:0 auto;max-width:var(--maxw);padding-top:var(--header-h)}.sidebar{align-self:start;background:var(--grad-sidebar);border-right:1px solid hsla(0,0%,100%,.06);height:calc(100vh - var(--header-h));overflow-y:auto;padding:var(--s-xl) var(--s-md) var(--s-2xl);position:sticky;top:var(--header-h)}.sidebar .label{color:var(--light-blue);font-size:11px;font-weight:600;letter-spacing:3px;padding:0 12px var(--s-md);text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-link{border-left:2px solid transparent;border-radius:var(--r-sm);color:#cbd5e1;display:block;font-size:14px;font-weight:500;padding:10px 12px}.nav-link:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-link.active{background:rgba(58,119,255,.18);border-left-color:var(--electric);color:#fff;font-weight:600}.main{background:var(--bg);min-width:0;padding:var(--s-2xl) var(--s-4xl) var(--s-4xl)}.container{max-width:780px}.hero{background:var(--grad-hero);border-bottom:1px solid var(--hero-blue);margin:calc(var(--s-2xl)*-1) calc(var(--s-4xl)*-1) var(--s-md);overflow:hidden;padding:var(--s-4xl) var(--s-4xl) var(--s-3xl);position:relative}.hero:after{background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:48px 48px;content:"";inset:0;-webkit-mask-image:radial-gradient(700px 320px at 38% 0,#000,transparent 78%);mask-image:radial-gradient(700px 320px at 38% 0,#000,transparent 78%);opacity:.6;pointer-events:none;position:absolute}.hero>*{position:relative;z-index:1}.hero h1{color:#fff;font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:var(--s-md) 0 var(--s-lg);max-width:16ch}.hero h1 .accent{color:var(--light-blue)}.hero p{color:#cbd5e1;font-size:17px;line-height:1.6;margin:0 0 var(--s-xl);max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-md)}.eyebrow{color:var(--light-blue);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase}.crumbs{font-size:12px;font-weight:500;margin:0 0 var(--s-md)}.crumbs,.crumbs a{color:var(--text-dim)}.crumbs a:hover{color:var(--text-muted)}.main h1{font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:var(--s-sm) 0 var(--s-md)}.main h2{font-size:24px;font-weight:700;line-height:1.3;margin:var(--s-2xl) 0 var(--s-md)}.main h3{font-size:18px;font-weight:600;line-height:1.4;margin:var(--s-lg) 0 var(--s-sm)}.lede{color:var(--text-muted);font-size:18px;line-height:1.6;margin:0 0 var(--s-sm);max-width:64ch}.main ol,.main p,.main ul{color:var(--text);max-width:70ch}.main ol,.main ul{padding-left:22px}.main li{margin:var(--s-sm) 0}.main li::marker{color:var(--light-blue)}.main strong{color:var(--navy);font-weight:600}.section-intro{color:var(--text-muted);max-width:68ch}.card-grid{display:grid;gap:var(--s-md);grid-template-columns:repeat(2,1fr);margin:var(--s-lg) 0 var(--s-sm)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);color:var(--text);display:block;padding:var(--s-lg) var(--s-lg) var(--s-lg) 60px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{border-color:#cdd8e6;box-shadow:var(--shadow-lift);color:var(--text);transform:translateY(-2px)}.card .num{background:var(--grad-brand);border-radius:var(--r-sm);color:#fff;display:grid;font-size:13px;font-weight:700;height:28px;left:20px;place-items:center;position:absolute;top:22px;width:28px}.card h3{font-size:17px;font-weight:600;margin:0 0 6px}.card p{color:var(--text-muted);font-size:14px;margin:0}.pillars{display:grid;gap:var(--s-md);grid-template-columns:repeat(3,1fr);margin:var(--s-lg) 0}.pillar{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-lg)}.pillar h3{font-size:18px;font-weight:600;margin:var(--s-md) 0 var(--s-sm)}.pillar p{color:var(--text-muted);font-size:14px;margin:0}.tag{background:rgba(51,132,255,.1);border-radius:var(--r-pill);color:var(--royal);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 12px}.tag.tag-yellow{background:rgba(0,187,92,.12);color:var(--green-hover)}.tag.tag-purple{background:rgba(34,41,94,.08);color:var(--navy)}.callout{background:var(--bg-off);border:1px solid var(--border);border-left:3px solid var(--royal);border-radius:var(--r-md);margin:var(--s-lg) 0;padding:var(--s-md) var(--s-lg)}.callout.yellow{border-left-color:var(--green)}.callout.purple{border-left-color:var(--navy)}.callout p{color:var(--text);margin:0}.callout .callout-title{color:var(--navy);display:block;font-weight:700;margin-bottom:var(--s-xs)}.steps{display:flex;flex-direction:column;gap:0;margin:var(--s-lg) 0}.step{border-left:1px solid var(--border);margin-left:16px;padding:0 0 var(--s-lg) var(--s-2xl);position:relative}.step:last-child{border-left-color:transparent;padding-bottom:0}.step .step-num{background:var(--grad-brand);border-radius:var(--r-sm);color:#fff;display:grid;font-size:13px;font-weight:700;height:32px;left:-16px;place-items:center;position:absolute;top:-2px;width:32px}.step h3{font-size:17px;font-weight:600;margin:2px 0 6px}.step p{color:var(--text-muted);font-size:14.5px;margin:0}.flist{list-style:none;margin:var(--s-lg) 0;max-width:none;padding:0}.flist li{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);margin:0 0 10px;padding:var(--s-md) var(--s-lg)}.flist li strong{color:var(--navy);display:block;font-weight:600;margin-bottom:3px}.flist li span{color:var(--text-muted);font-size:14.5px}.tbl-wrap{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);margin:var(--s-lg) 0;overflow-x:auto}table{background:var(--bg);border-collapse:collapse;font-size:14.5px;width:100%}td,th{border-bottom:1px solid var(--border-soft);padding:12px 16px;text-align:left}th{background:var(--bg-off);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}tr:last-child td{border-bottom:none}td{color:var(--text)}td strong{color:var(--navy)}.badge{border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 12px}.badge.live{background:rgba(0,187,92,.12);color:var(--green-hover)}.badge.beta{background:rgba(245,158,11,.14);color:#b45309}.badge.soon{background:var(--bg-gray);color:var(--text-muted)}.faq{margin:var(--s-md) 0}.faq-item{border-bottom:1px solid var(--border);padding:var(--s-md) 0}.faq-item h3{font-size:16px;font-weight:600;margin:0 0 6px}.faq-item p{color:var(--text-muted);margin:0}.audience{list-style:none;padding:0}.audience li{border-bottom:1px solid var(--border-soft);padding:10px 0}.audience li strong{color:var(--navy)}.next{display:flex;flex-wrap:wrap;gap:var(--s-md);margin-top:var(--s-lg)}.next a{background:var(--bg-off);border:1px solid var(--border);border-radius:var(--r-md);flex:1 1 200px;padding:var(--s-md) var(--s-lg)}.next a:hover{background:#fff;border-color:var(--royal);box-shadow:var(--shadow-card)}.next a .k{color:var(--text-dim);display:block;font-size:11px;font-weight:600;letter-spacing:3px;margin-bottom:4px;text-transform:uppercase}.next a .v{color:var(--navy);font-weight:600}.footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:13px;margin-top:var(--s-3xl);padding:var(--s-lg) 0 0}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--navy)}.menu-toggle{display:none}@media (max-width:960px){.layout{grid-template-columns:1fr}.sidebar{bottom:0;left:0;max-width:320px;position:fixed;top:var(--header-h);transform:translateX(-100%);transition:transform .2s ease;width:84%;z-index:40}.sidebar.open{transform:translateX(0)}.main{padding:var(--s-xl) var(--s-lg) var(--s-4xl)}.hero{margin:calc(var(--s-xl)*-1) calc(var(--s-lg)*-1) var(--s-md);padding:var(--s-3xl) var(--s-lg) var(--s-2xl)}.hero h1{font-size:34px}.card-grid,.pillars{grid-template-columns:1fr}.menu-toggle{background:var(--bg-gray);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--navy);cursor:pointer;display:inline-grid;height:38px;place-items:center;width:38px}.header{padding:0 var(--s-md)}.header-links .hide-sm{display:none}.header-links .btn{padding:9px 16px;white-space:nowrap}.brand .name .docs{display:none}}@media (max-width:1024px){.header{padding:0 16px}.brand .name{font-size:16px}.header-links{gap:12px}.btn,.header-links a{font-size:13px}.btn{padding:10px 18px}}@media (max-width:768px){.header{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding:10px 16px}.brand{flex:1;min-width:0}.logo-image{height:32px}.brand .name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand .name .docs{display:none}.header-links{flex-wrap:wrap;gap:10px;justify-content:flex-end;width:100%}.header-links .btn{font-size:13px;padding:8px 14px}.header-links .btn,.menu-toggle{display:inline-flex}}@media (max-width:480px){.header{padding:10px 12px}.logo-image{height:28px}.brand .name{font-size:14px}.header-links .btn{font-size:12px;padding:7px 12px}.menu-toggle{height:34px;width:34px}}