/* ==========================================================
   NEXEN ONE — responsive.css
   Viewport, input-capability, scripting and reduced-motion rules.
   Load after main.css so responsive overrides retain their intended precedence.
========================================================== */

/* Responsive rules from main.css */
@media (max-width:1100px){
  .nav,.head-cta .signin{display:none}
  .head-cta{margin-left:auto}
  .burger{display:block;margin-left:0}
  .drawer{display:block;visibility:hidden;position:fixed;inset:72px 0 0 0;background:var(--paper);z-index:49;padding:24px var(--gutter) 40px;overflow:auto;transform:translateX(100%);transition:transform .25s}
  .drawer.open{transform:none;visibility:visible}
  .drawer a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:1.15rem}
  .drawer .sub{padding-left:16px;font-size:1rem;color:var(--ink-soft)}
  .drawer .btn{margin-top:24px;width:100%;justify-content:center}
  body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.menu-open .burger span:nth-child(2){opacity:0}
  body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media (max-width:520px){ .head-row{gap:12px} .brand{font-size:1.3rem} .brand svg{width:26px;height:26px} .head-cta .btn{padding:9px 14px;font-size:.88rem} .burger{padding:8px 4px}}
@media (max-width:1340px){.thread-rail{display:none}}
@media (max-width:520px){ .brand .brand-logo{height:34px} .foot-brand .brand .brand-logo{height:40px}}
@media (scripting:enabled){
  [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
  [data-reveal].is-in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none;transition:none}
  .trust-float{animation:none}}

@media (scripting:enabled){
  .nx-stage:not(.is-ready) .nx-route{stroke-dashoffset:100}
  .nx-stage:not(.is-ready) .nx-hub,.nx-stage:not(.is-ready) .nx-panel{opacity:0;transform:translateY(12px)}}
@media (scripting:enabled){
  .nx-stage:not(.is-ready) .nx-bar{transform:scaleY(0)}
  .nx-trend:not([data-state="ready"]) .nx-line{stroke-dashoffset:100}
  .nx-trend:not([data-state="ready"]) .nx-area{opacity:0}
  .nx-trend:not([data-state="ready"]) .nx-dot{opacity:0;transform:scale(.3)}
  .nx-trend:not([data-state="ready"]) .nx-halo{opacity:0}}
@media (max-width:1180px){.choose-row{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .choose-row{grid-template-columns:1fr}
  .fit{grid-template-columns:1fr}}
@media (max-width:900px){.problem-grid{grid-template-columns:1fr}.desk{min-height:0}}
@media (max-width:600px){
  .scatter{grid-template-columns:1fr;gap:18px;padding:4px}
  .scatter .frag{transform:none}
  .scatter .f1,.scatter .f3{transform:rotate(-1.2deg)}
  .scatter .f2,.scatter .f4{transform:rotate(1.2deg)}
  .systems{grid-template-columns:1fr}}
@media (max-width:900px){.os-grid{grid-template-columns:1fr}.os-detail{position:static}}
@media (max-width:900px){.dash-grid{grid-template-columns:1fr}.dash-hero{flex-direction:column;align-items:flex-start;gap:8px}}
@media (max-width:1000px){.map-grid{grid-template-columns:1fr}.controls{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}
@media (max-width:700px){.fw-cols{grid-template-columns:1fr}.fw{min-height:0}}
@media (max-width:520px){
  .hp-roles{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px 0 8px;margin-right:-2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hp-lab{flex:0 0 auto;flex-basis:auto;display:block;padding-right:4px}
  .hp-role{flex:0 0 auto}}
@media (max-width:900px){.hp-card{min-height:0}}
@media (max-width:520px){.hp-body{padding:18px 16px 6px}.hp-foot{padding:10px 16px 14px}.hp-row{flex-wrap:wrap}}
@media (max-width:520px){.hs-row{grid-template-columns:1fr auto 56px}.hs-row .spark{display:none}.hg-r{grid-template-columns:1.3fr repeat(4,1fr);padding:6px 8px}}
@media (max-width:1000px){.cd-form{grid-template-columns:1fr 1fr}.cd-int-grid{grid-template-columns:1fr 1fr}.cd-int + .cd-int{padding-left:0;border-left:0}.cd-int:nth-child(even){padding-left:18px;border-left:1px solid var(--rule)}.trust-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .cd-steps{grid-template-columns:1fr 1fr}.cd-steps li:nth-child(2){border-right:0}.cd-steps li:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .cd-form,.cd-form.two-col,.cd-types{grid-template-columns:1fr}
  .cd-th{display:none}
  .cd-tr{grid-template-columns:28px 1fr;gap:6px 10px}
  .cd-tr > span:nth-child(n+3){grid-column:2}
  .cd-n::before{content:"Matches: "}.cd-b::before{content:"Before: ";font-weight:600;color:var(--ink-faint)}.cd-a::before{content:"After: ";font-weight:600;color:var(--ink-faint)}.cd-n{text-align:left;font-size:.8rem;color:var(--ink-soft)}
  .cd-int-grid{grid-template-columns:1fr}.cd-int:nth-child(even){padding-left:0;border-left:0}.cd-int{border-bottom:1px solid var(--rule)}}
@media (max-width:980px){.pilot-grid{grid-template-columns:1fr}}
@media (max-width:1000px){.mod-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.mod-grid{grid-template-columns:1fr}.mod{min-height:0}}
@media (max-width:1000px){.mod-feat{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mod-feat{grid-template-columns:1fr}}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}.trust-grid h3{grid-column:1/-1}}
@media (max-width:560px){
  .trust-grid{grid-template-columns:1fr}
  .tl-intro h2{font-size:clamp(2.4rem,11vw,3.2rem);line-height:.95;max-width:8ch}
  .tl-intro .lede{font-size:1rem;max-width:30ch}
  .tl-tries button{padding:12px 14px}
}
@media (max-width:760px){.svc{grid-template-columns:1fr auto}.svc p{grid-column:1/-1;grid-row:2}.svc-panel{grid-template-columns:1fr;padding-left:0}.graph-note{text-align:left}}
@media (max-width:860px){.final-card{grid-template-columns:1fr}.final-actions{justify-content:flex-start}}
@media (max-width:900px){
  .pg-cards,.pg-cards.four{grid-template-columns:1fr 1fr}
  .pg-card:nth-child(odd){padding-left:0;border-left:0}
  .pg-steps{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pg-cards,
.pg-cards.four,
.pg-links,
.pg-steps{grid-template-columns:1fr}
  .pg-card,.pg-card + .pg-card{padding:18px 0;border-left:0;border-bottom:1px solid var(--rule)}
  .pg-links a:nth-child(even){padding-left:0;border-left:0}}
@media (max-width:900px){.guides{grid-template-columns:1fr 1fr}
  .tpl:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .tpl:nth-child(even){padding-left:24px;border-left:1px solid var(--rule)}
  .res-feature{grid-column:1/-1}}
@media (max-width:600px){.guides{grid-template-columns:1fr}
  .tpl:nth-child(even){padding-left:0;border-left:0}}
@media (max-width:900px){.svc-band{grid-template-columns:1fr}}
@media (max-width:860px){.final-card.has-plan{grid-template-columns:1fr}}
@media (max-width:520px){.ctx-seg{grid-template-columns:1fr}.plan-acts .btn{width:100%;justify-content:center}}
@media (max-width:760px){
  .chap-list li + li::before{width:14px;margin:0 6px}
  .chap-list li:not(.cur) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .chap-row{gap:10px}
  .th-lab{display:none}
  .chap-count{display:block}
  .chap-count:has(~ .th-wrap .th-pill:not([hidden])){display:none}}
@media (max-width:900px){.tl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tl-doc.shake{animation:none}.tl-spin{animation:none}}
@media (max-width:1000px){.see-tabs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.see-tab{padding:12px 12px 14px;column-gap:8px}.st-s{font-size:.8rem}.st-t{font-size:.95rem}.st-d{display:none}}
@media (max-width:600px){
  .ask{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0;border:0}
  .ask-btn{right:8px;bottom:14px;padding:9px}
  .ask-btn svg{flex:none;width:34px;height:34px;aspect-ratio:1/1}
  .ask-btn span{font-size:0}}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:520px){.two{grid-template-columns:1fr}}
@media (min-width:760px){
  #demo-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
  #demo-form>*{grid-column:1/-1}
  #demo-form .two:not([hidden]){display:contents}
  #demo-form .two:not([hidden])>.field,#demo-form>.field:has(#f-email){grid-column:auto}
  #demo-form .btn[type=submit]{grid-column:1/-1}
  /* consent and submit share one row so the form is as short as possible */
  #demo-form .consent{grid-column:1/3;margin:0;align-self:center}
  #demo-form .btn[type=submit]{grid-column:3;align-self:center}
  #demo .field textarea{height:52px;resize:none}
}
@media (max-width:759px){
  #demo .two{grid-template-columns:1fr 1fr;gap:8px}
  #demo .dlg h2{font-size:1.3rem;padding-right:8px}
  #demo .dlg .x{width:32px;height:32px;flex:none}
  #demo .field label,#demo .field legend{font-size:.84rem}
  #demo .field .opt{display:inline;margin-left:4px}
  #demo .dlg .btn{padding-top:10px;padding-bottom:10px}
  #demo .dlg{padding:14px 16px}
  #demo .dlg .intro{margin:2px 0 8px;font-size:.9rem}
  #demo .field,#demo fieldset.field{margin-bottom:6px;gap:3px}
  #demo .field input[type=text],#demo .field input[type=email]{padding:8px 12px}
  #demo .chips label{padding:3px 10px;font-size:.8rem}
  #demo .field textarea{height:48px;resize:none}
  #demo .consent{margin:0 0 8px;font-size:.78rem}
}
@media (max-width:759px) and (max-height:700px){
  #demo .dlg .intro{display:none}
  #demo .dlg h2{margin-bottom:8px}
}
@media (max-width:380px){
  #demo .dlg{padding:12px 12px}
  #demo .dlg h2{font-size:1.1rem;line-height:1.15}
  #demo .field,#demo fieldset.field{margin-bottom:5px}
  #demo .field input[type=text],#demo .field input[type=email]{padding:6px 10px;font-size:.9rem}
  #demo .chips{gap:4px}
  #demo .chips label{padding:2px 8px;font-size:.74rem}
  #demo .field textarea{height:36px;padding:6px 10px;font-size:.88rem}
  #demo .consent{font-size:.72rem;margin-bottom:6px}
  #demo .dlg .btn{padding-top:8px;padding-bottom:8px}
}
@media (min-width:760px) and (max-height:620px){
  #demo .dlg{padding:14px 28px}
  #demo .dlg h2{font-size:1.3rem}
  #demo .dlg .intro{margin:2px 0 8px;font-size:.88rem}
  #demo .field,#demo fieldset.field{margin-bottom:6px;gap:3px}
  #demo .field input[type=text],#demo .field input[type=email]{padding:7px 12px}
  #demo .chips label{padding:3px 10px;font-size:.8rem}
  #demo .field textarea{height:40px;padding:7px 12px}
  #demo .dlg .btn{padding-top:9px;padding-bottom:9px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media (max-width:640px){
  .hp-kpi{grid-template-columns:minmax(0,1fr)}
  .hh-gauge{max-width:230px}}
@media (max-width:420px){
  .fw-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "track" "spark"}
  .fw-row .prev{justify-items:start;grid-auto-flow:column;gap:6px;align-items:baseline}
  .hk{grid-template-columns:minmax(0,1fr) 64px}}
@media (prefers-reduced-motion:reduce){
  .fw-track i,.hh-ring{animation:none}}
@media (max-width:960px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px;align-items:start}
  .hero::after{width:100%;height:56%;top:auto;bottom:0;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
  .hero h1{max-width:15ch}
  .nx-stage{max-width:640px}
  .hero-roles{max-width:none}}
@media (max-width:640px){
  .hero{padding-top:28px}
  .hero-ctas .btn{flex:1 1 100%;justify-content:center}
  .hero-points{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:32px;padding-top:22px}
  .hero-points li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px}
  .nx-source{aspect-ratio:560/230}
  .nx-chip-ico{width:34px;height:34px;border-radius:10px}
  .nx-chip{font-size:.66rem}
  .nx-hub{padding:8px 12px 8px 8px;gap:10px}
  .nx-hub-text small,.nx-hub-status{display:none}
  .nx-kpi{padding:10px 10px 10px}
  .nx-kpi-label{font-size:.66rem}
  .nx-kpi-label .nx-ico{display:none}
  .nx-kpi-delta{font-size:.66rem;padding:3px 6px}
  .nx-charts{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}
  .nx-bars{height:auto}
  .hero-roles{padding:14px}}
