/* LP genérica Dàrá Growth (tráfego frio)
   Tokens da marca, iguais aos da LP oficial (daragrowth-lp/tokens). */
:root{
  --linho:#F6F3EC;
  --chao:#C9BEAC;
  --efun:#F2EFE7;
  --efun-shade:#E7E2D6;
  --jenipapo:#151E28;
  --jenipapo-soft:#22303E;
  --sangue:#A31621;
  --sangue-deep:#7F111A;
  --sangue-bright:#BE1B27;
  --muted:#4A5560;
  --line:rgba(21,30,40,.14);
  --line-strong:rgba(21,30,40,.32);

  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-ui:"Archivo","Helvetica Neue",Arial,sans-serif;

  --s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --max:1120px;
  --radius:10px;
  --ease:cubic-bezier(.2,.6,.2,1);
  --shadow:0 1px 2px rgba(21,30,40,.05),0 12px 30px -16px rgba(21,30,40,.22);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-size-adjust:100%}
body{margin:0;background:var(--linho);color:var(--jenipapo);font-family:var(--font-ui);font-size:17px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit}
:focus-visible{outline:2px solid var(--sangue);outline-offset:3px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow>*{max-width:820px}
.narrow>.funnel{max-width:900px}
.sec{padding:var(--s8) 0;position:relative;isolation:isolate}
.linho{background:var(--linho)}
.chao{background:var(--chao)}
.jenipapo{background:var(--jenipapo);color:var(--efun)}
.jenipapo h2,.jenipapo h3{color:var(--efun)}

.eyebrow{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--sangue);margin-bottom:var(--s4)}
.chao .eyebrow{color:var(--sangue-deep)}
.jenipapo .eyebrow{color:#E4A3A8}
.label{font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.sub{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(19px,2.2vw,23px);line-height:1.42;color:var(--jenipapo-soft);max-width:46ch}
.head{margin-bottom:var(--s7);max-width:780px}
h2{font-size:clamp(30px,4.4vw,48px)}
.prose{display:flex;flex-direction:column;gap:var(--s5);font-size:18px;max-width:62ch}
.pull{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(21px,2.4vw,26px);line-height:1.38;padding-left:var(--s5);border-left:3px solid var(--sangue)}

/* ícones: Lucide (ISC License), como máscara */
.ic{display:inline-block;width:20px;height:20px;background:currentColor;flex:0 0 auto;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.i-msg{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}

/* botões */
.btn{font-family:var(--font-ui);font-weight:500;font-size:17px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 28px;width:100%;border-radius:8px;border:1px solid transparent;background:var(--sangue);color:var(--efun);text-decoration:none;text-align:center;cursor:pointer;transition:background 120ms var(--ease),transform 200ms var(--ease),box-shadow 200ms var(--ease)}
.btn:hover{background:var(--sangue-deep)}
.btn:active{transform:scale(.985)}
.jenipapo .btn:hover{background:var(--sangue-bright)}
.btn.sm{width:auto;font-size:14px;padding:10px 14px}
.btn.ghost{background:transparent;color:var(--jenipapo);border-color:var(--jenipapo)}
.btn.ghost:hover{background:var(--jenipapo);color:var(--efun)}
.btn.xl{font-size:clamp(18px,2vw,21px);padding:22px 24px}
.cta{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s6)}
.cta .micro{font-size:15px;color:var(--muted);max-width:48ch}
.jenipapo .cta .micro{color:rgba(242,239,231,.7)}

.card{background:#FCFAF6;border:1px solid rgba(21,30,40,.08);border-radius:var(--radius);box-shadow:var(--shadow)}
.chao .card{background:#FAF8F3}

/* topo */
.top{background:var(--linho);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.top .logo{height:38px;width:auto}

/* 1 · herói */
.hero{padding:var(--s7) 0 var(--s8)}
.hero-grid{display:grid;gap:var(--s7);align-items:center}
.hero h1{font-size:clamp(38px,6.4vw,70px);line-height:1.03;letter-spacing:-.028em;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--sangue)}
.hero .sub{margin-top:var(--s5)}
.chat{margin:0;max-width:380px;width:100%;justify-self:center;background:#EFEAE0;border:1px solid rgba(21,30,40,.1);border-radius:16px;box-shadow:0 2px 4px rgba(21,30,40,.06),0 24px 48px -24px rgba(21,30,40,.35);overflow:hidden;font-size:15px}
.chat-top{display:flex;align-items:center;gap:var(--s3);padding:14px 16px;background:var(--jenipapo);color:var(--efun)}
.chat-top b{display:block;font-weight:500;font-size:15px}
.chat-top small{font-size:12px;opacity:.7}
.chat-av{width:36px;height:36px;border-radius:50%;background:var(--chao)}
.chat-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.chat-day{align-self:center;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.55);padding:3px 10px;border-radius:6px;margin:var(--s2) 0}
.msg{max-width:82%;padding:9px 12px 20px;border-radius:10px;position:relative;line-height:1.35;box-shadow:0 1px 1px rgba(21,30,40,.08)}
.msg time{position:absolute;right:10px;bottom:4px;font-size:11px;color:var(--muted)}
.msg.in{align-self:flex-start;background:#FFFDF8;border-top-left-radius:2px}
.msg.out{align-self:flex-end;background:#E3DCCD;border-top-right-radius:2px}
.chat-gap{align-self:center;font-size:13px;font-weight:500;color:var(--sangue);padding:var(--s2) 0;display:flex;align-items:center;gap:var(--s2)}
.chat-gap::before,.chat-gap::after{content:"";width:28px;height:1px;background:currentColor;opacity:.5}

/* 2 · problema */
#problema h2{max-width:20ch;margin-bottom:var(--s6)}
.funnel{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;gap:var(--s2)}
.funnel li{display:flex;flex-direction:column;gap:2px;padding:var(--s4) var(--s5);border-radius:8px;background:rgba(246,243,236,.55);border:1px solid rgba(21,30,40,.1)}
.funnel span{font-family:var(--font-display);font-weight:600;font-size:20px}
.funnel small{font-size:14px;color:var(--muted)}
.funnel li.hot{background:var(--jenipapo);color:var(--efun);border-color:var(--jenipapo)}
.funnel li.hot small{color:#E4A3A8;font-weight:500}

/* 3 · a conta */
.bills{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.bill{padding:var(--s6) var(--s5);border:1px solid rgba(242,239,231,.18);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--s3)}
.bill-n{font-family:var(--font-display);font-weight:600;font-size:56px;line-height:.9;color:rgba(242,239,231,.35)}
.bill h3{font-size:22px}
.bill p{font-size:16px;color:rgba(242,239,231,.8)}
.bill.hot{border-color:var(--sangue);background:rgba(163,22,33,.14)}
.bill.hot .bill-n{color:var(--sangue-bright)}
.verdict{margin-top:var(--s7);display:flex;flex-direction:column;gap:var(--s4);max-width:640px}
.verdict .big{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4.8vw,52px);line-height:1.05;letter-spacing:-.03em}
.verdict p{font-size:18px;color:rgba(242,239,231,.85)}
.verdict strong{color:var(--efun);font-weight:600}
#conta .cta{max-width:460px}

/* 4 · o que a Dàrá faz */
.compare{display:grid;gap:var(--s4)}
.compare .card{padding:var(--s6) var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.compare p{font-size:17px}
.opt-x .label{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(163,22,33,.6);text-decoration-thickness:2px}
.opt-x p{color:var(--muted)}
.opt-dara{border:1.5px solid var(--sangue)!important}
.opt-dara .label{color:var(--sangue)}
.punch{margin-top:var(--s7);font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.2vw,46px);line-height:1.08;letter-spacing:-.025em;max-width:22ch}
.punch em{font-style:normal;color:var(--sangue)}

/* 5 · como funciona */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6);position:relative}
.steps::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:1.5px;background:var(--jenipapo)}
.step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:var(--s5);row-gap:var(--s2);position:relative}
.step-dot{grid-row:1/span 2;width:56px;height:56px;border-radius:50%;background:var(--chao);border:1.5px solid var(--jenipapo);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:24px}
.step:first-child .step-dot{background:var(--sangue);border-color:var(--sangue);color:var(--efun)}
.step h3{font-size:24px;align-self:end;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}
.step h3 small{font-family:var(--font-ui);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--sangue);color:var(--efun);padding:4px 8px;border-radius:4px}
.step p{font-size:16px;color:#3A4550}

/* 6 · objeções */
.objs{display:grid;gap:var(--s4)}
.obj{padding:var(--s6) var(--s5);display:flex;flex-direction:column;gap:var(--s3)}
.obj h3{font-size:22px;line-height:1.2}
.obj p{font-size:16px;color:#3A4550}

/* 7 · risco zero */
.pledge{padding:var(--s7) var(--s5);display:grid;gap:var(--s5)}
.pledge h2{max-width:14ch}

/* 8 · cta final */
.final{text-align:center;overflow:hidden;padding:var(--s9) 0}
.final .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s5)}
.final h2{font-size:clamp(34px,5.6vw,66px);line-height:1.04;letter-spacing:-.03em;max-width:17ch}
.final .sub{max-width:50ch}
.final .btn{max-width:440px;margin-top:var(--s3)}
.seals{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3) var(--s5)}
.seals li{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500}
.seals .ic{color:var(--sangue);width:16px;height:16px}
.grafismo{position:absolute;z-index:-1;pointer-events:none;opacity:.08;filter:grayscale(1) brightness(.25);width:min(420px,70vw);right:-6%;bottom:-12%}

