/* CA Works professional visual refresh — additive overrides; existing components and behavior are preserved. */
:root{--pro-navy:#0b1830;--pro-blue:#2457d6;--pro-blue-dark:#1744b5;--pro-mint:#0f9f78;--pro-ink:#17243b;--pro-muted:#637087;--pro-line:#e3e9f2;--pro-soft:#f5f8fc;--pro-radius:16px;--pro-shadow:0 14px 40px rgba(16,36,72,.08)}
html{scroll-padding-top:100px}
body{color:var(--pro-ink);background:#fff;line-height:1.68}
.wrap{width:min(100% - 40px,1240px);padding-inline:0}
@media(max-width:640px){.wrap{width:min(100% - 32px,1240px)}}
a{transition:color .18s ease,background .18s ease,border-color .18s ease}
.btn{min-height:44px;border-radius:10px;font-weight:650;letter-spacing:.005em;box-shadow:none}
.btn-ledger{background:var(--pro-blue);color:#fff}
.btn-ledger:hover{background:var(--pro-blue-dark);color:#fff;box-shadow:0 8px 20px rgba(36,87,214,.2)}
.btn-brass{background:var(--pro-mint);color:#fff}
.btn-brass:hover{background:#0b8968;color:#fff}
.btn-line{border-color:#cbd5e3;color:var(--pro-ink);background:#fff}
.btn-line:hover{border-color:var(--pro-blue);color:var(--pro-blue);background:#f7f9ff}
.eyebrow{color:var(--pro-blue);letter-spacing:.12em;font-size:11px;font-weight:750}
.strip{background:#101f3a;color:#d6dfed;border:0;font-size:12.5px}
.strip .wrap{min-height:38px;padding-block:7px}
.strip strong{color:#fff}
.strip .contact{gap:14px}
header.site{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf5;box-shadow:0 3px 18px rgba(15,32,64,.035)}
header.site .wrap{gap:18px;padding-block:13px;min-height:78px}
.brand{gap:10px}
.brand b{font-size:21px;letter-spacing:-.035em}
nav.main{gap:2px;align-items:center}
nav.main a{font-size:13.5px;font-weight:600;padding:10px 10px;border-radius:9px;color:#33415a}
nav.main a:hover{background:#f0f4fb;color:var(--pro-blue)}
.nav-login,.login-btn{border:1px solid #dce4f0!important;border-radius:9px!important}
.cta-top{margin-left:2px}
.hero{background:radial-gradient(ellipse at 80% 12%,rgba(50,100,220,.22),transparent 36%),linear-gradient(125deg,#0a1830 0%,#11284b 60%,#142f56 100%);}
.hero::before{opacity:.22;background:linear-gradient(90deg,transparent 0 49.9%,rgba(255,255,255,.04) 50%,transparent 50.1%),linear-gradient(0deg,transparent 0 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%);background-size:44px 44px}
.hero::after{display:none}
.hero .wrap{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(28px,5vw,68px);padding-block:clamp(56px,7vw,92px);align-items:center}
.hero-copy{padding-left:0;max-width:690px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9ec0ff;background:rgba(126,164,255,.1);border:1px solid rgba(167,193,255,.22);padding:9px 12px;border-radius:999px}
.hero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.06;letter-spacing:-.045em;margin:22px 0 20px;max-width:13ch}
.hero h1 em{color:#9cc1ff;background:none}
.hero .lede{font-size:clamp(16px,1.4vw,18px);line-height:1.7;max-width:57ch;color:#d2dced}
.search{max-width:610px;margin-top:26px;border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:6px;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.search input{padding:12px 14px}
.quick{gap:7px;margin-top:13px}
.quick button{font-family:var(--f-body);border-radius:999px;padding:8px 11px;border-color:rgba(255,255,255,.2)}
.hero-ctas{margin-top:26px;gap:10px}
.hero-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:35px;border-top:1px solid rgba(255,255,255,.17);padding-top:22px}
.hero-stats>div{min-width:100px;padding:0 22px;border-left:1px solid rgba(255,255,255,.16)}
.hero-stats>div:first-child{padding-left:0;border-left:0}
.hero-stats dt{font-size:11px;line-height:1.4;color:#b8c7df}
.hero-stats dd{font-size:23px;font-weight:800;color:#fff;line-height:1.3;margin:5px 0 0}
.docket{border:1px solid rgba(255,255,255,.45);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.docket-head{padding:20px 22px 16px;border-bottom:1px solid var(--pro-line)}
.docket-head h3{font-size:18px}
.docket li{padding:14px 20px;gap:12px}
.docket li:hover{background:#f7f9fd}
.docket .dd b{font-size:22px;color:var(--pro-blue)}
.docket .what{font-size:13.5px}
.docket-foot{padding:14px 20px;background:#f7f9fd;border-top:1px solid var(--pro-line)}
.portals{background:#fff;border-bottom:1px solid var(--pro-line)}
.portals .wrap{padding-block:18px;gap:18px}
.portals p{font-size:11px;font-weight:750;letter-spacing:.1em;color:#7b879a;text-transform:uppercase}
.portals span{font-weight:650;color:#526078}
.block{padding-block:clamp(56px,7vw,92px)}
.block.alt{background:#f7f9fc}
.sec-head{margin-bottom:30px;gap:22px;align-items:end}
.sec-head h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.04em;line-height:1.12;color:#15243d}
.sec-head p{font-size:15.5px;line-height:1.7;color:#647189;max-width:62ch;margin-top:12px}
.svc-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}
.cats{top:100px;gap:4px}
.cats button{border-radius:10px;border-left:3px solid transparent;padding:12px 13px;font-size:13.5px;font-weight:600}
.cats button[aria-selected=true]{background:#edf3ff;border-left-color:var(--pro-blue);color:var(--pro-blue)}
.svc-tools input{border:1px solid #dbe3ef;border-radius:11px;padding:13px 15px;background:#fff}
.svc-tools input:focus{border-color:var(--pro-blue);box-shadow:0 0 0 3px rgba(36,87,214,.1)}
.svc-grid{gap:16px}
.svc{border:1px solid #e1e7f0;border-radius:14px;padding:22px;background:#fff;gap:12px;box-shadow:0 2px 8px rgba(16,36,72,.018);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.svc:hover{transform:translateY(-3px);border-color:#c6d5f5;box-shadow:var(--pro-shadow)}
.svc .cat{color:var(--pro-blue);font-size:10.5px;letter-spacing:.1em}
.svc h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;color:#17243b}
.svc p{font-size:14px;line-height:1.65;color:#657189}
.svc .ask{color:var(--pro-blue);font-size:13.5px}
.ent-wrap{gap:24px}
.ent-list button{border:1px solid #e0e7f0;border-radius:11px;background:#fff;padding:16px;font-size:14px;transition:border-color .15s,background .15s}
.ent-list button:hover{border-color:#b9cbf5;background:#f9fbff}
.ent-list button[aria-pressed=true]{background:#1f4fc4;border-color:#1f4fc4;color:#fff}
.checklist{border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:0 4px 20px rgba(16,36,72,.035)}
.checklist header{border-bottom:1px solid #e0e7f0;padding:22px 24px}
.checklist header h3{font-size:23px}
.cal-filter,.upd-filter{gap:7px}
.pill{border:1px solid #dce4ef;border-radius:999px;padding:10px 15px;font-size:12.5px;background:#fff}
.pill[aria-pressed=true]{background:#1c2e4d;color:#fff;border-color:#1c2e4d}
.months{gap:16px}
.month{border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 3px 14px rgba(16,36,72,.025)}
.month h3{border-bottom:1px solid #e0e7f0;padding:17px 19px;font-size:18px}
.month li{padding:12px 19px}
.upd-grid{gap:16px}
.upd,.upd.lead{border-radius:15px;border:1px solid #e0e7f0;box-shadow:0 3px 14px rgba(16,36,72,.025)}
.upd{background:#fff;padding:23px}
.upd.lead{background:linear-gradient(145deg,#102342,#193966);border-color:transparent}
.upd.lead::before{opacity:.14}
.upd .meta{font-size:11.5px}
.upd h3{font-size:19px;line-height:1.35}
.upd.lead h3{font-size:clamp(23px,2.4vw,29px);line-height:1.25}
.upd p{line-height:1.65}
.upd-more{gap:16px}
.steps{border-top:1px solid #dfe6f0;gap:16px}
.step{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:23px;margin:0;min-height:190px}
.step b{color:var(--pro-blue)}
.step h3{font-size:18px;line-height:1.3}
.step p{font-size:14px;line-height:1.7;color:#657189}
.plans{gap:16px}
.plan{border:1px solid #dfe6f0;border-radius:16px;padding:26px;background:#fff;box-shadow:0 4px 20px rgba(16,36,72,.035)}
.plan.feat{border:1.5px solid var(--pro-blue);box-shadow:0 14px 34px rgba(36,87,214,.1)}
.plan h3{font-size:22px}
.plat{gap:16px}
.plat-card{border:1px solid #dfe6f0;border-radius:16px;padding:28px;background:#fff;box-shadow:0 4px 20px rgba(16,36,72,.035)}
.plat-card.staff{background:#f4f7ff;border-color:#d5e0fb}
.plat-card h3{font-size:22px;line-height:1.3;margin-top:10px}
.plat-card p{color:#647189;margin-top:10px}
.feat-list{gap:9px}
.feat-list li{font-size:14px;color:#45536a}
.about-grid{gap:clamp(28px,5vw,68px)}
.about-copy h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.04em}
.about-lede{color:#5e6c83;line-height:1.8}
.about-points li{border-bottom:1px solid #e2e8f1;padding-block:13px}
footer{background:#0b1830;color:#d5dfef;padding-block:58px 22px}
footer .cols{gap:36px}
footer h4{color:#fff;font-size:13px;letter-spacing:.04em}
footer a{color:#d7e1f1}
footer a:hover{color:#9fc0ff}
footer .legal{border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:18px;color:#aab8ce;font-size:12px}
.wa{box-shadow:0 8px 24px rgba(0,0,0,.18)}
input,select,textarea{max-width:100%}
:where(input,select,textarea,button,a):focus-visible{outline:3px solid #80a6ff;outline-offset:3px}
@media(max-width:1100px){.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:30px}.wrap{width:min(100% - 36px,1240px)}nav.main a{padding-inline:8px}.svc-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-block:54px}.hero-copy{max-width:760px}.docket{max-width:720px;width:100%}.svc-layout{grid-template-columns:1fr}.cats{position:static}.about-grid{grid-template-columns:1fr}.about-media{max-width:600px}.steps{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.step{min-height:0}.plat{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.strip .wrap{gap:5px}.strip .contact{display:none}header.site .wrap{min-height:68px;gap:8px}.brand b{font-size:19px}.hero .wrap{padding-block:42px}.hero h1{font-size:clamp(36px,10vw,48px);max-width:14ch}.hero .lede{font-size:16px}.hero-ctas .btn{flex:1;justify-content:center}.hero-stats{gap:14px}.hero-stats>div{min-width:calc(50% - 8px);padding:0 0 0 12px;border-left:1px solid rgba(255,255,255,.16)}.hero-stats>div:nth-child(odd){padding-left:0;border-left:0}.block{padding-block:52px}.sec-head{margin-bottom:23px}.svc-grid{grid-template-columns:1fr}.svc{padding:19px}.ent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.plat{grid-template-columns:1fr}.step{padding:20px}.plat-card{padding:22px}.upd-more{grid-template-columns:1fr}.wrap{width:min(100% - 32px,1240px)}}
@media(prefers-reduced-motion:reduce){.svc,.btn{transition:none}}