@media (max-width:380px){
  .hero h1{font-size:2.35rem}
  .nx-source-cap small{display:none}}
@media (min-width:1400px){
  .hero-grid{gap:80px}}
@media (max-width:1100px){
  :root{--mobile-nav-height:68px}
  body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}
  body.menu-open{overflow:visible}
  html:has(body.menu-open){overflow:hidden}
  .head-cta{display:none}
  .burger{margin-left:auto;flex:none}
  .chap{display:none}
  .drawer a.sub:not([href^="#/"]){display:none}
  .app-body{grid-template-columns:minmax(0,1fr)}
  .app-body > *{min-width:0}
  .loc-detail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loc-detail div{min-width:0}
  .drawer{
    inset:72px 0 calc(var(--mobile-nav-height) + env(safe-area-inset-bottom)) auto;
    z-index:52;
    width:min(360px,calc(100vw - 32px));
    max-width:100%;
    padding:20px var(--gutter) 28px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:none;
    clip-path:inset(0 0 0 100%);
    box-shadow:-16px 0 40px -24px rgba(26,26,26,.5);
    transition:clip-path .25s cubic-bezier(.2,.7,.2,1),visibility 0s linear .25s;
  }
  .drawer.open{clip-path:inset(0);transition:clip-path .25s cubic-bezier(.2,.7,.2,1)}
  .drawer-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:49;
    background:rgba(26,26,26,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s,visibility 0s linear .25s;
  }
  body.menu-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s}
  .mobile-primary{
    display:grid;
    position:fixed;
    inset:auto 0 0;
    z-index:54;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));
    padding:5px 8px calc(5px + env(safe-area-inset-bottom));
    border-top:1px solid var(--color-border);
    background:rgba(255,255,255,.96);
    box-shadow:0 -8px 24px -20px rgba(0,66,126,.45);
    backdrop-filter:saturate(1.3) blur(12px);
    -webkit-backdrop-filter:saturate(1.3) blur(12px);
  }
  .mobile-primary a{
    display:grid;
    justify-items:center;
    align-content:center;
    gap:3px;
    min-width:0;
    min-height:52px;
    padding:4px 2px;
    border-radius:8px;
    color:var(--color-text-muted);
    text-decoration:none;
    font-size:.68rem;
    font-weight:600;
    line-height:1.15;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-primary a:active{background:var(--color-deep-blue-50);color:var(--color-deep-blue)}
  .mobile-primary .nx-ico{width:20px;height:20px;color:var(--color-deep-blue)}}
@media (max-width:360px){.drawer{width:100vw}}
@media (prefers-reduced-motion:reduce){
  .hero-copy > *,.nx-source{animation:none}
  .nx-live,.nx-halo{animation:none}
  .nx-route,.nx-line,.nx-area,.nx-dot,.nx-bar,.nx-hub,.nx-panel{transition:none}}
@media (min-width:961px){
  .hero-grid{min-height:min(calc(100svh - 73px - clamp(60px,9vh,112px)),860px)}}
@media (min-width:961px) and (max-height:820px){
  .hero-points li{font-size:.86rem}
  .hero .lede{font-size:1rem}}
@media (min-width:961px) and (max-height:700px){
  .hero-points .nx-ico-box{width:34px;height:34px}
  .hero-points li{gap:6px}
  .hero-points{margin-top:18px;padding-top:14px}
  .btn{padding-block:12px}}
