/* Two service families: dark BREAKAWAY, light custom solutions. */
#platform{background:#102b38;color:#f5faff}
#platform .product-copy h2,#platform .capability-detail h3,#platform .platform-description h3,#platform .demo-card h3,#platform .technical-grid h3{color:#fff}
#platform .product-copy>p:not(.eyebrow),#platform .capability-detail p,#platform .platform-description>p,#platform .live-call-intro,#platform .call-journey p,#platform .demo-card .scenario-label,#platform .demo-card .scenario-note,#platform .small-disclosure p,#platform .technical-grid p{color:#c7dae4}
#platform .eyebrow,#platform .explorer-label,#platform .product-copy .availability{color:#a8d8ee}
#platform .product-switcher,#platform .capability-disclosure,#platform .configuration-disclosure,#platform .technical-disclosure{border-color:#426171}
#platform .capability-disclosure>summary,#platform .configuration-disclosure>summary,#platform .technical-disclosure>summary,#platform .small-disclosure>summary{color:#f5faff}
#platform .configuration-disclosure>summary small,#platform .technical-disclosure>summary small{color:#b5cdd9}
#platform .product-switcher button,#platform .platform-tabs button,#platform .product-capabilities button{background:#1b3e50;border-color:#547485;color:#d9edf7}
#platform .product-switcher button[aria-selected=true],#platform .platform-tabs button[aria-selected=true],#platform .product-capabilities button[aria-selected=true]{background:#b9e8fc;color:#102b38;border-color:#b9e8fc}
#platform .product-copy>.button,#platform .live-call-card .button{background:#1bb5f4;border-color:#1bb5f4;color:#082c3d}
#platform .capability-view-link,#platform .demo-team-link{color:#9bdefb;border-color:#577f92}
#platform .demo-card{background:#183746;border-color:#426171;color:#eef8fd}
#platform .demo-card .demo-field,#platform .demo-card .demo-consent{color:#d7e8f1}
#platform .demo-card .demo-field-help,#platform .demo-card .demo-preview-note{color:#b2cbd8}
#platform .demo-card input:not([type=checkbox]),#platform .demo-card textarea{background:#fff;border-color:#c4d7e1;color:#102b38}
#platform .demo-card input::placeholder,#platform .demo-card textarea::placeholder{color:#5c7380}
#platform .demo-card .demo-examples,#platform .demo-card .small-disclosure{border-color:#496b7c}
#platform .demo-examples summary{color:#bce2f4}
#platform .scenario-buttons button{background:#234b5e;border-color:#648698;color:#e4f3fb}
#platform .scenario-buttons button[aria-pressed=true]{background:#bae9fc;color:#102b38}
#platform .call-journey strong{color:#fff}
#platform .call-journey li{border-color:#456778}
#platform .call-journey li>span{background:#254c60;color:#8cd8fb}
#platform .technical-grid{background:#183746;border-color:#426171}
#platform #configure .configuration-note{color:#c7dae4}
#platform #configure .configurator{border-color:#486a7b;background:#183746}
#platform #configure .config-controls{background:#183746;color:#e5f2f9}
#platform #configure .config-summary{background:#0c222e}
#platform #configure .range-label{color:#e2f1f8}
#platform #configure .range-label output{color:#88d8fb}
#platform #configure .range-limits,#platform #configure .slider-help{color:#b5cdd9}
#platform #configure input[type=range]{accent-color:#19b5f4}
#platform #configure .hourly-cost-control,#platform #configure .fixed-benefits li{border-color:#496778}
#platform #configure .fixed-benefit-heading,#platform #configure .fixed-benefits li>span{color:#8bd8fb}
#platform #configure .fixed-benefits strong{color:#f1f9fe}
#platform #configure .fixed-benefits p{color:#bfd4df}
#platform #configure .volume-tiers button{background:#234657;color:#d9edf6;border-color:#608192}
#platform #configure .volume-tiers button.active{background:#bbe8fa;color:#102b38;border-color:#bbe8fa}
#platform .pricing-heading h3{color:#fff}
#platform .pricing-heading .eyebrow{color:#9bddf9}
#platform .pricing-heading>p,#platform .pricing-shared p,#platform .pricing-note,#platform .pricing-assumptions p,#platform .pricing-assumptions li{color:#bfd4df}
#platform .pricing-shared strong,#platform .pricing-assumptions summary,#platform .pricing-assumptions strong{color:#edf8fe}
#platform .pricing-assumptions{border-color:#426171}
#platform .pricing-assumptions[open]{background:#183746}
#platform .pricing-assumptions a{color:#9bddf9}
/* Keep the sample application and plan cards legible on their own surfaces. */
#platform .app-window{color:#102b38}
#platform :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #73d4ff;outline-offset:3px}

