/* Escala tipográfica — 8 degraus. Não introduzir tamanhos fora dela.
     64 display · 40 h1 · 28 h2 · 24 h3 · 19 subtítulo
     15.5 corpo · 14 corpo pequeno · 13 auxiliar · 12 micro · 11 rótulo */

  :root{
    --navy:#263872; --navy-deep:#0e1837; --mint:#90d0ba;
    --ink:#131d3b; --muted:#5b6375;
    --line:#e2e6ee; --bg:#f7f6f0; --white:#fefdfa;
    --display:"Sora",ui-sans-serif,system-ui,sans-serif;
    --body:"Manrope",ui-sans-serif,system-ui,-apple-system,sans-serif;
  }
  *{box-sizing:border-box}
  html,body{margin:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
  a{color:var(--navy)}
  img{max-width:100%}

  header{background:var(--navy-deep);position:sticky;top:0;z-index:20}
  .hbar{display:flex;align-items:center;justify-content:space-between;gap:16px;
        padding-top:15px;padding-bottom:15px}  /* keep .wrap's horizontal padding */
  .logo img{height:26px;width:auto;display:block}
  .hnav{display:flex;align-items:center;gap:22px}
  .hnav a{color:#c2cde6;text-decoration:none;font-size:15px;font-weight:600}
  .hnav a:hover{color:#fff}
  .hcta{background:var(--mint)!important;color:var(--navy-deep)!important;padding:10px 20px;
        border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap}
  .hcta:hover{background:#7cc7ad!important}

  /* hero */
  .hero{background:var(--navy-deep);color:#fff;padding:60px 0 72px;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;right:-200px;top:-180px;width:620px;height:620px;
    border-radius:50%;background:radial-gradient(circle,rgba(144,208,186,.15),transparent 68%)}
  .hero .wrap{position:relative;z-index:1}
  .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
  .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(144,208,186,.14);
    border:1px solid rgba(144,208,186,.34);color:var(--mint);padding:6px 15px;border-radius:999px;
    font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:20px}
  .hero h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,5.4vw,64px);
    line-height:.99;letter-spacing:-.032em;margin:0 0 18px}
  .hero h1 em{font-style:normal;color:var(--mint)}
  .hero p.sub{font-size:clamp(15px,1.7vw,17px);color:#c2cde6;max-width:56ch;margin:0 0 28px;line-height:1.6}
  .cta-row{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:34px}
  .btn{font-family:var(--body);font-weight:700;font-size:15px;padding:16px 30px;border-radius:999px;
    border:0;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}
  .btn.p{background:var(--mint);color:var(--navy-deep)}
  .btn.p:hover{background:#7cc7ad}
  .btn.g{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}
  .btn.g:hover{background:rgba(255,255,255,.09)}
  .stats{display:flex;gap:30px;flex-wrap:wrap}
  .stat b{display:block;font-family:var(--display);font-size:22px;font-weight:800;color:var(--mint);line-height:1.1}
  .stat span{font-size:13px;color:#a9b6d4}

  /* hero art */
  .hero-art{position:relative}
  .hero-art img{width:100%;height:auto;display:block;border-radius:20px;
    box-shadow:0 24px 60px rgba(0,0,0,.42)}
  .badge{position:absolute;background:rgba(14,24,55,.92);backdrop-filter:blur(8px);
    border:1px solid rgba(144,208,186,.34);border-radius:13px;padding:11px 15px;
    display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.34)}
  .badge .dot{width:9px;height:9px;border-radius:50%;background:var(--mint);flex:none;
    box-shadow:0 0 0 4px rgba(144,208,186,.22)}
  .badge b{display:block;font-size:13px;font-weight:700;color:#fff;line-height:1.25}
  .badge span{font-size:11.5px;color:#a9b6d4}
  .badge.b1{left:-22px;top:12%}
  .badge.b2{right:-16px;bottom:11%}

  /* sections */
  .sec{padding:70px 0}
  .sec-head{max-width:64ch;margin-bottom:36px}
  .sec-head h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,40px);
    letter-spacing:-.028em;line-height:1.1;margin:0 0 14px;color:var(--navy-deep)}
  .sec-head p{color:var(--muted);font-size:15px;margin:0}
  .eyebrow{font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:1.4px;
    text-transform:uppercase;color:var(--navy);margin-bottom:10px}
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .svc{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;
    display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s}
  .svc:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(14,24,55,.09)}
  .svc .ic{width:44px;height:44px;border-radius:12px;background:#e4f2ec;color:var(--navy);
    display:grid;place-items:center;margin-bottom:15px}
  .svc .ic svg{width:22px;height:22px}
  .svc .vendor{font-size:11.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;
    color:var(--muted);margin-bottom:5px}
  .svc h3{font-family:var(--display);font-size:17px;font-weight:700;margin:0 0 5px;
    color:var(--navy-deep);letter-spacing:-.2px}
  .svc .claim{font-weight:700;color:var(--navy);font-size:15px;margin:0 0 9px}
  .svc p.body{color:var(--muted);font-size:15px;margin:0;line-height:1.55}

  .price-band{background:var(--navy-deep);color:#fff;border-radius:22px;padding:46px;
    display:grid;grid-template-columns:1.25fr .95fr;gap:40px;align-items:center}
  .price-band h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,40px);
    letter-spacing:-.028em;line-height:1.12;margin:0 0 14px}
  .price-band h2 em{font-style:normal;color:var(--mint)}
  .price-band p{color:#c2cde6;margin:0 0 10px;font-size:15px}
  .buyups{font-size:13px;color:#a9b6d4;border-top:1px solid rgba(255,255,255,.14);
    padding-top:14px;margin-top:16px}
  .pricebox{background:rgba(255,255,255,.06);border:1px solid rgba(144,208,186,.28);
    border-radius:18px;padding:28px;text-align:center}
  .pricebox .lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:1.1px;color:#a9b6d4;font-weight:700}
  .pricebox .amt{font-family:var(--display);font-size:64px;font-weight:800;color:var(--mint);
    line-height:1;margin:10px 0 4px;letter-spacing:-.03em}
  .pricebox .amt small{font-size:17px;font-weight:700;color:#c2cde6}
  .pricebox .fine{font-size:13px;color:#a9b6d4;margin-bottom:20px}
  .pricebox .btn{width:100%}

  .disclaimer{background:#efeee7;border-top:1px solid var(--line);padding:20px 0;
    font-size:13px;color:var(--muted);text-align:center}
  footer{background:var(--navy-deep);color:#a9b6d4;padding:34px 0;font-size:13px}
  footer a{color:#fff}
  footer .flogo{height:22px;width:auto;display:block;margin-bottom:11px}
  .fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:26px;margin-bottom:20px}
  .fgrid b{color:#fff;display:block;margin-bottom:8px;font-size:13px}
  .fgrid p{margin:0 0 5px}
  .fbot{border-top:1px solid rgba(255,255,255,.15);padding-top:15px;font-size:11.5px;color:#8fa0c4}

  @media(max-width:940px){
    .hero-grid{grid-template-columns:1fr;gap:38px}
    .hero-art{max-width:440px;margin:0 auto}
    .badge.b1{left:-8px}
    .badge.b2{right:-4px}
    .cards{grid-template-columns:repeat(2,1fr)}
    .price-band{grid-template-columns:1fr;padding:34px}
    .fgrid{grid-template-columns:1fr}
  }
  @media(max-width:600px){
    .cards{grid-template-columns:1fr}
    .hnav > a:not(.hcta){display:none}
    .hbar{padding-top:12px;padding-bottom:12px;gap:12px}
    .logo img{height:21px}
    .hcta{padding:9px 15px;font-size:13px}
    .hero{padding:44px 0 54px}
    .sec{padding:52px 0}
    .cta-row{flex-direction:column;align-items:stretch}
    .cta-row .btn{width:100%;text-align:center}
    .stats{gap:18px}
    .badge{padding:9px 12px}
    .badge.b1{left:-6px;top:8%}
    .badge.b2{right:-2px;bottom:8%}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

  /* --- audience switch + appointment booker --- */
  .aud{background:var(--navy-deep);color:#fff;padding:34px 0}
  .aud h2{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);margin:0 0 6px;letter-spacing:-.5px}
  .aud p.lead{color:#b9c4dc;margin:0 0 20px;max-width:60ch}
  .aud-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .aud-card{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);
    border-radius:14px;padding:16px 18px;cursor:pointer;text-align:left;color:#fff;
    font:inherit;transition:border-color .15s,background .15s}
  .aud-card:hover{background:rgba(255,255,255,.11)}
  .aud-card[aria-pressed="true"]{border-color:var(--mint);background:rgba(144,208,186,.14)}
  .aud-card .ai{width:26px;height:26px;display:block;margin-bottom:11px;
    color:var(--mint);opacity:.9;transition:opacity .15s,transform .15s}
  .aud-card:hover .ai{opacity:1}
  .aud-card[aria-pressed="true"] .ai{opacity:1;transform:scale(1.06)}
  .aud-card b{display:block;font-family:var(--display);font-size:15px;margin-bottom:3px}
  .aud-card span{color:#b9c4dc;font-size:13px;line-height:1.45;display:block}
  .aud-msg{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
  .aud-msg[hidden]{display:none}
  .aud-msg h3{font-family:var(--display);font-size:17px;margin:0 0 8px}
  .aud-msg p{color:#cfd8ea;margin:0 0 14px;max-width:62ch}
  .aud-msg ul{margin:0 0 16px;padding-left:18px;color:#cfd8ea}
  .aud-msg li{margin-bottom:5px}
  @media(max-width:760px){.aud-row{grid-template-columns:1fr}}

  .book{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px}
  .book h2{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);margin:0 0 6px;
    color:var(--navy-deep);letter-spacing:-.5px}
  .book .sub2{color:var(--muted);margin:0 0 20px}
  .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
  .fld label{display:block;font-size:13px;font-weight:700;color:#33405a;margin:0 0 5px}
  .fld input,.fld select,.fld textarea{width:100%;font:15px var(--body);padding:11px 13px;
    border:1px solid #c9d2e0;border-radius:10px;background:#fff;color:var(--ink)}
  .fld textarea{min-height:84px;resize:vertical}
  .fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--navy);outline-offset:-1px}
  .fld.full{grid-column:1/-1}
  .bookmsg{margin-top:14px;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:600;display:none}
  .bookmsg.ok{display:block;background:#e0f2e9;color:#1d5c3f}
  .bookmsg.err{display:block;background:#fbe3e0;color:#8c2c22}
  @media(max-width:640px){.fgrid{grid-template-columns:1fr}}

  /* --- B2B: why / portfolio / platform --- */
  .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .why-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
  .why-card .k{display:flex;align-items:center;gap:10px;margin-bottom:7px}
  .why-card .k i{flex:none;width:30px;height:30px;border-radius:8px;background:var(--navy);
    color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px}
  .why-card b{font-family:var(--display);font-size:15px;color:var(--navy-deep);line-height:1.3}
  .why-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
  @media(max-width:820px){.why-grid{grid-template-columns:1fr}}

  .tiles{display:grid;gap:12px}
  .tile{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:15px 16px}
  .tile b{display:block;font-family:var(--display);font-size:15px;color:var(--navy-deep);margin-bottom:3px}
  .tile span{color:var(--muted);font-size:13px;line-height:1.45}



  .plat{background:var(--navy-deep);color:#fff;border-radius:18px;padding:30px}
  .plat h2{font-family:var(--display);font-size:clamp(22px,2.4vw,28px);margin:0 0 10px;letter-spacing:-.5px}
  .plat p{color:#c3cddf;max-width:66ch;margin:0 0 18px}
  .plat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
  .plat-row div{background:rgba(255,255,255,.07);border-radius:12px;padding:14px 16px}
  .plat-row b{display:block;font-family:var(--display);font-size:15px;margin-bottom:4px}
  .plat-row span{color:#b9c4dc;font-size:13px;line-height:1.5}
  @media(max-width:820px){.plat-row{grid-template-columns:1fr}}

  /* Kill stranded single words. balance = even line lengths for short blocks
     (headings); pretty = never orphan the last word of a paragraph. */
  h1,h2,h3,.why-card b,.tile b,.aud-card b{text-wrap:balance}
  p,.sub,.aud-card span,.tile span,.why-card p,.plat-row span{text-wrap:pretty}
  .sec-head p,.hero .sub{max-width:64ch}
  /* Stats were breaking 2 + 1; force three even columns, or stack cleanly. */
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media(max-width:700px){.stats{grid-template-columns:1fr}}

  .sec-head.wide,.sec-head.wide h2{max-width:none}
  .sec-head.wide p{max-width:88ch}

  /* --- vídeos publicados pelo MOS --- */
  .vids{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .vid{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .vid video,.vid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0e1837}
  .vid .cap{padding:14px 16px}
  .vid .cap b{display:block;font-family:var(--display);font-size:15px;color:var(--navy-deep);margin-bottom:3px}
  .vid .cap span{color:var(--muted);font-size:13px;line-height:1.5}
  @media(max-width:900px){.vids{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.vids{grid-template-columns:1fr}}

  /* --- revisão dos cards --- */
  /* Numeração consistente no lugar de símbolos de pesos variados. */
  .why-card .k i{font-family:var(--display);font-size:11.5px;letter-spacing:.5px;
    background:var(--navy);color:var(--mint)}
  /* Corpo dos cards estava fraco demais sobre o bege. */
  .why-card p,.tile span{color:#4a5468}
  /* Altura igual dentro de cada linha. */
  .why-grid,.tiles{align-items:stretch}
  .why-card,.tile{display:flex;flex-direction:column}
  /* O produto núcleo não deve parecer igual a um voluntário. */
  .tilelabel{font:700 11.5px var(--body);letter-spacing:1.3px;text-transform:uppercase;
    color:var(--muted);margin:0 0 10px}
  .tiles + .tilelabel{margin-top:22px}


  /* Formulário compacto — menos altura, menos peso visual. */
  .book{padding:22px}
  .fgrid{gap:10px}
  .fld label{font-size:11.5px;margin:0 0 4px}
  .fld input,.fld select,.fld textarea{padding:9px 11px;font-size:15px}
  .fld textarea{min-height:60px}
  .moretoggle{background:none;border:0;color:var(--navy);font:600 13px var(--body);
    cursor:pointer;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}
  .moretoggle:hover{color:var(--navy-deep)}
  #b_extra{margin-top:10px}
  #b_extra[hidden]{display:none}

  /* --- portfólio redesenhado --- */
  /* Núcleo: duas colunas largas. É o produto, deve ocupar a linha inteira. */
  .tiles-core{grid-template-columns:repeat(2,1fr);gap:16px}
  .tiles-core .tile{background:var(--navy-deep);border-color:var(--navy-deep);
    padding:22px 24px;box-shadow:none}
  .tiles-core .tile b{color:#fff;font-size:17px;margin-bottom:6px}
  .tiles-core .tile span{color:#b9c4dc;font-size:15px}
  .tiles-core .tile::after{content:"";display:block;width:34px;height:3px;background:var(--mint);
    border-radius:2px;margin-top:14px}

  /* Voluntários: seis itens, três colunas — 3 + 3, sem sobra. */
  .tiles-anc{grid-template-columns:repeat(3,1fr)}
  .tiles-anc .tile{padding:16px 18px}

  .tilelabel{margin-bottom:12px}
  .tiles + .tilelabel{margin-top:30px}

  @media(max-width:900px){
    .tiles-core,.tiles-anc{grid-template-columns:repeat(2,1fr)}
  }
  @media(max-width:560px){
    .tiles-core,.tiles-anc{grid-template-columns:1fr}
  }

  /* Funil de duas etapas. */
  .steps{list-style:none;display:flex;gap:10px;margin:0 0 16px;padding:0}
  .steps li{display:flex;align-items:center;gap:8px;flex:1;padding:9px 12px;
    border:1px solid var(--line);border-radius:10px;background:#fff;
    color:var(--muted);font:600 13px var(--body)}
  .steps li b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;
    background:var(--line);color:var(--muted);font-size:11.5px}
  .steps li.on{border-color:var(--navy);color:var(--navy-deep)}
  .steps li.on b{background:var(--navy);color:#fff}
  .steps li.done b{background:var(--mint);color:var(--navy-deep)}
  .steps li.done{border-color:var(--mint);color:var(--navy-deep)}
  @media(max-width:560px){.steps{flex-direction:column}}

  /* ---------- caráter editorial ---------- */

  /* Um acento quente contra o azul/menta. Duas cores frias sozinhas é
     exatamente o que faz um site parecer template. */
  :root{--amber:#e8a33d;--paper:#faf8f3}
  body{background:var(--paper)}

  /* Régua editorial antes do rótulo de seção, em vez de só texto solto. */
  .eyebrow{position:relative;padding-left:38px;color:var(--navy);
    font-family:var(--body);font-weight:700;letter-spacing:1.6px}
  .eyebrow::before{content:"";position:absolute;left:0;top:50%;width:28px;height:2px;
    background:var(--amber);transform:translateY(-50%)}

  /* Cantos menos uniformes. 16px em tudo é estética de template. */
  .why-card,.tile,.vid,.book,.svc{border-radius:6px}
  .btn{border-radius:4px}
  .aud-card{border-radius:6px}
  .steps li{border-radius:4px}

  /* Textura no herói — ruído sutil em vez de azul chapado. */
  .hero{position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
    background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.10) 1px,transparent 0);
    background-size:22px 22px}
  .hero .wrap{position:relative;z-index:1}

  /* Números do "dez razões" com o acento quente. */


  /* Cards com peso, não só contorno. */
  .why-card,.tile{border-color:#e6e2d8;background:#fff;
    box-shadow:0 1px 0 rgba(19,29,59,.04)}
  .why-card:hover,.tile:hover{border-color:var(--navy);
    transform:translateY(-1px);transition:transform .12s,border-color .12s}

  /* O pill do herói deixa de ser genérico. */
  .pill{border-radius:2px;background:transparent;border:1px solid rgba(144,208,186,.45);
    color:var(--mint);letter-spacing:1.4px;font-weight:700}

  /* ---------- gráfico de sinistros ---------- */
  .claims{margin:0 0 34px;padding:0}
  .claims figcaption{font:700 11.5px var(--body);letter-spacing:1.2px;text-transform:uppercase;
    color:var(--muted);margin-bottom:16px}
  .claims .bars{display:flex;flex-direction:column;gap:10px;max-width:760px}
  .claims .bar{position:relative;height:46px;display:flex;align-items:center;gap:12px;
    padding-left:14px;border-radius:3px;overflow:hidden}
  .claims .bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);
    border-radius:3px;z-index:0}
  .claims .b1::before{background:var(--navy-deep)}
  .claims .b2::before{background:#8090b8}
  .claims .b3::before{background:var(--amber)}
  .claims .bar .v{position:relative;z-index:1;font-family:var(--display);font-weight:800;font-size:22px;
    color:#fff;min-width:56px}
  .claims .b2 .v,.claims .b3 .v{color:#fff}
  .claims .bar .l{position:relative;z-index:1;font:600 13px var(--body);color:var(--ink)}
  .claims .b1 .l{color:#fff}
  .claims .note{margin:14px 0 0;color:var(--muted);font-size:15px;max-width:62ch}
  @media(max-width:620px){
    .claims .bar{height:auto;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}
    .claims .bar::before{opacity:.16;width:100%}
    .claims .b1 .l,.claims .bar .v{color:var(--ink)}
  }



  /* Band that breaks the run of pale sections. */
  .band{background:var(--navy-deep);color:#fff}
  .band .eyebrow{color:var(--mint)}
  .band .sec-head h2{color:#fff}
  .band .claims figcaption{color:#93a2c2}
  .band .claims .bar .l{color:#fff}
  .band .claims .note{color:#b9c4dc}
  .band .claims .b2::before{background:#5f7099}
  .band .claims .bar{background:rgba(255,255,255,.05)}
  .band .claims .b1::before{background:var(--mint)}
  .band .claims .b1 .v,.band .claims .b1 .l{color:var(--navy-deep)}



  /* Pista visual nos benefícios: dá para achar "Dental" sem ler. */
  .tile{position:relative;padding-top:16px}
  .tile .ti{display:block;width:26px;height:26px;color:var(--navy);margin-bottom:10px}
  .tile .ti svg{width:100%;height:100%;display:block}
  .tiles-anc .tile:hover .ti{color:var(--amber)}

  /* ---------- diagrama de camadas ---------- */
  /* Base larga embaixo, camadas mais estreitas acima: soma, não navegação. */
  .stack{margin:0 0 32px;padding:0 0 0 82px;position:relative;max-width:840px}
  .stack::before{content:"";position:absolute;left:66px;top:6px;bottom:34px;width:1px;
    background:#d9d3c6}
  .srow{display:flex;align-items:center;gap:0;position:relative}
  .stag{position:absolute;left:-82px;width:70px;text-align:right;
    font:700 11.5px var(--body);letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
  .slayer{padding:15px 20px;border-radius:2px}
  .slayer b{display:block;font-family:var(--display);font-size:17px;font-weight:700;
    margin-bottom:2px;line-height:1.25}
  .slayer span{font-size:13px;line-height:1.5;display:block}
  /* Largura decrescente para cima — a base sustenta o resto. */
  .s1{width:100%;background:var(--navy-deep);color:#fff}
  .s1 span{color:#b9c4dc}
  .s2{width:80%;background:#dfe5f1;color:var(--navy-deep)}
  .s2 span{color:#4a5468}
  .s3{width:62%;background:#fff;border:1px dashed #c9d2e0;color:var(--navy-deep)}
  .s3 span{color:#4a5468}
  .splus{font:800 15px var(--body);color:var(--amber);padding:5px 0 5px 2px;line-height:1}
  .stack figcaption{margin-top:14px;color:var(--muted);font-size:13px}
  @media(max-width:760px){
    .stack{padding-left:0}
    .stack::before{display:none}
    .stag{position:static;width:auto;text-align:left;display:block;margin-bottom:4px}
    .srow{display:block}
    .s1,.s2,.s3{width:100%}
  }

  /* Dez razões, um formato só. O número é uma coluna própria — nunca
     encosta no título. */
  .reasons{list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px}
  .reasons li{display:flex;gap:16px;align-items:flex-start;
    padding:20px 0;border-top:1px solid #e6e2d8}
  .reasons li:nth-child(1),.reasons li:nth-child(2){border-top:0}
  .rn{flex:0 0 auto;width:30px;font:800 11.5px var(--body);letter-spacing:.5px;
    color:var(--amber);padding-top:3px}
  .rt{flex:1 1 auto;min-width:0}
  .rt b{display:block;font-family:var(--display);font-size:15px;font-weight:700;
    color:var(--navy-deep);line-height:1.3;margin-bottom:4px}
  .rt p{margin:0;color:#4a5468;font-size:15px;line-height:1.55}
  @media(max-width:820px){
    .reasons{grid-template-columns:1fr;gap:0}
    .reasons li:nth-child(2){border-top:1px solid #e6e2d8}
  }

  /* ---------- cost analysis ----------
     Was a two-column grid, video beside the calculator. With the video gone
     the second column would have been dead space and the form would have sat
     squeezed into the narrower 1.15fr track, so this is now a single centred
     column held to a readable width rather than stretched across the page. */
  .calcwrap{max-width:640px;margin:0 auto 26px}

  .calcform{background:var(--white);border:1px solid var(--line);border-radius:16px;
    padding:26px 26px 24px;box-shadow:0 12px 34px rgba(14,24,55,.07)}
  .cf{margin-bottom:20px}
  .cf label{display:flex;justify-content:space-between;align-items:baseline;
    font:700 11.5px var(--body);letter-spacing:.8px;text-transform:uppercase;
    color:var(--muted);margin-bottom:8px}
  .cf label span{color:var(--navy);font-size:15px;letter-spacing:0;font-weight:800;
    font-variant-numeric:tabular-nums}
  .cf input[type=number],.cf select{width:100%;padding:13px 14px;border-radius:10px;
    border:1px solid var(--line);background:var(--bg);font:17px var(--body);
    color:var(--navy-deep);font-variant-numeric:tabular-nums;transition:border-color .14s,background .14s}
  .cf input[type=number]:focus,.cf select:focus{outline:none;border-color:var(--navy);
    background:var(--white)}
  .cf input[type=range]{width:100%;accent-color:var(--navy);margin:2px 0 0}
  .cf .hint{display:block;margin-top:8px;font-size:13px;color:var(--muted);line-height:1.5}
  .calcform .btn{width:100%;justify-content:center;margin-top:4px}

  /* Tabela: sem grades duras, o número é que guia o olho. */
  .crtable{border:1px solid var(--line);border-radius:16px;overflow:hidden;
    background:var(--white);box-shadow:0 12px 34px rgba(14,24,55,.06)}
  .crh,.crr{display:grid;grid-template-columns:1.6fr 1fr 1fr .7fr 1.15fr;gap:14px;
    padding:15px 24px;align-items:center}
  .crh{background:transparent;color:var(--muted);font:700 11.5px var(--body);
    letter-spacing:.9px;text-transform:uppercase;border-bottom:1px solid var(--line)}
  .crr{border-top:1px solid #f0eee8;font-size:15px;color:var(--muted)}
  .crr:first-child{border-top:0}
  .crr span:first-child{color:var(--navy-deep);font-weight:700}
  .crr .r{text-align:right;font-variant-numeric:tabular-nums}
  .crh .r{text-align:right}
  .crr.us{background:#f2f8f5}
  .crr.us em{display:block;font-style:normal;font-size:11.5px;color:#3f8f6d;
    letter-spacing:.4px;font-weight:700;text-transform:uppercase;margin-top:2px}
  .crr.us b{color:#2f7d5d}

  /* O fecho: o número grande e o que ele significa, num cartão só. */
  .crfoot{display:flex;justify-content:space-between;align-items:center;gap:24px;
    margin-top:18px;padding:22px 26px;border-radius:16px;background:var(--navy-deep);
    color:#fff;flex-wrap:wrap}
  .crsave span{display:block;font-size:11.5px;color:#93a2c2;letter-spacing:.9px;
    text-transform:uppercase;font-weight:700}
  .crsave b{display:block;font-family:var(--display);font-size:40px;line-height:1.05;
    margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-1px}
  .crsave small{display:block;font-size:13px;color:#b9c4dc;margin-top:4px}
  .crfine{margin:14px 2px 0;font-size:13px;color:var(--muted);line-height:1.55;max-width:74ch}

  @media(max-width:680px){
    .crh{display:none}
    .crr{grid-template-columns:1fr auto;gap:4px 14px;padding:16px 20px}
    .crr span:first-child{grid-column:1/3;margin-bottom:4px}
    .crr .r::before{content:attr(data-l);float:left;color:var(--muted);font-size:13px;
      font-weight:400}
  }

  /* ---------- a lacuna: a barra que carrega o argumento ---------- */
  .gapsec{background:var(--paper)}
  .gapsec .sec-head h2 em{font-style:normal;color:var(--navy)}
  .scale{margin:0 0 34px}
  .scale-bar{display:flex;height:78px;border-radius:6px;overflow:hidden;
    border:1px solid var(--line)}
  .seg{display:flex;flex-direction:column;justify-content:center;padding:0 20px;
    min-width:0;overflow:hidden}
  .seg b{font-family:var(--display);font-size:28px;line-height:1;font-weight:800}
  .seg span{font-size:13px;line-height:1.3;margin-top:5px;opacity:.9;
    overflow-wrap:anywhere}
  /* 84 / 16 — a largura É o dado */
  .s-cov{flex:0 0 84%;background:var(--navy-deep);color:#fff}
  .s-cov b{color:var(--mint)}
  .s-cov span{color:#b9c4dc}
  .s-ded{flex:0 0 16%;background:#e7e2d6;color:var(--navy-deep);padding:0 14px}
  .s-ded span{color:#5b6375}
  .scale figcaption{margin-top:26px;font-size:15px;color:var(--muted)}
  .scale figcaption .cov{color:var(--navy-deep)}

  .gapgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;margin-bottom:30px;
    align-items:start}
  .pays,.mathbox{background:var(--white);border:1px solid var(--line);border-radius:6px;
    padding:24px 26px}
  .pays h3,.mathbox h3{font-family:var(--display);font-size:17px;margin:0 0 14px;
    color:var(--navy-deep)}
  .paytab{width:100%;border-collapse:collapse}
  .paytab td{padding:10px 0;border-top:1px solid var(--line);font-size:15px;
    color:var(--ink);vertical-align:baseline}
  .paytab tr:first-child td{border-top:0}
  .paytab td span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
  .paytab .amt{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;
    color:var(--navy);white-space:nowrap;padding-left:14px}
  .fine{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5}

  .mrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding:11px 0;border-top:1px solid var(--line)}
  .mrow:first-of-type{border-top:0}
  .mrow span{font-size:15px;color:var(--muted)}
  .mrow b{font-family:var(--display);font-size:22px;font-variant-numeric:tabular-nums;
    color:var(--navy-deep)}
  .mrow b small{font-size:11.5px;font-weight:600;color:var(--muted)}
  .mrow.tot{border-top:2px solid var(--navy-deep)}
  .mrow.tot b{color:var(--navy);font-size:28px}
  .myear{margin-top:12px;padding:11px 13px;border-radius:5px;background:var(--paper);
    font-size:13px;line-height:1.5;color:var(--navy-deep);font-weight:600}

  /* o "+$10" precisa ler como um degrau, não como letra miúda */
  .plus10{margin:9px 0 2px;padding:8px 10px;border-radius:5px;
    background:rgba(144,208,186,.14);border:1px solid rgba(144,208,186,.34);
    color:#cfeadd;font-size:13px;line-height:1.4}
  .plus10 b{color:var(--mint);font-weight:800}

  @media(max-width:900px){
    .gapgrid{grid-template-columns:1fr}
    .seg b{font-size:22px}
    .s-ded{min-width:108px}
  }
  @media(max-width:620px){
    .scale-bar{height:auto;flex-direction:column}
    .seg{padding:14px 16px}
  }

  .ecostat{margin-top:10px}
  .ecostat b{color:var(--navy);font-family:var(--display);font-size:17px;font-weight:800}
  .ecoclose{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
  .ecoclose p{margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.6;max-width:74ch}
  .ecocost{color:var(--ink)!important;font-size:15px!important}
  .ecocost b{color:var(--navy-deep)}
  .ecocost a{margin-left:6px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}

  /* A linha do meio é um subtotal, não um item: some o peso, mantém a régua. */
  .mrow span em{display:block;font-style:normal;font-size:11.5px;color:var(--muted);
    margin-top:2px;line-height:1.35}
  .mrow.sub{border-top:1px solid var(--navy-deep);background:rgba(38,56,114,.04)}
  .mrow.sub span{font-weight:700;color:var(--navy-deep)}
  .mrow.sub b{font-size:17px}

  .gapsec .sec-head h2{text-wrap:balance;font-size:clamp(22px,3.1vw,40px)}
  @media(max-width:620px){
    .gapsec .sec-head h2{line-height:1.22;letter-spacing:-.2px}
  }

  /* O que vem junto: sub-bloco dentro da mesma seção, com peso de sub-título
     e não de seção nova — a página não recomeça aqui. */
  .incl{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
  .incl h3{font-family:var(--display);font-size:22px;margin:0 0 8px;color:var(--navy-deep)}
  .inclead{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.6;max-width:78ch}
  .inclead b{color:var(--navy)}
  .incl .ecoclose{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:78ch}

  /* As três capacidades dentro da faixa de custo zero: uma linha cada,
     sem virar seção. */
  .platmini{display:grid;gap:13px;margin-top:20px;padding-top:18px;
    border-top:1px solid rgba(255,255,255,.16)}
  .platmini > div{display:grid;grid-template-columns:22px 1fr;gap:0 11px;
    font-size:13px;line-height:1.5;color:#b9c4dc}
  .platmini .pmi{grid-row:span 2;width:22px;height:22px;color:var(--mint);margin-top:2px}
  .platmini .pmi svg{width:100%;height:100%;display:block}
  .platmini b{display:block;color:#fff;font-size:15px;font-weight:700}
  .platnote{margin:16px 0 0;font-size:13px;color:#7f8fb4;line-height:1.5}

  /* 5 x 2, cartões idênticos. Sem estado: nada abre, nada empurra. */
  .reasons{list-style:none;margin:0;padding:0;display:grid;
    grid-template-columns:repeat(5,1fr);gap:12px}
  .reasons li{margin:0;display:flex}
  .rcard{width:100%;display:flex;flex-direction:column;background:var(--white)}
  .rcard .rn{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
    background:#f4ead9;color:#a9701d;font:800 13px var(--body);margin-bottom:12px;
    font-variant-numeric:tabular-nums;flex:0 0 auto}
  .rcard b{display:block;font-family:var(--display);font-size:15px;font-weight:700;
    color:var(--navy-deep);line-height:1.28;letter-spacing:-.2px;margin-bottom:7px}
  .rcard p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
  @media(max-width:1100px){.reasons{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:760px){.reasons{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:460px){.reasons{grid-template-columns:1fr}}
  }

  /* A pergunta já foi feita nos cards logo acima. */
  .audfld{display:none}

  /* ---------- marcar hora: faixa que fecha a página ---------- */
  .bookband{background:var(--paper);color:var(--ink);
    border-top:1px solid var(--line)}
  .bookgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
  .bookside .eyebrow{color:var(--amber)}
  .bookside h2{font-family:var(--display);font-size:28px;line-height:1.18;margin:0 0 12px;
    color:var(--navy-deep);text-wrap:balance}
  .bookside > p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 22px;max-width:44ch}

  /* As duas etapas, honestas: o que se preenche e o que vem depois. */
  .bsteps{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
  .bsteps li{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:15px}
  .bsteps b{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;
    border-radius:50%;border:1px solid var(--line);font:700 13px var(--body);
    color:var(--muted);background:var(--white)}
  .bsteps li.on{color:var(--navy-deep);font-weight:600}
  .bsteps li.on b{background:var(--navy);border-color:var(--navy);color:#fff}
  .bdirect{margin:0;font-size:13px;color:var(--muted)}
  .bdirect a{color:var(--navy);text-decoration:none;border-bottom:1px solid rgba(38,56,114,.3)}
  .bdirect a:hover{border-bottom-color:var(--navy)}

  /* O formulário num cartão claro: o único lugar da faixa onde se escreve. */
  .bookcard{background:var(--white);border:1px solid var(--line);border-radius:16px;
    padding:26px 28px;box-shadow:0 12px 34px rgba(14,24,55,.07)}
  .bookcard .fld label{color:#33405a}
  .bookcard .moretoggle{margin-top:2px}
  .bookcard .btn.p{width:100%;justify-content:center}
  .bookmsg:empty{display:none}

  @media(max-width:900px){
    .bookgrid{grid-template-columns:1fr;gap:26px}
    .bookcard{padding:22px 20px}
  }

  /* O "10" do título: número em destaque, não uma palavra a mais. */
  #why h2 em{font-style:normal;font-family:var(--display);font-weight:800;
    font-size:1.32em;line-height:0;letter-spacing:-2px;color:var(--amber);
    font-variant-numeric:tabular-nums;margin-right:2px}

  /* ================= CARTÕES: um contrato só ================= */
  .svc,.tile,.rcard,.pays,.mathbox,.calcform,.bookcard,.crtable{
    border-radius:16px;
    border:1px solid var(--line);
  }
  .svc,.pays,.mathbox,.calcform,.bookcard{padding:24px}
  .rcard{padding:20px 18px}
  .tile{padding:20px}
  .pricebox{border-radius:16px}

  /* Elevação idêntica em tudo que reage ao ponteiro. */
  .svc,.tile,.rcard{transition:transform .16s,box-shadow .16s,border-color .16s}
  .svc:hover,.tile:hover,.rcard:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 34px rgba(14,24,55,.09);
  }

  /* Toda grade de cartões: altura uniforme, não só por linha. */
  .cards,.reasons,.tiles-anc{grid-auto-rows:1fr}
  .cards > *,.reasons > li,.tiles-anc > *{height:100%}
  .rcard,.svc,.tile{height:100%}

  /* A fonte fica visível mas discreta — quem duvida do número procura por ela. */
  .scale figcaption .src{display:block;margin-top:8px;font-size:13px;color:var(--muted);
    opacity:.85}

  /* ---------- os dois caminhos no topo ---------- */
  .tracks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px}
  .track{display:flex;flex-direction:column;gap:5px;padding:20px;border-radius:16px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
    text-decoration:none;color:#fff;transition:border-color .15s,background .15s,transform .15s}
  .track:hover{background:rgba(255,255,255,.1);border-color:var(--mint);transform:translateY(-2px)}
  .track .tk{font:700 11.5px var(--body);letter-spacing:1px;text-transform:uppercase;
    color:var(--mint)}
  .track b{font-family:var(--display);font-size:17px;line-height:1.25;color:#fff}
  .track .td{font-size:13px;color:#b9c4dc;line-height:1.5}
  .track .tgo{margin-top:6px;font-size:13px;font-weight:700;color:var(--mint)}
  .track.tp{background:rgba(144,208,186,.1);border-color:rgba(144,208,186,.34)}

  /* ---------- hero cue: the statistic, the promise, and the button ----------
     Replaces the wide card that used to sit here. The card read as something
     to finish reading; this reads as something to press, which is what the
     top of the page is for. Namespaced hcue- so it cannot inherit .track
     or .stat rules. */
  .hcue{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;
    margin:26px 0 0;padding:20px 24px;border-radius:16px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
  .hcue-stat{padding-right:26px;border-right:1px solid rgba(255,255,255,.16);max-width:19ch}
  .hcue-stat b{display:block;font-family:var(--display);font-size:32px;line-height:1;
    color:var(--mint);letter-spacing:-.5px}
  .hcue-stat span{display:block;margin-top:6px;font-size:12.5px;line-height:1.45;color:#b9c4dc}
  .hcue-say b{display:block;font-family:var(--display);font-size:20px;line-height:1.22;
    color:#fff;letter-spacing:-.2px}
  .hcue-say span{display:block;margin-top:6px;font-size:13.5px;line-height:1.55;
    color:#b9c4dc;max-width:52ch}
  .hcue-act{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}
  .hcue-pf{font:700 11.5px var(--body);letter-spacing:.7px;text-transform:uppercase;
    color:var(--mint);background:rgba(144,208,186,.14);
    border:1px solid rgba(144,208,186,.36);border-radius:999px;padding:5px 12px;white-space:nowrap}
  .hcue-act .btn{white-space:nowrap;padding:14px 26px}

  @media(max-width:980px){
    .hcue{grid-template-columns:auto 1fr;gap:20px}
    .hcue-act{grid-column:1/-1;flex-direction:row;align-items:center;
      justify-content:space-between;width:100%}
  }
  @media(max-width:620px){
    .hcue{grid-template-columns:1fr;gap:16px;padding:20px}
    .hcue-stat{padding-right:0;padding-bottom:16px;max-width:none;
      border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
    .hcue-act .btn{flex:1;text-align:center}
  }

  /* ---------- a seção do parceiro ---------- */
  .partsec{background:var(--paper);border-top:1px solid var(--line)}
  .pcalc{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);
    border-radius:16px;overflow:hidden;background:var(--white);
    box-shadow:0 12px 34px rgba(14,24,55,.07)}
  .pcalc-in{padding:26px 28px}
  .pcalc-h{margin-bottom:20px}
  .pcalc-h h3{font-family:var(--display);font-size:22px;margin:6px 0 6px;color:var(--navy-deep)}
  .pcalc-h p{margin:0;color:var(--muted);font-size:15px}
  .pc-f{margin-bottom:18px}
  .pc-f label{display:flex;justify-content:space-between;align-items:baseline;
    font:700 11.5px var(--body);letter-spacing:.8px;text-transform:uppercase;
    color:var(--muted);margin-bottom:8px}
  .pc-f label span{color:var(--navy);font-size:15px;letter-spacing:0;font-weight:800;
    font-variant-numeric:tabular-nums}
  .pc-f input[type=number],.pc-f select{width:100%;padding:13px 14px;border-radius:10px;
    border:1px solid var(--line);background:var(--bg);font:17px var(--body);
    color:var(--navy-deep);font-variant-numeric:tabular-nums}
  .pc-f input[type=number]:focus,.pc-f select:focus{outline:none;border-color:var(--navy);
    background:var(--white)}
  .pc-f input[type=range]{width:100%;accent-color:var(--navy)}

  .pcalc-out{background:var(--navy-deep);color:#fff;padding:28px 30px;display:flex;
    flex-direction:column;justify-content:center}
  .pco-lead span{display:block;font:700 11.5px var(--body);letter-spacing:.9px;
    text-transform:uppercase;color:#93a2c2}
  .pco-lead b{display:block;font-family:var(--display);font-size:40px;line-height:1.05;
    margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--mint)}
  .pco-lead small{display:block;font-size:13px;color:#b9c4dc;margin-top:2px}
  .pco-year{margin-top:8px;font-size:15px;color:#cfd8ea;font-variant-numeric:tabular-nums}
  .pco-rows{margin:20px 0 22px;border-top:1px solid rgba(255,255,255,.14)}
  .pco-rows > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
  .pco-rows span{color:#93a2c2}
  .pco-rows b{color:#fff;font-variant-numeric:tabular-nums}
  .pcalc-out .btn{justify-content:center}
  .pcnote{margin:12px 2px 0;font-size:13px;color:var(--muted);line-height:1.55;max-width:78ch}

  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .pgrid > div{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}
  .pgrid .n{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
    background:#f4ead9;color:#a9701d;font:800 13px var(--body);margin-bottom:13px}
  .pgrid b{display:block;font-family:var(--display);font-size:17px;color:var(--navy-deep);
    margin-bottom:7px}
  .pgrid p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

  @media(max-width:900px){
    .tracks,.pcalc,.pgrid{grid-template-columns:1fr}
    .pcalc-out{padding:24px 22px}
  }

  /* As duas portas do hero: peso igual, cada uma com a sua prova. */
  .tracks{margin:26px 0 0}
  .track{padding:22px 22px 20px;gap:6px}
  .track b{font-size:19px}
  .track .tpf{display:inline-block;align-self:flex-start;margin-top:8px;padding:5px 11px;
    border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
    font:700 11.5px var(--body);letter-spacing:.5px;color:#fff}
  .track.tp .tpf{background:rgba(144,208,186,.16);border-color:rgba(144,208,186,.4);
    color:var(--mint)}
  .track .tgo{margin-top:10px}
  /* No percurso do empregador, e não no espaço comum. */
  .estats{margin:0 0 28px}

  /* Largura inteira, abaixo do hero-grid. */
  .hero .tracks{margin:30px 0 0;grid-template-columns:1fr 1fr;gap:14px}
  .hero .track b{font-size:20px;line-height:1.25}
  .hero .track .td{font-size:14px;max-width:52ch}

  @media(max-width:760px){
    .hero .tracks{grid-template-columns:1fr}
    .hero .track b{font-size:18px}
  }

  /* Comutador de trilha: onde estou, e como vou para a outra. */
  .tsw{display:inline-flex;padding:3px;border-radius:999px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);margin-right:6px}
  .tsw a{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;
    color:#b9c4dc;text-decoration:none;transition:background .14s,color .14s}
  .tsw a:hover{color:#fff}
  .tsw a.on{background:var(--mint);color:var(--navy-deep)}
  @media(max-width:900px){.tsw{order:-1;margin:0 0 8px}}



  /* O nome da trilha é a primeira coisa que se lê no cartão. */
  .door .dtitle{display:block;font-family:var(--display);font-size:30px;font-weight:800;
    line-height:1.12;letter-spacing:-.6px;color:#fff;margin-top:20px}
  .door.dp .dtitle{color:var(--mint)}
  .door .dlead{display:block;font-family:var(--display);font-size:16px;font-weight:700;
    line-height:1.32;color:#cfd8ea;margin-top:7px}
  .door.dp .dlead{color:#d6efe4}
  .door p{margin-top:9px}
  @media(max-width:820px){
    .door .dtitle{font-size:25px}
    .door .dlead{font-size:15px}
  }

  /* ---------- as duas portas: um molde, dois conteúdos ---------- */
  .doors{max-width:1000px;margin:0 auto}
  .door{display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:0;
    padding:30px 30px 26px;overflow:visible}
  .door .dmark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
    color:#fff;margin-bottom:20px}
  .door.dp .dmark{background:rgba(144,208,186,.16);border-color:rgba(144,208,186,.34);
    color:var(--mint)}
  .door .dmark svg{width:24px;height:24px}

  .door .dtitle{display:block;font-family:var(--display);font-size:28px;font-weight:800;
    line-height:1.14;letter-spacing:-.6px;color:#fff;margin:0}
  .door.dp .dtitle{color:var(--mint)}
  .door .dlead{display:block;font-family:var(--display);font-size:16px;font-weight:700;
    line-height:1.35;color:#cfd8ea;margin-top:8px}
  .door .dwho{display:block;font:600 12.5px var(--body);letter-spacing:.2px;color:#8b97b0;
    margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}

  .door ul{list-style:none;margin:14px 0 0;padding:0}
  .door li{font-size:14px;color:#cfd8ea;line-height:1.5;padding:7px 0 7px 20px;
    position:relative}
  .door li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;
    border-radius:50%;background:var(--mint);opacity:.75}
  .door .dgo{margin-top:22px;font-weight:700;font-size:15px;color:var(--mint)}

  @media(max-width:820px){
    .door{padding:24px 22px 22px}
    .door .dtitle{font-size:24px}
  }

  /* Quatro linhas por cartão, e nada mais. */
  .door{grid-template-rows:auto auto auto auto 1fr auto}
  .door .dwho{margin:0 0 10px;padding:0;border-top:0;font:700 11.5px var(--body);
    letter-spacing:1px;text-transform:uppercase;color:#8b97b0}
  .door.dp .dwho{color:rgba(144,208,186,.75)}
  .door .dlead{margin-top:10px;font-size:16.5px;font-weight:600;color:#b9c4dc;
    font-family:var(--body);line-height:1.5}
  .door .dgo{margin-top:26px}

  /* A pill identifica a trilha; a cor separa as duas antes da leitura. */
  .door .dpill{margin:0 0 16px;align-self:start;font-size:12px;letter-spacing:.9px;
    padding:7px 16px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);
    color:#fff}
  .door .dpill-p{background:rgba(144,208,186,.16);border-color:rgba(144,208,186,.42);
    color:var(--mint)}
  .door .dtitle{font-size:26px;line-height:1.18;color:#fff}
  .door.dp .dtitle{color:#fff}
  .door .dlead{margin-top:11px;font-size:15px;font-weight:500;color:#b9c4dc}
  @media(max-width:820px){.door .dtitle{font-size:22px}}

  /* Ancorado à esquerda, ao lado do logo: posição idêntica nas duas trilhas. */
  .hbar > .tsw{margin-right:auto;margin-left:22px}
  .hnav .tsw{margin-right:6px}

  /* ---------- portas: repouso e destaque idênticos ---------- */
  .door{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.15)}
  .door:hover{background:rgba(255,255,255,.1);
    border-color:var(--mint);transform:translateY(-3px)}
  .door:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

  /* A marca: painel maior, figura preenchida, cor por trilha. */
  .door .dmark{width:76px;height:76px;border-radius:20px;margin-bottom:22px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    color:#e8edf7;transition:background .16s,color .16s,border-color .16s}
  .door.dp .dmark{background:rgba(144,208,186,.14);border-color:rgba(144,208,186,.3);
    color:var(--mint)}
  .door .dmark svg{width:42px;height:42px}
  .door:hover .dmark{background:rgba(255,255,255,.14)}
  .door.dp:hover .dmark{background:rgba(144,208,186,.2)}

  /* ---------- cabeçalho no telefone ---------- */
  /* A faixa só existe no telefone: no desktop o "Book a call" já está na nav. */
  .mcta{display:none}
  @media(max-width:760px){
    .mcta{display:block;background:var(--mint);color:var(--navy-deep);
      text-align:center;text-decoration:none;font:700 14.5px var(--body);
      padding:12px 16px;letter-spacing:.2px}
    .mcta span{margin-left:4px}

    /* Logo à esquerda, comutador à direita. Nada mais na barra. */
    .hbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
      gap:12px;padding-top:11px;padding-bottom:11px}
    .hbar > .tsw{order:0;margin:0}          /* o order:-1 era o que desalinhava */
    .logo{order:-1;flex:0 0 auto}
    .logo img{height:22px}
    .hnav{display:none}

    .tsw{padding:2px}
    .tsw a{padding:7px 13px;font-size:12.5px}
  }

  /* ---------- trilha do parceiro: no sistema da casa ---------- */
  /* Seções alternadas, como no fluxo do empregador. */
  .sec.alt{background:var(--paper)}
  .partsec{background:var(--white)}

  /* O hero do parceiro não tem fotografia; no lugar da arte ficam as três
     provas, com o mesmo peso visual que a imagem tem do outro lado. */
  .phero-art{display:flex;align-items:center}
  .phero-art .pstats{display:grid;gap:12px;margin:0;width:100%;max-width:none}
  .phero-art .pstat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
    border-radius:16px;padding:20px 22px}
  .phero-art .pstat b{font-size:30px}

  /* O formulário de qualificação usa o cartão da faixa da casa. */
  .bookcard [aria-invalid="true"]{border-color:#b3402f;background:#fdf6f5}

  /* ---------- a checklist: quem faz o quê ---------- */
  .tracklist{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:start}
  .trk{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
  /* As duas que importam ocupam a linha de cima; as outras três dividem a de baixo. */
  .trk-us{grid-row:span 3}
  .trk-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
  .trk-h b{font-family:var(--display);font-size:17px;color:var(--navy-deep)}
  .trk-h span{font:700 11.5px var(--body);letter-spacing:.8px;text-transform:uppercase;
    color:var(--muted);white-space:nowrap}
  .trk ol{margin:0;padding:0;list-style:none;counter-reset:t}
  .trk li{counter-increment:t;position:relative;padding:7px 0 7px 30px;font-size:14px;
    line-height:1.5;color:var(--muted)}
  .trk li::before{content:counter(t);position:absolute;left:0;top:7px;width:20px;height:20px;
    border-radius:6px;display:grid;place-items:center;font:800 10.5px var(--body);
    background:var(--bg);color:var(--muted)}
  /* O que NÓS fazemos: destacado, porque é o argumento. */
  .trk-us{background:var(--navy-deep);border-color:var(--navy-deep)}
  .trk-us .trk-h{border-bottom-color:rgba(255,255,255,.16)}
  .trk-us .trk-h b{color:#fff}
  .trk-us .trk-h span{color:var(--mint)}
  .trk-us li{color:#cfd8ea}
  .trk-us li::before{background:rgba(144,208,186,.18);color:var(--mint)}
  /* O que o PARCEIRO faz: em destaque claro, para a comparação ser imediata. */
  .trk-you{border-color:rgba(144,208,186,.5);background:#f2f8f5}
  .trk-you .trk-h b{color:var(--navy-deep)}
  .trk-you li::before{background:rgba(144,208,186,.3);color:#2f7d5d}
  @media(max-width:900px){
    .tracklist{grid-template-columns:1fr}
    .trk-us{grid-row:auto}
  }

  /* Folga à direita em todo select: a seta nativa ocupa esse espaço. */
  select,.fld select,.cf select,.pc-f select{padding-right:38px}

  /* ---------- barra de proporção do trabalho ---------- */
  .whobar{margin:0 0 26px}
  .whobar-in{display:flex;height:74px;border-radius:16px;overflow:hidden;
    border:1px solid var(--line)}
  .sg{display:flex;flex-direction:column;justify-content:center;padding:0 16px;min-width:0;
    overflow:hidden}
  .sg b{font-family:var(--display);font-size:22px;line-height:1;font-weight:800}
  .sg em{font-style:normal;font-size:11.5px;line-height:1.3;margin-top:4px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sg-us{background:var(--navy-deep);color:#fff}
  .sg-us b{color:var(--mint)}
  .sg-us em{color:#b9c4dc}
  .sg-you{background:#d9ece4;color:var(--navy-deep)}
  .sg-you em{color:#3f7d67}
  .sg-x{background:var(--bg);color:var(--navy-deep)}
  .sg-x em{color:var(--muted)}
  .sg-x + .sg-x{border-left:1px solid var(--line)}
  .whobar figcaption{margin-top:12px;font-size:13.5px;color:var(--muted)}

  /* duas trilhas que carregam o argumento, lado a lado */
  .tracklist{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:start}
  .trk-us{grid-row:auto}
  /* as outras três, compactas */
  .trackrest{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
  .trk-sm{padding:18px 20px}
  .trk-sm .trk-h b{font-size:15px}
  .trk-sm .trk-h span{background:var(--bg);border-radius:6px;padding:2px 8px}
  .trk-sm li{font-size:13.5px;padding-left:26px}
  .trk-sm li::before{width:18px;height:18px;font-size:10px}

  /* ---------- ferramentas de economia ---------- */
  .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .tool{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;
    transition:transform .16s,box-shadow .16s}
  .tool:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(14,24,55,.08)}
  .tool .ti{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
    background:#e4f2ec;color:var(--navy);margin-bottom:12px}
  .tool .ti svg{width:20px;height:20px}
  .tool b{display:block;font-family:var(--display);font-size:15px;color:var(--navy-deep);
    line-height:1.3;margin-bottom:5px}
  .tool span{display:block;font-size:13px;color:var(--muted);line-height:1.5}
  @media(max-width:1000px){.tools{grid-template-columns:repeat(2,1fr)}
    .tracklist,.trackrest{grid-template-columns:1fr}}
  @media(max-width:620px){
    .tools{grid-template-columns:1fr}
    .whobar-in{height:auto;flex-direction:column}
    .sg{padding:12px 16px}
    .sg em{white-space:normal}
  }

  /* As provas do parceiro, agora sob o texto: mesma régua dos stats do
     fluxo do empregador. */
  .hero .pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;
    max-width:none}
  .hero .pstat{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.18);
    border-radius:0;padding:14px 0 0}
  .hero .pstat b{display:block;font-family:var(--display);font-size:24px;color:var(--mint);
    line-height:1;margin-bottom:6px}
  .hero .pstat span{font-size:12.5px;color:#b9c4dc;line-height:1.45}
  @media(max-width:760px){.hero .pstats{grid-template-columns:1fr;gap:0}
    .hero .pstat{padding:12px 0}}

  /* ---------- swimlane: quem faz o quê, e quando ---------- */
  .swim{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white)}
  .lane{display:grid;grid-template-columns:190px repeat(4,1fr);align-items:stretch}
  .lane + .lane{border-top:1px solid var(--line)}
  .lane-head{background:var(--bg)}
  .lane-head .lc{display:flex;align-items:center;gap:8px;padding:12px 14px;
    font:700 11.5px var(--body);letter-spacing:.8px;text-transform:uppercase;
    color:var(--muted);border-left:1px solid var(--line)}
  .lane-head em{font-style:normal;display:grid;place-items:center;width:18px;height:18px;
    border-radius:5px;background:var(--navy-deep);color:#fff;font-size:10px;flex:0 0 auto}
  .lname{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:14px;background:var(--bg)}
  .lname b{font-family:var(--display);font-size:14.5px;color:var(--navy-deep)}
  .lname i{font-style:normal;font:800 11.5px var(--body);color:var(--muted);
    background:var(--white);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
  .lc{padding:10px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
  .stp{display:block;font-size:12.5px;line-height:1.4;color:var(--navy-deep);
    background:var(--bg);border-radius:8px;padding:8px 10px}
  .none{color:#cfcabb;font-size:13px;padding:8px 10px}

  /* A faixa que carrega o argumento. */
  .lane-us{background:var(--navy-deep)}
  .lane-us .lname{background:rgba(255,255,255,.06)}
  .lane-us .lname b{color:#fff}
  .lane-us .lname i{background:rgba(144,208,186,.18);border-color:transparent;color:var(--mint)}
  .lane-us .lc{border-left-color:rgba(255,255,255,.12)}
  .lane-us .stp{background:rgba(255,255,255,.08);color:#e2e8f4}
  .lane-you .lname{background:#e8f4ee}
  .lane-you .lname i{background:var(--mint);border-color:transparent;color:var(--navy-deep)}
  .lane-you .stp{background:#eef7f2;color:#22503f}

  @media(max-width:960px){
    .swim{border:0;border-radius:0;background:transparent}
    .lane{grid-template-columns:1fr}
    .lane + .lane{border-top:0}
    .lane-head{display:none}
    .lane{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden;
      background:var(--white)}
    .lc{border-left:0;border-top:1px solid var(--line)}
    .lc:empty,.lc:has(.none){display:none}
  }

  /* ---------- a esteira: tudo sob uma faixa só ---------- */
  .pipe{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white)}
  .pipe-band{background:var(--navy-deep);color:#fff;padding:13px 20px;
    font:700 11.5px var(--body);letter-spacing:1.1px;text-transform:uppercase}
  .pipe-band span{display:inline-flex;align-items:center;gap:9px}
  .pipe-band span::before{content:"";width:8px;height:8px;border-radius:50%;
    background:var(--mint)}
  .pipe-row{display:grid;grid-template-columns:repeat(4,1fr)}
  .ph{padding:20px;border-left:1px solid var(--line)}
  .ph:first-child{border-left:0}
  .ph-n{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;
    background:var(--bg);color:var(--muted);font:800 11.5px var(--body);margin-bottom:11px}
  .ph b{display:block;font-family:var(--display);font-size:16px;color:var(--navy-deep);
    margin-bottom:5px}
  .ph-d{display:block;font-size:13px;color:var(--muted);line-height:1.5}

  /* As quatro do parceiro: pequenas de propósito. */
  .yours{margin-top:16px;border:1px solid rgba(144,208,186,.5);border-radius:16px;
    background:#f2f8f5;padding:18px 20px}
  .yours-h{font:700 11.5px var(--body);letter-spacing:1.1px;text-transform:uppercase;
    color:#2f7d5d;margin-bottom:12px}
  .yours-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .yr{font-size:13.5px;line-height:1.45;color:#22503f;padding-left:20px;position:relative}
  .yr::before{content:"";position:absolute;left:0;top:6px;width:11px;height:11px;
    border-radius:3px;border:2px solid var(--mint)}
  .yr b{display:block;font-family:var(--display);font-size:14.5px;color:var(--navy-deep)}

  @media(max-width:820px){
    .pipe-row,.yours-row{grid-template-columns:1fr}
    .ph{border-left:0;border-top:1px solid var(--line)}
    .ph:first-child{border-top:0}
  }

  /* Sem descrições: a fase é só o nome, e a faixa diz de quem é o trabalho. */
  .pipe-row .ph{padding:18px 20px;display:flex;align-items:center;gap:10px}
  .pipe-row .ph b{font-size:15.5px;margin:0}
  .pipe-row .ph::before{content:"";width:7px;height:7px;border-radius:50%;
    background:var(--mint);flex:0 0 auto}

  /* ---------- o trilho ---------- */
  .rail{margin:0;padding:30px 34px 26px;border:1px solid var(--line);border-radius:18px;
    background:var(--white)}
  .rail-ends{display:flex;justify-content:space-between;font:700 11.5px var(--body);
    letter-spacing:.9px;text-transform:uppercase;color:var(--muted);margin-bottom:18px}

  /* A linha atravessa as quatro estações: é ela que diz "contínuo". */
  .rail-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);
    padding-top:6px}
  .rail-track::before{content:"";position:absolute;left:6%;right:6%;top:13px;height:3px;
    border-radius:2px;
    background:linear-gradient(90deg,var(--navy-deep),var(--navy),var(--mint))}
  .stop{position:relative;display:flex;flex-direction:column;align-items:center;
    text-align:center;gap:11px}
  .stop .dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;
    border-radius:50%;background:var(--navy-deep);color:#fff;
    box-shadow:0 0 0 5px var(--white)}
  .stop .dot i{font-style:normal;font:800 12px var(--body)}
  .stop:last-child .dot{background:var(--mint);color:var(--navy-deep)}
  .stop b{font-family:var(--display);font-size:15.5px;color:var(--navy-deep);line-height:1.25}

  /* A barra de posse, por baixo de tudo. */
  .rail-own{margin-top:22px;position:relative;height:38px;border-radius:10px;
    background:var(--navy-deep);display:grid;place-items:center}
  .rail-own::before,.rail-own::after{content:"";position:absolute;top:-6px;width:1px;height:6px;
    background:var(--line)}
  .rail-own::before{left:6%}
  .rail-own::after{right:6%}
  .rail-own span{font:700 11.5px var(--body);letter-spacing:1.2px;text-transform:uppercase;
    color:var(--mint)}

  @media(max-width:760px){
    .rail{padding:22px 20px}
    .rail-ends{flex-direction:column;gap:4px;margin-bottom:14px}
    .rail-ends span:last-child{color:var(--navy)}
    .rail-track{grid-template-columns:1fr;gap:16px}
    .rail-track::before{left:13px;right:auto;top:6px;bottom:6px;width:3px;height:auto;
      background:linear-gradient(180deg,var(--navy-deep),var(--mint))}
    .stop{flex-direction:row;align-items:center;text-align:left;gap:14px}
  }

  /* ---------- painel: o que está dentro é nosso ---------- */
  .own{margin:0;padding:26px 30px 22px;border-radius:20px;background:var(--navy-deep);
    color:#fff;position:relative;overflow:hidden}
  /* um brilho leve para o painel não ser um retângulo chapado */
  .own::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;
    border-radius:50%;background:radial-gradient(closest-side,rgba(144,208,186,.16),transparent)}
  .own-tag{display:inline-flex;align-items:center;gap:9px;font:700 11.5px var(--body);
    letter-spacing:1.2px;text-transform:uppercase;color:var(--mint);margin-bottom:22px}
  .pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);
    box-shadow:0 0 0 0 rgba(144,208,186,.6);animation:pl 2.4s infinite}
  @keyframes pl{70%{box-shadow:0 0 0 9px rgba(144,208,186,0)}100%{box-shadow:0 0 0 0 rgba(144,208,186,0)}}
  @media(prefers-reduced-motion:reduce){.pulse{animation:none}}

  .own-flow{position:relative;display:flex;align-items:stretch;gap:0}
  .st{flex:1 1 0;min-width:0;padding:0 4px}
  .st-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
    font:800 12px var(--body);color:#fff;margin-bottom:12px}
  .st:last-child .st-n{background:var(--mint);border-color:var(--mint);color:var(--navy-deep)}
  .st b{display:block;font-family:var(--display);font-size:16.5px;line-height:1.2;
    margin-bottom:5px}
  .st-d{display:block;font-size:12.5px;line-height:1.45;color:#93a2c2}
  /* a seta entre fases: continuidade sem uma linha atravessando texto */
  .st-arrow{flex:0 0 26px;align-self:flex-start;margin-top:14px;position:relative}
  .st-arrow::before{content:"";position:absolute;left:0;right:8px;top:0;height:1px;
    background:rgba(255,255,255,.22)}
  .st-arrow::after{content:"";position:absolute;right:6px;top:-3px;width:7px;height:7px;
    border-top:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.35);
    transform:rotate(45deg)}

  .own-foot{display:flex;justify-content:space-between;margin-top:24px;padding-top:14px;
    border-top:1px solid rgba(255,255,255,.14);font:600 12px var(--body);color:#7f8fb4}
  .own-foot span:last-child{color:var(--mint)}

  /* ---------- o único passo do parceiro ---------- */
  .yourstep{display:flex;align-items:center;gap:14px;margin:14px 0 0 30px;padding:16px 20px;
    border:1px solid rgba(144,208,186,.55);border-radius:14px;background:#f2f8f5;
    max-width:520px;position:relative}
  .yourstep::before{content:"";position:absolute;left:34px;top:-15px;width:1px;height:15px;
    background:rgba(144,208,186,.7)}
  .ys-mark{flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:2px solid var(--mint);
    position:relative}
  .ys-mark::after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;
    border-right:2px solid #2f7d5d;border-bottom:2px solid #2f7d5d;transform:rotate(42deg)}
  .yourstep b{display:block;font-family:var(--display);font-size:15px;color:var(--navy-deep)}
  .yourstep span{font-size:13.5px;color:#3f6b59;line-height:1.45}

  @media(max-width:820px){
    .own{padding:22px 20px 18px}
    .own-flow{flex-direction:column;gap:18px}
    .st-arrow{display:none}
    .own-foot{flex-direction:column;gap:4px}
    .yourstep{margin-left:0;max-width:none}
    .yourstep::before{left:26px}
  }

  /* ---------- o que sai das costas do parceiro ---------- */
  .handled{border-radius:20px;background:var(--navy-deep);color:#fff;padding:26px 30px 28px;
    position:relative;overflow:hidden}
  .handled::after{content:"";position:absolute;right:-140px;top:-140px;width:400px;height:400px;
    border-radius:50%;background:radial-gradient(closest-side,rgba(144,208,186,.14),transparent)}
  .handled-tag{display:inline-flex;align-items:center;gap:9px;font:700 11.5px var(--body);
    letter-spacing:1.2px;text-transform:uppercase;color:var(--mint);margin-bottom:24px}
  .handled-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 26px;position:relative}
  .hd{padding-left:28px;position:relative}
  .hd-tick{position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
    background:rgba(144,208,186,.18)}
  .hd-tick::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;
    border-right:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(42deg)}
  .hd b{display:block;font-family:var(--display);font-size:15.5px;line-height:1.25;
    margin-bottom:4px}
  .hd span{display:block;font-size:12.5px;line-height:1.45;color:#93a2c2}

  /* O que ele NÃO precisa: a contrapartida, em uma linha. */
  .nonlist{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
  .non{border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13.5px;
    font-weight:600;color:var(--navy-deep);background:var(--white);position:relative;
    padding-left:32px}
  .non::before{content:"";position:absolute;left:14px;top:50%;width:9px;height:1.5px;
    background:var(--amber);transform:translateY(-50%)}

  @media(max-width:1000px){.handled-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:560px){.handled-grid{grid-template-columns:1fr}
    .handled{padding:22px 20px 24px}}