/* Client journey 2026
   Buyer-first patterns for HBF subpages: plain language, strong hierarchy, fewer technical walls.
*/

.client-page{
  background:#F2EEE6;
}

.client-page .compact-hero{
  padding:82px 0 76px;
  background:
    radial-gradient(circle at 82% 18%,rgba(196,154,90,.10),transparent 25%),
    linear-gradient(112deg,#061116 0%,#08171C 62%,#0A2026 100%);
}

.client-page .compact-hero .wrap{
  max-width:1240px;
}

.client-page .compact-hero h1{
  max-width:15ch;
  margin-bottom:22px;
  font-size:clamp(3.2rem,5vw,5.5rem);
  line-height:.98;
  letter-spacing:-.055em;
}

.client-page .compact-hero .lead{
  max-width:68ch;
  font-size:clamp(1.08rem,1.35vw,1.24rem);
  line-height:1.74;
}

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

.client-page .section{
  padding:88px 0;
}

.client-page .section.alt{
  background:#E9E2D7;
}

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

.client-page .section-head h2{
  max-width:18ch;
  font-size:clamp(2.35rem,3.6vw,3.65rem);
  line-height:1.04;
  letter-spacing:-.045em;
}

.client-page .section-head p{
  max-width:64ch;
  font-size:1.06rem;
  line-height:1.72;
}

.client-kicker{
  margin:0 0 14px;
  color:#85622F;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.client-intro-grid{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:80px;
  align-items:start;
}

.client-intro-copy{
  position:sticky;
  top:122px;
}

.client-intro-copy h2{
  max-width:12ch;
  margin:0 0 18px;
  color:#0B1B21;
  font-size:clamp(2.5rem,3.8vw,3.7rem);
  line-height:1.03;
  letter-spacing:-.045em;
}

.client-intro-copy p{
  max-width:36ch;
  margin:0;
  color:#58666B;
  font-size:1.07rem;
  line-height:1.74;
}

.client-scenario-list{
  border-top:1px solid #BFC6C2;
}

.client-scenario{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
  padding:28px 0 30px;
  border-bottom:1px solid #BFC6C2;
}

.client-scenario>span{
  padding-top:5px;
  color:#9B7137;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}

.client-scenario h3{
  margin:0 0 8px;
  color:#0B1B21;
  font-size:clamp(1.24rem,1.7vw,1.55rem);
  line-height:1.22;
}

.client-scenario p{
  max-width:64ch;
  margin:0;
  color:#58666B;
  line-height:1.72;
}

.client-scenario>a{
  align-self:center;
  min-width:130px;
  text-align:right;
  color:#765929;
  font-weight:800;
}

.client-scenario>a:hover{
  color:#0D4F59;
}

.client-choice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.client-choice{
  display:flex;
  flex-direction:column;
  min-height:280px;
  padding:28px;
  border:1px solid #C5CBC7;
  border-radius:10px 28px 10px 28px;
  background:#F8F5EE;
}

.client-choice.is-dark{
  border-color:rgba(196,154,90,.42);
  background:#07161B;
  color:#fff;
}

.client-choice small{
  color:#9A7137;
  font-weight:900;
  letter-spacing:.11em;
}

.client-choice.is-dark small{
  color:#E0B16A;
}

.client-choice h3{
  margin:28px 0 10px;
  color:#0B1B21;
  font-size:1.35rem;
}

.client-choice.is-dark h3{
  color:#fff;
}

.client-choice p{
  margin:0 0 22px;
  color:#5A686C;
  line-height:1.68;
}

.client-choice.is-dark p{
  color:#CBD4D1;
}

.client-choice a{
  margin-top:auto;
  color:#765929;
  font-weight:800;
}

.client-choice.is-dark a{
  color:#E1B36E;
}

.client-reassurance{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:44px;
  align-items:center;
  padding:34px 38px;
  border:1px solid rgba(196,154,90,.28);
  border-radius:10px 30px 10px 30px;
  background:
    radial-gradient(circle at 90% 10%,rgba(196,154,90,.12),transparent 30%),
    #07161B;
  color:#fff;
}

.client-reassurance h2,
.client-reassurance h3{
  margin:0 0 10px;
  color:#fff;
}

.client-reassurance p{
  max-width:70ch;
  margin:0;
  color:#CCD5D2;
  line-height:1.7;
}

.client-reassurance .btn{
  min-width:210px;
}

.client-plain-note{
  padding:24px 26px;
  border-left:4px solid #C49A5A;
  background:#F7F3EA;
}

.client-plain-note strong{
  display:block;
  margin-bottom:7px;
  color:#0B1B21;
  font-size:1.08rem;
}

.client-plain-note p{
  margin:0;
  color:#5A676B;
  line-height:1.7;
}

/* Existing offer components: make them easier to scan */
.client-page .v3-models{
  border-color:#BDC5C1;
}

.client-page .v3-model{
  border-color:#BDC5C1;
}

.client-page .v3-model h3,
.client-page .v3-directory-item h3{
  color:#0B1B21;
}

.client-page .v3-model p,
.client-page .v3-directory-item p{
  color:#58666B;
  line-height:1.7;
}

.client-page .v3-service-directory{
  border-top-color:#BCC4C0;
}

.client-page .v3-directory-item{
  padding-block:23px;
  border-color:#C1C8C4;
}

.client-page .v3-directory-item>span{
  color:#987038;
}

.client-page .v3-price-card{
  background:#F8F5EE;
}

.client-page .v3-price-card.is-featured{
  background:#07161B;
}

.client-page .v3-faq details{
  background:#F8F5EE;
}

/* Human-language contact form */
.client-contact-quick{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 28px;
}

.client-contact-quick a{
  padding:15px 16px;
  border:1px solid #C6CCC8;
  border-radius:8px 18px 8px 18px;
  background:#F8F5EE;
  color:#0B1B21;
  font-weight:750;
  line-height:1.35;
}

.client-contact-quick a:hover{
  border-color:#C49A5A;
  background:#FBF6EC;
}

/* Technical pages remain useful, but are clearly secondary */
.technical-page-note{
  display:flex;
  align-items:flex-start;
  gap:14px;
  max-width:760px;
  margin-top:24px;
  padding:16px 18px;
  border:1px solid rgba(196,154,90,.24);
  background:rgba(196,154,90,.08);
  color:#E4E9E7;
}

.technical-page-note strong{
  color:#E4B873;
}

@media (max-width:1040px){
  .client-intro-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .client-intro-copy{
    position:relative;
    top:auto;
  }

  .client-intro-copy h2{
    max-width:17ch;
  }

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

  .client-reassurance{
    grid-template-columns:1fr;
  }

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

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

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

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

  .client-page .section{
    padding:62px 0;
  }

  .client-intro-copy h2,
  .client-page .section-head h2{
    max-width:none;
    font-size:clamp(2.05rem,9vw,2.8rem);
  }

  .client-scenario{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    padding-block:22px;
  }

  .client-contact-quick{
    grid-template-columns:1fr;
  }

  .client-reassurance{
    padding:26px 22px;
  }

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


/* 2026-09-25 visual pass: make subpages feel like the same brand, not legacy product sheets */
.client-page > .section > .wrap,
.client-page .compact-hero > .wrap{
  width:min(1380px,calc(100% - 72px));
  max-width:none;
}

.client-page .compact-hero{
  min-height:430px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(196,154,90,.22);
}

.client-page .compact-hero h1{
  max-width:14ch;
  font-size:clamp(3.3rem,4.8vw,5.1rem);
}

.client-page .compact-hero .lead{
  max-width:70ch;
  color:#D5DDDA;
}

.client-page .section-head h2{
  max-width:19ch;
}

.client-page .card{
  border-radius:8px 24px 8px 24px;
  box-shadow:none;
}

.client-page .grid.cards{
  gap:16px;
}

.client-page .grid.cards .card{
  border-color:#C3C8C4;
  background:#F7F3EB;
}

.client-page .grid.cards .card h3{
  color:#0B1B21;
}

.client-page .grid.cards .card p,
.client-page .grid.cards .card li{
  color:#59666A;
  line-height:1.68;
}

.client-page .v3-service-directory,
.client-page .v3-models{
  background:transparent;
}

.client-page .v3-directory-item{
  min-height:150px;
}

.client-page .v3-directory-item h3{
  font-size:1.3rem;
}

.client-page .v3-directory-item p{
  font-size:1rem;
}

.client-page .v3-price-card,
.client-page .client-choice{
  box-shadow:none;
}

.client-page .v3-price-card.is-featured{
  box-shadow:0 28px 70px rgba(6,17,22,.14);
}

.client-page .actions .btn{
  min-height:50px;
}

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

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


/* 2026-09-25 refinement: more visual depth without turning subpages into card walls */
.client-page .compact-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 16%,rgba(196,154,90,.12),transparent 24%),
    radial-gradient(circle at 68% 120%,rgba(13,79,89,.26),transparent 34%),
    linear-gradient(116deg,#061116 0%,#08181E 62%,#0A232A 100%);
}

.client-page .compact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 78%);
}

