/* HBF 2026 — full-site polish
   Final visual pass for buyer-facing subpages.
*/

:root{
  --site-max:1440px;
  --site-ink:#0B1B21;
  --site-night:#061116;
  --site-night-2:#0A2026;
  --site-gold:#C49A5A;
  --site-gold-strong:#D5A45B;
  --site-cream:#F2EEE6;
  --site-cream-2:#E9E2D7;
  --site-line:#BEC7C3;
}

/* HEADER */
.topbar-inner{
  min-height:92px;
}

.brand{
  min-width:214px;
}

.brand-lockup{
  width:208px;
}

.nav{
  gap:7px;
}

.nav a{
  padding-inline:12px;
  font-size:.97rem;
}

.header-contact{
  min-width:112px;
  min-height:46px;
}

/* COMMON BUYER HERO */
.client-page .compact-hero{
  min-height:560px;
  padding:72px 0;
}

.client-page .compact-hero>.wrap{
  width:min(var(--site-max),calc(100% - 88px));
}

.client-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:86px;
  align-items:center;
}

.client-hero-copy{
  min-width:0;
}

.client-page .compact-hero h1{
  max-width:13.5ch;
  font-size:clamp(3.7rem,5vw,5.7rem);
  line-height:.96;
}

.client-page .compact-hero .lead{
  max-width:64ch;
  margin-bottom:0;
  font-size:clamp(1.1rem,1.35vw,1.24rem);
}

.client-hero-aside{
  position:relative;
  overflow:hidden;
  min-height:380px;
  padding:34px 34px 30px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px 34px 12px 34px;
  background:
    radial-gradient(circle at 82% 14%,rgba(196,154,90,.14),transparent 28%),
    rgba(255,255,255,.025);
  box-shadow:0 28px 72px rgba(0,0,0,.20);
}

.client-hero-aside::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,79,89,.24),transparent 68%);
  pointer-events:none;
}

.client-hero-aside>small{
  display:block;
  margin-bottom:26px;
  color:#E1B36E;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.client-hero-aside h2{
  position:relative;
  z-index:1;
  max-width:15ch;
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(1.75rem,2.3vw,2.35rem);
  line-height:1.05;
  letter-spacing:-.035em;
}

.client-hero-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:0;
  margin-top:10px;
  border-top:1px solid rgba(255,255,255,.12);
}

.client-hero-list div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:13px;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.client-hero-list span{
  color:#E0B16A;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
}

.client-hero-list strong{
  display:block;
  color:#F4F6F5;
  font-size:.97rem;
  line-height:1.38;
}

.client-hero-list p{
  margin:4px 0 0;
  color:#AEBDB9;
  font-size:.84rem;
  line-height:1.48;
}

.client-hero-note{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding:14px 15px;
  border-left:3px solid var(--site-gold);
  background:rgba(255,255,255,.035);
  color:#C9D3D0;
  font-size:.88rem;
  line-height:1.58;
}

/* SECTIONS */
.client-page>.section>.wrap{
  width:min(var(--site-max),calc(100% - 88px));
}

.client-page .section{
  padding-block:96px;
}

.client-page .section-head{
  max-width:940px;
  margin-bottom:44px;
}

.client-page .section-head h2{
  max-width:20ch;
  font-size:clamp(2.55rem,3.5vw,3.7rem);
}

.client-page .section-head p{
  font-size:1.08rem;
}

/* GENERIC CARDS */
.client-page .cards-grid{
  gap:18px;
}

.client-page .cards-grid>.card,
.client-page .two-col>.card{
  position:relative;
  padding:30px;
  border:1px solid #C1C9C5;
  border-radius:10px 28px 10px 28px;
  background:#F8F5EE;
}

.client-page .cards-grid>.card::before,
.client-page .two-col>.card::before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:44px;
  height:3px;
  background:var(--site-gold);
}

