.hero-brand-lockup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 0;color:#c7a85a;font-weight:800;font-size:.9rem}
.hero-brand-lockup span{border:1px solid rgba(199,168,90,.34);background:rgba(7,24,39,.55);padding:7px 12px;border-radius:999px}
.seo-route-section{padding:22px 0 52px;background:#fff}
.seo-route-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.seo-route-head h2{margin:0;color:#071827;font-size:clamp(1.45rem,3vw,2.1rem)}
.seo-route-head p{margin:0;max-width:540px;color:#66717a;line-height:1.9}
.seo-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seo-route-card{display:block;text-decoration:none;border:1px solid #e8dfcf;border-radius:18px;padding:22px;background:#fbf8f2;transition:.2s ease;min-height:150px}
.seo-route-card:hover{transform:translateY(-3px);border-color:#c7a85a;box-shadow:0 18px 40px rgba(7,24,39,.08)}
.seo-route-card small{display:block;color:#9c7a34;font-weight:800;margin-bottom:9px}
.seo-route-card b{display:block;color:#071827;font-size:1.08rem;margin-bottom:8px}
.seo-route-card span{color:#65717a;line-height:1.8;font-size:.92rem}
.seo-guide-section{background:#f6f0e6;padding:72px 0}
.seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.seo-guide-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #e5dac6;border-radius:20px;padding:24px;min-height:190px}
.seo-guide-card .tag{color:#9b7935;font-size:.78rem;font-weight:900;letter-spacing:.03em}
.seo-guide-card h3{color:#071827;font-size:1.12rem;line-height:1.7;margin:10px 0 8px}
.seo-guide-card p{color:#66717a;line-height:1.9;margin:0 0 18px}
.seo-guide-card strong{margin-top:auto;color:#071827}.seo-product-hero{position:relative;overflow:hidden}
.seo-intent-section{padding-top:72px;padding-bottom:72px}
.seo-intent-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:64px;align-items:center}
.seo-product-visual{display:grid;place-items:center;min-height:430px;border-radius:28px;background:linear-gradient(145deg,#071827,#102f49);padding:28px;overflow:hidden}
.seo-product-visual img{display:block;max-width:100%;max-height:560px;object-fit:contain;border-radius:22px}
.seo-proof-list{display:grid;gap:12px;margin-top:28px}
.seo-proof-list>div{border:1px solid #e7dece;border-radius:16px;padding:17px 18px;background:#fff}
.seo-proof-list b{display:block;color:#071827;margin-bottom:4px}.seo-proof-list span{color:#68737a;line-height:1.8}
.seo-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.seo-step-grid article{border:1px solid #e4d8c3;border-radius:18px;background:#fff;padding:24px}
.seo-step-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#071827;color:#d7b45d;font-weight:900}
.seo-step-grid h3{color:#071827;margin:15px 0 8px}.seo-step-grid p{color:#68737a;line-height:1.9;margin:0}
.seo-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.seo-related-grid a{display:block;text-decoration:none;border:1px solid #e6dccb;border-radius:16px;padding:20px;background:#fbf8f2}
.seo-related-grid b{display:block;color:#071827;margin-bottom:6px}.seo-related-grid span{color:#707a81;font-size:.9rem}
.seo-tool-hero .seo-update-badge{display:inline-block;margin-top:16px;background:#f4ead5;border:1px solid #dfc994;color:#6d5420;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:800}
.seo-single-tool{max-width:1180px;margin:0 auto;padding:40px 24px 64px}
.seo-single-tool .calculator-panel{display:block!important}
.seo-tool-info{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:start}
.seo-tool-note{background:#071827;color:#fff;border-radius:18px;padding:22px}.seo-tool-note b{color:#d7b45d}.seo-tool-note p{color:#d9e0e5;line-height:1.9;margin-bottom:0}@media(max-width:980px){.seo-route-grid,.seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-guide-grid,.seo-step-grid{grid-template-columns:1fr 1fr}.seo-intent-grid,.seo-tool-info{grid-template-columns:1fr}.seo-product-visual{min-height:360px}.seo-route-head{align-items:start;flex-direction:column}}
@media(max-width:640px){.seo-route-section{padding:18px 0 38px}.seo-route-grid,.seo-guide-grid,.seo-step-grid,.seo-related-grid{grid-template-columns:1fr}.seo-route-card,.seo-guide-card{min-height:auto}.seo-guide-section{padding:52px 0}.seo-intent-section{padding-top:48px;padding-bottom:48px}.seo-intent-grid{gap:32px}.seo-product-visual{min-height:300px;padding:18px;border-radius:22px}.seo-single-tool{padding:24px 14px 48px}.hero-brand-lockup{font-size:.78rem}.seo-tool-hero .seo-update-badge{font-size:.76rem}}

/* R22.2 — Home brand badges fitted to primary CTA row */
.hero.hero-v2 .hero-copy .hero-brand-lockup{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,590px);margin:14px 0 10px}
.hero.hero-v2 .hero-copy .hero-brand-lockup span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 14px;text-align:center;white-space:nowrap}
.hero.hero-v2 .hero-copy .hero-actions{width:min(100%,590px);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero.hero-v2 .hero-copy .hero-actions .btn{width:100%;min-width:0}

/* R22.2 — Case management page: LegalPlus navy/cream visual balance */
.case-management-page{background:#f5efe5}
.case-management-page .page-hero{background:radial-gradient(circle at 12% 0,rgba(215,180,93,.15),transparent 31%),linear-gradient(145deg,#071827,#0d2b43);border-bottom:1px solid rgba(215,180,93,.25)}
.case-management-page .page-hero .breadcrumbs,.case-management-page .page-hero .breadcrumbs a{color:#9fb0bc}
.case-management-page .page-hero .eyebrow{color:#e2c16e}.case-management-page .page-hero h1{color:#fff}.case-management-page .page-hero p{color:#c1ccd3}
.case-management-page .page-hero .btn--outline{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.04)}
.case-management-page .seo-route-section{background:linear-gradient(180deg,#f5efe5,#fbf8f2);padding-top:52px}
.case-management-page .seo-route-head h2{color:#071827}.case-management-page .seo-route-head p{color:#5f6d76}
.case-management-page .seo-related-grid a{background:#fffaf1;border-color:#dfd0b5;box-shadow:0 12px 30px rgba(7,24,39,.04)}
.case-management-page .seo-related-grid a:first-child{background:linear-gradient(145deg,#071827,#0d2b43);border-color:#1c425f;box-shadow:0 18px 42px rgba(7,24,39,.16)}
.case-management-page .seo-related-grid a:first-child b{color:#f1d17c}.case-management-page .seo-related-grid a:first-child span{color:#d5dee4}
.case-management-page .section--white{background:#071827!important;color:#fff}
.case-management-page .section--white .detail-card{background:#fbf5e9;border:1px solid #dfcfb0;box-shadow:0 18px 48px rgba(0,0,0,.16)}
.case-management-page .section--white .detail-card h2{color:#071827}.case-management-page .section--white .detail-card p,.case-management-page .section--white .detail-card li{color:#53616b}
.case-management-page .section--white .notice{background:#fff3d5;border-color:#dec071;color:#5e481d}
.case-management-page .section--cream{background:linear-gradient(180deg,#efe5d5,#f8f1e6)!important;border-top:1px solid #decfb7}
.case-management-page .section--cream .section-title{color:#071827}.case-management-page .section--cream .section-intro{color:#5e6c75}

@media(max-width:640px){
.hero.hero-v2 .hero-copy .hero-brand-lockup{grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-bottom:9px}
.hero.hero-v2 .hero-copy .hero-brand-lockup span{min-height:38px;padding:5px 9px;font-size:.74rem;white-space:normal;line-height:1.55}
.hero.hero-v2 .hero-copy .hero-actions{grid-template-columns:1fr;width:100%}
.case-management-page .seo-route-section{padding-top:38px}
.case-management-page .section--white .feature-detail-grid{gap:16px}
}

/* R22.3 FINAL — rotating case-management spotlight */
.case-management-page .seo-related-grid a{
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,color .32s ease,transform .32s ease;
}
.case-management-page .seo-related-grid a:first-child{
  background:#fffaf1;border-color:#dfd0b5;box-shadow:0 12px 30px rgba(7,24,39,.04);
}
.case-management-page .seo-related-grid a:first-child b{color:#071827}
.case-management-page .seo-related-grid a:first-child span{color:#707a81}
.case-management-page .seo-related-grid a.is-spotlight,
.case-management-page .seo-related-grid a:hover,
.case-management-page .seo-related-grid a:focus-visible{
  background:linear-gradient(145deg,#071827,#0d2b43);border-color:#1c425f;
  box-shadow:0 18px 42px rgba(7,24,39,.16);transform:translateY(-2px);outline:none;
}
.case-management-page .seo-related-grid a.is-spotlight b,
.case-management-page .seo-related-grid a:hover b,
.case-management-page .seo-related-grid a:focus-visible b{color:#f1d17c}
.case-management-page .seo-related-grid a.is-spotlight span,
.case-management-page .seo-related-grid a:hover span,
.case-management-page .seo-related-grid a:focus-visible span{color:#d5dee4}

@media(max-width:640px){
  .case-management-page .seo-related-grid a.is-spotlight,
  .case-management-page .seo-related-grid a:hover,
  .case-management-page .seo-related-grid a:focus-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .case-management-page .seo-related-grid a{transition:none!important}
}

/* R22.3 mobile hardening — no horizontal overflow / no layout shift */
.case-management-page{overflow-x:clip}
.case-management-page main,.case-management-page section,.case-management-page .container,.case-management-page .narrow,.case-management-page .seo-route-grid,.case-management-page .seo-related-grid,.case-management-page .feature-detail-grid{min-width:0;max-width:100%}
.case-management-page .seo-related-grid a,.case-management-page .detail-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){
  .case-management-page .page-hero>.container,.case-management-page .seo-route-section>.container,.case-management-page .section>.container{width:calc(100% - 28px)!important;margin-inline:auto!important}
  .case-management-page .page-hero h1{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1.28!important;max-width:100%!important;overflow-wrap:anywhere}
  .case-management-page .page-hero p,.case-management-page .seo-route-head p{max-width:100%!important;overflow-wrap:anywhere}
  .case-management-page .page-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important}
  .case-management-page .page-hero-actions .btn{width:100%!important;max-width:100%!important;min-width:0!important}
  .case-management-page .seo-route-grid,.case-management-page .seo-related-grid,.case-management-page .feature-detail-grid{grid-template-columns:1fr!important;gap:14px!important}
  .case-management-page .seo-related-grid a{width:100%!important;min-height:112px!important}
  .case-management-page .detail-card{width:100%!important;padding:24px 20px!important}
}
@media(max-width:390px){
  .case-management-page .page-hero>.container,.case-management-page .seo-route-section>.container,.case-management-page .section>.container{width:calc(100% - 22px)!important}
  .case-management-page .page-hero h1{font-size:clamp(1.9rem,8.8vw,2.35rem)!important}
  .case-management-page .seo-route-head h2{font-size:1.55rem!important;line-height:1.55!important}
}

/* R22.4 FINAL — shared 2-second navy spotlight for home route + case cards */
.seo-route-section .seo-route-card{
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,color .32s ease,transform .32s ease;
}
.seo-route-section .seo-route-card.is-spotlight,
.seo-route-section .seo-route-card:hover,
.seo-route-section .seo-route-card:focus-visible{
  background:linear-gradient(145deg,#071827,#0d2b43);
  border-color:#1c425f;
  box-shadow:0 18px 42px rgba(7,24,39,.16);
  transform:translateY(-2px);
  outline:none;
}
.seo-route-section .seo-route-card.is-spotlight small,
.seo-route-section .seo-route-card:hover small,
.seo-route-section .seo-route-card:focus-visible small,
.seo-route-section .seo-route-card.is-spotlight b,
.seo-route-section .seo-route-card:hover b,
.seo-route-section .seo-route-card:focus-visible b{color:#f1d17c}
.seo-route-section .seo-route-card.is-spotlight span,
.seo-route-section .seo-route-card:hover span,
.seo-route-section .seo-route-card:focus-visible span{color:#d5dee4}
@media(max-width:640px){
  .seo-route-section .seo-route-card.is-spotlight,
  .seo-route-section .seo-route-card:hover,
  .seo-route-section .seo-route-card:focus-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .seo-route-section .seo-route-card{transition:none!important}
}