.client-page .compact-hero .kicker{
  display:flex;
  align-items:center;
  width:max-content;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#E1B36E;
  letter-spacing:.14em;
}

.client-page .compact-hero .kicker::before{
  content:"";
  width:38px;
  height:2px;
  margin-right:11px;
  background:#C49A5A;
}

.client-page .compact-hero h1{
  text-wrap:balance;
}

.client-page .compact-hero .actions{
  gap:12px;
}

.client-page .compact-hero .btn:not(.btn-primary){
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.035);
  color:#fff;
}

.client-page .compact-hero .btn:not(.btn-primary):hover{
  border-color:#C49A5A;
  background:rgba(196,154,90,.08);
  color:#fff;
}

.client-contact-quick a{
  position:relative;
  padding-right:42px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.client-contact-quick a::after{
  content:"→";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#987038;
}

.client-contact-quick a:hover{
  transform:translateY(-2px);
}

.client-page .section-head .client-kicker,
.client-page .client-kicker{
  display:flex;
  align-items:center;
  gap:10px;
}

.client-page .client-kicker::before{
  content:"";
  width:26px;
  height:2px;
  background:#C49A5A;
}

@media (prefers-reduced-motion:reduce){
  .client-contact-quick a{
    transition:none;
  }

  .client-contact-quick a:hover{
    transform:none;
  }
}


/* 2026-09-25 desktop QA from real screenshots */

/* Contact: quick choices act like controls, not navigation links */
.page-contact .contact-grid{
  align-items:start;
}

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

.client-contact-choice{
  position:relative;
  width:100%;
  min-height:62px;
  padding:14px 44px 14px 16px;
  border:1px solid #C6CCC8;
  border-radius:8px 18px 8px 18px;
  background:#F8F5EE;
  color:#0B1B21;
  font:inherit;
  font-weight:780;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.client-contact-choice::after{
  content:"→";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#987038;
  font-weight:900;
}

.client-contact-choice:hover{
  transform:translateY(-2px);
  border-color:#C49A5A;
  background:#FBF6EC;
  box-shadow:0 10px 24px rgba(11,27,33,.06);
}

.client-contact-choice.is-selected{
  border-color:#0D4F59;
  background:#EAF1EF;
  box-shadow:inset 3px 0 0 #0D4F59;
}

.client-contact-choice.is-selected::after{
  content:"✓";
  color:#0D4F59;
}

.client-contact-choice-status{
  min-height:20px;
  margin:-14px 0 22px;
  color:#5C696D;
  font-size:.86rem;
}

/* Contact: use the full desktop width instead of leaving half the section empty */
.contact-prep-section{
  background:#F7F3EB;
}

.contact-prep-grid{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:86px;
  align-items:start;
}

.contact-prep-copy h2{
  max-width:14ch;
  margin:0 0 18px;
  color:#0B1B21;
  font-size:clamp(2.45rem,3.7vw,3.7rem);
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.contact-prep-copy>p:last-child{
  max-width:38ch;
  margin:0;
  color:#58666B;
  font-size:1.05rem;
  line-height:1.72;
}

.contact-prep-list{
  border-top:1px solid #BCC5C1;
}

.contact-prep-list>div{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  padding:20px 0 22px;
  border-bottom:1px solid #BCC5C1;
}

.contact-prep-list span{
  padding-top:3px;
  color:#9A7137;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}

.contact-prep-list p{
  margin:0;
  color:#59666A;
  line-height:1.66;
}

.contact-prep-list strong{
  color:#0B1B21;
  font-size:1.05rem;
}

.contact-prep-details .client-plain-note{
  margin-top:22px;
}

/* Remote help: intentional download panel */
.remote-download-card{
  display:grid;
  grid-template-columns:96px minmax(0,1fr) minmax(230px,.42fr);
  gap:28px;
  align-items:center;
  padding:30px 32px;
  border:1px solid rgba(196,154,90,.34);
  border-radius:12px 30px 12px 30px;
  background:
    radial-gradient(circle at 88% 14%,rgba(196,154,90,.13),transparent 28%),
    linear-gradient(135deg,#07161B,#0A2026);
  box-shadow:0 20px 52px rgba(11,27,33,.10);
  color:#fff;
}

.remote-download-icon{
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  border:1px solid rgba(196,154,90,.38);
  border-radius:10px 24px 10px 24px;
  background:rgba(196,154,90,.08);
}

.remote-download-icon svg{
  width:46px;
  height:46px;
  fill:none;
  stroke:#E2B36A;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.remote-download-copy .client-kicker{
  margin-bottom:8px;
  color:#DFAF66;
}

.remote-download-copy .client-kicker::before{
  background:#C49A5A;
}

.remote-download-copy h3{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(1.55rem,2vw,1.9rem);
}

.remote-download-copy>p:not(.client-kicker){
  max-width:62ch;
  margin:0;
  color:#CDD6D3;
  line-height:1.68;
}

.remote-download-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.remote-download-meta span{
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#D6DEDC;
  font-size:.76rem;
  font-weight:700;
}

.remote-download-action{
  display:grid;
  gap:9px;
  justify-items:stretch;
}

.remote-download-action .btn{
  width:100%;
  min-height:52px;
  background:#C49A5A;
  border-color:#C49A5A;
  color:#07161B;
}

.remote-download-action .btn:hover{
  background:#D3AA68;
  border-color:#D3AA68;
  color:#07161B;
}

.remote-download-action small{
  color:#AEBBB7;
  text-align:center;
}

/* Offer FAQ: centered block, balanced whitespace on wide desktop */
.page-offer .v3-faq-section{
  padding-top:94px;
  padding-bottom:100px;
}

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

.page-offer .v3-faq-section .section-head{
  max-width:920px;
}

.page-offer .v3-faq-section .section-head h2{
  max-width:24ch;
}

.page-offer .v3-faq{
  max-width:980px;
}

.page-offer .v3-faq-cta{
  max-width:980px;
}

/* Desktop typography guardrails: prevent ugly word breaks while still balancing headings */
.client-page h1,
.client-page h2,
.client-page h3,
.v3-offer h1,
.v3-offer h2,
.v3-offer h3{
  hyphens:none;
  word-break:normal;
  overflow-wrap:normal;
}

.topbar .nav a{
  white-space:nowrap;
}

@media (max-width:1040px){
  .contact-prep-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .contact-prep-copy h2{
    max-width:18ch;
  }

  .remote-download-card{
    grid-template-columns:82px minmax(0,1fr);
  }

  .remote-download-action{
    grid-column:1 / -1;
    justify-items:start;
  }

  .remote-download-action .btn{
    width:auto;
  }
}

@media (max-width:760px){
  .client-contact-choice{
    min-height:56px;
  }

  .contact-prep-copy h2{
    max-width:none;
    font-size:clamp(2.05rem,9vw,2.8rem);
  }

  .contact-prep-list>div{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
  }

  .remote-download-card{
    grid-template-columns:1fr;
    gap:20px;
    padding:24px 20px;
  }

  .remote-download-icon{
    width:68px;
    height:68px;
  }

  .remote-download-action{
    grid-column:auto;
  }

  .remote-download-action .btn{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .client-contact-choice{
    transition:none;
  }

  .client-contact-choice:hover{
    transform:none;
  }
}


/* 2026-09-26 desktop audit fixes from annotated screenshots */

/* Offer scope: intentional editorial split instead of empty right-hand space */
.page-offer .v3-directory-intro{
  display:grid;
  grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);
  gap:74px;
  align-items:center;
  margin-bottom:54px;
}

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

.page-offer .v3-directory-intro .section-head h2{
  max-width:14ch;
  font-size:clamp(2.7rem,3.8vw,3.85rem);
  line-height:1.03;
}

.v3-directory-media{
  position:relative;
  min-height:390px;
  margin:0;
  overflow:hidden;
  border:1px solid #BEC7C3;
  border-radius:12px 34px 12px 34px;
  background:#07161B;
  box-shadow:0 24px 60px rgba(11,27,33,.10);
}

.v3-directory-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,14,18,.08) 28%,rgba(4,14,18,.80) 100%),
    linear-gradient(90deg,rgba(13,79,89,.12),transparent 58%);
  pointer-events:none;
}

.v3-directory-media img{
  display:block;
  width:100%;
  height:390px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.72) contrast(1.08) brightness(.82);
}

.v3-directory-media figcaption{
  position:absolute;
  z-index:2;
  left:30px;
  right:30px;
  bottom:28px;
  display:grid;
  gap:3px;
  color:#fff;
}

.v3-directory-media figcaption span{
  color:#D6E0DD;
  font-size:.9rem;
}

.v3-directory-media figcaption strong{
  max-width:20ch;
  font-size:1.5rem;
  line-height:1.12;
  letter-spacing:-.025em;
}

/* Offer FAQ: occupy a deliberate central column on wide screens */
.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%,1080px);
  margin-left:auto;
  margin-right:auto;
}

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