.client-page .cards-grid>.card.highlight,
.client-page .two-col>.card.highlight{
  border-color:rgba(196,154,90,.44);
  background:linear-gradient(145deg,#FCF8EF,#F4E9D4);
}

.client-page .cards-grid>.card h3{
  margin-top:10px;
  font-size:1.32rem;
}

.client-page .cards-grid>.card p,
.client-page .two-col>.card p,
.client-page .two-col>.card li{
  font-size:1rem;
}

/* HELP PAGE */
.page-help .client-intro-grid{
  grid-template-columns:minmax(320px,.70fr) minmax(0,1.30fr);
  gap:96px;
}

.page-help .client-scenario{
  grid-template-columns:54px minmax(0,1fr) 180px;
  padding:30px 12px;
}

.page-help .client-scenario h3{
  font-size:1.38rem;
}

.page-help .client-scenario p{
  max-width:70ch;
  font-size:1rem;
}

.page-help .client-choice{
  min-height:310px;
  padding:32px;
}

/* OFFER / PRICING */
.page-offer .v3-model-section,
.page-offer .v3-pricing-section,
.page-offer .v3-directory-section,
.page-offer .v3-oneoff-section,
.page-offer .v3-faq-section{
  padding-block:100px;
}

.page-offer .v3-models{
  gap:0;
}

.page-offer .v3-model{
  padding:30px 34px 34px;
}

.page-offer .v3-model h3{
  font-size:1.38rem;
}

.page-offer .v3-model p{
  font-size:1rem;
}

.page-offer .v3-pricing-grid{
  gap:24px;
  align-items:stretch;
}

.page-offer .v3-price-card{
  padding:34px 30px 30px;
  border-radius:12px 30px 12px 30px;
}

.page-offer .v3-price-card.is-featured{
  transform:translateY(-10px);
  background:
    radial-gradient(circle at 85% 8%,rgba(196,154,90,.13),transparent 24%),
    linear-gradient(180deg,#0A1D23,#07161B);
  border-color:rgba(196,154,90,.58);
  color:#fff;
  box-shadow:0 28px 70px rgba(6,17,22,.20);
}

.page-offer .v3-price-card.is-featured .v3-price,
.page-offer .v3-price-card.is-featured h3,
.page-offer .v3-price-card.is-featured strong{
  color:#fff;
}

.page-offer .v3-price-card.is-featured .v3-price span,
.page-offer .v3-price-card.is-featured .v3-price small,
.page-offer .v3-price-card.is-featured .v3-price-for,
.page-offer .v3-price-card.is-featured li{
  color:#CDD6D3;
}

.page-offer .v3-price-card.is-featured .v3-price-list li{
  border-color:rgba(255,255,255,.11);
}

.page-offer .v3-price-name{
  font-size:.86rem;
}

.page-offer .v3-price{
  font-size:clamp(2.55rem,3.4vw,3.5rem);
}

.page-offer .v3-price-for{
  font-size:.98rem;
}

.page-offer .v3-price-list li{
  padding-block:9px;
  font-size:.94rem;
}

.page-offer .v3-package-compare{
  font-size:.92rem;
}

/* OWN IT */
.page-own-it .band{
  gap:18px;
}

.page-own-it .metric{
  padding:24px 26px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px 22px 8px 22px;
  background:rgba(255,255,255,.025);
}

.page-own-it .metric b{
  color:#E2B46E;
}

.page-own-it .tech-list span{
  padding:7px 10px;
  border-radius:999px;
  background:#F7F3EB;
}

/* REMOTE */
.page-remote .section:first-of-type{
  padding-top:84px;
}

.page-remote .highlight:has(.btn[href*="hbf-remotehelp"]){
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  min-height:170px;
  padding:34px 38px;
  border-color:rgba(196,154,90,.56);
  background:
    radial-gradient(circle at 92% 10%,rgba(196,154,90,.13),transparent 28%),
    #F8F3E9;
}

.page-remote .highlight:has(.btn[href*="hbf-remotehelp"]) .btn{
  min-width:210px;
}

.page-remote .cards-grid>.card{
  min-height:260px;
}

/* CONTACT */
.page-contact .contact-grid{
  gap:28px;
}

.page-contact .contact-grid>.card{
  border-radius:12px 30px 12px 30px;
}

.page-contact .client-contact-quick{
  gap:14px;
}

.page-contact .client-contact-quick a{
  min-height:74px;
  display:flex;
  align-items:center;
  padding:17px 46px 17px 18px;
  font-size:.98rem;
}

.page-contact input,
.page-contact select,
.page-contact textarea{
  min-height:50px;
  border-radius:8px;
  border-color:#BFC8C4;
  background:#FCFAF5;
}

.page-contact textarea{
  min-height:170px;
}

/* PHOTO BANDS */
.v3-photo-band{
  min-height:420px;
  border-radius:12px 34px 12px 34px;
  overflow:hidden;
  box-shadow:0 26px 62px rgba(6,17,22,.12);
}

.v3-photo-band img{
  min-height:420px;
}

.v3-photo-band figcaption{
  max-width:52ch;
  padding:13px 16px;
  border-radius:8px 18px 8px 18px;
  background:rgba(6,17,22,.84);
  backdrop-filter:blur(9px);
}

/* PROCESS */
.v3-process{
  gap:0;
  border-top:1px solid #BBC4C0;
  border-left:1px solid #BBC4C0;
}

.v3-process>div{
  min-height:210px;
  padding:28px;
  border-right:1px solid #BBC4C0;
  border-bottom:1px solid #BBC4C0;
}

.v3-process span{
  display:inline-flex;
  margin-bottom:28px;
  color:#9B7137;
  font-weight:900;
}

.v3-process strong{
  font-size:1.18rem;
}

.v3-process p{
  font-size:.98rem;
}

/* FOOTER */
.footer{
  border-top:1px solid rgba(196,154,90,.42);
}

.footer .wrap{
  width:min(var(--site-max),calc(100% - 88px));
}

/* LEGAL PAGES */
.page-legal,
.legal-page{
  background:#F2EEE6;
}

@media (min-width:1600px){
  .client-page .compact-hero>.wrap,
  .client-page>.section>.wrap,
  .footer .wrap{
    width:min(1540px,calc(100% - 128px));
  }

  .client-hero-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(430px,.72fr);
    gap:110px;
  }
}

@media (max-width:1120px){
  .client-hero-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  .client-hero-aside{
    min-height:0;
  }

  .page-help .client-intro-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  .page-help .client-scenario{
    grid-template-columns:48px minmax(0,1fr);
  }

  .page-help .client-scenario>a{
    grid-column:2;
    text-align:left;
  }

  .page-offer .v3-price-card.is-featured{
    transform:none;
  }
}

@media (max-width:760px){
  .topbar-inner{
    min-height:72px;
  }

  .brand{
    min-width:150px;
  }

  .brand-lockup{
    width:148px;
  }

  .client-page .compact-hero{
    min-height:0;
    padding:52px 0 48px;
  }

  .client-page .compact-hero>.wrap,
  .client-page>.section>.wrap,
  .footer .wrap{
    width:calc(100% - 36px);
  }

  .client-page .compact-hero h1{
    max-width:none;
    font-size:clamp(2.7rem,12vw,3.8rem);
  }

  .client-hero-aside{
    padding:26px 22px 24px;
    border-radius:10px 26px 10px 26px;
  }

  .client-page .section{
    padding-block:64px;
  }

  .client-page .section-head h2{
    max-width:none;
    font-size:clamp(2.15rem,9vw,2.9rem);
  }

  .page-offer .v3-pricing-grid{
    gap:14px;
  }

  .page-offer .v3-price-card{
    padding:26px 22px;
  }

  .page-remote .highlight:has(.btn[href*="hbf-remotehelp"]){
    grid-template-columns:1fr;
    padding:28px 24px;
  }

  .page-remote .highlight:has(.btn[href*="hbf-remotehelp"]) .btn{
    width:100%;
  }

  .v3-photo-band,
  .v3-photo-band img{
    min-height:300px;
  }

  .v3-process{
    border-left:0;
  }

  .v3-process>div{
    min-height:0;
    border-left:0;
    border-right:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .client-page .cards-grid>.card,
  .client-page .two-col>.card{
    transition:none;
  }

  .client-page .cards-grid>.card:hover,
  .client-page .two-col>.card:hover{
    transform:none;
  }
}


/* Featured BUSINESS card contrast */
.page-offer .v3-price-card.is-featured .v3-price-meta{
  border-color:rgba(255,255,255,.16);
}

.page-offer .v3-price-card.is-featured .v3-price-meta>div{
  border-color:rgba(255,255,255,.10);
}

.page-offer .v3-price-card.is-featured .v3-price-meta span{
  color:#AEBDB9;
}

.page-offer .v3-price-card.is-featured .v3-price-meta strong{
  color:#fff;
}

.page-offer .v3-price-card.is-featured .v3-price-note{
  color:#BFCBC7;
}

.page-offer .v3-price-card.is-featured .v3-price-name{
  color:#E3B66F;
}

.page-offer .v3-price-card.is-featured .v3-price-badge{
  background:#C49A5A;
  color:#07161B;
}

.page-offer .v3-price-card.is-featured .btn-primary{
  background:#C49A5A;
  border-color:#C49A5A;
  color:#07161B;
}

.page-offer .v3-price-card.is-featured .btn-primary:hover{
  background:#D5A45B;
  border-color:#D5A45B;
  color:#07161B;
}


/* 2026-09-25 — full-site audit: typography, wrapping, spacing and responsive consistency */

/* Typography: one predictable system stack, no emergency word-breaking */
html{
  text-rendering:optimizeLegibility;
}

body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-kerning:normal;
}

h1,h2,h3,h4,
.client-hero-aside strong,
.v3-price,
.metric b{
  font-family:inherit;
  font-kerning:normal;
}

h1,h2{
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

h3,
p,
li,
summary,
figcaption{
  text-wrap:pretty;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.card p,
.card li,
.footer-right,
.footer-nav-group a{
  overflow-wrap:break-word;
  word-break:normal;
}

.btn,
.nav a,
.home-price-cta,
.v3-price-card .btn{
  white-space:nowrap;
}

/* Keep sticky-header anchor jumps visible */
main [id]{
  scroll-margin-top:118px;
}

/* Header: cleaner proportions and no cramped mid-size desktop */
.topbar-inner{
  min-height:84px;
  gap:24px;
}

.brand{
  flex:0 0 auto;
  min-width:184px;
}

.brand-logo{
  width:184px;
  max-height:66px;
  object-fit:contain;
  object-position:left center;
}

.nav{
  flex:0 1 auto;
  justify-content:center;
  gap:4px;
}

.nav a{
  white-space:nowrap;
  font-size:.95rem;
  line-height:1.2;
}

.header-contact{
  flex:0 0 auto;
}

/* Hero copy should read like editorial headlines, not narrow poster columns */
.client-hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.72fr);
  gap:72px;
}

.client-page .compact-hero h1{
  max-width:17ch;
  font-size:clamp(3.35rem,4.45vw,5.2rem);
  line-height:.98;
  letter-spacing:-.048em;
}

.client-page .compact-hero .lead{
  max-width:67ch;
  font-size:clamp(1.08rem,1.25vw,1.2rem);
  line-height:1.68;
  text-wrap:pretty;
}

.client-hero-aside{
  min-height:350px;
}

.client-hero-aside h2{
  max-width:17ch;
  text-wrap:balance;
}

.client-hero-list p{
  text-wrap:pretty;
}

/* Page-specific headline tuning — prevents one-word orphan lines */
.page-help .compact-hero h1{max-width:16ch}
.page-offer .compact-hero h1{max-width:17ch}
.page-takeover .compact-hero h1{max-width:16ch}
.page-audit .compact-hero h1{max-width:15ch}
.page-new-office .compact-hero h1{max-width:16ch}
.page-accounting .compact-hero h1{max-width:18ch;font-size:clamp(3.15rem,4.2vw,4.85rem)}
.page-contact .compact-hero h1{max-width:15ch}
.page-own-it .compact-hero h1{max-width:17ch;font-size:clamp(3.2rem,4.25vw,4.9rem)}
.page-remote .compact-hero h1{max-width:16ch;font-size:clamp(3.15rem,4.2vw,4.8rem)}
.page-about .compact-hero h1{max-width:16ch}
.page-competencies .compact-hero h1{max-width:18ch;font-size:clamp(3.15rem,4.2vw,4.8rem)}
.page-experience .compact-hero h1{max-width:17ch}

/* Section rhythm */
.client-page .section{
  padding-block:88px;
}

.client-page .section-head{
  margin-bottom:40px;
}

.client-page .section-head h2{
  max-width:22ch;
  font-size:clamp(2.35rem,3.15vw,3.35rem);
  line-height:1.07;
  text-wrap:balance;
}

.client-page .section-head p{
  max-width:66ch;
  line-height:1.68;
  text-wrap:pretty;
}

.client-intro-copy h2{
  max-width:15ch;
  text-wrap:balance;
}

.client-scenario h3,
.client-choice h3,
.v3-directory-item h3,
.v3-model h3,
.v3-price-card h3{
  text-wrap:balance;
}

.client-scenario p,
.client-choice p,
.v3-directory-item p{
  text-wrap:pretty;
}

/* Cards: consistent radius, padding and readable measures */
.client-page .cards-grid>.card,
.client-page .two-col>.card{
  min-width:0;
}

.client-page .cards-grid>.card p,
.client-page .two-col>.card p{
  max-width:65ch;
}

.client-page .cards-grid>.card h3,
.client-page .two-col>.card h3{
  text-wrap:balance;
}

/* Offer: keep pricing readable and visually even */
.page-offer .v3-price-card{
  min-width:0;
}

.page-offer .v3-price-for{
  min-height:0;
  line-height:1.55;
}

.page-offer .v3-price-list li{
  font-size:.97rem;
  line-height:1.55;
}

.page-offer .v3-price-meta strong,
.page-offer .v3-price-meta span{
  text-wrap:pretty;
}

.page-offer .v3-package-compare{
  font-size:.95rem;
  line-height:1.5;
}

/* Contact: no cramped labels or odd wrapping */
.page-contact .label{
  line-height:1.35;
}

.page-contact .client-contact-quick a{
  text-wrap:balance;
}

.page-contact .consent span{
  line-height:1.55;
  text-wrap:pretty;
}

/* Remote help: make the download action the strongest element */
.page-remote .highlight:has(.btn[href*="hbf-remotehelp"]){
  min-height:150px;
}

.page-remote .highlight:has(.btn[href*="hbf-remotehelp"]) h3{
  margin-bottom:8px;
}

/* Footer: client-facing, calm and readable */
.footer{
  padding-block:48px 34px;
}

.footer-inner{
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) minmax(180px,.65fr) minmax(240px,.85fr);
  gap:54px 64px;
  align-items:start;
}

