/*
  OUTREM — ARQUIVO DE ESTILOS
  Como trocar fotos:
  1. Abra a pasta imagens.
  2. Substitua o arquivo mantendo exatamente o mesmo nome.
     Exemplo: para trocar a imagem principal, substitua imagens/photo-hero.png.
  3. Mantenha a extensão igual ou ajuste o caminho abaixo em :root.

  Fotos e logos usadas no site ficam nas variáveis em :root, logo no começo deste arquivo.
*/

/*
  AJUSTE COMPACTO
  Esta versão foi reduzida visualmente em torno de 15% a 20% no desktop.
  O HTML continua reservado para textos e estrutura.
  Fotos, cores, tamanhos e espaçamentos continuam no CSS.
*/

:root{
      /* Paleta Outrem — Ciência da Felicidade aplicada ao trabalho */
      --creme-luz:#FAF5ED;
      --areia-viva:#E8D7C1;
      --laranja-terra-vivo:#E97E4E;
      --marrom-cacau-profundo:#5E4033;
      --damasco-solar:#F4A261;
      --verde-salvia:#9BAE8D;
      --azul-sereno:#6F8FA6;
      --grafite-quente:#2F2A26;

      /* Sistema cromático do site */
      --midnight:var(--grafite-quente);
      --deepwash:var(--grafite-quente);
      --salt-fade:var(--areia-viva);
      --red-clay:var(--laranja-terra-vivo);
      --driftwood:var(--marrom-cacau-profundo);
      --moss:var(--verde-salvia);
      --lime:var(--verde-salvia);
      --sea-foam:var(--creme-luz);

      /* Aliases preservados para não quebrar o restante do CSS */
      --paper-white:var(--creme-luz);
      --wine-red:var(--marrom-cacau-profundo);
      --bold-red:var(--laranja-terra-vivo);
      --soft-neon-yellow:var(--damasco-solar);
      --butter-yellow:var(--verde-salvia);
      --periwinkle-jeans:var(--azul-sereno);
      --faded-charcoal:var(--grafite-quente);
      --umber-brown:var(--marrom-cacau-profundo);

      /* Ajustes Outrem */
      --cream:var(--creme-luz);
      --sand:var(--areia-viva);
      --orange:var(--laranja-terra-vivo);
      --sage:var(--verde-salvia);
      --blue:var(--azul-sereno);
      --ink:var(--grafite-quente);
      --muted:var(--marrom-cacau-profundo);
      --line:rgba(47,42,38,.14);
      --line-light:rgba(250,245,237,.28);
      --radius-xl:29px;
      --radius-lg:20px;
      --radius-md:13px;
      --shadow:0 25px 76px rgba(47,42,38,.16);
      --max:1200px;
      --outrem-mark-light:var(--logo-symbol-cream);
      --outrem-mark-dark:var(--logo-symbol-brown);

      /* Fotos */
      --photo-hero:url("imagens/photo-hero.png");
      --photo-oval:url("imagens/photo-oval.jpg");
      --photo-steps:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=2400&q=85');
      --photo-card:url("imagens/photo-card.png");
      --photo-erica:url("imagens/photo-erica.jpg");
      --photo-gracy:url("imagens/photo-gracy.jpg");
      --photo-stage:url("imagens/photo-stage.jpg");
      --photo-hands:url("imagens/photo-hands.png");
      --photo-how-texture:url("imagens/photo-how-texture.jpg");
      --photo-how-conversation:url("imagens/photo-how-conversation.png");
      --logo-word-white:url("imagens/logo-word-white.png");
      --logo-word-graphite:url("imagens/logo-word-graphite.png");
      --logo-symbol-cream:url("imagens/logo-symbol-cream.png");
      --logo-symbol-brown:url("imagens/logo-symbol-brown.png");
      --logo-symbol-orange:url("imagens/logo-symbol-orange.png");
      --logo-symbol-olive:url("imagens/logo-symbol-olive.png");
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--paper-white);
      color:var(--ink);
      font-family:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    a{color:inherit;text-decoration:none}
    button,input,textarea{font:inherit}
    ::selection{background:var(--butter-yellow);color:var(--ink)}

    .serif{font-family:"Playfair Display", Georgia, serif;font-weight:500;letter-spacing:-.055em;line-height:.94}
    .sans-tight{font-family:"Epilogue", "DM Sans", sans-serif;letter-spacing:-.045em}
    .container{max-width:var(--max);margin:0 auto;padding:0 20px}
    .section{padding:94px 0}
    .section-tight{padding:64px 0}
    .kicker{
      display:flex;align-items:center;gap:8px;
      width:max-content;max-width:100%;
      font-size:0.64rem;line-height:1;
      text-transform:uppercase;letter-spacing:.12em;font-weight:800;
      color:rgba(47,42,38,.68);
    }
    .kicker::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--bold-red);box-shadow:0 0 0 5px rgba(233,126,78,.09)}
    .lead{font-size:0.94rem;line-height:1.48;color:rgba(47,42,38,.72);max-width:571px}
    .muted{color:rgba(47,42,38,.64)}

    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      min-height:39px;padding:0 18px;border-radius:999px;
      border:1px solid transparent;font-weight:800;font-size:0.74rem;
      cursor:pointer;transition:.22s ease;white-space:nowrap;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-yellow{background:var(--red-clay);color:var(--paper-white);box-shadow:0 12px 29px rgba(233,126,78,.22)}
    .btn-yellow:hover{background:var(--driftwood)}
    .btn-dark{background:var(--deepwash);color:var(--paper-white);box-shadow:0 12px 29px rgba(47,42,38,.22)}
    .btn-dark:hover{background:var(--midnight)}