.page-offer .v3-faq-section .section-head h2{
  max-width:18ch;
}

.page-offer .v3-faq-section .section-head p{
  max-width:62ch;
}

/* Own-IT page: all six competence cards are informational and visually equal */
.page-own-it .cards-grid .card.service{
  background:#F8F5EE;
  border-color:#C6CCC8;
  border-top-color:#C49A5A;
  cursor:default;
}

.page-own-it .cards-grid .card.service:hover{
  transform:none;
  border-color:#C6CCC8;
  border-top-color:#C49A5A;
  box-shadow:none;
}

/* Contact: selected shortcut must look obviously selected before form entry */
.page-contact .client-contact-choice-status:not(:empty){
  margin-top:-10px;
  padding:10px 12px;
  border-left:3px solid #0D4F59;
  background:#EDF3F1;
  color:#244148;
}

/* Desktop heading guardrails */
@media (min-width:1121px){
  .client-page .client-hero-copy h1{
    max-width:15ch;
  }

  .page-offer .client-hero-copy h1{
    max-width:14ch;
  }

  .page-own-it .client-hero-copy h1{
    max-width:15.5ch;
  }

  .page-remote .client-hero-copy h1{
    max-width:16ch;
  }

  .client-page .cards-grid h3,
  .client-page .v3-directory-item h3,
  .client-page .v3-model h3{
    text-wrap:balance;
    hyphens:none;
  }
}

@media (max-width:1180px){
  .page-offer .v3-directory-intro{
    grid-template-columns:1fr;
    gap:32px;
  }

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

  .v3-directory-media{
    min-height:320px;
  }

  .v3-directory-media img{
    height:320px;
  }
}


/* Sticky offer navigation must sit below the actual desktop header */
@media (min-width:761px){
  .page-offer .v3-jump-nav-wrap{
    top:94px;
  }

  .page-offer #pakiety,
  .page-offer #zakres,
  .page-offer #faq,
  .page-offer #cennik-jednorazowy{
    scroll-margin-top:158px;
  }
}

@media (min-width:1700px){
  .page-offer .v3-jump-nav-wrap{
    top:102px;
  }

  .page-offer #pakiety,
  .page-offer #zakres,
  .page-offer #faq,
  .page-offer #cennik-jednorazowy{
    scroll-margin-top:166px;
  }
}

@media (min-width:1121px){
  .client-page .btn,
  .page-offer .v3-jump-nav a{
    white-space:nowrap;
  }
}


/* Offer FAQ intro should feel intentional, not stranded on the left */
.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;
}

.page-offer .v3-faq-section .section-head h2{
  max-width:22ch;
}

.page-offer .v3-faq-section .section-head p{
  max-width:66ch;
}


/* Offer one-off services: fill the empty intro space with contextual media */
.page-offer .v3-oneoff-intro{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);
  gap:72px;
  align-items:center;
  margin-bottom:54px;
}

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

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

.v3-oneoff-media{
  position:relative;
  min-height:330px;
  margin:0;
  overflow:hidden;
  border:1px solid #BEC7C3;
  border-radius:12px 34px 12px 34px;
  background:#07161B;
  box-shadow:0 24px 60px rgba(11,27,33,.10);
}

.v3-oneoff-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,14,18,.06) 24%,rgba(4,14,18,.84) 100%),
    linear-gradient(90deg,rgba(13,79,89,.14),transparent 60%);
  pointer-events:none;
}

.v3-oneoff-media img{
  display:block;
  width:100%;
  height:330px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.68) contrast(1.08) brightness(.82);
}

.v3-oneoff-media figcaption{
  position:absolute;
  z-index:2;
  left:28px;
  right:28px;
  bottom:26px;
  display:grid;
  gap:4px;
  color:#fff;
}

.v3-oneoff-media figcaption span{
  color:#D6E0DD;
  font-size:.9rem;
}

.v3-oneoff-media figcaption strong{
  max-width:24ch;
  font-size:1.48rem;
  line-height:1.14;
  letter-spacing:-.024em;
}

.page-offer .v3-oneoff-section .v3-rates-layout{
  margin-top:0;
}

@media (max-width:1180px){
  .page-offer .v3-oneoff-intro{
    grid-template-columns:1fr;
    gap:32px;
  }

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

  .v3-oneoff-media,
  .v3-oneoff-media img{
    min-height:300px;
    height:300px;
  }
}

@media (max-width:760px){
  .v3-oneoff-media,
  .v3-oneoff-media img{
    min-height:240px;
    height:240px;
  }

  .v3-oneoff-media figcaption{
    left:20px;
    right:20px;
    bottom:20px;
  }

  .v3-oneoff-media figcaption strong{
    font-size:1.2rem;
  }
}


/* 2026-09-26 annotated screenshot polish */

/* Help page: no arbitrary dark first card and no empty upper-right field */
.help-choice-section{
  background:
    radial-gradient(circle at 84% 18%,rgba(196,154,90,.06),transparent 26%),
    #F2EEE6;
}

.help-choice-head{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
}

.help-choice-head .client-kicker{
  justify-content:center;
}

.help-choice-head h2{
  max-width:18ch!important;
  margin-left:auto;
  margin-right:auto;
}

.help-choice-head p{
  max-width:64ch!important;
  margin-left:auto;
  margin-right:auto;
}

.client-choice-grid-uniform .client-choice,
.client-choice-grid-uniform .client-choice.is-dark{
  border:1px solid #C5CBC7;
  background:#F8F5EE;
  color:#0B1B21;
  box-shadow:0 12px 30px rgba(11,27,33,.035);
}

.client-choice-grid-uniform .client-choice small,
.client-choice-grid-uniform .client-choice.is-dark small{
  color:#9A7137;
}

.client-choice-grid-uniform .client-choice h3,
.client-choice-grid-uniform .client-choice.is-dark h3{
  color:#0B1B21;
}

.client-choice-grid-uniform .client-choice p,
.client-choice-grid-uniform .client-choice.is-dark p{
  color:#5A686C;
}

.client-choice-grid-uniform .client-choice a,
.client-choice-grid-uniform .client-choice.is-dark a{
  color:#765929;
}

.client-choice-grid-uniform .client-choice::before{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-bottom:2px;
  background:#C49A5A;
}

/* Offer: subscription value as one intentional visual object */
.page-offer .v3-value-section{
  padding-top:94px;
  padding-bottom:96px;
}

.v3-value-panel{
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
  gap:68px;
  padding:44px 46px;
  border:1px solid rgba(196,154,90,.24);
  border-radius:12px 34px 12px 34px;
  background:
    radial-gradient(circle at 90% 12%,rgba(196,154,90,.12),transparent 26%),
    linear-gradient(125deg,#07161B 0%,#0A1F26 72%,#0C2E36 100%);
  box-shadow:0 26px 64px rgba(11,27,33,.11);
  color:#fff;
}

.v3-value-intro .v3-section-label{
  color:#E2B36A;
}

.v3-value-intro h2{
  max-width:11ch;
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(2.5rem,3.7vw,3.9rem);
  line-height:1.02;
  letter-spacing:-.045em;
}

.v3-value-intro>p:last-child{
  max-width:40ch;
  margin:0;
  color:#CDD6D3;
  font-size:1.05rem;
  line-height:1.72;
}

.v3-value-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.10);
}

.v3-value-points>div{
  min-height:170px;
  padding:24px 24px 22px;
  border-right:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.018);
}

.v3-value-points span{
  display:block;
  margin-bottom:20px;
  color:#DDAE66;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}

.v3-value-points strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:1.17rem;
}

