/* ==========================================================================
   BrainSide — Site institucional
   Fonte de verdade visual: Claude Design (22/09/2026)
   SiteHeader.dc.html · SiteFooter.dc.html · Home.dc.html · Sobre.dc.html
   Solucoes.dc.html · Contato.dc.html
   Paleta, tipografia e geometria (cantos retos) replicadas do Design.
   ========================================================================== */

:root{
  /* Marca */
  --navy:        #0B1A3A;
  --navy-deep:   #081430;
  --navy-card:   #12264F;
  --navy-mid:    #1B3E7A;
  --blue:        #2B6BF3;
  --blue-hover:  #1F5AE0;
  --blue-light:  #4D8DFF;
  --blue-pale:   #9DBEFF;
  --warm:        #E0826F;

  /* Superfícies */
  --bg:          #FFFFFF;
  --bg-alt:      #F2F5FB;
  --bg-field:    #F7F9FD;

  /* Texto */
  --ink:         #0B1A3A;
  --text:        #33415C;
  --muted:       #5A6B85;
  --muted-2:     #94A0B5;

  /* Linhas */
  --line:        #DCE4F0;
  --line-2:      #E3E9F4;
  --field-line:  #C6D2E6;
  --on-navy-line: rgba(157,190,255,.14);

  /* Tipografia */
  --fd: Archivo, system-ui, -apple-system, sans-serif;
  --fb: Manrope, system-ui, -apple-system, sans-serif;

  /* Ritmo */
  --maxw: 1280px;
  --gut: clamp(20px, 5vw, 80px);
  --sec: clamp(72px, 9vw, 128px);
  --sec-sm: clamp(56px, 8vw, 112px);
}

/* ============================ Base ============================ */
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--fb); font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img,svg{ max-width:100%; display:block; }
a{ color:var(--blue); text-decoration:none; transition:color .18s ease, background .18s ease, border-color .18s ease; }
a:hover{ color:var(--blue-hover); }
h1,h2,h3{ font-family:var(--fd); font-weight:800; letter-spacing:-.02em; margin:0; line-height:1.06; text-wrap:balance; }
p{ margin:0; text-wrap:pretty; }
ul{ margin:0; padding:0; list-style:none; }
:focus-visible{ outline:3px solid var(--blue-light); outline-offset:2px; }