.btn-sage{background:#6F8FA6;color:var(--paper-white);box-shadow:0 12px 29px rgba(111,143,166,.24)}
.btn-sage:hover{background:#7F9CB1}
.btn-green{background:#9BAE8D;color:var(--grafite-quente);box-shadow:0 12px 29px rgba(155,174,141,.24)}
.btn-green:hover{background:#A8B79B}
.btn-cream{background:#FAF5ED;color:var(--grafite-quente);border-color:rgba(250,245,237,.55);box-shadow:0 12px 29px rgba(250,245,237,.18)}
.btn-cream:hover{background:#F3ECE1;color:var(--grafite-quente)}
    .btn-red{background:var(--red-clay);color:var(--paper-white);box-shadow:0 13px 32px rgba(233,126,78,.26)}
    .btn-red:hover{background:var(--driftwood)}
    .btn-line{background:rgba(250,245,237,.08);border-color:rgba(250,245,237,.35);color:var(--paper-white)}
    .btn-line:hover{background:var(--paper-white);color:var(--ink)}

    /* HERO */
    .hero{
      min-height:638px;
      position:relative;
      isolation:isolate;
      color:var(--paper-white);
      background:
        linear-gradient(90deg, rgba(47,42,38,.78), rgba(47,42,38,.58) 46%, rgba(47,42,38,.24)),
        linear-gradient(180deg, rgba(47,42,38,.34), rgba(47,42,38,.78)),
        var(--photo-hero) center/cover no-repeat;
      overflow:hidden;
    }
    .hero::after{
      content:"";position:absolute;inset:0;z-index:-1;
      background:
        radial-gradient(circle at 16% 30%, rgba(244,162,97,.14), transparent 20.16rem),
        radial-gradient(circle at 74% 16%, rgba(233,126,78,.18), transparent 23.52rem);
      mix-blend-mode:screen;
    }
    .hero-top{
      max-width:var(--max);margin:0 auto;padding:24px 20px 0;
      display:flex;align-items:center;justify-content:flex-start;gap:17px;
      position:relative;z-index:3;
    }
    .brand{display:flex;align-items:center;gap:0;font-weight:800;letter-spacing:-.06em;font-size:1.05rem;margin-right:17px}
    .brand-logo{display:block;width:158px;max-width:100%;height:auto;object-fit:contain;transform:translateY(1px)}
    .nav-links{display:flex;align-items:center;gap:20px;color:rgba(250,245,237,.82);font-size:0.72rem;font-weight:600}
    .nav-links a{transition:.2s ease}.nav-links a:hover{color:var(--red-clay)}
    .hero-content{
      max-width:var(--max);margin:0 auto;padding:109px 20px 29px;
      display:grid;grid-template-columns:minmax(0,1.18fr) minmax(269px,.72fr);gap:59px;align-items:end;
      min-height:512px;
    }
    .hero-copy{max-width:647px}
    .hero-badge{
      width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;
      padding:8px 11px;border:1px solid rgba(250,245,237,.25);border-radius:999px;
      background:rgba(250,245,237,.10);backdrop-filter:blur(13px);
      font-size:0.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:22px;
    }
    .hero-badge::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--soft-neon-yellow);box-shadow:0 0 0 5px rgba(244,162,97,.14)}
    h1{margin:0;font-size:clamp(3.53rem, 7.56vw, 7.31rem);letter-spacing:-.085em;line-height:.83;font-weight:800}
    .hero-title{font-size:clamp(3.15rem, 6.22vw, 6.26rem);line-height:.86;max-width:714px}
    .hero-subtitle{margin:18px 0 0;max-width:647px;font-size:clamp(1.3rem, 2.18vw, 2.27rem);line-height:1.02;letter-spacing:-.055em;font-weight:800;color:var(--soft-neon-yellow)}
    h1 .highlight{display:block;color:var(--soft-neon-yellow)}
    .hero-side{align-self:center;max-width:353px}
    .hero-side p{font-size:0.91rem;line-height:1.36;margin:0 0 18px;color:rgba(250,245,237,.9)}
    .hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .hero-bottom{
      max-width:var(--max);margin:0 auto;padding:0 20px 27px;display:flex;align-items:end;justify-content:space-between;gap:27px;
      color:rgba(250,245,237,.78);font-size:0.66rem;font-weight:700;
    }
    .client-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:flex-end;text-transform:uppercase;letter-spacing:.08em}
    .client-strip span{opacity:.88}

    /* GRID INSIGHT */
    .grid-band{
      background:
        linear-gradient(rgba(233,126,78,.075) 1px, transparent 1px),
        linear-gradient(90deg, rgba(233,126,78,.075) 1px, transparent 1px),
        var(--paper-white);
      background-size:26px 26px;
      padding:52px 0 32px;
      border-bottom:1px solid rgba(47,42,38,.08);
    }
    .grid-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:end}
    .grid-head h2{font-size:clamp(1.68rem,3.36vw,3.07rem);line-height:.96;margin:0;letter-spacing:-.07em;font-weight:800;max-width:538px}
    .grid-head p{margin:0;color:rgba(47,42,38,.68);font-size:0.87rem;line-height:1.42;max-width:437px}

    .grid-copy{display:grid;gap:12px;max-width:496px}
    .grid-copy p{margin:0;color:rgba(47,42,38,.68);font-size:0.87rem;line-height:1.42}
    .grid-copy p strong{color:var(--faded-charcoal);font-weight:700}
    .signal-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:35px}
    .signal-card{
      background:rgba(250,245,237,.86);border:1px solid rgba(47,42,38,.08);border-radius:13px;padding:13px;min-height:109px;
      box-shadow:0 13px 34px rgba(47,42,38,.08);display:flex;flex-direction:column;justify-content:space-between;gap:15px;
    }
    .mini-icon{
      width:35px;height:35px;border-radius:10px;background:var(--azul-sereno);display:grid;place-items:center;color:var(--grafite-quente);font-weight:900;
      box-shadow:inset 0 0 0 1px rgba(47,42,38,.06);
    }
    .signal-card strong{display:block;font-size:0.8rem;letter-spacing:-.04em;line-height:1.05}
    .signal-card span{display:block;margin-top:3px;color:rgba(47,42,38,.62);font-size:0.66rem;line-height:1.12}

    
/* AJUSTE V5 — marcadores em Azul Sereno + logo no lugar da foto da seção statement */

    /* BIG STATEMENT */
    .statement{background:var(--paper-white)}
    .statement-inner{display:grid;grid-template-columns:76px minmax(0,1fr);gap:30px;align-items:start}
    .oval-photo{
      width:96px;height:143px;border-radius:0;background:var(--logo-symbol-brown) center/contain no-repeat;
      box-shadow:none;
    }
    .statement h2{margin:0;font-size:clamp(2.69rem,5.71vw,5.8rem);line-height:.92;max-width:980px;color:var(--faded-charcoal)}
    .statement-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:59px;margin-top:62px;align-items:start}
    .statement-grid h3{margin:0;font-size:clamp(1.47rem,1.93vw,2.27rem);line-height:.95;letter-spacing:-.07em;max-width:302px}
    .feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}
    .feature{display:grid;gap:11px}
    .feature .mini-icon{background:var(--azul-sereno);color:var(--grafite-quente)}
    .feature strong{font-size:0.81rem;line-height:1.1;letter-spacing:-.035em}
    .feature p{font-size:0.71rem;line-height:1.28;margin:0;color:rgba(47,42,38,.65)}
    .statement-note{margin-top:40px;border-top:1px solid rgba(47,42,38,.14);padding-top:24px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:39px;align-items:start}
    .statement-note p{margin:0;color:rgba(47,42,38,.72);font-size:0.87rem;line-height:1.44;max-width:437px}
    .statement-note p strong{color:var(--faded-charcoal)}
    .mini-pill-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .mini-pill-list span{display:block;border:1px solid rgba(47,42,38,.12);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.5);font-size:0.72rem;font-weight:800;letter-spacing:-.025em;color:rgba(47,42,38,.78)}


    /* DECISION DATA */
    .decision-data{
      background:var(--deepwash);
      color:var(--paper-white);
      border-top:1px solid rgba(250,245,237,.12);
      border-bottom:1px solid rgba(47,42,38,.12);
    }
    .decision-data .kicker{color:rgba(250,245,237,.76)}
    .decision-data .kicker::before{background:var(--red-clay);box-shadow:0 0 0 5px rgba(233,126,78,.12)}
    .data-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:end;margin-bottom:29px}
    .data-head h2{font-size:clamp(2.35rem,4.54vw,4.96rem);line-height:.9;margin:17px 0 0;max-width:605px;color:var(--paper-white)}
    .data-head p{margin:0;color:rgba(250,245,237,.76);font-size:0.87rem;line-height:1.48;max-width:538px}
    .roi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}
    .roi-card{
      position:relative;
      min-height:281px;
      padding:17px;
      border-radius:18px;
      border:1px solid rgba(250,245,237,.20);
      background:rgba(250,245,237,.08);
      color:var(--paper-white);
      box-shadow:0 18px 59px rgba(0,0,0,.16);
      cursor:pointer;
      transition:.22s ease;
      user-select:text;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .roi-card *{user-select:text}
    .roi-card::after{content:"";position:absolute;right:-44px;bottom:-64px;width:176px;height:176px;background:var(--logo-symbol-cream) center/contain no-repeat;opacity:.14;pointer-events:none;}
    .roi-card.is-selected::after{background:var(--logo-symbol-cream) center/contain no-repeat;opacity:.14;}
    .roi-card:hover,.roi-card:focus-visible{transform:translateY(-3px);border-color:rgba(111,143,166,.62);background:var(--sea-foam);color:var(--faded-charcoal);box-shadow:0 24px 67px rgba(0,0,0,.24);outline:none}
    .roi-card.is-selected{background:rgba(250,245,237,.08);color:var(--paper-white);border-color:rgba(250,245,237,.20);box-shadow:0 18px 59px rgba(0,0,0,.16)}
    .roi-card.is-selected::before{content:none}
    .roi-source{display:block;position:absolute;top:17px;left:17px;right:72px;font-size:0.58rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:currentColor;opacity:.68;margin-bottom:0;padding-right:0}
    .roi-number{display:block;font-family:"Playfair Display", Georgia, serif;font-size:clamp(2.69rem,4.2vw,4.54rem);line-height:.78;letter-spacing:-.08em;margin:0 0 15px;color:currentColor}
    .roi-card h3{margin:0;font-size:0.86rem;line-height:1.05;letter-spacing:-.04em;max-width:218px}
    .roi-card p{display:none}
    .roi-link{display:inline-flex;position:absolute;left:17px;bottom:17px;margin-top:0;font-size:0.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:3px;opacity:.88}
    .roi-note{display:none}
    .roi-note strong{color:var(--soft-neon-yellow)}

    /* HOW */
    .how{
      min-height:437px;display:flex;align-items:center;position:relative;color:var(--paper-white);
      background:
        linear-gradient(180deg, rgba(94,64,51,.54), rgba(94,64,51,.42)),
        linear-gradient(90deg, rgba(94,64,51,.46), rgba(94,64,51,.26) 48%, rgba(94,64,51,.40)),
        var(--photo-how-conversation) center/cover no-repeat;
      overflow:hidden;
    }
    .how::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(94,64,51,.22), rgba(94,64,51,.10))}
    .how-inner{position:relative;z-index:1;width:100%;padding:44px 0 40px}
    .how .kicker{color:rgba(250,245,237,.84)}
    .how .kicker::before{background:var(--laranja-terra-vivo);box-shadow:0 0 0 5px rgba(233,126,78,.14)}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px;border-top:1px solid rgba(250,245,237,.24)}
    .step{padding-top:24px;min-height:160px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}
    .step-number{font-family:"Playfair Display", Georgia, serif;font-size:3.53rem;line-height:.8;color:rgba(244,162,97,.78)}
    .step h3{margin:0;font-size:2.02rem;line-height:.88;letter-spacing:-.08em;color:var(--soft-neon-yellow)}
    .step-number,.step h3,.step p{width:100%;max-width:238px;text-align:left}
    .step p{margin:6px auto 0;color:rgba(250,245,237,.92);line-height:1.32;font-size:0.81rem;max-width:238px}

    /* OFFERS */
    .offers{background:var(--paper-white)}
    .offers-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:39px;align-items:end;margin-bottom:40px}
    .offers-head .kicker{margin-bottom:15px}
    .offers-head h2{font-size:clamp(1.97rem,3.53vw,3.78rem);line-height:.95;margin:0;color:var(--faded-charcoal);max-width:470px}
    .offers-head p{font-size:0.94rem;line-height:1.46;color:rgba(47,42,38,.68);max-width:487px;margin:0 0 3px}
    .offers-head p strong{display:block;color:var(--faded-charcoal);font-size:0.99rem;margin-bottom:7px;letter-spacing:-.035em}
    .offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .offer-card{
      min-height:323px;border:1px solid rgba(47,42,38,.1);border-radius:20px;background:rgba(255,255,255,.54);
      padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 17px 50px rgba(47,42,38,.08);overflow:hidden;position:relative;
    }
    .offer-card:nth-child(1){background:#9BAE8D}
    .offer-card:nth-child(2){background:var(--wine-red);color:var(--paper-white)}
    .offer-card:nth-child(3){background:#6F8FA6;color:var(--paper-white)}
    .offer-card:nth-child(4){background:var(--butter-yellow)}
    .offer-card:nth-child(5){background:var(--deepwash);color:var(--paper-white)}
    .offer-card:nth-child(6){background:var(--periwinkle-jeans);color:var(--grafite-quente)}
    .offer-card::after{content:"";position:absolute;right:-62px;bottom:-97px;width:218px;height:218px;background:var(--logo-symbol-cream) center/contain no-repeat;opacity:.16}
    .offer-card:nth-child(1)::after,.offer-card:nth-child(4)::after{background:var(--logo-symbol-brown) center/contain no-repeat;opacity:.09}
    .offer-card:nth-child(5)::after{background:var(--logo-symbol-cream) center/contain no-repeat;opacity:.14}
    .offer-card:nth-child(6)::after{background:var(--logo-symbol-brown) center/contain no-repeat;opacity:.10}
    .offer-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:17px}
    .offer-label{font-size:0.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;opacity:.78}
    .duration{font-size:0.64rem;font-weight:900;padding:7px 8px;border-radius:999px;background:rgba(250,245,237,.24);border:1px solid rgba(250,245,237,.28)}
    .offer-card:nth-child(1) .duration,.offer-card:nth-child(4) .duration{background:rgba(47,42,38,.08);border-color:rgba(47,42,38,.12)}
    .offer-body{position:relative;z-index:1;margin-top:67px}
    .offer-body h3{font-size:clamp(1.6rem,2.6vw,2.9rem);line-height:.88;margin:0 0 15px;letter-spacing:-.08em}
    .offer-body p{margin:0;line-height:1.32;font-size:0.79rem;max-width:269px;opacity:.9}
    .offer-meta{position:relative;z-index:1;margin-top:25px;border-top:1px solid currentColor;padding-top:12px;font-size:0.67rem;line-height:1.22;opacity:.82}
    .offer-card.wide{grid-column:span 2;min-height:260px;background:
      linear-gradient(90deg, rgba(47,42,38,.86), rgba(47,42,38,.72)),
      var(--photo-steps) center/cover no-repeat,
      var(--deepwash);color:var(--paper-white)}
    .offer-card.wide .offer-body{margin-top:44px}.offer-card.wide .offer-body h3{max-width:554px;color:var(--paper-white)}
    .offer-card.wide .offer-body p,
    .offer-card.wide .offer-meta,
    .offer-card.wide .offer-label{color:var(--paper-white)}
    .offer-card.wide .duration{background:rgba(250,245,237,.22);border-color:rgba(250,245,237,.38);color:var(--paper-white)}
    .feminine-offer{margin-top:15px}
    .offer-card.feminine{min-height:218px;background:linear-gradient(135deg, rgba(47,42,38,.06), rgba(233,126,78,.12)), var(--paper-white);color:var(--faded-charcoal)}
    .offer-card.feminine::after{background:var(--logo-symbol-orange) center/contain no-repeat;opacity:.08;right:-47px;bottom:-81px;width:193px;height:193px}
    .offer-card.feminine .duration{background:rgba(47,42,38,.06);border-color:rgba(47,42,38,.12)}
    .offer-card.feminine .offer-body{margin-top:39px;max-width:638px}
    .offer-card.feminine .offer-body p{max-width:638px}


    /* HERO PRODUCT */
    .product-band{background:#6F8FA6;padding:81px 0;border-top:1px solid rgba(47,42,38,.08);border-bottom:1px solid rgba(47,42,38,.08)}
    .product-card{
      background:var(--paper-white);border-radius:25px;padding:24px;box-shadow:0 18px 59px rgba(47,42,38,.12);display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:stretch;
    }
    .product-photo{
      min-height:437px;border-radius:18px;background:
        linear-gradient(180deg, rgba(47,42,38,.08), rgba(47,42,38,.54)),
        var(--photo-card) center/cover no-repeat;position:relative;overflow:hidden;
    }
    .product-photo::after{content:"Felicidade aplicada ao trabalho real";position:absolute;left:20px;right:20px;bottom:20px;color:var(--paper-white);font-weight:900;font-size:0.69rem;letter-spacing:.08em;text-transform:uppercase}
    .product-copy{padding:17px 7px 10px 17px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}
    .product-copy h2{font-size:clamp(2.86rem,5.46vw,5.71rem);margin:0;color:var(--faded-charcoal)}
    .product-copy .lead{font-size:0.87rem;max-width:470px}
    .includes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
    .include{border-top:1px solid rgba(47,42,38,.16);padding-top:12px;font-size:0.72rem;line-height:1.25;color:rgba(47,42,38,.68)}
    .include strong{display:block;color:var(--ink);font-size:0.77rem;margin-bottom:5px}



    /* MOVING WORDS */
    .marquee-band{background:var(--faded-charcoal);color:var(--paper-white);overflow:hidden;border-top:1px solid rgba(250,245,237,.14);border-bottom:1px solid rgba(250,245,237,.14)}
    .marquee-row{display:flex;width:max-content;animation:marquee 34s linear infinite;gap:28px;padding:15px 0;will-change:transform;align-items:center}
    .marquee-row span{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;border-radius:0;background:transparent;font-size:0.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:rgba(250,245,237,.78);white-space:nowrap;flex:0 0 auto}
    .marquee-row span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--soft-neon-yellow)}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    /* FACILITATORS */
    .facilitators{background:var(--paper-white)}
    .facilitators-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:end;margin-bottom:37px}
    .facilitators-head h2{font-size:clamp(2.52rem,5.12vw,5.46rem);line-height:.9;margin:15px 0 0;color:var(--faded-charcoal);max-width:605px}
    .facilitators-head p{margin:0;color:rgba(47,42,38,.68);line-height:1.48;font-size:0.88rem;max-width:546px}
    .facilitator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
    .facilitator-card{display:grid;grid-template-columns:minmax(185px,.78fr) 1fr;gap:0;border:1px solid rgba(47,42,38,.11);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.58);box-shadow:0 18px 59px rgba(47,42,38,.10)}
    .facilitator-photo{min-height:370px;background:center/cover no-repeat;position:relative}
    .facilitator-photo.erica{background-image:linear-gradient(180deg, rgba(47,42,38,0), rgba(47,42,38,.22)), var(--photo-erica)}
    .facilitator-photo.gracy{background-image:linear-gradient(180deg, rgba(47,42,38,0), rgba(47,42,38,.22)), var(--photo-gracy)}
    .facilitator-copy{padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
    .facilitator-copy h3{font-size:clamp(1.81rem,2.77vw,3.02rem);line-height:.88;letter-spacing:-.075em;margin:0;color:var(--faded-charcoal)}
    .facilitator-copy p{margin:0;color:rgba(47,42,38,.76);line-height:1.55;font-size:0.82rem}.facilitator-stack{display:grid;gap:10px}.facilitator-stack p+p{margin-top:0}
    .bio-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
    .bio-tags span{border:1px solid rgba(47,42,38,.13);border-radius:999px;padding:6px 8px;font-size:0.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:rgba(47,42,38,.62);background:rgba(250,245,237,.72)}

    /* TRUSTED */
    .trusted{background:var(--deepwash);color:var(--paper-white);padding:72px 0;border-top:1px solid rgba(250,245,237,.14)}
    .trusted-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:37px;align-items:end;margin-bottom:29px}
    .trusted h2{font-size:clamp(2.35rem,4.54vw,4.87rem);line-height:.92;margin:15px 0 0;color:var(--paper-white);max-width:11ch}
    .trusted p{margin:0;max-width:588px;color:rgba(250,245,237,.9);line-height:1.56}
    .client-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:27px}
    .client-cloud span{display:grid;place-items:center;min-height:59px;border:1px solid rgba(250,245,237,.28);border-radius:15px;background:rgba(250,245,237,.12);font-size:0.67rem;text-align:center;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:rgba(250,245,237,.96);padding:10px}

    /* ECHOES */
    .echoes{background:rgba(250,245,237,.98);padding:77px 0 66px;color:var(--ink)}
    .echoes-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:39px;align-items:end;margin-bottom:29px}
    .echoes h2{font-size:clamp(2.52rem,5.04vw,5.38rem);line-height:.9;margin:15px 0 0;color:var(--faded-charcoal)}
    .echoes-head p{margin:0;color:rgba(47,42,38,.7);line-height:1.48;max-width:563px}
    .echo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
    .echo-card{min-height:210px;border:1px solid rgba(47,42,38,.16);border-radius:20px;background:rgba(250,245,237,.62);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 13px 42px rgba(47,42,38,.08)}
    .echo-card blockquote{font-family:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:clamp(1rem,1.25vw,1.26rem);line-height:1.42;letter-spacing:-.02em;margin:0;color:var(--faded-charcoal);font-weight:500}
    .echo-card span{display:block;font-size:0.62rem;line-height:1.45;text-transform:none;letter-spacing:.01em;font-weight:700;color:rgba(47,42,38,.66);margin-top:17px}

    /* SOCIAL FOOTER */
    .social-links{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}
    .social-links a{width:34px;height:34px;border-radius:999px;border:1px solid rgba(250,245,237,.18);display:grid;place-items:center;color:var(--paper-white);background:rgba(250,245,237,.06);transition:.2s ease}
    .social-links a:hover{background:var(--red-clay);color:var(--paper-white);transform:translateY(-2px)}
    .social-links svg{width:15px;height:15px;display:block;fill:currentColor}


    /* FAQ */
    .faq{background:rgba(155,174,141,.16);padding:69px 0 59px}
    .faq h2{font-size:clamp(1.85rem,3.86vw,3.36rem);letter-spacing:-.08em;line-height:.95;margin:0 0 25px}
    details{border-top:1px solid rgba(47,42,38,.28)}
    details:last-child{border-bottom:1px solid rgba(47,42,38,.28)}
    summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;font-weight:800;letter-spacing:-.02em}
    summary::-webkit-details-marker{display:none}
    summary::after{content:"+";font-size:0.92rem;font-weight:500}
    details[open] summary::after{content:"–"}
    details p{margin:0 0 17px;max-width:638px;color:rgba(47,42,38,.7);line-height:1.45}

    /* FINAL */
    .final-cta{background:var(--midnight);color:var(--paper-white);padding:60px 0 37px}
    .final-grid{display:grid;grid-template-columns:1fr 235px;gap:59px;align-items:end}
    .final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .final-cta h2{font-size:clamp(2.1rem,4.2vw,4.87rem);margin:0 0 15px;max-width:638px;color:var(--paper-white)}
    .final-cta p{max-width:521px;color:rgba(250,245,237,.78);line-height:1.42;font-size:0.84rem;margin:0 0 20px}
    .final-logo{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.final-logo img{display:block;width:min(202px,100%);height:auto}.final-logo span{display:block;color:rgba(250,245,237,.54);font-size:0.66rem;text-transform:uppercase;letter-spacing:.14em;margin-top:0}
    .footer-line{margin-top:55px;padding-top:18px;border-top:1px solid rgba(250,245,237,.16);display:flex;justify-content:space-between;gap:17px;flex-wrap:wrap;color:rgba(250,245,237,.48);font-size:0.66rem}

    @media (max-width: 980px){
      .nav-links{display:none}
      .hero{min-height:634px}.hero-content{grid-template-columns:1fr;gap:28px;padding-top:86px;align-items:start}.hero-side{max-width:546px}.hero-bottom{align-items:flex-start;flex-direction:column}
      .grid-head,.statement-grid,.offers-head,.product-card,.final-grid,.data-head,.facilitators-head,.trusted-head,.echoes-head{grid-template-columns:1fr}
      .signal-cards{grid-template-columns:repeat(2,1fr)}
      .feature-row,.steps,.offers-grid,.roi-grid,.client-cloud,.echo-grid{grid-template-columns:1fr 1fr}
      .offer-card.wide{grid-column:span 2}
      .product-photo{min-height:334px}.facilitator-card{grid-template-columns:1fr}.facilitator-photo{min-height:370px}.final-logo{justify-self:start;text-align:left}.social-links{justify-content:flex-start}
    }
    @media (max-width: 640px){
      .container{padding:0 17px}.section{padding:72px 0}.hero-top{padding:18px 17px 0}.hero-content{padding:75px 17px 26px;min-height:auto}.hero-bottom{padding:0 17px 24px}.hero h1{font-size:3.77rem}
      .hero-actions{width:100%}.hero-actions .btn{width:100%}.hero-side p{font-size:0.92rem}
      .grid-band{padding-top:40px}.signal-cards,.feature-row,.steps,.offers-grid,.includes,.roi-grid,.client-cloud,.echo-grid,.facilitator-grid{grid-template-columns:1fr}
      .statement-inner{grid-template-columns:1fr;gap:20px}.oval-photo{width:66px;height:121px}.statement h2{font-size:3.82rem}.statement-grid{gap:33px;margin-top:44px}.statement-note{grid-template-columns:1fr}.mini-pill-list{grid-template-columns:1fr}
      .how-inner{padding:64px 0 50px}.step{min-height:auto}.offer-card,.offer-card.wide{grid-column:auto;min-height:294px}.offer-body{margin-top:48px}.product-card{padding:17px}.product-copy{padding:9px 2px}.product-copy h2{font-size:3.5rem}.final-cta{padding-top:55px}.footer-line{display:block}.footer-line span{display:block;margin-top:9px}
    }
/*
  AJUSTE COMPACTO V2
  Ajuste mais perceptível de escala visual, sem usar zoom no body.
  Também aproxima o conteúdo principal do topo do hero.
*/
:root{
  --max:1120px;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:12px;
  --shadow:0 20px 60px rgba(47,42,38,.14);
}

body{font-size:15px}
.container{padding:0 18px}
.section{padding:72px 0}
.section-tight{padding:48px 0}
.lead{font-size:.86rem;line-height:1.42;max-width:520px}
.kicker{font-size:.58rem;gap:7px}
.kicker::before{width:7px;height:7px;box-shadow:0 0 0 4px rgba(233,126,78,.09)}
.btn{min-height:35px;padding:0 15px;font-size:.68rem}

/* Hero mais compacto e texto mais perto do topo */
.hero{min-height:560px}
.hero-top{padding:18px 20px 0}
.brand-logo{width:142px}
.nav-links{gap:16px;font-size:.68rem}
.hero-content{
  padding:46px 20px 22px;
  min-height:430px;
  grid-template-columns:minmax(0,1.08fr) minmax(245px,.68fr);
  gap:40px;
  align-items:center;
}
.hero-copy{max-width:600px;transform:translateY(-24px)}
.hero-badge{font-size:.58rem;padding:7px 10px;margin-bottom:14px;gap:7px}
.hero-badge::before{width:7px;height:7px;box-shadow:0 0 0 4px rgba(244,162,97,.14)}
.hero-title{font-size:clamp(2.65rem,5vw,5.25rem);line-height:.86;max-width:600px}
.hero-subtitle{font-size:clamp(1.05rem,1.85vw,1.85rem);margin-top:14px;max-width:560px}
.hero-side{max-width:310px;transform:translateY(-18px)}
.hero-side p{font-size:.82rem;line-height:1.34;margin-bottom:14px}
.hero-bottom{padding-bottom:19px;font-size:.58rem}
.client-strip{gap:12px}

/* Blocos e títulos mais enxutos */
.grid-band{padding:42px 0 28px;background-size:23px 23px}
.grid-head{gap:26px}
.grid-head h2{font-size:clamp(1.48rem,2.9vw,2.62rem);max-width:500px}
.grid-head p,.grid-copy p{font-size:.8rem;line-height:1.38}
.signal-cards{gap:10px;margin-top:26px}
.signal-card{min-height:92px;padding:11px;border-radius:11px;gap:12px}
.mini-icon{width:31px;height:31px;border-radius:9px}
.signal-card strong{font-size:.73rem}
.signal-card span{font-size:.6rem}

.statement h2{font-size:clamp(2.25rem,4.7vw,4.85rem);max-width:900px}
.statement-inner{grid-template-columns:65px minmax(0,1fr);gap:24px}
.oval-photo{width:61px;height:126px}
.statement-grid{gap:42px;margin-top:44px}
.statement-grid h3{font-size:clamp(1.28rem,1.7vw,1.95rem)}
.feature-row{gap:20px}
.feature{gap:9px}
.feature strong{font-size:.74rem}
.feature p{font-size:.66rem;line-height:1.24}
.statement-note{margin-top:30px;padding-top:19px;gap:30px}
.statement-note p{font-size:.8rem;line-height:1.38}
.mini-pill-list{gap:8px}
.mini-pill-list span{font-size:.66rem;padding:8px 11px}

.data-head{gap:34px;margin-bottom:22px}
.data-head h2{font-size:clamp(2rem,3.85vw,4.2rem);margin-top:13px;max-width:560px}
.data-head p{font-size:.8rem;line-height:1.42}
.roi-grid{gap:10px;margin-top:18px}
.roi-card{min-height:235px;padding:15px 15px 44px;border-radius:15px}
.roi-source{font-size:.52rem;top:15px;left:15px;right:60px;margin-bottom:0;padding-right:0}
.roi-number{font-size:clamp(2.2rem,3.4vw,3.7rem);margin:0 0 12px}
.roi-card h3{font-size:.78rem}
.roi-card p{font-size:.66rem;line-height:1.26}
.roi-note{font-size:.72rem;padding:12px 15px;margin-top:14px}

.how{min-height:370px}
.how-inner{padding:40px 0 34px}
.steps{gap:18px;margin-top:18px}
.step{min-height:126px;padding-top:16px;gap:16px;align-items:center;justify-content:flex-start}
.step-number{font-size:2.95rem}
.step h3{font-size:1.65rem}
.step-number,.step h3,.step p{max-width:220px}
.step p{font-size:.72rem;line-height:1.28;max-width:220px;margin:5px auto 0;color:rgba(250,245,237,.92)}

.offers-head{gap:30px;margin-bottom:28px}
.offers-head .kicker{margin-bottom:11px}
.offers-head h2{font-size:clamp(1.72rem,3vw,3.18rem);max-width:430px}
.offers-head p{font-size:.84rem;line-height:1.4;max-width:455px}
.offers-head p strong{font-size:.9rem}
.offers-grid{gap:12px}
.offer-card{min-height:270px;padding:17px;border-radius:18px}
.offer-label,.duration{font-size:.58rem}
.duration{padding:6px 7px}
.offer-body{margin-top:46px}
.offer-body h3{font-size:clamp(1.35rem,2.2vw,2.38rem);margin-bottom:12px}
.offer-body p{font-size:.72rem;line-height:1.26;max-width:245px}
.offer-meta{font-size:.61rem;margin-top:20px;padding-top:10px}
.offer-card.wide{min-height:220px}
.offer-card.wide .offer-body{margin-top:35px}
.offer-card.feminine{min-height:190px}

.product-card{padding:20px;gap:20px;border-radius:22px}
.product-photo{min-height:360px;border-radius:16px}
.product-copy{padding:12px 5px 7px 12px;gap:26px}
.product-copy h2{font-size:clamp(2.35rem,4.55vw,4.65rem)}
.product-copy .lead{font-size:.8rem}
.includes{gap:10px;margin-top:17px}
.include{font-size:.66rem;padding-top:10px}
.include strong{font-size:.72rem}

.marquee-row{padding:12px 0;gap:22px}
.marquee-row span{font-size:.6rem;padding:0}

.facilitators-head{gap:34px;margin-bottom:28px}
.facilitators-head h2{font-size:clamp(2.15rem,4.25vw,4.45rem);margin-top:12px;max-width:560px}
.facilitators-head p{font-size:.8rem;line-height:1.42}
.facilitator-grid{gap:14px}
.facilitator-card{grid-template-columns:minmax(170px,.72fr) 1fr;border-radius:21px}
.facilitator-photo{min-height:315px}
.facilitator-copy{padding:21px;gap:16px}
.facilitator-copy h3{font-size:clamp(1.55rem,2.35vw,2.58rem)}
.facilitator-copy p{font-size:.74rem;line-height:1.42}
.bio-tags{gap:6px;margin-top:11px}
.bio-tags span{font-size:.54rem;padding:5px 7px}

.trusted{padding:58px 0}
.trusted-head{gap:30px;margin-bottom:22px}
.trusted h2{font-size:clamp(2rem,3.85vw,4.05rem)}
.trusted p{font-size:.85rem;line-height:1.46}
.client-cloud{gap:7px;margin-top:21px}
.client-cloud span{min-height:50px;font-size:.6rem;padding:8px;border-radius:13px}

.echoes{padding:62px 0 52px}
.echoes-head{gap:30px;margin-bottom:22px}
.echoes h2{font-size:clamp(2.12rem,4.1vw,4.35rem)}
.echoes-head p{font-size:.84rem;line-height:1.42}
.echo-grid{gap:11px}
.echo-card{min-height:176px;padding:17px;border-radius:18px}
.echo-card blockquote{font-size:clamp(.94rem,1.08vw,1.08rem);line-height:1.4}
.echo-card span{font-size:.57rem;margin-top:13px}

.faq{padding:55px 0 48px}
.faq h2{font-size:clamp(1.65rem,3.25vw,2.92rem);margin-bottom:20px}
summary{padding:12px 0;font-size:.9rem}
details p{font-size:.82rem;line-height:1.4;margin-bottom:14px}

.final-cta{padding:50px 0 32px}
.final-grid{grid-template-columns:1fr 210px;gap:45px}
.final-cta h2{font-size:clamp(1.9rem,3.65vw,4.1rem);margin-bottom:12px}
.final-cta p{font-size:.78rem;line-height:1.36;margin-bottom:16px}
.final-logo img{width:min(178px,100%)}
.footer-line{margin-top:42px;padding-top:15px;font-size:.6rem}

@media (max-width: 980px){
  .hero{min-height:570px}
  .hero-content{padding-top:58px;min-height:auto;gap:24px;align-items:start}
  .hero-copy,.hero-side{transform:none}
  .hero-title{font-size:clamp(2.75rem,8vw,4.9rem)}
  .section{padding:64px 0}
  .signal-cards,.feature-row,.steps,.offers-grid,.roi-grid,.client-cloud,.echo-grid{gap:12px}
  .product-photo{min-height:300px}
  .facilitator-photo{min-height:300px}
}

@media (max-width: 640px){
  body{font-size:15px}
  .container{padding:0 16px}
  .section{padding:58px 0}
  .hero{min-height:auto}
  .hero-top{padding:16px 16px 0}
  .brand-logo{width:128px}
  .hero-content{padding:54px 16px 22px;gap:22px}
  .hero h1,.hero-title{font-size:3.15rem;line-height:.88}
  .hero-badge{font-size:.54rem;margin-bottom:12px}
  .hero-side p{font-size:.84rem}
  .grid-band{padding-top:34px}
  .statement-inner{gap:18px}
  .statement h2{font-size:3.15rem}
  .statement-grid{margin-top:34px;gap:26px}
  .how-inner{padding:52px 0 42px}
  .offer-card,.offer-card.wide{min-height:245px}
  .offer-body{margin-top:36px}
  .product-copy h2{font-size:3rem}
  .final-cta{padding-top:44px}
}

/*
  AJUSTE POSICIONAMENTO V3
  Puxa os blocos para ocupar melhor os espaços marcados nos prints:
  1) aproxima conteúdo principal do hero da barra superior;
  2) aproxima os detalhes da palestra do texto, removendo o "respiro" excessivo.
*/
.hero{min-height:540px}
.hero-top{padding-top:14px}
.hero-content{
  padding:22px 20px 18px;
  min-height:370px;
  align-items:start;
  gap:36px;
}
.hero-copy{transform:none}
.hero-side{align-self:start;transform:none;padding-top:18px}
.hero-bottom{padding-bottom:16px}

.product-band{padding:60px 0}
.product-card{align-items:start}
.product-copy{
  justify-content:flex-start;
  gap:20px;
}
.product-copy > div:first-child .lead{margin:.78rem 0 0}
.product-copy > div:last-child{margin-top:4px}
.includes{margin-top:4px}
.product-copy [style*="margin-top:28px"]{margin-top:18px !important}

@media (max-width: 980px){
  .hero-content{padding-top:30px;align-items:start}
  .hero-side{padding-top:0}
  .product-band{padding:52px 0}
  .product-copy{gap:18px}
}

@media (max-width: 640px){
  .hero-content{padding-top:32px}
  .product-band{padding:44px 0}
  .product-copy [style*="margin-top:28px"]{margin-top:14px !important}
}


/* AJUSTE V5.1 — cards de dados sem subtexto e com conteúdo centralizado */


/* AJUSTE V5.2 — sem card selecionado por padrão, sem nota inferior e cards ficam claros apenas no hover/foco */


/* AJUSTE V5.3 — faixa marquee sem bordas nas frases, mantendo bolinhas e espaçamento equidistante */


/* AJUSTE V5.4 — seção Como funciona com nova foto de fundo e textos centralizados */


/* AJUSTE V5.5 — seção Como funciona com fundo novo e conteúdo centralizado dentro de cada coluna, mantendo texto alinhado à esquerda */


/* AJUSTE V5.6 — seção Como funciona com textura clara enviada pela May e tipografia em Grafite Quente */


/* AJUSTE V5.7 — seção Como funciona com overlay creme e blocos mais centralizados verticalmente dentro do fundo */


/* AJUSTE V5.8 — seção Como funciona com novo fundo de conversa e mais respiro entre número, título e subtítulo */


/* AJUSTE V5.9 — seção Como funciona com overlay marrom #5E4033 sobre a foto de fundo */


/* AJUSTE V5.10 — card 01 em #9BAE8D e card 02 em #6F8FA6 */


/* AJUSTE V5.11 — card 01 em #9BAE8D, card 02 restaurado e card 03 em #6F8FA6 */


/* AJUSTE V5.12 — seção produto com fundo azul sereno e foto em leitura vertical */
.product-band{background:#6F8FA6}
.product-card{
  align-items:stretch;
  grid-template-columns:.78fr 1.22fr;
}
.product-photo{
  min-height:620px;
  background:
    linear-gradient(180deg, rgba(47,42,38,.06), rgba(47,42,38,.42)),
    var(--photo-card) center top/cover no-repeat;
}
@media (max-width:1200px){
  .product-photo{min-height:560px}
}
@media (max-width:980px){
  .product-card{grid-template-columns:1fr}
  .product-photo{min-height:460px}
}
@media (max-width:640px){
  .product-photo{min-height:360px}
}


/* AJUSTE V5.13 — mais respiro na seção Felicidade que Gera Resultado */
.product-copy{
  gap:24px;
}
.product-copy h2{
  line-height:.92;
}
.product-copy > div:first-child .lead{
  margin:1.02rem 0 0;
  line-height:1.44;
}
.product-copy > div:first-child .lead + .lead{
  margin-top:1.06rem;
}
.product-copy > div:last-child{
  margin-top:8px;
}
.includes{
  gap:14px 12px;
  margin-top:10px;
}
.include{
  padding-top:14px;
  line-height:1.34;
}
.include strong{
  margin-bottom:7px;
}
.product-copy [style*="margin-top:28px"]{
  margin-top:22px !important;
}

@media (max-width:980px){
  .product-copy{
    gap:22px;
  }
  .product-copy h2{
    line-height:.94;
  }
  .product-copy > div:first-child .lead{
    margin:0.92rem 0 0;
  }
  .product-copy > div:first-child .lead + .lead{
    margin-top:.95rem;
  }
  .includes{
    gap:12px;
    margin-top:8px;
  }
  .include{
    padding-top:13px;
    line-height:1.32;
  }
  .product-copy [style*="margin-top:28px"]{
    margin-top:18px !important;
  }
}

@media (max-width:640px){
  .product-copy{
    gap:20px;
    padding:14px 6px 10px 14px;
  }
  .product-copy h2{
    line-height:.96;
  }
  .product-copy .lead{
    font-size:.84rem;
    line-height:1.42;
    max-width:none;
  }
  .product-copy > div:first-child .lead{
    margin:.88rem 0 0;
  }
  .product-copy > div:first-child .lead + .lead{
    margin-top:.9rem;
  }
  .includes{
    gap:14px;
    margin-top:10px;
  }
  .include{
    font-size:.69rem;
    padding-top:12px;
    line-height:1.34;
  }
  .include strong{
    font-size:.76rem;
    margin-bottom:6px;
  }
  .product-copy [style*="margin-top:28px"]{
    margin-top:20px !important;
  }
}


/* AJUSTE V5.14 — mais respiro nas caixas da seção Quem conduz */
.facilitator-copy{
  padding:30px 25px 26px;
  gap:24px;
}
.facilitator-copy > div:first-child{
  padding-top:2px;
}
.facilitator-copy h3{
  line-height:.92;
  margin-bottom:6px;
}
.facilitator-stack{
  gap:14px;
}
.facilitator-copy p{
  line-height:1.5;
}

@media (max-width:1200px){
  .facilitator-copy{
    padding:27px 23px 24px;
    gap:21px;
  }
  .facilitator-stack{
    gap:12px;
  }
}

@media (max-width:980px){
  .facilitator-copy{
    padding:25px 22px 22px;
    gap:20px;
  }
  .facilitator-copy h3{
    margin-bottom:5px;
  }
}

@media (max-width:640px){
  .facilitator-copy{
    padding:24px 20px 20px;
    gap:18px;
  }
  .facilitator-stack{
    gap:11px;
  }
  .facilitator-copy p{
    line-height:1.46;
  }
}


/* AJUSTE V5.15 — seção Quem confia com 12 nomes e grid reequilibrado */
.client-cloud{
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:12px;
  margin-top:24px;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.client-cloud span{
  min-height:64px;
  padding:12px 14px;
  font-size:.68rem;
  line-height:1.2;
}

@media (max-width:1200px){
  .client-cloud{
    grid-template-columns:repeat(4, minmax(160px, 1fr));
    gap:10px;
    max-width:1000px;
  }
}

@media (max-width:980px){
  .client-cloud{
    grid-template-columns:repeat(2, minmax(180px, 1fr));
    max-width:720px;
    gap:12px;
  }
}

@media (max-width:640px){
  .client-cloud{
    grid-template-columns:1fr;
    max-width:none;
  }
}


/* AJUSTE V5.16 — testemunhos com a mesma fonte sans do texto explicativo da seção Ecos da Outrem */




/* AJUSTE V5.17 — hover apenas nos cards de Ecos da Outrem */
.echo-card{
  transition:background-color .22s ease, border-color .22s ease, transform .22s ease;
}
.echo-card:hover{
  background:#E8D7C1;
  border-color:rgba(94,64,51,.18);
}
@media (hover:none){
  .echo-card:hover{
    background:rgba(250,245,237,.62);
    border-color:rgba(47,42,38,.16);
    transform:none;
  }
}


/* AJUSTE V5.18 — FAQ com perguntas revisadas, resposta em largura maior e sem quebra curta */
.faq details p{
  max-width:none;
  width:calc(100% - 56px);
  padding-right:56px;
  line-height:1.48;
}
.faq details[open] summary{
  padding-bottom:12px;
}
.faq summary{
  line-height:1.28;
}
@media (max-width:640px){
  .faq details p{
    width:100%;
    padding-right:0;
    max-width:none;
  }
}


/* AJUSTE V5.19 — botão "Recomendar a Outrem" com compartilhamento nativo + fallback visual */
.share-trigger{
  font-family:inherit;
}

.share-open{
  overflow:hidden;
}

.share-modal[hidden]{
  display:none;
}

.share-modal{
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  padding:20px;
}

.share-backdrop{
  position:absolute;
  inset:0;
  background:rgba(47,42,38,.54);
  backdrop-filter:blur(10px);
}

.share-sheet{
  position:relative;
  width:min(520px, 100%);
  border-radius:28px;
  padding:24px;
  background:rgba(250,245,237,.96);
  color:var(--grafite-quente);
  border:1px solid rgba(47,42,38,.12);
  box-shadow:0 28px 90px rgba(47,42,38,.32);
}

.share-sheet-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.share-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  color:rgba(47,42,38,.68);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.share-eyebrow::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--laranja-terra-vivo);
  box-shadow:0 0 0 6px rgba(233,126,78,.10);
}

.share-sheet h3{
  margin:0;
  font-size:clamp(1.4rem, 3vw, 2.05rem);
  line-height:.95;
  letter-spacing:-.055em;
  color:var(--grafite-quente);
}

.share-sheet p{
  margin:10px 0 0;
  color:rgba(47,42,38,.72);
  line-height:1.42;
  font-size:.82rem;
}

.share-close{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:35px;
  height:35px;
  border-radius:999px;
  border:1px solid rgba(47,42,38,.12);
  background:rgba(232,215,193,.56);
  color:var(--grafite-quente);
  font-size:1.3rem;
  line-height:1;
  cursor:pointer;
}

.share-url{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(232,215,193,.52);
  border:1px solid rgba(47,42,38,.10);
  color:rgba(47,42,38,.68);
  font-size:.72rem;
  margin-bottom:16px;
}

.share-options{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.share-option{
  min-height:92px;
  padding:12px 8px;
  border-radius:18px;
  border:1px solid rgba(47,42,38,.10);
  background:rgba(255,255,255,.52);
  color:var(--grafite-quente);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
  text-decoration:none;
  font-size:.72rem;
  font-weight:800;
  cursor:pointer;
  transition:.22s ease;
  font-family:inherit;
}

.share-option:hover{
  background:#E8D7C1;
  transform:translateY(-2px);
}

.share-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:var(--grafite-quente);
  color:var(--creme-luz);
  font-size:.9rem;
  font-weight:900;
}

.share-feedback{
  min-height:20px;
  margin:13px 0 0 !important;
  color:var(--marrom-cacau-profundo) !important;
  font-size:.74rem !important;
  font-weight:800;
}

@media (max-width:640px){
  .share-modal{
    align-items:end;
    padding:14px;
  }
  .share-sheet{
    border-radius:24px;
    padding:20px;
  }
  .share-options{
    grid-template-columns:repeat(2,1fr);
  }
  .share-option{
    min-height:82px;
  }
}


/* AJUSTE V5.20 — botão Fale Conosco do rodapé em Verde Sálvia */


/* AJUSTE V5.21 — CTAs para Diagnóstico Executivo / Mapa do Momento da Empresa */
.diagnostic-band{
  background:var(--sea-foam);
  padding:76px 0;
  border-top:1px solid rgba(47,42,38,.08);
  border-bottom:1px solid rgba(47,42,38,.08);
}
.diagnostic-card{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:50px;
  align-items:start;
  padding:46px;
  border-radius:30px;
  background:rgba(250,245,237,.62);
  border:1px solid rgba(94,64,51,.12);
  box-shadow:0 24px 70px rgba(47,42,38,.08);
}
.diagnostic-head h2{
  font-size:clamp(2.1rem,4.2vw,4.85rem);
  line-height:.92;
  margin:22px 0 0;
  max-width:560px;
  color:var(--faded-charcoal);
}
.diagnostic-copy{
  max-width:660px;
  color:rgba(47,42,38,.74);
  font-size:.9rem;
  line-height:1.46;
}
.diagnostic-copy p{
  margin:0 0 15px;
}
.diagnostic-list{
  list-style:none;
  padding:0;
  margin:18px 0 20px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
}
.diagnostic-list li{
  position:relative;
  display:flex;
  align-items:center;
  min-height:64px;
  padding:11px 16px 11px 32px;
  border-radius:999px;
  background:rgba(250,245,237,.76);
  border:1px solid rgba(94,64,51,.12);
  color:rgba(47,42,38,.78);
  font-size:.7rem;
  line-height:1.2;
  font-weight:800;
}
.diagnostic-list li::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--red-clay);
  transform:translateY(-50%);
}
.diagnostic-microcopy{
  color:rgba(47,42,38,.86);
  font-weight:800;
  max-width:560px;
}
.diagnostic-copy .btn{
  margin-top:2px;
}
.final-diagnostic-copy{
  color:rgba(250,245,237,.72) !important;
  max-width:620px !important;
  margin-top:-7px !important;
  margin-bottom:21px !important;
}
.diagnostic-link{
  text-decoration:none;
}

