/* OpsBuy atmosphere: deep navy, luminous blue and quiet, readable surfaces. */
body{background:#eef3fb;background-image:radial-gradient(ellipse at 0% 45%,#dbe8ff70,transparent 42%),radial-gradient(ellipse at 100% 80%,#e4dcff65,transparent 40%)}
header{background:#ffffffed;max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));border-bottom:1px solid #dce5f2;box-shadow:0 3px 22px #152c5106}
.hero{position:relative;isolation:isolate;max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:radial-gradient(ellipse at 88% 10%,#4249b057,transparent 46%),radial-gradient(ellipse at 12% 100%,#1263a455,transparent 50%),linear-gradient(125deg,#071426,#101d3c 65%,#17284a);overflow:hidden;border-bottom:1px solid #365386}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#c3d8ff09 1px,transparent 1px),linear-gradient(90deg,#c3d8ff09 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(110deg,transparent 20%,#000)}
.hero h1{color:#f5f8ff;font-weight:600}.hero h1 em{color:#8dbcff}.hero .eyebrow{color:#a5c9ff}.hero .tiny-square{background:#83b4ff;box-shadow:0 0 14px #77aaff80}.hero .lede{color:#c1cee4}.hero .text-link{color:#c6daff}.hero .hero-note{color:#aabbd5}.hero-note span{color:#7891b5}.hero .button,.page-hero .button,.page-cta .button,.contact .button{background:#3671f1;border-color:#6090ff;box-shadow:0 6px 22px #122a7350;color:#fff}.hero .button:hover,.page-hero .button:hover,.page-cta .button:hover{background:#4b82f6;box-shadow:0 7px 25px #306fe055}
.architecture{background:linear-gradient(145deg,#203457df,#162443e8);border-color:#6888bd52;box-shadow:0 22px 70px #0005,0 0 70px #668cff12}.diagram-header,.diagram-footer{background:#ffffff05;color:#afc7ea;border-color:#7596c52b}.diagram-core strong{color:#f3f7ff}.core-label{color:#92bdff}.diagram-grid div{background:#a8c8ff09;border-color:#84a8df33;box-shadow:inset 0 1px #b4ccff0a}.diagram-grid b{color:#94bcff}.diagram-grid span{color:#d3dff2}.diagram-footer{border-top-color:#7596c52b}
.platforms{max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:#e8effa;border-color:#d6e1f1}.platforms>b{color:#334d74}
.service-card,.technology-card{background:linear-gradient(150deg,#fff,#f8faff);border-color:#d6e1f1;box-shadow:0 8px 26px #173c7007;position:relative;overflow:hidden}.service-card::before,.technology-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3671f1,#8471eb,#64b9da);opacity:.65}.service-card:hover,.technology-card:hover{box-shadow:0 16px 38px #1e427414;border-color:#a9bfdf}.service-card .number{background:linear-gradient(145deg,#e2ecff,#ece9ff);color:#3659b6}.service-grid{gap:22px}
.content-page{background:transparent}.content-page .page-hero{background:radial-gradient(ellipse at 85% 5%,#4f55ad66,transparent 55%),linear-gradient(120deg,#0c1b32,#1a2e53);padding:44px;border-radius:22px;border:1px solid #2b4369;margin:15px 0 30px;box-shadow:0 18px 50px #1a385412}.page-hero h1{color:#f4f7ff}.page-hero h1 em{color:#96bfff}.page-hero .eyebrow{color:#b0ceff}.page-hero .lede{color:#cad6e9}.page-hero .text-link{color:#b8d3ff}.tool-hero{gap:32px}.scope-summary{background:#aacbff0b;border-color:#93b6f03d;box-shadow:inset 0 1px #fff1}.scope-summary dt{color:#a9bddb}.scope-summary dd,.scope-summary dd a{color:#f0f5ff}.scope-summary .fine{color:#b2c3dd}.scope-summary .eyebrow{color:#b9d4ff}.section-nav{border:0;padding:0 0 15px}.section-nav a{background:#fff;box-shadow:0 3px 12px #1c427308}.engagement{background:linear-gradient(145deg,#f8fbff,#eaf1fd);border-color:#d0ddf2}.scope-note{background:#e7eefb;border-color:#ceddf2}.workflow li,.tool{background:#fff;border-color:#d5e0ef;box-shadow:0 6px 22px #18345a06}.delivery-grid article{border-top:2px solid #b9cbee}.table-wrap{background:#fff;box-shadow:0 8px 25px #18345a06}.table-wrap th{background:#dee8f8}.directory-controls{background:#e6edf9;border-color:#d2dff1}.home-directory{max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:radial-gradient(ellipse at 5% 20%,#d2e4ff,transparent 55%),linear-gradient(115deg,#e4edfb,#eeebfa);border-top-color:#d0ddef}
.page-cta{background:radial-gradient(ellipse at 100% 0,#5362b05e,transparent 65%),linear-gradient(110deg,#142647,#223b69);border:1px solid #405984;box-shadow:0 18px 45px #17325618;margin-bottom:35px}.page-cta h2{color:#f6f8ff}.page-cta p{color:#c4d3ec}main>.page-cta{max-width:1268px;margin-inline:auto}
#contact{max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:radial-gradient(ellipse at 0 100%,#204d7855,transparent 60%),linear-gradient(115deg,#0c1b32,#1c2e52)}#contact>div h1,#contact>div h2{color:#f4f7ff}#contact>div h1 em{color:#9cc4ff}#contact>div .eyebrow{color:#a9caff}#contact>div p,#contact .contact-note{color:#c1cee3}#contact .contact-note a{color:#bad6ff}.contact>form{box-shadow:0 20px 60px #0003;border-color:#dfe7f5}.contact>form .button{box-shadow:none}
#tools{max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:linear-gradient(#122544 0 300px,#edf3fc 300px)}#tools>.section-top h1{color:#f3f7ff}#tools>.section-top .eyebrow{color:#aacbff}#tools>.section-top p{color:#c7d6ec}
#portal{background:radial-gradient(ellipse at 90% 0,#e1e7ff,transparent 60%),linear-gradient(#eaf1fd,#f6f9ff);border-inline:1px solid #dce5f3}.auth-card{box-shadow:0 20px 55px #1b3b7010}.ticket-row{box-shadow:0 4px 14px #25467405}
footer{max-width:none;padding-inline:max(6%,calc((100vw - 1268px)/2));background:#0d1c33;border-color:#263954}footer .brand{color:#f0f5ff}footer .brand-dot{color:#8eb9ff}footer nav,footer p,footer>span{color:#b4c4dc}footer a:hover{color:#a8caff}
@media(max-width:1050px){.content-page .page-hero{padding:32px}.page-hero h1{font-size:46px}main>.page-cta{margin-inline:6%}}
@media(max-width:760px){.content-page .page-hero{padding:28px 23px;border-radius:16px;margin-top:8px}.page-hero h1{font-size:36px;letter-spacing:-1.3px}.tool-hero{gap:24px}.hero{padding-top:50px;padding-bottom:48px}.hero h1{font-size:42px}.scope-summary{padding:22px}.architecture{border-radius:16px}.page-cta{margin-bottom:25px}.content-page .page-cta{margin-inline:0}.home-directory{padding-block:50px}#tools{background:linear-gradient(#122544 0 440px,#edf3fc 440px)}#tools .section-top h1{font-size:38px}.contact>form{padding:22px}footer{padding-block:30px}}
