:root{--navy:#0b1f36;--navy2:#102c4a;--blue:#1768ac;--green:#1f9d68;--ink:#172331;--muted:#627184;--line:#dce4ec;--surface:#fff;--soft:#f4f7fa;--warning:#c47d11;--shadow:0 18px 50px #0b1f3617}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 40px);margin-inline:auto}.topbar{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;gap:28px;height:76px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:240px;display:flex}.brand-mark{background:var(--navy);color:#fff;letter-spacing:.04em;border-radius:8px;padding:9px 11px;font-weight:800}.brand-copy{flex-direction:column;line-height:1.2;display:flex}.brand-copy small{color:var(--muted)}.main-nav{gap:4px;margin-left:auto;display:flex}.main-nav a{color:#4b5d70;border-radius:7px;padding:8px 10px;font-size:.88rem}.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--navy)}.button{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;justify-content:center;align-items:center;padding:11px 17px;font-weight:700;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1768ac33}.button-outline{color:var(--navy);background:0 0;border-color:#b8c7d5}.button-small{padding:8px 12px;font-size:.82rem}.hero-shell{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fbfd 0%,#eef4f8 48%,#f7fafc 100%)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;min-height:570px;padding-block:80px;display:grid}.badge,.eyebrow{letter-spacing:.13em;color:var(--blue);font-size:.74rem;font-weight:800;display:inline-block}.badge{background:#e4eff8;border:1px solid #c7deef;border-radius:999px;padding:7px 11px}.hero h1,.page-header h1{letter-spacing:-.045em;color:var(--navy);margin:20px 0;font-size:clamp(2.4rem,5vw,4.35rem);line-height:1.06}.hero p,.page-header p{color:var(--muted);max-width:760px;font-size:1.13rem}.hero-actions,.card-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.architecture-preview{background:var(--navy);color:#fff;box-shadow:var(--shadow);text-align:center;border-radius:18px;flex-direction:column;gap:10px;padding:30px;display:flex}.architecture-preview>span{color:#79a9ce}.architecture-node{background:#ffffff17;border:1px solid #ffffff2b;border-radius:9px;padding:13px;font-weight:700}.architecture-node-primary{background:var(--blue)}.architecture-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.section{padding-block:82px}.section-tight{padding-top:20px}.section-muted{background:var(--soft);border-block:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading h2,.call-to-action h2{color:var(--navy);margin:4px 0;font-size:2rem}.text-link{color:var(--blue);font-weight:700}.product-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:25px;display:flex;box-shadow:0 8px 25px #0b1f360a}.product-card-header{justify-content:space-between;gap:15px;display:flex}.product-card h3{color:var(--navy);margin:4px 0;font-size:1.3rem}.product-card p{color:var(--muted);flex:1}.status-pill{border-radius:999px;height:max-content;padding:5px 9px;font-size:.72rem;font-weight:800}.status-stable{color:#11734c;background:#e5f5ee}.status-beta{color:#815100;background:#fff1d6}.status-development{color:#275f9a;background:#e6f0fa}.status-deprecated{color:#8f3740;background:#fae7e9}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list span{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:.72rem}.product-meta{border-top:1px solid var(--line);gap:35px;margin:22px 0 0;padding-top:16px;display:flex}.product-meta div{flex-direction:column;display:flex}.product-meta dt{color:var(--muted);text-transform:uppercase;font-size:.7rem}.product-meta dd{margin:0;font-weight:700}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:25px}.feature-number{color:var(--blue);font-weight:800}.feature-grid h3{color:var(--navy)}.feature-grid p{color:var(--muted)}.call-to-action{justify-content:space-between;align-items:center;gap:30px;display:flex}.page-header{padding-top:90px;padding-bottom:44px}.page-header h1{font-size:3rem}.page-header p{margin-bottom:0}.link-list{gap:12px;display:grid}.link-list>a{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex}.link-list div{flex-direction:column;display:flex}.link-list span{color:var(--muted)}.diagram{background:var(--soft);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:28px;display:flex;overflow:auto}.diagram-lane{border:1px solid var(--line);text-align:center;background:#fff;border-radius:9px;flex-direction:column;min-width:140px;padding:16px;display:flex}.diagram-lane span{color:var(--muted)}.diagram-lane.highlighted{background:var(--navy);color:#fff}.diagram-stack{gap:8px;display:grid}.diagram-arrow{color:var(--blue);font-size:1.4rem}.release-list{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.release-list article{border:1px solid var(--line);border-radius:12px;padding:22px}.release-list article>span{color:var(--blue);font-size:.72rem;font-weight:800}.release-list h3{margin:6px 0}.release-list strong{color:var(--navy);font-size:1.4rem;display:block}.release-list a{color:var(--blue);margin-top:18px;font-weight:700;display:block}.timeline{gap:16px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-left:3px solid var(--line);grid-template-columns:90px 1fr;gap:20px;padding:8px 0 20px 24px;display:grid}.timeline li>span{color:var(--blue);font-weight:800}.timeline li.done{border-color:var(--green)}.timeline h3{margin:0}.timeline p{color:var(--muted);margin:5px 0}.status-list{gap:10px;display:grid}.status-list article{border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;padding:17px;display:grid}.status-list div{flex-direction:column;display:flex}.status-list small,.muted{color:var(--muted)}.status-dot{background:#bbb;border-radius:50%;width:10px;height:10px}.status-dot.status-stable{background:var(--green)}.footer{background:var(--navy);color:#fff;grid-template-columns:1fr auto;gap:20px;padding:50px max(24px,50vw - 590px);display:grid}.footer p,.footer small{color:#aebed0}.footer small{border-top:1px solid #ffffff1f;grid-column:1/-1;padding-top:18px}.footer-links{gap:18px;display:flex}.prose h2{color:var(--navy);margin-top:50px}@media (width<=980px){.main-nav,.topbar .button{display:none}.hero,.product-grid,.feature-grid,.release-list{grid-template-columns:1fr}.call-to-action{flex-direction:column;align-items:flex-start}.diagram{flex-direction:column}.diagram-arrow{transform:rotate(90deg)}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media (width<=600px){.container{width:min(100% - 28px,1180px)}.topbar{padding:0 14px}.brand{min-width:0}.brand-copy small{display:none}.hero{min-height:auto;padding-block:55px}.architecture-row{grid-template-columns:1fr}.page-header{padding-top:60px}.status-list article{grid-template-columns:auto 1fr}.status-list b,.status-list a,.status-list .muted{grid-column:2}.footer-links{flex-direction:column}}.architecture-preview-split{min-width:520px}.architecture-branches{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.architecture-branch{background:#ffffff09;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:9px;padding:13px;display:flex}.architecture-branch small{letter-spacing:.12em;color:#9bc6e7;font-size:.67rem;font-weight:800}.architecture-node-service{background:#17765a}.architecture-row-two{grid-template-columns:repeat(2,1fr)}.platform-diagram{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:30px}.platform-diagram-entry{justify-content:center;align-items:center;gap:14px;display:flex}.platform-diagram-entry .diagram-lane{min-width:220px}.platform-diagram-split{color:var(--muted);text-align:center;align-items:center;gap:14px;margin:26px 0;font-size:.85rem;font-weight:700;display:flex}.platform-diagram-split:before,.platform-diagram-split:after{content:"";background:var(--line);flex:1;height:1px}.platform-diagram-paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.platform-path{border:1px solid var(--line);background:#fff;border-radius:13px;padding:24px}.platform-path h2{color:var(--navy);margin:6px 0 4px}.platform-path>p{color:var(--muted);margin:0 0 22px}.path-label{color:var(--blue);letter-spacing:.13em;font-size:.68rem;font-weight:800}.path-flow{flex-direction:column;align-items:center;display:flex}.path-flow>.diagram-lane{width:100%}.path-targets{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.path-targets .diagram-lane{min-width:0}.diagram-arrow.vertical{padding:6px 0;transform:none}.diagram-lane.service-highlight{color:#116549;background:#e7f5ef;border-color:#a8d9c6}.diagram-lane.service-highlight span{color:#3e7d68}.architecture-note{border-left:4px solid var(--blue);background:#eef5fb;border-radius:0 8px 8px 0;align-items:flex-start;gap:8px;margin:22px 0 0;padding:16px 18px;display:flex}.architecture-note span{color:var(--muted)}@media (width<=980px){.architecture-preview-split{min-width:0}.architecture-branches,.platform-diagram-paths{grid-template-columns:1fr}.platform-diagram-entry{flex-direction:column}.platform-diagram-entry .diagram-arrow{transform:rotate(90deg)}.platform-diagram-entry .diagram-lane{width:100%;min-width:0}}@media (width<=600px){.architecture-row-two,.path-targets{grid-template-columns:1fr}.architecture-note{flex-direction:column}}