.v3-value-points p{
  margin:0;
  color:#C7D1CE;
  line-height:1.62;
}

.v3-value-footnote{
  max-width:920px;
  margin:20px auto 0;
  color:#647176;
  font-size:.9rem;
  text-align:center;
  line-height:1.6;
}

/* Keep in-page anchors visible below both desktop bars */
@media (min-width:761px){
  .page-contact #contact,
  .page-help #main-content,
  .page-offer #pakiety,
  .page-offer #zakres,
  .page-offer #cennik-jednorazowy,
  .page-offer #faq{
    scroll-margin-top:170px;
  }
}

@media (max-width:1040px){
  .v3-value-panel{
    grid-template-columns:1fr;
    gap:34px;
  }

  .v3-value-intro h2{
    max-width:16ch;
  }
}

@media (max-width:760px){
  .help-choice-head{
    text-align:left;
  }

  .help-choice-head .client-kicker{
    justify-content:flex-start;
  }

  .help-choice-head h2,
  .help-choice-head p{
    margin-left:0;
    margin-right:0;
  }

  .v3-value-panel{
    padding:30px 22px;
  }

  .v3-value-intro h2{
    max-width:none;
    font-size:clamp(2.2rem,10vw,3rem);
  }

  .v3-value-points{
    grid-template-columns:1fr;
  }

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

  .v3-value-footnote{
    text-align:left;
  }
}


/* Offer: urgent/out-of-hours pricing should read like a deliberate tariff, not a loose sentence */
.page-offer .v3-surcharge-note{
  display:grid;
  grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  gap:34px;
  align-items:stretch;
  margin-top:38px;
  padding:28px;
  border:1px solid rgba(196,154,90,.24);
  border-radius:10px 28px 10px 28px;
  background:
    radial-gradient(circle at 92% 12%,rgba(196,154,90,.11),transparent 26%),
    #07161B;
  color:#fff;
}

.page-offer .v3-surcharge-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:4px 4px 4px 2px;
}

.page-offer .v3-surcharge-intro .v3-section-label{
  margin-bottom:9px;
  color:#E0B26A;
}

.page-offer .v3-surcharge-intro h3{
  max-width:13ch;
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(1.55rem,2.1vw,2rem);
  line-height:1.05;
  letter-spacing:-.03em;
}

.page-offer .v3-surcharge-intro>p:last-child{
  max-width:38ch;
  margin:0;
  color:#BECBC7;
  line-height:1.58;
}

.page-offer .v3-surcharge-rates{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.12);
  border-left:1px solid rgba(255,255,255,.09);
}

.page-offer .v3-surcharge-rates>div{
  display:flex;
  min-height:126px;
  padding:18px 18px 16px;
  flex-direction:column;
  justify-content:flex-end;
  border-right:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.page-offer .v3-surcharge-rates span{
  margin-bottom:8px;
  color:#C8D3D0;
  font-size:.82rem;
  line-height:1.35;
}

.page-offer .v3-surcharge-rates strong{
  color:#E6B66E;
  font-size:clamp(1.45rem,1.9vw,1.8rem);
  line-height:1;
}

.page-offer .v3-surcharge-rates .is-minimum{
  background:rgba(196,154,90,.07);
}

@media (max-width:1180px){
  .page-offer .v3-surcharge-note{
    grid-template-columns:1fr;
  }

  .page-offer .v3-surcharge-rates{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .page-offer .v3-surcharge-note{
    padding:22px 18px;
  }

  .page-offer .v3-surcharge-rates{
    grid-template-columns:1fr;
  }

  .page-offer .v3-surcharge-rates>div{
    min-height:0;
  }
}


/* InsERT sales/deployment story for accounting offices */
.accounting-insert-section{
  background:
    radial-gradient(circle at 86% 14%,rgba(20,119,184,.08),transparent 26%),
    #F1EEE7;
}

.accounting-insert-grid{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:72px;
  align-items:start;
}

.accounting-insert-intro{
  position:sticky;
  top:122px;
}

.accounting-insert-intro h2{
  max-width:13ch;
  margin:0 0 18px;
  color:#0B1B21;
  font-size:clamp(2.55rem,3.75vw,3.7rem);
  line-height:1.03;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.accounting-insert-intro>p:not(.client-kicker){
  max-width:42ch;
  margin:0;
  color:#58666B;
  font-size:1.05rem;
  line-height:1.72;
}

.accounting-insert-intro .actions{
  margin-top:28px;
}

.accounting-insert-cards{
  display:grid;
  gap:14px;
}

.accounting-insert-cards article{
  position:relative;
  min-height:190px;
  padding:28px 30px;
  border:1px solid #C3CBC7;
  border-radius:10px 28px 10px 28px;
  background:#F9F7F1;
  overflow:hidden;
}

.accounting-insert-cards article::after{
  content:"";
  position:absolute;
  right:-60px;
  bottom:-75px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(20,119,184,.10),transparent 68%);
  pointer-events:none;
}

.accounting-insert-cards span{
  position:relative;
  z-index:1;
  color:#1477B8;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}

.accounting-insert-cards h3{
  position:relative;
  z-index:1;
  max-width:24ch;
  margin:24px 0 9px;
  color:#0B1B21;
  font-size:1.35rem;
  line-height:1.18;
}

.accounting-insert-cards p{
  position:relative;
  z-index:1;
  max-width:68ch;
  margin:0;
  color:#58666B;
  line-height:1.7;
}

/* Verifiable partners and trust on About */
.about-trust-section{
  background:#E9E2D7!important;
}

.about-trust-section .section-head{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.about-trust-section .section-head .v3-section-label{
  justify-content:center;
}

.about-trust-section .section-head h2{
  max-width:22ch;
  margin-left:auto;
  margin-right:auto;
}

.about-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:34px;
}

.about-trust-card{
  display:flex;
  flex-direction:column;
  min-height:210px;
  padding:28px;
  border:1px solid #C2CAC6;
  border-radius:10px 28px 10px 28px;
  background:#F8F6F0;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.about-trust-card:hover{
  transform:translateY(-3px);
  border-color:#C49A5A;
  box-shadow:0 18px 40px rgba(11,27,33,.07);
}

.about-trust-card small{
  color:#8B6630;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}

.about-trust-card strong{
  max-width:20ch;
  margin:28px 0 10px;
  color:#0B1B21;
  font-size:1.35rem;
  line-height:1.18;
}

.about-trust-card span{
  margin-top:auto;
  color:#765929;
  font-weight:800;
  line-height:1.45;
}

@media (max-width:1040px){
  .accounting-insert-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .accounting-insert-intro{
    position:relative;
    top:auto;
  }

  .about-trust-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .accounting-insert-intro h2{
    max-width:none;
    font-size:clamp(2.1rem,9vw,2.8rem);
  }

  .accounting-insert-cards article,
  .about-trust-card{
    min-height:0;
  }
}


/* Accounting office — balanced responsibility section */
.accounting-responsibility-section{
  background:#F2EEE6;
}

.accounting-responsibility-grid{
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);
  gap:96px;
  align-items:center;
}

.accounting-responsibility-lead{
  padding-right:18px;
}

.accounting-responsibility-lead .v3-statement{
  max-width:14ch;
  margin-top:22px;
}

.accounting-responsibility-copy{
  max-width:820px;
}

.accounting-responsibility-copy h2{
  max-width:18ch;
  margin:0 0 18px;
  color:#0B1B21;
  font-size:clamp(2.35rem,3vw,3.25rem);
  line-height:1.05;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.accounting-responsibility-copy>p{
  max-width:68ch;
  margin:0 0 14px;
  color:#58666B;
  font-size:1.03rem;
  line-height:1.7;
}

.accounting-responsibility-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid rgba(13,79,89,.18);
}

.accounting-responsibility-points div{
  display:grid;
  gap:6px;
  min-height:92px;
  padding:16px 17px;
  border:1px solid #C6CDC9;
  border-radius:8px 20px 8px 20px;
  background:#F9F7F1;
}

.accounting-responsibility-points span{
  color:#9A7138;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
}

.accounting-responsibility-points strong{
  color:#0B1B21;
  font-size:.98rem;
  line-height:1.3;
}

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

  .accounting-responsibility-lead{
    padding-right:0;
  }

  .accounting-responsibility-lead .v3-statement{
    max-width:19ch;
  }
}

@media (max-width:760px){
  .accounting-responsibility-points{
    grid-template-columns:1fr;
  }
}


/* Payments: compact contact entry + dedicated ING Pay page */
.contact-side-stack{
  display:grid;
  align-content:start;
  gap:18px;
}

.contact-payment-card{
  border-color:#C5CCC8;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,98,0,.08),transparent 32%),
    #F8F5EE;
}

.contact-payment-card .client-kicker{
  margin-bottom:12px;
}

.contact-payment-card h2{
  max-width:18ch;
  margin-bottom:12px;
}

.contact-payment-card p:not(.client-kicker){
  color:#58666B;
  line-height:1.65;
}

.page-payments .compact-hero h1{
  max-width:15ch;
}

.payments-section{
  background:
    radial-gradient(circle at 88% 4%,rgba(255,98,0,.055),transparent 20%),
    #F2EEE6;
}

.page-payments .payments-section .section-head{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

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

.payment-provider-card{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  max-width:1180px;
  margin:38px auto 0;
  padding:22px 26px;
  border:1px solid rgba(255,98,0,.20);
  border-radius:10px 26px 10px 26px;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,98,0,.08),transparent 28%),
    #FBF9F4;
  box-shadow:0 18px 46px rgba(11,27,33,.045);
}

.payment-provider-logo{
  display:grid;
  place-items:center;
  min-height:84px;
  padding:10px 18px;
  border-right:1px solid #DDD7CD;
}

.payment-provider-logo img{
  display:block;
  width:150px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.payment-provider-copy{
  min-width:0;
}

.payment-provider-copy>span{
  display:block;
  margin-bottom:5px;
  color:#FF6200;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
}

.payment-provider-copy strong{
  display:block;
  color:#0B1B21;
  font-size:1.18rem;
  line-height:1.25;
}

.payment-provider-copy p{
  max-width:60ch;
  margin:5px 0 0;
  color:#58666B;
  font-size:.94rem;
  line-height:1.55;
}

.payment-provider-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:280px;
}

.payment-provider-badges span{
  padding:7px 10px;
  border:1px solid #D5D8D4;
  border-radius:999px;
  background:#fff;
  color:#425459;
  font-size:.75rem;
  font-weight:750;
  white-space:nowrap;
}

.payment-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:30px;
}

