/* Approved service-first presentation. Scoped to proposal 4. */
.after-hero{padding:64px 0 48px}.after-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}.after-layout>*{min-width:0}.after-copy{max-width:590px}.after-context{display:inline-block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--accent);margin-bottom:22px}.after-copy h1{font-size:clamp(32px,3.65vw,54px);line-height:1.13;letter-spacing:-.035em;margin:0 0 24px;font-weight:650}.after-copy h1 em{display:block;font-style:normal;color:#167596}.after-lead{font-size:17px;line-height:1.75;color:var(--muted);margin:0;max-width:560px}.after-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.after-secondary{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;padding:12px 0}.after-secondary:hover{text-decoration:underline}.after-actions .btn{min-height:46px;padding:13px 20px;border-radius:6px}.after-primary{background:#F28C28!important;color:#0B2545!important;border:1px solid #F28C28!important;font-weight:700}.after-primary:hover{filter:brightness(1.05)}
html[data-theme=dark] .after-copy h1 em,html[data-theme=dark] .after-consistent h1 em{color:#2BB3E6}
.after-example{min-width:0;scroll-margin-top:120px;border:1px solid #29445f;border-radius:18px;background:#0B2545;color:#F3F6FA;box-shadow:0 16px 44px #0b254510;overflow:hidden;--surface:#0B2545;--surface-2:#123252;--ink:#F3F6FA;--muted:#c2d3e6;--accent:#2BB3E6;--accent-soft:#123252;--line:#365372;--ok:#2BB3E6;--ok-soft:#123252;--warn:#F28C28;--crit:#F28C28}
html[data-theme] body[data-proposal="4"] .after-example :is(h2,h3,h4){color:#F3F6FA}.after-board{padding:28px}.after-label,.after-example .lp-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#7dd5f3!important;background:#153653!important;display:inline-block;padding:5px 9px;border-radius:5px}.after-board h2{font-size:22px;letter-spacing:-.02em;line-height:1.3;margin:18px 0}.after-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:0}.after-steps li{display:flex;gap:16px;padding:15px 0;border-top:1px solid #29445f;align-items:center}.after-number{width:38px;height:38px;display:grid;place-items:center;border:1px solid #386184;color:#7dd5f3;border-radius:10px;flex:none;font-size:12px;font-weight:700}.after-steps strong{font-size:15px}.after-steps p{margin:4px 0 0;font-size:13px;color:#c2d3e6;line-height:1.5}.after-foot{font-size:12px;line-height:1.6;color:#c2d3e6;margin:20px 0 0}.after-status{margin:20px 0 0}.after-status>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #29445f;padding:14px 0;font-size:14px}.after-status dd{margin:0;color:#7dd5f3;text-align:right}.after-example .dgrid{display:block}.after-example .rep{border:none;background:transparent;box-shadow:none;border-radius:0}.after-example .rep-h{padding:22px;gap:12px;border-color:#365372}.after-example .rep-h h3{font-size:17px;line-height:1.4}.after-example .rep-score b{font-size:30px;color:#F28C28}.after-example .rep-score em{color:#c2d3e6;font-size:11px}.after-example .dside{padding:18px 22px;border-top:1px solid #365372;background:#102e4c;font-size:13px;line-height:1.6}.after-example .dside h3{font-size:17px;margin:0 0 8px}.after-example .dside p{margin:8px 0}.after-example .dside .muted,.after-example .muted{color:#c2d3e6!important}.after-example .rep-det{background:transparent;padding:0;border:0}.after-example .rep-list,.after-example .pol-list{padding:8px 16px 16px}.after-example .ra{color:#F3F6FA;background:transparent;border-color:#365372;font-size:12px;min-height:42px}.after-example .ra:hover,.after-example .ra[aria-pressed=true]{background:#1b466c;border-color:#2BB3E6}.after-example .ra span{color:inherit}.after-example .bar{background:#29445f}.after-example .sev-c,.after-example .sev-w{background:#F28C28}.after-example .sev-o{background:#2BB3E6}.after-example .mdot.ok{background:#2BB3E6}.after-example .mdot.bad,.after-example .mdot.warn{background:#F28C28}.after-example .mrow em{color:#7dd5f3}.after-example .mrow .bad,.after-example .mrow .warn{color:#F28C28}.after-example .mon-list{padding:8px 20px}.after-example .mrow{font-size:12px;gap:9px;grid-template-columns:8px minmax(0,1fr) auto}.after-example .mrow em{font-size:11px;max-width:140px}.after-example .mfeed{margin:0 20px 18px;font-size:12px;background:#102e4c;border-color:#365372}.after-example .btn{font-size:12px;padding:10px 14px;min-height:42px;border-radius:5px}.after-example .btn-main{background:#1B4F8C;color:white}.after-example .btn-ghost{color:#7dd5f3;border-color:#50718f;background:transparent}.after-example .nbar i{background:#2BB3E6}.after-example .nbar u{background:#F28C28}.after-example .nleg{font-size:11px;flex-wrap:wrap}.after-example .nleg i{background:#2BB3E6}.after-example .nleg u{background:#F28C28}.after-example .nrow{font-size:12px}.after-example .tk{padding:18px 22px 8px}.after-example .tk li{font-size:13px}.after-example .tk li span{font-size:11px;color:#c2d3e6}.after-example .tk li.done:before{background:#2BB3E6;border-color:#2BB3E6}.after-incident{padding:0 0 40px}.after-incident .band{margin:0}.after-hero~.detail-content:has(.detail-slot:empty){display:none}#service-content{scroll-margin-top:110px}.after-consistent h1{font-size:clamp(32px,3.65vw,54px)!important;line-height:1.13!important;letter-spacing:-.035em}.after-consistent h1 em{font-style:normal;color:#167596}.after-consistent .hero{padding-top:55px}.after-consistent .editorial-photo{max-height:330px;object-fit:cover}.after-client-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.after-client-layout .chat{margin:0}.after-client-layout>.panel{grid-column:1/-1}.after-example-caption{padding:12px 18px;font-size:11px;color:var(--muted);margin:0}.after-consistent .landing-intro{gap:40px}.after-consistent .jibu-hero{padding-top:55px}.after-consistent .jibu-hero-grid{align-items:center}
@media(max-width:1000px){.after-layout{gap:30px}.after-copy h1{font-size:36px}.after-example .rep-h{padding:18px}.after-board{padding:22px}}
@media(max-width:760px){.after-hero{padding:34px 0}.after-layout{grid-template-columns:minmax(0,1fr);gap:28px}.after-copy{max-width:none}.after-copy h1{font-size:34px;margin-bottom:18px}.after-context{font-size:10px;letter-spacing:.07em;margin-bottom:16px}.after-lead{font-size:15px;line-height:1.65}.after-actions{margin-top:22px;gap:12px}.after-actions .btn{font-size:13px}.after-secondary{font-size:13px}.after-example{border-radius:12px}.after-board{padding:20px}.after-example .dside{padding:16px}.after-example .rep-h{flex-wrap:wrap}.after-example .mrow{grid-template-columns:8px minmax(0,1fr);align-items:start}.after-example .mrow em{grid-column:2;text-align:left;max-width:none}.after-example .ra{font-size:11px}.after-example .nrow{grid-template-columns:85px minmax(0,1fr)}.after-example .row{flex-wrap:wrap}.after-client-layout{grid-template-columns:minmax(0,1fr)}.after-consistent .hero,.after-consistent .jibu-hero{padding-top:32px}.after-consistent .landing-intro{gap:18px}}
@media(prefers-reduced-motion:reduce){.after-example *{animation:none!important;transition:none!important}}