@font-face{font-family:"Sora";font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/sora.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/jetbrains-mono.woff2) format("woff2")}
/* Layout: uma pergunta por tela, coluna central de 720px; menu lateral em gaveta; resultado em blocos empilhados */
:root{
  --bg:#0B0F0E; --surface:#111816; --surface-2:#16201D; --ink:#E9F5EF; --muted:#8FA59B; --line:#1F2D28;
  --accent:#00E676; --accent-2:#A7F3D0; --accent-soft:#0F2A1E; --hot:#FF7A45; --hot-soft:#3A2016;
  --gain:#3EE08F; --gain-soft:#10301F; --loss:#FF8B70; --loss-soft:#3A1C15; --warn:#F5B740; --warn-soft:#352711;
  --grad:linear-gradient(120deg,#00E676 0%,#A7F3D0 100%); --grad-hot:linear-gradient(120deg,#00E676 0%,#5EEAD4 100%);
  --wa:#1FAF5A; --on:#FFFFFF; --on-acc:#06120D; --glass:rgb(0 230 118 / .16);
  --f-display:"Sora","Segoe UI",system-ui,sans-serif;
  --f-body:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  --bg:#EEF2F0; --surface:#FFFFFF; --surface-2:#F4F7F5; --ink:#0B0F0E; --muted:#55645D; --line:#D7E1DB;
  --accent:#007A43; --accent-2:#00B86B; --accent-soft:#DDF5E9; --hot:#E5592B; --hot-soft:#FDE9E0;
  --gain:#0E9A63; --gain-soft:#DDF6EA; --loss:#B42318; --loss-soft:#FDE6E0; --warn:#8A5A00; --warn-soft:#FFF2D6; --glass:rgb(0 146 79 / .18); color-scheme:light}}
:root[data-theme="light"]{
  --bg:#EEF2F0; --surface:#FFFFFF; --surface-2:#F4F7F5; --ink:#0B0F0E; --muted:#55645D; --line:#D7E1DB;
  --accent:#007A43; --accent-2:#00B86B; --accent-soft:#DDF5E9; --hot:#E5592B; --hot-soft:#FDE9E0;
  --gain:#0E9A63; --gain-soft:#DDF6EA; --loss:#B42318; --loss-soft:#FDE6E0; --warn:#8A5A00; --warn-soft:#FFF2D6; --glass:rgb(0 146 79 / .18); color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--f-body);min-height:100%}
body::before{content:"";position:fixed;inset:-20% -10% auto auto;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 65%);pointer-events:none;z-index:0}
body::after{content:"";position:fixed;inset:auto auto -25% -15%;width:55vmax;height:55vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%);pointer-events:none;z-index:0}
h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.02em}
button{font-family:inherit}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.top{--bg:#0B0F0E;--surface:#111816;--line:#1F2D28;--ink:#E9F5EF;--accent:#00E676;--accent-soft:#0F2A1E;color-scheme:dark;color:var(--ink);position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:10px;padding-block:12px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--bg);border-bottom:1px solid transparent;transition:box-shadow .2s ease-out,border-color .2s ease-out}
.logo{display:flex;align-items:center;gap:9px;font:800 19px var(--f-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none;cursor:pointer;background:none;border:none;padding:0}
.zero{position:relative;width:28px;height:28px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.zero::before{content:"";width:14px;height:14px;border-radius:50%;border:3px solid var(--on);box-sizing:border-box}
.zero::after{content:"";position:absolute;width:13px;height:3px;background:var(--on);transform:rotate(-40deg)}
.top .sp{margin-left:auto}
.lg{display:block;height:34px;width:auto}
.logo .mod{align-self:center}
@media (max-width:440px){.logo .mod{display:none}.top .lg{height:30px}}
.top.scrolled{border-bottom-color:var(--line);box-shadow:0 8px 24px rgb(0 0 0 / .18)}
.fbrand{display:flex;justify-content:center}
.fbrand a{display:inline-flex;padding:8px;border-radius:12px;opacity:.9;transition:opacity .15s ease-out}
.fbrand a:hover{opacity:1}
.fbrand .lg{height:30px}
.ibtn{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer}
.ibtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.drawer{position:fixed;inset:0 0 0 auto;width:min(320px,88vw);background:var(--surface);border-left:1px solid var(--line);z-index:40;transform:translateX(105%);transition:transform .25s ease-out;display:flex;flex-direction:column;gap:16px;
  padding:calc(18px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) 18px}
body.menu .drawer{transform:none}
.scrim{position:fixed;inset:0;background:rgb(0 0 0 / .45);z-index:35;opacity:0;pointer-events:none;transition:opacity .2s ease-out}
body.menu .scrim{opacity:1;pointer-events:auto}
.drawer nav{display:grid;gap:4px}
.drawer nav button{min-height:46px;text-align:left;border:none;background:none;border-radius:12px;padding:10px 12px;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer}
.drawer nav button:hover{background:var(--surface-2)}
.drawer label{display:grid;gap:6px;font:600 11px var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px}
.seg button{border:none;background:none;border-radius:9px;min-height:36px;font:600 13px var(--f-body);color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(0 0 0 / .12)}
main{position:relative;z-index:1;padding-block:8px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.col{max-width:760px;margin:0 auto}
.wide{max-width:1040px;margin:0 auto}
/* intro */
.hero{padding-block:28px 12px;display:grid;gap:18px}
.eyebrow{font:500 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.hero h1{font-size:clamp(34px,6.4vw,62px);font-weight:800;line-height:1.02}
.hero h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 30px color-mix(in srgb,var(--accent) 35%,transparent)}
.hero p{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:56ch;margin:0}
.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:none;border-radius:16px;background:var(--grad);color:var(--on-acc);font:700 17px var(--f-body);cursor:pointer;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .15s ease-out}
.cta:hover{transform:translateY(-1px)}
.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .45) 50%,transparent 70%);transform:translateX(-120%);animation:sh 3.4s ease-out infinite}
@keyframes sh{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.cta.hot{background:var(--grad-hot);box-shadow:0 10px 30px color-mix(in srgb,var(--hot) 30%,transparent)}
.cta.wa{background:var(--wa);box-shadow:none}
.ghost{min-height:48px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:600 15px var(--f-body);cursor:pointer}
.gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
@media (max-width:640px){.gets{grid-template-columns:minmax(0,1fr)}}
.get{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px}
.get b{font:700 16px var(--f-display)}
.get span{font-size:13.5px;color:var(--muted)}
.get i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font:700 15px var(--f-mono);color:var(--on-acc)}
.small{font-size:13px;color:var(--muted)}
/* wizard */
.wz{padding-top:10px;display:grid;gap:18px}
.bar{height:8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.bar>div{height:100%;background:var(--grad);border-radius:99px;transition:width .35s ease-out}
.wz-meta{display:flex;justify-content:space-between;font:500 12.5px var(--f-mono);color:var(--muted)}
.q{background:var(--surface);border:1px solid var(--glass);border-radius:24px;padding:clamp(18px,3.5vw,32px);display:grid;gap:16px;box-shadow:0 20px 50px rgb(14 22 48 / .06);animation:in .28s ease-out}
@keyframes in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.q h3{font-size:clamp(23px,3.4vw,32px);font-weight:800;line-height:1.12}
.q .help{color:var(--muted);margin:-6px 0 0;font-size:14.5px}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px}
.chip{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);font:600 14.5px var(--f-body);cursor:pointer;text-align:left;transition:border-color .15s ease-out,background-color .15s ease-out,transform .15s ease-out}
@media (hover:hover){.chip:not([aria-pressed="true"]):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}
.chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.chip svg{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chips.sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,110px),1fr))}
.chips.sm .chip{min-height:44px;justify-content:center;font-size:14px}
.field{display:grid;gap:6px}
.field>span{font:600 13px var(--f-body);color:var(--muted)}
.inp{width:100%;min-height:52px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);font:500 17px var(--f-body);padding:10px 14px}
.inp:focus{border-color:var(--accent);outline:none}
.money{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:16px;background:var(--surface-2);padding:0 16px;min-height:66px}
.money:focus-within{border-color:var(--accent)}
.money b{font:700 22px var(--f-display);color:var(--muted);margin-right:8px}
.tile,.field{min-width:0}
.money{min-width:0}
.money input{width:100%;flex:1;min-width:0;border:none;background:none;font:800 clamp(26px,5vw,36px) var(--f-display);color:var(--ink);padding:8px 0;font-variant-numeric:tabular-nums}
.money input:focus{outline:none}
.money.sm{min-height:48px;padding:0 12px;border-radius:12px}
.money.sm b{font-size:15px}.money.sm input{font:600 17px var(--f-body)}
.sug{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:2px}
.sug li{padding:10px 12px;border-radius:10px;cursor:pointer;min-height:44px;display:flex;align-items:center}
.sug li:hover,.sug li[aria-selected="true"]{background:var(--accent-soft);color:var(--accent)}
.slider{display:grid;gap:8px}
.slider .top2{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.slider .top2 span{font-weight:600}
.slider .top2 b{font:800 26px var(--f-display);font-variant-numeric:tabular-nums}
input[type=range]{width:100%;accent-color:var(--accent);height:28px}
.coins{display:flex;height:22px;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.coins div{height:100%;transition:flex-basis .25s ease-out}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.tile{border:1.5px solid var(--line);border-radius:16px;background:var(--surface-2);padding:12px;display:grid;gap:8px}
.tile.on{border-color:var(--accent);background:var(--accent-soft)}
.tile button.t{display:flex;align-items:center;gap:10px;border:none;background:none;color:var(--ink);font:600 14.5px var(--f-body);cursor:pointer;padding:0;min-height:32px;text-align:left}
.tile .box{width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;flex:none;background:var(--surface)}
.tile.on .box{background:var(--accent);border-color:var(--accent)}
.tile.on .box::after{content:"";width:10px;height:5px;border-left:2.5px solid var(--on);border-bottom:2.5px solid var(--on);transform:rotate(-45deg) translate(1px,-1px)}
.total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-weight:600}
.total b{font:800 22px var(--f-display);font-variant-numeric:tabular-nums}
.nav{display:flex;gap:10px;align-items:center}
.nav .cta{flex:1}
.peek{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;font-size:13.5px;color:var(--muted);padding:10px;border-radius:14px;border:1px dashed var(--line)}
.peek b{color:var(--ink);font-family:var(--f-mono)}
.tag{display:inline-block;font:600 11.5px var(--f-body);padding:3px 10px;border-radius:99px;white-space:nowrap}
.tag:empty{display:none}
.reveal:not([hidden]){animation:in .45s ease-out both}
#offer.reveal:not([hidden]){animation-delay:.12s}
.tag.w{background:var(--warn-soft);color:var(--warn)}.tag.g{background:var(--gain-soft);color:var(--gain)}.tag.n{background:var(--accent-soft);color:var(--accent)}.tag.r{background:var(--loss-soft);color:var(--loss)}
.verr{margin:-6px 0 0;padding:10px 14px;border-radius:12px;background:var(--loss-soft);color:var(--loss);font-weight:600;font-size:14px}
.q h3:focus{outline:none}
.fxwarn{margin:0;padding:10px 14px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:14px;font-weight:600}
.fxwarn[data-ok="1"]{display:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--wa);margin-top:2px}
/* resultado */
.res{display:grid;gap:18px;padding-top:12px}
.card{background:var(--surface);border:1px solid var(--glass);border-radius:22px;padding:clamp(16px,3vw,26px)}
.head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
@media (max-width:600px){.head{grid-template-columns:minmax(0,1fr);justify-items:start}}
.ring{position:relative;width:150px;height:150px}
.ring svg{width:150px;height:150px;transform:rotate(-90deg)}
.ring .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.ring .c b{font:800 44px var(--f-display);line-height:1}
.ring .c span{font:600 11px var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.head h1{font-size:clamp(24px,3.6vw,34px);font-weight:800;line-height:1.1}
.head p{margin:8px 0 0;color:var(--muted)}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
@media (min-width:560px) and (max-width:1000px){.kp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.k{border-radius:20px;padding:16px;color:var(--on);display:grid;gap:4px;position:relative;overflow:hidden}
.k::after{content:"";position:absolute;right:-26px;top:-26px;width:100px;height:100px;border-radius:50%;background:rgb(255 255 255 / .13)}
.k span{font:600 11.5px var(--f-body);text-transform:uppercase;letter-spacing:.07em;opacity:.9}
.k b{font:800 clamp(22px,2.6vw,28px) var(--f-display);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k small{font-size:12.5px;opacity:.92}
.k1{background:var(--grad);color:var(--on-acc)}.k2{background:linear-gradient(120deg,#059669,#34D399);color:var(--on-acc)}.k2.neg{background:linear-gradient(120deg,#B91C1C,#BE123C);color:#FFFFFF}.k3{background:linear-gradient(120deg,#0B0F0E,#1E3A2E);border:1px solid var(--glass)}.k4{background:var(--grad-hot);color:var(--on-acc)}
.split{display:flex;height:46px;border-radius:14px;overflow:hidden;margin:12px 0 10px}
.split div{display:grid;place-items:center;color:var(--on-acc);font:700 12.5px var(--f-mono);min-width:0;overflow:hidden;white-space:nowrap}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}
.ai{display:grid;gap:14px}
.ai-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-h h3{font-size:22px}
.orb{width:34px;height:34px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-2) 50%,transparent);animation:pulse 1.6s ease-out infinite}
@keyframes pulse{to{box-shadow:0 0 0 14px transparent}}
.orb.done{animation:none}
.think{font-weight:600;background:linear-gradient(90deg,var(--muted) 30%,var(--ink) 50%,var(--muted) 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:th 1.6s linear infinite}
@keyframes th{to{background-position:-200% 0}}
.ai p{margin:0}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:640px){.two{grid-template-columns:minmax(0,1fr)}}
.box2{border-radius:16px;padding:14px;background:var(--surface-2)}
.box2 h4{margin:0 0 6px;font:700 14px var(--f-body)}
.box2 ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px}
.acts{display:grid;gap:10px}
.act{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:16px;border:1px solid var(--line)}
.act .n{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:700 14px var(--f-mono)}
.act b{display:block;font-size:15.5px}
.act span{font-size:14px;color:var(--muted)}
.offer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:center}
@media (max-width:760px){.offer{grid-template-columns:minmax(0,1fr)}}
.offer h3{font-size:clamp(22px,3vw,30px)}
.offer ul{margin:10px 0 16px;padding-left:20px;display:grid;gap:6px}
.phone{border-radius:26px;background:#0B141A;padding:14px;display:grid;gap:8px;border:6px solid #1E2A30;max-width:340px;justify-self:center;width:100%}
.phone .ph{display:flex;align-items:center;gap:8px;color:#E9EDEF;font:600 13px var(--f-body);padding-bottom:6px;border-bottom:1px solid #22313A}
.phone .ph i{width:26px;height:26px;border-radius:50%;background:var(--grad)}
.msg{max-width:85%;padding:8px 10px;border-radius:12px;font-size:13.5px;line-height:1.4;color:#E9EDEF}
.msg.me{justify-self:end;background:#005C4B;border-top-right-radius:4px}
.msg.bot{justify-self:start;background:#202C33;border-top-left-radius:4px}
.wave{display:flex;gap:2px;align-items:center;height:18px}
.wave span{width:3px;border-radius:2px;background:#9FE3CF}
.voice{position:relative}
.voice textarea{min-height:110px;resize:vertical;font-size:16px;line-height:1.5;padding-bottom:40px}
.mic{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);pointer-events:none}
.mic svg{width:16px;height:16px;stroke:var(--hot);fill:none;stroke-width:2}
.sol{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;margin-top:6px;animation:in .3s ease-out}
@media (max-width:760px){.sol{grid-template-columns:minmax(0,1fr)}}
.sol ul{margin:8px 0 0;padding-left:20px;display:grid;gap:5px}
.quote{border-left:4px solid var(--hot);padding:8px 12px;background:var(--hot-soft);border-radius:0 12px 12px 0;font-style:italic}
.price{border-radius:20px;padding:18px;background:linear-gradient(150deg,#0B0F0E 10%,#0E3B27 100%);border:1px solid rgb(0 230 118 / .35);box-shadow:0 0 40px rgb(0 230 118 / .12);color:#fff;display:grid;gap:8px;align-content:start}
.price .big{font:800 34px var(--f-display);font-variant-numeric:tabular-nums;line-height:1}
.price .big small{font:500 14px var(--f-body);opacity:.85}
.price li{font-size:13.5px}
.price ul{margin:4px 0 0;padding-left:18px;display:grid;gap:4px}
.jsteps{display:flex;flex-wrap:wrap;gap:8px}
.jst{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;border:1px solid var(--line);font:600 13px var(--f-body);color:var(--muted)}
.jst i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12px var(--f-mono);font-style:normal;background:var(--surface-2)}
.jst.on{border-color:var(--accent);color:var(--ink)}.jst.on i{background:var(--accent);color:var(--on-acc)}
.jst.ok i{background:var(--accent-soft);color:var(--accent)}
.jq{margin:4px 0 0;font:700 19px var(--f-display)}
.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.tool{display:grid;gap:4px;align-content:start;text-align:left;padding:14px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:border-color .15s ease-out,transform .15s ease-out;font-family:var(--f-body)}
@media (hover:hover){.tool:not(.on):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}
.tool{position:relative}
.tool.on::after{content:"✓";position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-acc);font:700 13px var(--f-body)}
.tool:not(.on){opacity:.92}
.tool.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}
.tool b{font-size:15px}.tool span:not(.tag){font-size:13px;color:var(--muted)}
.tool em{font:500 12px var(--f-mono);font-style:normal;color:var(--accent);margin-top:4px}
.tool .tag{justify-self:start}
.price ul.pk{list-style:none;padding:0;margin:4px 0;display:grid;gap:6px}
.price ul.pk li{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed rgb(167 243 208 / .25);padding-bottom:6px}
.price ul.pk small{opacity:.75}
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.plans{grid-template-columns:minmax(0,1fr)}}
.plan{border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.plan.star{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad) border-box}
.plan .p{font:800 32px var(--f-display);font-variant-numeric:tabular-nums}
.plan .p small{font:400 13px var(--f-body);color:var(--muted)}
.plan ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14px}
.plan .ghost,.plan .cta{margin-top:auto}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:rgb(0 0 0 / .5)}
.mbox{width:min(460px,100%);background:var(--surface);border-radius:22px;padding:22px;display:grid;gap:12px;animation:pop .22s ease-out}
@keyframes pop{from{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}
.mbox pre{white-space:pre-wrap;margin:0;padding:12px;border-radius:12px;background:var(--surface-2);font:13px/1.5 var(--f-body)}
.done svg{width:52px;height:52px}
.done path{stroke-dasharray:60;stroke-dashoffset:60;animation:dr .5s .1s ease-out forwards}
@keyframes dr{to{stroke-dashoffset:0}}
.shake{animation:shk .35s}
@keyframes shk{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.ring2{position:fixed;z-index:60;pointer-events:none;border-radius:50%;border:2px solid var(--accent-2);box-shadow:0 0 24px var(--accent-2);transform:translate(-50%,-50%) scale(0);animation:rg .6s ease-out forwards}
@keyframes rg{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
.foot{background:#0B0F0E;border-top-color:#1F2D28!important;position:relative;z-index:1;border-top:1px solid var(--line);margin-top:20px;padding-block:18px calc(18px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.foot .wide{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;font-size:13px;color:var(--muted)}
.pay{display:flex;flex-wrap:wrap;gap:6px}
.pay span{font:600 12px var(--f-body);padding:5px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a.cta{text-decoration:none}
.cta:disabled{opacity:.7;cursor:progress}
/* Turnstile: só aparece quando a Cloudflare pede interação. */
.ts{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60}