/* Portal palette sampled from the supplied demonstration screenshots. */
.connect-page{background:#07171b;color:#e2f2ee;--aqua:#a5e5d9}
.connect-page-hero{background:radial-gradient(ellipse at 12% 0%,#0d3032 0,transparent 64%),#07171b}
.connect-page .connect-content{background:#07171b;border-color:#a3c8c31f}
.connect-page .connect-service,.connect-page .cp-story{background:#0a1e23}
.connect-page .cp-nav{background:#081a1f;border-color:#a3c8c31f}
.connect-page .cp-feature{background:#112328;border-color:#2c464c;padding:26px;display:flex;flex-direction:column}
.connect-page .cp-feature .cp-index{align-self:flex-end;margin-top:-30px}
.connect-page .cp-feature h3{margin-top:28px}
.connect-page .cp-feature ul{margin-bottom:24px}
.connect-page .cp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cp-shot{display:block;margin-top:auto;border:1px solid #36575d;border-radius:5px;overflow:hidden;color:#afe8dc;text-decoration:none;background:#07171b}
.cp-shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#07171b}
.cp-shot>span{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font:12px/1.5 Arial;border-top:1px solid #36575d}
.cp-shot:hover{border-color:#a5e5d9}.cp-shot:focus-visible{outline:2px solid #a5e5d9;outline-offset:4px}
.connect-page #connect-request,.connect-page .cp-journey>div{background:#112328;border-color:#2c464c}
.connect-page #connect-request input,.connect-page #connect-request select,.connect-page #connect-request textarea{background:#0b1e24;border-color:#2c464c}
.connect-page .connect-screen,.connect-slide .connect-screen{background:#07171b;border-color:#527d7e;box-shadow:0 22px 55px #0005}
.connect-page .connect-screen>img,.connect-slide .connect-screen>img{aspect-ratio:1600/1223;height:auto;object-fit:contain}
.hero-track>.hero.connect-slide:not(.hero-film){background-color:#07171b;background-image:linear-gradient(90deg,#07171beb,#07171bc9),url('/assets/connect/ribbons-background.webp');background-size:cover;background-position:center}
.connect-slide .connect-callouts a{background:#112328f5;border-color:#527d7e}.connect-slide .connect-callouts a:hover{background:#18343a}
.next-header.connect-menu-tone::before{background:linear-gradient(100deg,#0c262c,#07171b)}
.next-header.connect-menu-tone .mega-panel{background:linear-gradient(120deg,#0b2026,#112328)}
.hero-slider.connect-active .slider-controls{background:#081a1f;border-color:#a3c8c32b}
.cp-screen-dialog{box-sizing:border-box;width:min(1200px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;padding:20px;background:#07171b;color:#e2f2ee;border:1px solid #527d7e;border-radius:8px}
.cp-screen-dialog::backdrop{background:#020a0ddc}
.cp-screen-bar{position:sticky;top:-20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#07171b;padding:14px 0;z-index:1}
.cp-screen-bar h2{font:24px/1.3 OYTI,Arial;margin:0}
.cp-screen-bar button{background:#19343a;color:#c4f2e7;border:1px solid #527d7e;padding:10px 16px;font:14px Arial;cursor:pointer;border-radius:3px}
.cp-screen-dialog>p{font:12px/1.6 Arial;color:#a5c3c1;margin:0 0 14px}
.cp-screen-dialog>img{display:block;width:100%;height:auto}
@media(max-width:700px){.connect-page .cp-feature-grid{grid-template-columns:1fr}.connect-page .cp-feature{padding:22px}.next-header.connect-menu-tone nav.open{background:#081a1f}.next-header.connect-menu-tone .mega-panel{background:transparent}.cp-screen-dialog{padding:14px}.cp-screen-bar{top:-14px}.cp-screen-bar h2{font-size:20px}.hero-track>.hero.connect-slide:not(.hero-film){background-image:linear-gradient(90deg,#07171beb,#07171bd4),url('/assets/connect/ribbons-background.webp')}}
/* Give the portal image and its callouts breathing room inside the slider. */
.connect-slide .connect-screen{width:86%;max-width:620px;margin-inline:auto}
.connect-slide .connect-visual{padding-top:18px;padding-bottom:46px}
.connect-slide .connect-callouts{margin:14px 0 0;justify-content:center;flex-wrap:wrap;gap:10px}
.connect-slide .connect-callouts a{padding:12px 15px}
.connect-slide .connect-visual>.connect-wordmark{margin-bottom:18px;align-items:center}
.connect-visual>.connect-wordmark>span:last-child,.connect-page-hero .connect-wordmark>span:last-child{display:block;line-height:1;transform:translateY(-.08em)}
.hero-track>.hero.connect-slide:not(.hero-film){background-image:linear-gradient(90deg,#07171beb,#07171b8c),url('/assets/connect/ribbons-background.webp')}
@media(min-width:701px) and (max-height:850px){.connect-slide .connect-screen{max-width:min(580px,calc((100svh - 285px)*1.308));width:80%}.connect-slide .connect-visual>.connect-wordmark{font-size:32px;margin-bottom:12px}.connect-slide .connect-visual{padding-top:12px;padding-bottom:22px}.connect-slide .connect-callouts a{padding:10px 12px}}
@media(max-width:700px){.connect-slide .connect-screen{width:90%;max-width:440px}.connect-slide .connect-visual{padding-bottom:24px}.connect-slide .connect-callouts{margin-top:12px;gap:8px}.connect-slide .connect-callouts a{padding:10px 12px;font-size:11px}}
/* Keep the presentation-page banner image compact as well. */
.connect-page-hero .connect-screen{width:90%;max-width:670px;margin-inline:auto}
.cp-shot-static{margin: auto 0 0;cursor:default}.cp-shot-static:hover{border-color:#36575d}.cp-shot-static figcaption{padding:12px 16px;font:11px/1.5 Arial;color:#94b8b4;border-top:1px solid #36575d}.cp-private-pricing{margin-top:auto;padding:30px 24px;border:1px solid #36575d;background:#0b1e24;border-radius:5px}.cp-private-pricing>p:first-child{font:10px/1.5 Arial;letter-spacing:.12em;color:#a5e5d9}.cp-private-pricing h4{font:28px/1.2 OYTI,Arial;color:#dff4ec;margin:18px 0}.cp-private-pricing p:last-child{font:14px/1.8 Arial;color:#a5c3c1}
.cp-feature#prices .cp-private-pricing{margin-top:14px;padding:20px}.cp-feature#prices .cp-private-pricing h4{font-size:23px;margin:12px 0}