@media (max-width:900px){.pg-cards,
.pg-cards.four{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pg-cards,
.pg-cards.four,
.pg-links,
.pg-steps{grid-template-columns:1fr}.pg-card,
.pg-card + .pg-card,
.pg-card:nth-child(odd),
.tpl,
.tpl:not(:nth-child(3n+1)){padding:20px}
  .pg-links a,.pg-links a:nth-child(even){padding:16px 18px}}
@media (max-width:1100px){
  .cc{bottom:calc(var(--mobile-nav-height,68px) + 120px + env(safe-area-inset-bottom)) !important}
  .ask-btn{bottom:calc(var(--mobile-nav-height,68px) + 12px + env(safe-area-inset-bottom)) !important}}
@media (max-width:640px){
  .cc{left:12px;right:12px;width:auto;bottom:calc(var(--mobile-nav-height,68px) + 120px + env(safe-area-inset-bottom)) !important;max-height:calc(100svh - var(--mobile-nav-height,68px) - 96px)}
  .cc-main{padding:14px 16px}
  .cc-panel{padding:2px 16px 16px}
  .ask-btn{bottom:calc(var(--mobile-nav-height,68px) + 12px + env(safe-area-inset-bottom)) !important}}
@media (prefers-reduced-motion:reduce){.cc{animation:none}.cc-track,.cc-track::after{transition:none}}
@media (max-width:900px){
  .hero-bg::after{background:none}}
@media (max-width:1100px){
  .ask{bottom:calc(var(--mobile-nav-height,68px) + 12px + env(safe-area-inset-bottom));height:min(620px,calc(100dvh - var(--mobile-nav-height,68px) - 110px))}}
@media (max-width:600px){
  .ask{left:12px;right:12px;width:auto;height:min(400px,56dvh);border:1px solid var(--color-border);border-radius:20px}}
@media (min-width:961px){
  .hero-roles{min-height:calc(100svh - 73px);display:flex;align-items:center;padding:clamp(20px,4vh,48px) 0}}
@media (min-width:961px) and (max-height:820px){
  .hr-grid .fw-row{padding-block:9px}
  .hr-grid .fw-p{font-size:1.4rem}
  .hr-grid .hp-body{gap:8px}
  .hr-grid .hp-ins{padding-block:9px}
  .hr-grid .hp-ins p{font-size:.86rem}
  .hr-points li{font-size:.86rem}
  .hr-points .nx-ico-box{width:34px;height:34px}}
@media (min-width:961px) and (max-height:700px){
  .hr-points,.hr-lede{display:none}
  .hr-grid .fw-row{padding-block:7px}}
@media (max-width:960px){
  .hero-roles{margin-top:clamp(40px,6vw,64px);min-height:0;display:block}
  .hr-grid{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
  .hr-title{max-width:none}
  .hr-lede{max-width:60ch}
  .hr-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .hr-points li{grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}}
@media (max-width:640px){
  .hr-points{grid-template-columns:minmax(0,1fr);gap:12px}
  .hr-points li{grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
  .hr-grid > .hp{padding:12px}
  .hr-grid > .hp .hp-body{padding:12px 12px 4px;align-content:start}
  .hr-grid .hp-foot{padding:8px 12px 12px}
  .hr-grid .fw-row{grid-template-columns:minmax(0,1fr) 84px;padding:11px 12px 11px 14px}
  .hr-grid .fw-row .prev{padding-left:10px}
  .hp-roles{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .hp-lab{position:sticky;left:0;flex:none;flex-basis:auto}}
@media (max-width:420px){
  .hr-grid .fw-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "track" "spark"}
  .hr-grid .fw-row .prev{border-left:0;padding-left:0;justify-items:start;grid-auto-flow:column;gap:6px;align-items:baseline}}
@media (max-width:640px){
  .hr-grid .hp-roles{flex-wrap:nowrap}}
@media (min-width:961px) and (max-height:760px){
  .hero-roles{padding:10px 0}}
@media (min-width:961px){
  .hero-roles{width:min(1560px,calc(100vw - 64px));margin-left:calc(50% - min(780px,(100vw - 64px) / 2));overflow:clip}
  .hr-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .hr-title{max-width:none}

  /* one screen each: hero first, role section starts only after it */
  .hero-grid{min-height:calc(100svh - var(--hdr,73px) - var(--hero-pt))}
  .hero-roles{min-height:calc(100svh - var(--hdr,73px));box-sizing:border-box}
  .hero-grid,.hero-roles{scroll-margin-top:var(--hdr,73px)}}
@media (max-width:960px){
  .hero-roles{width:auto;margin-left:0;overflow:visible}}
@media (prefers-reduced-motion:reduce){
  .hp-ind,.hp-roles.has-ind .hp-role{transition:none}
  .hr-grid .hp-card.in .hp-body{animation:none}}
@media (min-width:961px) and (max-height:739px){.hr-grid{--sc:.8}}
@media (min-width:961px) and (min-height:740px) and (max-height:759px){.hr-grid{--sc:0.84}}
@media (min-width:961px) and (min-height:760px) and (max-height:779px){.hr-grid{--sc:0.88}}
@media (min-width:961px) and (min-height:780px) and (max-height:799px){.hr-grid{--sc:0.93}}
@media (min-width:961px) and (min-height:800px) and (max-height:819px){.hr-grid{--sc:0.97}}
@media (min-width:961px) and (min-height:820px) and (max-height:839px){.hr-grid{--sc:1.01}}
@media (min-width:961px) and (min-height:840px) and (max-height:859px){.hr-grid{--sc:1.05}}
@media (min-width:961px) and (min-height:860px) and (max-height:879px){.hr-grid{--sc:1.09}}
@media (min-width:961px) and (min-height:880px) and (max-height:899px){.hr-grid{--sc:1.14}}
@media (min-width:961px) and (min-height:900px) and (max-height:919px){.hr-grid{--sc:1.18}}
@media (min-width:961px) and (min-height:920px) and (max-height:939px){.hr-grid{--sc:1.22}}
@media (min-width:961px) and (min-height:940px) and (max-height:959px){.hr-grid{--sc:1.26}}
@media (min-width:961px) and (min-height:960px) and (max-height:979px){.hr-grid{--sc:1.30}}
@media (min-width:961px) and (min-height:980px) and (max-height:999px){.hr-grid{--sc:1.30}}
@media (min-width:961px) and (min-height:1000px) and (max-height:1019px){.hr-grid{--sc:1.30}}
@media (min-width:961px) and (min-height:1020px) and (max-height:1039px){.hr-grid{--sc:1.30}}
@media (min-width:961px) and (min-height:1040px) and (max-height:1059px){.hr-grid{--sc:1.30}}
@media (min-width:961px) and (min-height:1060px){.hr-grid{--sc:1.3}}
@media (min-width:961px) and (max-height:700px){
  .hr-grid > .hp{zoom:.78}}
@media (max-width:560px){.hr-grid .hp-score{grid-template-columns:minmax(0,1fr)}}
@media (min-width:961px){
  .choose{min-height:calc(100svh - var(--hdr,73px));box-sizing:border-box;padding-top:clamp(40px,14vh,150px)}
  #services{min-height:calc(100svh - var(--hdr,73px) - 47px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  #services > .wrap{width:100%}
  #final{min-height:calc(100svh - var(--hdr,73px) - 47px);box-sizing:border-box}}
@media (prefers-reduced-motion:reduce){
  .choice,.choice::before,.choice::after,.ch-ico,.choice .radio,.fit,.choose-row .choice{transition:none;animation:none}
  .choice:hover{transform:none}}
@media (min-width:961px){
  .problem{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;
    height:calc(100svh - var(--hdr,73px) - 47px);min-height:440px;
    padding-top:clamp(52px,8.5vh,84px);padding-bottom:clamp(52px,8.5vh,84px)}
  .problem > .wrap{width:100%}
  .problem .problem-grid{flex:1;min-height:0;align-items:center}
  .problem .problem-grid > div:first-child{min-width:0}
  .problem h2{font-size:clamp(2rem,min(3.7vw,6.4vh),3.5rem);line-height:1.04}
  .problem .lede{font-size:clamp(.92rem,1.5vh + .35rem,1.1rem);line-height:1.5;margin-top:clamp(10px,2vh,18px) !important}
  .problem .toggle{margin-top:clamp(14px,3vh,28px)}
  .problem .desk{min-height:0;height:100%;align-content:center}
  .problem .scatter{gap:clamp(22px,4.5vh,40px) 28px;align-content:center;height:100%}
  .problem .bridge-wrap{margin-top:clamp(10px,2.2vh,24px);flex:none}
  .problem .bridge{font-size:clamp(1rem,1.6vw,1.2rem)}}
@media (min-width:961px) and (max-height:760px){
  .problem .lede{font-size:.9rem;line-height:1.42}
  .problem .chap-kick{margin-bottom:8px}
  .problem .frag{padding:10px 14px}
  .problem .fm{margin-top:6px}}
@media (min-width:961px) and (max-height:620px){
  .problem .lede{display:none}}
@media (max-width:960px){
  .problem{padding-top:clamp(64px,16vw,96px);padding-bottom:clamp(64px,16vw,96px)}
  .problem .problem-grid{gap:28px}
  .problem h2{font-size:clamp(1.9rem,8vw,2.6rem);line-height:1.08}
  .problem .toggle{display:flex;width:100%;margin-top:22px}
  .problem .toggle button{flex:1;padding:11px 10px}
  .problem .desk{min-height:0 !important}
  .problem .scatter{grid-template-columns:1fr 1fr;gap:26px 14px;padding:10px 2px 4px}
  .problem .scatter .frag{transform:none}
  .problem .scatter .f1,.problem .scatter .f3{transform:rotate(-1.2deg)}
  .problem .scatter .f2,.problem .scatter .f4{transform:rotate(1.2deg)}
  .problem .systems{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .problem .scatter{grid-template-columns:1fr;gap:22px}
  .problem .frag .t{font-size:1.1rem}
  .problem .systems{grid-template-columns:1fr}
  .problem .platform-bar span{font-size:.72rem}
  .problem .bridge-wrap{margin-top:30px}}
@media (max-width:640px){
  .choose{padding-top:36px}
  .choose-q{font-size:1.45rem;margin-bottom:16px}
  .choose-row{gap:12px}
  .choice{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:16px 44px 16px 16px;border-radius:16px}
  .choice:hover{transform:none}
  .ch-ico{grid-column:1;grid-row:1 / span 2;align-self:start;margin:0}
  .choice strong{grid-column:2;grid-row:1;font-size:1.02rem}
  .choice span.sub{grid-column:2;grid-row:2;font-size:.88rem}
  .choice .radio{top:16px;right:14px}
  .cc{left:10px;right:10px;width:auto;bottom:calc(var(--mobile-nav-height,68px) + 120px + env(safe-area-inset-bottom)) !important}
  .cc-main{padding:12px 14px}
  .cc-title{font-size:1.02rem;margin-bottom:4px}
  .cc-desc{font-size:.78rem;line-height:1.4}
  .ask-btn{bottom:calc(var(--mobile-nav-height,68px) + 12px + env(safe-area-inset-bottom)) !important}}
@media (max-width:960px){
  .choose{min-height:0}}
@media (max-width:640px){
  .final-card.has-plan{padding:16px}
  .final-card.has-plan .nx-plan{box-sizing:border-box;width:100%;min-width:0}}
@media (max-width:900px){
  .fw-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .fw-badges{gap:8px;padding:12px}
  .fw-badges .badge{padding:11px 12px;font-size:.86rem;gap:8px}}
@media (max-width:640px){
  .trust{padding-top:72px}
  .trust-visual{aspect-ratio:4 / 3;border-radius:16px;margin-bottom:22px}
  .trust-float{left:12px;right:12px;bottom:12px;max-width:none;width:auto;gap:10px;padding:10px 12px;border-radius:12px;border-bottom-width:2px}
  .trust-float-ico{width:34px;height:34px;border-radius:10px}
  .trust-float strong{font-size:.8rem;line-height:1.2}
  .trust-float small{font-size:.7rem;line-height:1.25}
  .trust-grid h3{font-size:1.4rem;line-height:1.2;margin-bottom:6px;padding-right:0}
  .trust-grid{grid-template-columns:1fr;gap:12px}
  .trust-item{padding:18px 16px}
  .trust-item svg{width:24px;height:24px;padding:11px;margin-bottom:12px}
  .trust-item strong{font-size:.96rem}
  .trust-item p{font-size:.85rem;line-height:1.5}}
@media (scripting:enabled){
  .see-tabs[data-reveal]{opacity:1;transform:none}
  .see-tabs[data-reveal] .see-tab{opacity:0;transform:translateY(26px) scale(.96)}
  .see-tabs[data-reveal].is-in .see-tab{opacity:1;transform:none;animation:tabIn .65s cubic-bezier(.2,.8,.2,1) backwards}
  .see-tabs[data-reveal].is-in .see-tab:hover{transform:translateY(-4px)}
  .see-tabs[data-reveal].is-in .see-tab:active{transform:translateY(-1px) scale(.985)}
  .see-tabs[data-reveal].is-in .see-tab:nth-child(2){animation-delay:.12s}
  .see-tabs[data-reveal].is-in .see-tab:nth-child(3){animation-delay:.24s}
  .see-tabs[data-reveal].is-in .see-tab:nth-child(4){animation-delay:.36s}}
@media (prefers-reduced-motion:reduce){
  .see-tabs[data-reveal] .see-tab{opacity:1;transform:none;animation:none !important}
  .see-tab,.see-tab::before,.st-n{transition:none;animation:none !important}
  .see-tab:hover{transform:none}}
@media (prefers-reduced-motion:reduce){
  .trust-item,.trust-item::before,.trust-item svg{transition:none}
  .trust-item:hover{transform:none}}
@media (max-width:1000px){
  .cd-int:nth-child(even){padding-left:18px}}
@media (max-width:700px){
  .cd-int,.cd-int:nth-child(even){padding-left:18px;border-bottom:1px solid var(--rule)}}
@media (prefers-reduced-motion:reduce){
  .cd-int,.cd-int::before,.cd-int svg{transition:none}
  .cd-int:hover{transform:none}}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  [data-fx]{opacity:0}
  [data-fx].fx-in{opacity:1;animation:var(--fx,fxUp) .75s cubic-bezier(.2,.7,.2,1) var(--fx-delay,0ms) backwards}
  [data-fx=left]{--fx:fxLeft}
  [data-fx=right]{--fx:fxRight}
  [data-fx=zoom]{--fx:fxZoom}
  @keyframes fxUp{from{opacity:0;transform:translateY(30px)}}
  @keyframes fxLeft{from{opacity:0;transform:translateX(-34px)}}
  @keyframes fxRight{from{opacity:0;transform:translateX(34px)}}
  @keyframes fxZoom{from{opacity:0;transform:translateY(16px) scale(.94)}}
  #see .sec-head h2::after, #trust .sec-head h2::after, #services .sec-head h2::after, #final .sec-head h2::after{transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.7,.2,1) .35s}
  #see .sec-head.fx-in h2::after, #trust .sec-head.fx-in h2::after, #services .sec-head.fx-in h2::after, #final .sec-head.fx-in h2::after{transform:scaleX(1)}
  .layer-btn:hover{transform:translateX(6px)}
  .control{transition:transform .2s ease,background .2s,border-color .2s,color .2s}
  .control:hover{transform:translateX(5px)}
  #frameworks .badge{transition:transform .2s ease,background .2s,color .2s,border-color .2s}
  #frameworks .badge:hover{transform:translateY(-3px);background:var(--color-deep-blue);border-color:var(--color-deep-blue);color:#fff}
  #frameworks .badge:hover::before{background:var(--color-gold);box-shadow:0 0 0 3px rgba(255,215,0,.35)}
  .fw{transition:transform .25s ease,box-shadow .25s ease,border-color .3s}
  .fw:hover{transform:translateY(-4px);box-shadow:0 18px 30px -22px rgba(0,66,126,.55)}}
@media (prefers-reduced-motion:reduce){
  .mf,.mf::before,.mf::after,.mod,.mod::before,.mod strong::after,.mod .md{transition:none}
  .mf:hover,.mod:hover{transform:none}
  .mod-grid:not([hidden]) .mod{animation:none}}
@media (min-width:961px){
  .hero-grid.hr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,4.5vw,72px)}
  .hero-grid.hr-grid .hero-copy{max-width:600px}}
@media (max-width:960px){
  .hero-grid.hr-grid{grid-template-columns:minmax(0,1fr);gap:32px;align-items:start;min-height:0}}
@media (min-width:961px){
  .hero-roles{min-height:0;padding:clamp(48px,7vh,88px) 0}
  .hero-roles .hr-grid{grid-template-columns:minmax(0,1fr)}
  .hero-roles .hr-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:start;
    grid-template-areas:"eye pts" "title pts" "lede pts" "part pts"}
  .hero-roles .hr-eyebrow{grid-area:eye}
  .hero-roles .hr-title{grid-area:title}
  .hero-roles .hr-lede{grid-area:lede}
  .hero-roles .hr-points{grid-area:pts;margin:0;padding:0;border-top:0;align-self:center}
  .hero-roles .hp-partner{grid-area:part}}
@media (max-width:900px){
  .hero-bg::after{background:none}}
@media (max-width:599px){
  .see-step span:last-child{display:none}
  .see-dots i.on{width:22px}}
@media (prefers-reduced-motion:reduce){
  .see-foot::before{transform:none;animation:none}
  .see-dots i,.see-next{opacity:1;transform:none;animation:none !important}
  .see-dots i.on::after{transform:scaleX(1);animation:none !important}
  .see-next::after,.see-next span[aria-hidden]{animation:none !important}}
@media (prefers-reduced-motion:reduce){
  .mf.is-auto,.mod.is-auto{transform:none}
  .mod.is-auto::after,.mod.is-auto strong::after{animation:none}}
@media (min-width:961px){
  .hero .choose{margin-top:clamp(20px,3vh,36px);padding-top:clamp(20px,3vh,32px)}}
@media (max-width:1119px){
  .pf-track > li{flex-basis:calc((100% - 2 * var(--pf-gap)) / 3)}}
@media (max-width:899px){
  .pf-hero-grid{grid-template-columns:minmax(0,1fr)}
  .pf-art{width:min(560px,90vw);right:-14%;top:64%;opacity:.5}
  .pf-copy .lede{max-width:56ch}
  .pf-track > li{flex-basis:calc((100% - var(--pf-gap)) / 2)}}
@media (max-width:599px){
  .pf{--pf-gap:14px}
  .pf-hero{padding-bottom:44px}
  .pf-cta .btn{flex:1 1 150px}
  .pf-stats{gap:10px}
  .pf-stats li{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border-radius:16px}
  .pf-stats span{font-size:.88rem}
  .pf-roof-head{gap:10px}
  .pf-ctrl{gap:8px}
  .pf-ctrl button{width:40px;height:40px}
  .pf-track > li{flex-basis:78%}
  .pf-card{min-height:216px}}
@media (max-width:359px){
  .pf-stats{grid-template-columns:minmax(0,1fr)}
  .pf-track > li{flex-basis:88%}}
@media (prefers-reduced-motion:reduce){
  .pf-card,.pf-ico,.pf-go svg,.pf-ctrl button{transition:none}
  .pf-card:hover,.pf-card.is-active{transform:none}
  .pf-viewport{scroll-behavior:auto}}
@media (max-width:599px){
  .pilot-logo{margin-bottom:18px;padding:9px 14px}
  .pilot-logo img{height:40px}}
@media (prefers-reduced-motion:reduce){
  .pf-track > li,.pf-track > li .pf-ico,.pf-stats li,.pf-card.is-active .pf-ico{animation:none}
  .pf-card::after,.pf-card.is-auto::after{animation:none}
  .pf-card:hover,.pf-card.is-auto{transform:none}
  .pf-card:hover .pf-ico,.pf-card.is-auto .pf-ico,.pf-card:hover h3,.pf-card.is-auto h3{transform:none}}
@media (max-width:640px){
  .see-tabs{grid-template-columns:1fr;gap:12px}
  .see-tab{padding:16px 16px 18px;column-gap:14px}
  .st-t{font-size:1.05rem}
  .st-s{font-size:.88rem}
  .st-d{display:block}
  .see-foot{flex-wrap:wrap;gap:12px}
  .see-next{max-width:100%;white-space:normal;text-align:left;align-items:flex-start}
  .see-next span[aria-hidden]{flex:none}
}
@media (prefers-reduced-motion:reduce){
  .hp-viz .vz-flow,.hp-viz .vz-spark{animation:none}
  .hp-viz .vz-seg,.hp-viz .vz-cell,.hp-viz .vz-doc,.hp-viz .vz-step,.hp-viz .vz-ok{transition:none}
}
@media (max-width:520px){svg.hp-viz{height:100px}}
@media (max-width:520px){
  .vz-countdown .vz-time-title{font-size:10px}
  .vz-countdown .vz-time-copy{font-size:8px}
}
@media (max-width:420px){.hero-eyebrow .he-chip{min-height:50px;padding:7px 20px}.hero-eyebrow .he-minds img{height:19px}.hero-eyebrow .he-one img{height:34px}}
@media (max-width:360px){.hero-eyebrow{gap:8px}.hero-eyebrow .he-chip{min-height:44px;padding:6px 16px}.hero-eyebrow .he-minds img{height:16px}.hero-eyebrow .he-one img{height:29px}.hero-eyebrow::before{width:20px}}
@media (max-width:760px){
  .faq-home-grid{grid-template-columns:1fr;gap:30px}
  .faq-home-intro{position:static}
  .faq-home-intro h2{max-width:14ch}
}
@media (prefers-reduced-motion:reduce){
  .faq-home-list details{scroll-margin-top:var(--hdr,72px)}
}
@media (prefers-reduced-motion:reduce){.hb-orb,.hb-grid{animation:none}}
@media (max-width:960px){
  #see.see{padding-top:clamp(20px,3vh,32px)}
  #see .see-head{display:grid;gap:6px;margin-bottom:clamp(12px,2vh,18px)}
  #see .see-head .chap-kick{margin-bottom:2px}
  #see .see-head h2{font-size:clamp(1.7rem,6vw,2.3rem);line-height:1.1;max-width:none}
  #see .see-head h2::after{margin-top:8px}
  #see .see-head .lede{font-size:.98rem;max-width:none;margin:0 0 4px}
  #see .see-tabs{gap:10px}
  #see .see-tab{grid-template-areas:"n t" "n s" "n d";grid-template-columns:auto 1fr;padding:10px 14px 12px;row-gap:1px}
  #see .st-t{font-size:.98rem}
  #see .st-s{font-size:.82rem;line-height:1.3}
  #see .st-d{margin-top:3px}
  #see .see-for{margin-top:8px}
  #see .see-panel{padding:clamp(14px,2vh,22px) 0 clamp(40px,6vw,72px)}
  #see .see-panel.pilot{margin-top:clamp(8px,1.5vh,16px)}
  #see .see-panel.os .sec-head,#see .see-panel.cd .sec-head{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:clamp(14px,2.2vh,22px)}
  #see .see-panel.os .sec-head h2,#see .see-panel.cd .sec-head h2{font-size:clamp(1.4rem,5vw,1.85rem);line-height:1.15;max-width:none}
  #see .see-panel.os .sec-head .lede,#see .see-panel.cd .sec-head .lede{font-size:.93rem;line-height:1.5;max-width:none;margin:0}
}
@media (max-width:900px){#see .cd .sec-head,#see .ctrl-map .os-map-head{grid-template-columns:1fr}}
@media (min-width:961px){
  /* section: no big top gap, the rail already labels the chapter */
  .see{padding-top:clamp(8px,1.8vh,20px)}
  #see .see-top{padding-bottom:0}

  /* heading row: [02 See it work] [headline] ........ [intro line] */
  #see .see-head{
    grid-template-columns:auto minmax(0,auto) minmax(0,1fr);
    align-items:center;gap:0 clamp(12px,1.6vw,22px);
    margin-bottom:clamp(8px,1.6vh,16px)}
  #see .see-head .chap-kick{margin:0;white-space:nowrap}
  #see .see-head h2{
    max-width:none;white-space:nowrap;
    font-size:clamp(1.5rem,min(2.7vw,5.2vh),2.4rem);line-height:1.1}
  #see .see-head h2::after{margin-top:5px;width:44px}
  #see .see-head .lede{
    margin:0;justify-self:end;text-align:right;max-width:34ch;
    font-size:clamp(.82rem,.5rem + .55vh,.98rem);line-height:1.4}

  /* demo tabs: one compact row of four */
  #see .see-tabs{gap:10px}
  #see .see-tab{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"n t d" "n s s";
    align-items:center;column-gap:10px;row-gap:0;
    padding:clamp(7px,1.3vh,12px) 14px clamp(9px,1.5vh,13px)}
  #see .st-n{padding-top:0;align-self:center}
  #see .st-t{font-size:clamp(.92rem,.6rem + .6vh,1.02rem);line-height:1.25}
  #see .st-s{font-size:clamp(.76rem,.5rem + .45vh,.86rem);line-height:1.3}
  #see .st-d{margin-top:0}
  #see .see-tab::after{left:14px;right:14px}
  #see .see-for{margin-top:6px}

  /* every demo panel: tighter top and bottom spacing */
  #see .see-panel{padding:clamp(10px,2vh,22px) 0 clamp(24px,5vh,56px)}
  #see .see-panel.os{padding-bottom:clamp(10px,1.6vh,18px)}
  #see .see-panel.pilot{margin-top:clamp(8px,1.6vh,16px)}
  #see .see-panel .see-foot{
    margin-top:clamp(8px,1.6vh,18px);padding-top:clamp(6px,1.2vh,12px)}
  #see .see-next{padding:0 6px 5px 0;font-size:clamp(1rem,1.5vw,1.2rem)}
  #see .see-panel .see-foot{
    align-items:flex-end;
    /* keep "Next" clear of the floating "Ask NexenMinds" button on narrower desktop windows */
    padding-right:calc(var(--gutter) + clamp(0px,786px - 50vw,190px))}
  #see .see-next span[aria-hidden]{width:26px;height:26px}

  /* ---- Demo 1: Add a framework ---- */
  /* panel heading: title and intro share one row */
  #why-os .sec-head{
    grid-template-columns:auto minmax(0,1fr);align-items:center;
    gap:0 clamp(16px,2.4vw,32px);margin-bottom:clamp(8px,1.6vh,16px)}
  #why-os .sec-head h2{
    max-width:none;white-space:nowrap;
    font-size:clamp(1.2rem,min(2vw,3.8vh),1.7rem)}
  #why-os .sec-head h2::after{margin-top:4px;width:36px}
  #why-os .sec-head .lede{
    margin:0;max-width:none;
    font-size:clamp(.8rem,.45rem + .55vh,.95rem);line-height:1.4}

  /* layer list and detail card: same height, side by side */
  #why-os .os-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:stretch;gap:clamp(18px,2.6vw,36px)}
  #why-os .os-stack{
    gap:clamp(4px,.8vh,8px);
    grid-template-rows:auto repeat(5,minmax(0,1fr))}
  #why-os .layer-btn{
    padding:clamp(5px,1vh,12px) 16px;align-content:center;border-radius:10px;line-height:1.25}
  #why-os .layer-btn .lb-name,#why-os .layer-btn .lb-os{white-space:nowrap}
  #why-os .layer-btn .lb-name{font-size:clamp(.88rem,.55rem + .6vh,1rem);line-height:1.25}
  #why-os .layer-btn .lb-os{font-size:clamp(.74rem,.5rem + .4vh,.82rem)}
  #why-os .layer-btn .lb-apps{margin-top:clamp(2px,.6vh,6px)}
  #why-os .layer-btn .lb-apps i{padding:2px 9px;font-size:.72rem}
  #why-os .os-detail{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:end;
    column-gap:12px;
    padding:clamp(10px,1.7vh,24px) clamp(16px,1.9vw,24px);border-radius:14px}
  #why-os .os-detail > *{grid-column:1/-1}
  #why-os .os-detail .os-like{grid-column:2;grid-row:1;margin:0 0 4px;font-size:.78rem;text-align:right}
  #why-os .os-detail h3{grid-column:1;grid-row:1;font-size:clamp(1.3rem,.8rem + 1.3vh,1.7rem);margin:2px 0 clamp(4px,.9vh,10px)}
  #why-os .os-detail > p:not(.os-like){font-size:clamp(.84rem,.5rem + .55vh,.98rem);line-height:1.45;margin:0}
  #why-os #os-points{margin-top:clamp(6px,1.3vh,14px);gap:clamp(3px,.6vh,7px)}
  #why-os #os-points li{font-size:clamp(.82rem,.5rem + .5vh,.95rem);line-height:1.4}
  #why-os .os-try{margin-top:clamp(6px,1.2vh,18px);padding-top:clamp(6px,1.1vh,14px)}
  #why-os .os-try-h{margin-bottom:clamp(5px,1vh,10px);font-size:.88rem}
  #why-os .os-add{gap:6px}
  #why-os .os-add button{padding:clamp(2px,.5vh,5px) 11px;line-height:1.25}
  #why-os .os-add button small{font-size:.68rem}
}
@media (min-width:961px) and (max-height:700px){
  #see .see-tab .st-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #see .see-head .chap-kick{font-size:.7rem}
}
@media (min-width:961px) and (max-height:620px){
  #why-os .sec-head .lede{display:none}
}
@media (min-width:961px){
  #pilot.see-panel{padding:clamp(8px,1.4vh,16px) 0 clamp(6px,1vh,12px)}
  #pilot .pilot-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,44px);align-items:start}
  #pilot .pilot-logo{margin-bottom:8px;padding:5px 10px}
  #pilot .pilot-logo img{height:32px}
  #pilot h2{font-size:clamp(1.35rem,min(2.3vw,4.4vh),1.9rem);line-height:1.12}
  #pilot h2::after{display:none}
  #pilot .lede{margin-top:8px !important;font-size:clamp(.8rem,.45rem + .5vh,.92rem);line-height:1.4}
  #pilot .brand-line{margin-top:8px;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.2;max-width:none;padding-left:12px}
  #pilot .steps{margin-top:10px;gap:2px}
  #pilot .step{grid-template-columns:26px 1fr;gap:10px;padding:5px 10px;border-radius:10px}
  #pilot .step .n{width:24px;height:24px;font-size:.72rem}
  #pilot .step strong{font-size:.88rem;line-height:1.25}
  #pilot .step span.d{font-size:.78rem;line-height:1.3}
  #pilot .pilot-controls{margin-top:8px;font-size:.8rem;gap:10px}
  #pilot .pilot-controls button{padding:4px 12px;font-size:.8rem}
  #pilot .pilot-faq{margin-top:8px;padding-top:2px}
  #pilot .pilot-faq details{padding:5px 0}
  #pilot .pilot-faq summary{font-size:.86rem}
  #pilot .pilot-faq p{font-size:.8rem;margin-top:4px}

  /* right: roles + the live app */
  #pilot .roles{gap:5px;margin-bottom:8px;padding:0;flex-wrap:wrap}
  #pilot .role{padding:5px 11px;font-size:.78rem}
  #pilot .app-bar{padding:6px 12px;font-size:.78rem}
  #pilot .app-body{padding:10px 12px;gap:8px}
  #pilot .doc,#pilot .ctx{padding:8px 10px}
  #pilot .doc strong{font-size:.88rem}
  #pilot .doc span{font-size:.78rem}
  #pilot .sugg{padding:9px 12px}
  #pilot .sugg-head{font-size:.84rem}
  #pilot .sugg-body{margin-top:5px;font-size:.84rem;line-height:1.4}
  #pilot .tags{margin-top:6px;gap:5px}
  #pilot .tag{font-size:.7rem;padding:3px 7px}
  #pilot .why{margin-top:6px;font-size:.78rem;line-height:1.35}
  #pilot .actions{margin-top:8px;gap:6px}
  #pilot .actions button{padding:5px 11px;font-size:.8rem}
  #pilot .status-line{margin-top:4px;font-size:.78rem}
  #pilot .log{padding-top:6px}
  #pilot .log-title{margin-bottom:2px;font-size:.74rem}
  #pilot .log-row{padding:3px 0;font-size:.7rem}
}
@media (min-width:961px) and (max-height:760px){
  #pilot .brand-line,#pilot .pilot-faq{display:none}
  #pilot .step:not(.active) span.d{display:none}
}
@media (min-width:961px){
  #pilot .pilot-grid{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:clamp(18px,2.4vw,32px)}
  #pilot .app-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr);align-items:start;column-gap:12px}
  #pilot .app-body > #ctx{grid-column:1;grid-row:1}
  #pilot .app-body > .sugg{grid-column:2;grid-row:1}
  #pilot .app-body > .log{grid-column:3;grid-row:1;border-top:0;border-left:1px dashed var(--rule);padding:0 0 0 12px}
}
@media (min-width:961px){
  #pilot .see-foot{margin-top:6px;padding-top:4px}
  #pilot .see-next{font-size:.95rem}
  #pilot .see-next span[aria-hidden]{width:22px;height:22px}
  #pilot .roles{margin-bottom:6px}
}
@media (min-width:961px){
  #see #change.see-panel{padding:clamp(8px,1.4vh,16px) 0 clamp(6px,1vh,12px)}
  #see #change > .wrap:first-child{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);column-gap:clamp(20px,2.6vw,36px);row-gap:10px;align-items:start}
  #see #change .sec-head{grid-column:1;grid-row:1;display:block;margin:0}
  #see #change .sec-head h2{font-size:clamp(1.25rem,min(1.9vw,3.8vh),1.6rem);line-height:1.15}
  #see #change .sec-head h2::after{display:none}
  #see #change .sec-head .lede{margin-top:6px;font-size:.8rem;line-height:1.38}
  #see #change .cd-scenario{grid-column:1;grid-row:2;margin:0;padding:8px 10px;font-size:.8rem;line-height:1.35}
  #see #change .cd-scenario .cd-try{font-size:.8rem;padding:3px 10px}
  #see #change .cd-app{grid-column:2;grid-row:1 / span 3;margin:0}
  #see #change .cd-integrity{grid-column:1;grid-row:3;margin:0;padding:0}
  #see #change .cd-integrity h3{font-size:1.05rem;margin:0 0 6px}
  #see #change .cd-int-grid{grid-template-columns:1fr 1fr !important;gap:6px}
  #see #change .cd-int,#change .cd-int:nth-child(even){padding:7px 8px !important;border-left:0 !important;border:1px solid var(--rule);border-radius:10px}
  #see #change .cd-int svg{width:18px;height:18px}
  #see #change .cd-int strong{font-size:.74rem;line-height:1.2}
  #see #change .cd-int p{font-size:.7rem;line-height:1.3;margin:2px 0 0}
  #see #change .see-foot{margin-top:6px;padding-top:4px}
}
@media (min-width:961px){
  #see #change .cd-int-grid{grid-template-columns:1fr !important;gap:4px}
  #see #change .cd-int,#see #change .cd-int:nth-child(even){display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:8px;row-gap:0;align-items:start;padding:5px 8px !important}
  #see #change .cd-int svg{grid-row:1 / span 2;margin-top:2px}
}
@media (min-width:961px){
  #see #change .cd-int,#see #change .cd-int:nth-child(even){padding:3px 8px !important}
  #see #change .cd-int-grid{gap:3px}
  #see #change .cd-integrity h3{margin-bottom:4px}
  #see #change > .wrap:first-child{row-gap:6px}
}
@media (prefers-reduced-motion:reduce){.hb-wisp{animation:none}}

