/* ==================================================================
   Rev 312 · Paralegal parity.
   These rules are lifted verbatim from the live solicia.ai stylesheet
   so the Paralegal and capability pages render exactly as the live
   site does. Both stylesheets share the same token set, so nothing
   here needed translating. Additions live at the foot of the file.
   ================================================================== */
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:10px 36px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font-family:var(--display);font-weight:560;font-size:clamp(48px,4.6vw,84px);
    line-height:1;letter-spacing:-.02em}
.stat span{display:block;margin-top:10px;font-size:14px;color:var(--ink-soft)}
.promlist{margin:30px 0 36px;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}
.promlist li{padding:18px 2px;border-top:1px solid var(--line);font-size:16px}
.promlist li:last-child{border-bottom:1px solid var(--line)}
.promlist b{font-family:var(--display);font-weight:580;font-size:19px;letter-spacing:-.01em;display:block;margin-bottom:3px}
.promlist span{color:var(--ink-soft);font-size:14.5px}
.iph{width:296px;height:600px;border-radius:52px;position:relative;
    background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.16));
    -webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);
    border:1.5px solid rgba(255,255,255,.75);outline:1px solid rgba(20,19,16,.09);outline-offset:-3px;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 50px 100px -34px rgba(56,44,32,.5);
    animation:xdrift 12s ease-in-out infinite alternate;--amp:12px}