/* 9 · rodapé */
.foot{background:var(--jenipapo);color:rgba(242,239,231,.8);padding:var(--s8) 0 var(--s6);font-size:15px}
.foot img{height:64px;width:auto;margin-bottom:var(--s4)}
.foot-links{list-style:none;margin:var(--s5) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5)}
.foot a{color:var(--efun);text-decoration:none;border-bottom:1px solid rgba(242,239,231,.3)}
.foot a:hover{border-bottom-color:var(--efun)}
.foot-bot{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(242,239,231,.16);display:flex;flex-direction:column;gap:var(--s3);font-size:13px;color:rgba(242,239,231,.6)}
.foot-bot nav{display:flex;gap:var(--s5);flex-wrap:wrap}

/* botão fixo (só celular) */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(246,243,236,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform 260ms var(--ease)}
.dock.on{transform:none}
.dock .btn{padding:15px 20px}

/* entrada suave no scroll */
.reveal{opacity:0;transform:translateY(18px);transition:opacity 500ms ease-out,transform 500ms ease-out}
.reveal.is-visible{opacity:1;transform:none}

@media (hover:hover){
  .btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(21,30,40,.45)}
  .btn.sm:hover{transform:none;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn,.dock{transition:none}
}

/* tablet e desktop */
@media (min-width:720px){
  .wrap{padding:0 32px}
  .sec{padding:var(--s9) 0}
  .btn{width:auto}
  .cta{align-items:flex-start}
  .bills,.compare{grid-template-columns:repeat(3,minmax(0,1fr))}
  .objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .funnel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .funnel li.hot{transform:scale(1.04)}
  .pledge{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:var(--s8) var(--s7);align-items:start}
  .foot-bot{flex-direction:row;justify-content:space-between}
  .dock{display:none!important}
}
@media (min-width:1000px){
  .hero{padding:var(--s9) 0}
  .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--s8)}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
  .steps::before{left:28px;right:28px;top:27px;bottom:auto;width:auto;height:1.5px}
  .step{display:flex;flex-direction:column;gap:var(--s4)}
  .step h3{align-self:auto}
}
@media (max-width:719px){
  body.tem-dock{padding-bottom:84px}
}