.skip{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--blue); color:#fff; padding:12px 20px;
  font:700 15px var(--fd);
}
.skip:focus{ left:8px; top:8px; color:#fff; }

.wrap{ max-width:var(--maxw); margin:0 auto; }
.sec{ padding:var(--sec) var(--gut); }
.sec--sm{ padding:var(--sec-sm) var(--gut); }
.sec--alt{ background:var(--bg-alt); }
.sec--navy{ background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.sec--blue{ background:var(--blue); color:#fff; position:relative; overflow:hidden; }

/* Ornamentos do Design */
.orn{ position:absolute; pointer-events:none; }
.orn--dots{
  width:260px; height:170px; opacity:.35;
  background-image:radial-gradient(var(--blue) 2px, transparent 2px);
  background-size:24px 24px;
}
.orn--sq{ border:2px solid rgba(43,107,243,.15); transform:rotate(18deg); }
.orn--sq-light{ border:2px solid rgba(255,255,255,.18); transform:rotate(18deg); }

/* ============================ Tipos ============================ */
.kicker{
  font:700 13px var(--fd); letter-spacing:.3em; color:var(--blue-pale);
  margin-bottom:24px; text-transform:uppercase;
}
.sec-num{
  display:flex; align-items:baseline; gap:14px; margin-bottom:20px;
}
.sec-num b{ font:800 18px var(--fd); color:var(--blue); }
.sec-num span{ font:700 13px var(--fd); letter-spacing:.24em; color:var(--muted); text-transform:uppercase; }
.sec--navy .sec-num b{ color:var(--blue-light); }
.sec--navy .sec-num span{ color:var(--blue-pale); }

.h1{ font-size:clamp(40px,5.6vw,78px); letter-spacing:-.03em; line-height:1.02; }
.h1--home{ font-size:clamp(42px,6vw,82px); line-height:1.0; }
.h2{ font-size:clamp(32px,3.8vw,52px); }
.h2--cta{ font-size:clamp(34px,4.4vw,62px); line-height:1.04; }
.hi{ color:var(--blue-light); }
.hi--blue{ color:var(--blue); }

.lead{
  font:500 clamp(18px,1.6vw,21px)/1.6 var(--fb);
  color:rgba(255,255,255,.84); margin-top:28px; max-width:680px;
}
.lead--dark{ color:var(--muted); }
.body{ font:400 18px/1.7 var(--fb); color:var(--text); }

/* ============================ Botões ============================ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:12px;
  padding:18px 30px; font:700 17px var(--fd); border:1px solid transparent;
  cursor:pointer; text-align:center;
}
.btn--primary{ background:var(--blue); color:#fff; }
.btn--primary:hover{ background:var(--blue-hover); color:#fff; }
.btn--outline-light{ border-color:rgba(157,190,255,.45); color:#fff; background:transparent; }
.btn--outline-light:hover{ border-color:var(--blue-pale); color:#fff; background:rgba(157,190,255,.08); }
.btn--white{ background:#fff; color:var(--navy); }
.btn--white:hover{ background:var(--navy); color:#fff; }
.btn--outline-white{ border-color:rgba(255,255,255,.6); color:#fff; background:transparent; }
.btn--outline-white:hover{ background:rgba(255,255,255,.12); color:#fff; }
.btn-row{ display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }

.link-under{
  display:inline-flex; align-items:center; gap:10px;
  font:700 16px var(--fd); color:var(--blue);
  border-bottom:2px solid var(--blue); padding-bottom:4px;
}
.link-under:hover{ color:var(--ink); border-color:var(--ink); }

/* ============================ Header ============================ */
.site-header{
  background:var(--navy); border-bottom:1px solid var(--on-navy-line);
  position:sticky; top:0; z-index:20;
}
.site-header__in{
  max-width:var(--maxw); margin:0 auto; padding:16px var(--gut);
  display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px;
}
.brand{ display:flex; align-items:center; gap:12px; color:#fff; }
.brand:hover{ color:#fff; }
.brand__name{ display:block; font:800 20px var(--fd); letter-spacing:.02em; line-height:1; }
.brand__name span{ color:var(--blue-light); }
.brand__sub{ display:block; font:600 9px var(--fd); letter-spacing:.4em; color:rgba(255,255,255,.7); margin-top:4px; }

.site-header__right{ display:flex; align-items:center; gap:40px; }
.site-nav{ display:flex; align-items:center; gap:32px; }
.site-nav a{
  font:600 15px var(--fb); color:rgba(255,255,255,.74);
  padding:6px 0; border-bottom:2px solid transparent;
}
.site-nav a:hover{ color:#fff; }
.site-nav a[aria-current="page"]{ color:#fff; border-bottom-color:var(--blue); }
.header-cta{ padding:12px 22px; font-size:15px; }

.nav-toggle{
  display:none; width:46px; height:46px; flex:none;
  border:1px solid rgba(157,190,255,.35); background:transparent; color:#fff;
  font:600 20px var(--fb); line-height:1;
}
.mobile-nav{
  display:none; border-top:1px solid var(--on-navy-line);
  padding:12px var(--gut) 24px; background:var(--navy);
  flex-direction:column;
}
.mobile-nav.is-open{ display:flex; }
.mobile-nav a{
  font:700 20px var(--fd); color:rgba(255,255,255,.74);
  padding:16px 0; border-bottom:1px solid rgba(157,190,255,.12);
}
.mobile-nav a[aria-current="page"]{ color:#fff; }
.mobile-nav .btn{ margin-top:20px; font-size:16px; padding:16px 22px; }

@media (max-width:899px){
  .site-header__right{ display:none; }
  .nav-toggle{ display:inline-flex; align-items:center; justify-content:center; }
}
/* Faixa estreita do header desktop (900–1099px): comprime espaçamentos para o
   CTA caber em uma linha. Não altera paleta, tipografia nem composição. */
@media (min-width:900px) and (max-width:1099px){
  .site-header__right{ gap:24px; }
  .site-nav{ gap:20px; }
  .header-cta{ padding:11px 16px; font-size:14px; gap:8px; }
}
.header-cta{ white-space:nowrap; }

/* ============================ Hero ============================ */
.hero{ padding:var(--sec-sm) var(--gut) clamp(64px,9vw,128px); }
.hero__grid{
  max-width:var(--maxw); margin:0 auto; position:relative;
  display:flex; flex-wrap:wrap; gap:clamp(40px,6vw,88px); align-items:center;
}
.hero__col{ flex:1 1 520px; min-width:0; }

/* Painel antes/depois */
.flip{ flex:1 1 400px; min-width:0; background:var(--navy-card); border:1px solid rgba(157,190,255,.2); padding:clamp(24px,3vw,36px); }
.flip__head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.flip__label{ font:700 12px var(--fd); letter-spacing:.22em; color:rgba(255,255,255,.6); }
.flip__label--after{ color:var(--blue-pale); margin-bottom:18px; }
.flip__diamond{ width:8px; height:8px; background:var(--warm); transform:rotate(45deg); }
.flip__list{ display:flex; flex-direction:column; gap:8px; }
.flip__item{
  display:flex; align-items:flex-start; gap:14px; padding:12px 16px;
  font:500 16px var(--fb); color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.04); border:1px dashed rgba(157,190,255,.22);
}
.flip__item i{ font-style:normal; color:var(--warm); font-weight:700; }
.flip__item--on{
  background:rgba(43,107,243,.16); border:1px solid rgba(77,141,255,.4);
  color:#fff; font-weight:600;
}
.flip__item--on i{ color:var(--blue-light); font-weight:800; }
.flip__sep{ display:flex; align-items:center; gap:14px; margin:22px 0; }
.flip__sep span{ flex:1; height:1px; background:rgba(157,190,255,.3); }
.flip__sep b{ background:var(--blue); padding:8px 16px; font:800 13px var(--fd); letter-spacing:.16em; color:#fff; }

/* ============================ Blocos ============================ */
.statement{ font:800 clamp(30px,4.2vw,58px)/1.12 var(--fd); letter-spacing:-.02em; color:var(--ink); max-width:1150px; }
.statement + p{ font:500 clamp(17px,1.5vw,20px)/1.65 var(--fb); color:var(--muted); margin-top:32px; max-width:720px; }

.split{ display:flex; flex-wrap:wrap; gap:clamp(40px,6vw,96px); }
.split__col{ flex:1 1 420px; min-width:0; }

.pillar{ background:#fff; border:1px solid var(--line); padding:28px 30px; display:flex; gap:24px; align-items:flex-start; }
.pillar__n{ width:48px; height:48px; flex:none; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font:800 18px var(--fd); }
.pillar h3{ font:700 21px var(--fd); color:var(--ink); margin-bottom:6px; letter-spacing:0; }
.pillar p{ font:400 16px/1.6 var(--fb); color:var(--muted); }

.grid-auto{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; }
.grid-auto--wide{ grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr)); }
.grid-auto--mid{ grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
.grid-auto > *{ min-width:0; }

.area{
  background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue);
  padding:32px 28px; display:flex; flex-direction:column; gap:14px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.area:hover{ transform:translateY(-3px); box-shadow:0 18px 40px -24px rgba(11,26,58,.35); }
.area__n{ font:800 15px var(--fd); color:var(--blue-pale); }
.area h3{ font:700 23px/1.2 var(--fd); color:var(--ink); letter-spacing:0; }
.area p{ font:400 16px/1.6 var(--fb); color:var(--muted); }
.area--navy{
  background:var(--navy); border:0; color:#fff; position:relative; overflow:hidden;
}
.area--navy:hover{ transform:none; box-shadow:none; }
.area--navy .area__n{ color:var(--blue-light); }
.area--navy h3{ color:#fff; }
.area--navy p{ color:rgba(255,255,255,.8); }

.steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); border-top:2px solid var(--navy); }
.step{ padding:28px 24px 28px 0; display:flex; flex-direction:column; gap:12px; border-bottom:1px solid var(--line); }
.step__tag{ display:flex; align-items:center; gap:12px; }
.step__tag i{ width:12px; height:12px; background:var(--blue); transform:rotate(45deg); flex:none; }
.step__tag span{ font:800 14px var(--fd); letter-spacing:.14em; color:var(--blue); }
.step h3{ font:800 26px var(--fd); color:var(--ink); letter-spacing:0; }
.step p{ font:400 16px/1.6 var(--fb); color:var(--muted); max-width:260px; }

.diffs{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap:1px; background:rgba(157,190,255,.18); border:1px solid rgba(157,190,255,.18);
}
.diff{ background:var(--navy); padding:32px 30px; display:flex; flex-direction:column; gap:10px; }
.diff h3{ font:700 21px var(--fd); color:#fff; letter-spacing:0; }
.diff p{ font:400 16px/1.6 var(--fb); color:rgba(255,255,255,.76); }

.proofs{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:14px; align-content:center; }
.proof{ border-left:4px solid var(--blue); background:var(--bg-alt); padding:22px; font:700 18px/1.35 var(--fd); color:var(--ink); }

.cta-bar{
  max-width:var(--maxw); margin:0 auto; position:relative;
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:40px;
}
.cta-bar__col{ flex:1 1 560px; min-width:0; }
.cta-bar p{ font:500 clamp(17px,1.5vw,20px)/1.6 var(--fb); margin-top:18px; max-width:620px; }
.sec--blue .cta-bar p{ color:#fff; }
.sec--navy .cta-bar p{ color:rgba(255,255,255,.84); }
.cta-bar__actions{ display:flex; flex-wrap:wrap; gap:12px; }

/* ============================ Sobre ============================ */
.card-purpose{ background:var(--bg-alt); padding:clamp(32px,4vw,56px); display:flex; flex-direction:column; gap:20px; }
.card-purpose__tag{ font:700 13px var(--fd); letter-spacing:.24em; color:var(--blue); }
.card-purpose h2{ font:800 clamp(26px,2.8vw,38px)/1.18 var(--fd); letter-spacing:-.01em; color:var(--ink); }
.card-purpose p{ font:400 17px/1.7 var(--fb); color:var(--muted); }
.card-purpose--navy{ background:var(--navy); color:#fff; position:relative; overflow:hidden; }
.card-purpose--navy .card-purpose__tag{ color:var(--blue-pale); }
.card-purpose--navy h2{ color:#fff; }
.card-purpose--navy p{ color:rgba(255,255,255,.78); }
.card-purpose > *:not(.orn){ position:relative; }
.card-purpose > .orn{ position:absolute; }

.principle{
  background:#fff; border:1px solid var(--line); border-top:4px solid var(--blue);
  padding:32px 28px; display:flex; flex-direction:column; gap:14px;
}
.principle__n{ font:800 40px var(--fd); color:var(--line); line-height:1; }
.principle h3{ font:700 22px/1.2 var(--fd); color:var(--ink); letter-spacing:0; }
.principle p{ font:400 16px/1.6 var(--fb); color:var(--muted); }

.do-list__title{ font:800 20px var(--fd); color:var(--ink); padding-bottom:16px; border-bottom:2px solid var(--navy); }
.do-list li{ display:flex; gap:16px; align-items:flex-start; padding:18px 0; border-bottom:1px solid var(--line-2); }
.do-list li i{ font-style:normal; font:800 18px var(--fd); color:var(--blue); flex:none; }
.do-list--no li i{ color:var(--muted-2); }
.do-list li span{ font:500 18px/1.5 var(--fb); color:var(--text); }

.portes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
.porte{ padding:36px 32px; display:flex; flex-direction:column; gap:14px; min-height:260px; color:#fff; }
.porte__tag{ font:800 14px var(--fd); letter-spacing:.16em; color:var(--blue-pale); }
.porte h3{ font:800 26px/1.15 var(--fd); color:#fff; letter-spacing:0; }
.porte p{ font:400 16px/1.6 var(--fb); color:#fff; }
.porte--1{ background:var(--navy-card); }
.porte--2{ background:var(--navy-mid); }
.porte--3{ background:var(--blue); }
.porte--3 .porte__tag{ color:#fff; }

/* ============================ Soluções ============================ */
.anchors{ display:flex; flex-wrap:wrap; gap:10px; margin-top:40px; }
.anchors a{
  border:1px solid rgba(157,190,255,.35); color:#fff;
  padding:10px 16px; font:600 14px var(--fb);
}
.anchors a:hover{ background:rgba(157,190,255,.1); color:#fff; border-color:var(--blue-pale); }

.sol{
  display:flex; flex-wrap:wrap; gap:clamp(24px,4vw,64px);
  padding:clamp(40px,5vw,64px) 0; border-bottom:1px solid var(--line);
  scroll-margin-top:90px;
}
.sol__col{ flex:1 1 360px; min-width:0; }
.sol__n{ font:800 clamp(44px,5vw,64px) var(--fd); color:var(--line); line-height:1; margin-bottom:16px; }
.sol h2{ font:800 clamp(28px,3vw,40px)/1.1 var(--fd); letter-spacing:-.01em; color:var(--ink); margin-bottom:16px; }
.sol__desc{ font:400 18px/1.65 var(--fb); color:var(--text); max-width:460px; }
.sol__panel{ flex:1 1 360px; min-width:0; background:var(--bg-alt); padding:clamp(24px,3vw,36px); }
.sol__panel h3{ font:700 12px var(--fd); letter-spacing:.22em; color:var(--blue); margin-bottom:16px; text-transform:uppercase; }
.sol__panel h4{ font:700 12px var(--fd); letter-spacing:.22em; color:var(--muted); margin:22px 0 12px; text-transform:uppercase; }
.sol__when li{ display:flex; gap:14px; align-items:flex-start; padding:12px 0; border-bottom:1px solid var(--line); }
.sol__when i{ width:9px; height:9px; background:var(--blue); transform:rotate(45deg); margin-top:8px; flex:none; }
.sol__when span{ font:500 17px/1.5 var(--fb); color:var(--ink); }
.tags{ display:flex; flex-wrap:wrap; gap:8px; }
.tags span{ background:#fff; border:1px solid var(--line); padding:8px 14px; font:600 14px var(--fb); color:var(--text); }

.format{ background:#fff; border:1px solid var(--line); padding:30px 26px; display:flex; flex-direction:column; gap:10px; }
.format i{ width:34px; height:4px; background:var(--blue); display:block; }
.format h3{ font:700 21px var(--fd); color:var(--ink); letter-spacing:0; }
.format p{ font:400 16px/1.6 var(--fb); color:var(--muted); }

/* ============================ Contato ============================ */
.contact__grid{
  max-width:var(--maxw); margin:0 auto; position:relative;
  display:flex; flex-wrap:wrap; gap:clamp(40px,6vw,88px); align-items:flex-start;
}
.contact__col{ flex:1 1 440px; min-width:0; }
.channels{ display:flex; flex-direction:column; gap:12px; max-width:520px; margin-top:40px; }
.channel{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:24px 28px; color:#fff;
}
.channel--wa{ background:var(--blue); }
.channel--wa:hover{ background:var(--blue-hover); color:#fff; }
.channel--mail{ border:1px solid rgba(157,190,255,.35); }
.channel--mail:hover{ background:rgba(157,190,255,.08); color:#fff; }
.channel__tag{ display:block; font:700 12px var(--fd); letter-spacing:.2em; margin-bottom:6px; text-transform:uppercase; }
.channel--wa .channel__tag{ color:#fff; }
.channel--mail .channel__tag{ color:var(--blue-pale); }
.channel__val{ display:block; font:800 24px var(--fd); overflow-wrap:anywhere; }
.channel--mail .channel__val{ font-size:clamp(18px,2vw,22px); }
.channel__arrow{ font:800 26px var(--fd); flex:none; }
.channel--mail .channel__arrow{ color:var(--blue-pale); }

.formbox{ flex:1 1 440px; min-width:0; background:#fff; color:var(--ink); padding:clamp(28px,3.5vw,48px); }
.formbox h2{ font:800 26px var(--fd); margin-bottom:4px; letter-spacing:0; }
.form{ display:flex; flex-direction:column; gap:18px; }
.field{ display:flex; flex-direction:column; gap:8px; font:700 13px var(--fd); letter-spacing:.08em; color:var(--text); text-transform:uppercase; }
.field input,.field textarea{
  font:500 17px var(--fb); padding:15px 16px; border:1px solid var(--field-line);
  background:var(--bg-field); color:var(--ink); outline:none; width:100%;
  text-transform:none; letter-spacing:normal;
}
.field textarea{ line-height:1.5; resize:vertical; }
.field input:focus,.field textarea:focus{ border-color:var(--blue); background:#fff; }
.field input::placeholder,.field textarea::placeholder{ color:var(--muted-2); }
.form__note{ font:400 13px var(--fb); color:var(--muted); }
.form .btn{ margin-top:6px; width:100%; }

.form-done{ display:none; flex-direction:column; gap:16px; padding:40px 0; }
.form-done.is-on{ display:flex; }
.form-done__check{ width:56px; height:56px; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; font:800 26px var(--fd); }
.form-done h2{ font:800 30px var(--fd); letter-spacing:0; }
.form-done p{ font:400 17px/1.6 var(--fb); color:var(--muted); }
.form-done button{
  align-self:flex-start; background:none; border:0; padding:0;
  font:700 16px var(--fd); color:var(--blue); border-bottom:2px solid var(--blue); cursor:pointer;
}
.is-hidden{ display:none !important; }

/* ============================ Footer ============================ */
.site-footer{ background:var(--navy-deep); color:#fff; padding:72px var(--gut) 32px; }
.site-footer__grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:48px; padding-bottom:48px; border-bottom:1px solid var(--on-navy-line);
}
.site-footer__brand{ display:flex; flex-direction:column; gap:18px; }
.site-footer__brand p{ font:400 15px/1.6 var(--fb); color:rgba(255,255,255,.72); max-width:300px; }
.site-footer h2{ font:700 12px var(--fd); letter-spacing:.2em; color:var(--blue-pale); margin-bottom:6px; text-transform:uppercase; }
.site-footer ul{ display:flex; flex-direction:column; gap:12px; }
.site-footer a{ font:500 15px var(--fb); color:rgba(255,255,255,.82); }
.site-footer a:hover{ color:#fff; }
.site-footer__col{ display:flex; flex-direction:column; gap:12px; }
.site-footer__cta{ display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.site-footer__cta .btn{ padding:14px 22px; font-size:15px; }
.site-footer__bot{
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;
  padding-top:24px; font:500 13px var(--fb); color:rgba(255,255,255,.55);
}

/* ============================ Responsivo ============================ */
@media (max-width:760px){
  .btn{ padding:16px 24px; font-size:16px; width:100%; }
  .btn-row .btn, .cta-bar__actions .btn{ flex:1 1 100%; }
  .header-cta{ width:auto; }
  .step{ padding-right:0; }
  .step p{ max-width:none; }
  .channel{ padding:20px 22px; }
  .channel__val{ font-size:20px; }
  .site-footer__grid{ gap:36px; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}