@font-face{font-family:Bricolage;src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--ink:#FAF9F5;--mute:#B0AEA5;--paper:#141413;--surf:#1c1b19;--line:#33312c;--acc:#D97757;--acc2:#e98f71;--ok:#7fc99a;--f:Bricolage,system-ui,sans-serif;--m:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--f);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(217,119,87,.22),transparent 55%);pointer-events:none}
.wrap{position:relative;max-width:1120px;margin:0 auto;padding:0 20px}
section{position:relative;padding:72px 0;scroll-margin-top:70px}
.mono{font-family:var(--m)}.sm{font-size:13px;color:var(--mute);margin:0}.c{text-align:center;margin-top:12px}
a{color:inherit}
.eyebrow{font:600 12px/1 var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin:0 0 14px}
h1{font-size:clamp(34px,5.4vw,60px);line-height:1.04;letter-spacing:-.03em;margin:0 0 18px;font-weight:800;text-wrap:balance}
h2{font-size:clamp(26px,3.6vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;font-weight:800;text-wrap:balance}
.h2c{max-width:720px;margin-bottom:34px}
h3{margin:6px 0 6px;font-size:20px}
.hl{color:var(--acc)}.lead{color:var(--mute);font-size:18px;max-width:560px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--acc);color:#1b0f0a;font-weight:700;text-decoration:none;padding:14px 26px;border-radius:14px;box-shadow:0 10px 40px rgba(217,119,87,.28);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 48px rgba(217,119,87,.4)}.btn b{transition:transform .15s}.btn:hover b{transform:translateX(4px)}
.btn.sm{padding:9px 18px;font-size:14px;border-radius:99px}.btn.big{width:100%;justify-content:center;padding:18px;font-size:18px}
/* barra */
.bar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(20,20,19,.72);border-bottom:1px solid rgba(51,49,44,.6)}
.bar .wrap{display:flex;align-items:center;gap:24px;height:62px}
.bar nav{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--mute)}.bar nav a{text-decoration:none}.bar nav a:hover{color:var(--ink)}
.logo{font:800 15px var(--f);letter-spacing:.18em;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo i{width:20px;height:20px;border-radius:50%;border:2px solid var(--acc);position:relative}.logo i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--acc)}
/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:40px}
.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 20px}.note{font-size:13px;color:var(--mute)}
.chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.chips li{font-size:13px;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:5px 12px;background:rgba(28,27,25,.7)}
/* demo animada */
.demo{background:linear-gradient(180deg,#1f1d1a,#171614);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(217,119,87,.12);overflow:hidden}
.demo-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}.demo-bar span{width:10px;height:10px;border-radius:50%;background:#3a3732}.demo-bar em{margin-left:10px;font-size:12px;color:var(--mute);font-style:normal}
.demo-body{padding:20px;display:grid;gap:12px}
.step{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(20,20,19,.6);opacity:.35;animation:stp 9s infinite}
.step p{margin:0;flex:1;font-size:14px}.step b{font-size:12px;color:var(--mute)}
.step .dot{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(217,119,87,.6)}
.s2{animation-delay:1.8s}.s3{animation-delay:3.6s}.s4{animation-delay:5.4s}
@keyframes stp{0%{opacity:.3;border-color:var(--line)}6%,55%{opacity:1;border-color:var(--acc)}56%,100%{opacity:.85;border-color:var(--line)}}
.s1 .dot,.s2 .dot,.s3 .dot,.s4 .dot{animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(217,119,87,0)}100%{box-shadow:0 0 0 0 rgba(217,119,87,0)}}
.meter{height:6px;border-radius:9px;background:#26241f;overflow:hidden}.meter i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--acc),#f0b35a);animation:fill 9s infinite}
@keyframes fill{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
.therm{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:11px;color:var(--mute)}.therm div{height:8px;border-radius:9px;background:#26241f;overflow:hidden}.therm i{display:block;height:100%;width:84%;background:linear-gradient(90deg,#7fc99a,#f0b35a,#ef6b5b);transform-origin:left;animation:fill 9s infinite}.therm b{color:var(--ok)}
/* strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 20px}.strip div{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(28,27,25,.6)}
.strip b{display:block;font-size:34px;color:var(--acc)}.strip span{font-size:13px;color:var(--mute)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}.prose p{color:var(--mute);font-size:17px;margin:0 0 14px}.prose b{color:var(--ink)}
/* cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(33,31,28,.9),rgba(23,22,20,.9));border-radius:18px;padding:22px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--acc);transform:translateY(-4px)}
.card p{margin:0;color:var(--mute);font-size:14.5px}.num{color:var(--acc);font-size:13px}
/* vídeos */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vid{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surf);cursor:pointer}
.ph{aspect-ratio:16/10;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 30% 20%,rgba(217,119,87,.35),transparent 60%),#1a1917}.ph.alt{background:radial-gradient(circle at 70% 30%,rgba(240,179,90,.3),transparent 60%),#1a1917}
.play{width:56px;height:56px;border-radius:50%;background:var(--acc);color:#1b0f0a;display:grid;place-items:center;font-size:18px;padding-left:3px;transition:transform .2s}.vid:hover .play{transform:scale(1.1)}
.wave{position:absolute;left:16px;bottom:14px;display:flex;gap:4px;align-items:flex-end;height:22px}.wave i{width:4px;background:var(--acc);border-radius:2px;animation:wv 1.1s ease-in-out infinite}.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}.wave i:nth-child(5){animation-delay:.6s}
@keyframes wv{0%,100%{height:5px}50%{height:22px}}
figcaption{padding:14px 16px;display:grid}figcaption span{font-size:13px;color:var(--mute)}
/* feat */
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feat div{display:grid;grid-template-columns:28px 1fr;gap:2px 12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(28,27,25,.55)}
.feat i{grid-row:span 2;width:26px;height:26px;border-radius:50%;border:1px solid var(--acc);color:var(--acc);display:grid;place-items:center;font-style:normal;font-size:13px;background:rgba(217,119,87,.1)}.feat span{color:var(--mute);font-size:14px}
/* preço */
.price{border:1px solid rgba(217,119,87,.5);border-radius:26px;background:linear-gradient(180deg,#1d1b19,#161513);box-shadow:0 0 120px rgba(217,119,87,.12);overflow:hidden}
.price-h{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.14em;color:var(--acc)}
.tag{background:var(--acc);color:#1b0f0a;border-radius:99px;padding:5px 12px;font-weight:700;letter-spacing:.06em}
.price-b{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:32px 28px}
.box{border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:18px 0;background:rgba(20,20,19,.6)}
.val{display:flex;align-items:baseline;gap:8px;color:var(--acc);line-height:1}.val small{font-size:30px;font-weight:700;color:var(--acc2)}.val strong{font-size:clamp(70px,9vw,104px);letter-spacing:-.04em;font-weight:800}
.seal0{flex:none;width:64px;height:64px;border-radius:50%;border:2px solid var(--acc);display:grid;place-items:center;text-align:center;font-size:9px;line-height:1;color:var(--mute);align-content:center}.seal b{font:800 24px var(--f);color:var(--acc);display:block}
.ck{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:14px}.ck li{display:grid;padding-left:36px;position:relative}.ck li:before{content:"✓";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;border:1px solid var(--acc);color:var(--acc);display:grid;place-items:center;font-size:12px;background:rgba(217,119,87,.1)}.ck span{color:var(--mute);font-size:14px}
.bonus{display:flex;gap:14px;align-items:center;border:1px solid rgba(217,119,87,.4);border-radius:16px;padding:16px;background:linear-gradient(135deg,rgba(217,119,87,.14),rgba(217,119,87,.03))}.bonus .mono{display:block;font-size:11px;letter-spacing:.14em;color:var(--acc)}.gift{flex:none;width:44px;height:44px;border-radius:12px;background:var(--acc);color:#1b0f0a;display:grid;place-items:center;font-size:20px}
/* faq */
.narrow{max-width:760px}details{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px;background:rgba(28,27,25,.55)}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--acc);font-size:20px;line-height:1}details[open] summary:after{content:"–"}details p{color:var(--mute);margin:10px 0 0}
.final{text-align:center;max-width:720px}.final h2{margin-bottom:24px}.final .btn{width:auto}
.stick{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;justify-content:center;display:none}
@media(max-width:860px){.hero,.two,.price-b{grid-template-columns:1fr;gap:28px}.grid4{grid-template-columns:1fr 1fr}.vids{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.feat{grid-template-columns:1fr}.bar nav{display:none}.bar .btn{margin-left:auto}section{padding:48px 0}.stick{display:flex}.price-h{padding:14px 18px}.price-b{padding:22px 18px}}
@media(max-width:520px){.grid4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.step{opacity:1}}

/* ===== v2 ===== */
/* espaçamento: .wrap zerava o padding vertical das seções */
section.wrap{padding-top:88px;padding-bottom:88px}
section.hero{padding-top:64px;padding-bottom:36px}
section.strip{padding-top:30px;padding-bottom:30px}
.eyebrow{margin-bottom:18px}
h2{margin-bottom:20px}.h2c{margin-bottom:48px}
.sub{color:var(--mute);max-width:720px;margin:-26px 0 48px;font-size:16px}
.grid4{gap:18px}.card{padding:26px}.card h3{margin:10px 0 10px}
.two{gap:64px;align-items:start}
.feat{gap:16px}.feat div{padding:20px;gap:4px 14px}
.vids{gap:22px}figcaption{padding:16px 18px}
details{margin-bottom:14px;padding:18px 20px}
details p{line-height:1.7;margin:14px 0 2px}
summary{gap:16px}
.final h2{margin-bottom:30px}
/* contagem animada (CSS puro) */
@property --n{syntax:"<integer>";initial-value:0;inherits:false}
.cnt{counter-reset:n var(--n);animation:cntup 2.2s cubic-bezier(.2,.7,.2,1) both}
.cnt:after{content:counter(n)}
@keyframes cntup{from{--n:0}to{--n:var(--to)}}
.cntdown{--n:47;animation-name:cntdn}
@keyframes cntdn{from{--n:197}to{--n:47}}
.strip b.cnt{display:block;font-size:40px;color:var(--acc)}
.hero .step b:not(.mono){}
/* revelar ao rolar (onde o navegador suporta) */
@supports (animation-timeline:view()){
 .rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
 .cnt.sc{animation-timeline:view();animation-range:entry 15% cover 35%;animation-timing-function:ease-out}
}
@keyframes rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
/* preço */
.was{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--acc);text-decoration-thickness:2px;font-size:15px}
.val strong{min-width:2.6ch}
.val .cnt:after{content:counter(n)}
/* garantia em destaque */
.guar-big{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:32px;padding:32px 36px;border:1px solid rgba(217,119,87,.55);border-radius:24px;background:linear-gradient(135deg,rgba(217,119,87,.16),rgba(217,119,87,.03));box-shadow:0 0 80px rgba(217,119,87,.1)}
.guar-big h3{font-size:clamp(22px,2.6vw,30px);margin:0 0 8px;letter-spacing:-.02em}.guar-big p{margin:0;color:var(--mute)}
.seal.big{width:112px;height:112px;border:3px solid var(--acc);border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;font-size:12px;letter-spacing:.12em;color:var(--mute);animation:spinin 1.2s cubic-bezier(.2,.8,.2,1) both,glow 3s 1.2s infinite}
.seal.big b{font:800 44px/1 var(--f);color:var(--acc);display:block;letter-spacing:0}
.seal.big b.cnt{font-family:var(--f)}
@keyframes spinin{from{transform:rotate(-120deg) scale(.6);opacity:0}}
@keyframes glow{50%{box-shadow:0 0 0 12px rgba(217,119,87,.1)}}
/* passo a passo */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:0;position:relative}
.steps:before{content:"";position:absolute;left:27px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--acc),rgba(217,119,87,.1))}
.steps li{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start;padding:14px 0}
.steps li>span{width:56px;height:56px;border-radius:50%;border:1px solid var(--acc);background:#1a1917;color:var(--acc);display:grid;place-items:center;font-size:14px;position:relative;z-index:1}
.steps h3{margin:4px 0 4px}.steps p{margin:0;color:var(--mute)}
/* upsell */
.up{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;border:1px dashed rgba(217,119,87,.5);border-radius:24px;padding:40px;background:rgba(28,27,25,.5)}
.up h2{font-size:clamp(24px,3vw,34px)}.up p{color:var(--mute);margin:0}
.pill{display:inline-block;font:700 11px/1 var(--m);letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:99px;background:rgba(217,119,87,.16);color:var(--acc);border:1px solid rgba(217,119,87,.4);margin-bottom:18px}
.pill.alt{background:rgba(240,179,90,.12);color:#f0b35a;border-color:rgba(240,179,90,.4)}
.ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.ul li{padding-left:26px;position:relative;color:var(--ink);font-size:15px}.ul li:before{content:"→";position:absolute;left:0;color:var(--acc)}
/* blocos de recurso */
.feature{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding:44px 0;border-top:1px solid rgba(51,49,44,.55)}
.feature:first-of-type{border-top:0}
.feature.rev .ft{order:2}
.ft h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;line-height:1.15;margin:0 0 14px}.ft p{color:var(--mute);margin:0}
.screen{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#1f1d1a,#171614);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(217,119,87,.1);overflow:hidden;min-width:0}
.sbar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line)}.sbar span{width:9px;height:9px;border-radius:50%;background:#3a3732}.sbar em{margin:0 auto 0 8px;font-style:normal;font-size:11px;color:var(--mute)}
.sbody{padding:18px;display:grid;gap:10px;min-height:290px;align-content:start;position:relative}
/* 1 achar */
.search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13px;background:#141413}
.search span{overflow:hidden;white-space:nowrap;width:0;animation:typ 10s steps(16) infinite}.caret{width:2px;height:15px;background:var(--acc);animation:blink .8s infinite}.search b{margin-left:auto;background:var(--acc);color:#1b0f0a;border-radius:8px;padding:5px 12px;font-size:12px}
@keyframes typ{0%{width:0}14%,100%{width:17ch}}@keyframes blink{50%{opacity:0}}
.trow{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(20,20,19,.65);font-size:13px;opacity:0;transform:translateY(10px);animation:rowin 10s infinite}
.trow p{margin:0;font-weight:600}.trow span{color:var(--mute);font-size:11.5px}.trow em{font-style:normal;font-size:11px;color:var(--mute);border:1px solid var(--line);padding:3px 8px;border-radius:99px}.trow em.hot{color:#1b0f0a;background:var(--acc);border-color:var(--acc)}
.th{height:6px;border-radius:9px;background:#26241f;overflow:hidden}.th i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#7fc99a,#f0b35a,#ef6b5b);transform-origin:left;animation:grow 10s infinite}
.t1{animation-delay:1.6s}.t2{animation-delay:2.2s}.t3{animation-delay:2.8s}.t4{animation-delay:3.4s}
.t1 .th i{animation-delay:1.6s}.t2 .th i{animation-delay:2.2s}.t3 .th i{animation-delay:2.8s}.t4 .th i{animation-delay:3.4s}
@keyframes rowin{0%{opacity:0;transform:translateY(10px)}4%,86%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes grow{0%{transform:scaleX(0)}8%,100%{transform:scaleX(1)}}
.t1{border-color:rgba(217,119,87,.6)}
/* 2 clonar */
.two-p{grid-template-columns:1fr 1fr;gap:14px}
.pane{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(20,20,19,.65);display:grid;gap:9px;align-content:start;min-height:240px}.pane h4{margin:0 0 4px;font-size:10px;letter-spacing:.14em;color:var(--mute)}.pane.clean{border-color:rgba(127,201,154,.45)}.pane.clean h4{color:var(--ok)}
.ln{display:block;height:9px;border-radius:5px;background:#2b2925}.w90{width:90%}.w80{width:80%}.w70{width:70%}.btnl{height:24px;width:60%;background:#3a2a22}.btnl.acc{background:var(--acc)}
.bad,.ok{margin:0;font-size:11px;padding:6px 9px;border-radius:8px}.bad{color:#ef6b5b;background:rgba(239,107,91,.1);border:1px solid rgba(239,107,91,.3);animation:strike 8s infinite}.ok{color:var(--ok);background:rgba(127,201,154,.1);border:1px solid rgba(127,201,154,.3);opacity:0;animation:okin 8s infinite}
.b1,.c1{animation-delay:0s}.b2,.c2{animation-delay:.7s}.b3,.c3{animation-delay:1.4s}
.c1{animation-delay:1.2s}.c2{animation-delay:1.9s}.c3{animation-delay:2.6s}
@keyframes strike{0%,25%{opacity:1;text-decoration:none}35%,85%{opacity:.4;text-decoration:line-through}100%{opacity:1;text-decoration:none}}
@keyframes okin{0%,10%{opacity:0;transform:translateX(-8px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
.scan{position:absolute;top:50px;bottom:18px;left:18px;width:2px;background:var(--acc);box-shadow:0 0 18px 4px rgba(217,119,87,.6);animation:sweep 8s infinite}
@keyframes sweep{0%{left:18px;opacity:0}5%{opacity:1}30%{left:calc(100% - 20px);opacity:1}35%,100%{left:calc(100% - 20px);opacity:0}}
/* 3 kanban */
.kan{grid-template-columns:repeat(4,1fr);gap:10px}
.col{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(20,20,19,.6);min-height:210px}.col h4{margin:0 0 10px;font-size:9px;letter-spacing:.1em;color:var(--mute)}
.card.ghost{display:block;height:46px;border-radius:9px;border:1px dashed #3a3732;background:transparent;margin-bottom:8px;padding:0}
.mover{position:absolute;left:18px;top:56px;width:calc(25% - 22px);padding:10px;border-radius:10px;background:#2a1d17;border:1px solid var(--acc);box-shadow:0 10px 30px rgba(217,119,87,.25);font-size:12px;line-height:1.25;display:grid;gap:4px;animation:mv 9s infinite}
.mover span{color:var(--mute);font-size:10px}.roi{text-decoration:none;color:var(--ok)}
.roi:after{content:counter(n) "%";}.mover .roi{counter-reset:n var(--n);animation:roi 9s infinite}
@keyframes roi{0%,60%{--n:0}85%,100%{--n:180}}
@keyframes mv{0%,8%{transform:translateX(0)}22%,30%{transform:translateX(calc(100% + 12px))}44%,52%{transform:translateX(calc(200% + 24px))}66%,100%{transform:translateX(calc(300% + 36px))}}
/* 4 ranking */
.rk{display:grid;grid-template-columns:26px 1.2fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(20,20,19,.65);font-size:13px;opacity:0;animation:rowin 10s infinite}
.rk i{font-style:normal;color:var(--acc);font-size:13px}.rk p{margin:0;font-weight:600}.rk b{font-size:12px}
.rk .pos{color:var(--ok)}.rk .neg{color:var(--bad)}
.bar2{height:7px;border-radius:9px;background:#26241f;overflow:hidden}.bar2 u{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--acc),#f0b35a);transform-origin:left;animation:grow 10s infinite}
.r1{animation-delay:.6s}.r2{animation-delay:1.1s}.r3{animation-delay:1.6s}.r4{animation-delay:2.1s}
.gn{counter-reset:n var(--n)}.gn:after{content:counter(n)}
.g1{animation:g1 10s infinite}.g2{animation:g2 10s infinite}.g3{animation:g3 10s infinite}.g4{animation:g4 10s infinite}
@keyframes g1{0%,5%{--n:0}25%,100%{--n:128}}@keyframes g2{0%,10%{--n:0}30%,100%{--n:84}}@keyframes g3{0%,15%{--n:0}35%,100%{--n:37}}@keyframes g4{0%,20%{--n:0}40%,100%{--n:12}}
/* 5 criativos */
.crea{grid-template-columns:repeat(4,1fr);gap:10px}
.cr{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(20,20,19,.65);position:relative;opacity:0;animation:rowin 10s infinite}
.cr i{display:block;aspect-ratio:9/12;background:linear-gradient(120deg,#26231f 30%,#37322b 50%,#26231f 70%);background-size:200% 100%;animation:shim 1.6s infinite linear}
.cr span{display:block;font-size:9.5px;color:var(--mute);padding:7px 8px}.star{position:absolute;top:6px;right:8px;color:var(--faint);font-size:16px;animation:star 10s infinite}
.x1{animation-delay:.5s}.x2{animation-delay:1s}.x3{animation-delay:1.5s}.x4{animation-delay:2s}
.x1 .star{animation-delay:.5s}.x2 .star{animation-delay:1s}.x3 .star{animation-delay:1.5s}.x4 .star{animation-delay:2s}
@keyframes shim{to{background-position:-200% 0}}
@keyframes star{0%,20%{color:#8a877e;transform:scale(1)}30%{color:#f0b35a;transform:scale(1.6)}40%,100%{color:#f0b35a;transform:scale(1)}}
.roteiro{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(20,20,19,.65)}.roteiro>span{font-size:10px;letter-spacing:.14em;color:var(--acc)}.roteiro p{margin:6px 0 0;font-size:12.5px;white-space:nowrap;overflow:hidden;width:0;animation:typl 10s steps(36) infinite}
.t-a{animation-delay:3s!important}.t-b{animation-delay:4s!important}.t-c{animation-delay:5s!important}
@keyframes typl{0%{width:0}12%,92%{width:100%}100%{width:0}}
/* 6 kit */
.kit{gap:12px}.k{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(20,20,19,.65);opacity:0;transform:translateX(18px);animation:kin 10s infinite}.k span{font-size:10px;letter-spacing:.14em;color:var(--acc)}.k p{margin:4px 0 0;font-size:14px}
.k1{animation-delay:.6s}.k2{animation-delay:1.6s}.k3{animation-delay:2.6s}.k4{animation-delay:3.6s}
@keyframes kin{0%{opacity:0;transform:translateX(18px)}6%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
/* 7 monitor */
.bell{margin-left:auto;font-size:15px;position:relative;animation:ring 5s infinite}.bell u{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
@keyframes ring{0%,10%,100%{transform:rotate(0)}2%,6%{transform:rotate(14deg)}4%,8%{transform:rotate(-14deg)}}
.al{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(20,20,19,.65);font-size:13px;opacity:0;transform:translateY(-10px);animation:rowin 9s infinite}
.al i{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(217,119,87,.6);animation:pulse 1.6s infinite}.al p{margin:0}.al span{font-size:11px;color:var(--mute)}
.a1{animation-delay:.6s}.a2{animation-delay:1.8s}.a3{animation-delay:3s}
/* rodapé e documentos */
.foot{border-top:1px solid var(--line);background:rgba(15,15,14,.8);padding:48px 0 110px;margin-top:20px}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.foot-top nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:var(--mute)}.foot-top nav a{text-decoration:none}.foot-top nav a:hover{color:var(--acc)}
.legal{border-top:1px solid var(--line);padding-top:24px;display:grid;gap:12px}.legal p{margin:0;font-size:12px;line-height:1.7;color:var(--faint);max-width:900px}.legal b{color:var(--mute)}
.copy{margin:22px 0 0;font-size:12px;color:var(--faint)}
.doc{max-width:820px;padding-top:72px;padding-bottom:80px}.doc h1{margin-bottom:8px}.doc h2{font-size:22px;margin:38px 0 10px}.doc p{color:var(--mute);margin:0 0 12px;line-height:1.75}.doc .ul{margin:8px 0 14px}.doc .ul li{color:var(--mute)}.doc .ul b{color:var(--ink)}
.faint{color:var(--faint)}
/* responsivo */
@media(max-width:860px){
 section.wrap{padding-top:56px;padding-bottom:56px}.feature{grid-template-columns:1fr;gap:26px;padding:30px 0}.feature.rev .ft{order:0}.up{grid-template-columns:1fr;padding:26px}.guar-big{grid-template-columns:1fr;text-align:center;justify-items:center;padding:26px 22px}.two{gap:22px}.sub{margin-top:-30px}
 .trow{grid-template-columns:1fr auto;}.trow .th,.trow span{display:none}.rk{grid-template-columns:22px 1fr auto}.rk .bar2{display:none}.kan{grid-template-columns:1fr 1fr}.crea{grid-template-columns:1fr 1fr}.mover{display:none}.two-p{grid-template-columns:1fr}.pane{min-height:0}.scan{display:none}.steps:before{left:21px}.steps li{grid-template-columns:44px 1fr;gap:16px}.steps li>span{width:44px;height:44px}
 .foot{padding-bottom:120px}.foot-top{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.trow,.rk,.cr,.k,.al,.ok{opacity:1!important;transform:none!important}.roteiro p{width:100%!important}.search span{width:17ch}}
.hc{font-style:normal}.cnt{animation-delay:.3s}.cnt.sc{animation-delay:0s}