/* HBF 2026 — desktop-only polish
   Desktop-first pass for readability, wrapping, hierarchy and visual consistency.
   Mobile/tablet remain untouched for the next review round.
*/

@media (min-width:1121px){

  :root{
    --desktop-max:1500px;
  }

  html{
    font-size:17px;
    text-rendering:optimizeLegibility;
  }

  body{
    font-family:"Segoe UI Variable Text","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    line-height:1.64;
    letter-spacing:0;
  }

  h1,h2,h3,h4,
  .client-hero-aside strong,
  .v3-price,
  .metric b{
    font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
    font-synthesis:none;
  }

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

  h1,h2{
    text-wrap:balance;
  }

  h3,p,li,summary,figcaption{
    text-wrap:pretty;
  }

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

  /* Shared desktop width */
  .topbar .wrap,
  .client-page .compact-hero>.wrap,
  .client-page>.section>.wrap,
  .certum-main>section>.wrap,
  .footer .wrap{
    width:min(var(--desktop-max),calc(100% - 104px));
    max-width:none;
    padding-inline:0;
  }

  /* Header */
  .topbar-inner{
    min-height:86px;
    gap:28px;
  }

  .brand{
    min-width:190px;
  }

  .brand-logo,
  .brand-lockup{
    width:188px;
    max-height:66px;
  }

  .nav{
    gap:4px;
  }

  .nav a{
    padding:12px 11px;
    font-size:.94rem;
    line-height:1.15;
    letter-spacing:-.01em;
  }

  .header-contact{
    min-width:108px;
    min-height:44px;
    padding-inline:18px;
    font-size:.9rem;
  }

  /* Buyer heroes */
  .client-page .compact-hero{
    min-height:520px;
    padding:68px 0 72px;
  }

  .client-hero-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(390px,.72fr);
    gap:82px;
    align-items:center;
  }

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

  .client-page .compact-hero h1{
    max-width:18ch;
    margin-bottom:20px;
    font-size:clamp(3.45rem,4.15vw,5.05rem);
    line-height:1.01;
    letter-spacing:-.038em;
  }

  .client-page .compact-hero .lead{
    max-width:66ch;
    font-size:1.08rem;
    line-height:1.67;
  }

  .client-page .compact-hero .actions{
    margin-top:26px;
  }

  .client-page .compact-hero .btn{
    min-height:48px;
    padding-inline:18px;
    font-size:.91rem;
  }

  .client-hero-aside{
    min-height:350px;
    padding:32px 34px 30px;
  }

  .client-hero-aside>small{
    margin-bottom:22px;
    font-size:.7rem;
  }

  .client-hero-aside h2{
    max-width:18ch;
    margin-bottom:20px;
    font-size:clamp(1.75rem,1.9vw,2.12rem);
    line-height:1.08;
    letter-spacing:-.026em;
  }

  .client-hero-list div{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding:13px 0;
  }

  .client-hero-list strong{
    font-size:.95rem;
  }

  .client-hero-list p{
    font-size:.88rem;
    line-height:1.48;
  }

  .client-hero-note{
    font-size:.9rem;
  }

  /* Per-page hero measures: avoid ugly orphan lines */
  .page-help .compact-hero h1{max-width:17ch}
  .page-offer .compact-hero h1{max-width:18ch}
  .page-takeover .compact-hero h1{max-width:17.5ch}
  .page-audit .compact-hero h1{max-width:17ch}
  .page-new-office .compact-hero h1{max-width:18ch}
  .page-accounting .compact-hero h1{max-width:21ch;font-size:clamp(3.2rem,3.8vw,4.55rem)}
  .page-contact .compact-hero h1{max-width:18ch}
  .page-own-it .compact-hero h1{max-width:19ch;font-size:clamp(3.25rem,3.9vw,4.65rem)}
  .page-remote .compact-hero h1{max-width:18.5ch;font-size:clamp(3.2rem,3.8vw,4.5rem)}
  .page-about .compact-hero h1{max-width:18ch}
  .page-competencies .compact-hero h1{max-width:21ch;font-size:clamp(3.15rem,3.7vw,4.45rem)}
  .page-experience .compact-hero h1{max-width:19ch}

  /* Section hierarchy */
  .client-page .section{
    padding-block:84px;
  }

  .client-page .section-head{
    max-width:980px;
    margin-bottom:38px;
  }

  .client-page .section-head h2{
    max-width:24ch;
    font-size:clamp(2.3rem,2.65vw,3.05rem);
    line-height:1.08;
    letter-spacing:-.032em;
  }

  .client-page .section-head p{
    max-width:68ch;
    font-size:1.02rem;
    line-height:1.68;
  }

  .client-intro-grid{
    grid-template-columns:minmax(320px,.66fr) minmax(0,1.34fr);
    gap:96px;
  }

  .client-intro-copy h2{
    max-width:15ch;
    font-size:clamp(2.45rem,2.8vw,3.15rem);
    line-height:1.06;
    letter-spacing:-.032em;
  }

  .client-intro-copy p{
    font-size:1rem;
    line-height:1.7;
  }

  /* "Jak możemy pomóc" */
  .page-help .client-intro-grid{
    grid-template-columns:minmax(330px,.64fr) minmax(0,1.36fr);
    gap:102px;
  }

  .page-help .client-scenario{
    grid-template-columns:44px minmax(0,1fr) 216px;
    gap:20px;
    padding:27px 8px;
  }

  .page-help .client-scenario h3{
    font-size:1.28rem;
    line-height:1.22;
  }

  .page-help .client-scenario p{
    max-width:72ch;
    font-size:.98rem;
    line-height:1.66;
  }

  .page-help .client-scenario>a{
    min-width:0;
    align-self:center;
    font-size:.91rem;
    line-height:1.35;
    text-align:right;
  }

  .page-help .client-choice{
    min-height:280px;
    padding:30px;
  }

  .page-help .client-choice h3{
    font-size:1.3rem;
    line-height:1.2;
  }

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

  .client-page .cards-grid>.card,
  .client-page .two-col>.card{
    padding:28px 30px;
  }

  .client-page .cards-grid>.card h3{
    font-size:1.28rem;
    line-height:1.22;
  }

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

  .client-page .two-col{
    gap:20px;
  }

  .client-page .two-col>.card h2{
    font-size:1.48rem;
    line-height:1.18;
    letter-spacing:-.02em;
    text-wrap:balance;
  }

  /* Directory + process */
  .client-page .v3-directory-item{
    min-height:132px;
    padding:24px 8px;
  }

  .client-page .v3-directory-item h3{
    font-size:1.24rem;
    line-height:1.22;
  }

  .client-page .v3-directory-item p{
    font-size:.98rem;
    line-height:1.66;
  }

  .v3-process>div{
    min-height:190px;
    padding:26px;
  }

  .v3-process strong{
    font-size:1.12rem;
    line-height:1.25;
  }

  .v3-process p{
    font-size:.96rem;
    line-height:1.62;
  }

  .v3-editorial{
    gap:74px;
  }

  .v3-statement{
    max-width:15ch;
    font-size:clamp(2.15rem,2.55vw,2.85rem);
    line-height:1.08;
    letter-spacing:-.032em;
    text-wrap:balance;
  }

  .v3-editorial-copy h2{
    font-size:clamp(2rem,2.35vw,2.65rem);
    line-height:1.1;
  }

  .v3-editorial-copy p{
    font-size:1rem;
    line-height:1.68;
  }

  /* Offer / prices */
  .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:88px;
  }

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

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

  .page-offer .v3-model p{
    font-size:.97rem;
    line-height:1.64;
  }

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

  .page-offer .v3-price-card{
    padding:32px 28px 28px;
  }

  .page-offer .v3-price{
    font-size:clamp(2.7rem,2.9vw,3.25rem);
  }

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

  .page-offer .v3-price-for{
    min-height:3.2em;
    font-size:.96rem;
    line-height:1.48;
  }

  .page-offer .v3-price-list li{
    padding-block:8px;
    font-size:.94rem;
    line-height:1.5;
  }

  .page-offer .v3-price-meta{
    font-size:.9rem;
  }

  .page-offer .v3-price-meta>div{
    gap:14px;
  }

  .page-offer .v3-price-action{
    min-height:46px;
    font-size:.9rem;
  }

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

  .page-offer .v3-package-compare th,
  .page-offer .v3-package-compare td{
    padding:11px 13px;
  }

  .page-offer .v3-rate-list dt,
  .page-offer .v3-rate-list dd{
    font-size:.96rem;
  }

  .page-offer .v3-faq summary{
    font-size:1.02rem;
  }

  /* Own IT / technical audience */
  .page-own-it .cards-grid>.card{
    min-height:210px;
  }

  .page-own-it .tech-list{
    gap:7px;
  }

  .page-own-it .tech-list span{
    font-size:.84rem;
  }

  .page-own-it .metric{
    min-height:116px;
  }

  .page-own-it .metric b{
    font-size:1.85rem;
  }

  /* Remote help */
  .page-remote .section:first-of-type{
    padding-top:74px;
  }

  .page-remote .highlight:has(.btn[href*="hbf-remotehelp"]){
    min-height:150px;
    padding:30px 34px;
  }

  .page-remote .highlight:has(.btn[href*="hbf-remotehelp"]) h3{
    font-size:1.32rem;
  }

  .page-remote .highlight:has(.btn[href*="hbf-remotehelp"]) p{
    font-size:.98rem;
  }

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

  /* Contact */
  .page-contact .contact-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
    gap:28px;
  }

  .page-contact .client-contact-quick a{
    min-height:68px;
    font-size:.94rem;
  }

  /* Photo bands */
  .v3-photo-band,
  .v3-photo-band img{
    min-height:390px;
  }

  .v3-photo-band figcaption{
    max-width:56ch;
    font-size:.92rem;
    line-height:1.55;
  }

  /* Certum — desktop only */
  .certum-main .qualified-hero-grid{
    width:min(var(--desktop-max),calc(100% - 104px));
    grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);
    gap:92px;
  }

  .certum-main .qualified-hero h1{
    max-width:14ch;
    font-size:clamp(3.9rem,4.55vw,5.5rem);
    line-height:.99;
    letter-spacing:-.038em;
  }

  .certum-main .qualified-lead{
    max-width:64ch;
    font-size:1.08rem;
    line-height:1.66;
  }

  .qualified-partner-card{
    min-height:500px;
  }

  .qualified-partner-logo{
    min-height:210px;
  }

  .qualified-featured-grid{
    width:min(1360px,calc(100% - 104px));
  }

  .qualified-featured-card{
    min-height:320px;
    padding:28px;
  }

  .qualified-featured-card h2{
    font-size:2rem;
  }

  .qualified-featured-card p{
    font-size:.98rem;
    line-height:1.62;
  }

  .qualified-certum-proof{
    padding:80px 0 76px;
  }

  .qualified-certum-proof-grid{
    grid-template-columns:minmax(310px,1.42fr) repeat(4,minmax(155px,.72fr));
  }

  .qualified-certum-proof-intro h2{
    max-width:13ch;
    font-size:clamp(2.35rem,2.7vw,3.05rem);
  }

  .qualified-certum-stat{
    min-height:185px;
    padding:26px 24px 10px;
  }

  .qualified-certum-stat strong{
    font-size:clamp(2rem,2.3vw,2.55rem);
  }

  .qualified-certum-stat span{
    font-size:.91rem;
  }

  .qualified-section-head{
    gap:64px;
    margin-bottom:42px;
  }

  .qualified-section-head h2{
    max-width:20ch;
    font-size:clamp(2.5rem,3vw,3.4rem);
    line-height:1.05;
  }

  .qualified-section-head>p{
    font-size:1rem;
    line-height:1.66;
  }

  .qualified-need-grid{
    gap:14px;
  }

  .qualified-need-grid a{
    min-height:292px;
    padding:26px;
  }

  .qualified-need-grid strong{
    font-size:1.27rem;
  }

  .qualified-need-grid p{
    font-size:.95rem;
    line-height:1.62;
  }

  .qualified-feature,
  .qualified-split,
  .qualified-security,
  .qualified-process,
  .qualified-extras{
    padding-top:92px;
    padding-bottom:98px;
  }

  .qualified-feature-grid,
  .qualified-split-grid{
    gap:74px;
  }

  .qualified-feature h2,
  .qualified-split h2,
  .qualified-timestamp h2,
  .qualified-identity h2{
    max-width:16ch;
    font-size:clamp(2.45rem,2.9vw,3.3rem);
    line-height:1.06;
  }

  .qualified-feature-lead,
  .qualified-split-copy>p:not(.qualified-kicker){
    font-size:1.02rem;
  }

  .qualified-option-grid{
    gap:12px;
  }

  .qualified-option-grid article{
    min-height:220px;
    padding:25px;
  }

  .qualified-option-grid h3{
    font-size:1.26rem;
  }

  .qualified-option-grid p,
  .qualified-use-list li,
  .qualified-checklist p,
  .qualified-security-grid p,
  .qualified-extras-grid p,
  .qualified-process-grid p{
    font-size:.96rem;
    line-height:1.62;
  }

  .qualified-security-grid h3,
  .qualified-extras-grid h3{
    font-size:1.3rem;
  }

  /* Footer */
  .footer{
    padding-block:46px 30px;
  }

  .footer-inner{
    grid-template-columns:minmax(340px,1.35fr) minmax(180px,.6fr) minmax(260px,.85fr);
    gap:46px 60px;
  }

  .footer-brand-logo{
    width:180px;
  }

  .footer-nav-group a{
    font-size:.92rem;
  }
}