/* Responsive rules from company.css */
@media (min-width:901px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-media{position:sticky;top:104px}
}
@media (hover:hover){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-card2:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-tile:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-tile:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .info-tile:hover{transform:translateY(-7px);border-color:var(--color-cyan);box-shadow:0 2px 4px rgba(26,26,26,.05),0 36px 56px -30px rgba(0,66,126,.6)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-step:hover .tl-card{transform:translateY(-6px);border-color:var(--color-cyan);box-shadow:0 36px 56px -30px rgba(0,66,126,.6)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-point:hover{transform:translateX(6px);border-color:var(--color-cyan)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block:hover{transform:translateY(-5px);border-color:var(--color-cyan);background:linear-gradient(170deg,#fff 50%,#eef7fc);box-shadow:0 26px 44px -28px rgba(0,66,126,.6)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-approach li:hover{background:#eef7fc}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:hover{transform:translateY(-8px);border-color:rgba(255,215,0,.55);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.07));box-shadow:0 34px 56px -28px rgba(0,0,0,.7)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card:hover::before,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card:hover::before,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-card2:hover::before,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block:hover::before{transform:scaleX(1)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:hover::after{transform:scale(1.7);opacity:1}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:hover .belief-ico{transform:translateY(-2px) rotate(-8deg) scale(1.1);background:var(--color-gold);color:var(--color-charcoal)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card:hover .feat-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block:hover .lb-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-point:hover .sp-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-tile:hover .feat-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .info-tile:hover .feat-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-step:hover .tl-ico{background:var(--color-deep-blue);color:#fff;transform:translateY(-2px) rotate(-6deg) scale(1.08)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-step:hover .tl-node{transform:scale(1.1);background:var(--color-gold);color:var(--color-charcoal)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card:hover .job-ico{transform:translateY(-2px) rotate(-8deg) scale(1.08)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-tile:hover::after{width:calc(100% - 44px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .wv-r1{transform:translateX(6px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .wv-r2{transform:translateX(12px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .wv-r3{transform:translateX(18px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .wv-b1{transform:translateY(-4px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .wv-b2{transform:translateY(-8px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .what-visual.co-photo img,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-card2:hover .tc-photo img{transform:scale(1.07)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover .what-cta svg,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-apply:hover svg{transform:translateX(5px)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-cta:hover{color:var(--color-deep-blue-700,#00315c)}
}
@media (max-width:1100px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:36px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-visual{padding:26px 22px 40px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid .what-card:last-child,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-grid .team-card2:last-child,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-grid .job-card:last-child{grid-column:1/-1}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid .what-card:last-child{flex-direction:row}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid .what-card:last-child .what-visual{width:46%;aspect-ratio:auto}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline::before{display:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .belief-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card+.belief-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:nth-child(odd){padding:24px 20px 26px}
}
@media (max-width:900px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-about-hero{min-height:0;padding:64px 0 72px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-about-hero::before{background:radial-gradient(ellipse at 80% 80%,rgba(0,168,232,.25),transparent 50%),linear-gradient(180deg,rgba(3,17,46,.9),rgba(3,17,46,.78))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-layout{grid-template-columns:1fr;gap:44px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-copy{max-width:680px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-about-hero h1{max-width:16ch;font-size:clamp(2.6rem,8vw,3.8rem)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-visual{width:min(100%,540px);min-height:0;margin-inline:auto;padding:26px 22px 104px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-photo{left:6px;bottom:-20px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-chip{right:6px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-hero-split{grid-template-columns:1fr;gap:44px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-hero-art{max-width:480px;margin:0 auto}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-story-layout{grid-template-columns:1fr;gap:56px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-compose{max-width:520px;margin-inline:auto}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cc-badge{left:8px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .belief-cards{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card+.belief-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:nth-child(odd){padding:26px 24px 28px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-grid{grid-template-columns:1fr;gap:56px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-media{width:min(100%,400px);margin-inline:auto}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-float{right:-6px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-shape-a{right:-16px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-roles{scroll-margin-top:80px}
}
@media (max-width:700px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-grid{grid-template-columns:1fr 1fr;gap:12px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-tile{padding:18px 16px 22px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-grid,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-grid.three,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .info-grid{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid .what-card:last-child{flex-direction:column}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-grid .what-card:last-child .what-visual{width:100%;aspect-ratio:16/10}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline{grid-template-columns:1fr;gap:16px;row-gap:16px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline::before{display:block;left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(180deg,var(--color-cyan),var(--color-gold),var(--color-cyan))}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline.is-visible::before{animation:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-step{grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-blocks{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-approach ul{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-approach li+li{border-left:0;border-top:1px solid var(--color-border)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-story-layout{gap:48px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-cta .pg-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-hero:not(.company-about-hero){padding:58px 0}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-careers-hero h1{font-size:clamp(2.4rem,11vw,3.2rem)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-hero:not(.company-about-hero) .lede{font-size:1rem}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-about-hero{padding:52px 0 60px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-about-hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-actions{flex-direction:column;align-items:stretch}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-actions .btn{justify-content:center}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-visual{padding:18px 14px 96px;border-radius:22px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-product{padding:16px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cp-logo{width:104px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-photo{width:48%;left:-2px;bottom:-18px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-chip{bottom:24px;right:-2px;padding:9px 12px 9px 9px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-chip small{display:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-hero-art{max-width:100%}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .ha-chip{padding:8px 12px 8px 8px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .ha-chip b{font-size:.74rem}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .ha-chip-2{right:0}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-compose{aspect-ratio:1/1.12}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cc-badge{padding:10px 14px 10px 10px;bottom:12%}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-lead{padding-left:16px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-point{padding:14px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card+.pg-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card:nth-child(odd){padding:22px 20px 24px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card{padding:22px 20px 24px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-apply,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-open .btn,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .action-card .btn{width:100%;justify-content:center}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-open{padding:22px 20px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-body{padding:22px 20px 24px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-float{display:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-id{left:12px;right:12px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-quote{padding:20px 20px 20px 24px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .independence{flex-direction:column;padding:22px 20px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cta-actions,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cta-actions .btn,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-cta .pg-cta .btn{width:100%}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cta-actions .btn,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-cta .pg-cta .btn{justify-content:center}
}
@media (max-width:380px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-reveal:not(.is-visible){opacity:1}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-reveal.is-visible,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-media.is-visible .lead-photo,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .timeline.is-visible::before{animation:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-bg,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-hero-bg::before,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-product,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cc-badge,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .cc-second,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-photo,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-chip,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .ha-chip,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-float,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .product-status::before{animation:none!important;transform:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-photo,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .hv-chip,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .ha-main{translate:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-photo img,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-shape{transform:none!important}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-card2,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-card,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-tile,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-point,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .benefit-tile,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .info-tile,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-photo img,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .flow-node,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .belief-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .feat-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-ico,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .wv-row,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .wv-bubble{transition:none}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .pg-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .job-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .team-card2:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .what-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .glance-tile:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs .belief-card:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .story-point:hover,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .tl-step:hover .tl-card{transform:none}
}
@media (max-width:700px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block{grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:16px 16px 18px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block .lb-ico{grid-row:span 2;margin:0}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .lead-block p{grid-column:2}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-leadership{padding-bottom:44px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-leadership+.company-cta{padding-top:36px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-beliefs{padding-bottom:56px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .co-sec,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-process,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-what,:where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-glance{padding-top:48px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"])) .company-story{padding-top:56px}
}
@media (min-width:901px) and (max-height:820px){
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"]),#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero{padding-block:clamp(16px,3vh,26px)}
}
@media (min-width:901px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-stage{position:sticky;top:110px}
}
@media (hover:hover){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-card:hover{transform:translateY(-6px);border-color:var(--color-cyan);box-shadow:0 2px 4px rgba(26,26,26,.05),0 34px 54px -30px rgba(0,66,126,.6)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-card:hover::before,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card:hover::before{transform:scaleX(1)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-beliefs .pg-card:hover{border-color:rgba(255,215,0,.55)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card:hover{transform:translateY(-6px);border-color:var(--color-cyan);box-shadow:0 2px 4px rgba(26,26,26,.05),0 34px 54px -30px rgba(0,66,126,.6)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card:hover .job-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-card:hover .team-ico{transform:translateY(-2px) rotate(-8deg) scale(1.08)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-apply:hover svg{transform:translateX(4px)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-steps li:hover{transform:translateY(-4px);box-shadow:0 22px 38px -26px rgba(0,66,126,.5)}
}
@media (max-width:1100px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-grid{grid-template-columns:1fr 1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:36px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-visual{padding:22px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-product{padding:18px}
}
@media (max-width:900px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero{min-height:0;padding:64px 0 72px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero::before{background:radial-gradient(ellipse at 80% 80%,rgba(0,168,232,.25),transparent 50%),linear-gradient(180deg,rgba(3,17,46,.9),rgba(3,17,46,.78))}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-layout{grid-template-columns:1fr;gap:44px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-copy{max-width:680px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero h1{max-width:16ch;font-size:clamp(2.6rem,8vw,3.8rem)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-visual{width:min(100%,540px);min-height:360px;margin-inline:auto}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co-roles{scroll-margin-top:80px}
}
@media (max-width:700px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-grid{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-story .pg-sec-head h2,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-beliefs .pg-sec-head h2,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-leadership .pg-sec-head h2,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-what .pg-sec-head h2,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-how .pg-sec-head h2{max-width:20ch}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-cta .pg-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-hero:not(.company-about-hero){padding:58px 0}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-hero:not(.company-about-hero) h1{font-size:clamp(2.7rem,12vw,4rem)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-hero:not(.company-about-hero) .lede{font-size:1rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero{padding:52px 0 60px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-about-hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-actions{flex-direction:column;align-items:stretch}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-actions .btn{justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-visual{min-height:330px;padding:15px;border-radius:22px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-product{padding:15px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .visual-caption{right:16px;bottom:8px;font-size:.62rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-story .pg-prose p:first-child{padding-left:16px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card{padding:22px 20px 24px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-apply,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-open .btn{width:100%;justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-open{padding:22px 20px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co-careers-hero .company-hero-actions{flex-direction:column;align-items:stretch}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co-careers-hero .company-hero-actions .btn{justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-cta .pg-cta .btn{width:100%;justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .ticks{grid-template-columns:1fr;gap:12px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-dl{grid-template-columns:1fr;gap:4px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-dl dd{margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-reveal:not(.is-visible){opacity:1}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-reveal.is-visible{animation:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-bg,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-hero-bg::before,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-product,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-badge,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-statcard,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-note,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .product-status::before,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-stage.is-visible .lead-photo{animation:none!important;transform:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps::after{transition:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-second,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-photo img{translate:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-portrait{transform:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-point,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-belief,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps li,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-card,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co-photo img,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .flow-node,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .belief-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .team-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-point-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-step-ico,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block-ico{transition:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-point.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-belief.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps li.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .pg-card:hover,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-card:hover{transform:none}
}
@media (max-width:1100px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps::before,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps::after{display:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-beliefs{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-belief:last-child{grid-column:1/-1}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod-wide .co2-prod-vis{width:34%}
}
@media (max-width:900px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stats-sec{margin-top:-28px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .company-story-layout{grid-template-columns:1fr;gap:52px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-compose{max-width:520px;margin-inline:auto}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-grid{grid-template-columns:1fr;gap:56px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-stage{max-width:360px;margin-inline:auto}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod-wide{flex-direction:column}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod-wide .co2-prod-vis{width:100%;aspect-ratio:16/7;min-height:0}
}
@media (max-width:700px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prods{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-beliefs{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-belief:last-child{grid-column:auto}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-svc{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-blocks{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-beliefs-head{margin-bottom:26px}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stats{gap:10px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat{grid-template-columns:1fr;padding:16px 14px;row-gap:6px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat-ico{grid-row:auto;width:40px;height:40px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat b,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat-t{grid-column:1}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat b{font-size:1.75rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-stat-t small{display:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-compose{aspect-ratio:1/1.02;margin-bottom:14px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-badge{left:-4px;bottom:16%;padding:10px 14px 10px 10px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-statcard{right:2%;top:-3%;padding:11px 14px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-statcard b{font-size:1.5rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-point{padding:15px 16px;gap:13px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-point.is-lift{transform:translateY(-3px)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod-body,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod-wide .co2-prod-body{padding:22px 20px 24px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-prod:not(.co2-prod-wide) .co2-prod-body{padding-top:46px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-logo-plate{margin-left:20px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-logo-plate img{height:32px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps{grid-template-columns:1fr;gap:14px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps li{grid-template-columns:auto 1fr;column-gap:16px;padding:18px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-step-ico{grid-row:span 3;width:44px;height:44px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps h3{margin:0}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps .co2-tag{grid-column:2}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .co2-steps p{grid-column:2}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-stage{max-width:320px;padding-right:16px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-ring{right:-18px;width:150px;height:150px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-note{right:-2px;bottom:96px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-quote{padding:18px 18px 18px 54px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-quote-ico{left:16px;top:20px;width:24px;height:24px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-approach{padding:14px 16px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block{grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;padding:16px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block-ico{grid-row:span 2;width:40px;height:40px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .lead-block h4{margin:0;align-self:end}
}
@media (max-width:1100px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bn-feat{grid-column:1/-1;grid-row:auto;min-height:320px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-psteps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-psteps::before,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-psteps::after{display:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way{grid-template-columns:130px minmax(0,1fr)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way-go{grid-column:2;margin:-6px 28px 22px;justify-self:start}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-relay{grid-template-columns:1fr;gap:10px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-rarrow{justify-self:center;transform:rotate(90deg)}
}
@media (max-width:900px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-hero{min-height:0}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vis{min-height:400px;width:min(100%,540px);margin-inline:auto}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-routes{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-routes-sec{margin-top:-28px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-contact-grid,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-intro,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tabs,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-duo{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-side{position:static}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-caps{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tablist{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tablist::-webkit-scrollbar{display:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tab{flex:none;width:auto;min-height:52px;padding:8px 16px 8px 10px;white-space:nowrap}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tab.is-lift{transform:translateY(-2px)}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-card{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-vis{min-height:220px;order:-1}
}
@media (max-width:700px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vtl::before{left:23px;transform:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vtl li{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vtl li:nth-child(n)>div{grid-column:1;margin:0 0 0 64px;text-align:left}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vtl-n{left:23px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-psteps{grid-template-columns:1fr;row-gap:14px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-pstep{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:16px;row-gap:2px;padding:0}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-pstep-ico{grid-row:span 3;width:54px;height:54px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-pstep-n{margin:0}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way-side{grid-auto-flow:column;justify-content:flex-start;padding:16px 20px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way-go{grid-column:1;margin:-4px 20px 20px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way-main{padding:20px 20px 12px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-row{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bento{grid-template-columns:1fr}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vis{min-height:380px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vis-photo{width:80%}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-float{padding:10px 14px 10px 10px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-f1{top:28%}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-f2{left:4%}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-hub,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-aud{width:100%}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-hub{padding:14px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-form{padding:22px 18px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-submit{justify-self:stretch;justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-type-row span{padding:8px 13px;font-size:.86rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-info{padding:16px;gap:12px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-cta-btns{width:100%;flex-direction:column}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-cta-btns .btn{justify-content:center;width:100%}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-card{padding:26px 20px;border-radius:24px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-btn{width:100%;justify-content:center}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-chip{padding:7px 11px;font-size:.74rem}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-chip.c1{left:-2px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-chip.c2{right:-2px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bn-feat{min-height:300px;padding:24px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-duo-p{padding:22px 20px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-panel{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-float,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-hub,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-aud,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-tile,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-chip,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-pulse{animation:none!important}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-psteps::after{transition:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-panel{animation:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-route,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-info,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-gl,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bn,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-cap,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-duo-p,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-rn,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-who,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tab,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-vtl li>div,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-card,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-btn{transition:none}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-route.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-info.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-gl.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-bn.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-way.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-cap.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-duo-p.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-rn.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-who.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-tab.is-lift,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-card.is-lift{transform:none}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-vis{min-height:168px}
  :where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-tile,:where(#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .cp-li-pulse{width:96px;border-radius:24px}
}
@media (max-width:900px){
  :where(#page:has([data-co-tpl="about"])) .cp-li-card{grid-template-columns:1fr}
  :where(#page:has([data-co-tpl="about"])) .cp-li-vis{min-height:220px;order:-1}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="about"])) .cp-li-card{padding:26px 20px;border-radius:24px}
  :where(#page:has([data-co-tpl="about"])) .cp-li-btn{width:100%;justify-content:center}
  :where(#page:has([data-co-tpl="about"])) .cp-li-chip{padding:7px 11px;font-size:.74rem}
  :where(#page:has([data-co-tpl="about"])) .cp-li-chip.c1{left:-2px}
  :where(#page:has([data-co-tpl="about"])) .cp-li-chip.c2{right:-2px}
}
@media (prefers-reduced-motion:reduce){
  :where(#page:has([data-co-tpl="about"])) .cp-float,:where(#page:has([data-co-tpl="about"])) .cp-hub,:where(#page:has([data-co-tpl="about"])) .cp-aud,:where(#page:has([data-co-tpl="about"])) .cp-li-tile,:where(#page:has([data-co-tpl="about"])) .cp-li-chip,:where(#page:has([data-co-tpl="about"])) .cp-li-pulse{animation:none!important}
  :where(#page:has([data-co-tpl="about"])) .cp-route,:where(#page:has([data-co-tpl="about"])) .cp-info,:where(#page:has([data-co-tpl="about"])) .cp-gl,:where(#page:has([data-co-tpl="about"])) .cp-bn,:where(#page:has([data-co-tpl="about"])) .cp-way,:where(#page:has([data-co-tpl="about"])) .cp-cap,:where(#page:has([data-co-tpl="about"])) .cp-duo-p,:where(#page:has([data-co-tpl="about"])) .cp-rn,:where(#page:has([data-co-tpl="about"])) .cp-who,:where(#page:has([data-co-tpl="about"])) .cp-tab,:where(#page:has([data-co-tpl="about"])) .cp-vtl li>div,:where(#page:has([data-co-tpl="about"])) .cp-li-card,:where(#page:has([data-co-tpl="about"])) .cp-li-btn{transition:none}
  :where(#page:has([data-co-tpl="about"])) .cp-route.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-info.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-gl.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-bn.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-way.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-cap.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-duo-p.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-rn.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-who.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-tab.is-lift,:where(#page:has([data-co-tpl="about"])) .cp-li-card.is-lift{transform:none}
}
@media (max-width:600px){
  :where(#page:has([data-co-tpl="about"])) .cp-li-vis{min-height:168px}
  :where(#page:has([data-co-tpl="about"])) .cp-li-tile,:where(#page:has([data-co-tpl="about"])) .cp-li-pulse{width:96px;border-radius:24px}
}

/* Responsive rules from legal.css */
@media (max-width:900px){.lg{grid-template-columns:1fr}.lg-toc{position:static}.lg-toc ol{columns:2;column-gap:20px}.lg-roles{grid-template-columns:1fr}}
@media (max-width:560px){.lg-toc ol{columns:1}.lg-t{font-size:.84rem}.lg-dl{grid-template-columns:1fr;gap:2px}.lg-dl dd{margin-bottom:8px}}

/* Responsive rules from resources.css */
@media (max-width:900px){
.posts,
.tpls{grid-template-columns:1fr 1fr}
.post.lead{grid-column:1/-1;grid-row:auto}
.news{grid-template-columns:1fr}
}
@media (max-width:600px){
.posts,
.tpls{grid-template-columns:1fr}
.gl-item{grid-template-columns:1fr}
.news-f{grid-template-columns:1fr}
.gl-search{flex-wrap:wrap}
}
@media (max-width:900px){
.posts,
.tpls{grid-template-columns:1fr 1fr}
.post.lead{grid-column:1/-1}
}
@media (max-width:600px){
.posts,
.tpls{grid-template-columns:1fr}
.post:not(.lead){padding:20px}
}
@media (scripting:enabled){
  .rc:not(.rc-in){opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .rc:not(.rc-in){opacity:1}
  .rc-in,.chip[aria-pressed=true]{animation:none}
  .post,.post:not(.lead),.guide,.tpl,.post-type,.post-meta::after,.guide .btn,.tpl .linkbtn,.chip,.post::before,.guide::before,.tpl::after{transition:none}
  .post:hover,.post:not(.lead):hover,.guide:hover,.post.lead:hover,.chip:hover{transform:none}
}
@media (hover:none){
  .post::after,.guide::after{display:none}
}
@media (min-width:901px) and (max-width:1120px){
  .res-hero::before{background-size:auto 96%;background-position:right 0 center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 42%,#000 70%);mask-image:linear-gradient(90deg,transparent 0,transparent 42%,#000 70%)}
}
@media (max-width:900px){
  .res-hero::before{opacity:.22;background-size:auto 100%;background-position:right center;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60%);mask-image:linear-gradient(90deg,transparent 0,#000 60%)}
}
@media (prefers-reduced-motion:reduce){.res-hero::before,.res-hero::after,.res-hero .wrap>*{animation:none!important}}
@media (scripting:enabled){.gx:not(.gx-in){opacity:0}}
@media (max-width:600px){
  .gl-az{top:68px;border-radius:16px}
  .gl-item:hover dt{transform:none}
  .gl-item dt::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .gl-search,.gl-az,.gl-letter.gx-in,.gl-letter.gx-in::after,.gl-item.gx-in,.gl-item.gx-re,.gl mark,.gl-count.bump,.gl-letter.flash{animation:none}
  .gx:not(.gx-in){opacity:1}
  .gl-item::before,.gl-item dt,.gl-item dt::before,.gl-az button,.gl-search input{transition:none}
  .gl-letter::after{transform:scaleX(1)}
}
@media (max-width:600px){.res-hero .pg-sub{gap:20px}.res-hero .pg-sub a{font-size:.95rem}}
@media (max-width:900px){
  .res-hero::before{opacity:1;background-size:cover;background-position:70% center;-webkit-mask-image:none;mask-image:none}
  .res-hero::after{background:linear-gradient(180deg,rgba(3,20,60,.86) 0%,rgba(3,20,60,.70) 100%)}}
@media (prefers-reduced-motion:reduce){.res-hero::before{animation:none!important}}
@media (max-width:700px){
.res-hero .pg-sub{flex-wrap:wrap;overflow:visible;gap:2px 22px;width:auto;border-bottom:0}
.res-hero .pg-sub a{border-bottom-color:rgba(255,255,255,.26);margin-bottom:0}
.res-hero .pg-sub a:hover{border-bottom-color:rgba(255,255,255,.6)}
.res-hero .pg-sub a[aria-current=page]{border-bottom-color:var(--color-gold,#FFD700)}}

/* Responsive rules from signin.css */
@media(max-height:940px) and (min-width:851px){
  .auth-welcome>p:last-child,.auth-welcome .eyebrow{display:none}
  .auth-welcome{margin-bottom:8px}
  .login-column{padding-block:14px}
  .auth-product{margin-bottom:8px}
  .security-note{display:none}
  .sso-note{display:none}
  .login-type{margin-bottom:8px}
  .form-field{margin-bottom:7px}
}
@media(max-width:1100px){
  .signin-page{padding-bottom:68px}
}
@media(max-width:1050px) and (min-width:851px){
  .login-column{padding-inline:clamp(24px,4vw,48px)}
  .provider-button span:last-child{font-size:.64rem}
  .lt-body svg{display:none}
}
@media(max-width:850px){
  .signin-shell{grid-template-columns:1fr;min-height:0}
  .login-column{max-width:560px;padding:30px 22px 26px}
  .auth-product{margin-bottom:20px}
  .auth-welcome{margin-bottom:16px}
  .signin-intro{min-height:0;padding:30px 20px 34px;border-top:1px solid #e5edf3;border-left:0}
  .visual-stage{width:min(100%,430px)}
  .footer-row{width:calc(100% - 36px);flex-wrap:wrap;justify-content:center;padding-block:14px}
  .footer-row nav{order:3;width:100%;justify-content:center}
}
@media(max-width:480px){
  .login-column{padding:24px 18px 22px}
  .auth-welcome h1{font-size:1.9rem}
  .auth-welcome>p:last-child{font-size:.85rem}
  .login-type-grid{gap:5px}
  .lt-body{flex-direction:column;gap:3px;padding:6px 4px}
  .lt-body b{font-size:.66rem}
  .provider-grid{grid-template-columns:1fr}
  .provider-button{justify-content:flex-start;padding-inline:14px;font-size:.78rem}
  .form-options{font-size:.7rem}
  .signin-intro{padding-inline:12px}
  .float-card{padding:7px 9px 7px 7px}
  .float-card small{display:none}
  .visual-product{width:68%;padding:12px 12px 9px}
  .visual-product-logo{width:76px}
  .visual-feature{padding:6px 7px;gap:8px}
  .visual-feature small{display:none}
  .visual-pilot-brand img{width:66px}
}
@media(hover:none){
  .signin-button:hover,.provider-button:hover,.visual-feature:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .orbit,.oi,.float-card,.visual-product{animation:none!important}
  .visual-product{transform:translate(-50%,-50%)}
}
@media(max-height:800px) and (min-width:851px){
  .login-column{padding-block:8px}
  .form-field input{height:40px}
  .lt-body,.provider-button{min-height:40px}
  .signin-button{min-height:42px}
  .auth-switch button{min-height:32px}
  .form-options{margin-bottom:8px}
  .auth-welcome h1{font-size:1.75rem}
  .divider{margin:9px 0 7px}
  .auth-product-logo{width:120px}
}
@media(max-width:480px){
  .fc-one{top:1%;left:0}
  .fc-two{bottom:3%;right:0}
  .visual-stage{width:min(100%,380px)}
}

/* Responsive rules from solutions.css */
@media (max-width:1100px){
.uc-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
.uc-grid,
.pkg-grid{grid-template-columns:1fr}
}
@media (scripting:enabled){
.pg-rv{opacity:0;transform:translateY(22px)}
.pg-rv.is-in{opacity:1;transform:none;animation:pgIn .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--pg-delay,0ms)}
}
@media (prefers-reduced-motion:reduce){
.pg-rv,
.pg-rv.is-in{opacity:1;transform:none;animation:none!important}
.pg-card.pg-rv,
.uc.pg-rv,
.pkg.pg-rv,
.pg-card.pg-rv::before,
.pg-card.pg-rv::after,
.uc.pg-rv::before,
.uc.pg-rv::after,
.pkg.pg-rv::before,
.pkg.pg-rv::after,
.pg-ico,
.pg-steps li.pg-rv{transition:none}
.pg-rv:hover,
.pg-card.pg-rv:hover,
.uc.pg-rv:hover,
.pkg.pg-rv:hover{transform:none}
}
@media (scripting:enabled){
.pg-hero-media{animation:heroMediaIn .9s cubic-bezier(.2,.8,.2,1) .15s backwards}
}
@media (max-width:900px){
.pg-hero-body{grid-template-columns:1fr;gap:26px}
.pg-hero-body h1{max-width:20ch}
.pg-hero-media{border-radius:16px}
}
@media (prefers-reduced-motion:reduce){
.pg-hero-media{animation:none}
}
@media (max-width:1000px){
.pg-hero .pg-sub{flex-wrap:wrap;overflow:visible;gap:2px 24px;width:auto;border-bottom:0}
.pg-hero .pg-sub a{border-bottom-color:var(--color-border,#DCE2EA);margin-bottom:0}
.pg-hero .pg-sub a:hover{border-bottom-color:var(--color-deep-blue,#00427E)}
.pg-hero .pg-sub a[aria-current=page]{border-bottom-color:var(--color-deep-blue,#00427E)}
}
@media (max-width:600px){.pg-hero .pg-sub{gap:0 18px}.pg-hero .pg-sub a{font-size:.95rem}}
@media (max-width:900px){.pg-hero-body::before{display:none}}
@media (prefers-reduced-motion:reduce){.pg-hero::after,.pg-hero .wrap>*,.pg-hero-body::before,.pg-hero-body::after,.pg-hero-media{animation:none!important}}
@media (max-width:1000px){
.pg-hero .pg-sub a{border-bottom-color:rgba(255,255,255,.24)}
.pg-hero .pg-sub a:hover{border-bottom-color:rgba(255,255,255,.6)}
.pg-hero .pg-sub a[aria-current=page]{border-bottom-color:var(--color-gold,#FFD700)}}
@media (max-width:900px){.pg-hero::after{background:linear-gradient(180deg,rgba(2,13,38,.88) 0%,rgba(2,13,38,.72) 100%)}}
@media (prefers-reduced-motion:reduce){.pg-hero::before{animation:none!important}}
@media (min-width:901px){
  .pg-hero-body{min-height:var(--hero-body-h,450px)}
  .pg-hero-copy{display:flex;flex-direction:column;justify-content:center}
}

/* mobile: remove the extra gap between the navbar and the hero */
@media (max-width:1100px){
  .hero{--hero-pt:10px;padding-top:10px}}

/* QA: desktop line-length caps (ch units) made phone headings/leads far narrower than their cards */
@media (max-width:640px){
  h1,h2,h3,.hr-title,.final-card h2,.faq-home-intro h2,.pg-hero h1,.pg-cta h2,.pg-sec-head h2,.guide.lead h3,.cp-li-copy h2{max-width:none!important}
  h1,h2{text-wrap:balance}
  .lede,.hr-lede,.pg-hero .lede,.res-hero .lede,.cp-li-lede,.co2-beliefs-head>p,.pg-sec-head p,.final-card p,.pf-copy .lede,.foot-brand p,.brand-line{max-width:none!important}
}

/* QA: bridge arrow was dark blue on the dark navy 'Today' state, so it was invisible */
.problem .bridge span{color:inherit;opacity:.9}

/* QA: status dot sat centred between wrapped lines; pin it to the first line */
.hp-al{align-items:flex-start}
.hp-al::before{margin-top:.5em}

/* QA: DPDP notice headings inherited the global h2 18ch cap at a small size (180px wide) */
.legal-card h1,.legal-card h2,.legal-card h3,.legal-card p{max-width:none}

/* Ask button: never cover page text on phones */
.ask-btn{transition:transform .25s ease,opacity .25s ease,box-shadow .2s ease,border-color .2s ease}
@media (max-width:820px){
  .ask-btn{width:46px !important;height:46px !important;padding:6px !important;right:8px !important;opacity:.95}
  .ask-btn svg{width:32px !important;height:32px !important}
  .ask-btn.is-away{transform:translateX(70px);opacity:0;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){.ask-btn{transition:none}}

/* Role tabs on phones: wrap into rows so every tab (and the selected one) is fully visible, no sideways scrolling */
@media (max-width:820px){
  .hp-roles,.hr-grid .hp-roles{flex-wrap:wrap !important;overflow:visible !important;gap:8px 6px !important;padding:2px 0 6px !important;margin-right:0 !important}
  .hp-lab{position:static !important;flex:0 0 100% !important;flex-basis:100% !important;padding:0 0 2px !important}
  .hp-role,.hr-grid .hp-role{flex:0 0 auto !important;white-space:nowrap}
}

/* Phones: slightly smaller buttons (site-wide .btn); tap height stays ~40px */
@media (max-width:640px){
  .btn{padding:10px 18px;font-size:.9rem;gap:8px}
  .btn-small{padding:8px 14px;font-size:.84rem}
  .plan-acts .btn{padding:9px 16px;font-size:.88rem}
  .drawer .btn{margin-top:18px}
  :where(#page:has([data-co-tpl="about"]),#page:has([data-co-tpl="careers"]),#page:has([data-co-tpl="contact"]),#page:has([data-co-tpl="partners"]),#page:has([data-co-tpl="audit-partners"])) .job-apply{min-height:40px;font-size:.88rem}
}
@media (max-width:380px){
  .btn{padding:9px 16px;font-size:.86rem}
}