.footer-brand-logo{
  width:190px;
  height:auto;
}

.footer-claim{
  display:block;
  margin-top:16px;
  font-size:1.05rem;
}

.footer-brand>.muted{
  display:block;
  max-width:47ch;
  margin-top:8px;
  line-height:1.6;
}

.footer-legal{
  margin-top:18px;
  line-height:1.55;
}

.footer-nav-group h3{
  margin:0 0 13px;
  color:#D9A85E;
  font-size:.73rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.footer-nav-group{
  display:grid;
  align-content:start;
  gap:8px;
}

.footer-nav-group a{
  color:#DCE4E1;
  line-height:1.45;
}

.footer-meta{
  grid-column:1 / -1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#93A5A0;
  font-size:.82rem;
}

.footer-meta-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 16px;
}

/* Legal / thank-you pages should still look like the same site */
.legal-shell{
  min-height:58vh;
  padding:72px 0 90px;
  background:#F2EEE6;
}

.legal-shell>.wrap{
  width:min(980px,calc(100% - 48px));
}

.legal-page{
  padding:38px 42px;
  border-radius:12px 30px 12px 30px;
  background:#F8F5EE;
}

.page-thanks .section-head h1{
  max-width:none;
  color:#0B1B21;
  font-size:clamp(2.45rem,4vw,3.7rem);
  line-height:1.04;
  text-wrap:balance;
}