.payment-link-card{
  position:relative;
  display:flex;
  min-height:350px;
  padding:28px 30px 30px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #C4CCC8;
  border-radius:12px 30px 12px 30px;
  background:
    radial-gradient(circle at 96% 4%,rgba(255,98,0,.045),transparent 30%),
    #FBFAF6;
  color:#0B1B21!important;
  box-shadow:0 14px 36px rgba(11,27,33,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.payment-link-card::before{
  content:"";
  position:absolute;
  top:0;
  left:30px;
  width:54px;
  height:4px;
  background:#FF6200;
}

.payment-link-card::after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,79,89,.10),transparent 68%);
  pointer-events:none;
}

.payment-link-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,98,0,.45);
  background:#FFFDF9;
  box-shadow:0 22px 52px rgba(11,27,33,.085);
  color:#0B1B21!important;
}

.payment-card-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}

.payment-card-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid rgba(13,79,89,.13);
  border-radius:9px 18px 9px 18px;
  background:#EEF3F1;
  color:#0D4F59;
}

.payment-card-icon svg{
  width:30px;
  height:30px;
  fill:currentColor;
}

.payment-link-num{
  color:#A87839;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
}

.payment-link-card>small{
  position:relative;
  z-index:1;
  color:#FF6200;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
}

.payment-link-card h3{
  position:relative;
  z-index:1;
  max-width:18ch;
  margin:9px 0 13px;
  color:#0B1B21;
  font-size:1.48rem;
  line-height:1.14;
  letter-spacing:-.025em;
  text-wrap:balance;
}

.payment-card-description{
  position:relative;
  z-index:1;
  max-width:34ch;
  margin:0;
  color:#4F5F64;
  font-size:1rem;
  line-height:1.62;
}

.payment-card-note{
  position:relative;
  z-index:1;
  margin:14px 0 0;
  color:#788589;
  font-size:.84rem;
  line-height:1.5;
}

.payment-card-action{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  min-height:48px;
  margin-top:auto;
  padding:12px 15px;
  border-radius:7px 16px 7px 16px;
  background:#0B1B21;
  color:#fff;
  font-size:.92rem;
  font-weight:850;
  transition:background .16s ease,transform .16s ease;
}

.payment-link-card:hover .payment-card-action{
  background:#0D4F59;
}

.payment-card-action span{
  color:#FF9B5C;
  font-size:1.15rem;
}

.payment-safety-note{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr) auto;
  gap:28px;
  align-items:center;
  margin-top:24px;
  padding:24px 26px;
  border:1px solid rgba(13,79,89,.16);
  border-radius:8px 22px 8px 22px;
  background:#E9E2D7;
}

.payment-safety-note strong{
  color:#0B1B21;
  font-size:1.06rem;
}

.payment-safety-note p{
  margin:0;
  color:#58666B;
  line-height:1.55;
}

@media (max-width:1180px){
  .payment-provider-card{
    grid-template-columns:160px minmax(0,1fr);
  }

  .payment-provider-badges{
    grid-column:1 / -1;
    justify-content:flex-start;
    max-width:none;
    padding-left:190px;
  }
}

@media (max-width:1040px){
  .payment-link-grid{
    grid-template-columns:1fr;
  }

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

  .payment-safety-note{
    grid-template-columns:1fr;
    gap:14px;
  }

  .payment-safety-note .btn{
    justify-self:start;
  }
}

@media (max-width:760px){
  .contact-side-stack{
    gap:14px;
  }

  .payment-provider-card{
    grid-template-columns:1fr;
    gap:16px;
    padding:20px;
  }

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

  .payment-provider-logo img{
    width:132px;
  }

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

  .payment-link-card{
    padding:26px 22px 24px;
  }

  .payment-safety-note{
    padding:20px;
  }

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

@media (prefers-reduced-motion:reduce){
  .payment-link-card,
  .payment-card-action{
    transition:none;
  }

  .payment-link-card:hover{
    transform:none;
  }
}



/* Contact quick actions — Certum + ING Pay */
.page-contact .contact-grid{
  align-items:start;
}

.contact-side-stack{
  display:grid;
  align-content:start;
  gap:16px;
}

.contact-side-intro{
  padding:4px 4px 10px;
}

.contact-side-intro .client-kicker{
  margin-bottom:10px;
}

.contact-side-intro h2{
  max-width:16ch;
  margin:0 0 10px;
  color:#0B1B21;
  font-size:clamp(2rem,2.55vw,2.65rem);
  line-height:1.06;
  letter-spacing:-.035em;
  text-wrap:balance;
}

.contact-side-intro>p:last-child{
  max-width:44ch;
  margin:0;
  color:#58666B;
  line-height:1.65;
}

.contact-action-card{
  position:relative;
  display:flex;
  min-height:248px;
  padding:26px 28px 28px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #C3CBC7;
  border-radius:10px 28px 10px 28px;
  background:#F9F7F1;
  box-shadow:0 14px 34px rgba(11,27,33,.035);
}

.contact-action-card::after{
  content:"";
  position:absolute;
  right:-65px;
  bottom:-85px;
  width:190px;
  height:190px;
  border-radius:50%;
  pointer-events:none;
}

.contact-action-card.is-certum{
  border-color:rgba(20,119,184,.28);
  background:
    radial-gradient(circle at 94% 6%,rgba(20,119,184,.10),transparent 34%),
    #F8F7F2;
}

.contact-action-card.is-certum::after{
  background:radial-gradient(circle,rgba(20,119,184,.10),transparent 68%);
}

.contact-action-card.is-payment{
  border-color:rgba(255,98,0,.24);
  background:
    radial-gradient(circle at 94% 6%,rgba(255,98,0,.075),transparent 34%),
    #F8F7F2;
}

.contact-action-card.is-payment::after{
  background:radial-gradient(circle,rgba(255,98,0,.09),transparent 68%);
}

.contact-action-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-bottom:18px;
}

.contact-action-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:9px 18px 9px 18px;
}

.contact-action-icon svg{
  width:30px;
  height:30px;
  fill:currentColor;
}

.contact-action-card.is-certum .contact-action-icon{
  background:#E8F2F8;
  color:#1477B8;
}

.contact-action-card.is-payment .contact-action-icon{
  background:#FFF0E6;
  color:#E65A00;
}

.contact-action-head small{
  display:block;
  margin-bottom:4px;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.13em;
}

.contact-action-card.is-certum .contact-action-head small{
  color:#1477B8;
}

.contact-action-card.is-payment .contact-action-head small{
  color:#E65A00;
}