@media (max-width:980px){
  .diagnostic-band{
    padding:58px 0;
  }
  .diagnostic-card{
    grid-template-columns:1fr;
    gap:28px;
    padding:32px;
    border-radius:24px;
  }
  .diagnostic-head h2{
    margin-top:18px;
  }
  .diagnostic-list{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .diagnostic-band{
    padding:44px 0;
  }
  .diagnostic-card{
    padding:24px 20px;
    border-radius:20px;
  }
  .diagnostic-copy{
    font-size:.82rem;
  }
  .diagnostic-list li{
    border-radius:18px;
    font-size:.68rem;
  }
  .final-actions .diagnostic-link{
    width:100%;
  }
}


/* AJUSTE V5.22 — link real do formulário inserido e melhor centralização das caixas do bloco de diagnóstico */


/* AJUSTE V5.23 — botões secundarios/diagnóstico em Azul Sereno #6F8FA6 */


/* AJUSTE V5.24 — rodapé com novos botões/cores, redes com links reais, remoção da faixa de clientes no hero e redução para 5 experiências */


/* AJUSTE V5.25 — enquadramento do hero, cabeçalho ancorado, seções-título ocupando melhor a tela e rebalanceamento tipográfico */
:root{
  --nav-fixed-height:76px;
}
html{
  scroll-padding-top:92px;
}
.hero{
  min-height:100svh;
  display:flex;
  flex-direction:column;
}
.hero-top{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(calc(100% - 28px), var(--max));
  padding:12px 18px;
  border-radius:0 0 24px 24px;
  background:linear-gradient(180deg, rgba(47,42,38,.88), rgba(47,42,38,.76));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(250,245,237,.14);
  border-top:0;
  box-shadow:0 14px 36px rgba(47,42,38,.22);
  z-index:50;
}
.nav-links{gap:18px;font-size:.70rem;flex-wrap:wrap}
.hero-content{
  flex:1;
  width:100%;
  padding-top:calc(var(--nav-fixed-height) + 26px);
  padding-bottom:18px;
  min-height:0;
  align-items:center;
  gap:42px;
}
.hero-copy,.hero-side{transform:none}
.hero-side{align-self:center;padding-top:0;max-width:334px}
.hero-title{
  font-size:clamp(2.95rem, 5.2vw, 5.35rem);
  line-height:.88;
  max-width:620px;
}
.hero-subtitle{
  font-size:clamp(1.12rem, 1.95vw, 1.82rem);
  line-height:1.04;
  margin-top:16px;
}
.hero-side p{font-size:.9rem;line-height:1.43}
.hero-bottom{
  width:100%;
  margin-top:auto;
  padding-bottom:20px;
  font-size:.64rem;
}

/* Seções com novos títulos passam a ocupar melhor a altura da tela */
.grid-band,
.statement,
.decision-data,
.diagnostic-band,
.how,
.offers,
.product-band,
.facilitators,
.trusted,
.echoes,
.faq,
.final-cta{
  min-height:100svh;
  display:flex;
  align-items:center;
}
.grid-band > .container,
.statement > .container,
.decision-data > .container,
.diagnostic-band > .container,
.how > .container,
.offers > .container,
.product-band > .container,
.facilitators > .container,
.trusted > .container,
.echoes > .container,
.faq > .container,
.final-cta > .container{
  width:100%;
}
.grid-band{padding:84px 0 72px}
.grid-head{align-items:center;gap:32px}
.grid-head h2{
  font-size:clamp(1.95rem, 3.45vw, 3.15rem);
  line-height:.98;
  max-width:640px;
}
.grid-head p,
.grid-copy p{
  font-size:.93rem;
  line-height:1.5;
  max-width:520px;
}
.signal-cards{
  margin-top:32px;
  gap:12px;
}
.signal-card{
  min-height:116px;
  padding:14px;
  justify-content:flex-start;
}
.signal-card strong{font-size:.83rem;line-height:1.08}
.signal-card span{font-size:.72rem;line-height:1.28;margin-top:6px}
.mini-icon{width:37px;height:37px}

.statement h2{
  font-size:clamp(2.45rem, 4.7vw, 5.05rem);
  line-height:.94;
}
.statement-grid h3{font-size:clamp(1.36rem,1.78vw,2.02rem);line-height:1}
.feature strong{font-size:.86rem;line-height:1.16}
.feature p{font-size:.78rem;line-height:1.36}
.statement-note p{font-size:.9rem;line-height:1.5}
.mini-pill-list span{font-size:.72rem}

/* Respira melhor entre títulos e textos secundários */
.data-head p,
.offers-head p,
.product-copy p,
.facilitators-head p,
.trusted-head p,
.echoes-head p,
.faq-intro p,
.final-cta p{
  font-size:.9rem;
  line-height:1.48;
}

@media (max-width: 1200px){
  .hero-top{width:min(calc(100% - 20px), var(--max));}
  .nav-links{gap:14px;font-size:.67rem}
  .hero-content{padding-top:calc(var(--nav-fixed-height) + 24px);}
}

@media (max-width: 980px){
  .hero-top{
    position:sticky;
    left:auto;
    transform:none;
    width:auto;
    margin:0 10px;
    border-radius:18px;
    border-top:1px solid rgba(250,245,237,.14);
  }
  .hero,
  .grid-band,
  .statement,
  .decision-data,
  .diagnostic-band,
  .how,
  .offers,
  .product-band,
  .facilitators,
  .trusted,
  .echoes,
  .faq,
  .final-cta{
    min-height:auto;
    display:block;
  }
  .hero-content{padding-top:36px;align-items:start}
  .hero-side{max-width:100%}
}

@media (max-width: 640px){
  html{scroll-padding-top:82px;}
  .hero-top{padding:12px 14px}
  .hero-content{padding-top:28px}
  .grid-head p,
  .grid-copy p,
  .statement-note p,
  .data-head p,
  .offers-head p,
  .product-copy p,
  .facilitators-head p,
  .trusted-head p,
  .echoes-head p,
  .faq-intro p,
  .final-cta p{font-size:.86rem}
  .signal-card{min-height:auto}
}


/* AJUSTE V5.26 — correção do menu: integrado ao hero, sem fixar na tela e sem caixa sólida */
html{
  scroll-padding-top:24px;
}
.hero-top{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
  padding:28px 20px 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:3;
}
.hero-top .brand-logo,
.hero-top .nav-links,
.hero-top .btn{
  filter:drop-shadow(0 6px 16px rgba(47,42,38,.22));
}
.nav-links{
  gap:20px;
  font-size:.72rem;
}
.hero-content{
  padding-top:58px;
  padding-bottom:22px;
  min-height:0;
  align-items:center;
}
.hero-side{
  align-self:center;
  padding-top:0;
}
.hero-bottom{
  padding-bottom:28px;
}

@media (max-width: 980px){
  .hero-top{
    position:relative !important;
    margin:0 auto !important;
    padding:20px 17px 0 !important;
    border-radius:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .hero-content{
    padding-top:44px;
  }
}

@media (max-width: 640px){
  .hero-top{
    padding:16px 16px 0 !important;
  }
  .hero-content{
    padding-top:36px;
  }
}


/* AJUSTE V5.27 — menu mais alto e conteúdo do hero subindo junto, sem fixar nem criar caixa sólida */
.hero{
  min-height:100svh;
}
.hero-top{
  padding:18px 20px 0 !important;
  align-items:center;
}
.hero-content{
  padding-top:30px !important;
  padding-bottom:12px !important;
  min-height:0;
  align-items:center;
}
.hero-copy,
.hero-side{
  transform:translateY(-12px) !important;
}
.hero-side{
  align-self:center;
  padding-top:0 !important;
}
.hero-bottom{
  padding-bottom:20px !important;
}

@media (min-height:760px){
  .hero-content{
    padding-top:38px !important;
  }
  .hero-copy,
  .hero-side{
    transform:translateY(-6px) !important;
  }
}

@media (max-width:980px){
  .hero-top{
    padding:16px 17px 0 !important;
  }
  .hero-content{
    padding-top:34px !important;
  }
  .hero-copy,
  .hero-side{
    transform:none !important;
  }
}

@media (max-width:640px){
  .hero-top{
    padding:14px 16px 0 !important;
  }
  .hero-content{
    padding-top:26px !important;
    padding-bottom:18px !important;
  }
}


/* AJUSTE V5.28 — menu realmente mais alto no hero + conteúdo principal subindo junto */
@media (min-width:981px){
  .hero{
    min-height:100svh !important;
    display:flex !important;
    flex-direction:column !important;
    position:relative !important;
  }
  .hero-top{
    position:absolute !important;
    top:16px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(calc(100% - 80px), var(--max)) !important;
    max-width:var(--max) !important;
    margin:0 !important;
    padding:0 20px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:5 !important;
  }
  .hero-content{
    flex:1 1 auto !important;
    padding:104px 20px 20px !important;
    min-height:calc(100svh - 44px) !important;
    align-items:center !important;
    transform:translateY(-46px) !important;
    gap:46px !important;
  }
  .hero-copy,
  .hero-side{
    transform:none !important;
  }
  .hero-side{
    align-self:center !important;
    padding-top:0 !important;
  }
  .hero-bottom{
    position:absolute !important;
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    width:min(calc(100% - 40px), var(--max)) !important;
    max-width:var(--max) !important;
    margin:0 !important;
    padding:0 20px !important;
    z-index:4 !important;
  }
}

@media (min-width:981px) and (max-height:760px){
  .hero-top{
    top:10px !important;
  }
  .brand-logo{
    width:132px !important;
  }
  .nav-links{
    gap:14px !important;
    font-size:.66rem !important;
  }
  .hero-top .btn{
    min-height:34px !important;
    padding:0 15px !important;
  }
  .hero-content{
    padding-top:86px !important;
    transform:translateY(-58px) !important;
    gap:38px !important;
  }
  .hero-badge{
    margin-bottom:12px !important;
  }
  .hero-subtitle{
    margin-top:12px !important;
  }
  .hero-side p{
    margin-bottom:12px !important;
  }
  .hero-bottom{
    bottom:12px !important;
  }
}

@media (max-width:980px){
  .hero-top{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:auto !important;
    margin:0 auto !important;
  }
  .hero-content{
    transform:none !important;
    min-height:auto !important;
  }
  .hero-bottom{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:auto !important;
  }
}


/* AJUSTE V5.29 — logo alinhada com o início do bloco de texto do hero */
.hero-top{
  padding-left: 34px;
}
.hero-content{
  padding-left: 34px;
}
.brand-logo{
  transform: translateX(-10px) translateY(1px);
}

@media (max-width: 980px){
  .hero-top,
  .hero-content{padding-left:24px;}
  .brand-logo{transform: translateX(-6px) translateY(1px);}
}

@media (max-width: 640px){
  .hero-top,
  .hero-content{padding-left:16px;}
  .brand-logo{transform: translateX(0) translateY(1px);}
}


/* AJUSTE V5.30 — logo alinhada ao texto, com menu separado e mais respirado */
.hero-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:clamp(72px,7vw,118px);
  padding-left:34px;
  padding-right:34px;
}
.hero-top .brand{
  margin-right:0;
  justify-self:start;
}
.hero-top .brand-logo{
  transform:translateX(-10px) translateY(1px);
}
.hero-top .nav-links{
  justify-self:start;
  justify-content:flex-start;
  gap:clamp(18px,1.6vw,26px);
  white-space:nowrap;
}
.hero-top > .btn{
  justify-self:end;
}
.hero-content{
  padding-left:34px;
  padding-right:34px;
}

@media (max-width:1200px){
  .hero-top{
    column-gap:48px;
  }
  .hero-top .nav-links{
    gap:14px;
    font-size:.64rem;
  }
}

@media (max-width:980px){
  .hero-top{
    display:flex;
    padding-left:24px;
    padding-right:24px;
    gap:22px;
  }
  .hero-top .brand-logo{
    transform:translateX(-6px) translateY(1px);
  }
  .hero-content{
    padding-left:24px;
    padding-right:24px;
  }
}

@media (max-width:640px){
  .hero-top,
  .hero-content{
    padding-left:16px;
    padding-right:16px;
  }
  .hero-top .brand-logo{
    transform:translateX(0) translateY(1px);
  }
}

/* AJUSTE V5.31 — menu centralizado e bloco principal um pouco mais abaixo */
.hero-top .nav-links{
  justify-self:center;
  justify-content:center;
}

.hero-content{
  margin-top:18px;
}

@media (min-width:981px){
  .hero-top{
    column-gap:clamp(56px,6vw,96px);
  }
  .hero-content{
    margin-top:22px;
  }
}

@media (max-width:980px){
  .hero-content{
    margin-top:0;
  }
}

/* AJUSTE V5.32 — conteúdo do hero centralizado na imagem */
@media (min-width:981px){
  .hero-content{
    padding-top:92px !important;
    padding-bottom:36px !important;
    min-height:calc(100svh - 120px) !important;
    align-items:center !important;
    transform:translateY(-10px) !important;
    margin-top:0 !important;
  }

  .hero-copy,
  .hero-side{
    align-self:center !important;
  }
}

@media (min-width:981px) and (max-height:760px){
  .hero-content{
    padding-top:86px !important;
    padding-bottom:26px !important;
    transform:translateY(-6px) !important;
  }
}

/* AJUSTE V5.33 — centraliza o título da seção Experiências em relação ao texto de apoio */
.offers-head{
  align-items:center !important;
}
.offers-head > div:first-child{
  align-self:center !important;
}
.offers-head > p{
  align-self:center !important;
}

@media (max-width:980px){
  .offers-head{
    align-items:start !important;
  }
  .offers-head > div:first-child,
  .offers-head > p{
    align-self:start !important;
  }
}

/* AJUSTE V5.34 — respiro entre "Palestra foco 2026" e o título da seção */
.product-copy .kicker{
  margin-bottom:14px;
}
.product-copy .kicker + h2{
  margin-top:0;
}

@media (max-width:980px){
  .product-copy .kicker{
    margin-bottom:12px;
  }
}

/* AJUSTE V5.35 — reequilíbrio tipográfico geral */
body{
  font-size:16px;
}

.kicker,
.offer-label,
.duration{
  font-size:.62rem;
  letter-spacing:.13em;
}

.nav-links{
  font-size:.74rem;
}

.btn{
  font-size:.72rem;
}

.lead,
.grid-head p,
.grid-copy p,
.data-head p,
.offers-head p,
.product-copy p,
.facilitators-head p,
.trusted-head p,
.echoes-head p,
.faq details p,
.final-cta p,
.diagnostic-copy,
.statement-note p{
  font-size:.96rem;
  line-height:1.56;
}

.hero-title{
  font-size:clamp(2.8rem, 4.85vw, 5rem);
  line-height:.9;
}

.hero-subtitle{
  font-size:clamp(1.08rem, 1.8vw, 1.68rem);
  line-height:1.08;
}

.grid-head h2{
  font-size:clamp(1.88rem, 3.2vw, 2.9rem);
}

.statement h2{
  font-size:clamp(2.32rem, 4.35vw, 4.7rem);
}

.data-head h2{
  font-size:clamp(1.92rem, 3.45vw, 3.85rem);
}

.offers-head h2{
  font-size:clamp(1.72rem, 2.8vw, 3rem);
}

.product-copy h2{
  font-size:clamp(2.22rem, 4.15vw, 4.35rem);
  line-height:.94;
}

.facilitators-head h2{
  font-size:clamp(2.02rem, 3.8vw, 4rem);
}

.trusted h2{
  font-size:clamp(1.95rem, 3.55vw, 3.7rem);
}

.echoes h2{
  font-size:clamp(2rem, 3.7vw, 3.95rem);
}

.faq h2{
  font-size:clamp(1.7rem, 3vw, 2.7rem);
}

.final-cta h2{
  font-size:clamp(1.88rem, 3.45vw, 3.75rem);
}

.diagnostic-head h2{
  font-size:clamp(2rem, 3.7vw, 4rem);
}

.signal-card strong{
  font-size:.84rem;
  line-height:1.1;
}

.signal-card span{
  font-size:.74rem;
  line-height:1.3;
}

.feature strong{
  font-size:.88rem;
}

.feature p{
  font-size:.8rem;
  line-height:1.4;
}

.step p{
  font-size:.78rem;
  line-height:1.34;
}

.offer-body h3{
  font-size:clamp(1.45rem, 2.18vw, 2.2rem);
}

.offer-body p{
  font-size:.78rem;
  line-height:1.34;
}

.offer-meta{
  font-size:.66rem;
  line-height:1.3;
}

.include{
  font-size:.72rem;
  line-height:1.36;
}

.include strong{
  font-size:.79rem;
}

.facilitator-copy p{
  font-size:.8rem;
  line-height:1.52;
}

.client-cloud span{
  font-size:.7rem;
  line-height:1.24;
}

.echo-card blockquote{
  font-size:clamp(1rem, 1.12vw, 1.14rem);
  line-height:1.48;
}

.echo-card span{
  font-size:.62rem;
}

summary{
  font-size:.98rem;
  line-height:1.32;
}

.final-logo span,
.footer-line{
  font-size:.68rem;
}

@media (max-width:980px){
  body{
    font-size:15.5px;
  }

  .lead,
  .grid-head p,
  .grid-copy p,
  .data-head p,
  .offers-head p,
  .product-copy p,
  .facilitators-head p,
  .trusted-head p,
  .echoes-head p,
  .faq details p,
  .final-cta p,
  .diagnostic-copy,
  .statement-note p{
    font-size:.92rem;
    line-height:1.52;
  }

  .hero-title{
    font-size:clamp(2.65rem, 7.2vw, 4.6rem);
  }

  .statement h2,
  .product-copy h2,
  .facilitators-head h2,
  .echoes h2,
  .final-cta h2{
    line-height:.96;
  }
}

@media (max-width:640px){
  body{
    font-size:15px;
  }

  .kicker,
  .offer-label,
  .duration{
    font-size:.58rem;
  }

  .btn,
  .nav-links{
    font-size:.7rem;
  }

  .lead,
  .grid-head p,
  .grid-copy p,
  .data-head p,
  .offers-head p,
  .product-copy p,
  .facilitators-head p,
  .trusted-head p,
  .echoes-head p,
  .faq details p,
  .final-cta p,
  .diagnostic-copy,
  .statement-note p{
    font-size:.88rem;
    line-height:1.48;
  }

  .signal-card strong,
  .feature strong,
  .client-cloud span,
  summary{
    font-size:.82rem;
  }

  .signal-card span,
  .feature p,
  .step p,
  .offer-body p,
  .offer-meta,
  .include,
  .facilitator-copy p,
  .echo-card span,
  .footer-line,
  .final-logo span{
    font-size:.74rem;
  }
}

/* AJUSTE V5.36 — equilibrar bloco do Diagnóstico */
.diagnostic-head{
  align-self:center;
}

@media (min-width:981px){
  .diagnostic-head{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
  }
}

@media (max-width:980px){
  .diagnostic-head{
    align-self:start;
  }
}

/* AJUSTE V5.37 — kicker visível na seção Quem confia */
.trusted .kicker{
  color: rgba(250,245,237,.76);
}
.trusted .kicker::before{
  background: var(--laranja-terra-vivo);
  box-shadow: 0 0 0 5px rgba(233,126,78,.14);
}

/* AJUSTE V5.38 — correção mobile antes da hospedagem */
*{
  min-width:0;
}

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

@media (max-width:980px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .container{
    width:100%;
    max-width:100%;
    padding-left:18px;
    padding-right:18px;
  }

  .hero{
    min-height:auto !important;
    display:block !important;
    overflow:hidden !important;
  }

  .hero-top{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:18px 18px 0 !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .hero-top .brand{
    margin:0 !important;
    flex:0 0 auto;
  }

  .hero-top .brand-logo{
    width:124px !important;
    height:auto !important;
    transform:none !important;
  }

  .hero-top .nav-links{
    display:none !important;
  }

  .hero-top > .btn{
    display:inline-flex !important;
    flex:0 0 auto;
    min-height:34px !important;
    padding:0 14px !important;
    font-size:.68rem !important;
  }

  .hero-content{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:42px 18px 26px !important;
    gap:28px !important;
    align-items:start !important;
    transform:none !important;
  }

  .hero-copy,
  .hero-side{
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
    padding:0 !important;
    align-self:start !important;
  }

  .hero-badge{
    width:fit-content !important;
    max-width:100% !important;
    margin-bottom:14px !important;
    padding:7px 10px !important;
    font-size:.54rem !important;
    line-height:1.14 !important;
    letter-spacing:.1em !important;
    white-space:normal !important;
  }

  .hero-title{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(2.65rem, 15.2vw, 4rem) !important;
    line-height:.89 !important;
    letter-spacing:-.075em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .hero-subtitle{
    width:100% !important;
    max-width:100% !important;
    margin-top:14px !important;
    font-size:clamp(1.18rem, 6.2vw, 1.7rem) !important;
    line-height:1.08 !important;
  }

  .hero-side p{
    width:100% !important;
    max-width:100% !important;
    font-size:.92rem !important;
    line-height:1.45 !important;
    margin-bottom:16px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero-actions .btn{
    width:100% !important;
  }

  .hero-bottom{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 18px 24px !important;
    display:block !important;
  }

  .grid-band,
  .statement,
  .decision-data,
  .diagnostic-band,
  .how,
  .offers,
  .product-band,
  .facilitators,
  .trusted,
  .echoes,
  .faq,
  .final-cta{
    min-height:auto !important;
    display:block !important;
    align-items:initial !important;
  }

  .grid-head,
  .statement-inner,
  .statement-grid,
  .statement-note,
  .data-head,
  .diagnostic-card,
  .offers-head,
  .product-card,
  .facilitators-head,
  .facilitator-card,
  .trusted-head,
  .echoes-head,
  .final-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .signal-cards,
  .feature-row,
  .roi-grid,
  .steps,
  .offers-grid,
  .includes,
  .client-cloud,
  .echo-grid,
  .mini-pill-list,
  .diagnostic-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .offer-card.wide{
    grid-column:auto !important;
  }

  .product-photo,
  .facilitator-photo{
    min-height:340px !important;
  }

  .product-card,
  .diagnostic-card{
    padding:20px !important;
    border-radius:22px !important;
  }

  .final-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .final-actions .btn{
    width:100% !important;
  }
}

@media (max-width:640px){
  .container{
    padding-left:16px;
    padding-right:16px;
  }

  .section{
    padding:56px 0 !important;
  }

  .hero-top{
    padding:16px 16px 0 !important;
  }

  .hero-top .brand-logo{
    width:116px !important;
  }

  .hero-top > .btn{
    min-height:32px !important;
    padding:0 12px !important;
    font-size:.64rem !important;
  }

  .hero-content{
    padding:38px 16px 24px !important;
    gap:26px !important;
  }

  .hero-title{
    font-size:clamp(2.52rem, 14.8vw, 3.65rem) !important;
  }

  .hero-badge{
    max-width:280px !important;
  }

  .hero-bottom{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .grid-head h2,
  .statement h2,
  .data-head h2,
  .diagnostic-head h2,
  .offers-head h2,
  .product-copy h2,
  .facilitators-head h2,
  .trusted h2,
  .echoes h2,
  .final-cta h2{
    max-width:100% !important;
  }

  .roi-card,
  .offer-card,
  .echo-card{
    min-height:auto !important;
  }

  .share-options{
    grid-template-columns:1fr 1fr !important;
  }
}

/* =========================================================
   AJUSTES EXCLUSIVOS MOBILE · rodada final solicitada
   - statement: subir texto/caixas para perto do título
   - decision-data: evitar truncamento/sobreposição dos cards
   - how: 2 colunas no mobile
   - facilitators: reposicionar fotos para preservar os rostos
   - trusted: 2 colunas no mobile
   ========================================================= */
@media (max-width: 640px) {
  /* 1) “Durante muito tempo...” */
  .statement-inner{
    gap: 12px;
    align-items: start;
  }
  .statement-grid{
    margin-top: 16px !important;
    gap: 18px !important;
  }
  .statement-grid h3{
    max-width: none;
  }
  .feature-row{
    gap: 14px;
  }

  /* 2) “Felicidade também é uma decisão de negócio.” */
  .roi-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .roi-card{
    min-height: auto !important;
    height: auto;
    padding: 16px 16px 18px !important;
    justify-content: flex-start !important;
    overflow: hidden;
  }
  .roi-source{
    position: static !important;
    top: auto;
    left: auto;
    right: auto;
    display: block;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .roi-number{
    font-size: clamp(2.4rem, 11vw, 3.2rem);
    margin: 0 0 10px;
  }
  .roi-card h3{
    max-width: none;
    margin-bottom: 0;
  }
  .roi-card p{
    display: block;
    margin: 10px 0 0;
    color: rgba(250,245,237,.9);
  }
  .roi-link{
    position: static !important;
    left: auto;
    bottom: auto;
    margin-top: 12px;
  }
  .roi-card::after{
    width: 124px;
    height: 124px;
    right: -30px;
    bottom: -42px;
    opacity: .12;
  }

  /* 3) “Como funciona” em 2 colunas */
  .steps{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 16px !important;
    align-items: start;
  }
  .step{
    min-height: 0 !important;
    padding-top: 14px;
    gap: 10px;
  }
  .step-number,
  .step h3,
  .step p{
    max-width: none;
  }

  /* 4) “Quem conduz também comunica.” */
  .facilitator-grid{
    gap: 16px !important;
  }
  .facilitator-photo{
    min-height: 360px !important;
    background-position: center top !important;
  }
  .facilitator-photo.erica{
    background-position: center 12% !important;
  }
  .facilitator-photo.gracy{
    background-position: center 10% !important;
  }

  /* 5) “Quem confia na gente” em 2 colunas */
  .client-cloud{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 420px) {
  .statement-grid{
    margin-top: 14px !important;
  }
  .steps{
    gap: 14px !important;
  }
  .step h3{
    font-size: 1.45rem;
  }
  .step p{
    font-size: .7rem;
  }
  .facilitator-photo{
    min-height: 330px !important;
  }
}

/* AJUSTE MOBILE FINAL · correção da seção statement e remoção dos subtextos dos dados */
@media (max-width: 640px){
  /* 1) Aproxima o título/textos da marca na seção “Durante muito tempo...” */
  .statement-inner{
    gap: 10px !important;
  }
  .oval-photo{
    width: 54px !important;
    height: 54px !important;
    background-size: contain !important;
    background-position: left center !important;
  }
  .statement h2{
    margin-top: 4px !important;
  }
  .statement-grid{
    margin-top: 18px !important;
  }

  /* 2) Remove novamente os subtextos dos cards de dados no mobile */
  .roi-card p{
    display: none !important;
  }
  .roi-card{
    min-height: 132px !important;
    padding: 16px 16px 16px !important;
    justify-content: flex-start !important;
  }
  .roi-source{
    margin-bottom: 8px !important;
  }
  .roi-number{
    margin-bottom: 8px !important;
  }
  .roi-card h3{
    margin-bottom: 0 !important;
  }
  .roi-link{
    margin-top: 12px !important;
  }
}

@media (max-width: 420px){
  .oval-photo{
    width: 50px !important;
    height: 50px !important;
  }
  .statement-grid{
    margin-top: 16px !important;
  }
}


/* AJUSTE V5.40 — rodada final de conteúdo, dados e cards */
/* Dados: agora são 4 cards, na ordem definida */
.roi-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}

/* Texto do statement: quebra limpa depois da frase em negrito */
.statement-note p br{
  display:block;
  content:"";
  margin-top:7px;
}

/* Experiências: remove destaque duplicado e estabiliza alinhamento interno dos cards */
.offers-head p strong{
  display:inline;
  margin:0;
  font-size:inherit;
}
.offer-card{
  justify-content:flex-start !important;
}
.offer-card:nth-child(1){
  background:#E97E4E !important;
  color:var(--grafite-quente);
}
.offer-card:nth-child(5){
  background:#9BAE8D !important;
  color:var(--grafite-quente) !important;
}
.offer-card:nth-child(1)::after,
.offer-card:nth-child(5)::after{
  background:var(--logo-symbol-brown) center/contain no-repeat !important;
  opacity:.09 !important;
}
.offer-card:nth-child(1) .duration,
.offer-card:nth-child(5) .duration{
  background:rgba(47,42,38,.08) !important;
  border-color:rgba(47,42,38,.12) !important;
  color:var(--grafite-quente) !important;
}
.offer-body{
  margin-top:58px !important;
}
.offer-meta{
  margin-top:auto !important;
}
.offer-card.wide .offer-body{
  margin-top:44px !important;
}

@media (max-width:980px){
  .roi-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:640px){
  /* Dados em 2 colunas no mobile, sem subtexto interno */
  .roi-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .roi-card{
    min-height:176px !important;
    padding:13px 11px 14px !important;
    border-radius:14px !important;
  }
  .roi-card p{
    display:none !important;
  }
  .roi-source{
    position:static !important;
    margin-bottom:12px !important;
    font-size:.48rem !important;
    line-height:1.15 !important;
    letter-spacing:.10em !important;
  }
  .roi-number{
    font-size:clamp(2.2rem, 10vw, 2.75rem) !important;
    margin:0 0 8px !important;
  }
  .roi-card h3{
    font-size:.67rem !important;
    line-height:1.08 !important;
    max-width:none !important;
  }
  .roi-link{
    position:static !important;
    margin-top:auto !important;
    padding-top:12px !important;
    font-size:.55rem !important;
  }
  .roi-card::after{
    width:96px !important;
    height:96px !important;
    right:-34px !important;
    bottom:-35px !important;
  }

  /* Statement: mantém a continuação embaixo da frase forte */
  .statement-note p br{
    margin-top:6px;
  }

  /* Experiências mobile: cards com pontos fixos de alinhamento */
  .offers-head p{
    margin-top:8px !important;
  }
  .offer-card,
  .offer-card.wide{
    min-height:268px !important;
  }
  .offer-body,
  .offer-card.wide .offer-body{
    margin-top:42px !important;
  }
}