/* Mid-size navigation: switch to menu before links start squeezing */
@media (max-width:1120px){
  .topbar-inner{
    min-height:72px;
    padding-block:9px;
  }

  .brand{
    min-width:160px;
  }

  .brand-logo{
    width:160px;
    max-height:58px;
  }

  .mobile-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .nav{
    display:none;
    position:fixed;
    top:80px;
    left:18px;
    right:18px;
    max-height:calc(100dvh - 98px);
    overflow-y:auto;
    padding:8px;
    border:1px solid #D9DEDB;
    border-radius:10px 24px 10px 24px;
    background:#fff;
    box-shadow:0 18px 46px rgba(6,17,22,.18);
    flex-direction:column;
    align-items:stretch;
    z-index:70;
  }

  .nav.is-open{
    display:flex;
  }

  .nav a,
  .nav a.nav-qualified{
    display:block;
    width:100%;
    min-height:46px;
    padding:12px 14px;
    border-bottom:1px solid #ECE8E0;
    color:#0B1B21;
    background:transparent;
  }

  .nav a::after{
    display:none;
  }

  .nav a:last-child{
    border-bottom:0;
  }

  .nav a.is-active,
  .nav a.nav-qualified.is-active{
    color:#0B1B21;
    background:#F3EEE4;
    box-shadow:none;
  }

  .nav-mobile-contact{
    display:block!important;
  }

  .topbar-inner>.header-contact{
    display:none;
  }

  .client-hero-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .client-page .compact-hero{
    min-height:0;
  }

  .client-page .compact-hero h1{
    max-width:18ch;
  }

  .client-hero-aside{
    min-height:0;
  }

  .footer-inner{
    grid-template-columns:1.15fr .85fr;
  }

  .footer-brand{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  h1,h2,h3{
    text-wrap:balance;
  }

  .btn,
  .nav a,
  .home-price-cta,
  .v3-price-card .btn{
    white-space:normal;
    text-align:center;
  }

  main [id]{
    scroll-margin-top:86px;
  }

  .client-page .compact-hero h1,
  .page-accounting .compact-hero h1,
  .page-own-it .compact-hero h1,
  .page-remote .compact-hero h1,
  .page-competencies .compact-hero h1{
    max-width:none;
    font-size:clamp(2.55rem,11.4vw,3.55rem);
    line-height:1.01;
    letter-spacing:-.042em;
  }

  .client-page .compact-hero .lead{
    font-size:1.03rem;
    line-height:1.64;
  }

  .client-page .section{
    padding-block:58px;
  }

  .client-page .section-head{
    margin-bottom:30px;
  }

  .client-page .section-head h2{
    font-size:clamp(2rem,8.7vw,2.65rem);
  }

  .footer{
    padding-block:38px 86px;
  }

  .footer-inner{
    grid-template-columns:1fr;
    gap:30px;
  }

  .footer-brand,
  .footer-meta{
    grid-column:auto;
  }

  .footer-meta{
    display:grid;
    gap:10px;
  }

  .footer-meta-links{
    justify-content:flex-start;
  }

  .legal-page{
    padding:28px 22px;
  }
}


/* Homepage audit: avoid poster-like orphan lines */
.home-2026 .home-brand-copy h1{
  max-width:14ch;
  font-size:clamp(3.9rem,5.15vw,5.65rem);
  line-height:.96;
  text-wrap:balance;
}

.home-2026 .home-hero-lead,
.home-2026 .home-problem-list p,
.home-2026 .home-takeover-copy>p,
.home-2026 .home-responsibility-lead,
.home-2026 .home-section-head>p{
  text-wrap:pretty;
}

.home-2026 .home-problems-intro h2{
  max-width:14ch;
  font-size:clamp(2.8rem,3.65vw,3.85rem);
  text-wrap:balance;
}

.home-2026 .home-takeover-copy h2{
  max-width:17ch;
  font-size:clamp(2.65rem,3.4vw,3.9rem);
  text-wrap:balance;
}

.home-2026 .home-responsibility-copy h2{
  max-width:14ch;
  font-size:clamp(2.75rem,3.55vw,3.95rem);
  text-wrap:balance;
}

.home-2026 .home-section-head h2,
.home-2026 .home-start-layout>div:first-child h2,
.home-2026 .home-second-path h2,
.home-2026 .home-final h2,
.home-2026 .home-faq h2{
  text-wrap:balance;
}

.home-2026 .home-scope-ribbon span{
  text-wrap:balance;
}

@media (max-width:760px){
  .home-2026 .home-brand-copy h1,
  .home-2026 .home-problems-intro h2,
  .home-2026 .home-takeover-copy h2,
  .home-2026 .home-responsibility-copy h2{
    max-width:none;
  }
}


/* Legal pages: avoid narrow legacy heading measures */
.page-legal .section-head h1,
.page-thanks .section-head h1{
  max-width:none;
  color:#0B1B21;
  font-size:clamp(2.4rem,4vw,3.6rem);
  line-height:1.05;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.page-legal .section-head p{
  max-width:64ch;
  color:#58666B;
  font-size:1.04rem;
}

.page-legal h3{
  margin:30px 0 8px;
  color:#0B1B21;
  font-size:1.22rem;
  line-height:1.25;
  text-wrap:balance;
}

.page-legal p,
.page-legal li{
  max-width:78ch;
  color:#4F5E63;
  line-height:1.7;
  text-wrap:pretty;
}

.page-legal .bank-accounts{
  font-variant-numeric:tabular-nums;
}

@media (max-width:1120px){
  body.menu-open{
    overflow:hidden;
  }
}


/* Mobile/tablet navigation pass — 2026-09-26 */
@media (max-width:1120px){
  .topbar{
    min-height:74px;
  }

  .topbar .wrap{
    width:min(100% - 44px,1120px);
  }

  .topbar-inner{
    min-height:74px;
    padding-block:8px;
    gap:16px;
  }

  .brand{
    min-width:150px;
  }

  .brand-logo,
  .brand-lockup{
    width:150px;
    max-height:56px;
  }

  .mobile-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    padding:8px 13px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:8px 18px 8px 18px;
    background:rgba(255,255,255,.035);
    color:#fff;
    font-size:.84rem;
    font-weight:850;
  }

  .mobile-menu-icon{
    position:relative;
    display:grid;
    gap:4px;
    width:19px;
  }

  .mobile-menu-icon i{
    display:block;
    width:19px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    transition:transform .18s ease,opacity .18s ease;
  }

  .mobile-menu-toggle.is-open .mobile-menu-icon i:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }

  .mobile-menu-toggle.is-open .mobile-menu-icon i:nth-child(2){
    opacity:0;
  }

  .mobile-menu-toggle.is-open .mobile-menu-icon i:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }

  .topbar-inner>.header-contact{
    display:none;
  }

  .nav{
    display:none;
    position:fixed;
    top:84px;
    left:22px;
    right:22px;
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px 28px 12px 28px;
    background:
      radial-gradient(circle at 90% 0%,rgba(196,154,90,.09),transparent 28%),
      #07161B;
    box-shadow:0 28px 80px rgba(0,0,0,.38);
    flex-direction:column;
    align-items:stretch;
    z-index:80;
  }

  .nav.is-open{
    display:flex;
  }

  .nav a,
  .nav a.nav-qualified{
    display:flex;
    align-items:center;
    width:100%;
    min-height:54px;
    padding:13px 14px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    border-radius:0;
    background:transparent;
    color:#E8EEEC;
    font-size:1rem;
    font-weight:760;
    line-height:1.25;
  }

  .nav a::after{
    display:none;
  }

  .nav a:hover,
  .nav a.is-active{
    background:rgba(255,255,255,.045);
    color:#fff;
  }

  .nav a.is-active{
    box-shadow:inset 3px 0 0 #C49A5A;
  }

  .nav a.nav-qualified{
    color:#9DDDF7;
  }

  .nav a.nav-qualified.is-active{
    background:rgba(0,117,190,.12);
    box-shadow:inset 3px 0 0 #3AAFE4;
    color:#fff;
  }

  .nav-mobile-contact{
    display:flex!important;
    justify-content:center;
    margin-top:8px;
    border:1px solid rgba(196,154,90,.52)!important;
    border-radius:8px 18px 8px 18px!important;
    background:#C49A5A!important;
    color:#07161B!important;
    font-weight:900!important;
  }

  .nav-mobile-contact:hover,
  .nav-mobile-contact.is-active{
    background:#D5A45B!important;
    color:#07161B!important;
    box-shadow:none!important;
  }

  body.menu-open::before{
    content:"";
    position:fixed;
    inset:74px 0 0;
    z-index:45;
    background:rgba(3,12,16,.62);
    backdrop-filter:blur(3px);
  }
}