#custom-systems.custom-solutions,#our-approach{background:#f1f7fa;color:#102b38}
#custom-systems h2,#our-approach h2,#our-approach h3{color:#102b38}
#custom-systems .eyebrow,#our-approach .eyebrow{color:#006d98}
#custom-systems .custom-lead,#custom-systems .custom-choose,#custom-systems .custom-example-note{color:#496676}
#custom-systems .custom-area-tabs button{background:#fff;color:#385a6b;border-color:#bdd3df}
#custom-systems .custom-area-tabs button[aria-selected=true]{background:#102b38;color:#fff;border-color:#102b38}
#custom-systems #custom-example{background:#102b38;border-color:#284c5e;color:#f5faff}
#custom-systems #custom-example h3{color:#fff}
#custom-systems .workflow-context>p{color:#c7dae4}
#custom-systems #custom-example .button{background:#b9e8fc;border-color:#b9e8fc;color:#102b38}
#custom-systems #custom-example .button:hover{background:#ddf4ff}
#custom-systems .workflow-demo{background:#183746;border-color:#456576}
#custom-systems .workflow-demo-bar{border-color:#456576}
#custom-systems .workflow-demo-bar img{filter:brightness(0) invert(1)}
#custom-systems .workflow-demo-bar>span,#custom-systems .workflow-record dt{color:#aecbd9}
#custom-systems .workflow-record strong,#custom-systems .workflow-record dd{color:#f0f8fc}
#custom-systems .workflow-record dl>div{border-color:#365565}
#custom-systems .workflow-status{background:#294f62;color:#c5ecff}
#our-approach{padding-top:35px;border-top:0}
#our-approach .approach-commercial,#our-approach .process>div,#our-approach .approach-details{border-color:#c3d5df}
#our-approach .process p,#our-approach .pilot-explanation,#our-approach .approach-details p{color:#496676}
#our-approach .approach-details summary{color:#183f52}

#govcio-story,#govcio-story .story-visual,#govcio-story .story-copy{background:#102b38;color:#f5faff}
#govcio-story .story-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#govcio-story h2,#govcio-story .story-topics summary{color:#fff}
#govcio-story .story-copy>.eyebrow{color:#a8d8ee}
#govcio-story .story-copy>p:not(.eyebrow),#govcio-story .story-topics details p{color:#c7dae4}
#govcio-story .story-topics,#govcio-story .story-topics details{border-color:#496a7b}
#govcio-story .story-cta{color:#8cdbff;align-self:start}
#govcio-story :is(a,summary):focus-visible{outline:3px solid #73d4ff;outline-offset:4px}
#platform .section-logo{filter:grayscale(1) invert(1) brightness(3) contrast(2);mix-blend-mode:screen}
#platform .pricing-preview-note{color:#b5cdd9}
#platform .technical-grid{padding:22px;border:1px solid #426171;border-radius:5px}

/* One project, one heading, with supporting detail below. */
#govcio-story{display:block;padding:64px 8%}
#govcio-story .story-copy{max-width:1100px;margin:0 auto;padding:0}
#govcio-story .story-copy h2{max-width:800px;margin-bottom:20px}
#govcio-story .story-copy>p:not(.eyebrow){max-width:800px}
#govcio-story .story-topics{width:100%;margin-top:28px}
#govcio-story .story-topics details p{max-width:800px}
#govcio-story .story-cta{margin-top:28px}
/* The wordmark follows the scale of the sentence, including mobile. */
#contact .inline-breakaway{width:5.6em;height:1.05em;vertical-align:-.12em;margin:0 .12em}
#contact .inline-breakaway img{width:5.8em;left:-.08em;top:-.53em}
@media(max-width:580px){#govcio-story{padding:40px 6%}}

/* Use only the supplied GovCIO lettering in the shared story heading. */
#govcio-story .story-brandline{display:flex;align-items:center;gap:26px;margin-bottom:26px}
#govcio-story .story-brandline .eyebrow{color:#a8d8ee;margin:0}
#govcio-story .story-brandline .eyebrow:before{display:none}
#govcio-story .story-wordmark{display:block;position:relative;width:190px;height:51px;overflow:hidden;flex-shrink:0}
#govcio-story .story-wordmark img{position:absolute;left:-45px;top:0;width:235px;height:auto;max-width:none}
@media(max-width:580px){#govcio-story .story-brandline{gap:18px;flex-wrap:wrap}}
