:root{--page-bg:#02070d;--page-panel:rgba(7,18,30,.88);--page-text:#eaf7ff;--page-muted:#8fa9ba;--page-cyan:#54d7ff;--page-line:rgba(84,215,255,.2)}
*{box-sizing:border-box} body.pos-platform-page{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 12% 4%,rgba(53,206,239,.11),transparent 28%),radial-gradient(circle at 88% 10%,rgba(102,82,230,.12),transparent 30%),var(--page-bg);color:var(--page-text)}
body.pos-platform-page.light{--page-bg:#e7f2f7;--page-panel:rgba(250,253,255,.9);--page-text:#071827;--page-muted:#426679;--page-cyan:#167da9;--page-line:rgba(22,103,142,.25)}
.pos-platform-main{width:min(1180px,calc(100% - 36px));margin:auto;padding:70px 0 64px}.pos-platform-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center;margin-bottom:34px}
.pos-platform-kicker{margin:0 0 12px;color:var(--page-cyan);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pos-platform-hero h1{margin:0 0 16px;font-size:clamp(38px,6vw,72px);line-height:.96;letter-spacing:-.04em}.pos-platform-hero p{max-width:720px;margin:0;color:var(--page-muted);font-size:17px;line-height:1.65}
.pos-platform-orb{min-height:250px;display:grid;place-items:center;border:1px solid var(--page-line);border-radius:30px;background:var(--page-panel)}.pos-platform-orb i{font-size:94px;color:var(--page-cyan);filter:drop-shadow(0 0 25px rgba(84,215,255,.3))}
.pos-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pos-platform-card{padding:22px;border:1px solid var(--page-line);border-radius:20px;background:var(--page-panel)}.pos-platform-card>i{font-size:23px;color:var(--page-cyan)}.pos-platform-card h2{margin:15px 0 9px;font-size:20px}.pos-platform-card p{margin:0;color:var(--page-muted);line-height:1.6}.pos-platform-card a{color:var(--page-cyan)}
.pos-platform-code{grid-column:1/-1;padding:0;overflow:hidden}.pos-platform-code header{padding:9px 14px;border-bottom:1px solid var(--page-line);color:var(--page-muted);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.12em}.pos-platform-code pre{margin:0;padding:16px;overflow:auto;color:var(--page-text);font:13px/1.55 "JetBrains Mono","Fira Code",ui-monospace,monospace;white-space:pre}
.pos-platform-page .pos-shell-footer{position:relative;left:auto;right:auto;bottom:auto;min-height:42px;padding:9px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--page-line);background:rgba(2,7,13,.92);color:var(--page-muted);font-size:11px}.pos-platform-page.light .pos-shell-footer{background:rgba(229,241,247,.96)}
@media(max-width:900px){.pos-platform-hero{grid-template-columns:1fr}.pos-platform-orb{min-height:180px}.pos-platform-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.pos-platform-main{padding-top:38px}.pos-platform-grid{grid-template-columns:1fr}.pos-platform-page .pos-shell-footer{justify-content:center}.pos-platform-page .pos-shell-footer-links{display:none}}
/* Full editorial pages and larger public lockup. */
.pos-platform-page .pos-shared-topbar-brand .word,.pos-login-page .pos-shared-topbar-brand .word{width:260px;height:42px;flex:0 0 260px}
.pos-platform-main{min-height:calc(100vh - 116px)}
.pos-platform-section{margin-top:34px;padding:28px;border:1px solid var(--page-line);border-radius:24px;background:var(--page-panel)}
.pos-platform-section-head{max-width:760px;margin-bottom:22px}.pos-platform-section-head span{color:var(--page-cyan);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.pos-platform-section-head h2{margin:8px 0 10px;font-size:clamp(25px,4vw,38px)}.pos-platform-section-head p{margin:0;color:var(--page-muted);line-height:1.65}
.pos-platform-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pos-platform-step{padding:18px;border:1px solid var(--page-line);border-radius:16px;background:rgba(84,215,255,.035)}.pos-platform-step b{display:block;margin-bottom:8px;color:var(--page-cyan);font-size:12px}.pos-platform-step strong{display:block;margin-bottom:7px}.pos-platform-step p{margin:0;color:var(--page-muted);font-size:14px;line-height:1.5}
.pos-platform-wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pos-platform-list{margin:0;padding-left:20px;color:var(--page-muted);line-height:1.8}.pos-platform-cta{display:flex;align-items:center;justify-content:space-between;gap:18px}.pos-platform-cta a{padding:11px 16px;border:1px solid var(--page-line);border-radius:999px;color:var(--page-cyan);text-decoration:none;background:rgba(84,215,255,.06)}
@media(max-width:900px){.pos-platform-steps{grid-template-columns:1fr 1fr}} @media(max-width:650px){.pos-platform-steps,.pos-platform-wide-grid{grid-template-columns:1fr}.pos-platform-cta{align-items:flex-start;flex-direction:column}.pos-platform-page .pos-shared-topbar-brand .word,.pos-login-page .pos-shared-topbar-brand .word{display:none}}
/* Match the Home footer exactly on public platform pages in light mode.
   This file loads last and is cache-busted, so the dark base footer cannot win. */
body.pos-platform-page.light .site-footer,
body.pos-platform-page.public-light .site-footer{
  background:linear-gradient(90deg,rgba(235,247,253,.96),rgba(246,250,255,.94)) !important;
  border-top-color:rgba(0,101,140,.16) !important;
  color:#49697c !important
}
body.pos-platform-page.light .site-footer .footer-col h3,
body.pos-platform-page.public-light .site-footer .footer-col h3{color:#5e48c8 !important}
body.pos-platform-page.light .site-footer .footer-brand p,
body.pos-platform-page.light .site-footer .footer-col a,
body.pos-platform-page.light .site-footer .footer-col p,
body.pos-platform-page.light .site-footer .footer-bottom,
body.pos-platform-page.public-light .site-footer .footer-brand p,
body.pos-platform-page.public-light .site-footer .footer-col a,
body.pos-platform-page.public-light .site-footer .footer-col p,
body.pos-platform-page.public-light .site-footer .footer-bottom{color:#365f78 !important}
body.pos-platform-page.light .site-footer .footer-bottom,
body.pos-platform-page.public-light .site-footer .footer-bottom{border-top-color:rgba(0,101,140,.13) !important}
