.cx-services-page{background:#fff}.cxs-hero{background:linear-gradient(135deg,#f7faff 0%,#edf4ff 62%,#f8fbff 100%);padding:90px 0}.cxs-hero-grid{display:grid;grid-template-columns:1.1fr .75fr;gap:75px;align-items:center}.cxs-hero h1{font-size:clamp(48px,6vw,76px);line-height:.99;letter-spacing:-.055em;color:var(--cx-navy);margin:0 0 25px}.cxs-hero h1 span{color:var(--cx-blue)}.cxs-hero p{font-size:18px;line-height:1.75;color:var(--cx-muted);max-width:680px}.cxs-hero-panel{background:var(--cx-navy);color:#fff;border-radius:24px;padding:40px;box-shadow:0 28px 70px rgba(12,29,50,.18)}.cxs-hero-panel small{font-size:11px;letter-spacing:.16em;color:#84aaff;font-weight:800}.cxs-hero-panel h2{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:18px 0}.cxs-hero-panel p{color:#b8c5d5;font-size:15px}.cxs-hero-panel a{display:flex;justify-content:space-between;color:#fff!important;text-decoration:none!important;font-weight:800;border-top:1px solid rgba(255,255,255,.16);padding-top:20px;margin-top:25px}.cxs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cxs-card{display:flex;flex-direction:column;min-height:350px;padding:30px;border:1px solid var(--cx-line);border-radius:18px;color:var(--cx-ink)!important;text-decoration:none!important;background:#fff;transition:.25s}.cxs-card:hover{transform:translateY(-5px);border-color:#bdd0ef;box-shadow:0 22px 50px rgba(28,51,84,.1)}.cxs-top{display:flex;justify-content:space-between;align-items:flex-start}.cxs-icon{width:48px;height:48px;border-radius:14px;background:#eaf1ff;color:var(--cx-blue);display:grid;place-items:center;font-size:22px}.cxs-top small{font-weight:800;color:#a3afbf}.cxs-card h3{font-size:24px;color:var(--cx-navy);margin:30px 0 12px}.cxs-card p{color:var(--cx-muted);line-height:1.7;margin:0 0 25px}.cxs-card>b{color:var(--cx-blue);margin-top:auto;font-size:14px}.cxs-guide{background:var(--cx-navy);padding:95px 0;color:#fff}.cxs-guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.cxs-guide .cx-heading h2{color:#fff}.cxs-guide .cx-heading p{color:#b5c1d1}.cxs-steps{border-top:1px solid rgba(255,255,255,.15)}.cxs-steps>div{display:grid;grid-template-columns:55px 1fr;column-gap:18px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.15)}.cxs-steps span{grid-row:1/3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#8fb3ff;font-size:12px;font-weight:800}.cxs-steps h3{margin:0 0 6px;color:#fff}.cxs-steps p{margin:0;color:#b5c1d1}.cxs-tools{background:#f5f8fc;border:1px solid var(--cx-line);border-radius:22px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:50px}.cxs-tools h2{font-size:38px;letter-spacing:-.04em;color:var(--cx-navy);margin:0 0 12px}.cxs-tools p{color:var(--cx-muted);line-height:1.7;max-width:650px}.cxs-tools .cx-actions{flex:0 0 auto}.cxs-disclosure{padding:32px 0;background:#f8fafc;border-top:1px solid var(--cx-line)}.cxs-disclosure .cx-shell{display:grid;grid-template-columns:190px 1fr;gap:30px;align-items:start}.cxs-disclosure strong{color:var(--cx-navy)}.cxs-disclosure p{margin:0;color:var(--cx-muted);font-size:14px;line-height:1.65}.cx-main-nav .cx-current:after{right:0}@media(max-width:900px){.cxs-hero-grid,.cxs-guide-grid{grid-template-columns:1fr;gap:45px}.cxs-grid{grid-template-columns:1fr 1fr}.cxs-tools{display:block}.cxs-tools .cx-actions{margin-top:25px}}@media(max-width:600px){.cxs-hero{padding:58px 0}.cxs-hero h1{font-size:45px}.cxs-hero-panel{padding:28px}.cxs-grid{grid-template-columns:1fr}.cxs-card{min-height:310px}.cxs-guide{padding:70px 0}.cxs-tools{padding:28px}.cxs-tools h2{font-size:34px}.cxs-disclosure .cx-shell{grid-template-columns:1fr;gap:8px}}

/* Conixi 2026 brand refresh */
:root{--cx-pink:#e31b8f;--cx-sky:#8bb7e3;}
.cx-kicker::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cx-pink);margin-right:13px;vertical-align:1px;box-shadow:11px 0 0 var(--cx-sky);}
.cx-logo img{background:#fff;}
.cx-site-header.cx-header-shadow{box-shadow:0 5px 18px rgba(12,29,50,.10)}

/* v1.8.3: force hero panel heading white against navy background */
.cxs-hero-panel h2{color:#fff!important;}