.contact-action-head strong{
  display:block;
  max-width:20ch;
  color:#0B1B21;
  font-size:1.32rem;
  line-height:1.17;
  letter-spacing:-.02em;
  text-wrap:balance;
}

.contact-action-card>p{
  position:relative;
  z-index:1;
  max-width:48ch;
  margin:0;
  color:#58666B;
  line-height:1.65;
}

.contact-action-meta{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:18px;
}

.contact-action-meta span{
  padding:6px 9px;
  border:1px solid #D2D8D4;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#536267;
  font-size:.73rem;
  font-weight:750;
}

.contact-action-cta{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  min-height:48px;
  margin-top:auto;
  padding:12px 15px;
  border-radius:7px 16px 7px 16px;
  font-size:.91rem;
  font-weight:850;
}

.contact-action-card.is-certum .contact-action-cta{
  background:#1477B8;
  color:#fff!important;
}

.contact-action-card.is-certum .contact-action-cta:hover{
  background:#0F649D;
  color:#fff!important;
}

.contact-action-card.is-payment .contact-action-cta{
  background:#0B1B21;
  color:#fff!important;
}

.contact-action-card.is-payment .contact-action-cta:hover{
  background:#0D4F59;
  color:#fff!important;
}

.contact-action-card.is-certum .contact-action-cta span{
  color:#BEE3F7;
}

.contact-action-card.is-payment .contact-action-cta span{
  color:#FF9B5C;
}

@media (max-width:1040px){
  .contact-side-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }

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

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

@media (max-width:760px){
  .contact-side-stack{
    grid-template-columns:1fr;
  }

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

  .contact-side-intro h2{
    max-width:none;
    font-size:clamp(2rem,9vw,2.6rem);
  }

  .contact-action-card{
    min-height:0;
    padding:24px 22px;
  }

  .contact-action-cta{
    margin-top:24px;
  }
}


/* Help scenarios — visual situation markers */
.page-help .client-scenario{
  grid-template-columns:72px minmax(0,1fr) 180px;
  gap:22px;
}

.page-help .client-scenario>.client-scenario-marker{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:8px;
  align-items:center;
  justify-items:center;
  width:58px;
  min-height:66px;
  padding:7px 6px 8px;
  border:1px solid #C6CECA;
  border-radius:8px 18px 8px 18px;
  background:#F8F5EE;
  color:#0D4F59;
}

.page-help .client-scenario-marker small{
  align-self:start;
  color:#9A7138;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1;
}

.page-help .client-scenario-marker svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

.page-help .client-scenario h3{
  margin-top:1px;
}

.page-help .client-scenario>a{
  position:relative;
  align-self:center;
  padding-right:2px;
  font-size:.91rem;
  line-height:1.45;
}

@media (max-width:1120px){
  .page-help .client-scenario{
    grid-template-columns:72px minmax(0,1fr);
  }

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

@media (max-width:760px){
  .page-help .client-scenario{
    grid-template-columns:54px minmax(0,1fr);
    gap:16px;
  }

  .page-help .client-scenario>.client-scenario-marker{
    width:48px;
    min-height:58px;
    border-radius:7px 15px 7px 15px;
  }

  .page-help .client-scenario-marker svg{
    width:24px;
    height:24px;
  }

  .page-help .client-scenario>a{
    grid-column:1 / -1;
    padding-left:70px;
  }
}


/* Help example scenarios — visual cards, not a wall of text */
.help-stories{
  padding:96px 0 102px;
  border-top:1px solid rgba(13,79,89,.10);
  border-bottom:1px solid rgba(13,79,89,.12);
  background:
    radial-gradient(circle at 8% 8%,rgba(196,154,90,.08),transparent 22%),
    #EAE5DC;
}

.help-stories-intro{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
  gap:58px;
  align-items:end;
  margin-bottom:38px;
}

.help-stories-intro .client-kicker{
  grid-column:1 / -1;
  margin-bottom:-36px;
}

.help-stories-intro h2{
  max-width:13ch;
  margin:0;
  color:#0B1B21;
  font-size:clamp(2.65rem,3.4vw,3.65rem);
  line-height:1.02;
  letter-spacing:-.048em;
  text-wrap:balance;
}

.help-stories-intro>p:last-child{
  max-width:57ch;
  margin:0 0 4px;
  color:#58666B;
  font-size:1.03rem;
  line-height:1.68;
}

.help-stories-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.help-story-card{
  display:flex;
  min-width:0;
  min-height:510px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #BEC7C3;
  border-radius:11px 30px 11px 30px;
  background:#F8F6F0;
  box-shadow:0 16px 38px rgba(11,27,33,.035);
}

.help-story-visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:150px;
  overflow:hidden;
  border-bottom:1px solid rgba(13,79,89,.13);
  background:
    radial-gradient(circle at 82% 12%,rgba(196,154,90,.13),transparent 28%),
    linear-gradient(135deg,#102B32,#0A1C22);
  color:#D8B06F;
}

.help-story-visual::after{
  content:"";
  position:absolute;
  inset:auto -46px -72px auto;
  width:150px;
  height:150px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
}

.help-story-visual svg{
  position:relative;
  z-index:1;
  width:72%;
  max-width:210px;
  height:104px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.94;
}

.help-story-number{
  position:absolute;
  z-index:2;
  top:17px;
  left:20px;
  color:rgba(255,255,255,.56);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.13em;
}

.help-story-visual.is-backup{
  color:#B9CFCA;
}

.help-story-visual.is-office{
  color:#E0B16A;
}

.help-story-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:25px 26px 26px;
}

.help-story-kicker{
  margin:0 0 8px;
  color:#8D6731;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.13em;
}

.help-story-card h3{
  max-width:19ch;
  margin:0 0 13px;
  color:#0B1B21;
  font-size:1.48rem;
  line-height:1.14;
  letter-spacing:-.027em;
  text-wrap:balance;
}

.help-story-card-body>p:not(.help-story-kicker){
  margin:0;
  color:#58666B;
  font-size:.95rem;
  line-height:1.62;
}

.help-story-first-step{
  display:grid;
  gap:5px;
  margin:20px 0 0;
  padding:14px 15px;
  border-left:3px solid #C49A5A;
  background:#EEE8DE;
}

.help-story-first-step small{
  color:#8D6731;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.12em;
}

.help-story-first-step strong{
  color:#0B1B21;
  font-size:.91rem;
  line-height:1.45;
}

.help-story-card a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding-top:22px;
  color:#765929;
  font-size:.91rem;
  font-weight:850;
}

.help-story-card a:hover{
  color:#0D4F59;
}

.help-story-card a span{
  font-size:1.08rem;
}

.help-stories-disclaimer{
  max-width:80ch;
  margin:18px auto 0;
  color:#7A878A;
  font-size:.74rem;
  line-height:1.5;
  text-align:center;
}

@media (max-width:1120px){
  .help-stories-grid{
    grid-template-columns:1fr;
  }

  .help-story-card{
    display:grid;
    grid-template-columns:minmax(230px,.42fr) minmax(0,.58fr);
    min-height:0;
  }

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

  .help-story-card h3{
    max-width:28ch;
  }
}

@media (max-width:820px){
  .help-stories-intro{
    grid-template-columns:1fr;
    gap:14px;
  }

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

  .help-stories-intro h2{
    max-width:17ch;
  }

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

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

@media (max-width:760px){
  .help-stories{
    padding:64px 0 68px;
  }

  .help-stories-intro{
    margin-bottom:28px;
  }

  .help-stories-intro h2{
    max-width:none;
    font-size:clamp(2.1rem,9vw,2.8rem);
  }

  .help-story-card{
    min-height:0;
  }

  .help-story-card-body{
    padding:22px 20px 23px;
  }

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



/* Remote help — device-first session flow */
.page-remote .remote-hero .client-hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.68fr);
}

.page-remote .remote-hero h1{
  max-width:15ch;
}

.remote-hero-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:390px;
  padding:30px 32px;
  border:1px solid rgba(196,154,90,.30);
  border-radius:12px 34px 12px 34px;
  background:
    radial-gradient(circle at 88% 8%,rgba(196,154,90,.13),transparent 28%),
    rgba(255,255,255,.035);
  color:#fff;
}

.remote-hero-panel::after{
  content:"ID";
  position:absolute;
  right:-10px;
  bottom:-34px;
  color:rgba(255,255,255,.022);
  font-size:8.5rem;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}

.remote-hero-status{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:9px;
  color:#C9D5D1;
  font-size:.82rem;
  font-weight:750;
}

