
.ex{border-radius:18px;background:var(--ink);color:var(--text-d);padding:clamp(18px,2.4vw,30px);display:grid;gap:18px;border:1px solid rgba(255,255,255,.08)}
.ex-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:baseline}
.ex-h b{font:400 var(--t-h3)/1.15 var(--font-h);color:#fff}
.ex-h span{font-size:14px;color:var(--muted-d)}
.ex-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.ex-flow li{position:relative;display:grid;gap:8px;align-content:start;padding:16px;border-radius:14px;background:var(--ink-2);border:1px solid rgba(255,255,255,.1)}
.ex-flow li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:22px;width:12px;text-align:center;color:var(--muted-d);font-size:14px}
.ex-flow .kind{font:600 11px/1 var(--font-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d)}
.ex-flow b{font:600 16px/1.3 var(--font-b);color:#fff}
.ex-flow span.a{font-size:14px;color:#C9C7DA;line-height:1.45}
.ex-flow .mk{width:30px;height:30px;border-radius:9px;background:#34345A;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font:600 12px var(--font-b);color:#E6E4F2}
.ex-flow li.rv{border-color:rgba(139,114,212,.55)}
.ex-flow li.rv .mk{background:rgba(139,114,212,.35)}
.ex-flow li.hm{border:2px solid var(--orange);background:rgba(224,122,58,.1)}
.ex-flow li.hm .mk{border-radius:50%;background:var(--orange);color:var(--ink);border-color:var(--orange)}
.ex-flow li.hm .kind{color:#F4B489}
.ex-case{display:inline-flex;gap:8px;align-items:center;font-size:13.5px;color:#E4E2EF;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.07)}
.ex-case i{width:10px;height:10px;border-radius:3px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6)}
.ex-back{font-size:14px;color:#C9C7DA;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}
.ex-back b{color:#fff;font-weight:600}
@media (max-width:900px){.ex-flow{grid-template-columns:1fr}.ex-flow li:not(:last-child)::after{content:"↓";right:auto;left:22px;top:auto;bottom:-15px}}
.gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.gl div{padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--line-l);display:grid;gap:6px;align-content:start}
.gl dt{font:400 21px/1.2 var(--font-h);color:var(--ink)}
.gl dd{margin:0;font-size:15.5px;color:var(--muted-l)}
.gl div.key{border-color:rgba(224,122,58,.55);background:#FFF7F1}
@media (max-width:1000px){.gl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.gl{grid-template-columns:1fr}}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--muted-l);margin-top:18px}
.legend span{display:inline-flex;gap:8px;align-items:center}
.legend i{width:14px;height:14px;border-radius:4px;background:#34345A;display:inline-block}
.legend i.r{background:rgba(139,114,212,.6)}.legend i.h{background:var(--orange);border-radius:50%}
.lines{display:grid;gap:12px}
.lines details{border:1px solid var(--line);border-radius:16px;padding:0;background:var(--ink-2)}
.lines summary{padding:20px 22px;align-items:center}
.lines summary .t{display:grid;gap:4px}
.lines summary .t b{font:400 var(--t-h3)/1.15 var(--font-h);color:#fff}
.lines summary .t span{font-size:15px;color:var(--muted-d);font-weight:400}
.lines .inner{padding:0 22px 22px;display:grid;gap:14px}
.lines .inner>p{color:#C9C7DA;max-width:70ch}
.lines .meta{font-size:13.5px;color:var(--muted-d)}
.sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.sl li{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.sl li em{font-style:normal;grid-row:1/3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:600 12px var(--font-b);background:#34345A;color:#E6E4F2}
.sl li.r em{background:rgba(139,114,212,.4)}
.sl li.h em{border-radius:50%;background:var(--orange);color:var(--ink)}
.sl li.t em{background:transparent;border:1px solid rgba(255,255,255,.2)}
.sl b{font:600 15.5px/1.35 var(--font-b);color:#fff}
.sl span{font-size:14.5px;color:#C4C2D6;line-height:1.45}
.sl span i{font-style:normal;color:#F4B489}
@media (max-width:800px){.sl{grid-template-columns:1fr}}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
.tl li{display:grid;grid-template-columns:1.1fr 1.2fr 2fr;gap:6px 16px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.07);font-size:14.5px;color:#C9C7DA}
.tl li:first-child{border-top:0}
.tl li b{color:#fff;font-weight:600}
.tl li.h{background:rgba(224,122,58,.1)}
.tl li.w{background:rgba(255,255,255,.04)}
@media (max-width:700px){.tl li{grid-template-columns:1fr}}
.pkg{border-radius:18px;background:#fff;border:1px solid var(--line-l);box-shadow:0 30px 70px -40px rgba(20,20,40,.45);overflow:hidden;position:relative}
.pkg-h{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center;padding:16px 22px;background:var(--ink);color:#fff;font:600 13px/1.3 var(--font-b)}
.pkg-h .smp{font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12)}
.pkg-b{display:grid;grid-template-columns:1fr 1fr;gap:0}
.pkg-b section{padding:20px 22px;border-top:1px solid var(--line-l);display:grid;gap:10px;align-content:start}
.pkg-b section:nth-child(odd){border-right:1px solid var(--line-l)}
.pkg-b h3{font:600 12px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-t)}
.pkg-b p,.pkg-b li,.pkg-b td{font-size:15px;color:var(--text-l)}
.pkg-b ul{margin:0;padding-left:18px;display:grid;gap:4px}
.pkg table{border-collapse:collapse;width:100%}
.pkg td,.pkg th{text-align:left;padding:7px 8px 7px 0;border-top:1px solid var(--line-l);vertical-align:top}
.pkg th{font:600 12px var(--font-b);color:var(--muted-l)}
.rec{font:600 15px/1.4 var(--font-b);color:var(--ink)}
.pkg-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 22px;border-top:1px solid var(--line-l);background:#FBFAFD}
.pkg-f .b{padding:10px 16px;border-radius:999px;font:600 14px var(--font-b);border:1px solid var(--line-l);color:var(--ink);background:#fff}
.pkg-f .b.p{background:var(--orange);border-color:var(--orange)}
.pkg-f small{font-size:13px;color:var(--muted-l);flex-basis:100%}
@media (max-width:760px){.pkg-b{grid-template-columns:1fr}.pkg-b section:nth-child(odd){border-right:0}}
.calls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.call{padding:20px;border-radius:16px;background:var(--ink-2);border:1px solid rgba(255,255,255,.1);display:grid;gap:10px;align-content:start}
.call .v{justify-self:start;font:600 11px/1 var(--font-b);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:999px}
.call .v.no{background:rgba(224,122,58,.18);color:#F4B489}
.call .v.yes{background:rgba(63,163,122,.18);color:#8FD3B4}
.call h3{font-size:clamp(19px,1.5vw,22px);line-height:1.25;color:#fff}
.call p{font-size:15.5px;color:#C9C7DA}
.hash{font:500 12.5px/1.5 ui-monospace,Menlo,monospace;color:#8E8CA6;word-break:break-all;margin-top:16px}
@media (max-width:900px){.calls{grid-template-columns:1fr}}
.cost{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border-radius:14px;overflow:hidden}
.cost th,.cost td{padding:10px 12px;text-align:left;border-top:1px solid var(--line-l);color:var(--text-l)}
.cost th{font:600 12.5px var(--font-b);color:var(--muted-l);background:#FBFAFD;border-top:0}
.cost td.n{text-align:right;white-space:nowrap}
.cost tr.tot td{font-weight:600;color:var(--ink);background:#FFF7F1}
.cost .bar{display:flex;height:10px;border-radius:99px;overflow:hidden;min-width:90px;background:#EEE}
.cost .bar i{display:block;background:#5B5B86}.cost .bar i+i{background:var(--orange)}
.cwrap{overflow-x:auto;border-radius:14px;border:1px solid var(--line-l);position:relative}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.kpis div{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line-l)}
.kpis b{display:block;font:400 26px/1.1 var(--font-h);color:var(--ink)}
.kpis span{font-size:13.5px;color:var(--muted-l)}
@media (max-width:620px){.kpis{grid-template-columns:1fr}}
.tag{display:inline-block;font:600 11px/1 var(--font-b);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#EDECF3;color:var(--muted-l)}

/* ===== Impeccable pass (2026-09-22): contrast, tracking, heading order, sizes ===== */
h1,h2,h3,.h1,.h2,.h3,.chname,.qb b,.tocg b{letter-spacing:-0.01em!important}
.chn{line-height:1.1!important}
.side b{font-size:11.5px!important}
.light .eyebrow,.grey .eyebrow,.t-light .chq,.t-grey .chq,.qk,.acnext .kick,.qb .visit,[data-dir="B"] .sec:not(.dark) .eyebrow{color:#A5481A!important}
.gkpi small,.gpill span,.mkh small,.mside small,.gkpi span,.mside span,.gch small,.grank small{color:#565E6C!important}
.lay.a .fn{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.28)!important}
.fh{font:600 12px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 12px}
