/* Extracted from PR #312 (d9d72139): menu, drawer and CTA rules in source order. */

  .s2h{
    --s2h-inset:clamp(6px,.9vw,12px);
    --s2h-r:clamp(20px,2.2vw,30px);
    --s2h-bw:1px;
    --s2h-bc:rgba(255,255,255,.18);
    --s2h-sh:0 26px 60px -46px rgba(16,24,40,.5);
    --s2h-pad:clamp(24px,4vw,58px);
    --s2h-navblur:0px;
    --s2h-navsat:100%;
    --s2h-navbri:1;
    --s2h-dark-op:0;
    --s2h-light-op:0;
    --s2h-navpl:19px;
    --s2h-navpr:19px;
    --s2h-navpy:8px;
    --s2h-navh:72px;
    --s2h-navr:36px;
    --s2h-navdotopo:clamp(20px,1.8vw,24px);
    --s2h-navtop:calc(var(--s2h-inset) + var(--s2h-navdotopo));
    --s2h-navmax:100%;
    --s2h-gapw:clamp(16px,2.2vw,30px);
    --s2h-navtx:rgba(255,255,255,.84);
    --s2h-navtxh:var(--white);
    --s2h-navhov:rgba(255,255,255,.12);
    --s2h-ctabg:#fff;
    --s2h-ctatx:var(--bg);
    --s2h-ease:.55s var(--ease-soft);
    --s2h-theme-ease:.3s cubic-bezier(.22,1,.36,1);
  }
  .s2h.is-boxed{
    --s2h-navblur:24px;
    --s2h-navsat:145%;
    --s2h-navbri:1.01;
    --s2h-dark-op:1;
    --s2h-navmax:var(--s2h-natw,max-content);
  }
  .s2h .s2h-sp{flex-basis:0;flex-grow:1}
  .s2h .s2h-sp-e{flex-basis:var(--s2h-navdelta,0px);flex-grow:1}
  .s2h.is-boxed .s2h-sp,.s2h.s2h-medindo .s2h-sp{flex-basis:var(--s2h-gapw);flex-grow:0}
  .s2h.is-boxed .s2h-sp-e,.s2h.s2h-medindo .s2h-sp-e{flex-basis:calc(var(--s2h-gapw) + var(--s2h-navdelta,0px));flex-grow:0}
  .s2h.is-light{
    --s2h-navtx:var(--light-tx2);
    --s2h-navtxh:var(--light-tx);
    --s2h-navhov:rgba(16,24,40,.06);
    --s2h-ctabg:var(--bg);
    --s2h-ctatx:var(--white);
  }
  .s2h.is-boxed.is-light{
    --s2h-dark-op:0;
    --s2h-light-op:1;
  }
  [data-entrada] .s2h-island > :not(.s2h-glass){animation:s2vBarra var(--e-barra) var(--e-ease) backwards}
  [data-entrada] .s2h-glass{animation:s2vBarraVidro var(--e-barra) var(--e-ease) backwards}
  @media(prefers-reduced-motion: reduce){
    [data-entrada] .s2h-island > :not(.s2h-glass),[data-entrada] .s2h-glass{animation:none !important}
  }
  .s2h-nav{
    position:fixed;top:0;left:0;right:0;z-index:60;background:transparent;
    backdrop-filter:none;border-bottom:0;
    padding:var(--s2h-navtop) calc(var(--s2h-inset) + var(--s2h-pad) - var(--s2h-navpl));
  }
  .s2h-island{
    position:relative;display:flex;align-items:center;margin-inline:auto;
    width:100%;max-width:var(--s2h-navmax);min-height:var(--s2h-navh);
    padding:var(--s2h-navpy) var(--s2h-navpr) var(--s2h-navpy) var(--s2h-navpl);
    border-radius:var(--s2h-navr);border:0;
    background:transparent;isolation:isolate;
    transition:max-width var(--s2h-ease);
  }
  .s2h-glass{
    position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;
    backdrop-filter:blur(var(--s2h-navblur)) saturate(var(--s2h-navsat)) brightness(var(--s2h-navbri));
    -webkit-backdrop-filter:blur(var(--s2h-navblur)) saturate(var(--s2h-navsat)) brightness(var(--s2h-navbri));
  }
  .s2h-glass::before,.s2h-glass::after{
    content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;
    background-clip:padding-box;pointer-events:none;will-change:opacity;
    transition:opacity var(--s2h-theme-ease);
  }
  .s2h-glass::before{
    opacity:var(--s2h-dark-op);background:rgba(6,12,34,.62);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 24px 54px -34px rgba(4,8,31,.88),0 5px 15px -12px rgba(4,8,31,.68);
  }
  .s2h-glass::after{
    opacity:var(--s2h-light-op);background:rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),0 18px 46px -30px rgba(16,24,40,.38),0 4px 12px -10px rgba(16,24,40,.16);
  }
  .s2h-island .logo{flex:none;min-height:44px;display:grid;place-items:center}
  .s2h-island .logo .s2h-lock{
    grid-area:1/1;display:flex;align-items:center;
    transition:opacity .35s var(--ease-soft);
  }
  .s2h-island .logo img{width:auto;display:block;flex:none}
  .s2h-lock-escuro .s2h-sim{height:49.02px}
  .s2h-lock-claro .s2h-sim{height:47.28px}
  .s2h-lock .s2h-tipo{height:39.05px}
  .s2h-lock-escuro .s2h-tipo{margin-left:-19.26px}
  .s2h-lock-claro .s2h-tipo{margin-left:-17.83px}
  .s2h-lock-escuro .s2h-sim{margin-block:-11.51px}
  .s2h-lock-claro .s2h-sim{margin-block:-10.64px}
  .s2h-lock .s2h-tipo{margin-block:-10.83px}
  .s2h-island .s2h-lock-claro{opacity:0}
  .s2h.is-light .s2h-island .s2h-lock-escuro{opacity:0}
  .s2h.is-light .s2h-island .s2h-lock-claro{opacity:1}
  @media(prefers-reduced-motion: reduce){.s2h-island .logo .s2h-lock{transition:none}}
  .s2h-sp{flex-grow:0;flex-shrink:0;flex-basis:var(--s2h-gapw)}
  .s2h-sp-e{flex-basis:calc(var(--s2h-gapw) + var(--s2h-navdelta,0px))}
  .s2h-links{
    display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;
  }
  .s2h-links a{
    color:var(--s2h-navtx);padding:9px 13px;border-radius:99px;white-space:nowrap;
    transition:background .2s, color .2s;
  }
  .s2h-links a:hover{color:var(--s2h-navtxh);background:var(--s2h-navhov)}
  .s2h-links .mm-item{position:relative}
  .s2h-links .mm-trigger{
    font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;
    color:var(--s2h-navtx);opacity:1;padding:9px 13px;border-radius:99px;
    transition:background .2s, color .2s;
  }
  .s2h-links .mm-trigger:hover,.s2h-links .mm-trigger[aria-expanded="true"]{color:var(--s2h-navtxh);background:var(--s2h-navhov)}
  .s2h-links .mm-trigger:focus-visible{outline:2px solid var(--s2h-navtxh);outline-offset:3px}
  .s2h-links .mm-caret{width:14px;height:14px}
  .s2h-links .mm-trigger[aria-expanded="true"] .mm-caret{transform:rotate(180deg)}
  .s2h-links .mm-panel{top:calc(100% + 14px);transform:translateX(-50%) translateY(6px)}
  .s2h-links .mm-panel.open{transform:translateX(-50%) translateY(0)}
  .s2h-links .mm-panel{
    background:rgba(6,12,34,.88);border-color:rgba(255,255,255,.16);
    backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);
    box-shadow:0 30px 72px -28px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.06);
    transition:opacity .28s var(--ease-soft),transform .28s var(--ease-soft),background-color var(--s2h-theme-ease),border-color var(--s2h-theme-ease);
  }
  .s2h-links .mm-panel a{
    font-family:'Manrope',sans-serif;color:rgba(255,255,255,.82);
    display:flex;align-items:center;gap:7px;white-space:nowrap;
  }
  .s2h-links .mm-panel a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .s2h-links .mm-lbl{font-family:'Manrope',sans-serif}
  .s2h.is-light .s2h-links .mm-panel{
    background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.92);
    box-shadow:0 28px 66px -32px rgba(16,24,40,.38),inset 0 1px 0 #fff;
  }
  .s2h.is-light .s2h-links .mm-panel a{color:var(--light-tx2)}
  .s2h.is-light .s2h-links .mm-panel a:hover{color:var(--light-tx);background:rgba(16,24,40,.055)}
  .s2h.is-light .s2h-links .mm-lbl{color:var(--light-mut)}
  .s2h-fora{width:12px;height:12px;flex:none;opacity:.5}
  .s2h-links a:focus-visible,.s2h-cta:focus-visible{outline:2px solid var(--s2h-navtxh);outline-offset:3px}
  .s2h-cta{
    flex:none;font-weight:600;white-space:nowrap;
    min-height:46px;padding:12px clamp(18px,1.53vw,22px);border-radius:99px;
    display:inline-flex;align-items:center;
    background:var(--s2h-ctabg);border:1px solid var(--s2h-ctabg);color:var(--s2h-ctatx);
    transition:background-color .3s var(--ease-soft),border-color .3s var(--ease-soft),color .3s var(--ease-soft),transform .2s;
  }
  .s2h-cta:hover{transform:translateY(-1px);opacity:.92}
  .s2h-burger{display:none;flex:none}
  .s2h.is-light .s2h-burger{border-color:var(--light-line2);background:rgba(16,24,40,.04)}
  .s2h.is-light .s2h-burger span{background:var(--s2h-navtx)}
  @media(max-width:1240px){
    .s2h,.s2h.is-boxed,.s2h.s2h-medindo{--s2h-navpl:15px;--s2h-navpr:15px;--s2h-gapw:16px;--s2h-navmax:100vw}
    .s2h-island{flex-wrap:nowrap}
    .s2h-sp,.s2h-sp-e{flex-basis:0;flex-grow:1}
    .s2h-links,.s2h-cta{display:none}
    .s2h-burger{display:flex}
  }
  @media(max-width:820px){
    .s2h{--s2h-navpl:14px;--s2h-navpr:10px;--s2h-navpy:9px;--s2h-navh:60px;--s2h-navr:30px;--s2h-navmax:100vw}
  }
  #s2hGaveta .nd-panel{
    font-family:'Manrope',sans-serif;color:#fff;
    background:rgba(6,12,34,.9);border-left-color:rgba(255,255,255,.15);
    box-shadow:-28px 0 72px -34px rgba(0,0,0,.78);
    backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);
  }
  #s2hGaveta .nd-panel a:not(.nd-cta){font-family:'Manrope',sans-serif;font-weight:600}
  #s2hGaveta .nd-cta{
    background:#fff;border:1px solid #fff;color:var(--bg);font-weight:600;
    border-radius:99px;padding:13px 20px;
  }
  #s2hGaveta .nd-cta:hover{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9)}
  html[data-current-nav-theme="light"] #s2hGaveta .nd-panel{
    color:var(--light-tx);background:rgba(255,255,255,.9);
    border-left-color:rgba(255,255,255,.92);
    box-shadow:-26px 0 70px -34px rgba(16,24,40,.34);
    backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);
  }
  html[data-current-nav-theme="light"] #s2hGaveta .nd-panel a:not(.nd-cta),html[data-current-nav-theme="light"] #s2hGaveta .nd-group-head{color:var(--light-tx2);border-bottom-color:rgba(16,24,40,.08)}
  html[data-current-nav-theme="light"] #s2hGaveta .nd-sub a{color:var(--light-tx2) !important}
  html[data-current-nav-theme="light"] #s2hGaveta .nd-sub .nd-lbl{color:var(--light-mut)}
  html[data-current-nav-theme="light"] #s2hGaveta .nd-back{color:var(--light-tx);background:rgba(16,24,40,.045);border-color:rgba(16,24,40,.1)}
  html[data-current-nav-theme="light"] #s2hGaveta .nd-cta{background:var(--bg);border-color:var(--bg);color:#fff}
  @media(max-width:520px){
    .s2h-links{font-size:12.5px;gap:4px}
    .s2h-links a{padding:7px 8px}
  }
  @media(prefers-reduced-motion: reduce){
    .s2h,.s2h-nav,.s2h-island,.s2h-glass::before,.s2h-glass::after,.s2h-sp,.s2h-cta{transition:none}
  }
  #s2hGaveta .nd-sub .nd-lbl{font-weight:600}
  .v3-btn{
    display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:99px;
    font-family:'Manrope',sans-serif;font-size:15px;font-weight:600;text-decoration:none;
    transition:transform 220ms var(--v3-ease),box-shadow 220ms var(--v3-ease),background 220ms,border-color 220ms;
  }
  .v3-btn--branco{background:#fff;color:var(--bg,#04081F)}
  .v3-btn--branco:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(0,0,0,.55)}
  .v3-btn--fantasma{color:#fff;border:1px solid rgba(255,255,255,.28)}
  .v3-btn--fantasma:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
  .v3-btn .arr{color:var(--teal,#5BC0BE)}
  [data-entrada] .s2h.is-boxed .s2h-island > *{animation:none;opacity:1}
  .v3-btn{min-height:48px;justify-content:center;transition-duration:300ms}
  .v3-btn--branco{background:var(--teal);color:var(--v3-ink)}
  .v3-btn--branco:hover{background:#80CECC}
  @media(max-width:640px){
    .hero-cta .v3-btn{font-size:14px;padding-inline:18px}
  }
  .v3-btn--branco,.v3-btn--branco:hover{background:#F4F6F9;color:#0B132B}
  .s2h-links .mm-panel .mm-feat-hub{
    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;
    width:236px;margin:0;padding:20px 18px 18px;border-radius:16px;position:relative;overflow:hidden;white-space:normal;
    background:radial-gradient(120% 90% at 12% 0%,rgba(122,160,255,.22),transparent 62%),linear-gradient(158deg,rgba(57,114,253,.26),rgba(57,114,253,.08) 60%,rgba(23,37,82,.2)),#0B1530;
    border:1px solid rgba(122,160,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 32px -24px rgba(0,0,0,.68);
  }
  .s2h-links .mm-panel .mm-feat-hub:hover{background:radial-gradient(120% 90% at 12% 0%,rgba(122,160,255,.28),transparent 62%),linear-gradient(158deg,rgba(57,114,253,.32),rgba(57,114,253,.1) 60%,rgba(23,37,82,.24)),#0B1530;border-color:rgba(122,160,255,.5)}
  .s2h-links .mm-panel .mm-feat-hub .mm-ic{width:52px;height:52px;border-radius:15px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(122,160,255,.3)}
  .s2h-links .mm-panel .mm-feat-hub .mm-ic img{height:20px;width:auto;display:block}
  .s2h-links .mm-panel .mm-feat-hub .mm-tx{min-width:0}
  .s2h-links .mm-panel .mm-feat-hub .mm-tx b{display:block;font-size:11px;font-weight:700;line-height:1;letter-spacing:.13em;text-transform:uppercase;color:#fff}
  .s2h-links .mm-panel .mm-feat-hub .mf-h{display:block;margin-top:12px;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#fff}
  .s2h-links .mm-panel .mm-feat-hub .mm-tx small{display:block;margin-top:11px;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.88)}
  .s2h-links .mm-panel .mm-feat-hub .mm-feat-go{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:9px 15px;border-radius:999px;border:1px solid rgba(220,232,255,.68);background:rgba(9,13,30,.1);font-size:12.5px;line-height:1.2;font-weight:600;color:#F4F7FF}
  .s2h-links .mm-panel .mm-feat-hub:hover .mm-feat-go{background:rgba(255,255,255,.1);border-color:rgba(174,201,255,.75)}
  .s2h.is-light .s2h-links .mm-panel .mm-feat-hub,.s2h.is-light .s2h-links .mm-panel .mm-feat-hub:hover{color:#fff}
  .s2h-links .mm-panel .mm-cols{align-items:flex-start}
  .hero-cta .v3-btn--branco,.hero-cta .v3-btn--branco:hover{
    color:#031b22;background:linear-gradient(180deg,#79ddd7 0%,#50c2bd 68%,#3ca49f 100%);
    border:1px solid rgba(218,255,252,.25);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(13,84,84,.42),0 0 24px -8px rgba(91,192,190,.54),0 12px 30px -14px rgba(91,192,190,.56);
    transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
  .hero-cta .v3-btn--branco:hover{transform:translateY(-2px);filter:brightness(1.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(13,84,84,.4),0 0 28px -8px rgba(91,192,190,.62),0 17px 36px -15px rgba(91,192,190,.62)}
  .hero-cta .v3-btn--branco:active{transform:translateY(1px);filter:brightness(.98)}
  .hero-cta .v3-btn--fantasma,.hero-cta .v3-btn--fantasma:hover{
    color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .2s,border-color .2s,color .2s}
  .hero-cta .v3-btn--fantasma:hover{color:#fff;background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.34)}
  .s2h-links .mm-panel .mm-cols{align-items:flex-start}
  .s2h-links .mm-panel .mm-col:first-child{padding-top:0}
  .s2h-links .mm-panel .mm-col .mm-lbl{margin-top:2px}
  .s2h .s2h-links .mm-panel .mm-feat-hub,.s2h .s2h-links .mm-panel .mm-feat-hub:hover{padding:24px 20px;background:radial-gradient(120% 90% at 12% 0%,#7aa0ff38,transparent 62%),linear-gradient(158deg,#3972fd42,#3972fd14 60%,#17255233),#0b1530;border-color:#7aa0ff57;transform:none;transition:none;color:#fff}
  .s2h-links .mm-panel .mm-feat-hub .mm-tx b{font-size:10px;line-height:1.4;letter-spacing:.1em;color:#c6d9ff}
  .s2h-links .mm-panel .mm-feat-hub .mf-h{margin-top:14px;font-size:21px;line-height:1.25;font-weight:500;text-wrap:balance}
  .s2h-links .mm-panel .mm-feat-hub .mm-tx small{margin-top:16px;font-size:13px;line-height:1.6;color:#dbe5f5}
  .s2h-links .mm-panel .mm-feat-hub .mm-feat-go,.s2h-links .mm-panel .mm-feat-hub:hover .mm-feat-go{margin-top:22px;background:#090d1e1a;border-color:#dce8ffad;transform:none;transition:none}
  .s2h-nav.nav-reading-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Page adapter: isolated header wrapper and existing page button defaults. */
body .bpo-header{padding:0;position:relative;z-index:100;}
.bpo-header .s2h-cue{position:absolute;top:0;left:0;width:1px;height:44px;pointer-events:none;}
body .bpo-header .s2h-nav{height:auto;color:var(--s2h-navtx);}
body .bpo-header .s2h-cta{background:var(--s2h-ctabg);color:var(--s2h-ctatx);border:1px solid var(--s2h-ctabg);min-height:46px;padding:12px clamp(18px,1.53vw,22px);box-shadow:none;}
body .bpo-header .s2h-cta::before,body .bpo-header .s2h-cta::after{display:none;}
@media(max-width:760px){body .hero-cta .v3-btn{width:100%;}}
@media(prefers-reduced-motion:reduce){.bpo-header *,.bpo-header *::before,.bpo-header *::after,.hero-cta .v3-btn{transition:none!important;}}
/* Keep the mobile trigger at the trailing edge even after the bar compacts. */
@media(max-width:1240px){
  .bpo-header.s2h .s2h-sp,.bpo-header.s2h .s2h-sp-e{flex-basis:0;flex-grow:1;}
  .bpo-header.s2h .s2h-island{max-width:100%;}
}

/* Estrutura da assinatura e rotinas com hierarquias distintas. */
#servicos .tf-foundations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;text-align:left}
#servicos .tf-foundation{background:#04081f;color:#fff;border-radius:28px;padding:40px}
#servicos .tf-foundation:nth-child(2){background:#e4eeee;color:#04081f}
#servicos .tf-foundation-label{font-size:14px;font-weight:600;color:#5bc0be}
#servicos .tf-foundation:nth-child(2) .tf-foundation-label{color:#188784}
#servicos .tf-foundation h3{font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:24px 0 16px;color:inherit}
#servicos .tf-foundation p{font-size:17px;line-height:1.75;color:#c3cad7;margin:0;max-width:480px}
#servicos .tf-foundation:nth-child(2) p{color:#596b85}
#servicos .tf-routines{display:grid;grid-template-columns:1fr 2fr;gap:64px;text-align:left;margin-top:64px}
#servicos .tf-routines-intro h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;font-weight:500;color:#04081f;margin:0 0 20px;text-wrap:balance}
#servicos .tf-routines-intro p{font-size:17px;line-height:1.75;color:#596b85}
#servicos .tf-routines ul{display:grid;grid-template-columns:1fr 1fr;gap:28px 36px;list-style:none;margin:0;padding:0}
#servicos .tf-routines li{border-top:1px solid #d1dade;padding-top:20px}
#servicos .tf-routines h4{font-size:19px;font-weight:600;color:#04081f;margin:0 0 12px;line-height:1.4;letter-spacing:-.02em}
#servicos .tf-routines li p{font-size:15px;line-height:1.75;color:#596b85;margin:0}
#servicos .svc-note{margin-top:48px}
@media(max-width:900px){#servicos .tf-routines{grid-template-columns:1fr;gap:28px}#servicos .tf-foundation{padding:28px}}
@media(max-width:640px){#servicos .tf-foundations,#servicos .tf-routines ul{grid-template-columns:1fr}#servicos .tf-foundation h3{font-size:27px}#servicos .tf-routines{margin-top:40px}}
/* Layout de serviços: comparação lateral da Contabilidade e cards do BPO.
   Paleta de superfícies e ritmo vertical extraídos da home do PR #312. */
:root{--light-bg:#F2F2F2;--light-card:#F2F2F2;--light-chrome:#EAEFEF}
body :is(h1,h2,h3,p,.lede,.sub){text-wrap:pretty}
body section.pad{padding-block:clamp(48px,5.6vw,78px)}
body section.pad > .wrap{max-width:1320px;padding-inline:clamp(24px,4vw,58px)}
body #problema .wrap{display:grid;grid-template-columns:.85fr 1.2fr;grid-template-rows:auto 1fr;gap:24px 56px;text-align:left}
body #problema .h2{grid-column:1;grid-row:1;font-size:clamp(30px,3vw,42px);line-height:1.2;margin:0;text-align:left}
body #problema .lede{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:16px;line-height:1.75;text-align:left}
.tf-comparison{grid-column:2;grid-row:1 / 3;display:grid;gap:0;margin:0;text-align:left;background:var(--light-chrome);border-radius:24px;overflow:hidden}
.tf-comparison-item{padding:26px;display:grid;grid-template-columns:1fr 32px 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--light-line2)}
.tf-comparison-item:last-child{border-bottom:0}
.tf-before{font-size:16px;line-height:1.7;color:var(--light-tx2)}
.tf-change{display:grid;place-items:center;width:32px;height:32px;background:#d6e6e6;color:#267b79;border-radius:50%}
.tf-change svg{width:18px;height:18px}
.tf-after{font-size:16px;line-height:1.7;color:var(--light-tx);font-weight:600}
#servicos .tf-deliveries{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:40px 0 0;text-align:left}
#servicos .tf-deliveries li{display:flex;gap:20px;align-items:flex-start;padding:30px;border:1px solid var(--light-line2);border-radius:24px;background:var(--light-chrome)}
#servicos .tf-deliveries li>span{flex:none;display:grid;place-items:center;width:44px;height:44px;background:#5bc0be1f;color:#287d7b;border-radius:14px;font-size:22px}
#servicos .tf-deliveries h3{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.035em;color:var(--light-tx);margin:0 0 10px}
#servicos .tf-deliveries p{font-size:16px;line-height:1.7;color:var(--light-tx2);margin:0}
body #prova .stats{width:100%;margin-top:40px;gap:32px;text-align:center}
body #prova .stat .n{font-size:clamp(48px,5vw,72px)}
body #prova .stat .l{font-size:14px;margin-inline:auto}
@media(max-width:1000px){
  body #problema .wrap{grid-template-columns:1fr;gap:24px}
  body #problema .h2,body #problema .lede,.tf-comparison{grid-column:1;grid-row:auto}
  .tf-comparison{margin-top:8px}
}
@media(max-width:640px){
  .tf-comparison-item{grid-template-columns:1fr;padding:24px;gap:16px}
  .tf-change svg{transform:rotate(90deg)}
  #servicos .tf-deliveries{grid-template-columns:1fr;margin-top:32px}
  #servicos .tf-deliveries li{padding:24px;gap:18px}
}
/* Leitura equilibrada da introdução de implantação. */
body #como-funciona .h2{max-width:880px;margin-inline:auto;text-align:center;text-wrap:balance;line-height:1.15}
body #como-funciona .lede{max-width:660px;margin:24px auto 0;text-align:center;text-wrap:balance;line-height:1.7}
body #como-funciona .migration-duration{white-space:nowrap}
@media(max-width:640px){body #como-funciona .h2{font-size:32px;line-height:1.2}body #como-funciona .lede{font-size:17px;margin-top:22px}}
/* Lista no mesmo eixo do cabeçalho, com títulos e descrições alinhados. */
body #diferenciais #whyScroll{max-width:1080px;margin-inline:auto}
body #diferenciais #whyScroll .why-card:nth-child(n){align-items:center;grid-template-columns:32px minmax(0,.8fr) minmax(0,1.2fr)}
body #diferenciais #whyScroll .why-card .ic{align-self:center}
@media(max-width:640px){body #diferenciais #whyScroll .why-card:nth-child(n){grid-template-columns:32px minmax(0,1fr);align-items:start}body #diferenciais #whyScroll .why-card .ic{align-self:start}}
body #como-funciona .tf-migration-head{grid-column:1/-1;width:100%;max-width:940px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}
body #como-funciona .tf-migration-head .section-label{margin:0 0 20px}
body #como-funciona .tf-migration-head .h2{width:100%;max-width:780px;font-size:clamp(30px,3.4vw,48px);margin:0;padding:0;line-height:1.15}
body #como-funciona .tf-migration-head .lede{width:100%;max-width:800px;margin:24px 0 0;padding:0;font-size:18px;line-height:1.7;text-wrap:pretty}
.tf-migration-line{display:block}
@media(max-width:640px){body #como-funciona .tf-migration-head .lede{font-size:16px}.tf-migration-line+.tf-migration-line{margin-top:6px}}