@media (max-width:760px){
  .topbar{
    min-height:68px;
  }

  .topbar .wrap{
    width:calc(100% - 28px);
  }

  .topbar-inner{
    min-height:68px;
    padding-block:7px;
  }

  .brand{
    min-width:132px;
  }

  .brand-logo,
  .brand-lockup{
    width:132px;
    max-height:50px;
  }

  .mobile-menu-toggle{
    min-height:44px;
    padding:7px 11px;
    font-size:.8rem;
  }

  .nav{
    top:76px;
    left:12px;
    right:12px;
    max-height:calc(100dvh - 88px);
    padding:8px;
  }

  .nav a,
  .nav a.nav-qualified{
    min-height:52px;
    padding:12px 13px;
    font-size:.96rem;
  }

  body.menu-open::before{
    inset:68px 0 0;
  }

  .floating-help-cta{
    left:12px;
    right:12px;
    bottom:10px;
    min-height:48px;
    padding:10px 14px;
    border-radius:8px 18px 8px 18px;
    font-size:.88rem;
  }

  .footer{
    padding-bottom:82px;
  }

  .footer-trust-strip{
    grid-template-columns:1fr!important;
    gap:9px;
  }

  .footer-presence-card{
    min-height:70px;
    padding:10px 12px;
  }

  .footer-presence-card.is-rzetelna,
  .footer-presence-card.is-insert,
  .footer-presence-card.is-certum{
    grid-template-columns:74px minmax(0,1fr);
  }

  .footer-presence-copy strong{
    font-size:.94rem;
  }

  .footer-presence-copy span{
    font-size:.78rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .mobile-menu-icon i{
    transition:none;
  }
}


/* Full client-page mobile/tablet pass — 2026-09-26 */
@media (max-width:1120px){
  .client-page .compact-hero{
    min-height:0;
    padding:58px 0 62px;
  }

  .client-page .compact-hero>.wrap,
  .client-page>.section>.wrap,
  .client-page>.v3-photo-band-section>.wrap{
    width:min(100% - 44px,1120px);
  }

  .client-page .compact-hero h1{
    max-width:18ch;
    font-size:clamp(3rem,7vw,4.6rem);
    line-height:1.01;
  }

  .client-page .compact-hero .lead{
    max-width:68ch;
    font-size:1.06rem;
    line-height:1.66;
  }

  .client-hero-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .client-hero-copy{
    max-width:820px;
  }

  .client-hero-aside{
    width:100%;
    min-height:0;
    padding:28px 30px;
  }

  .client-page .section{
    padding-block:72px;
  }

  .client-page .section-head{
    margin-bottom:34px;
  }

  .client-page .section-head h2{
    font-size:clamp(2.25rem,5.5vw,3.2rem);
  }

  .client-intro-grid,
  .contact-grid,
  .contact-prep-grid,
  .accounting-responsibility-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }

  .client-intro-copy,
  .contact-prep-copy{
    position:relative!important;
    top:auto!important;
  }

  .page-help .client-scenario{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:16px;
  }

  .page-help .client-scenario>a{
    grid-column:2;
    justify-self:start;
    text-align:left!important;
  }

  .help-stories-grid{
    grid-template-columns:1fr!important;
  }

  .help-story-card{
    display:grid!important;
    grid-template-columns:minmax(220px,.4fr) minmax(0,.6fr);
    min-height:0!important;
  }

  .help-story-visual{
    min-height:100%!important;
    border-right:1px solid rgba(13,79,89,.13);
    border-bottom:0!important;
  }

  .client-choice-grid{
    grid-template-columns:1fr!important;
  }

  .page-offer .v3-jump-nav-wrap{
    top:74px;
  }

  .page-offer .v3-models,
  .page-offer .v3-pricing-grid{
    grid-template-columns:1fr!important;
    gap:14px;
  }

  .page-offer .v3-model,
  .page-offer .v3-price-card{
    min-height:0;
  }

  .page-offer .v3-price-card.is-featured{
    transform:none;
  }

  .page-offer .v3-directory-intro,
  .page-offer .v3-oneoff-intro,
  .v3-value-panel{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .page-offer .v3-directory-media,
  .page-offer .v3-directory-media img,
  .page-offer .v3-oneoff-media,
  .page-offer .v3-oneoff-media img{
    min-height:280px;
    height:280px;
  }

  .page-offer .v3-rates-layout,
  .page-offer .v3-pricing-foot,
  .page-offer .v3-enterprise-strip{
    grid-template-columns:1fr!important;
  }

  .page-offer .v3-faq-cta,
  .page-offer .v3-cta{
    grid-template-columns:1fr!important;
    gap:22px;
  }

  .page-offer .v3-cta-actions{
    justify-content:flex-start;
  }

  .page-contact .contact-grid>.card{
    height:auto!important;
  }

  .page-contact .contact-side-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .page-contact .contact-side-intro{
    grid-column:1 / -1;
  }

  .page-contact .contact-action-card{
    min-height:280px;
  }

  .page-payments .payment-link-grid{
    grid-template-columns:1fr!important;
  }

  .page-payments .payment-link-card{
    min-height:0;
  }

  .page-remote .remote-platform-grid,
  .page-remote .remote-info-grid{
    grid-template-columns:1fr!important;
  }

  .page-remote .remote-process-layout,
  .page-remote .remote-scope-layout{
    grid-template-columns:1fr!important;
    gap:34px;
  }

  .page-remote .remote-process-intro{
    position:relative;
    top:auto;
  }

  .page-own-it .ownit-capabilities-layout,
  .page-own-it .ownit-operating-grid,
  .page-own-it .ownit-practice-layout{
    grid-template-columns:1fr!important;
    gap:34px;
  }

  .page-own-it .ownit-capabilities-intro,
  .page-own-it .ownit-practice-lead{
    position:relative!important;
    top:auto!important;
  }

  .page-own-it .ownit-practice-list article,
  .page-own-it .ownit-capability-list article{
    grid-template-columns:48px minmax(0,1fr);
  }

  .page-own-it .ownit-final,
  .page-remote .remote-final{
    grid-template-columns:1fr!important;
    gap:24px;
  }

  .v3-photo-band,
  .v3-photo-band img{
    min-height:320px;
  }
}

@media (max-width:760px){
  .client-page .compact-hero{
    padding:44px 0 48px;
  }

  .client-page .compact-hero>.wrap,
  .client-page>.section>.wrap,
  .client-page>.v3-photo-band-section>.wrap{
    width:calc(100% - 32px);
  }

  .client-page .compact-hero h1{
    max-width:none!important;
    margin-bottom:17px;
    font-size:clamp(2.35rem,11vw,3.25rem)!important;
    line-height:1.02!important;
    letter-spacing:-.042em;
  }

  .client-page .compact-hero .lead{
    font-size:1rem;
    line-height:1.6;
  }

  .client-page .compact-hero .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:22px;
  }

  .client-page .compact-hero .actions .btn{
    width:100%;
    min-height:48px;
  }

  .client-hero-grid{
    gap:24px;
  }

  .client-hero-aside{
    padding:22px 20px;
    border-radius:9px 24px 9px 24px;
  }

  .client-hero-aside>small{
    margin-bottom:16px;
  }

  .client-hero-aside h2{
    max-width:none;
    margin-bottom:14px;
    font-size:1.55rem;
  }

  .client-hero-list div{
    padding:11px 0;
  }

  .client-page .section{
    padding-block:56px;
  }

  .client-page .section-head{
    margin-bottom:27px;
  }

  .client-page .section-head h2,
  .client-intro-copy h2{
    max-width:none!important;
    font-size:clamp(1.95rem,8.8vw,2.55rem)!important;
    line-height:1.06;
  }

  .client-kicker,
  .v3-section-label{
    font-size:.66rem;
  }

  .client-reassurance{
    grid-template-columns:1fr!important;
    gap:20px;
    padding:24px 20px!important;
  }

  .client-reassurance .btn{
    width:100%;
  }

  .page-help .client-scenario{
    grid-template-columns:50px minmax(0,1fr)!important;
    padding-block:19px;
  }

  .page-help .client-scenario>.client-scenario-marker{
    width:46px;
    min-height:56px;
  }

  .page-help .client-scenario>a{
    grid-column:1 / -1;
    padding-left:66px;
    font-size:.86rem;
  }

  .help-stories{
    padding-block:56px!important;
  }

  .help-stories-intro{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:24px!important;
  }

  .help-stories-intro .client-kicker{
    grid-column:auto!important;
    margin-bottom:0!important;
  }

  .help-stories-intro h2{
    max-width:none!important;
    font-size:clamp(2rem,9vw,2.6rem)!important;
  }

  .help-story-card{
    display:flex!important;
  }

  .help-story-visual{
    min-height:130px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(13,79,89,.13)!important;
  }

  .help-story-card-body{
    padding:21px 19px!important;
  }

  .help-story-card h3{
    max-width:none!important;
    font-size:1.32rem!important;
  }

  .client-choice{
    min-height:0!important;
    padding:23px 20px!important;
  }

  .page-offer .v3-jump-nav{
    margin-inline:-16px;
    padding:9px 16px;
    gap:4px;
    scrollbar-width:none;
  }

  .page-offer .v3-jump-nav::-webkit-scrollbar{
    display:none;
  }

  .page-offer .v3-jump-nav a{
    min-height:38px;
    padding:7px 10px;
    border:1px solid rgba(13,79,89,.12);
    background:#F8F5EE;
    font-size:.82rem;
  }

  .page-offer .v3-model-section,
  .page-offer .v3-pricing-section,
  .page-offer .v3-directory-section,
  .page-offer .v3-oneoff-section,
  .page-offer .v3-faq-section,
  .page-offer .v3-process-section,
  .page-offer .v3-value-section,
  .page-offer .v3-cta-section{
    padding-block:56px!important;
  }

  .page-offer .v3-model,
  .page-offer .v3-price-card{
    padding:23px 20px!important;
  }

  .page-offer .v3-price-badge{
    position:static;
    display:inline-flex;
    width:max-content;
    margin-bottom:12px;
  }

  .page-offer .v3-price{
    font-size:2.25rem!important;
  }

  .page-offer .v3-price-meta>div,
  .page-offer .v3-rate-list>div,
  .page-offer .v3-surcharge-note{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  .page-offer .v3-price-meta strong,
  .page-offer .v3-rate-list dd{
    text-align:left!important;
  }

  .page-offer .v3-directory-media,
  .page-offer .v3-directory-media img,
  .page-offer .v3-oneoff-media,
  .page-offer .v3-oneoff-media img{
    min-height:220px;
    height:220px;
  }

  .page-offer .v3-directory-media figcaption,
  .page-offer .v3-oneoff-media figcaption{
    left:18px;
    right:18px;
    bottom:18px;
  }

  .page-offer .v3-compare-scroll{
    margin-inline:-16px;
    border-radius:0;
    border-left:0;
    border-right:0;
  }

  .page-offer .v3-package-compare table{
    min-width:660px;
  }

  .page-offer .v3-faq summary{
    padding:17px 38px 17px 0;
    font-size:.96rem;
  }

  .page-offer .v3-faq details p{
    padding-right:0;
    font-size:.9rem;
  }

  .v3-value-panel{
    padding:26px 20px!important;
  }

  .v3-value-points{
    grid-template-columns:1fr!important;
    border-left:0!important;
  }

  .v3-value-points>div{
    min-height:0!important;
  }

  .page-contact .contact-grid{
    gap:18px!important;
  }

  .page-contact .contact-grid>.card{
    padding:22px 18px!important;
  }

  .page-contact .client-contact-quick{
    grid-template-columns:1fr!important;
    gap:9px;
  }

  .page-contact .client-contact-choice{
    min-height:56px;
    padding:12px 42px 12px 14px;
    font-size:.9rem;
  }

  .page-contact .contact-side-stack{
    grid-template-columns:1fr!important;
  }

  .page-contact .contact-side-intro{
    grid-column:auto!important;
    padding-inline:0;
  }

  .page-contact .contact-action-card{
    min-height:0!important;
    padding:22px 19px!important;
  }

  .page-contact .contact-action-head{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:13px!important;
  }

  .page-contact .contact-action-icon{
    width:48px!important;
    height:48px!important;
  }

  .page-contact input,
  .page-contact select,
  .page-contact textarea{
    font-size:16px;
  }

  .payment-provider-card{
    grid-template-columns:1fr!important;
    gap:15px!important;
    margin-top:26px!important;
    padding:19px!important;
  }

  .payment-provider-logo{
    justify-items:start!important;
    min-height:0!important;
    padding:0 0 14px!important;
    border-right:0!important;
    border-bottom:1px solid #DDD7CD;
  }

  .payment-provider-badges{
    grid-column:auto!important;
    justify-content:flex-start!important;
    padding-left:0!important;
  }

  .payment-link-card{
    padding:24px 20px!important;
  }

  .payment-safety-note{
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:20px!important;
  }

  .payment-safety-note .btn{
    width:100%;
  }

  .remote-hero-panel{
    min-height:340px!important;
    padding:23px 20px!important;
  }

  .remote-hero-id{
    margin-top:30px!important;
  }

  .remote-hero-id strong{
    font-size:4.3rem!important;
  }

  .remote-section-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:27px!important;
  }

  .remote-section-head h2,
  .remote-process-intro h2,
  .remote-info-card h2,
  .remote-scope-layout>div:first-child h2{
    max-width:none!important;
    font-size:clamp(1.95rem,8.8vw,2.55rem)!important;
  }

  .remote-platform-card,
  .remote-info-card{
    min-height:0!important;
    padding:23px 20px!important;
  }

  .remote-platform-action,
  .remote-payment-action{
    margin-top:22px!important;
  }

  .remote-process-steps article{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:12px!important;
    padding:20px 0!important;
  }

  .remote-scope-list{
    grid-template-columns:1fr!important;
    border-left:0!important;
  }

  .remote-scope-list>div{
    min-height:0!important;
    padding:20px!important;
  }

  .remote-final,
  .ownit-final{
    padding:24px 20px!important;
  }

  .remote-final .btn,
  .ownit-final .btn{
    width:100%;
    min-width:0!important;
  }

  .ownit-capability-list article,
  .ownit-practice-list article{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:12px!important;
    padding:20px 0!important;
  }

  .ownit-capabilities-intro h2,
  .ownit-stack-panel h2,
  .ownit-practice-lead h2,
  .ownit-final h2{
    max-width:none!important;
    font-size:clamp(1.95rem,8.8vw,2.55rem)!important;
  }

  .ownit-model{
    padding:22px 19px!important;
  }

  .ownit-tech-cloud{
    gap:6px!important;
  }

  .ownit-tech-cloud span{
    padding:6px 8px!important;
    font-size:.72rem!important;
  }

  .v3-photo-band,
  .v3-photo-band img{
    min-height:240px!important;
  }

  .v3-photo-band{
    border-radius:9px 24px 9px 24px!important;
  }

  .v3-photo-band figcaption{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    max-width:none!important;
    padding:10px 12px!important;
    font-size:.78rem!important;
  }
}


