.open-platform-site { --platform-muted:#5f7087; }
.open-platform-site .portal-shell { padding-bottom:24px; }
.open-platform-site main { margin-top:24px; }
.platform-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:72px; align-items:center; padding:70px 42px 74px; }
.platform-hero h1 { margin:18px 0 22px; font-size:clamp(34px,3.6vw,54px); line-height:1.3; letter-spacing:-.025em; }
.platform-lead { color:var(--platform-muted); max-width:630px; font-size:17px; line-height:1.9; margin:0 0 28px; }
.platform-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.platform-subnote { color:var(--platform-muted); font-size:12px; line-height:1.8; margin:20px 0 0; }
.platform-flow { background:#f4f7fb; border:1px solid #dce5f0; border-radius:14px; padding:28px; }
.flow-eyebrow { color:#5d7392; font-size:12px; }
.platform-flow ol { display:grid; gap:0; padding:0; margin:20px 0; list-style:none; }
.platform-flow li { display:flex; align-items:center; gap:18px; padding:20px 0; border-bottom:1px solid #dee7f2; }
.platform-flow li>span { display:grid; place-items:center; width:38px; height:38px; background:#fff; color:#125bde; border:1px solid #d9e2ef; border-radius:8px; font-size:12px; flex:none; }
.platform-flow li div { display:grid; gap:8px; } .platform-flow strong { font-size:15px; } .platform-flow small { color:var(--platform-muted); font-size:12px; line-height:1.6; } .platform-flow>a { font-size:12px; }
.platform-section { padding:48px 42px; border-top:1px solid #e2e8f0; }
.platform-section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.platform-section h2,.platform-bottom h2 { font-size:29px; line-height:1.4; margin:12px 0; }
.platform-section-heading p:not(.section-kicker) { color:var(--platform-muted); font-size:14px; line-height:1.8; max-width:700px; margin:0; }
.platform-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.platform-capabilities article { display:grid; align-content:start; gap:14px; padding:25px; border:1px solid #dce4ee; border-radius:10px; background:#fff; min-width:0; }
.capability-icon { width:38px; height:38px; background:#edf4ff; color:#125bde; border-radius:8px; display:grid; place-items:center; font-size:20px; }
.platform-capabilities h3 { font-size:19px; margin:2px 0 0; } .platform-capabilities p { font-size:13px; color:var(--platform-muted); line-height:1.9; margin:0; min-height:74px; }
.platform-capabilities a { font-size:12px; }.platform-status { width:fit-content; font-size:11px; padding:5px 8px; color:#58718e; background:#f0f4f8; border-radius:5px; } .platform-status.is-ready { color:#286950; background:#edf8f2; }
.platform-connect { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
.platform-steps { padding-left:19px; margin:24px 0; } .platform-steps li { padding:0 0 15px 7px; } .platform-steps strong { font-size:14px; } .platform-steps p { color:var(--platform-muted); font-size:13px; line-height:1.8; }
.platform-code { min-width:0; align-self:start; padding:22px; background:#f4f7fb; border:1px solid #dce4ee; border-radius:10px; }
.platform-code>div { display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; align-items:center; }.platform-code strong { font-size:13px; }.platform-code button { padding:7px 12px; background:#fff; border:1px solid #d9e2ed; border-radius:6px; color:#125bde; cursor:pointer; }
.platform-code code,.platform-code pre { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.8; }.platform-code>code { display:block; margin:17px 0; }.platform-code pre { background:#fff; padding:18px; border-radius:7px; margin:0; }.platform-code p { color:var(--platform-muted); font-size:11px; line-height:1.8; }.platform-code a { font-size:12px; }
.platform-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }.platform-principles h3 { font-size:16px; }.platform-principles p { color:var(--platform-muted); font-size:13px; line-height:1.9; }
.platform-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px 42px; background:#f4f7fb; border:1px solid #dce5ef; border-radius:12px; margin:20px 42px; }.platform-bottom p { color:var(--platform-muted); font-size:14px; }
.platform-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin:44px 0 16px; font-size:12px; }
@media(max-width:1050px) { .platform-hero { gap:35px; padding:48px 25px; }.platform-section { padding:38px 25px; }.platform-connect { gap:26px; }.platform-bottom { margin:20px 25px; padding:28px; } }
@media(max-width:700px) { .open-platform-site .portal-shell { width:calc(100vw - 24px); }.open-platform-site .topbar { gap:12px; flex-wrap:wrap; }.open-platform-site .nav-links { flex-wrap:wrap; font-size:12px; gap:13px; }.open-platform-site .nav-actions { margin-left:auto; }.platform-hero { grid-template-columns:1fr; padding:36px 10px; gap:30px; }.platform-hero h1 { font-size:35px; }.platform-lead { font-size:15px; }.platform-flow { padding:22px; }.platform-section { padding:32px 10px; }.platform-capabilities,.platform-connect,.platform-principles { grid-template-columns:1fr; }.platform-section h2,.platform-bottom h2 { font-size:25px; }.platform-capabilities p { min-height:0; }.platform-bottom { margin:15px 0; padding:24px; flex-wrap:wrap; }.platform-footer { gap:18px; }.platform-code { padding:18px; } }