/* Layout: página futurista sobre a tinta do painel; o "link" é o desenho da página: uma rede viva no topo, com tudo ligado a um ponto, e fios com pulsos entre as partes; cartões simples de linha fina com ícone de traço. */
:root{
  --bg:#0B0D0F; --bg-2:#101316; --card:#131517; --line:#22272C; --line-2:#323940;
  --fg:#F2F4F5; --fg-2:#A3ACB4; --fg-3:#7B858E;
  --acc:#5EE0A0; --acc-2:#178455; --acc-ink:#052113; --glow:rgba(var(--gr),.16); --wash:rgba(var(--gr),.07);
  --btn:#5EE0A0; --btn-fg:#052113;
  --d:"Funnel Display",ui-sans-serif,system-ui,sans-serif; --f:"Geist",ui-sans-serif,system-ui,sans-serif; --m:"Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --gut:max(16px,env(safe-area-inset-left,0px)); --gut-r:max(16px,env(safe-area-inset-right,0px));
  --sec:clamp(120px,14vw,208px);
  --gr:94,224,160; --c1:#181B1F; --c2:#0F1113; --b1:#3A424A; --b2:#1B1F23; --b3:#2A3036; --sh:#000; --p1:#18221D; --p2:#1F5C42;
  color-scheme:dark;
}
body[data-lj="light"]{
  --bg:#FFFFFF; --bg-2:#F6F7F8; --card:#FFFFFF; --line:#E7E9EB; --line-2:#D5D8DB;
  --fg:#131517; --fg-2:#5E646B; --fg-3:#7A828A;
  --acc:#178455; --acc-2:#178455; --acc-ink:#FFFFFF; --glow:rgba(23,132,85,.12); --wash:#F2F9F5;
  --btn:#131517; --btn-fg:#FFFFFF;
  --gr:23,132,85; --c1:#FFFFFF; --c2:#F7F8F9; --b1:#CCD1D5; --b2:#E7E9EB; --b3:#D9DDE0; --sh:rgba(19,21,23,.2); --p1:#EFF8F3; --p2:#BFE3CF;
  --glow:rgba(23,132,85,.14); --wash:#F2F9F5;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:clip;scrollbar-color:var(--line-2) var(--bg);transition:background .4s var(--ease),color .4s var(--ease)}
::selection{background:var(--acc);color:var(--acc-ink)}
svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
p,h1,h2,h3,ul{margin:0}
ul{padding:0;list-style:none}
h1,h2,h3{font-family:var(--d);font-weight:600;letter-spacing:-.035em;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.wrap{max-width:1272px;margin-inline:auto;padding-left:var(--gut);padding-right:var(--gut-r)}
@media (min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:12px;font:600 17px var(--d);letter-spacing:-.01em;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .3s var(--ease),background .2s,border-color .2s}
.btn .ic{width:18px;height:18px;transition:transform .2s var(--ease)}
.btn:hover .ic{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn-go{background:var(--btn);color:var(--btn-fg);box-shadow:0 0 0 1px var(--btn),0 10px 40px -8px var(--glow)}
.btn-go:hover{box-shadow:0 0 0 1px var(--btn),0 14px 50px -6px var(--glow),0 0 0 6px var(--glow)}
.btn-line{border:1px solid var(--line-2);color:var(--fg)}
.btn-line:hover{border-color:var(--acc)}
.btn-sm{min-height:42px;padding:0 16px;font-size:15px;border-radius:10px}
.trig{margin-top:14px;font-size:14.5px;color:var(--fg-3)}

/* topo */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:36px;padding-block:14px}
.lock{flex:none}
.lock svg{height:28px;width:auto}
.lock .l{display:none}
body[data-lj="light"] .lock .l{display:block}
body[data-lj="light"] .lock .d{display:none}
.top nav{display:flex;gap:26px;font-size:15px;color:var(--fg-2)}
.top nav a:hover,.top .in:hover{color:var(--fg)}
.top .r{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:15px}
.top .in{color:var(--fg-2)}
.thm{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);color:var(--fg-2)}
.thm:hover{color:var(--fg);border-color:var(--line-2)}
.thm .sun{display:none}
body[data-lj="light"] .thm .sun{display:block}
body[data-lj="light"] .thm .moon{display:none}
@media (max-width:1020px){.top nav,.top .in{display:none}.top .wrap{gap:14px}}

/* primeira dobra: a rede */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 72% 48%,var(--glow),transparent 70%);pointer-events:none}
.net{position:relative;height:340px;margin-top:8px}
.net canvas{width:100%;height:100%}
.hero .tx{position:relative;z-index:2;padding-block:clamp(40px,7vw,104px) clamp(28px,4vw,48px)}
@media (min-width:1020px){
  .net{position:absolute;inset:0;height:auto;margin:0}
  .hero .tx{max-width:640px;padding-block:clamp(72px,9vw,128px) clamp(88px,10vw,144px)}
}
.hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.02;letter-spacing:-.045em}
.hero h1 .swap{display:block;color:var(--acc);min-height:1em}
.hero h1 .swap span{display:inline-block}
@media (min-width:1020px){.hero h1 .swap{white-space:nowrap}}
.hero h1 .swap.out span{opacity:0;transform:translateY(.18em);transition:opacity .16s linear,transform .16s linear}
.hero h1 .swap.in span{animation:word .55s var(--ease)}
@keyframes word{from{opacity:0;transform:translateY(-.22em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.lead{margin-top:24px;font-size:clamp(18px,1.5vw,20.5px);line-height:1.5;color:var(--fg-2);max-width:31em}
.lead b{color:var(--fg);font-weight:500}
.act{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.url{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-radius:12px;border:1px solid var(--line-2);font:500 15.5px var(--m);color:var(--fg-2);background:var(--bg-2)}
.url i{font-style:normal;color:var(--acc)}
.url i::after{content:"";display:inline-block;width:8px;height:1.1em;background:var(--acc);vertical-align:-.2em;margin-left:2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
@media (max-width:560px){.act .btn,.url{width:100%;justify-content:center}}

/* seções */
.sec{padding-block:var(--sec);position:relative}
.h2{font-size:clamp(30px,4vw,54px);line-height:1.05;max-width:19ch}
.h2 em{font-style:normal;color:var(--acc)}
.intro{margin-top:18px;font-size:clamp(17px,1.4vw,19.5px);color:var(--fg-2);max-width:36em}
.head{display:grid;gap:20px}
@media (min-width:1020px){.head.two{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;gap:64px}.head.two .intro{margin:0 0 6px}}

/* cartões simples */
.cards{display:grid;gap:14px;margin-top:clamp(32px,4vw,52px)}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1020px){.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cd{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 22px 26px;color:var(--fg-2);font-size:15.5px;line-height:1.5;transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.cd:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 18px 50px -24px var(--glow)}
.cd .ic{color:var(--acc);width:24px;height:24px}
.cd b{display:block;font:600 18px/1.25 var(--d);letter-spacing:-.02em;color:var(--fg);margin:16px 0 6px}
.cd.sm{padding:18px 18px 20px;font-size:14.5px}
.cd.sm b{font-size:16px;margin:12px 0 4px}
.cd.sm .ic{width:20px;height:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips span{font-size:14.5px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);color:var(--fg-2)}

/* fio com pulso: liga três pontos */
@media (prefers-reduced-motion:reduce){.url i::after{animation:none}.hero h1 .swap.in span{animation:none}}

/* faixa com brilho */
.lit{background:var(--bg-2);border-block:1px solid var(--line);padding-block:var(--sec) !important}

/* preço */
.bill{display:inline-flex;margin-top:28px;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.bill button{min-height:38px;padding:0 16px;border-radius:9px;font-size:15px;color:var(--fg-2)}
.bill button[aria-pressed="true"]{background:var(--fg);color:var(--bg);font-weight:500}
.plans{display:grid;gap:14px;margin-top:28px}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 26px 30px;display:flex;flex-direction:column}
.plan h3{font-size:20px;display:flex;align-items:center;gap:10px}
.tag{font:500 12.5px var(--f);letter-spacing:0;padding:3px 9px;border-radius:999px;background:var(--wash);color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent)}
.plan .for{margin-top:6px;font-size:15px;color:var(--fg-3);min-height:3em}
.plan .price{margin-top:14px;display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.plan .price b{font:600 clamp(42px,4vw,54px)/1 var(--d);letter-spacing:-.045em}
.plan .price span{color:var(--fg-2);font-size:15.5px}
.plan .was{margin-top:8px;font-size:14.5px;color:var(--fg-3);min-height:1.5em}
.plan ul{margin-top:22px;display:grid;gap:11px;flex:1}
.plan li{font-size:15.5px;color:var(--fg-2);line-height:1.4;padding-left:26px;position:relative}
.plan li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:1.6px solid var(--acc);border-bottom:1.6px solid var(--acc);transform:rotate(-45deg)}
.plan li b{color:var(--fg);font-weight:500}
.plan .btn{margin-top:28px;width:100%}
.plan .trig{text-align:center;min-height:1.5em}

.faq{margin-top:clamp(28px,3vw,44px);display:grid;gap:10px;max-width:880px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 22px}
.faq details[open]{border-color:var(--line-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding-block:18px;font:600 clamp(16.5px,1.5vw,19px) var(--d);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;color:var(--acc);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding-bottom:20px;color:var(--fg-2);max-width:42em;font-size:16px}

.end{position:relative;overflow:hidden;padding-block:clamp(88px,12vw,168px);border-top:1px solid var(--line);text-align:center}
.end::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 50% 100%,var(--glow),transparent 70%);pointer-events:none}
.end h2{position:relative;font-size:clamp(36px,6vw,84px);line-height:1;letter-spacing:-.045em;max-width:14ch;margin-inline:auto}
.end .act{position:relative;justify-content:center;margin-top:clamp(28px,4vw,44px)}
.end .trig{position:relative}
.foot{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center;padding-block:26px 38px;border-top:1px solid var(--line);font-size:14.5px;color:var(--fg-3)}
.foot .lock svg{height:22px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin-left:auto}
.foot a:hover{color:var(--fg)}

.h2 em{color:var(--fg-3);transition:color .9s var(--ease)}
.sec.on .h2 em{color:var(--acc)}

/* 2. histórias com horário */
.stories{display:grid;gap:14px;margin-top:clamp(32px,4vw,52px)}
@media (min-width:1020px){.stories{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sty{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;transition:border-color .3s var(--ease)}
.sty:hover{border-color:var(--acc)}
.sty small{font-size:13px;color:var(--acc);font-weight:500}
.sty h3{font-size:20px;line-height:1.22;letter-spacing:-.025em;margin-top:8px}
.sty ol{margin:20px 0 0;padding:0;list-style:none;position:relative;display:grid;gap:14px;flex:1;align-content:start}
.sty ol::before{content:"";position:absolute;left:65px;top:8px;bottom:8px;width:1px;background:var(--line-2)}
.sty li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:28px;font-size:14.5px;color:var(--fg-2);line-height:1.45;position:relative}
.sty li::before{content:"";position:absolute;left:61.5px;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--card);border:1.5px solid var(--acc)}
.sty li time{font:500 13px var(--m);color:var(--fg);padding-top:1px}
.sty .res{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--fg)}
.sty .res b{color:var(--acc);font-weight:500;margin-right:6px}
.eg{margin-top:14px;font-size:13.5px;color:var(--fg-3)}

/* 3. experimente no topo */
.url{cursor:text;transition:border-color .2s,box-shadow .3s var(--ease)}
.url:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px var(--glow)}
.url input{font:inherit;color:var(--acc);background:none;border:0;outline:0;width:15ch;padding:0;margin-left:-8px;caret-color:var(--acc)}
.url input::placeholder{color:var(--acc);opacity:.65}

/* 4. preço com controle */
.need{margin-top:32px;max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px}
.need label{font:600 18px var(--d);letter-spacing:-.02em}
.need .rg{display:flex;align-items:center;gap:18px;margin-top:14px}
.need input[type=range]{flex:1;min-width:0;height:30px;accent-color:var(--acc);background:none;cursor:pointer}
.need output{font:600 28px var(--d);letter-spacing:-.03em;min-width:5.4ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--acc)}
.need p{margin-top:8px;color:var(--fg-2);font-size:16px}
.need p b{color:var(--fg);font-weight:500}
.plan h3{flex-wrap:wrap}
.plan{transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.plan .ind{display:none}
.plan.pick .ind{display:inline-flex;background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.plan.pick{border-color:var(--acc);box-shadow:0 24px 70px -30px var(--glow),inset 0 0 0 1px var(--acc)}

/* v6: cartões e caixas com respiro e efeito */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.cards,.stories,.plans{gap:20px}
.cd,.sty,.plan,.need,.faq details{position:relative;isolation:isolate;overflow:hidden;border:1px solid transparent;border-radius:22px;
  background:linear-gradient(180deg,var(--c1),var(--c2)) padding-box,linear-gradient(155deg,var(--b1),var(--b2) 42%,var(--b3)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 34px 70px -44px var(--sh)}
/* luz que segue o mouse */
.cd::before,.sty::before,.plan::before,.need::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(460px circle at var(--mx,50%) var(--my,-30%),rgba(var(--gr),.16),transparent 62%);opacity:0;transition:opacity .6s var(--ease)}
.cd:hover::before,.sty:hover::before,.plan:hover::before,.need:hover::before{opacity:1}
/* filete de luz no alto */
.cd::after,.sty::after,.plan::after,.need::after{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--acc),transparent);opacity:.4;transition:opacity .5s var(--ease),left .6s var(--ease),right .6s var(--ease)}
.cd:hover::after,.sty:hover::after,.plan:hover::after,.need:hover::after{opacity:1;left:0;right:0}
.cd,.sty,.plan{transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.cd:hover,.sty:hover,.plan:hover{transform:translateY(-5px);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(var(--gr),.38),0 44px 90px -44px var(--sh),0 26px 70px -34px rgba(var(--gr),.4)}
.cd{padding:34px 30px 36px;font-size:16px;line-height:1.6}
.cd .ib{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;color:var(--acc);background:radial-gradient(circle at 30% 18%,rgba(var(--gr),.26),rgba(var(--gr),.05) 70%);border:1px solid rgba(var(--gr),.3);box-shadow:0 0 34px -10px rgba(var(--gr),.6),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.cd .ib .ic{width:26px;height:26px}
.cd:hover .ib{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 46px -4px rgba(var(--gr),.85),inset 0 1px 0 rgba(255,255,255,.12)}
.cd b{font-size:21px;margin:26px 0 10px}
.cd.sm{padding:28px 26px 30px;font-size:15px;line-height:1.55}
.cd.sm .ib{width:46px;height:46px;border-radius:14px}
.cd.sm .ib .ic{width:22px;height:22px}
.cd.sm b{font-size:18px;margin:20px 0 6px}
/* dois por linha, largos */
@media (min-width:640px){.cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cards.c2 .cd{padding:36px 34px 38px 118px;min-height:150px}
.cards.c2 .cd .ib{position:absolute;left:34px;top:34px}
.cards.c2 .cd b{margin:2px 0 10px;font-size:22px}
@media (max-width:480px){.cards.c2 .cd{padding:30px 24px 32px}.cards.c2 .cd .ib{position:static}.cards.c2 .cd b{margin-top:22px}}
.sty{padding:34px 30px 30px}
.sty h3{font-size:21.5px;margin-top:10px}
.sty ol{margin-top:26px;gap:18px}
.sty .res{margin-top:26px;padding-top:18px}
.need{padding:30px 30px 26px;max-width:760px}
.plan{padding:38px 34px 36px}
.plan ul{gap:13px;margin-top:26px}
.plan.pick{background:linear-gradient(180deg,var(--p1),var(--c2)) padding-box,conic-gradient(from var(--ang),var(--acc),var(--p2) 28%,var(--acc) 52%,var(--p2) 78%,var(--acc)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(var(--gr),.2),0 50px 110px -50px rgba(var(--gr),.55);animation:gira 7s linear infinite}
@keyframes gira{to{--ang:360deg}}
.faq{gap:14px}
.faq details{padding:0 28px;border-radius:18px}
.faq summary{padding-block:22px}
/* entram em fila quando a seção acende */
.js .sec:not(.on) :is(.cd,.sty,.plan){opacity:0}
.sec.on :is(.cd,.sty){animation:sobe .9s var(--ease) backwards;animation-delay:calc(var(--i,0) * 80ms)}
.sec.on .plan{animation:sobe .9s var(--ease) backwards,gira 7s linear infinite;animation-delay:calc(var(--i,0) * 80ms),0s}
.sec.on .plan:not(.pick){animation:sobe .9s var(--ease) backwards;animation-delay:calc(var(--i,0) * 80ms)}
@keyframes sobe{from{opacity:0;transform:translateY(26px) scale(.985)}}
@media (prefers-reduced-motion:reduce){.sec.on :is(.cd,.sty,.plan),.plan.pick{animation:none}}

/* aviso no lançamento */
.wl{display:flex;gap:8px;margin-top:30px;padding:7px;border-radius:17px;max-width:540px;border:1px solid transparent;background:linear-gradient(180deg,var(--c1),var(--c2)) padding-box,linear-gradient(155deg,var(--b1),var(--b2) 50%,var(--b3)) border-box;box-shadow:0 20px 60px -30px var(--sh);transition:box-shadow .3s var(--ease)}
.wl:focus-within{box-shadow:0 0 0 1px var(--acc),0 0 0 5px var(--glow),0 20px 60px -30px var(--sh)}
.wl input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--fg);font:400 16.5px var(--f);padding:0 16px}
.wl input::placeholder{color:var(--fg-3)}
.wl .btn{min-height:50px;padding:0 22px;font-size:16px;border-radius:11px}
.wl .done{flex:1;position:relative;padding:13px 16px 13px 44px;font-size:16px;line-height:1.45;color:var(--fg)}
.wl .done::before{content:"";position:absolute;left:16px;top:18px;width:14px;height:8px;border-left:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(-45deg)}
.wl .done b{font-weight:500;color:var(--acc)}
@media (max-width:560px){.wl{flex-direction:column}.wl input{min-height:50px}.wl .btn{width:100%}}
.url{margin-top:26px}
.end .wl{margin-inline:auto;text-align:left}


/* v9: cartões com desenho animado (jeito B, escolhido 11/11) */
.cd{padding:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:none}
.cd::after{display:none}
.cd:hover{border-color:rgba(var(--gr),.45);transform:translateY(-6px);box-shadow:0 40px 80px -40px var(--sh),0 30px 70px -40px rgba(var(--gr),.45)}
.cd .art{position:relative;height:200px;display:grid;place-items:center;border-bottom:1px solid var(--line);background:radial-gradient(80% 90% at 50% 100%,rgba(var(--gr),.13),transparent 70%),var(--bg-2)}
.cd .art::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line-2) 1px,transparent 1.2px);background-size:18px 18px;opacity:.5;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 80% at 50% 50%,#000,transparent);pointer-events:none}
.cd .art svg{position:relative;z-index:1;width:190px;height:150px;overflow:visible}
.cd .tx{padding:28px 28px 32px}
.cd b{margin:0 0 10px;font-size:21px}
.cd.sm .art{height:150px}
.cd.sm .art svg{width:150px;height:118px}
.cd.sm .tx{padding:22px 22px 26px}
.cd.sm b{margin:0 0 6px;font-size:18px}
.cards.c2 .cd{padding:0;min-height:0}
@media (min-width:860px){.cards.c2 .cd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.cards.c2 .cd .art{height:auto;min-height:220px;border-bottom:0;border-right:1px solid var(--line)}.cards.c2 .cd .tx{align-self:center;padding:32px 34px}}
.cards.c2 .cd b{margin:0 0 10px;font-size:22px}
/* peças dos desenhos */
.art .k-s{fill:var(--line-2)} .art .k-a{fill:var(--acc)} .art .k-a2{fill:var(--acc-2)} .art .k-m{fill:var(--fg-3)} .art .k-q{fill:var(--fg-2)}
.art .k-w{fill:var(--amber,#E9C06A)} .art .k-warn{fill:none;stroke:#E9C06A;stroke-width:1.4}
.art .k-ink{fill:var(--acc-ink)} .art .k-card{fill:var(--card);stroke:var(--line-2);stroke-width:1.4}
.art .k-o{fill:none;stroke:var(--line-2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.art .k-oa{fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.art .k-ck{fill:none;stroke:var(--acc-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.art .k-dash{stroke-dasharray:4 6}
.art .k-thick{stroke-width:10}
.art .k-arc{stroke-dasharray:44 252;transform:rotate(-90deg);transform-origin:95px 75px;animation:k-arc 4s var(--ease) infinite}
.art text{font:600 11.5px var(--f)} .art .k-tx{fill:var(--fg-2)} .art .k-txi{fill:var(--acc-ink)} .art .k-txw{fill:#E9C06A;font-size:10.5px} .art .k-big{font:600 26px var(--d)}
/* movimentos (todos em ciclo, com atraso por peça) */
.art .k-pop{opacity:0;animation:k-pop 5s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-fill{animation:k-fill 6s infinite;animation-delay:var(--d,0s)}
.art .k-grow{transform-box:fill-box;transform-origin:bottom;animation:k-grow 4.4s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-wide{transform-box:fill-box;transform-origin:left;animation:k-wide 5s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-wide2{transform-box:fill-box;transform-origin:center;animation:k-wide 5s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-scan{animation:k-scan 3.4s var(--ease) infinite}
.art .k-okp{transform-box:fill-box;transform-origin:center;animation:k-okp 3.4s var(--ease) infinite}
.art .k-blink{animation:k-blink 1s steps(2) infinite}
.art .k-dot{animation:k-dot 1.2s ease-in-out infinite;animation-delay:var(--d,0s)}
.art .k-stopd{animation:k-stopd 5s infinite}
.art .k-spin{transform-origin:var(--o);animation:k-spin 7s linear infinite}
.art .k-swing{transform-origin:var(--o);animation:k-swing 2.6s ease-in-out infinite}
.art .k-slide{animation:k-slide 4.6s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-out{animation:k-out 5s var(--ease) infinite}
.art .k-rise{animation:k-rise 5s var(--ease) infinite}
.art .k-rise2{animation:k-rise2 4.4s var(--ease) infinite}
.art .k-float{animation:k-float 4s ease-in-out infinite}
.art .k-pulse{transform-box:fill-box;transform-origin:center;animation:k-pulse 1.6s ease-in-out infinite}
.art .k-ring{transform-box:fill-box;transform-origin:center;animation:k-ring 2.4s ease-out infinite;animation-delay:var(--d,0s)}
.art .k-draw{stroke-dasharray:var(--len,200);stroke-dashoffset:var(--len,200);animation:k-draw 4.6s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-drop{animation:k-drop 4.8s var(--ease) infinite;animation-delay:var(--d,0s)}
.art .k-drop2{animation:k-drop2 2.6s var(--ease) infinite}
.art .k-cover{animation:k-cover 5s var(--ease) infinite}
.art .k-scroll{animation:k-scroll 7s linear infinite}
.art .k-shut{animation:k-shut 3.6s var(--ease) infinite}
@keyframes k-pop{0%,4%{opacity:0;transform:translateY(8px)}12%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
@keyframes k-fill{0%,8%{fill:transparent;stroke:var(--line-2)}14%,86%{fill:var(--acc);stroke:var(--acc)}96%,100%{fill:transparent;stroke:var(--line-2)}}
@keyframes k-grow{0%{transform:scaleY(.08)}35%,80%{transform:scaleY(1)}100%{transform:scaleY(.08)}}
@keyframes k-wide{0%{transform:scaleX(0)}22%,80%{transform:scaleX(1)}94%,100%{transform:scaleX(0)}}
@keyframes k-scan{0%{transform:translateY(0);opacity:0}10%{opacity:1}60%{transform:translateY(96px);opacity:1}70%,100%{transform:translateY(96px);opacity:0}}
@keyframes k-okp{0%,62%{transform:scale(0)}72%,92%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes k-blink{50%{opacity:0}}
@keyframes k-dot{50%{opacity:.25;transform:translateY(-2px)}}
@keyframes k-stopd{0%,20%{opacity:1}30%,90%{opacity:.15}100%{opacity:1}}
@keyframes k-spin{to{transform:rotate(360deg)}}
@keyframes k-swing{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(0)}}
@keyframes k-slide{0%{transform:translateX(40px);opacity:0}15%,75%{transform:none;opacity:1}90%,100%{transform:translateX(-40px);opacity:0}}
@keyframes k-out{0%,20%{transform:none;opacity:1}40%,60%{transform:translateX(70px);opacity:.15}80%,100%{transform:none;opacity:1}}
@keyframes k-rise{0%{transform:translateY(96px);opacity:0}25%,85%{transform:none;opacity:1}100%{transform:none;opacity:0}}
@keyframes k-rise2{0%,15%{transform:translateY(26px);opacity:0}40%,85%{transform:none;opacity:1}100%{opacity:0}}
@keyframes k-float{50%{transform:translateY(-7px)}}
@keyframes k-pulse{50%{transform:scale(1.1)}}
@keyframes k-ring{0%{transform:scale(.6);opacity:.55}100%{transform:scale(2.2);opacity:0}}
@keyframes k-draw{0%{stroke-dashoffset:var(--len,200);opacity:1}40%,80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes k-drop{0%{transform:translateY(-14px);opacity:0}12%{opacity:1}40%{transform:translateY(62px);opacity:1}55%,100%{transform:translateY(62px);opacity:0}}
@keyframes k-drop2{0%{transform:translateY(-10px);opacity:0}30%,70%{transform:none;opacity:1}100%{transform:translateY(8px);opacity:0}}
@keyframes k-cover{0%,30%{transform:none;opacity:1}45%,80%{transform:translateY(-16px);opacity:0}95%,100%{transform:none;opacity:1}}
@keyframes k-scroll{to{transform:translateY(-84px)}}
@keyframes k-shut{0%,15%{transform:translateY(-10px)}35%,85%{transform:none}100%{transform:translateY(-10px)}}
@keyframes k-arc{0%{stroke-dasharray:0 252}40%,80%{stroke-dasharray:44 252}100%{stroke-dasharray:0 252}}
.cd:not(.vis) .art *{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.art *{animation:none!important;opacity:1!important}}
@media (max-width:479.98px){.top .lg{display:none}}

/* fecho: o sinal do lançamento */
.end .sig{position:absolute;left:50%;top:50%;width:min(1180px,150vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.end .sig i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(var(--gr),.42);width:12%;height:12%;opacity:0;animation:onda 7.2s cubic-bezier(.2,.6,.3,1) infinite}
.end .sig i:nth-child(2){animation-delay:1.8s}.end .sig i:nth-child(3){animation-delay:3.6s}.end .sig i:nth-child(4){animation-delay:5.4s}
@keyframes onda{0%{width:12%;height:12%;opacity:0}8%{opacity:1}100%{width:100%;height:100%;opacity:0}}
.end .sig u{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px dashed var(--line-2);animation:orb 26s linear infinite}
.end .sig u::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px var(--glow),0 0 18px 3px var(--acc)}
.end .sig u:nth-of-type(1){width:34%;height:34%;animation-duration:18s}
.end .sig u:nth-of-type(2){width:52%;height:52%;animation-duration:30s;animation-direction:reverse}
.end .sig u:nth-of-type(2)::before{top:auto;bottom:-5px}
.end .sig u:nth-of-type(3){width:72%;height:72%;animation-duration:44s;opacity:.7}
@keyframes orb{to{transform:rotate(360deg)}}
.end .wrap{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.end .sig i,.end .sig u{animation:none}.end .sig i{opacity:.35}.end .sig i:nth-child(1){width:30%;height:30%}.end .sig i:nth-child(2){width:50%;height:50%}.end .sig i:nth-child(3){width:70%;height:70%}.end .sig i:nth-child(4){width:90%;height:90%}}

/* v11: Funnel Display — títulos leves e grandes, peso médio nos menores */
h1,h2{font-weight:400;letter-spacing:-.04em}
.hero h1{font-size:clamp(42px,5vw,74px);letter-spacing:-.045em}
.h2{font-size:clamp(32px,4.3vw,58px)}
.end h2{font-size:clamp(38px,6.4vw,90px)}
h3,.cd b,.sty h3,.plan h3,.faq summary,.need label{font-weight:500;letter-spacing:-.02em}
.plan .price b{font-weight:400;letter-spacing:-.04em}
.top .btn-sm{gap:.3em}

/* ---- acréscimos do site (fora da página aprovada) ---- */
/* rodapé com a empresa (AD-403) */
.foot .co{color:var(--fg-3)}
/* link "Privacidade" sob as caixas (AVISO-12) */
.trig a{color:var(--fg-2);text-decoration:underline;text-underline-offset:3px}
.trig a:hover{color:var(--fg)}
/* mensagem da caixa do aviso (AVISO-04, -10, -11) */
.wl-msg{margin:10px 0 0;font-size:14.5px;color:var(--fg-2)}
.wl-msg[data-kind="error"]{color:#F08A7E}
body[data-lj="light"] .wl-msg[data-kind="error"]{color:#B42318}
.ts-box:not(:empty){margin-top:12px}
/* páginas de documento: Privacidade, Termos, exclusão de dados e 404 (LEGAL-04, PAG-15) */
.page{min-height:60vh}
.doc{max-width:760px;padding-block:clamp(48px,8vw,96px) clamp(64px,10vw,120px)}
.doc h1{font-size:clamp(34px,5vw,52px);line-height:1.05;margin-bottom:14px}
.doc .ver{font:500 13.5px/1.4 var(--m);color:var(--fg-3);margin-bottom:28px}
.doc .intro{font-size:19px;color:var(--fg-2);margin-bottom:40px}
.doc .clause{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
.doc h2{font-size:22px;line-height:1.25;margin-bottom:14px}
.doc h2 .n{font:500 15px/1 var(--m);color:var(--acc);margin-right:8px;letter-spacing:0}
.doc p,.doc ul{color:var(--fg-2);margin-bottom:12px}
.doc ul{padding-left:22px;list-style:disc}
.doc li{margin-bottom:6px}
.doc a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.doc b{color:var(--fg);font-weight:600}
.lost{text-align:center}
.lost h1{margin-bottom:28px}
.lost a.btn{text-decoration:none}