:root{
  --ps-ink:#101a2a;
  --ps-muted:#526070;
  --ps-line:#dfe5ed;
  --ps-cool:#f6f9fc;
  --ps-blue:#0b3677;
}
html{background:#fff}
body{background:#fff;color:var(--ps-ink)}
.site-header{
  top:0;
  width:100%;
  max-width:none;
  padding:16px clamp(20px,4vw,68px);
  border:0;
  border-bottom:1px solid rgba(16,26,42,.10);
  border-radius:0;
  background:rgba(255,255,255,.96);
  color:var(--ps-ink);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 10px 34px rgba(16,26,42,.08)}
.brand{min-width:0;max-width:clamp(230px,24vw,355px);padding:0;border:0;background:transparent}
.ps-final-nav-logo{
  display:block;
  width:100%;
  max-width:355px;
  height:auto;
  max-height:none!important;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:normal;
}
.site-nav a{color:#243246}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--ps-blue)}
.site-nav .nav-cta{border-color:#183b70;background:#183b70;color:#fff}
.menu-button{color:#17253a}
.hero{
  min-height:auto;
  padding:clamp(136px,13vw,190px) 0 clamp(76px,9vw,126px);
  background:linear-gradient(180deg,#fff 0%,#f8fbfe 62%,#eef4f9 100%);
  color:var(--ps-ink);
}
.hero-media{opacity:.14;inset:0 0 0 47%;filter:saturate(.62) contrast(.92)}
.hero-media span{background-position:center}
.hero-shade{
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 44%,rgba(247,250,253,.72) 72%,rgba(238,244,249,.82) 100%);
}
.hero::before{opacity:.32;background:linear-gradient(90deg,rgba(18,54,105,.05) 1px,transparent 1px),linear-gradient(rgba(18,54,105,.04) 1px,transparent 1px);background-size:96px 96px}
.hero-grid{position:relative;z-index:2;align-items:start}
.hero-copy{padding-top:clamp(12px,3vw,42px)}
.hero-copy .eyebrow{color:#28549a}
.hero h1{color:#111b2a;text-shadow:none}
.hero h1 em{color:#244b84}
.hero-lede{color:#3d4b5c}
.hero-scope{color:#657180}
.button-secondary{border-color:#aeb9c7;background:rgba(255,255,255,.8);color:#18263a}
.proof-points{border-top-color:#d7dee7;color:#49576a}
.control-plane{
  border-color:#cbd6e2;
  background:rgba(255,255,255,.86);
  color:#172438;
  box-shadow:0 24px 70px rgba(29,58,91,.12);
  backdrop-filter:blur(18px);
}
.plane-head{border-bottom-color:#ccd6e1}
.plane-head p,.plane-core small,.plane-node small{color:#315fa4}
.plane-head h2,.plane-node b,.plane-core strong{color:#142237}
.plane-head>span,.plane-core>span,.plane-node span{color:#647184}
.plane-topology{background:radial-gradient(circle at center,rgba(61,105,169,.12),transparent 58%)}
.plane-axis{opacity:.28}
.plane-orbit{border-color:rgba(52,91,148,.26)}
.plane-core{border-color:#9fb3cf;background:rgba(255,255,255,.92);box-shadow:0 12px 40px rgba(34,73,128,.12)}
.plane-node{border-color:#cbd5df;background:rgba(255,255,255,.76)}
.plane-readout{border-top-color:#ccd6e1;background:rgba(245,248,251,.8)}
.plane-readout small{color:#738094}.plane-readout b{color:#19283d}
.operating-strip{border-color:#d4dce6;background:rgba(255,255,255,.78);color:#2d3d52;box-shadow:0 18px 45px rgba(31,59,90,.08)}
.operating-strip p{color:#687486}.operating-strip b{color:#1b2b40}
.state-rail{background:#163d72}
.field{background:#fff}
.work-motion{background:linear-gradient(135deg,#f4f8fc,#fff 58%,#eef4f9);color:var(--ps-ink)}
.work-motion::after{opacity:.16}
.work-motion-copy .eyebrow{color:#2a5a9c}
.work-motion-copy h2{color:#142238}
.work-motion-copy>p:not(.eyebrow){color:#4d5c6d}
.work-motion-link{color:#173f78;border-color:#b8c6d7}
.problem,.outputs,.method,.fit{background:#fff}
.section-dark{background:#111923}
.capabilities.section-dark{background:linear-gradient(135deg,#111923,#182638)}
.faq.section-dark{background:#142235}
.capability-card{background:#182433}
.access{background:linear-gradient(135deg,#152338,#1d304a)}
.final-cta{background:linear-gradient(90deg,rgba(13,23,38,.92),rgba(18,34,54,.74) 58%,rgba(18,34,54,.38)),url("../images/pointstate-business-systems-rose-silver.webp") center/cover no-repeat}
footer{background:#101923}
@media(max-width:900px){
  .site-header{padding:13px 18px}
  .brand{max-width:min(61vw,290px)}
  .site-nav{top:72px;border-color:#d7dee8;background:rgba(255,255,255,.98);box-shadow:0 20px 50px rgba(16,26,42,.14)}
  .site-nav a{color:#243246}
  .hero{padding-top:120px}
  .hero-media{inset:36% 0 0 0;opacity:.09}
  .hero-shade{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 58%,rgba(240,246,251,.9) 100%)}
}
@media(max-width:560px){
  .site-header{padding:12px 14px}
  .brand{max-width:min(68vw,250px)}
  .hero{padding-top:106px}
  .hero h1{font-size:clamp(38px,12vw,58px)}
  .control-plane{border-radius:16px}
}