:root{--navy:#0b1f3a;--navy2:#132d52;--gold:#f2b705;--gold2:#ffcf33;--green:#0a8a43;--green2:#0fb45a;--red:#d93025;--bg:#f3f5f9;--card:#fff;--fg:#0f1b2d;--fg2:#3d4a5c;--muted:#6b7686;--line:#e3e8ef;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
h1,h2,h3,.h{font-family:"Archivo",system-ui,sans-serif;letter-spacing:-.01em}
.wrap{max-width:520px;margin:0 auto;padding:0 16px}
.flag{height:5px;display:flex}.flag i{flex:1}.flag i:nth-child(1){background:var(--green)}.flag i:nth-child(2){background:var(--gold)}.flag i:nth-child(3){background:#1b3f95}
.top{background:var(--navy);color:#fff;text-align:center;padding:10px 16px;font-size:13px;font-weight:600}
.top b{color:var(--gold2)}
.hero{padding:22px 0 8px}
.badge{display:inline-flex;gap:6px;align-items:center;background:#e9f6ee;color:var(--green);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:99px}
.hero h1{margin-top:12px;font-size:clamp(27px,7.6vw,34px);line-height:1.08;font-weight:900}
.hero h1 em{font-style:normal;color:var(--green)}
.hero .sub{margin-top:10px;font-size:16px;color:var(--fg2)}
.fact{margin-top:16px;background:var(--navy);color:#e8eef8;border-radius:var(--r);padding:14px 16px;font-size:14px}
.fact b{color:var(--gold2)}.fact small{display:block;margin-top:6px;color:#9fb0c8;font-size:11.5px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:14px;padding:17px 18px;font-family:"Archivo",sans-serif;font-weight:900;font-size:17px;letter-spacing:.01em;cursor:pointer;background:var(--green);color:#fff;box-shadow:0 6px 0 #076b33;transition:transform .06s}
.btn:active{transform:translateY(3px);box-shadow:0 3px 0 #076b33}
.btn.gold{background:var(--gold);color:var(--navy);box-shadow:0 6px 0 #c49300}
.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line);box-shadow:none;font-size:15px;padding:13px}
.btn[disabled]{opacity:.6}
.pulse{animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{box-shadow:0 6px 0 #076b33,0 0 0 0 rgba(15,180,90,.45)}50%{box-shadow:0 6px 0 #076b33,0 0 0 12px rgba(15,180,90,0)}}
.mini{margin-top:10px;text-align:center;font-size:12.5px;color:var(--muted)}
.sec{margin-top:26px}.sec h2{font-size:21px;font-weight:900}.sec p.s{margin-top:6px;color:var(--fg2);font-size:14.5px}
.list{margin-top:12px;display:grid;gap:9px}
.li{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14.5px}
.li span:first-child{font-size:20px;line-height:1.2}
.who{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.who span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:13px;font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 18px;box-shadow:0 10px 30px rgba(11,31,58,.06)}
.disc{margin:22px 0 28px;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.55}
/* quiz */
.qtop{display:flex;justify-content:space-between;align-items:center;padding:14px 0 10px;font-size:13px;color:var(--muted);font-weight:600}
.back{background:none;border:0;color:var(--fg2);font-weight:700;font-size:14px;cursor:pointer}
.bar{height:7px;background:#e2e7ee;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));transition:width .3s}
.q h2{margin-top:18px;font-size:23px;line-height:1.15;font-weight:900}.q p.s{margin-top:6px;color:var(--fg2);font-size:14px}
.opts{margin-top:16px;display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#fff;border:2px solid var(--line);border-radius:14px;padding:15px 14px;font-size:15.5px;font-weight:600;color:var(--fg);cursor:pointer}
.opt:active,.opt.sel{border-color:var(--green);background:#eefaf2}
.opt .e{font-size:22px}
.inp{width:100%;border:2px solid var(--line);border-radius:14px;padding:15px 14px;font-size:17px;margin-top:14px;font-family:inherit}
.inp:focus{outline:none;border-color:var(--green)}
/* cálculo */
.calc{text-align:center;padding:60px 0}.spin{width:56px;height:56px;border:6px solid #dfe6ee;border-top-color:var(--green);border-radius:50%;margin:0 auto;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.calc p{margin-top:16px;font-weight:700}
/* resultado */
.gauge{position:relative;width:220px;height:120px;margin:8px auto 0}
.gauge .lbl{position:absolute;left:0;right:0;bottom:0;text-align:center}
.gauge .n{font-family:"Archivo";font-size:46px;font-weight:900;line-height:1}
.lvl{display:inline-block;margin-top:4px;padding:4px 12px;border-radius:99px;font-weight:800;font-size:13px;color:#fff}
.risks{margin-top:14px;display:grid;gap:8px}.risks div{background:#fff4f2;border:1px solid #f6d2cc;border-radius:12px;padding:10px 12px;font-size:14px}
.lock{position:relative;margin-top:16px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.lock .blur{filter:blur(5px);padding:16px;font-size:14px;color:var(--fg2);background:#fff;user-select:none}
.lock .ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.45);font-weight:800;color:var(--navy);text-align:center;padding:16px}
.price{margin-top:16px;text-align:center}.price .p{font-family:"Archivo";font-size:44px;font-weight:900;color:var(--green);line-height:1}.price small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.bump{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;margin-top:10px;background:#fffdf3;border:2px dashed #e6c55a;border-radius:14px;padding:13px;cursor:pointer;font-family:inherit;color:var(--fg)}
.bump.sel{border-style:solid;border-color:var(--green);background:#eefaf2}
.bump .ck{flex:0 0 22px;height:22px;border-radius:6px;border:2px solid #b9a24b;margin-top:2px;display:grid;place-items:center;font-size:14px;color:#fff}
.bump.sel .ck{background:var(--green);border-color:var(--green)}
.bump b{display:block;font-size:15px}.bump .d{display:block;font-size:13px;color:var(--fg2);margin-top:2px}.bump .pr{display:block;margin-top:5px;font-weight:800;color:var(--green)}
.bump .tag{display:inline-block;background:var(--gold);color:var(--navy);font-size:11px;font-weight:900;padding:2px 8px;border-radius:99px;margin-left:6px}
.guar{margin-top:14px;display:flex;gap:10px;background:#eef3fb;border-radius:14px;padding:12px 14px;font-size:13.5px;color:var(--fg2)}
.err{margin-top:12px;background:#fde8e6;color:#8f1d14;border-radius:12px;padding:10px 12px;font-size:14px}
/* pix */
.pix-amt{text-align:center;color:var(--muted);font-size:14px}.pix-amt b{display:block;font-family:"Archivo";font-size:34px;color:var(--green)}
.code{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px dashed #c7d0db;background:#f7f9fc;font-family:ui-monospace,Menlo,monospace;font-size:11px;word-break:break-all;max-height:70px;overflow:hidden;color:var(--fg2)}
.steps{margin-top:12px;display:grid;gap:6px;font-size:14px;color:var(--fg2)}
.wait{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-weight:700;color:var(--fg2);font-size:14px}.spin.sm{width:18px;height:18px;border-width:3px;margin:0}
details.qr{margin-top:12px;font-size:13.5px;color:var(--muted)}details.qr summary{cursor:pointer;text-align:center;font-weight:600}details.qr img{display:block;width:220px;margin:10px auto 0}
.timer{background:var(--navy);color:#fff;text-align:center;padding:9px;font-weight:700;font-size:13.5px;border-radius:12px;margin-bottom:12px}.timer b{color:var(--gold2)}
/* área */
.hello{padding:20px 0 6px}.hello h1{font-size:26px;font-weight:900}.hello p{color:var(--fg2);margin-top:4px}
.plan h3{margin-top:18px;font-size:18px;font-weight:900;display:flex;gap:8px;align-items:center}
.plan p{margin-top:8px;font-size:15px;color:var(--fg2)}
.step{margin-top:10px;background:#f7f9fc;border-left:4px solid var(--green);border-radius:10px;padding:11px 13px}.step b{display:block;font-size:15px}.step span{display:block;font-size:14px;color:var(--fg2);margin-top:3px}
.pill{display:inline-block;background:var(--navy);color:var(--gold2);font-weight:800;font-size:12px;padding:4px 10px;border-radius:99px}
.radar{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;border-radius:20px;padding:22px 18px;margin-top:18px}
.radar h2{font-size:23px;font-weight:900;line-height:1.15}.radar p{color:#cfdaeb;margin-top:8px;font-size:15px}.radar ul{margin:12px 0 0 0;list-style:none;display:grid;gap:7px;font-size:14.5px}
.radar .p{font-family:"Archivo";font-size:38px;font-weight:900;color:var(--gold2);margin-top:12px}.radar .p small{font-size:15px;color:#cfdaeb}
.ed{margin-top:12px;background:#fff;color:var(--fg);border-radius:14px;padding:14px}.ed h4{font-size:16px;font-weight:900}.ed .dt{font-size:12px;color:var(--muted)}.ed .body{margin-top:8px;font-size:14.5px;color:var(--fg2)}.ed .body h5{margin-top:10px;font-size:15px;color:var(--fg)}.ed .body li{margin:4px 0 0 18px}
.tool label{display:block;margin-top:12px;font-weight:700;font-size:14px}.tool .inp{margin-top:6px;font-size:16px;padding:12px}
.res{margin-top:12px;background:#eefaf2;border-radius:12px;padding:12px;font-size:14.5px}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,140%);padding:10px 16px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;transition:transform .25s;z-index:60}.toast.show{transform:translate(-50%,0)}
.hidden{display:none!important}
@media print{.noprint,.top,.radar,.flag{display:none!important}body{background:#fff}.card{box-shadow:none;border:0}}
/* tela "Espere!" */
.prog{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:700;color:var(--fg2)}
.prog .bar{margin-top:8px}
.wait-h{margin-top:16px;text-align:center}
.wait-h .stop{display:inline-block;background:var(--red);color:#fff;font-family:Archivo;font-weight:900;font-size:15px;letter-spacing:.06em;padding:6px 14px;border-radius:99px;animation:pulse2 1.6s infinite}
@keyframes pulse2{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.wait-h h1{margin-top:12px;font-size:clamp(28px,8vw,36px);line-height:1.05;font-weight:900}
.wait-h p{margin-top:8px;color:var(--fg2);font-size:15.5px}
.pain{margin-top:18px;background:var(--navy);color:#e8eef8;border-radius:20px;padding:20px 18px}
.pain h2{font-size:22px;line-height:1.15;font-weight:900;color:#fff}.pain h2 em{font-style:normal;color:var(--gold2)}
.pain .pt{margin-top:12px;display:grid;gap:10px;font-size:15px}.pain .pt div{display:flex;gap:10px}.pain .pt b{color:var(--gold2)}
.pain .me{margin-top:14px;background:rgba(217,48,37,.18);border:1px solid rgba(217,48,37,.5);border-radius:12px;padding:12px;font-size:14.5px}
.sol{margin-top:18px}.sol h2{font-size:23px;font-weight:900;line-height:1.15}
.ed-prev{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ed-prev .hd{background:#0a8a43;color:#fff;padding:10px 14px;font-weight:800;font-size:13px}
.ed-prev .bd{padding:12px 14px;font-size:14px;color:var(--fg2)}.ed-prev .bd h4{font-size:16px;color:var(--fg);font-weight:900}.ed-prev .bd li{margin:6px 0 0 18px}
.ed-prev .lk{position:relative;padding:12px 14px;border-top:1px dashed var(--line)}.ed-prev .lk .bl{filter:blur(4px);font-size:14px;color:var(--fg2);user-select:none}.ed-prev .lk .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;font-weight:800;font-size:14px;color:var(--navy);background:rgba(255,255,255,.55)}
.deal{margin-top:18px;border:3px solid var(--gold);border-radius:20px;background:#fffbea;padding:18px}
.deal .tag{display:inline-block;background:var(--gold);color:var(--navy);font-weight:900;font-size:12px;padding:4px 10px;border-radius:99px}
.deal .pp{margin-top:10px;font-family:Archivo;font-weight:900;font-size:clamp(30px,9vw,42px);white-space:nowrap;color:var(--green);line-height:1}.deal .pp s{font-size:18px;color:var(--muted);margin-right:8px}.deal .pp small{font-size:16px;color:var(--fg2)}
.deal .per{margin-top:6px;font-size:14px;color:var(--fg2)}
.no{display:block;margin:14px auto 0;background:none;border:0;color:var(--muted);font-size:13.5px;text-decoration:underline;cursor:pointer}