.iph::before{content:"";position:absolute;top:24px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:999px;background:#131110;z-index:3}
.iph::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.4) 44%,transparent 55%)}
.iph-scr{position:absolute;inset:11px;border-radius:42px;background:#FBFAF8;overflow:hidden;
    font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#1c1c1e}
.iphbar{display:flex;align-items:center;justify-content:space-between;padding:64px 16px 12px;border-bottom:1px solid #ECEAE7}
.iphbar span{font-size:13px;color:#0A84FF}
.iphbar b{font-size:13.5px;font-weight:600}
.iph-send{width:28px;height:28px;border-radius:50%;background:#0A84FF;display:grid;place-items:center}
.iph-fld{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid #F0EEEB;font-size:12.5px;color:#8A8886}
.iph-fld b{color:#1c1c1e;font-weight:400}
.iph-chip{background:#E8F1FA;color:#0A66C2;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}
.iph-body{padding:16px;font-size:13px;line-height:1.6;color:#1c1c1e}
.iph-body .cursor{background:#1c1c1e}
.axcopy .promlist{margin-top:34px;margin-bottom:0;max-width:480px}
.xam-art{height:100%;display:grid;align-content:center;align-content:safe center;
    transition:opacity .3s var(--ease),transform .3s var(--ease)}
.xam-art.sw{opacity:0;transform:translateY(8px)}
.xa{background:#fff;border-radius:15px;border:1px solid rgba(20,19,16,.07);
    box-shadow:0 16px 38px -18px rgba(56,44,32,.3);padding:16px 19px;font-size:12px;color:var(--ink)}
.xa-h{display:flex;gap:9px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(20,19,16,.07);margin-bottom:6px}
.xa-h .fic,.xa .fic{width:26px;height:26px;border-radius:7px;font-size:7px;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
.xa-h b{font-size:12.5px;font-weight:600}
.xa-r{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 2px;border-top:1px solid rgba(20,19,16,.05);
    font-size:11.5px;align-items:baseline}
.xa-r:first-of-type{border-top:0}
.xa-src{color:var(--burg);font-weight:580;font-size:10.5px;white-space:nowrap}
.xa-note{margin-top:11px;font-size:10.5px;color:var(--ink-mut)}
.xa-dark .xa-r{border-top-color:rgba(244,241,235,.08);color:var(--ivory-soft)}
.xa-dark .xa-src{color:var(--goldlt)}
.dv-bar{position:relative;display:flex;gap:5px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(20,19,16,.07)}
.dv-bar i{width:7px;height:7px;border-radius:50%;background:rgba(20,19,16,.12)}
.dv-bar em{font-style:normal;position:absolute;left:50%;transform:translateX(-50%);font-size:9px;
    letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mut)}
.dvr{display:flex;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid rgba(20,19,16,.05)}
.dva{width:24px;height:24px;border-radius:50%;background:var(--panel);display:grid;place-items:center;
    font-size:8px;font-weight:640;color:var(--ink-soft);flex:none}
.dva-s{background:linear-gradient(160deg,var(--burglt),var(--burg2));color:#fff}
.dvr b{display:block;font-size:10.5px;font-weight:600}
.dvr div span{display:block;font-size:9.5px;color:var(--ink-mut)}
.appcol{position:relative;height:470px;max-width:1300px;margin:0 auto}
.appwin{position:absolute;border-radius:20px;padding:9px;animation:xdrift var(--dur,13s) ease-in-out var(--del,0s) infinite alternate;--amp:10px}
.awin{background:#fff;border-radius:13px;overflow:hidden;height:100%}
.aw-main{left:50%;transform:translateX(-50%);top:0;width:min(560px,58%);height:412px;z-index:3}
.awl{left:0;top:44px;width:min(400px,33%);height:352px;z-index:2}
.awr{right:0;top:58px;width:min(400px,33%);height:352px;z-index:2}
.awl .awin,.awr .awin{box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.aw-out-top{background:linear-gradient(180deg,#1173C9,#0B62B0);display:flex;align-items:center;padding:10px 12px;position:relative}
.aw-newbtn{background:#fff;color:#0F6CBD;font-size:9.5px;font-weight:700;border-radius:6px;padding:5px 11px}
.aw-title{position:absolute;left:50%;transform:translateX(-50%);color:#EAF3FB;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase}
.aw-tabs{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(20,19,16,.06)}
.aw-tabs span{font-size:9.5px;font-weight:600;color:#8A8886;padding:4px 13px;border-radius:999px}
.aw-tabs .on{background:#E8F1FA;color:#0F6CBD}
.aw-gm-top{padding:11px 12px 6px}
.aw-search{display:block;background:#F1F0EC;border-radius:999px;padding:8px 15px;font-size:9.5px;color:#8A8886}
.aw-compose{margin:4px 12px 8px;display:inline-flex;border:1px solid rgba(20,19,16,.12);border-radius:999px;
    padding:6px 17px;font-size:9.5px;font-weight:600;color:var(--ink-soft);
    box-shadow:0 3px 10px -4px rgba(56,44,32,.25)}
.awt{margin-left:auto;font-size:9px;color:var(--ink-mut);flex:none}
@media (max-width:980px){
.appcol{height:auto}
.appwin{position:static;rotate:none;width:100%;height:auto;margin-bottom:12px}
.aw-main{transform:none;width:100%}
}
.stats-dark .stat{border-color:var(--lined)}
.stats-dark .stat span{color:var(--ivory-mut)}
@media (max-width:1180px){
.stats{grid-template-columns:repeat(2,1fr);row-gap:44px}
.stat:nth-child(3){border-left:0;padding-left:0}
}
.xam-art{height:100%;display:flex;flex-direction:column;justify-content:space-between;
    align-content:normal;gap:14px;transition:opacity .34s var(--ease),transform .34s var(--ease),filter .34s var(--ease)}
.xam-art.sw{opacity:0;transform:translateY(16px) rotate(-1.1deg) scale(.985);filter:blur(8px)}
.xam-art>.wm,.xam-art>.xa{width:100%;margin-top:auto}
.xam-art .xa-match{margin-bottom:0;align-self:flex-start;
    display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 9px;border-radius:999px;
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.44));
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.85);outline:1px solid rgba(20,19,16,.05);outline-offset:-2px;
    box-shadow:inset 0 1px 0 #fff,0 10px 26px -14px rgba(56,44,32,.35);
    font-size:11.5px;color:var(--ink-soft)}
.xam-art .xa-cells{background:#fff;border-radius:15px;border:1px solid rgba(20,19,16,.07);
    box-shadow:0 16px 38px -18px rgba(56,44,32,.3)}
#ctrl-art>.xa{margin-top:0}
.stat b{position:relative}
.stat b span{display:inline;font-size:inherit;margin-top:0;color:inherit}
.askband{position:relative;padding:clamp(100px,10vw,170px) 0}
.ask-kicker{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink-mut);margin-bottom:26px}
.ask-line{font-size:clamp(38px,4.6vw,88px);letter-spacing:-.024em;line-height:1.08;
    font-weight:580;margin:0 auto;max-width:28ch;padding-bottom:6px;text-wrap:balance}
.ask-line em{font-style:italic;font-weight:520;color:var(--burg);position:relative;isolation:isolate}
.ask-line em::after{content:"";position:absolute;left:-3%;right:-3%;bottom:.05em;height:.14em;z-index:-1;
    border-radius:999px;background:linear-gradient(90deg,rgba(178,96,122,0),rgba(178,96,122,.5),rgba(178,96,122,0))}
.ask-sub{margin:26px auto 0;max-width:52ch;font-size:clamp(16px,1.2vw,19px);color:var(--ink-soft);line-height:1.7}
.xam-screen[data-mode="zero"] .xam-art{justify-content:center;gap:clamp(18px,2vw,30px)}
.crumb,.ask-kicker,.hero-eyebrow,.c5-num,.cap-returns-lbl,.ix-top span,.fcol b,.rtag,.gcap{
    font-family:var(--display);font-weight:620;letter-spacing:.2em}
.askband{overflow:clip}
.askband::before{content:"";position:absolute;left:50%;top:54%;width:min(1150px,92vw);height:600px;
    transform:translate(-50%,-50%);pointer-events:none;
    background:radial-gradient(closest-side,rgba(154,53,80,.08),transparent 70%)}
.askband .wrap{position:relative;z-index:2}
.xam-art>.wm,.xam-art>.xa{border-radius:20px;
    background:rgba(255,255,255,.62);
    -webkit-backdrop-filter:blur(28px) saturate(1.65);backdrop-filter:blur(28px) saturate(1.65);
    border:1px solid rgba(255,255,255,.9);outline:1px solid rgba(20,19,16,.06);outline-offset:-2px;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 44px 90px -36px rgba(56,44,32,.5),0 10px 30px -18px rgba(56,44,32,.26)}
.xam-art>.wm{overflow:hidden}
.xam-art .wm-bar{background:rgba(255,255,255,.42);border-bottom:1px solid rgba(20,19,16,.06);padding:11px 14px;
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.xam-art .wm-bar i:nth-child(1){background:#E8756B}
.xam-art .wm-bar i:nth-child(2){background:#E9BC58}
.xam-art .wm-bar i:nth-child(3){background:#79C482}
.xam-art .xa-match{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px -18px rgba(56,44,32,.3)}
.dva,.ixav,.tm-av,.aw-av{line-height:1}
@media (max-width:720px){
.sec:has(.appcol){display:none}
.appcol{display:none}
}

/* ---- mockup-only overrides, scoped so other routes keep their own type ----
   A later mockup pass put a 24ch measure on .sechead h2. Live has none and
   balances instead, which is why "One email. We handle the rest." wrapped
   here and not there. */
#page-paralegal .sechead h2,
#page-cap-paralegal .sechead h2{max-width:none;text-wrap:balance}
#page-paralegal .pl-conn .wrap.center h2{max-width:none}