.remote-hero-status>span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#C49A5A;
  box-shadow:0 0 0 5px rgba(196,154,90,.10);
}

.remote-hero-id{
  position:relative;
  z-index:1;
  margin-top:42px;
  padding-bottom:4px;
}

.remote-hero-id small{
  display:block;
  color:#E0B16A;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
}

.remote-hero-id strong{
  display:block;
  margin:8px 0 6px;
  color:#fff;
  font-size:clamp(4.4rem,6vw,6.8rem);
  line-height:.88;
  letter-spacing:-.07em;
}

.remote-hero-id p{
  max-width:36ch;
  margin:0;
  color:#C9D4D1;
  line-height:1.6;
}

.remote-hero-platforms{
  position:relative;
  z-index:1;
  display:flex;
  gap:8px;
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
}

.remote-hero-platforms span{
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#DDE5E2;
  font-size:.72rem;
  font-weight:800;
}

.remote-download-section{
  background:#F2EEE6;
}

.remote-section-head{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:64px;
  align-items:end;
  margin-bottom:38px;
}

.remote-section-head h2{
  max-width:14ch;
  margin:0;
  color:#0B1B21;
  font-size:clamp(2.6rem,3.6vw,3.7rem);
  line-height:1.03;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.remote-section-head>p{
  max-width:58ch;
  margin:0 0 4px;
  color:#58666B;
  font-size:1.03rem;
  line-height:1.68;
}

.remote-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.remote-platform-card{
  position:relative;
  display:flex;
  min-height:440px;
  padding:30px;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #C1C9C5;
  border-radius:12px 30px 12px 30px;
  background:#F8F6F0;
  box-shadow:0 16px 42px rgba(11,27,33,.045);
}

.remote-platform-card::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-100px;
  width:250px;
  height:250px;
  border-radius:50%;
  pointer-events:none;
}

.remote-platform-card.is-windows::after{
  background:radial-gradient(circle,rgba(13,79,89,.11),transparent 68%);
}

.remote-platform-card.is-android::after{
  background:radial-gradient(circle,rgba(196,154,90,.13),transparent 68%);
}

.remote-platform-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:28px;
}

.remote-platform-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:10px 21px 10px 21px;
  background:#E9F0EE;
  color:#0D4F59;
}

.remote-platform-card.is-android .remote-platform-icon{
  background:#EFE8DD;
  color:#8A6531;
}

.remote-platform-icon svg{
  width:34px;
  height:34px;
  fill:currentColor;
}

.remote-platform-badge{
  color:#8A6836;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
}

.remote-platform-card h3{
  position:relative;
  z-index:1;
  margin:0 0 13px;
  color:#0B1B21;
  font-size:clamp(1.65rem,2.1vw,2rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

.remote-platform-card>p{
  position:relative;
  z-index:1;
  max-width:52ch;
  margin:0;
  color:#58666B;
  line-height:1.68;
}

.remote-platform-meta{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:20px;
}

.remote-platform-meta span{
  padding:6px 9px;
  border:1px solid #D2D8D4;
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:#536267;
  font-size:.72rem;
  font-weight:750;
}

.remote-platform-action{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:54px;
  margin-top:auto;
  padding:14px 16px;
  border-radius:8px 18px 8px 18px;
  background:#0B1B21;
  color:#fff!important;
  font-size:.94rem;
  font-weight:850;
}

.remote-platform-card.is-android .remote-platform-action{
  background:#765929;
}

.remote-platform-action:hover{
  background:#0D4F59;
  color:#fff!important;
}

.remote-platform-card.is-android .remote-platform-action:hover{
  background:#8A6934;
}

.remote-platform-action span{
  font-size:1.2rem;
}

.remote-file-name{
  position:relative;
  z-index:1;
  display:block;
  margin-top:9px;
  color:#899397;
  font-size:.72rem;
}

.remote-process-section{
  background:#E9E2D7!important;
}

.remote-process-layout{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:88px;
  align-items:start;
}

.remote-process-intro{
  position:sticky;
  top:122px;
}

.remote-process-intro h2{
  max-width:13ch;
  margin:0 0 17px;
  color:#0B1B21;
  font-size:clamp(2.6rem,3.5vw,3.6rem);
  line-height:1.03;
  letter-spacing:-.045em;
}

.remote-process-intro>p:last-child{
  max-width:36ch;
  margin:0;
  color:#58666B;
  line-height:1.7;
}

.remote-process-steps{
  border-top:1px solid #BCC5C1;
}

.remote-process-steps article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:22px;
  padding:27px 0 29px;
  border-bottom:1px solid #BCC5C1;
}

.remote-process-steps article>span{
  padding-top:3px;
  color:#9A7138;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}

.remote-process-steps small{
  color:#0D4F59;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.12em;
}

.remote-process-steps h3{
  margin:7px 0 7px;
  color:#0B1B21;
  font-size:1.32rem;
  line-height:1.2;
}

.remote-process-steps p{
  max-width:60ch;
  margin:0;
  color:#58666B;
  line-height:1.65;
}

.remote-info-section{
  background:#F2EEE6;
}

.remote-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.remote-info-card{
  position:relative;
  min-height:440px;
  padding:32px 34px;
  overflow:hidden;
  border-radius:12px 30px 12px 30px;
}

.remote-info-card.is-safety{
  border:1px solid rgba(13,79,89,.20);
  background:
    radial-gradient(circle at 92% 7%,rgba(13,79,89,.09),transparent 28%),
    #F8F6F0;
}

.remote-info-card.is-payment{
  border:1px solid rgba(255,98,0,.20);
  background:
    radial-gradient(circle at 92% 7%,rgba(255,98,0,.08),transparent 28%),
    #F8F6F0;
}

.remote-info-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin-bottom:28px;
  border-radius:9px 18px 9px 18px;
  background:#E8EFED;
  color:#0D4F59;
}

.remote-info-card.is-payment .remote-info-icon{
  background:#FFF0E6;
  color:#E65A00;
}

.remote-info-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.remote-info-card h2{
  max-width:16ch;
  margin:0 0 16px;
  color:#0B1B21;
  font-size:clamp(2rem,2.7vw,2.75rem);
  line-height:1.05;
  letter-spacing:-.038em;
}

.remote-info-card>p:not(.client-kicker){
  max-width:56ch;
  margin:0;
  color:#58666B;
  line-height:1.68;
}

.remote-info-card ul{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.remote-info-card li{
  position:relative;
  padding:13px 0 13px 24px;
  border-bottom:1px solid #D1D6D2;
  color:#536267;
  line-height:1.55;
}

.remote-info-card li::before{
  content:"";
  position:absolute;
  left:2px;
  top:20px;
  width:7px;
  height:7px;
  border:2px solid #0D4F59;
  border-radius:50%;
}

.remote-payment-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  margin-top:28px;
  padding:13px 16px;
  border-radius:8px 18px 8px 18px;
  background:#0B1B21;
  color:#fff!important;
  font-weight:850;
}

.remote-payment-action:hover{
  background:#0D4F59;
  color:#fff!important;
}

.remote-payment-action span{
  color:#FF9B5C;
  font-size:1.1rem;
}

.remote-payment-secondary{
  display:inline-flex;
  margin-top:13px;
  color:#765929;
  font-size:.88rem;
  font-weight:800;
}

.remote-payment-secondary:hover{
  color:#0D4F59;
}

.remote-scope-section{
  background:#E9E2D7!important;
}

.remote-scope-layout{
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:88px;
  align-items:start;
}

.remote-scope-layout>div:first-child h2{
  max-width:14ch;
  margin:0;
  color:#0B1B21;
  font-size:clamp(2.55rem,3.45vw,3.55rem);
  line-height:1.04;
  letter-spacing:-.043em;
}

.remote-scope-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #BCC5C1;
  border-left:1px solid #BCC5C1;
}

.remote-scope-list>div{
  min-height:170px;
  padding:23px 24px;
  border-right:1px solid #BCC5C1;
  border-bottom:1px solid #BCC5C1;
}

.remote-scope-list span{
  display:block;
  margin-bottom:24px;
  color:#9A7138;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}

.remote-scope-list strong{
  display:block;
  margin-bottom:8px;
  color:#0B1B21;
  font-size:1.13rem;
}

.remote-scope-list p{
  margin:0;
  color:#58666B;
  line-height:1.58;
}

.remote-final-section{
  background:#F2EEE6;
}

.remote-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:54px;
  align-items:center;
  padding:34px 38px;
  border:1px solid rgba(196,154,90,.28);
  border-radius:10px 30px 10px 30px;
  background:
    radial-gradient(circle at 90% 10%,rgba(196,154,90,.11),transparent 28%),
    #07161B;
  color:#fff;
}

