/* Centobin Law Office — home page */
body{margin:0;background:#fff;font-family:'Libre Franklin',system-ui,sans-serif;color:#1c2430;-webkit-font-smoothing:antialiased}
  *{box-sizing:border-box}
  a{color:#0b4a8f;text-decoration:none}
  a:hover{color:#c9a227}
  /* inline links inside body copy (charge/defence/process copy blocks,
     accordion answers, section leads, etc.) sit close in color to the
     surrounding prose — underline them so they're distinguishable without
     relying on color alone (WCAG 1.4.1 / axe link-in-text-block) */
  p a,li a{text-decoration:underline;text-decoration-color:rgba(11,74,143,.4);text-underline-offset:2px}
  h1,h2,h3,h4{margin:0;text-wrap:pretty}
  p{margin:0}
  a{transition:color 150ms ease}
  /* grid items default to min-width:auto and refuse to shrink below their
     content's natural size, which can force a track (and the whole grid)
     wider than its container once nested flex rows / long list items are
     involved — this is inert everywhere else, so apply it universally */
  .grid>*{min-width:0}
  /* real photo dropped into a .ph placeholder wrapper (per the recipe in
     HANDOFF.md) — keep the wrapper's sizing/position, just fill it and
     clip instead of showing the hatched placeholder pattern */
  .ph-photo{background:none;overflow:hidden}
  .ph-photo img{width:100%;height:100%;object-fit:cover;display:block}
  /* portrait photos (team, author bio): keep faces in frame instead of a
     center-crop that can clip the top of the head */
  .team-row .ph-photo img,.author-bio-photo .ph-photo img{object-position:top center}
  /* table of contents (article sidebar) */
  .toc{background:#fff;border:1px solid #e2ddd0;border-top:3px solid #c9a227;padding:22px 24px}
  .toc-title{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#666c75}
  .toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
  .toc-list a{font-size:14px;line-height:1.4;color:#0b4a8f}
  .toc-list a:hover{color:#c9a227}
  /* author bio (end of article body) */
  .author-bio{margin-top:40px;padding-top:32px;border-top:1px solid #e2ddd0;display:flex;gap:20px;align-items:flex-start}
  .author-bio-photo{flex:none;width:84px;height:84px}
  .author-bio-photo .ph{width:100%;height:100%;height:auto;aspect-ratio:1;border-radius:50%}
  .author-bio-label{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#666c75}
  .author-bio-name{margin-top:4px;font-family:Lora,serif;font-size:19px;font-weight:600;color:#0b4a8f}
  .author-bio-role{margin-top:2px;font-size:13px;color:#6b7480}
  .author-bio-text{margin-top:10px;font-size:14.5px;line-height:1.7;color:#4a5563;max-width:64ch}
  .author-bio-link{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:#0b4a8f}
  .author-bio-link:hover{color:#c9a227}
  @media (max-width:520px){.author-bio{flex-direction:column;align-items:flex-start}}
  @keyframes omMenuIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
  @keyframes omFadeUp{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:120ms !important}
    [data-om-press]:active{transform:none !important}
    .mobile-nav{transform:none !important;opacity:0;pointer-events:none;transition:opacity 120ms ease !important}
    .mobile-nav.open{opacity:1;pointer-events:auto}
    .m-group{transform:none !important}
  }

/* --- header dropdowns --- */
.nav-item .menu{display:none}
.nav-item.open .menu{display:block}
.chev{display:flex;opacity:.55;transition:transform 200ms cubic-bezier(.32,.72,0,1),opacity 160ms ease}
.nav-item.open .chev{transform:rotate(180deg);opacity:.9}

/* --- FAQ accordion --- */
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 240ms cubic-bezier(.32,.72,0,1)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a > *{min-height:0;overflow:hidden;padding:0 !important}
.faq-a > * > *{margin-inline:24px}
.faq-a > * > *:last-child{margin-bottom:24px}
.faq-item.open{border-inline-start-color:#c9a227 !important}
.faq-sign{transition:transform 200ms cubic-bezier(.32,.72,0,1),background 200ms ease,color 200ms ease}
.faq-item.open .faq-sign{background:#c9a227;color:#12233a;transform:rotate(180deg)}

/* --- searchable comboboxes --- */
.combo-list{display:none;position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:5;max-height:216px;overflow:auto;background:#fff;border:1px solid #dcd7c9;box-shadow:0 14px 30px rgba(11,74,143,.14);transform-origin:top center;animation:omMenuIn 150ms cubic-bezier(.23,1,.32,1)}
.combo-list.open{display:block}
.combo-option{padding:12px 15px;font-size:14px;color:#2b3542;cursor:pointer;border-bottom:1px solid #f2efe6}
.combo-empty{padding:12px 15px;font-size:13.5px;color:#666c75}
@media (hover:hover) and (pointer:fine){.combo-option:hover{background:#f6f3ec;color:#0b4a8f}}

/* --- press feedback --- */
.press:active{transform:scale(.97)}

/* --- generated hover / active states --- */
@media (hover:hover) and (pointer:fine){.x1:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x2:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x3:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x4:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x5:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x6:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x7:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x8:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x9:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x10:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x11:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x12:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x13:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x14:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x15:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x16:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x17:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x18:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x19:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x20:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x21:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x22:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x23:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x24:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x25:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x26:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x27:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x28:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x29:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x30:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x31:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x32:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x33:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x34:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x35:hover{color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x36:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x37:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x38:hover{background:#f6f3ec;color:#0b4a8f}}
@media (hover:hover) and (pointer:fine){.x39:hover{background:#c9a227;color:#12233a}
.x39:hover .u208{color:#5c4a12}
.x39:hover .u209{color:#12233a}}
.x39:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x40:hover{background:#0b4a8f;color:#fff}}
.x40:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x41:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x42:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x43:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x44:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x45:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x46:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x47:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x48:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x49:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x50:hover{box-shadow:0 14px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x51:hover{background:#fff}}
.x51:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x52:hover{background:#efeadd}}
@media (hover:hover) and (pointer:fine){.x53:hover{background:#efeadd}}
@media (hover:hover) and (pointer:fine){.x54:hover{background:#efeadd}}
@media (hover:hover) and (pointer:fine){.x55:hover{background:#0b4a8f;color:#fff}}
.x55:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x56:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x57:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x58:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x59:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x60:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x61:hover{box-shadow:0 16px 34px rgba(0,0,0,.24);transform:translateY(-2px)}}
@media (hover:hover) and (pointer:fine){.x62:hover{background:#fff}}
.x62:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x63:hover{background:#c9a227;color:#12233a}}
.x63:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x64:hover{background:#c9a227;color:#12233a}}
.x64:active{transform:scale(0.97)}
@media (hover:hover) and (pointer:fine){.x65:hover{background:#c9a227;color:#12233a}}
.x65:active{transform:scale(0.97)}


/* ============================================================
   RESPONSIVE  (inline styles hold the desktop layout, so these
   class-based overrides use !important deliberately)
   ============================================================ */

/* ---------- mobile header + fullscreen menu ---------- */
.burger{display:none;align-items:center;justify-content:center;margin-inline-start:auto;width:46px;height:46px;background:transparent;border:none;cursor:pointer;padding:0}
.burger-lines{position:relative;display:block;width:26px;height:16px}
.burger-lines span{position:absolute;inset-inline-start:0;height:2px;background:#0b4a8f;border-radius:2px;transition:transform 320ms cubic-bezier(.32,.72,0,1),width 320ms cubic-bezier(.32,.72,0,1),opacity 160ms ease}
.burger-lines span:nth-child(1){top:0;width:26px}
.burger-lines span:nth-child(2){top:7px;width:18px}
.burger-lines span:nth-child(3){top:14px;width:22px}
.burger[aria-expanded="true"] .burger-lines span:nth-child(1){transform:translateY(7px) rotate(45deg);width:26px}
.burger[aria-expanded="true"] .burger-lines span:nth-child(2){opacity:0;transform:translateX(10px)}
.burger[aria-expanded="true"] .burger-lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:26px}

.mobile-nav{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:#fff;transform:translateX(100%);transition:transform 260ms cubic-bezier(.32,.72,0,1),visibility 260ms;visibility:hidden}
.mobile-nav.open{transition:transform 420ms cubic-bezier(.32,.72,0,1)}
.mobile-nav.open{transform:none;visibility:visible}
.m-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e9e6df}
.m-top img{height:42px;width:auto;display:block}
.m-close{position:relative;width:44px;height:44px;background:transparent;border:none;cursor:pointer}
.m-close span{position:absolute;top:21px;inset-inline-start:10px;width:24px;height:2px;background:#0b4a8f;border-radius:2px}
.m-close span:first-child{transform:rotate(45deg)}
.m-close span:last-child{transform:rotate(-45deg)}
.m-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}

.m-group{border-bottom:1px solid #eee9dd;opacity:0;transform:translateX(18px);transition:opacity 320ms ease,transform 420ms cubic-bezier(.32,.72,0,1)}
.m-group:last-child,.m-group:has(+ .m-cta){border-bottom:none}
.mobile-nav.open .m-group{opacity:1;transform:none}
.mobile-nav.open .m-group:nth-child(1){transition-delay:90ms}
.mobile-nav.open .m-group:nth-child(2){transition-delay:130ms}
.mobile-nav.open .m-group:nth-child(3){transition-delay:170ms}
.mobile-nav.open .m-group:nth-child(4){transition-delay:210ms}
.mobile-nav.open .m-group:nth-child(5){transition-delay:250ms}
.mobile-nav.open .m-group:nth-child(6){transition-delay:290ms}
.m-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;min-height:56px;font:600 16px/1.3 'Libre Franklin',sans-serif;color:#0b4a8f;text-align:start;cursor:pointer}
.m-head > span:first-child{flex:1;text-align:start}
.m-head a{color:inherit;flex:1;text-align:start}
.m-head .chev{margin-inline-start:auto;color:#c9a227;transition:transform 260ms cubic-bezier(.32,.72,0,1)}
.m-group.open .m-head .chev{transform:rotate(180deg)}
.m-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows 340ms cubic-bezier(.32,.72,0,1)}
.m-group.open .m-links{grid-template-rows:1fr}
.m-links-inner{min-height:0;overflow:hidden}
.m-links a{display:block;padding:13px 22px;font-size:14.5px;color:#3d4753;border-top:1px solid #f4f1e8;text-align:start}
.m-links a.m-view-all{font-weight:700;color:#0b4a8f;border-top:none}
.m-cta{padding:18px 22px 26px}
.m-cta a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:15px 17px;text-align:center;background:#0b4a8f;color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.u210{font-size:9.5px;font-weight:600;letter-spacing:.16em;line-height:1;color:#c9a227}
.u211{font-size:15.5px;font-weight:700;letter-spacing:.03em;line-height:1;color:#fff}
body.menu-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .mobile-nav{transition:none}
  .m-group{transition:none;opacity:1;transform:none}
}

@media (max-width:1200px){
  .grid[data-g="4"]{grid-template-columns:repeat(2,1fr) !important}
}

@media (max-width:1080px){
  .burger{display:flex}
  .nav-desktop{display:none !important}
  [data-nav-cta]{display:none !important}
  .header-row{height:auto !important;padding-top:14px !important;padding-bottom:14px !important;gap:14px !important;justify-content:space-between !important}
  .grid[data-g="split"],.grid[data-g="2"],.u85{grid-template-columns:1fr !important;gap:28px !important}
  .grid[data-g="3"]{grid-template-columns:repeat(2,1fr) !important}
  section{padding-left:24px !important;padding-right:24px !important}
  h1{font-size:40px !important}
  h2{font-size:30px !important;max-width:none !important}
}

/* footer accordion (mobile only) */
.f-chev{display:none}

@media (max-width:760px){
  .f-col{border-bottom:1px solid rgba(255,255,255,.16)}
  .f-col:last-of-type{border-bottom:none}
  .f-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;min-height:52px;cursor:pointer;text-align:start}
  .f-head h4{flex:1;text-align:start;font-size:13px !important}
  .f-chev{display:flex;margin-inline-start:auto;color:#e6c95f;transition:transform 200ms cubic-bezier(.32,.72,0,1)}
  .f-col.open .f-chev{transform:rotate(180deg)}
  .f-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows 340ms cubic-bezier(.32,.72,0,1)}
  .f-col.open .f-links{grid-template-rows:1fr}
  .f-links-inner{min-height:0;overflow:hidden}
  .f-links-inner > div{margin-top:0 !important;padding-bottom:16px;gap:14px !important}
}

@media (max-width:760px){
  .util-row{height:auto !important;padding:10px 18px !important;flex-wrap:wrap;gap:6px 14px;justify-content:center !important;text-align:center}
  .util-row > div{flex-wrap:wrap;justify-content:center;gap:6px 14px !important}
  .grid{grid-template-columns:1fr !important;gap:16px !important}
  .grid > *{grid-column:span 1 !important}
  section{padding-top:48px !important;padding-bottom:48px !important;padding-left:18px !important;padding-right:18px !important}
  footer{padding-left:18px !important;padding-right:18px !important}
  h1{font-size:31px !important;line-height:1.15 !important;max-width:none !important}
  h2{font-size:24px !important;line-height:1.28 !important;max-width:none !important;text-align:left !important}
  h3{font-size:17px !important}
  p{max-width:none !important}
  #book{padding:24px !important}
  .card{padding:22px 18px !important}
  .cta:not([data-nav-cta]){display:block !important;width:100% !important;text-align:center;padding-top:16px !important;padding-bottom:16px !important}
  .action-row{flex-direction:column !important;align-items:stretch !important}
  .ph{height:200px !important}
  .footer-legal{flex-direction:column !important;gap:8px;text-align:center}
}

@media (max-width:420px){
  h1{font-size:27px !important}
  .stat-num{font-size:21px !important}
}

/* ---------- card carousels ---------- */
.car-bar{display:none;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:12px}
.swipe-hint{display:flex;align-items:center;gap:6px;font:600 11px/1 'Libre Franklin',sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.car-nav{display:flex;gap:8px}
.car-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid currentColor;color:inherit;opacity:.75;cursor:pointer;transition:opacity 160ms ease,background 160ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.car-btn:hover{opacity:1;background:rgba(127,127,127,.12)}}
.car-btn:active{transform:scale(.95)}
.car-btn:disabled{opacity:.28;cursor:default;transform:none}
.car-scroll{scrollbar-width:none;-ms-overflow-style:none}
.car-scroll::-webkit-scrollbar{display:none}

@media (min-width:761px){
  .grid.car-d{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .grid.car-d > *{flex:0 0 calc(25% - 15px);scroll-snap-align:start}
  @media (max-width:1080px){.grid.car-d > *{flex:0 0 calc(50% - 10px)}}
  .car-d-bar{display:flex}
}

@media (max-width:760px){
  .grid.car-m{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;padding-bottom:8px}
  .grid.car-m > *{flex:0 0 82% !important;scroll-snap-align:start;grid-column:auto !important}
  .car-m-bar{display:flex}
  .car-btn{width:44px;height:44px}
}

/* commercial litigation banner sits below the services carousel */
@media (max-width:760px){
  .lit-card{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;padding:22px 18px !important}
}

/* whole charge card is clickable via its heading link */
.card{position:relative}
.card-link{color:#0b4a8f;text-decoration:none}
.card-link::after{content:"";position:absolute;inset:0;z-index:1}
/* featured post gets the same whole-card click treatment as regular post cards */
#featured .grid{position:relative}
@media (hover:hover) and (pointer:fine){
  .card:hover .card-link{color:#c9a227}
}

@media (max-width:760px){
  .util-contact{display:none !important}
  /* keep the notice on a single line */
  .util-row{flex-wrap:nowrap !important;padding:9px 14px !important}
  .util-msg{flex-wrap:nowrap !important;gap:8px !important;font-size:11px;white-space:nowrap}
  .util-msg > span{white-space:nowrap}
  .util-msg > span:last-child::before{content:"·";margin-inline-end:8px;opacity:.6}
}
@media (max-width:400px){
  /* below this the two notices cannot share a line — keep the one that converts */
  .util-msg{font-size:11px;gap:0 !important}
  .util-msg > span:first-child{display:none !important}
  .util-msg > span:last-child::before{content:none}
}

/* ============================================================
   EXTRACTED PAGE RULES
   One class per unique declaration set, lifted out of the markup.
   Section anchors: #hero #charges #urgent-cta #about #immigration #services #why-us #faq #takeaways #contact #blog #testimonials #site-footer
   ============================================================ */
.u1{width:100%;background:#0b4a8f;color:#fff}
.u2{max-width:1440px;margin:0 auto;padding:0 32px;height:38px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;letter-spacing:.02em}
.u3{display:flex;align-items:center;gap:26px}
.u4{display:flex;align-items:center;gap:8px}
.u5{width:6px;height:6px;border-radius:50%;background:#c9a227}
.u6{opacity:.75}
.u7{display:flex;align-items:center;gap:22px}
.u8{color:#fff}
.u9{opacity:.35}
.u10{color:#fff;font-weight:600}
.u11{width:100%;background:#fff;border-bottom:1px solid #e9e6df;box-shadow:0 1px 12px rgba(11,74,143,.05);position:sticky;top:0;z-index:100;transition:box-shadow 220ms ease}
.u12{max-width:1440px;margin:0 auto;padding:0 32px;height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px;transition:height 220ms cubic-bezier(.4,0,.2,1)}
.u13{display:flex;align-items:center;flex:none}
.u14{height:52px;width:auto;display:block;transition:height 220ms cubic-bezier(.4,0,.2,1)}
.u15{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500;color:#1c2430}
.u16{position:relative;padding:32px 0;cursor:pointer;transition:padding 220ms cubic-bezier(.4,0,.2,1)}
@media (min-width:1081px){
  .u11.is-scrolled{box-shadow:0 4px 20px rgba(11,74,143,.12)}
  .u11.is-scrolled .u12{height:64px}
  .u11.is-scrolled .u14{height:40px}
  .u11.is-scrolled .u16{padding:20px 0}
}
.u17{display:flex;align-items:center;gap:6px;color:#1c2430}
.u18{position:absolute;top:100%;left:-18px;z-index:20;min-width:250px;background:#fff;border:1px solid #e9e6df;border-top:2px solid #c9a227;box-shadow:0 20px 44px rgba(11,74,143,.14);padding:10px 0;transform-origin:top center;animation:omMenuIn 150ms cubic-bezier(.23,1,.32,1)}
.u19{display:block;padding:9px 22px;font-size:13.5px;color:#2b3542}
.u20{position:absolute;top:100%;left:-18px;z-index:20;min-width:270px;background:#fff;border:1px solid #e9e6df;border-top:2px solid #c9a227;box-shadow:0 20px 44px rgba(11,74,143,.14);padding:10px 0;transform-origin:top center;animation:omMenuIn 150ms cubic-bezier(.23,1,.32,1)}
.u21{position:absolute;top:100%;left:-18px;z-index:20;min-width:290px;background:#fff;border:1px solid #e9e6df;border-top:2px solid #c9a227;box-shadow:0 20px 44px rgba(11,74,143,.14);padding:10px 0;transform-origin:top center;animation:omMenuIn 150ms cubic-bezier(.23,1,.32,1)}
.u22{padding:32px 0;color:#1c2430}
.u23{position:absolute;top:100%;right:-18px;z-index:20;min-width:200px;background:#fff;border:1px solid #e9e6df;border-top:2px solid #c9a227;box-shadow:0 20px 44px rgba(11,74,143,.14);padding:10px 0;transform-origin:top center;animation:omMenuIn 150ms cubic-bezier(.23,1,.32,1)}
.u24{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;background:#0b4a8f;color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:11px 22px;border-radius:2px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u25{background:#f6f3ec;padding:70px 32px 70px}
.u26{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.u27{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.u28{height:1px;width:34px;background:#c9a227}
.u29{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#826816}
.u30{font-family:Lora,Georgia,serif;font-size:52px;line-height:1.1;font-weight:600;color:#0b4a8f;letter-spacing:-.01em;max-width:20ch}
.u31{margin-top:20px;font-size:17px;line-height:1.65;color:#3d4753;max-width:58ch}
.u32{margin-top:28px;padding:24px 28px;background:#0b4a8f;border-top:3px solid #c9a227;max-width:58ch;box-shadow:0 18px 40px rgba(11,74,143,.16)}
.u33{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f0d475}
.u33::after{content:"";flex:1;height:1px;background:rgba(201,162,39,.45)}
.u34{margin-top:10px;font-family:Lora,Georgia,serif;font-size:17px;line-height:1.7;color:#eef3f9}
.u34 a{color:#f0d475;text-decoration:underline;text-decoration-color:rgba(240,212,117,.5);text-underline-offset:3px}
.u34 a:hover{text-decoration-color:#f0d475}
.u34 strong{color:#fff}
.u35{margin-top:26px;display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.u36{display:flex;align-items:center;background:#c9a227;color:#12233a;font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:17px 26px;border-radius:2px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u37{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:10px 22px;background:#fff;border:1px solid #e2ddd0}
.u37>div{min-width:0}
.u38{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#666c75}
.u39{font-family:Lora,serif;font-size:20px;font-weight:600;color:#0b4a8f}
.u40{width:1px;align-self:stretch;background:#e6e1d4}
.u41{margin-top:22px;font-size:16px;line-height:1.65;color:#3d4753;max-width:58ch}
.u42{margin-top:32px;padding-top:24px;border-top:1px solid #e2ddd0;display:grid;grid-template-columns:repeat(4,1fr)}
.u43{padding-right:20px}
.u44{font-family:Lora,serif;font-size:26px;font-weight:600;color:#0b4a8f}
.u45{color:#c9a227}
.u46{font-size:12px;line-height:1.4;color:#636b76;margin-top:4px}
.u47{padding:0 20px;border-left:1px solid #e6e1d4}
.u48{padding-left:20px;border-left:1px solid #e6e1d4}
.u49{background:#fff;padding:34px;box-shadow:0 18px 50px rgba(11,74,143,.12);border-top:4px solid #0b4a8f}
.u50{font-family:Lora,serif;font-size:23px;font-weight:600;color:#0b4a8f;line-height:1.3}
.u51{margin-top:10px;font-size:13.5px;line-height:1.6;color:#6b7480}
.u52{margin-top:22px;display:flex;flex-direction:column;gap:14px}
.u53{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.u54{width:20px;height:20px;border-radius:50%;background:#0b4a8f;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.u55{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#666c75}
.u56{position:relative}
.u57{width:100%;padding:14px 15px;border:1px solid #dcd7c9;background:#faf8f3;font-family:'Libre Franklin',sans-serif;font-size:14px;color:#1c2430;outline:none}
.u58{display:none;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#0b4a8f;color:#fff}
.u59{font-size:14px;font-weight:600}
.u60{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e6c95f;cursor:pointer}
.u61{display:none;flex-direction:column;gap:14px}
.u62{width:100%;padding:14px 15px;border:1px solid #dcd7c9;background:#faf8f3;font-family:'Libre Franklin',sans-serif;font-size:14px;color:#1c2430;outline:none;resize:vertical}
.u63{width:100%;padding:17px;background:#0b4a8f;color:#fff;border:none;font-family:'Libre Franklin',sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u64{font-size:11.5px;line-height:1.5;color:#666c75;text-align:center}
.u65{max-width:1440px;margin:56px auto 0}
.u66{height:340px;margin-top:40px;background:repeating-linear-gradient(135deg,#e6e1d4 0 12px,#ded8c8 12px 24px);display:flex;align-items:center;justify-content:center;border:1px solid #d8d2c2}
.u67{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;letter-spacing:.08em;color:#8d8774}
.u68{background:#0b4a8f;color:#fff;padding:82px 32px}
/* .u103/.u132 are generic prose classes reused across both light- and
   dark-background sections; their own fixed dark-gray color wins over the
   inherited white when they land inside this dark section, so pin them
   back to a readable light color here specifically */
.u68 .u103,.u68 .u103 strong,.u68 .u132,.u68 .u75{color:rgba(255,255,255,.8)}
.u69{max-width:1440px;margin:0 auto}
.u70{font-family:Lora,serif;font-size:38px;line-height:1.25;font-weight:600;text-align:center;max-width:40ch;margin:0 auto}
.u71{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px;margin-top:36px;font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.82)}
.u72{display:flex;flex-direction:column;gap:16px}
.u73{margin-top:46px;display:flex;align-items:center;gap:16px;justify-content:center}
.u74{height:1px;width:60px;background:rgba(255,255,255,.25)}
.u75{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#806914}
.u76{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-2x2{grid-template-columns:repeat(2,1fr)}
.u77{background:#fff;padding:26px 22px 24px;border-bottom:3px solid #c9a227;transition:box-shadow 200ms ease,transform 200ms cubic-bezier(.23,1,.32,1)}
.u78{width:46px;height:46px;border-radius:2px;background:#0b4a8f;margin-bottom:16px;display:flex;align-items:center;justify-content:center;transition:background 200ms ease}
.u79{width:23px;height:23px;color:#fff;transition:color 200ms ease}
@media (hover:hover) and (pointer:fine){.card:hover .u78{background:#c9a227}.card:hover .u79{color:#12233a}}
.u80{font-size:16.5px;font-weight:600;line-height:1.3}
.u81{margin-top:9px;font-size:13.5px;line-height:1.6;color:#5b6573}
.u82{background:#f6f3ec;padding:70px 32px}
.u83{max-width:1080px;margin:0 auto;position:relative;background:#12233a;padding:56px 60px;overflow:hidden}
.u84{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 10px,transparent 10px 20px)}
.u85{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:center}
.u86{font-family:Lora,serif;font-size:31px;line-height:1.25;font-weight:600;color:#fff;max-width:36ch}
.u87{margin-top:14px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.7);max-width:58ch}
.u88{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.u89{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.u90{font-family:Lora,serif;font-size:26px;font-weight:600;color:#fff}
.u91{margin-top:6px;background:#c9a227;color:#12233a;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px 26px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u92{background:#fff;padding:88px 32px}
.u93{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.u94{height:430px;background:repeating-linear-gradient(135deg,#eceadf 0 12px,#e3e0d2 12px 24px);border:1px solid #dcd8c9;display:flex;align-items:flex-end;justify-content:center;padding:18px}
.u95{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#8d8774;text-align:center}
.u96{margin-top:-1px;background:#0b4a8f;color:#fff;padding:24px 26px}
.u97{font-family:Lora,serif;font-size:22px;font-weight:600}
.u98{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#e6c95f;margin-top:4px}
.u99{margin-top:14px;font-family:Lora,serif;font-style:italic;font-size:15px;line-height:1.6;color:rgba(255,255,255,.85)}
.u100{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:8px;font-size:14px}
.u101{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.u102{font-family:Lora,serif;font-size:36px;line-height:1.25;font-weight:600;color:#0b4a8f;max-width:36ch}
.u103{margin-top:22px;display:flex;flex-direction:column;gap:15px;font-size:15.5px;line-height:1.75;color:#4a5563}
.u104{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.u105{display:block;padding:16px 18px;background:#f6f3ec;border-left:2px solid #c9a227;font-size:13.5px;font-weight:600;line-height:1.4;color:#0b4a8f}
.u106{vertical-align:-2px}
.u107{display:inline-block;margin-top:26px;border:1px solid #0b4a8f;color:#0b4a8f;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:15px 26px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u108{background:#f6f3ec;padding:82px 32px}
.u109{font-family:Lora,serif;font-size:34px;line-height:1.3;font-weight:600;color:#0b4a8f;text-align:center;max-width:54ch;margin:0 auto}
.u110{margin-top:38px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.u111{display:flex;flex-direction:column;gap:15px;font-size:15px;line-height:1.75;color:#4a5563}
.u112{height:420px;background:repeating-linear-gradient(135deg,#e6e1d4 0 12px,#ded8c8 12px 24px);border:1px solid #d8d2c2;display:flex;align-items:center;justify-content:center}
.u113{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#8d8774}
.u114{background:#12233a;color:#fff;padding:82px 32px}
.u115{font-family:Lora,serif;font-size:36px;line-height:1.25;font-weight:600;text-align:center}
.u116{margin-top:14px;text-align:center;font-size:15px;color:rgba(255,255,255,.65)}
/* .u116 is reused as-is on dark sections and, with the .body-dark
   modifier, on light ones — inline links need light-on-dark styling only
   in the former case, since the default navy link color is already
   correct wherever .body-dark applies */
.u116:not(.body-dark) a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.u117{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.u118{background:#fff;padding:30px 26px;border-bottom:3px solid #c9a227;transition:box-shadow 200ms ease,transform 200ms cubic-bezier(.23,1,.32,1)}
.u119{width:46px;height:46px;border-radius:2px;background:#0b4a8f;margin-bottom:16px;display:flex;align-items:center;justify-content:center;transition:background 200ms ease}
@media (hover:hover) and (pointer:fine){.card:hover .u119{background:#c9a227}}
.u120{font-size:18px;font-weight:600;line-height:1.3}
.u121{margin-top:10px;font-size:13.5px;line-height:1.65;color:#5b6573}
.u122{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.u123{margin-top:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:28px 30px;display:flex;gap:24px;align-items:center}
.u124{flex:none;width:42px;height:42px;background:rgba(201,162,39,.25);border:1px solid rgba(201,162,39,.5);display:flex;align-items:center;justify-content:center}
.u125{color:#e6c95f}
.u126{flex:1}
.u127{font-size:18px;font-weight:600;color:#fff}
.u128{margin-top:8px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.7);max-width:90ch}
.u129{flex:none;display:inline-flex;align-items:center;gap:5px;color:#e6c95f;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.u130{max-width:70ch}
.u131{font-family:Lora,serif;font-size:36px;line-height:1.25;font-weight:600;color:#0b4a8f}
.u132{margin-top:16px;font-size:15.5px;line-height:1.7;color:#5b6573}
.u133{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.u134{background:#0b4a8f;color:#fff;padding:32px 30px;display:flex;gap:20px}
.u135{flex:none;width:40px;height:40px;border-radius:50%;background:#c9a227;display:flex;align-items:center;justify-content:center}
.u136{color:#12233a}
.u137{font-size:18.5px;font-weight:600;line-height:1.3}
.u138{margin-top:10px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.78)}
.u139{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6e2d6}
.u140{background:#f6f3ec;padding:22px 24px}
.u141{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#826816}
.u142{margin-top:6px;font-size:14px;line-height:1.5;color:#2b3542}
.u143{max-width:1000px;margin:0 auto}
.u144{font-family:Lora,serif;font-size:34px;line-height:1.3;font-weight:600;color:#0b4a8f;text-align:center}
.u145{margin-top:34px;display:flex;flex-direction:column;gap:12px}
.u146{background:#fff;border:1px solid #e6e1d4;border-left:3px solid #c9a227}
.u147{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer}
.u148{font-size:16.5px;font-weight:600;line-height:1.45;color:#0b4a8f}
.u149{flex:none;width:26px;height:26px;border-radius:50%;background:#f1ecdb;color:#0b4a8f;display:flex;align-items:center;justify-content:center}
.u150{padding:0 24px 24px;animation:omFadeUp 180ms cubic-bezier(.23,1,.32,1)}
.u151{font-size:14.5px;line-height:1.75;color:#4a5563;max-width:88ch}
.u152{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.u153{background:#fff;border:1px solid #e6e1d4;border-left:3px solid transparent}
.u154{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.u155{font-family:Lora,serif;font-size:34px;line-height:1.3;font-weight:600;color:#0b4a8f}
.u156{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.u157{display:flex;gap:14px;font-size:15px;line-height:1.7;color:#4a5563;overflow-wrap:anywhere}
.u158{flex:none;margin-top:8px;width:7px;height:7px;background:#c9a227}
.u159{height:420px;background:repeating-linear-gradient(135deg,#eceadf 0 12px,#e3e0d2 12px 24px);border:1px solid #dcd8c9;display:flex;align-items:center;justify-content:center}
.u160{background:#0b4a8f}
.u161{max-width:1440px;margin:0 auto;padding:72px 32px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.u162{font-family:Lora,serif;font-size:34px;line-height:1.25;font-weight:600;color:#fff;max-width:38ch}
.u163{margin-top:14px;font-size:15.5px;line-height:1.7;color:rgba(255,255,255,.75);max-width:62ch}
.u164{display:flex;gap:28px}
.u165{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.u166{font-family:Lora,serif;font-size:24px;font-weight:600;color:#fff}
.u167{background:#c9a227;color:#12233a;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:17px 30px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u168{background:#faf8f3;padding:82px 32px}
.u169{text-align:center}
.u170{font-family:Lora,serif;font-size:34px;font-weight:600;color:#0b4a8f;margin-top:8px}
.u171{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.u172{position:relative;background:#fff;border:1px solid #eae5d8}
.u173{height:190px;background:repeating-linear-gradient(135deg,#eceadf 0 12px,#e3e0d2 12px 24px);display:flex;align-items:center;justify-content:center}
.u174{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#8d8774}
.u175{padding:24px}
.u176{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#826816}
.u177{margin-top:10px;font-size:19px;font-weight:600;color:#0b4a8f;line-height:1.35}
.u178{display:inline-block;margin-top:16px;background:#0b4a8f;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 20px;transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease,color 160ms ease}
.u179{margin-top:26px;display:flex;justify-content:center;gap:8px;align-items:center;font-size:13.5px;color:#5b6573}
.u180{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#0b4a8f;color:#fff;font-weight:600}
.u181{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #e2ddd0}
.u182{padding:0 6px}
.u183{padding:0 12px;height:34px;display:flex;align-items:center;border:1px solid #e2ddd0}
.u184{background:#f2efe6;padding:82px 32px}
.u185{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.u186{background:#fff;padding:30px 28px;border-top:3px solid #c9a227}
.u187{font-family:Lora,serif;font-size:40px;line-height:.8;color:#e0d6b8}
.u188{margin-top:14px;font-size:14.5px;line-height:1.75;color:#4a5563}
.u189{margin-top:20px;padding-top:16px;border-top:1px solid #efebdf;display:flex;align-items:center;justify-content:space-between}
.u190{font-size:14.5px;font-weight:600;color:#0b4a8f}
.u191{font-size:13px;color:#c9a227;letter-spacing:.1em}
.u192{margin-top:26px;display:flex;justify-content:center;align-items:center;gap:16px}
.u193{width:9px;height:9px;border-radius:50%;background:#0b4a8f}
.u194{width:9px;height:9px;border-radius:50%;background:#cfc9b7}
.u195{margin-left:12px;font-size:13px;color:#636b76}
.u196{background:#0b4a8f;color:rgba(255,255,255,.8);padding:64px 32px 0}
.u197{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px}
.u198{background:#fff;padding:12px 16px;display:inline-block}
.u199{height:40px;width:auto;display:block}
.u200{margin-top:18px;font-size:13.5px;line-height:1.8}
.u201{margin-top:16px;font-size:13.5px;line-height:1.9}
.u202{margin-top:18px;display:flex;gap:10px}
.u203{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.u204{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#e6c95f}
.u205{margin-top:16px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.u206{color:rgba(255,255,255,.82)}
.u207{max-width:1440px;margin:48px auto 0;padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;font-size:12.5px;color:rgba(255,255,255,.68)}

/* ---------- numbered badges (process steps, why-us) ---------- */
.num-badge{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;margin-bottom:14px;background:#0b4a8f;color:#fff;font:700 15px/1 'Libre Franklin',sans-serif;border-radius:50%}
.num-badge--gold{margin-bottom:0;background:#c9a227;color:#12233a}

/* ---------- hub page: hero subhead + trust strip ---------- */
.hero-sub{margin-top:14px;font:600 22px/1.35 Lora,Georgia,serif;color:#2b3542}
.trust-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:32px;padding-top:22px;border-top:1px solid #e2ddd0;font:600 13.5px/1.4 'Libre Franklin',sans-serif;color:#0b4a8f}
.trust-strip span{display:flex;align-items:center;gap:10px}
.trust-strip span + span::before{content:"";width:5px;height:5px;border-radius:50%;background:#c9a227}
.duty-media{margin-bottom:20px}

/* nested carousels stay grids — a half-width 4-up carousel is unreadable */
.grid .grid.car-d{display:grid !important;overflow:visible}

@media (max-width:760px){
  .hero-sub{font-size:19px !important}
  .trust-strip{gap:8px 14px;font-size:12.5px}
}



/* light-section variants of the dark-band heading/intro */
.head-dark{color:#0b4a8f}
.body-dark{color:#4a5563;max-width:92ch;margin-inline:auto}

.lead-outro{padding-bottom:22px}

/* ---------- criminal-record impact list ---------- */
.impact-list{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.impact-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#fff;border:1px solid #eae5d8;border-inline-start:3px solid #c9a227;transition:box-shadow 200ms ease,transform 200ms cubic-bezier(.23,1,.32,1)}
.impact-item p{margin:0;font:400 14.5px/1.65 'Libre Franklin',sans-serif;color:#4a5563}
.impact-item strong{color:#0b4a8f}
.impact-icon{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:2px;background:#e6edf6;color:#0b4a8f}
@media (hover:hover) and (pointer:fine){
  .impact-item:hover{box-shadow:0 10px 26px rgba(11,74,143,.10);transform:translateY(-1px)}
}
@media (max-width:760px){.impact-item{padding:14px 14px;gap:12px}}

/* press feedback for every remaining pressable surface */
.faq-q,.m-head,.f-head{-webkit-tap-highlight-color:transparent}
.card-link{transition:color 160ms ease}
.combo-option{transition:background 140ms ease,color 140ms ease}
.m-links a,.f-links a{transition:color 150ms ease,background 150ms ease}
.m-cta a{transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms ease}
.m-cta a:active{transform:scale(.98)}

/* ============================================================
   MOTION PASS — remaining interactive surfaces
   ============================================================ */

/* combobox rows: cursor lands on a row, row acknowledges it (feedback) */
.combo-option{transition:background 140ms ease,color 140ms ease,transform 160ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.combo-option:hover{transform:translateX(4px)}}
.combo-option:active{background:#efeadd}

/* selected-area bar replaces the search field — bridge the swap (preventing a jarring change) */
#area-chosen{animation:swapIn 200ms cubic-bezier(.23,1,.32,1)}
@keyframes swapIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}

/* step 2 + description appear once an area is chosen (state indication) */
#step2{animation:stepIn 240ms cubic-bezier(.32,.72,0,1)}
@keyframes stepIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* text inputs: focus is feedback, not decoration */
input,textarea,select{transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}
input:focus,textarea:focus,select:focus{border-color:#c9a227;background:#fff;box-shadow:0 0 0 3px rgba(201,162,39,.18)}

/* keyboard focus ring, matched to the brand rather than the browser default */
a:focus-visible,button:focus-visible,.faq-q:focus-visible,.m-head:focus-visible,.f-head:focus-visible{outline:2px solid #c9a227;outline-offset:2px;border-radius:2px}

/* pressable rows acknowledge the tap (feedback) */
.faq-q,.m-head,.f-head{transition:background 160ms ease}
.faq-q:active,.m-head:active,.f-head:active{background:rgba(11,74,143,.04)}

/* logo + footer social chips */
.u13,.u203{transition:transform 160ms cubic-bezier(.23,1,.32,1),opacity 160ms ease}
.u13:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.u203:hover{transform:translateY(-2px)}}

/* impact cards + trust strip already animate; give the numbered badges a press-free lift with their card */
@media (hover:hover) and (pointer:fine){
  .card:hover .num-badge{transform:translateY(-1px)}
}
.num-badge{transition:transform 200ms cubic-bezier(.23,1,.32,1)}

@media (prefers-reduced-motion: reduce){
  #area-chosen,#step2{animation:none}
  .combo-option:hover{transform:none}
  .u203:hover,.card:hover .num-badge{transform:none}
}

/* CTA hover states (the base a:hover gold would otherwise erase gold buttons) */
@media (hover:hover) and (pointer:fine){
  a.cta.u36:hover,a.cta.u167:hover,a.cta.u91:hover{background:#0b4a8f;color:#fff}
  a.cta.u107:hover{background:#0b4a8f;color:#fff}
  a.cta.u178:hover{background:#c9a227;color:#12233a}
  .m-cta a:hover{background:#c9a227;color:#12233a}
  .m-cta a:hover .u210{color:#5c4a12}
  .m-cta a:hover .u211{color:#12233a}
}

/* process steps: two per row at every width above mobile (must outrank the ≤1080 collapse) */
.grid.steps-grid[data-g="2"]{grid-template-columns:repeat(2,1fr) !important}
@media (max-width:760px){.grid.steps-grid[data-g="2"]{grid-template-columns:1fr !important}}

/* ---------- data table (penalty matrix) ---------- */
.table-wrap{margin-top:32px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #eae5d8}
.data-table{width:100%;border-collapse:collapse;font:400 14.5px/1.5 'Libre Franklin',sans-serif;color:#4a5563}
.data-table th{padding:16px 18px;text-align:start;background:#0b4a8f;color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.data-table td{padding:15px 18px;border-top:1px solid #f0ece0}
.data-table tbody tr:first-child td{border-top:none}
.data-table td:first-child{font-weight:600;color:#0b4a8f}
.data-table tbody tr{transition:background 160ms ease}
@media (hover:hover) and (pointer:fine){.data-table tbody tr:hover{background:#faf8f3}}
@media (max-width:760px){
  .data-table{font-size:13.5px}
  .data-table th,.data-table td{padding:12px 14px}
}

.ct{margin-top:30px;display:grid;grid-template-columns:.85fr 1.6fr;background:#fff;border:1px solid #e2ddd0}
.ct-list{display:flex;flex-direction:column;background:#faf8f2;border-right:1px solid #e9e6df}
.ct-tab{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:20px 20px;background:none;border:0;border-bottom:1px solid #ece9db;cursor:pointer;position:relative;transition:background 150ms ease}
.ct-tab:last-child{border-bottom:0}
.ct-tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c9a227;transform:scaleY(0);transform-origin:center;transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.ct-tab[aria-selected="true"]{background:#fff}
.ct-tab[aria-selected="true"]::before{transform:scaleY(1)}
.ct-ico{width:42px;height:42px;flex:none;border-radius:2px;background:#e6edf6;border:none;display:flex;align-items:center;justify-content:center;color:#0b4a8f;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}
.ct-tab[aria-selected="true"] .ct-ico{background:#0b4a8f;color:#fff}
.ct-tab-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.ct-name{font-family:Lora,Georgia,serif;font-size:15.5px;font-weight:600;line-height:1.25;color:#0b4a8f}
.ct-sec{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#666c75}
.ct-chev{flex:none;color:#c2bda9;opacity:0;transform:translateX(-4px);transition:opacity 150ms ease,transform 200ms cubic-bezier(.23,1,.32,1)}
.ct-tab[aria-selected="true"] .ct-chev{opacity:1;transform:none;color:#c9a227}
.ct-panels{padding:34px 38px 36px}
.ct-panel[hidden]{display:none}
.ct-title{font-family:Lora,Georgia,serif;font-size:27px;line-height:1.2;font-weight:600;color:#0b4a8f}
.ct-meta{margin-top:18px;display:inline-grid;grid-template-columns:repeat(3,auto);gap:1px;background:#e9e6df;border:1px solid #e9e6df;justify-content:start}
.ct-stat{background:#faf8f2;padding:12px 18px;display:flex;flex-direction:column;gap:5px}
.ct-stat-k{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#666c75}
.ct-stat-v{font-family:Lora,Georgia,serif;font-size:16px;font-weight:600;color:#12233a}
.ct-stat--max .ct-stat-v{color:#8f2f2f}
.ct-stat-v em{font-family:system-ui,sans-serif;font-style:normal;font-size:11px;font-weight:500;color:#666c75;letter-spacing:.02em}
.ct-copy{margin-top:16px;font-size:15.5px;line-height:1.7;color:#3d4753;max-width:64ch}
.ct-cta{margin-top:22px;display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0b4a8f;border-bottom:2px solid #c9a227;padding-bottom:6px;transition:color 150ms ease,gap 200ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){
  .ct-tab:hover{background:#fff}
  .ct-tab:hover .ct-chev{opacity:1;transform:none}
  .ct-cta:hover{color:#826816;gap:14px}
}
.ct-tab:focus-visible{outline:2px solid #c9a227;outline-offset:-2px}
@media (max-width:900px){
  .ct{grid-template-columns:1fr}
  .ct-list{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e9e6df;scrollbar-width:none}
  .ct-list::-webkit-scrollbar{display:none}
  .ct-tab{flex:0 0 auto;width:auto;min-width:236px;border-bottom:0;border-right:1px solid #ece9db}
  .ct-tab::before{top:auto;bottom:0;right:0;width:auto;height:3px;transform:scaleX(0)}
  .ct-tab[aria-selected="true"]::before{transform:scaleX(1)}
  .ct-chev{display:none}
  .ct-panels{padding:26px 22px 28px}
  .ct-title{font-size:22px}
  .ct-meta{display:grid;grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .ct-tab::before,.ct-chev,.ct-cta{transition:none}
  .ct-chev{transform:none}
}

/* defence picker */
.df{margin-top:34px}
.df-prompt{font-family:Lora,Georgia,serif;font-size:19px;font-weight:600;color:#0b4a8f}
.df-chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.df-chip{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;background:#faf8f2;border:1px solid #e2ddd0;cursor:pointer;font-size:13.5px;font-weight:600;color:#3d4753;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}
.df-chip i,.df-chip svg{color:#826816;flex:none}
.df-chip[aria-selected="true"]{background:#0b4a8f;border-color:#0b4a8f;color:#fff}
.df-chip[aria-selected="true"] svg{color:#f0d475}
.df-chip:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
.df-panels{margin-top:20px;background:#faf8f2;border:1px solid #e2ddd0;border-top:3px solid #c9a227;padding:32px 34px}
.df-panel[hidden]{display:none}
.df-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px}
.df-title{font-family:Lora,Georgia,serif;font-size:26px;line-height:1.2;font-weight:600;color:#0b4a8f}
.df-stat{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#826816;border:1px solid #e6dcbf;background:#fff;padding:6px 10px}
.df-copy{margin-top:15px;font-size:15.5px;line-height:1.75;color:#3d4753;max-width:78ch}
@media (hover:hover) and (pointer:fine){.df-chip:hover{border-color:#c9a227}}
@media (max-width:760px){.df-panels{padding:24px 20px}.df-title{font-size:21px}.df-chip{font-size:12.5px;padding:11px 13px}}

/* process timeline */
.pt{margin-top:40px}
.pt-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.pt-line{position:absolute;left:0;right:0;top:19px;height:2px;background:#e2ddd0}
.pt-line-fill{height:100%;background:#c9a227;width:0;transition:width 300ms cubic-bezier(.23,1,.32,1)}
.pt-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 10px 0 0;background:none;border:0;cursor:pointer;text-align:left}
.pt-dot{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e2ddd0;display:flex;align-items:center;justify-content:center;font-family:Lora,Georgia,serif;font-size:16px;font-weight:600;color:#666c75;transition:background 150ms ease,border-color 150ms ease,color 150ms ease}
.pt-node[aria-selected="true"] .pt-dot{background:#0b4a8f;border-color:#c9a227;color:#f0d475}
.pt-node.is-done .pt-dot{border-color:#c9a227;color:#826816}
.pt-when{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#826816}
.pt-label{font-size:13.5px;line-height:1.4;font-weight:600;color:#5b6573;transition:color 150ms ease}
.pt-node[aria-selected="true"] .pt-label{color:#0b4a8f}
.pt-node:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
.pt-panels{margin-top:30px;background:#fff;border:1px solid #e2ddd0;padding:34px 36px}
.pt-panel[hidden]{display:none}
.pt-step-k{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#826816}
.pt-title{margin-top:9px;font-family:Lora,Georgia,serif;font-size:26px;line-height:1.25;font-weight:600;color:#0b4a8f}
.pt-copy{margin-top:14px;font-size:15.5px;line-height:1.75;color:#3d4753;max-width:76ch}
.pt-nav{margin-top:26px;padding-top:20px;border-top:1px solid #ece9db;display:flex;flex-wrap:wrap;gap:10px}
.pt-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;background:#fff;border:1px solid #d8d0bb;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0b4a8f;cursor:pointer;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}
.pt-btn--primary{background:#0b4a8f;border-color:#0b4a8f;color:#fff}
.pt-btn[disabled]{opacity:.4;cursor:default}
.pt-btn:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .pt-node:hover .pt-dot{border-color:#c9a227}
  .pt-btn:not([disabled]):hover{border-color:#c9a227}
  .pt-btn--primary:not([disabled]):hover{background:#0a3f79}
}
@media (max-width:900px){
  .pt-rail{display:flex;overflow-x:auto;gap:0;scrollbar-width:none}
  .pt-rail::-webkit-scrollbar{display:none}
  .pt-line{display:none}
  .pt-node{flex:0 0 auto;min-width:180px;padding-right:16px}
  .pt-panels{padding:24px 20px}
  .pt-title{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.pt-line-fill{transition:none}}

/* why-us switcher */
.wu{margin-top:40px;display:grid;grid-template-columns:.8fr 1.2fr;gap:0;border:1px solid #e2ddd0}
.wu-list{display:flex;flex-direction:column;background:#faf8f2;border-right:1px solid #e9e6df}
.wu-item{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:20px 22px;background:none;border:0;border-bottom:1px solid #ece9db;cursor:pointer;transition:background 150ms ease}
.wu-item:last-child{border-bottom:0}
.wu-item[aria-selected="true"]{background:#fff}
.wu-n{font-family:Lora,Georgia,serif;font-size:15px;font-weight:600;color:#726b51;flex:none;transition:color 150ms ease}
.wu-item[aria-selected="true"] .wu-n{color:#816819}
.wu-t{font-size:14.5px;line-height:1.45;font-weight:600;color:#5b6573;transition:color 150ms ease}
.wu-item[aria-selected="true"] .wu-t{color:#0b4a8f}
.wu-item:focus-visible{outline:2px solid #c9a227;outline-offset:-2px}
.wu-panels{position:relative;background:#0b4a8f;padding:40px 42px;overflow:hidden}
.wu-panel[hidden]{display:none}
.wu-ghost{position:absolute;top:8px;right:26px;font-family:Lora,Georgia,serif;font-size:118px;line-height:1;font-weight:600;color:rgba(255,255,255,.07)}
.wu-title{position:relative;font-family:Lora,Georgia,serif;font-size:27px;line-height:1.25;font-weight:600;color:#fff;max-width:26ch}
.wu-copy{position:relative;margin-top:16px;font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.78);max-width:60ch}
.wu-copy a{color:#f0d475;text-decoration:underline;text-decoration-color:rgba(240,212,117,.5);text-underline-offset:3px}
.wu-cta{position:relative;margin-top:26px;display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#12233a;background:#c9a227;padding:14px 22px;transition:gap 200ms cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){
  .wu-item:hover{background:#fff}
  .wu-cta:hover{gap:14px}
}
@media (max-width:900px){
  .wu{grid-template-columns:1fr}
  .wu-list{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e9e6df;scrollbar-width:none}
  .wu-list::-webkit-scrollbar{display:none}
  .wu-item{flex:0 0 auto;min-width:210px;border-bottom:0;border-right:1px solid #ece9db;padding:16px 18px}
  .wu-panels{padding:28px 22px}
  .wu-ghost{font-size:82px;right:16px}
  .wu-title{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.wu-cta{transition:none}}

/* outcome board */
.ol{margin-top:32px}
.ol-legend{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid #e6e1d4}
.ol-legend-t{font-family:Lora,Georgia,serif;font-size:18px;font-weight:600;color:#0b4a8f}
.ol-legend-h{font-size:10.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#826816}
.ol-cols{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.ol-col{display:flex;flex-direction:column;gap:14px;text-align:left;padding:18px 18px 20px;background:#faf8f2;border:1px solid #e2ddd0;border-top:3px solid #e2ddd0;cursor:pointer;transition:background 150ms ease,border-color 150ms ease,box-shadow 200ms ease}
.ol-col[aria-selected="true"]{background:#fff;border-top-color:#c9a227;box-shadow:0 14px 32px rgba(11,74,143,.09)}
.ol-rank{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#826816}
.ol-head{display:flex;align-items:flex-start;gap:11px}
.ol-ico{width:36px;height:36px;flex:none;border-radius:2px;background:#e6edf6;border:none;display:flex;align-items:center;justify-content:center;color:#0b4a8f;transition:background 150ms ease,color 150ms ease,border-color 150ms ease}
.ol-col[aria-selected="true"] .ol-ico{background:#0b4a8f;color:#fff}
.ol-name{font-family:Lora,Georgia,serif;font-size:15.5px;line-height:1.3;font-weight:600;color:#0b4a8f}
.ol-rows{display:flex;flex-direction:column;gap:9px;margin-top:2px;padding-top:12px;border-top:1px solid #ece9db}
.ol-row{display:flex;flex-direction:column;gap:3px}
.ol-k{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#656c75}
.ol-cell{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;font-weight:600;color:#3d4753}
.ol-cell svg{flex:none;margin-top:2px}
.ol-cell.is-good svg{color:#2e6b45}
.ol-cell.is-cond svg{color:#826816}
.ol-col:focus-visible{outline:2px solid #c9a227;outline-offset:2px}
.ol-panels{margin-top:16px;background:#0b4a8f;padding:28px 32px}
.ol-panel[hidden]{display:none}
.ol-title{font-family:Lora,Georgia,serif;font-size:22px;line-height:1.25;font-weight:600;color:#fff}
.ol-copy{margin-top:12px;font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.78);max-width:76ch}
.ol-copy a{color:#f0d475;text-decoration:underline;text-decoration-color:rgba(240,212,117,.5);text-underline-offset:3px}
@media (hover:hover) and (pointer:fine){.ol-col:hover{border-color:#d8d0bb;background:#fff}}
@media (max-width:900px){
  .ol-cols{display:flex;overflow-x:auto;gap:12px;scrollbar-width:none;padding-bottom:4px}
  .ol-cols::-webkit-scrollbar{display:none}
  .ol-col{flex:0 0 76%}
  .ol-panels{padding:22px 20px}
  .ol-title{font-size:19px}
}

.u208{font-size:9.5px;font-weight:600;letter-spacing:.16em;line-height:1;color:#dcb94a;white-space:nowrap}
.u209{font-size:15px;font-weight:700;letter-spacing:.03em;line-height:1;color:#fff;white-space:nowrap}

.u212{max-width:1440px;margin:66px auto 0;padding-top:44px;border-top:1px solid #ece7da}
.u213{display:inline-block;margin-top:34px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#826816}
@media (max-width:860px){.u212{margin-top:44px;padding-top:32px}}

.u77 h3{color:#0b4a8f}
.u202 a.u203{color:#fff}
.u202 a.u203:hover{color:#12233a}

.pa-ct{margin-top:38px}
.pa-list{margin-top:20px}
.pa-list .u157{font-size:14.5px}

#why-trust h3.u120{margin-top:18px}

.u214{margin-top:14px;font-family:Lora,Georgia,serif;font-style:italic;font-size:17px;line-height:1.5;color:#0b4a8f}
.team-row .u37{margin-top:22px}
.team-row h3.u120{margin-top:30px}
.team-row .u156{margin-top:16px}
.team-row .ph{align-self:start}
@media (max-width:1080px){.team-row .ph{order:-1}}

#hero.u25:not(:has(.u65)){padding-bottom:56px}

#article aside .u37{margin-top:18px}
#article aside .u107{margin-top:18px}
#article .u120{margin-top:38px}
#article .impact-list{margin-top:22px}
#article .u145{margin-top:20px}
@media (min-width:1081px){#article aside{position:sticky;top:24px}}

#hero .u176{margin-top:14px}
[data-block="featured-detail"] .u176{margin-top:14px}
[data-block="featured-detail"] .u155{margin-top:10px}