/* Página inicial (vendas) v2. Vale só com <body class="home">: /entrar e /app não mudam.
   Direção: faixas de cor de tela inteira (verde, limão, escuro, creme), título gigante e pesado, ação imediata no topo (reservar o endereço) e o produto à vista (3 telefones de exemplo). */
body.home{--g:#08724F;--g2:#0A8A60;--lime:#D8F55A;--ink:#0E1410;--cream:#F6F3EC;--bg:var(--cream);--mut:#42463F;--line:#E2DED2;--ac:var(--g2);--acd:var(--g);font-size:18px;line-height:1.55;background:var(--cream)}
body.home,body.home .serif,body.home h1,body.home h2,body.home h3,body.home .cel b{font-family:Inter,system-ui,-apple-system,sans-serif}
body.home h1{font-size:clamp(46px,8.4vw,104px);line-height:.96;font-weight:800;letter-spacing:-.055em}
body.home h2{font-size:clamp(34px,5.6vw,66px);line-height:1;font-weight:800;letter-spacing:-.05em}
body.home h3{letter-spacing:-.02em}
body.home section{padding:104px 0}
body.home .wrap{width:min(1180px,100% - 40px)}
body.home .eyebrow{font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--g)}
body.home .secao-t{max-width:860px;margin-bottom:56px}
body.home .lead{font-size:clamp(19px,2.3vw,24px);line-height:1.45;max-width:30em;color:var(--mut)}
body.home .btn{font-size:17px;font-weight:700}
body.home .btn.ac{background:var(--lime);color:var(--ink)}
body.home .btn.sec{border-color:#C9C4B6}

/* topo e herói (verde) */
body.home .nav{background:var(--g);border-bottom:0}
body.home .nav .wrap{height:76px}
body.home .logo{color:#fff;white-space:nowrap}
body.home .logo b{background:var(--lime);color:var(--ink)}
body.home .nav .links a{color:#DDEFE7;font-size:16px;font-weight:600}
body.home .nav .links a:hover{background:rgba(255,255,255,.12);color:#fff}
body.home .nav .btn.sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
body.home .nav .btn:not(.sec){background:var(--lime);color:var(--ink)}
body.home .hero{background:var(--g);color:#fff;padding:36px 0 0;overflow:hidden}
body.home .hero .wrap{display:block;text-align:center}
body.home .hero .eyebrow{color:var(--lime)}
body.home .hero h1{max-width:12.5em;margin:6px auto 0}
body.home .hero .lead{color:#DDEFE7;margin:24px auto 0;max-width:27em}
.claim{display:flex;gap:10px;align-items:center;background:#fff;border-radius:999px;padding:8px 8px 8px 24px;width:min(620px,100%);margin:36px auto 0;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.claim span{color:#6B6F66;font-weight:600;white-space:nowrap;font-size:18px}
.claim input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-weight:700;font-size:18px;color:var(--ink);background:none;padding:10px 0}
.claim input::placeholder{color:#A4A89E;font-weight:600}
.claim .btn{min-height:54px;padding:0 26px}
body.home .hero .conf{justify-content:center;color:#DDEFE7;font-size:16px;margin-top:24px}
body.home .hero .conf span::before{color:var(--lime)}
@media(max-width:700px){
  .claim{flex-direction:column;border-radius:26px;padding:16px;gap:10px;align-items:stretch}
  .claim span{display:none}
  .claim input{border:2px solid var(--line);border-radius:16px;padding:14px 16px;text-align:center}
  .claim .btn{width:100%}
}

/* telefones de exemplo */
.fan{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:0;margin:56px auto 0;height:560px}
.fan .cel{position:relative;width:300px;border:10px solid #0b0b0b;border-bottom:0;border-radius:44px 44px 0 0;padding:34px 20px 0;height:520px;transform:none;box-shadow:0 -10px 60px rgba(0,0,0,.28)}
.fan .cel .a{width:80px;height:80px;border-radius:50%;margin:0 auto 10px}
.fan .cel b{display:block;text-align:center;font-weight:800;font-size:20px;letter-spacing:-.02em}
.fan .cel small{display:block;text-align:center;font-size:14px;opacity:.75;margin-bottom:16px}
.fan .cel .c{margin-top:11px;border-radius:16px;padding:16px;font-size:15px;font-weight:700;text-align:center}
.fan .c-m{z-index:3;background:#F1EBDF;color:#1c1a15;height:560px}
.fan .c-m .a{background:linear-gradient(135deg,#8AA2FF,#6EE7A8)}
.fan .c-m .c{background:linear-gradient(120deg,#2b2519,#7b6540);color:#fff}
.fan .c-m .c.v{background:linear-gradient(120deg,#0a5c40,#0E9F6E)}
.fan .c-l{z-index:2;background:#16130E;color:#F2E6C9;transform:translateX(26px) rotate(-6deg);transform-origin:bottom center}
.fan .c-l .a{background:linear-gradient(135deg,#E8C26A,#8A6A22)}
.fan .c-l .c{background:linear-gradient(120deg,#E8C26A,#B8892E);color:#16130E}
.fan .c-r{z-index:2;background:#FFE3EC;color:#4a1026;transform:translateX(-26px) rotate(6deg);transform-origin:bottom center}
.fan .c-r .a{background:linear-gradient(135deg,#FF8FB1,#D6336C)}
.fan .c-r .c{background:#D6336C;color:#fff}
.fan .flut{position:absolute;bottom:auto;height:auto;z-index:5;background:#fff;color:var(--ink);border:0;border-radius:18px;padding:14px 18px;font-size:15px;font-weight:700;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.fan .flut b{display:block;font-size:30px;letter-spacing:-.03em}
.fan .f1{left:calc(50% - 600px);top:120px}
.fan .f2{right:calc(50% - 610px);top:230px}
@media(max-width:900px){
  .fan{height:430px;margin-top:40px}
  .fan .cel{width:210px;height:400px;padding:26px 14px 0;border-width:8px;border-radius:34px 34px 0 0}
  .fan .c-m{height:430px}
  .fan .cel .a{width:60px;height:60px}.fan .cel b{font-size:16px}.fan .cel small{font-size:12px;margin-bottom:10px}.fan .cel .c{font-size:12.5px;padding:12px;margin-top:8px;border-radius:12px}
  .fan .c-l{transform:translateX(44px) rotate(-6deg)}.fan .c-r{transform:translateX(-44px) rotate(6deg)}
  .fan .f1{left:0;top:-6px}.fan .f2{right:0;top:-6px}.fan .flut{padding:10px 14px;font-size:12.5px}.fan .flut b{font-size:22px}
  body.home section{padding:68px 0}
  body.home .hero{padding-top:26px}
}

/* passos (limão) */
body.home #como{background:var(--lime);color:var(--ink)}
body.home #como .eyebrow{color:var(--ink)}
body.home #como .grid3{gap:24px}
body.home #como .card{background:transparent;border:0;box-shadow:none;padding:0}
body.home #como .passo{display:block}
body.home #como .passo .n{width:auto;height:auto;background:none;color:var(--ink);font-size:clamp(72px,10vw,128px);font-weight:800;letter-spacing:-.06em;line-height:.9;display:block;margin-bottom:14px}
body.home #como .passo h3{font-size:26px;font-weight:800}
body.home #como .passo p{color:#27301C;font-size:19px;margin-top:8px}

/* recursos (escuro) */
body.home #recursos{background:var(--ink);color:#fff;padding-top:104px}
body.home #recursos .eyebrow{color:var(--lime)}
body.home #recursos .lead{color:#C9D0CA}
body.home #recursos .card{background:#18211B;border:1px solid #26332B;box-shadow:none;padding:30px}
body.home #recursos .feat h3{color:#fff;font-size:22px}
body.home #recursos .feat p{color:#C9D0CA;font-size:17px}
body.home #recursos .feat .ic{background:var(--lime);color:var(--ink);border-radius:16px}
body.home #recursos .feat b{color:#fff}

/* planos (creme) */
body.home #planos{background:var(--cream)}
body.home .alterna{border-color:#C9C4B6}
body.home .alterna button{font-size:16px;font-weight:700}
body.home .alterna button.on{background:var(--ink);color:#fff}
body.home .planos-wrap{display:grid;gap:22px;margin-top:40px}
body.home .planos3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
body.home .card{box-shadow:0 1px 2px rgba(20,20,20,.05),0 12px 32px rgba(20,20,20,.06)}
body.home .plano{padding:32px;gap:18px;border:1px solid var(--line)}
body.home .plano h3{font-size:24px;font-weight:800}
body.home .plano .preco{font-size:56px;font-weight:800;letter-spacing:-.055em}
body.home .plano .preco small{font-size:18px;font-weight:700;letter-spacing:0}
body.home .plano .anual{font-size:15px;color:var(--mut)}
body.home .plano ul{font-size:17px;gap:12px;align-content:start}
body.home .plano li::before{color:var(--g2)}
body.home .plano .btn{min-height:54px}
body.home .plano.dest{background:var(--g);color:#fff;border-color:var(--g);box-shadow:0 24px 60px rgba(8,114,79,.35)}
body.home .plano.dest .anual{color:#CFEBDD}
body.home .plano.dest li::before{color:var(--lime)}
body.home .plano.dest .tag{background:var(--lime);color:var(--ink);font-size:14px;font-weight:800}
body.home .plano.dest .btn.ac{background:var(--lime);color:var(--ink)}
body.home .faixa{display:grid;grid-template-columns:1fr auto;gap:12px 28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 32px}
body.home .faixa h3{font-size:22px;font-weight:800}
body.home .faixa p{color:var(--mut);font-size:17px;margin-top:2px}
body.home .faixa.sob{background:var(--ink);border-color:var(--ink);color:#fff}
body.home .faixa.sob p{color:#C9D0CA}
body.home .faixa.sob .btn{background:var(--lime);color:var(--ink)}
@media(max-width:900px){
  body.home .planos3{grid-template-columns:1fr}
  body.home .faixa{grid-template-columns:1fr}
  body.home .faixa .btn{width:100%}
  body.home #como .passo .n{font-size:84px}
}

/* perguntas e final */
body.home summary{font-size:20px;font-weight:700}
body.home details p{font-size:18px;color:var(--mut)}
body.home .final{background:var(--g);border-radius:0;padding:0}
body.home section.fim{background:var(--g);padding:112px 0;color:#fff}
body.home .final h2{color:#fff;font-size:clamp(36px,6.4vw,80px);max-width:12em;margin:0 auto}
body.home .final p{font-size:21px;color:#DDEFE7;margin:20px auto 34px}
body.home .final .btn{min-height:60px;padding:0 36px;font-size:19px}
body.home footer.rod{background:var(--ink);color:#C9D0CA;padding:34px 0 40px;font-size:15px}
body.home footer.rod a{color:#fff}
body.home .plano.dest .preco small{color:#CFEBDD}

/* celular: só o telefone do meio, grande; botão do topo cabe na tela */
@media(max-width:700px){
  body.home .nav .wrap{height:64px;gap:10px}
  body.home .logo{font-size:16px}
  body.home .nav .btn{padding:10px 16px;font-size:15px;min-height:42px}
  .fan{height:470px;margin-top:34px;align-items:flex-end}
  .fan .c-l,.fan .c-r{display:none}
  .fan .cel.c-m{width:min(290px,78vw);height:430px;padding:30px 18px 0;border-width:9px;border-radius:38px 38px 0 0}
  .fan .c-m .a{width:70px;height:70px}
  .fan .c-m b{font-size:19px}.fan .c-m small{font-size:13px;margin-bottom:12px}
  .fan .c-m .c{font-size:14.5px;padding:14px;margin-top:9px;border-radius:14px}
  .fan .f1{left:6px;top:0}.fan .f2{right:6px;top:70px}
  .fan .flut{font-size:12.5px;padding:10px 14px}.fan .flut b{font-size:22px}
}
@media(max-width:700px){.fan .f2{top:6px}}