/* Static information cards should not pretend to be clickable */
@media (min-width:1121px){
  .client-page article.card.service,
  .client-page .two-col>.card{
    cursor:default;
  }

  .client-page article.card.service:hover,
  .client-page .two-col>.card:hover{
    transform:none;
    box-shadow:none;
  }

  .client-page article.card.service:not(.highlight):hover,
  .client-page .two-col>.card:not(.highlight):hover{
    border-color:#C1C9C5;
  }

  .client-page article.card.service:not(.highlight):hover{
    border-top-color:#C49A5A;
  }
}


/* 2026-09-26 annotated-screenshot audit — desktop fixes */
@media (min-width:1121px){

  /* Contact: shortcuts are form controls, not navigation. Keep the user in context. */
  .page-contact #contact{
    scroll-margin-top:104px;
  }

  .page-contact .contact-grid{
    align-items:start;
  }

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

  .page-contact .client-contact-quick{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .page-contact .client-contact-choice{
    min-height:64px;
    padding:15px 44px 15px 16px;
    font-size:.94rem;
    line-height:1.3;
    text-wrap:balance;
  }

  .page-contact .client-contact-choice-status:not(:empty){
    margin-top:-8px;
    margin-bottom:22px;
  }

  .page-contact .contact-prep-grid{
    grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);
    gap:96px;
  }

  .page-contact .contact-prep-copy h2{
    max-width:15ch;
    font-size:clamp(2.45rem,2.85vw,3.2rem);
  }

  /* Remote help: one clear download object instead of a stretched beige panel. */
  .page-remote .remote-download-card{
    grid-template-columns:92px minmax(0,1fr) minmax(260px,.38fr);
    gap:30px;
    padding:32px 34px;
    min-height:190px;
  }

  .page-remote .remote-download-copy h3{
    font-size:1.72rem;
  }

  .page-remote .remote-download-copy>p:not(.client-kicker){
    max-width:58ch;
    font-size:.98rem;
  }

  .page-remote .remote-download-action .btn{
    min-height:50px;
  }

  /* Offer: editorial introductions should use the full desktop canvas. */
  .page-offer .v3-directory-intro,
  .page-offer .v3-oneoff-intro{
    grid-template-columns:minmax(390px,.78fr) minmax(540px,1.22fr);
    gap:82px;
    align-items:center;
  }

  .page-offer .v3-directory-intro .section-head,
  .page-offer .v3-oneoff-intro .section-head{
    max-width:640px;
    margin:0;
  }

  .page-offer .v3-directory-intro .section-head h2,
  .page-offer .v3-oneoff-intro .section-head h2{
    max-width:15ch;
  }

  .page-offer .v3-directory-media{
    min-height:380px;
  }

  .page-offer .v3-directory-media img{
    height:380px;
  }

  .page-offer .v3-oneoff-media{
    min-height:330px;
  }

  .page-offer .v3-oneoff-media img{
    height:330px;
  }

  /* FAQ: deliberate centered reading column, no abandoned half-screen. */
  .page-offer .v3-faq-section .section-head,
  .page-offer .v3-faq-section .v3-faq,
  .page-offer .v3-faq-section .v3-faq-cta{
    width:min(100%,1040px);
    max-width:1040px;
    margin-left:auto;
    margin-right:auto;
  }

  .page-offer .v3-faq-section .section-head{
    text-align:center;
  }

  .page-offer .v3-faq-section .section-head h2,
  .page-offer .v3-faq-section .section-head p{
    margin-left:auto;
    margin-right:auto;
  }

  /* Own-IT cards are informational. No fake "click me" highlight. */
  .page-own-it .cards-grid>.card.service,
  .page-own-it .cards-grid>.card.service:hover{
    transform:none;
    box-shadow:none;
    background:#F8F5EE;
    border-color:#C6CCC8;
    border-top-color:#C49A5A;
    cursor:default;
  }

  /* Avoid accidental single-word tails in wide desktop headings. */
  .page-offer .section-head h2,
  .page-own-it .section-head h2,
  .page-contact .section-head h2,
  .page-remote .section-head h2{
    text-wrap:balance;
  }

  .page-offer .v3-rate-list dt,
  .page-offer .v3-rate-list dd,
  .page-offer .v3-faq summary,
  .page-contact .label,
  .page-remote .remote-download-meta span{
    text-wrap:pretty;
  }
}


/* Audit photo band — separate hero from editorial media */
@media (min-width:1121px){
  .page-audit .v3-photo-band-section{
    position:relative;
    padding:46px 0 58px;
    border-top:1px solid rgba(196,154,90,.20);
    background:
      linear-gradient(180deg,rgba(196,154,90,.045),transparent 70px),
      #F2EEE6;
  }

  .page-audit .v3-photo-band-section>.wrap{
    width:min(var(--desktop-max),calc(100% - 104px));
    max-width:none;
    padding-inline:0;
  }

  .page-audit .v3-photo-band-section>.wrap::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    margin-bottom:24px;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(13,79,89,.18) 12%,
      rgba(13,79,89,.18) 88%,
      transparent
    );
  }

  .page-audit .v3-photo-band{
    border:1px solid rgba(13,79,89,.18);
    box-shadow:
      0 22px 54px rgba(6,17,22,.10),
      0 0 0 10px rgba(255,255,255,.34);
  }
}