:root{--bg:#f4f6fb;--fg:#0b1f3a;--muted:#5b6b82;--border:#dbe3ef;--accent:#0b1f3a;--card:#ffffff;--brand:#0284c7;--brand-soft:#e0f2fe;--ok:#15803d;--shadow:0 10px 30px rgba(11,31,58,.08);color-scheme:light}[data-theme=dark]{--bg:#070d18;--fg:#eaf0f8;--muted:#93a3bb;--border:#1d2c46;--accent:#eaf0f8;--card:#0d1626;--brand:#38bdf8;--brand-soft:#0b2740;--shadow:0 10px 30px rgba(0,0,0,.45);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip;max-width:100%}body{font-family:Inter,ui-sans-system,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.65;transition:background .2s,color .2s;-webkit-font-smoothing:antialiased}.topbar{background:linear-gradient(90deg,#0b1f3a,#0284c7);color:#fff;font-size:12.5px;text-align:center;padding:7px 12px;letter-spacing:.01em}header.site{border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:20}.wrap{max-width:1020px;margin:0 auto;padding:0 16px}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:800;letter-spacing:-.02em;font-size:18px}.brand img{width:34px;height:34px;border-radius:9px;box-shadow:var(--shadow)}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.main-nav{display:flex;gap:4px;flex-wrap:wrap}.main-nav a{font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--fg)}.main-nav a:hover{background:var(--brand-soft)}.nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.langs{display:flex;gap:6px}.langsel{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:6px 8px 6px 12px;font-size:13px;font-weight:700;color:var(--fg);cursor:pointer}.langsel select{border:none;background:transparent;color:var(--fg);font:inherit;cursor:pointer;max-width:132px;text-overflow:ellipsis}.langsel select:focus-visible{outline:none}.langsel:focus-within{outline:2px solid var(--brand);outline-offset:2px}.langs a{font-size:12.5px;font-weight:700;padding:7px 11px;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--fg);background:var(--card)}.langs a.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.icon-btn{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--fg);cursor:pointer;font-size:14px}main{padding:26px 0 10px}.hero{text-align:center;padding:30px 0 14px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--brand);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:6px 14px}.hero h1{font-size:clamp(28px,4.5vw,42px);letter-spacing:-.03em;line-height:1.08;margin-top:12px}.hero p.lead{color:var(--muted);margin-top:10px;font-size:clamp(15px,2.4vw,18px);max-width:680px;margin-left:auto;margin-right:auto}.trust{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.trust span{font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 12px;color:var(--muted)}.steps{display:inline-flex;gap:8px;margin-top:14px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 12px;font-size:13px;flex-wrap:wrap;justify-content:center;box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;margin-top:18px;box-shadow:var(--shadow)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{padding:9px 13px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--fg);font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .06s,box-shadow .15s,background .15s}.btn:hover{box-shadow:var(--shadow);border-color:var(--brand)}.btn.primary{background:linear-gradient(180deg,#0ea5e9,#0284c7);color:#fff;border-color:#0284c7}.btn:active{transform:scale(.98)}.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cvwrap{position:relative;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}.cvwrap.ready:before{display:none}.cvfallback{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--card);pointer-events:none}.cvfallback[hidden]{display:none}.cvfallback p{font-size:14px;color:var(--muted)}.cvfallback .btn{pointer-events:auto}[data-theme=dark] .cvwrap{background:#1a2436}canvas#cv{display:block;width:100%;aspect-ratio:960/520;height:auto;border:none;border-radius:0;background:#fff;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-theme=dark] canvas#cv{background:#1a2436}.cvoverlay{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:5}.cvoverlay button{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--card);color:var(--fg);font-size:17px;font-weight:800;cursor:pointer;box-shadow:var(--shadow);line-height:1;touch-action:manipulation}.cvoverlay button:hover{border-color:var(--brand)}.cvoverlay button:active{transform:scale(.94)}.quickrow{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;align-items:center}.chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.stat{font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:4px 10px;color:var(--muted)}details.tune{border:1px dashed var(--border);border-radius:12px;padding:10px 12px;margin:0 0 10px;background:var(--card)}details.tune summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--muted)}.tunerow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.prose h2{font-size:22px;letter-spacing:-.02em;margin:0 0 8px}.prose h3{font-size:16.5px;margin:18px 0 6px}.prose p{color:var(--fg);margin-top:10px;font-size:15px}.prose ul,.prose ol{margin:10px 0 0 20px;font-size:15px}.prose li{margin-top:6px}.prose .muted{font-size:13.5px}.muted{color:var(--muted);font-size:13px}details{border:1px solid var(--border);border-radius:12px;padding:11px 13px;margin-top:9px;background:var(--card)}summary{cursor:pointer;font-weight:700;font-size:14.5px}details p{margin-top:8px}select.btn{appearance:auto}footer.site{border-top:1px solid var(--border);background:var(--card);margin-top:34px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;padding:30px 0 10px}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.footer-grid a{display:block;font-size:14px;color:var(--fg);text-decoration:none;margin-top:7px}.footer-grid a:hover{text-decoration:underline}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800}.footer-brand img{width:30px;height:30px;border-radius:8px}.footer-bottom{border-top:1px solid var(--border);padding:14px 0 22px;color:var(--muted);font-size:12.5px;text-align:center}a{color:var(--fg)}.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--bg);padding:8px 14px;border-radius:0 0 10px;z-index:100;font-weight:700}.skip:focus{left:0}.topbar strong{font-weight:800}header.site{background:var(--card);background:color-mix(in srgb,var(--card) 88%,transparent)}button,.btn{touch-action:manipulation}input,select,textarea{font-size:16px}select option{background:var(--card);color:var(--fg)}#ferramenta{scroll-margin-top:70px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.grid{grid-template-columns:1fr}canvas#cv{aspect-ratio:1/1;min-height:0}.cvoverlay{display:grid;grid-template-columns:repeat(2,28px);gap:4px;top:8px;right:8px}.cvoverlay button{width:28px;height:28px;font-size:13px}.hero{padding:22px 0 10px}.btn{padding:8px 10px;font-size:13px}.toolbar{flex-wrap:wrap;overflow:visible;gap:6px}.toolbar .btn{flex:1 1 auto;text-align:center}.quickrow{gap:6px;margin:8px 0}.quickrow .btn{padding:7px 9px;font-size:12.5px}.quickrow [data-angle]{flex:1 1 auto;text-align:center}.tunerow{gap:6px}.chiprow{gap:4px;flex-wrap:nowrap}.stat{flex:1 1 0;min-width:0;font-size:10.5px;padding:3px 6px;white-space:nowrap;text-align:center}.ctaband{padding:10px 12px}.ctaband .cb-btns{gap:6px}.ctaband .cb-btns .btn{padding:7px 10px;font-size:12.5px}.toolbar #angleLabel{order:-1;flex:1 1 100%;position:static;background:none;padding:0;margin:0;display:flex;align-items:baseline;gap:10px;text-align:left!important}.toolbar #angleLabel span:first-child{display:inline!important}.quickrow{flex-wrap:wrap}.main-nav{order:3;width:100%}.nav{padding:8px 0;gap:6px}.brand{flex:1 1 auto;min-width:0;font-size:15px;gap:8px}.brand img{width:28px;height:28px}.brand small{font-size:9px}.nav-right{margin-left:auto;flex-wrap:nowrap;gap:6px;align-self:flex-start;margin-top:5px}.langsel{padding:3px 5px 3px 8px;font-size:11px}.langsel select{max-width:84px}.icon-btn{padding:5px 8px;font-size:12px}.main-nav a{flex:1;text-align:center;background:var(--card);border:1px solid var(--border)}.card{padding:14px;border-radius:15px}#ferramenta{margin-left:-11px;margin-right:-11px;padding-left:8px;padding-right:8px;border-radius:10px}.footer-grid{grid-template-columns:1fr;gap:14px}main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}#toolWrap:fullscreen{padding:8px}#toolWrap:fullscreen canvas{height:70dvh;min-height:0}}@media (max-width:380px){.hero h1{font-size:26px}.trust span{font-size:11.5px;padding:5px 10px}.stat{font-size:10.5px}#angleVal{font-size:26px!important}}#toolWrap:fullscreen,#rulerWrap:fullscreen{overflow:auto;background:var(--card);padding:12px}:fullscreen{background:var(--card)}html:fullscreen body{background:var(--card)}#toolWrap:fullscreen .cvwrap{border:none;border-radius:10px}#toolWrap:fullscreen canvas#cv{height:72dvh;aspect-ratio:auto;min-height:0}#cvwrap:fullscreen{background:var(--card);padding:0;border:none;border-radius:0}#cvwrap:fullscreen canvas#cv{height:100vh;height:100dvh;width:100%;aspect-ratio:auto;min-height:0}#cvwrap.toolfs{position:fixed;inset:0;z-index:80;overflow:auto;background:var(--card);padding:0;margin:0;border:none;border-radius:0}#cvwrap.toolfs canvas#cv{height:100vh;height:100dvh;width:100%;aspect-ratio:auto;min-height:0}#cvwrap.toolfs.pland{width:100vh;width:100dvh;height:100vw;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}#cvwrap.toolfs.pland canvas#cv{width:100%;height:100%;aspect-ratio:auto}#cvwrap.toolfs.pland .cvstats,#cvwrap.toolfs.pland #ovMode,#cvwrap.toolfs.pland #ovPhoto,#cvwrap.toolfs.pland .rothint{display:none}.cvstats{position:absolute;top:10px;left:10px;display:none;flex-direction:column;gap:4px;z-index:5;pointer-events:none}.cvstats .pill{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1px 8px;font-size:11px;color:var(--muted);white-space:nowrap}.cvstats .apill{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:2px 10px;font-size:15px;font-weight:800;color:var(--fg);white-space:nowrap}:fullscreen .cvstats{display:flex}#cvwrap.toolfs .cvstats{display:flex}#ovMode,#ovPhoto{display:none}:fullscreen #ovMode,:fullscreen #ovPhoto{display:block}#cvwrap.toolfs #ovMode,#cvwrap.toolfs #ovPhoto{display:block}#ovExit{display:none}:fullscreen #ovExit{display:block}#cvwrap.toolfs #ovExit{display:block}.rothint{display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:7;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--muted);white-space:nowrap;pointer-events:none}:fullscreen .rothint{display:block}#cvwrap.toolfs .rothint{display:block}@media (orientation:landscape){.rothint{display:none!important}}#toolWrap.toolfs{position:fixed;inset:0;z-index:80;overflow:auto;background:var(--card);padding:10px;margin:0;border-radius:0;border:none}#toolWrap.toolfs .cvwrap{border-radius:10px}#toolWrap.toolfs canvas#cv{height:62dvh;aspect-ratio:auto;min-height:0}.hintbar{border:1px solid var(--border);background:var(--brand-soft);border-radius:12px;padding:10px 12px;margin-bottom:10px;font-size:13px}.tiltpanel{border:1px dashed var(--border);border-radius:12px;padding:12px;margin-bottom:10px;background:var(--card);text-align:center}.sec{margin-top:34px}.kicker{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:6px}.sec h2{font-size:clamp(20px,3vw,26px);letter-spacing:-.02em}.sec .sub{color:var(--muted);font-size:14.5px;margin-top:4px}.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.steps4>div{border-top:2px solid var(--border);padding-top:10px}.steps4 b.num{display:flex;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--bg);align-items:center;justify-content:center;font-size:14px;margin-bottom:6px}.steps4 p{font-size:13.5px;color:var(--muted);margin-top:2px}.steps4 p b{color:var(--fg)}.typetable{margin-top:12px;border-top:1px solid var(--border)}.typetable .trow{display:flex;gap:12px;align-items:baseline;padding:10px 2px;border-bottom:1px solid var(--border)}.typetable .tbadge{flex-shrink:0;min-width:86px;text-align:center;font-size:12px;font-weight:800;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 10px}.typetable .tdesc{font-size:14px;color:var(--muted)}.typetable .tdesc b{color:var(--fg)}.ctaband{margin-top:18px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,var(--card),var(--bg))}.ctaband .cb-t{font-weight:800;font-size:15px}.ctaband .cb-s{font-size:13px;color:var(--muted)}.ctaband .cb-btns{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:760px){.steps4{grid-template-columns:1fr 1fr}.ctaband{align-items:flex-start;flex-direction:column}}@media (max-width:420px){.steps4{grid-template-columns:1fr}}@media print{header.site,footer.site,.toolbar,#onboard,#video,.noprint{display:none!important}main{padding:0}.card{border:none;margin:0;box-shadow:none}canvas{height:auto}}@media print{.appnav{display:none!important}#toolWrap,#surface{position:static!important}#toolWrap canvas,#surface canvas{height:auto}}