.remote-final h2{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(2rem,2.8vw,2.8rem);
  line-height:1.05;
  letter-spacing:-.035em;
}

.remote-final p:not(.client-kicker){
  max-width:62ch;
  margin:0;
  color:#CBD4D1;
  line-height:1.65;
}

.remote-final .client-kicker{
  color:#E0B16A;
}

.remote-final .btn{
  min-width:190px;
}

@media (max-width:1120px){
  .page-remote .remote-hero .client-hero-grid,
  .remote-process-layout,
  .remote-scope-layout{
    grid-template-columns:1fr;
    gap:36px;
  }

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

  .remote-section-head{
    grid-template-columns:1fr;
    gap:14px;
  }

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

  .remote-platform-card,
  .remote-info-card{
    min-height:0;
  }
}

@media (max-width:760px){
  .remote-hero-panel{
    min-height:360px;
    padding:26px 22px;
  }

  .remote-hero-id{
    margin-top:34px;
  }

  .remote-hero-platforms{
    padding-top:18px;
  }

  .remote-platform-card{
    padding:25px 22px 23px;
  }

  .remote-platform-action{
    margin-top:26px;
  }

  .remote-process-steps article{
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
  }

  .remote-info-card{
    padding:27px 22px;
  }

  .remote-info-card h2,
  .remote-scope-layout>div:first-child h2{
    max-width:none;
    font-size:clamp(2rem,9vw,2.7rem);
  }

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

  .remote-scope-list>div{
    min-height:0;
    border-left:0;
  }

  .remote-final{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px;
  }

  .remote-final .btn{
    width:100%;
  }
}


/* Own IT — enterprise editorial pass */
.ownit-capabilities-section{
  background:#F2EEE6;
}

.ownit-capabilities-layout{
  display:grid;
  grid-template-columns:minmax(320px,.66fr) minmax(0,1.34fr);
  gap:92px;
  align-items:start;
}

.ownit-capabilities-intro{
  position:sticky;
  top:122px;
}

.ownit-capabilities-intro h2{
  max-width:14ch;
  margin:0 0 18px;
  color:#0B1B21;
  font-size:clamp(2.55rem,3.35vw,3.55rem);
  line-height:1.03;
  letter-spacing:-.043em;
}

.ownit-capabilities-intro>p:last-child{
  max-width:38ch;
  margin:0;
  color:#58666B;
  font-size:1.03rem;
  line-height:1.7;
}

.ownit-capability-list{
  border-top:1px solid #BCC5C1;
}

.ownit-capability-list article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:22px;
  padding:26px 0 28px;
  border-bottom:1px solid #BCC5C1;
}

.ownit-capability-list article>span{
  padding-top:3px;
  color:#9A7138;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}

.ownit-capability-list small{
  display:block;
  margin-bottom:5px;
  color:#0D4F59;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.12em;
}

.ownit-capability-list h3{
  margin:0 0 8px;
  color:#0B1B21;
  font-size:1.34rem;
  line-height:1.2;
}

.ownit-capability-list p{
  max-width:68ch;
  margin:0;
  color:#58666B;
  line-height:1.66;
}

.ownit-operating-section{
  background:#E9E2D7!important;
}

.ownit-operating-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:72px;
  align-items:start;
}

.ownit-stack-panel{
  min-width:0;
}

.ownit-stack-panel h2{
  max-width:15ch;
  margin:0 0 16px;
  color:#0B1B21;
  font-size:clamp(2.45rem,3.15vw,3.35rem);
  line-height:1.04;
  letter-spacing:-.04em;
}

.ownit-stack-panel>p:not(.client-kicker){
  max-width:58ch;
  margin:0;
  color:#58666B;
  line-height:1.7;
}

.ownit-tech-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}

.ownit-tech-cloud span{
  padding:7px 10px;
  border:1px solid #C8CECA;
  border-radius:999px;
  background:#F7F3EB;
  color:#4F5E63;
  font-size:.79rem;
  font-weight:750;
}

.ownit-tech-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  color:#765929;
  font-size:.9rem;
  font-weight:850;
}

.ownit-tech-link:hover{
  color:#0D4F59;
}

.ownit-model{
  padding:30px 32px;
  border:1px solid rgba(13,79,89,.17);
  border-radius:11px 28px 11px 28px;
  background:
    radial-gradient(circle at 92% 7%,rgba(13,79,89,.08),transparent 28%),
    #F7F4EC;
}

.ownit-model-list{
  border-top:1px solid #C7CFCC;
}

.ownit-model-list>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:14px;
  padding:18px 0 19px;
  border-bottom:1px solid #C7CFCC;
}

.ownit-model-list>div>span{
  padding-top:2px;
  color:#9A7138;
  font-size:.68rem;
  font-weight:900;
}

.ownit-model-list strong{
  color:#0B1B21;
  font-size:1rem;
}

.ownit-model-list p{
  grid-column:2;
  margin:4px 0 0;
  color:#58666B;
  font-size:.91rem;
  line-height:1.55;
}

.page-own-it .section.dark.ownit-practice-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(196,154,90,.10),transparent 24%),
    radial-gradient(circle at 90% 100%,rgba(13,79,89,.24),transparent 34%),
    #07161B;
  color:#fff;
}

.page-own-it .section.dark.ownit-practice-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.48),transparent 78%);
}

.ownit-practice-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  gap:92px;
  align-items:start;
}

.ownit-practice-lead{
  position:sticky;
  top:122px;
}

.ownit-practice-lead .client-kicker{
  color:#E0B16A;
}

.ownit-practice-lead .client-kicker::before{
  background:#C49A5A;
}

.ownit-practice-lead h2{
  max-width:12ch;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.7rem,3.45vw,3.65rem);
  line-height:1.02;
  letter-spacing:-.043em;
  text-wrap:balance;
}

.ownit-practice-lead>p:last-child{
  max-width:38ch;
  margin:0;
  color:#BFCBC7;
  font-size:1rem;
  line-height:1.7;
}

.ownit-practice-list{
  border-top:1px solid rgba(255,255,255,.16);
}

.ownit-practice-list article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:22px;
  padding:28px 0 30px;
  border-bottom:1px solid rgba(255,255,255,.16);
}

.ownit-practice-list article>span{
  padding-top:3px;
  color:#D6A75F;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}

.ownit-practice-list small{
  display:block;
  margin-bottom:6px;
  color:#7FC8D0;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.13em;
}

.ownit-practice-list h3{
  max-width:28ch;
  margin:0 0 8px;
  color:#fff;
  font-size:1.34rem;
  line-height:1.2;
}

.ownit-practice-list p{
  max-width:67ch;
  margin:0;
  color:#BFCBC7;
  line-height:1.64;
}

.ownit-final-section{
  background:#E9E2D7!important;
}

.ownit-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:54px;
  align-items:center;
  padding:36px 40px;
  border:1px solid rgba(196,154,90,.30);
  border-radius:11px 30px 11px 30px;
  background:
    radial-gradient(circle at 92% 7%,rgba(196,154,90,.12),transparent 28%),
    #07161B;
  color:#fff;
}

.ownit-final h2{
  max-width:18ch;
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(2.15rem,2.9vw,2.95rem);
  line-height:1.05;
  letter-spacing:-.035em;
}

.ownit-final p:not(.client-kicker){
  max-width:66ch;
  margin:0;
  color:#CBD4D1;
  line-height:1.66;
}

.ownit-final .client-kicker{
  color:#E0B16A;
}

.ownit-final .btn{
  min-width:220px;
}

@media (max-width:1120px){
  .ownit-capabilities-layout,
  .ownit-operating-grid,
  .ownit-practice-layout{
    grid-template-columns:1fr;
    gap:36px;
  }

  .ownit-capabilities-intro,
  .ownit-practice-lead{
    position:relative;
    top:auto;
  }
}

@media (max-width:760px){
  .ownit-capabilities-intro h2,
  .ownit-stack-panel h2,
  .ownit-practice-lead h2,
  .ownit-final h2{
    max-width:none;
  }

  .ownit-capability-list article{
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
  }

  .ownit-model{
    padding:24px 20px;
  }

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

  .ownit-tech-cloud span{
    font-size:.74rem;
  }

  .ownit-final{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px;
  }

  .ownit-final .btn{
    width:100%;
  }
}