/* Mobile horizontal overflow safety — 2026-09-26 */
@media (max-width:1120px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
    overflow-x:clip;
  }

  main,
  .wrap,
  section,
  article,
  aside,
  nav,
  form,
  .client-page,
  .client-page .section,
  .client-page .compact-hero{
    min-width:0;
  }

  img,
  svg,
  video{
    max-width:100%;
  }
}

@media (max-width:760px){
  .footer .wrap{
    width:calc(100% - 32px)!important;
  }

  .footer-brand-logo{
    width:154px!important;
    max-width:54vw;
  }

  .footer-brand .muted,
  .footer-legal{
    font-size:.88rem;
    line-height:1.55;
  }

  .footer-nav-group a{
    font-size:.94rem;
    line-height:1.4;
  }

  .footer-presence-card{
    max-width:100%;
  }
}


/* Mobile footer trust cards — fixed logo columns */
@media (max-width:760px){
  .footer-trust-strip{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .footer-presence-card,
  .footer-presence-card.is-facebook,
  .footer-presence-card.is-linkedin,
  .footer-presence-card.is-rzetelna,
  .footer-presence-card.is-insert,
  .footer-presence-card.is-certum{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:78px!important;
    padding:12px 14px!important;
    overflow:hidden;
  }

  .footer-presence-icon{
    justify-self:center;
    width:48px!important;
    height:48px!important;
  }

  .footer-rzetelna-logo,
  .footer-certum-logo,
  .footer-insert-mark{
    justify-self:center;
    box-sizing:border-box;
    max-width:100%;
  }

  .footer-rzetelna-logo{
    width:78px!important;
    height:48px!important;
    padding:4px 5px!important;
  }

  .footer-rzetelna-logo img{
    display:block;
    width:auto!important;
    max-width:68px!important;
    height:auto!important;
    max-height:38px!important;
  }

  .footer-insert-mark{
    width:70px!important;
    height:48px!important;
    font-size:1rem!important;
  }

  .footer-certum-logo{
    width:78px!important;
    height:48px!important;
    padding:5px 6px!important;
  }

  .footer-certum-logo img{
    display:block;
    width:auto!important;
    max-width:66px!important;
    height:auto!important;
    max-height:32px!important;
  }

  .footer-presence-copy{
    min-width:0;
    align-content:center;
    gap:3px;
  }

  .footer-presence-copy small,
  .footer-presence-copy strong,
  .footer-presence-copy>span{
    min-width:0;
    max-width:100%;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:break-word;
  }

  .footer-presence-copy small{
    font-size:.58rem!important;
    line-height:1.25;
    letter-spacing:.09em!important;
  }

  .footer-presence-copy strong{
    font-size:.92rem!important;
    line-height:1.22;
  }

  .footer-presence-copy>span{
    font-size:.76rem!important;
    line-height:1.32;
  }
}


/* Tablet footer trust cards — consistent 2-column grid */
@media (min-width:761px) and (max-width:1120px){
  .footer-trust-strip{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .footer-presence-card,
  .footer-presence-card.is-facebook,
  .footer-presence-card.is-linkedin,
  .footer-presence-card.is-rzetelna,
  .footer-presence-card.is-insert,
  .footer-presence-card.is-certum{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:76px!important;
    padding:11px 13px!important;
    overflow:hidden;
  }

  .footer-presence-card.is-rzetelna{
    grid-column:auto!important;
  }

  .footer-presence-card.is-certum{
    grid-column:1 / -1!important;
    grid-template-columns:92px minmax(0,1fr)!important;
  }

  .footer-presence-icon{
    justify-self:center;
    width:46px!important;
    height:46px!important;
  }

  .footer-rzetelna-logo,
  .footer-certum-logo,
  .footer-insert-mark{
    justify-self:center;
    box-sizing:border-box;
    max-width:100%;
  }

  .footer-rzetelna-logo{
    width:72px!important;
    height:46px!important;
    padding:3px 4px!important;
  }

  .footer-rzetelna-logo img{
    width:auto!important;
    max-width:64px!important;
    height:auto!important;
    max-height:36px!important;
  }

  .footer-insert-mark{
    width:68px!important;
    height:46px!important;
    font-size:.98rem!important;
  }

  .footer-certum-logo{
    width:86px!important;
    height:46px!important;
    padding:5px 6px!important;
  }

  .footer-certum-logo img{
    width:auto!important;
    max-width:74px!important;
    height:auto!important;
    max-height:32px!important;
  }

  .footer-presence-copy{
    min-width:0;
    align-content:center;
  }

  .footer-presence-copy small,
  .footer-presence-copy strong,
  .footer-presence-copy>span{
    max-width:100%;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .footer-presence-copy small{
    font-size:.56rem!important;
    line-height:1.2;
  }

  .footer-presence-copy strong{
    font-size:.88rem!important;
    line-height:1.2;
  }

  .footer-presence-copy>span{
    font-size:.72rem!important;
    line-height:1.3;
  }
}


/* Responsive CTA wrapping guard */
@media (max-width:1120px){
  .client-page .btn,
  .client-page .v3-price-card .btn{
    max-width:100%;
    white-space:normal;
    text-align:center;
    line-height:1.3;
  }
}

@media (max-width:760px){
  .client-page .btn{
    justify-content:center;
  }
}


/* Keyboard focus visibility */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid #D5A45B;
  outline-offset:3px;
}

:where(input,select,textarea):focus-visible{
  border-color:#0D4F59;
  box-shadow:0 0 0 3px rgba(196,154,90,.22);
}

.certum-main :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline-color:#00AEE8;
}