*,*::before,*::after{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0}

  :root{
    --verde:#0B996E;--verde-deep:#0A7D5A;--verde-050:#E9F6F0;
    --azul:#2C4FE6;--azul-deep:#1D39C4;--azul-050:#EBEFFD;--azul-claro:#A9BCFF;
    --tinta:#0E1A15;--tinta-70:#41514A;--tinta-50:#65756D;
    --papel:#FCF5EB;--papel-mint:#ECF6F1;--card:#FFFFFF;
    --linha:#ECE3D6;--linha-forte:#DBCFBC;--amber:#E0952B;
    --escuro:#0A130F;--escuro-2:#111E18;--escuro-linha:#22332B;
    --sombra:0 1px 2px rgba(14,26,21,.04), 0 12px 32px -12px rgba(14,26,21,.14);
    --sombra-alta:0 24px 60px -20px rgba(10,80,58,.32);
    --raio:16px;--w:1200px;
    --f-display:"Bricolage Grotesque",system-ui,sans-serif;
    --f-body:"Instrument Sans",system-ui,-apple-system,sans-serif;
    --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  }

  body{font-family:var(--f-body);color:var(--tinta);background:var(--papel);line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  h1,h2,h3{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;line-height:1.03;margin:0}
  p{margin:0}
  ::selection{background:var(--verde);color:#fff}
  .wrap{max-width:var(--w);margin:0 auto;padding:0 24px}

  /* Logo (SVG) */
  .brand{display:inline-flex;align-items:center;gap:8px}
  .brand-logo{height:32px;width:auto;display:block}
  .brand-logo--foot{height:32px}

  /* Eyebrow (sem ícone; azul é a cor secundária do site) */
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-deep);margin:0 0 20px}
  .eyebrow--claro{color:var(--azul-claro)}

  /* Botões */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--f-body);font-weight:600;font-size:15px;padding:13px 22px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;white-space:nowrap}
  .btn--verde{background:var(--verde);color:#fff;box-shadow:0 8px 20px -8px rgba(11,153,110,.6)}
  .btn--verde:hover{background:var(--verde-deep);transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(11,153,110,.7)}
  .btn--linha{background:transparent;color:var(--tinta);border-color:var(--linha-forte)}
  .btn--linha:hover{border-color:var(--tinta);transform:translateY(-1px)}
  .btn--branco{background:#fff;color:var(--tinta)}
  .btn--branco:hover{transform:translateY(-1px);box-shadow:var(--sombra-alta)}
  .btn .arw{transition:transform .15s ease}
  .btn:hover .arw{transform:translateX(3px)}
  :where(a,button,input):focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:12px}

  /* Nav */
  .nav{position:sticky;top:0;z-index:50;background:rgba(252,245,235,.82);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
  .nav.scrolled{border-color:var(--linha)}
  .nav__in{display:flex;align-items:center;gap:40px;height:72px}
  .nav__links{display:flex;align-items:center;gap:38px;margin-left:16px}
  .nav__links > a,.nav__toplink{font-family:var(--f-body);font-size:15px;color:var(--tinta-70);font-weight:600;padding:6px 0;background:none;border:0;cursor:pointer;transition:color .15s ease}
  .nav__links > a:hover,.nav__toplink:hover{color:var(--verde-deep)}
  .nav__spacer{flex:1}
  .nav__cta{display:flex;align-items:center;gap:10px}
  .nav__cta .btn{padding:10px 18px;font-size:14px;box-shadow:none}
  .nav__cta .btn:hover{box-shadow:none;transform:none}
  .btn--fantasma{background:transparent;color:var(--tinta);border-color:transparent}
  .btn--fantasma:hover{background:var(--verde-050);color:var(--verde-deep)}
  .burger{display:none;background:none;border:1px solid var(--linha-forte);border-radius:10px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
  .burger span{width:18px;height:2px;background:var(--tinta);border-radius:2px}

  /* Mega menu "Recursos" (estilo WhatsApp: cards com ícone redondo + seta) */
  .nav__item--mega{position:relative;display:flex;align-items:center}
  .nav__toplink{display:inline-flex;align-items:center;gap:6px}
  .nav__caret{flex:none;transition:transform .18s ease}
  .nav__item--mega.open .nav__toplink{color:var(--verde-deep)}
  .nav__item--mega.open .nav__caret{transform:rotate(180deg)}
  .mega{position:absolute;left:-14px;top:calc(100% + 26px);width:640px;background:var(--card);border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombra-alta);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
  .mega::before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
  .nav__item--mega.open .mega{opacity:1;visibility:visible;transform:none}
  .mega__card{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;transition:background .15s ease}
  .mega__card:hover{background:var(--verde-050)}
  .mega__ico{width:40px;height:40px;border-radius:50%;background:var(--verde-050);color:var(--verde-deep);display:grid;place-items:center;flex:none;transition:background .15s ease}
  .mega__ico--azul{background:var(--azul-050);color:var(--azul-deep)}
  .mega__card:hover .mega__ico{background:#fff}
  .mega__txt{min-width:0}
  .mega__txt b{display:block;font-size:14.5px;font-weight:600;color:var(--tinta);line-height:1.25}
  .mega__txt small{display:block;font-size:12.5px;color:var(--tinta-50);line-height:1.35;margin-top:2px}
  .mega__arw{margin-left:auto;flex:none;color:var(--verde-deep);opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease}
  .mega__card:hover .mega__arw{opacity:1;transform:none}
  .mega__all{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:6px;padding:11px 12px;border-top:1px solid var(--linha);font-size:14px;font-weight:600;color:var(--verde-deep)}
  .mega__all:hover{background:var(--verde-050);border-radius:0 0 12px 12px}
  @media(max-width:880px){.mega{width:340px;grid-template-columns:1fr}}

  /* Âncoras de recurso: não deixar o header grudento cobrir o título */
  section[id],.card[id]{scroll-margin-top:86px}

  /* Hero */
  .hero{position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 80% -8%, rgba(11,153,110,.14), transparent 60%),radial-gradient(680px 400px at 6% 108%, rgba(11,153,110,.10), transparent 60%)}
  .hero__in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:70px 0 88px}
  .hero h1{font-size:clamp(2.05rem,3.8vw,3.1rem)}
  .hero h1 em{font-style:normal;color:var(--verde);position:relative;white-space:nowrap}
  .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:rgba(11,153,110,.22);border-radius:4px;z-index:-1}
  .hero__sub{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--tinta-70);max-width:40ch;margin:24px 0 30px}
  .signup{display:flex;gap:10px;flex-wrap:wrap;max-width:480px}
  .signup input{flex:1;min-width:210px;font-family:var(--f-body);font-size:15px;padding:13px 16px;border-radius:12px;border:1px solid var(--linha-forte);background:#fff;color:var(--tinta)}
  .signup input::placeholder{color:#93a49c}
  .signup .btn{flex:none}
  .hero__btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
  .hero__mini{margin-top:12px;font-size:13px;color:var(--tinta-50)}
  .hero__mini a{color:var(--verde-deep);font-weight:600}
  .hero__trust{margin-top:26px;display:flex;align-items:center;gap:12px;color:var(--tinta-50);font-size:14px}
  .hero__trust .dots{display:flex;gap:5px}
  .hero__trust .dots span{width:24px;height:24px;border-radius:50%;background:var(--verde);display:grid;place-items:center;color:#fff}
  .hero__trust .dots svg{width:13px;height:13px}

  /* Palco do produto (glass) */
  .stage{position:relative;isolation:isolate}
  .stage__glow{position:absolute;inset:-10% -8%;z-index:-1;filter:blur(52px);pointer-events:none;opacity:.95}
  .stage__glow span{position:absolute;border-radius:50%;display:block}
  .stage__glow span:nth-child(1){width:60%;height:60%;left:-6%;top:0;background:radial-gradient(circle,#15cf8f,transparent 68%)}
  .stage__glow span:nth-child(2){width:56%;height:56%;right:-6%;bottom:-8%;background:radial-gradient(circle,#0a7d5a,transparent 70%)}
  .stage__glow span:nth-child(3){width:44%;height:44%;right:22%;top:-12%;background:radial-gradient(circle,#a5e8cd,transparent 70%)}
  .stage__glow span:nth-child(4){width:38%;height:38%;left:28%;bottom:-14%;background:radial-gradient(circle,#4a66f0,transparent 70%);opacity:.65}
  .panel{position:relative;border-radius:22px;overflow:hidden;color:#EAF3EE;background:linear-gradient(155deg,rgba(17,30,24,.74),rgba(9,17,13,.62));-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 70px -26px rgba(5,38,27,.62),inset 0 1px 0 rgba(255,255,255,.16);transform:rotate(.5deg)}
  .panel__bar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05)}
  .panel__bar i{width:11px;height:11px;border-radius:50%;display:inline-block}
  .panel__bar i:nth-child(1){background:#F26D6D}
  .panel__bar i:nth-child(2){background:#E9B84B}
  .panel__bar i:nth-child(3){background:#2FD79B}
  .panel__bar b{margin-left:6px;font-family:var(--f-mono);font-size:11px;font-weight:500;color:#9fb8ad;letter-spacing:.02em}
  .team{margin-left:auto;display:flex;align-items:center;gap:9px}
  .teamstack{display:flex;gap:5px}
  .teamstack .tav{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#EAF3EE}
  .teamstack .tav svg{width:12px;height:12px}
  .team small{font-family:var(--f-mono);font-size:10.5px;color:#7fe0b8;white-space:nowrap}
  .team small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ee0a2;margin-right:5px;vertical-align:middle;box-shadow:0 0 0 3px rgba(62,224,162,.22)}
  .pipe{display:flex;gap:8px;padding:14px 14px 4px}
  .pipe__tab{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:9px 12px}
  .pipe__tab.is-on{border-color:rgba(62,224,162,.5);background:rgba(21,207,143,.14)}
  .pipe__tab small{display:block;font-size:10px;color:#8aa398;letter-spacing:.06em;text-transform:uppercase;font-family:var(--f-mono)}
  .pipe__tab b{font-family:var(--f-mono);font-size:20px;font-weight:600;color:#EAF3EE;line-height:1.35}
  .pipe__tab.is-on b{color:#4FE0A9}
  .pipe__tab .amb{color:#F0B85B}
  .rows{padding:10px 10px 16px;display:flex;flex-direction:column;gap:3px}
  .row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;padding:10px 12px;border-radius:13px;align-items:center;transition:background .15s;border:1px solid transparent}
  .row.is-active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:0 8px 22px -12px rgba(0,0,0,.5)}
  .pav-wrap{position:relative;width:42px;height:42px}
  .pav{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#22332b;display:grid;place-items:center}
  .pav svg{width:22px;height:22px}
  .pav-wrap .on{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#3ee0a2;border:2px solid #0d1712}
  .row__main{min-width:0}
  .row__top{display:flex;align-items:center;gap:8px}
  .row__name{font-weight:600;font-size:14px;color:#EAF3EE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .row__msg{font-size:12.5px;color:#93aaa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
  .chip{font-family:var(--f-mono);font-size:10px;font-weight:500;padding:2px 8px;border-radius:7px;letter-spacing:.03em;flex:none;border:1px solid transparent}
  .chip--verde{background:rgba(21,207,143,.16);color:#68efbf;border-color:rgba(21,207,143,.24)}
  .chip--amber{background:rgba(224,149,43,.16);color:#F1B45C;border-color:rgba(224,149,43,.26)}
  .chip--slate{background:rgba(255,255,255,.08);color:#B7C9C0}
  .chip--azul{background:rgba(95,123,255,.16);color:#A9BCFF;border-color:rgba(95,123,255,.3)}
  .row__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
  .row__time{font-size:11px;color:#7c9187;font-family:var(--f-mono)}
  .badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#2FD79B;color:#04150e;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--f-mono)}
  .mini-av{width:20px;height:20px;border-radius:50%;object-fit:cover;border:2px solid #0d1712;background:#22332b;display:grid;place-items:center;color:#9fb8ad}
  .mini-av svg{width:11px;height:11px}
  .typing{display:inline-flex;gap:3px;align-items:center}
  .typing i{width:5px;height:5px;border-radius:50%;background:#5FE0AD;animation:blink 1.4s infinite}
  .typing i:nth-child(2){animation-delay:.2s}
  .typing i:nth-child(3){animation-delay:.4s}
  @keyframes blink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
  .float{position:absolute;left:-26px;bottom:22px;z-index:3;width:250px;padding:15px 16px;border-radius:17px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 46px -18px rgba(5,38,27,.55);color:#0E1A15;transition:opacity .35s ease, transform .35s ease}
  .float.fade{opacity:0;transform:translateY(8px)}
  .float__h{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;color:var(--verde-deep)}
  .float__h svg{width:14px;height:14px;flex:none}
  .float__h--ia{color:var(--azul-deep)}
  .float__t{font-size:13px;color:#101b15;margin:9px 0 12px;line-height:1.42}
  .float__b{display:flex;gap:8px}
  .float__b button{font-family:var(--f-body);font-size:12px;font-weight:600;border:none;border-radius:10px;padding:7px 12px;cursor:pointer}
  .float__ok{background:var(--verde);color:#fff}
  .float__ed{background:rgba(14,26,21,.14);color:#0E1A15}
  @media(max-width:960px){.float{left:6px;bottom:12px}}

  /* Strip */
  .strip{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);background:#fff}
  .strip__in{display:flex;flex-wrap:wrap;gap:10px 40px;align-items:center;justify-content:space-between;padding:22px 0}
  .strip__lead{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-50)}
  .strip__items{display:flex;flex-wrap:wrap;gap:12px 24px}
  .strip__items b{font-family:var(--f-display);font-weight:700;font-size:15.5px;display:inline-flex;align-items:center;gap:8px}
  .strip__items b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde)}

  /* Seções */
  section{padding:94px 0}
  .sec-head{max-width:680px;margin:0 0 46px}
  .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.85rem)}
  .sec-head p{color:var(--tinta-70);font-size:1.12rem;margin-top:16px}

  /* Integrado - módulos */
  .mods{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
  .mods::before{content:"";position:absolute;left:8%;right:8%;top:38px;height:2px;background:linear-gradient(90deg,var(--verde-050),var(--verde),var(--verde-050));z-index:0}
  .mod{position:relative;z-index:1;text-align:center}
  .mod__ico{width:60px;height:60px;border-radius:17px;margin:0 auto 16px;display:grid;place-items:center;background:#fff;border:1px solid var(--linha);box-shadow:var(--sombra);color:var(--verde-deep)}
  .mod h4{font-family:var(--f-body);font-weight:600;font-size:15px;margin:0 0 5px}
  .mod p{font-size:12.5px;color:var(--tinta-50);line-height:1.35}

  /* Features */
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .card{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:28px;box-shadow:var(--sombra);transition:transform .18s ease, box-shadow .18s ease, border-color .18s}
  .card:hover{transform:translateY(-4px);box-shadow:var(--sombra-alta);border-color:var(--linha-forte)}
  .card__ico{width:46px;height:46px;border-radius:13px;background:var(--verde-050);display:grid;place-items:center;margin-bottom:20px;color:var(--verde-deep)}
  .card h3{font-size:1.16rem;font-family:var(--f-body);font-weight:600;letter-spacing:-.01em;margin-bottom:9px}
  .card p{color:var(--tinta-70);font-size:15px;line-height:1.5}
  .card__k{font-family:var(--f-mono);font-size:11px;color:var(--tinta-50);letter-spacing:.1em;margin-bottom:16px;display:block}

  /* Integrações (QueroApoiar) */
  .integ{background:var(--escuro);color:#cfe3d9;border-radius:24px;padding:52px;position:relative;overflow:hidden}
  .integ::after{content:"";position:absolute;left:-70px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(11,153,110,.28),transparent 70%)}
  .integ__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:1}
  .integ h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem)}
  .integ p{color:#A6BBB0;margin-top:14px;font-size:1.05rem;max-width:44ch}
  .integ__chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
  .chipbig{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
  .chipbig b{font-weight:600;color:#fff;font-size:14px}
  .chipbig small{font-family:var(--f-mono);font-size:10.5px;color:#7fe0b8}
  .donate{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .donate__msg{background:rgba(21,207,143,.14);border:1px solid rgba(21,207,143,.3);border-radius:14px;border-bottom-left-radius:4px;padding:13px 15px;font-size:13.5px;color:#EAF3EE;max-width:82%}
  .donate__msg b{color:#8ff0c8}
  .donate__bar{height:8px;border-radius:5px;background:rgba(255,255,255,.1);margin:16px 0 8px;overflow:hidden}
  .donate__bar i{display:block;height:100%;width:68%;background:linear-gradient(90deg,#12c98a,#3ee0a2)}
  .donate__meta{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:#9fb8ad}

  /* Diferenciais */
  .diff{background:var(--papel-mint)}
  .diff .grid{grid-template-columns:repeat(2,1fr)}
  .diff__item{display:flex;gap:18px;padding:24px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
  .diff__num{font-family:var(--f-mono);font-size:13px;font-weight:600;color:var(--verde-deep);flex:none;width:34px;height:34px;border-radius:9px;background:var(--verde-050);display:grid;place-items:center}
  .diff__item h3{font-size:1.14rem;font-family:var(--f-body);font-weight:600;margin-bottom:7px}
  .diff__item p{color:var(--tinta-70);font-size:14.5px}

  /* Como funciona */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
  .step{position:relative;padding-top:22px}
  .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--f-mono);font-size:13px;color:var(--verde-deep);font-weight:600}
  .step h3{font-size:1.3rem;margin:12px 0 8px}
  .step p{color:var(--tinta-70);font-size:15px}
  .step__line{height:2px;background:linear-gradient(90deg,var(--verde),rgba(11,153,110,.15));margin-top:20px;border-radius:2px}

  /* Faixa escura (segurança) */
  .white{background:var(--escuro);color:#EAF3EE;border-radius:24px;overflow:hidden;position:relative}
  .white__in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:52px}
  .white::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(11,153,110,.28),transparent 70%)}
  .white h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);position:relative;z-index:1}
  .white p{color:#A6BBB0;margin-top:16px;font-size:1.05rem;position:relative;z-index:1;max-width:44ch}
  .white__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;position:relative;z-index:1}
  .white__tags span{font-family:var(--f-mono);font-size:12px;padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#C9E4D9}
  .white__demo{position:relative;z-index:1}
  .brandcard{background:var(--escuro-2);border:1px solid var(--escuro-linha);border-radius:16px;padding:22px}
  .brandcard .bwordmark{font-family:var(--f-display);font-weight:800;font-size:24px;letter-spacing:-.02em}
  .brandcard .brow{height:9px;border-radius:5px;background:#243a30;margin-top:14px}
  .brandcard .brow.s{width:60%}
  .brandcard .bdot{width:34px;height:34px;border-radius:9px;margin-bottom:8px}

  /* Preços */
  .price__wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center}
  .price__card{background:#fff;border:1px solid var(--linha);border-radius:20px;padding:34px;box-shadow:var(--sombra)}
  .price__from{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-50)}
  .price__val{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:12px 0 14px}
  .price__val b{font-family:var(--f-display);font-weight:800;font-size:2.6rem;letter-spacing:-.03em}
  .price__val span{color:var(--tinta-50);font-size:.95rem}
  .price__val .price__add{font-family:var(--f-body);font-weight:600;font-size:14.5px;color:var(--verde-deep);margin:0 0 0 6px;white-space:nowrap}
  .price__note{color:var(--tinta-70);font-size:14.5px;margin-bottom:22px}
  .price__list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:11px}
  .price__list li{display:flex;gap:10px;font-size:15px;color:var(--tinta-70)}
  .price__list svg{flex:none;margin-top:3px}
  .pay{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 24px}
  .pay span{font-size:13px;color:var(--tinta-50);display:inline-flex;align-items:center;gap:7px}
  .pay span::before{content:"✓";color:var(--verde-deep);font-weight:800}

  /* Tabela de features (preços) */
  .feat-table{background:#fff;border:1px solid var(--linha);border-radius:20px;box-shadow:var(--sombra);overflow:hidden}
  .feat-table__row{display:flex;align-items:center;gap:14px;padding:15px 22px;border-top:1px solid var(--linha)}
  .feat-table__row:first-child{border-top:0}
  .feat-table__row svg{flex:none}
  .feat-table__row b{font-size:15px;font-weight:600;flex:none;width:200px}
  .feat-table__row small{color:var(--tinta-50);font-size:13.5px;flex:1;line-height:1.4}
  @media(max-width:720px){.feat-table__row{flex-wrap:wrap;gap:8px 14px}.feat-table__row b{width:auto}.feat-table__row small{flex-basis:100%;padding-left:32px}}

  /* CTA final */
  .cta-final{background:linear-gradient(160deg,var(--verde-deep),var(--verde));border-radius:24px;padding:60px 48px;text-align:center;color:#fff;position:relative;overflow:hidden}
  .cta-final::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -20%,rgba(255,255,255,.18),transparent 60%)}
  .cta-final h2{font-size:clamp(2rem,4vw,3rem);color:#fff;position:relative;max-width:18ch;margin:0 auto 14px}
  .cta-final p{color:rgba(255,255,255,.9);font-size:1.12rem;position:relative;margin-bottom:28px}
  .cta-final .signup{position:relative;margin:0 auto;justify-content:center}
  .cta-final .signup input{border-color:transparent}

  /* Footer */
  footer{background:var(--escuro);color:#9FB4A9;padding:64px 0 40px}
  .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
  .foot__brand p{margin-top:18px;font-size:14px;max-width:30ch;color:#7f958b}
  .foot h4{color:#EAF3EE;font-family:var(--f-body);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px}
  .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
  .foot a{font-size:14.5px;color:#9FB4A9}
  .foot a:hover{color:#fff}
  .foot__bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:52px;padding-top:24px;border-top:1px solid var(--escuro-linha);font-size:13px;color:#6d837a}
  .hublock{margin-top:24px;display:flex;align-items:center;gap:11px}
  .hublock .lead{font-size:12px;color:#6d837a;white-space:nowrap}
  .hublogo{height:26px;width:auto;opacity:.92}
  .hublogo:hover{opacity:1}

  /* Feature blocks (estilo WhatsApp: alternado + reveal) */
  .feature{padding:84px 0}
  .feature__in{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1060px;margin:0 auto}
  .feature__text h2{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.05}
  .feature__text p{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--tinta-70);margin-top:18px;max-width:40ch}
  .feature__eyebrow{display:inline-block;font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--azul-deep);margin-bottom:16px}
  .feature--rev .feature__text{order:2}
  .feature--mint{background:var(--papel-mint)}
  .feature__visual{display:flex;justify-content:center}
  .vcard{background:#fff;border:1px solid var(--linha);border-radius:26px;box-shadow:var(--sombra-alta);padding:20px;width:100%;max-width:400px}
  .vhead{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-50);padding:4px 6px 12px;border-bottom:1px solid var(--linha);margin-bottom:6px}
  .vrow{display:flex;align-items:center;gap:12px;padding:10px 6px}
  .vav{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#04150e;font-size:13px;flex:none}
  .vrow b{font-size:14.5px;display:block}
  .vrow small{font-size:12.5px;color:var(--tinta-50)}
  .vchip{margin-left:auto;font-family:var(--f-mono);font-size:10px;padding:3px 8px;border-radius:7px;background:var(--verde-050);color:var(--verde-deep);white-space:nowrap;flex:none}
  .vmap{height:214px;border-radius:18px;background:linear-gradient(135deg,#e8f2ec,#dceee4);position:relative;overflow:hidden}
  .vpin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--verde);transform:rotate(-45deg);box-shadow:0 4px 10px rgba(11,153,110,.45)}
  .vpin--azul{background:var(--azul);box-shadow:0 4px 10px rgba(44,79,230,.4)}
  .vmap__card{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:var(--sombra);font-size:12.5px;display:flex;align-items:center;gap:6px}
  .vbar{height:10px;border-radius:6px;background:var(--verde-050);overflow:hidden;margin:12px 0 8px}
  .vbar i{display:block;height:100%;width:68%;background:linear-gradient(90deg,var(--verde),#3ee0a2)}
  .vstack{position:relative;width:100%;max-width:400px}
  .vchip--amber{background:#FBECD9;color:#B87415}
  .vchip--azul{background:var(--azul-050);color:var(--azul-deep)}
  .vfloat{position:absolute;right:-16px;bottom:-18px;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra-alta);padding:11px 15px;font-size:13px;color:var(--tinta-70);display:flex;align-items:center;gap:7px;white-space:nowrap}
  .vfloat b{color:var(--tinta)}
  .integra{display:flex;align-items:center;gap:11px;margin-top:24px}
  .integra__lead{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-50)}
  .integra__logo{height:24px;width:auto}
  .integra__word{font-family:var(--f-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--verde-deep)}
  @media(max-width:900px){.feature{padding:54px 0}.feature__in{grid-template-columns:1fr;gap:34px}.feature--rev .feature__text{order:0}}

  /* Reveal */
  .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1)}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.typing i{animation:none}.btn,.card{transition:none}}

  /* Responsivo */
  @media(max-width:960px){
    .hero__in{grid-template-columns:1fr;gap:44px;padding:52px 0 64px}
    .panel{transform:none}
    .white__in,.integ__grid{grid-template-columns:1fr;padding:36px}
    .integ{padding:36px}
    .price__wrap{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr;gap:32px}
    .grid,.diff .grid{grid-template-columns:repeat(2,1fr)}
    .mods{grid-template-columns:repeat(3,1fr);gap:26px 16px}
    .mods::before{display:none}
  }
  @media(max-width:720px){
    .nav__links,.nav__cta .btn--linha,.nav__cta .btn--fantasma{display:none}
    .burger{display:flex}
    .nav.open .nav__links{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--papel);border-bottom:1px solid var(--linha);padding:16px 24px;gap:8px}
    .nav__item--mega{position:static;display:block}
    .nav__toplink{width:100%;justify-content:flex-start}
    .mega{position:static;width:100%;opacity:1;visibility:visible;transform:none;transition:none;display:none;box-shadow:none;border:1px solid var(--linha);border-radius:14px;padding:6px;margin:6px 0 4px;grid-template-columns:1fr;gap:0}
    .mega::before{display:none}
    .nav__item--mega.open .mega{display:grid}
    .mega__card{padding:10px}
    .mega__all{justify-content:flex-start;padding:10px}
    .steps,.grid,.diff .grid,.foot,.mods{grid-template-columns:1fr}
    section{padding:60px 0}
    .cta-final{padding:44px 22px}
    .float{position:static;left:auto;bottom:auto;width:auto;margin-top:14px}
    .stage__glow{opacity:.6}
  }

/* ============ PÁGINAS INTERNAS ============ */
/* Auth (login / cadastro / senha) */
.auth{position:relative;min-height:100vh;display:grid;place-items:center;padding:56px 20px;background:radial-gradient(700px 400px at 50% -10%, rgba(11,153,110,.10), transparent 60%), var(--papel)}
.auth__back{position:absolute;top:22px;left:24px}
.auth__back a{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--tinta-70)}
.auth__card{width:100%;max-width:420px;background:#fff;border:1px solid var(--linha);border-radius:22px;box-shadow:var(--sombra-alta);padding:34px 32px}
.auth__logo{display:flex;justify-content:center;margin-bottom:6px}
.auth__logo img{height:30px;width:auto}
.auth__card h1{font-size:1.6rem;text-align:center;margin:14px 0 4px}
.auth__sub{text-align:center;color:var(--tinta-70);font-size:15px;margin-bottom:24px}
.field{margin-bottom:16px}
.field label{display:block;font-size:14px;font-weight:600;color:var(--tinta-70);margin-bottom:6px}
.field input{width:100%;font-family:var(--f-body);font-size:15px;padding:13px 15px;border-radius:12px;border:1px solid var(--linha-forte);background:#fff;color:var(--tinta)}
.field input::placeholder{color:#9aa8a1}
.auth .btn{width:100%}
.gbtn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f-body);font-weight:600;font-size:15px;padding:12px 18px;border-radius:12px;border:1px solid var(--linha-forte);background:#fff;color:var(--tinta);cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.gbtn:hover{border-color:var(--tinta);transform:translateY(-1px)}
.gbtn svg{width:18px;height:18px;flex:none}
.divider{display:flex;align-items:center;gap:12px;color:var(--tinta-50);font-size:13px;margin:18px 0}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--linha)}
.auth__links{text-align:center;font-size:14px;color:var(--tinta-70);margin-top:18px}
.auth__links a{color:var(--verde-deep);font-weight:600}

/* Auth NOITE (login/cadastro): o mesmo palco glass do hero da home e do app —
   fundo verde-preto profundo, orbes verdes borrados e card de vidro no centro.
   É um MODIFICADOR (.auth--noite): recuperar/redefinir-senha seguem no claro. */
.auth--noite{background:#04150e;color:#EAF3EE;overflow:hidden;isolation:isolate}
.auth--noite .auth__glow{position:absolute;inset:-12% -8%;z-index:0;filter:blur(64px) saturate(115%);pointer-events:none;opacity:.5}
.auth--noite .auth__glow span{position:absolute;border-radius:50%;display:block}
.auth--noite .auth__glow span:nth-child(1){width:52%;height:52%;left:-8%;top:-10%;background:radial-gradient(circle,#15cf8f,transparent 68%)}
.auth--noite .auth__glow span:nth-child(2){width:48%;height:48%;right:-10%;bottom:-12%;background:radial-gradient(circle,#0a7d5a,transparent 70%)}
.auth--noite .auth__glow span:nth-child(3){width:34%;height:34%;right:16%;top:-14%;background:radial-gradient(circle,#a5e8cd,transparent 70%)}
.auth--noite .auth__back{z-index:2}
.auth--noite .auth__back a{color:#9FB4A9}
.auth--noite .auth__back a:hover{color:#fff}
.auth--noite .auth__card{position:relative;z-index:1;background:linear-gradient(155deg,rgba(17,30,24,.74),rgba(9,17,13,.62));-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 70px -26px rgba(5,38,27,.62),inset 0 1px 0 rgba(255,255,255,.16)}
@supports not (backdrop-filter:blur(1px)){.auth--noite .auth__card{background:#0d1712}}
.auth--noite .auth__card h1{color:#fff}
.auth--noite .auth__sub{color:#A6BBB0}
.auth--noite .field label{color:#C9E4D9}
.auth--noite .field input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#EAF3EE;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.auth--noite .field input::placeholder{color:#7c9187}
.auth--noite .field input:focus{border-color:rgba(47,215,155,.55);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(11,153,110,.25)}
.auth--noite .divider{color:#7c9187}
.auth--noite .divider::before,.auth--noite .divider::after{background:rgba(255,255,255,.12)}
.auth--noite .auth__links{color:#9FB4A9}
.auth--noite .auth__links a{color:#7FE0B8}
.auth--noite .auth__links a:hover{color:#a8f0d2}
.auth--noite .btn--vidro{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#EAF3EE}
.auth--noite .btn--vidro:hover{border-color:rgba(255,255,255,.4);transform:translateY(-1px)}
.auth--noite .auth__note{font-size:13.5px;line-height:1.5;border-radius:12px;padding:11px 13px}
.auth--noite .auth__note--info{background:rgba(224,149,43,.12);border:1px solid rgba(224,149,43,.3);color:#F1B45C}
.auth--noite .auth__note--erro{background:rgba(242,109,109,.12);border:1px solid rgba(242,109,109,.32);color:#F5B5B0}
.auth--noite .auth__note a{color:inherit;font-weight:600;text-decoration:underline}
@media (prefers-reduced-motion:reduce){.auth--noite .btn--vidro:hover{transform:none}}

/* Page hero simples (legal / contato / funcionalidades) */
.page-hero{padding:84px 0 24px;text-align:center}
.page-hero .eyebrow{justify-content:center}
.page-hero h1{font-size:clamp(2rem,4vw,3rem)}
.page-hero p{color:var(--tinta-70);font-size:1.1rem;margin:14px auto 0;max-width:60ch}

/* Prose (artigos / legal) */
.prose{max-width:760px;margin:0 auto;padding:24px 24px 90px}
.prose h2{font-size:1.5rem;margin:34px 0 12px}
.prose h3{font-size:1.2rem;font-family:var(--f-body);font-weight:600;margin:24px 0 8px}
.prose p{color:var(--tinta-70);font-size:1.05rem;line-height:1.7;margin:0 0 14px}
.prose ul{color:var(--tinta-70);font-size:1.05rem;line-height:1.7;padding-left:22px;margin:0 0 14px}
.prose li{margin:6px 0}
.prose a{color:var(--verde-deep);font-weight:600}
.legal-meta{font-family:var(--f-mono);font-size:12px;color:var(--tinta-50);text-transform:uppercase;letter-spacing:.08em;text-align:center;display:block;margin-top:10px}

/* Docs / central de ajuda */
.doc-hero{padding:72px 0 44px;text-align:center;background:var(--papel-mint)}
.doc-search{max-width:520px;margin:22px auto 0;display:flex;gap:10px}
.doc-search input{flex:1;font-family:var(--f-body);font-size:15px;padding:14px 16px;border-radius:12px;border:1px solid var(--linha-forte);background:#fff}
.doc-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:60px 0}
.doc-cat{display:block;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px;box-shadow:var(--sombra);transition:transform .18s ease,box-shadow .18s ease}
.doc-cat:hover{transform:translateY(-4px);box-shadow:var(--sombra-alta)}
.doc-cat h3{font-size:1.15rem;font-family:var(--f-body);font-weight:600;margin-bottom:8px}
.doc-cat p{color:var(--tinta-70);font-size:14.5px}
.doc-cat__ico{width:44px;height:44px;border-radius:12px;background:var(--verde-050);display:grid;place-items:center;color:var(--verde-deep);margin-bottom:16px}
@media(max-width:820px){.doc-cats{grid-template-columns:1fr}}

/* Contato */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:1000px;margin:0 auto;padding:30px 24px 90px;align-items:start}
.contact-side h3{font-size:1.2rem;margin:0 0 8px}
.contact-side p{color:var(--tinta-70);margin-bottom:18px}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}

/* Blog */
.card--static:hover{transform:none;box-shadow:var(--sombra);border-color:var(--linha)}
.blog-soon{margin-top:44px;text-align:center;background:#fff;border:1px dashed var(--linha-forte);border-radius:20px;padding:44px 28px}
.blog-soon h2{font-size:clamp(1.4rem,2.4vw,1.8rem)}
.blog-soon p{color:var(--tinta-70);font-size:15.5px;max-width:52ch;margin:12px auto 24px}