:root{--bg:#070d1a;--sf:#0d1626;--card:#111f33;--card2:#162540;--b:rgba(255,255,255,.07);--b2:rgba(255,255,255,.14);--teal:#0dca91;--td:rgba(13,202,145,.12);--gold:#f4a832;--red:#f06b6b;--blue:#5ca4fa;--purple:#a78bfa;--text:#e8f0f8;--t2:rgba(180,200,220,.80);--t3:rgba(127,150,178,.65);--t4:rgba(80,110,145,.70);--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--dis:'Cabinet Grotesk',sans-serif;--r:10px;--r2:16px;--r3:24px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;line-height:1.6;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--b)1px,transparent 1px),linear-gradient(90deg,var(--b)1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,transparent 20%,rgba(0,0,0,.4)55%,black 80%);-webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 50%,transparent 20%,rgba(0,0,0,.4)55%,black 80%);}
.z1{position:relative;z-index:1;}
.cnt{max-width:1100px;margin:0 auto;padding:0 24px;}
.hidden{display:none!important;}
a{text-decoration:none;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:var(--r2);border:none;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;}
.btn-primary{background:var(--teal);color:#041a0f;}.btn-primary:hover,.btn-primary:active{background:#0ee3a1;transform:translateY(-2px);box-shadow:0 8px 24px rgba(13,202,145,.3);}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--b2);}.btn-outline:hover{background:var(--card2);border-color:var(--teal);}
.btn-ghost{background:transparent;color:var(--t2);border:1px solid var(--b);}.btn-ghost:hover{color:var(--text);background:var(--card);}
.btn-sm{padding:7px 14px;font-size:12px;border-radius:var(--r);}
.btn-danger{background:rgba(240,107,107,.15);color:var(--red);border:1px solid rgba(240,107,107,.3);}.btn-danger:hover{background:var(--red);color:#fff;}
.view{display:none;}.view.active{display:block;}

/* NAV */
nav#topnav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(7,13,26,.92);border-bottom:1px solid var(--b);padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.nav-logo{display:flex;align-items:center;gap:9px;cursor:pointer;flex-shrink:0;}
.nav-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.nav-name{font-family:var(--dis);font-size:17px;font-weight:700;color:var(--text);}
.nav-name span{color:var(--teal);}
.nav-center{position:absolute;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:1px;}
.nav-center.vis{display:flex;}
.nc-tab{padding:8px 12px;border:none;background:transparent;color:var(--t2);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s;position:relative;white-space:nowrap;}
.nc-tab:hover{color:var(--text);}
.nc-tab.active{color:var(--text);}
.nc-tab.active::after{content:'';position:absolute;bottom:-6px;left:12px;right:12px;height:2px;background:var(--teal);border-radius:1px;}
.nc-sep{color:var(--t3);font-size:11px;}
.lock-ico{font-size:9px;opacity:.6;margin-left:2px;}
.nav-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
#sub-nav{position:fixed;top:64px;left:0;right:0;z-index:99;background:rgba(7,13,26,.96);border-bottom:1px solid var(--b);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;height:40px;}
#sub-nav.vis{display:flex;}
#sub-nav button,#sub-nav a{flex:1;padding:0 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--t2);font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;}
#sub-nav button.active,#sub-nav a.active{color:var(--text);border-bottom-color:var(--teal);}
@media(min-width:701px){.nav-center.vis{display:flex;}#sub-nav{display:none!important;}}
@media(max-width:700px){.nav-center{display:none!important;}body.has-snav #view-dash,body.has-snav #view-painel,body.has-snav #view-admin{padding-top:106px!important;}body.has-snav #hero{padding-top:104px!important;}body.has-snav #view-roadmap .rm-page{padding-top:136px!important;}}

/* SECTIONS */
section{padding:88px 0;position:relative;z-index:1;}
.stag{display:inline-block;font-size:11px;font-weight:700;color:#0d1626;background:#0dca91;padding:2px 8px;border-radius:3px;letter-spacing:.3px;margin-bottom:11px;}
.stitle{font-family:var(--dis);font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.5px;margin-bottom:11px;color:#e8f0f8;}
.ssub{font-size:15px;color:var(--t2);max-width:560px;line-height:1.65;margin-bottom:44px;}

/* HERO */
#hero{min-height:100vh;display:flex;align-items:center;padding-top:64px;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding:52px 0 68px;}
.htitle{font-family:var(--dis);font-size:clamp(34px,5vw,54px);font-weight:800;line-height:0.80;letter-spacing:-.8px;margin-bottom:18px;color:#e8f0f8;}
.hi{color:var(--teal);display:inline-block;position:relative;}
.hi::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),#5ca4fa);border-radius:2px;}
.hsub{font-size:16px;color:var(--t2);line-height:1.7;max-width:460px;margin-bottom:26px;}
.hbtns{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:28px;}
.hstats{display:flex;border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;}
.hstat{flex:1;padding:12px 14px;border-right:1px solid var(--b);}.hstat:last-child{border-right:none;}
.hstat-v{font-family:var(--mono);font-size:17px;font-weight:500;color:var(--teal);}
.hstat-l{font-size:10px;color:var(--t4);text-transform:uppercase;letter-spacing:.7px;margin-top:1px;}
.hero-right{display:flex;flex-direction:column;gap:10px;}
.htag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#0d1626;background:#0dca91;padding:2px 10px;border-radius:3px;letter-spacing:.3px;}
.htag-dot{display:none;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* WHITE MOCKUP */
.mockup{background:#fff;border:1px solid rgba(13,202,145,.15);border-radius:var(--r3);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3);}
.mockup:hover{box-shadow:0 20px 56px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);}
.mk-hdr{background:#0d1626;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;}
.mk-logo{display:flex;align-items:center;gap:6px;}
.mk-li{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--teal),#0a8f64);display:flex;align-items:center;justify-content:center;font-size:10px;}
.mk-ln{font-family:var(--dis);font-size:11px;font-weight:700;color:#fff;}
.mk-nw{font-family:var(--mono);font-size:13px;color:var(--teal);}
.mk-ch-hdr{background:#f4f8ff;padding:7px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4ecf8;}
.mk-cht{font-size:9px;font-weight:700;color:#1a2d4a;text-transform:uppercase;letter-spacing:.6px;}
.mk-leg{display:flex;align-items:center;gap:10px;}
.mk-leg-i{display:flex;align-items:center;gap:4px;font-size:8px;color:#4a6a8a;}
.mk-ld{width:14px;height:2px;border-radius:2px;display:inline-block;}
.mk-svg{background:#fff;padding:7px 13px 3px;}
.mk-foot{display:grid;grid-template-columns:repeat(4,1fr);background:#f0f5ff;border-top:1px solid #e2eaf8;}
.mk-fs{padding:8px 6px;text-align:center;border-right:1px solid #e2eaf8;}.mk-fs:last-child{border-right:none;}
.mk-fsl{font-size:7px;color:#6b8aaa;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;}
.mk-fsv{font-family:var(--mono);font-size:10px;font-weight:500;}

/* FEATURES TABS */
.ftabs-wrap{display:flex;gap:6px;background:var(--sf);border:1px solid var(--b);border-radius:var(--r2);padding:5px;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.ftabs-wrap::-webkit-scrollbar{display:none;}
.ftab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 14px;border-radius:var(--r);border:none;background:transparent;color:var(--t2);font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap;}
@media(min-width:701px){.ftab{flex:1;min-width:100px;}}
.ftab:hover{background:var(--card);color:var(--text);}
.ftab.at{background:rgba(13,202,145,.12);color:var(--teal);box-shadow:inset 0 0 0 1px rgba(13,202,145,.2);}
.ftab.ab{background:rgba(13,202,145,.12);color:var(--teal);box-shadow:inset 0 0 0 1px rgba(13,202,145,.2);}
.ftab.ap{background:rgba(13,202,145,.12);color:var(--teal);box-shadow:inset 0 0 0 1px rgba(13,202,145,.2);}
.ftab.ag{background:rgba(13,202,145,.12);color:var(--teal);box-shadow:inset 0 0 0 1px rgba(13,202,145,.2);}
.fpanel{display:none;}.fpanel.active{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;animation:fi .25s ease;}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ft h3{font-family:var(--dis);font-size:21px;font-weight:700;margin-bottom:9px;}
.ft p{color:var(--t2);line-height:1.7;margin-bottom:16px;font-size:14px;}
.flist{list-style:none;display:flex;flex-direction:column;gap:9px;}
.flist li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--t2);}
.fck{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;margin-top:1px;font-weight:700;}
.fvis{background:var(--card);border-radius:var(--r2);padding:18px;min-height:270px;display:flex;flex-direction:column;gap:8px;}
.fvis.bt,.fvis.bb,.fvis.bp,.fvis.bg{border:1px solid rgba(13,202,145,.3);}

/* DEMO SECTION */
#demo-section{background:linear-gradient(180deg,transparent,rgba(13,202,145,.02),transparent);}
.demo-outer{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;max-height:460px;}
.demo-panel{display:none;background:var(--bg);overflow-y:auto;max-height:460px;}
.demo-panel.active{display:block;}
.demo-panel.run .da{animation:dIn .4s ease forwards;}
.demo-panel.run .da:nth-child(1){animation-delay:.05s;}.demo-panel.run .da:nth-child(2){animation-delay:.15s;}
.demo-panel.run .da:nth-child(3){animation-delay:.25s;}.demo-panel.run .da:nth-child(4){animation-delay:.35s;}
.demo-panel.run .da:nth-child(5){animation-delay:.45s;}.demo-panel.run .da:nth-child(6){animation-delay:.55s;}
.demo-panel.run .da:nth-child(7){animation-delay:.65s;}.demo-panel.run .da:nth-child(8){animation-delay:.75s;}
.da{opacity:0;transform:translateY(10px);}
@keyframes dIn{to{opacity:1;transform:translateY(0)}}
.demo-path{stroke-dasharray:600;stroke-dashoffset:600;}
.demo-panel.run .demo-path{animation:dPath 2.5s ease .3s forwards;}
@keyframes dPath{to{stroke-dashoffset:0}}
.dpbar{width:0;border-radius:4px;height:100%;transition:width 0s;}
.demo-panel.run .dpbar{transition:width 1.5s cubic-bezier(.2,0,.2,1);}

/* Panel chrome in demos */
.dp-hdr{background:var(--sf);border-bottom:1px solid var(--b);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;}
.dp-nav{display:flex;gap:3px;background:var(--bg);margin:8px;padding:3px;border-radius:var(--r);border:1px solid var(--b);}
.dp-tab{flex:1;padding:5px 3px;border-radius:6px;font-size:9px;text-align:center;color:var(--t3);}
.dp-tab.a{background:var(--card2);color:var(--teal);font-weight:700;}
.dp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 8px 8px;}
.dp-kpi{background:var(--card);border:1px solid var(--b);border-radius:8px;padding:8px 10px;}
.dp-kl{font-size:8px;color:var(--t4);text-transform:uppercase;letter-spacing:.5px;}
.dp-kv{font-family:var(--mono);font-size:12px;font-weight:500;margin-top:2px;}
.dp-panel{background:var(--card);border:1px solid var(--b);border-radius:8px;margin:0 8px 8px;padding:10px;}
.dp-pt{font-size:9px;color:var(--t2);font-weight:600;margin-bottom:7px;text-transform:uppercase;letter-spacing:.4px;}
.dp-tx{display:flex;align-items:center;gap:7px;padding:6px 10px;border-bottom:1px solid var(--b);}
.dp-tx:last-child{border-bottom:none;}
.dp-ico{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;}
.dp-tn{font-size:10px;font-weight:600;}.dp-tm{font-size:9px;color:var(--t3);}
.dp-ta{font-family:var(--mono);font-size:10px;font-weight:500;}
.dp-badge{font-size:8px;padding:1px 5px;border-radius:10px;font-weight:600;}

/* TX form animation */
.tx-demo-form{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .35s ease;}
.tx-demo-form.open{max-height:280px;opacity:1;}
.tx-demo-form.closing{max-height:0;opacity:0;}
.tx-ff{opacity:0;transition:opacity .3s ease;}
.tx-ff.filled{opacity:1;}
.tx-save-btn.pulsing{animation:btnPulse .5s ease 2;}
@keyframes btnPulse{50%{transform:scale(1.04);box-shadow:0 0 20px rgba(13,202,145,.6);}}
.tx-new-row{opacity:0;transform:translateX(-14px);transition:all .45s ease;background:rgba(13,202,145,.04)!important;}
.tx-new-row.appeared{opacity:1;transform:translateX(0);}

/* PRICING */
.ptog{display:inline-flex;background:var(--sf);border:1px solid var(--b2);border-radius:var(--r2);padding:4px;gap:2px;margin-bottom:40px;}
.ptog-btn{padding:8px 18px;border-radius:var(--r);border:none;background:transparent;color:var(--t2);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;position:relative;}
.ptog-btn.active{background:var(--card2);color:var(--text);}
.ptog-save{position:absolute;top:-8px;right:-4px;background:var(--teal);color:#041a0f;font-size:9px;font-weight:700;padding:1px 5px;border-radius:20px;}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:16px;justify-content:center;}
.plan{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:24px;display:flex;flex-direction:column;gap:14px;transition:all .3s;position:relative;opacity:.65;}
.plan:hover{opacity:1;}
.plan.pm{border:1px solid var(--b);}
.plan.ps{border:1px solid var(--b);}
.plan.pa{border:1px solid var(--teal);}
.plan.sel{opacity:1;transform:translateY(0);box-shadow:0 0 0 1px var(--teal),0 10px 28px rgba(0,0,0,.25);}
.plan.pa.sel{box-shadow:0 0 0 1px var(--teal),0 10px 28px rgba(13,202,145,.12);}
.plan.pm.sel{box-shadow:0 0 0 1px var(--blue),0 10px 28px rgba(92,164,250,.12);}
.plan.ps.sel{box-shadow:0 0 0 1px var(--gold),0 10px 28px rgba(244,168,50,.1);}
.pop-bdg{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--teal);color:#041a0f;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;white-space:nowrap;display:flex;align-items:center;gap:4px;}
.plan-name{font-family:var(--dis);font-size:17px;font-weight:700;}
.plan-desc{font-size:12px;color:var(--t2);}
.plan-pm{font-family:var(--mono);font-size:34px;font-weight:500;}
.plan-pp{font-size:13px;color:var(--t4);padding-bottom:4px;}
.plan-total{font-size:11px;color:var(--t4);margin-top:1px;}
.plan-save{display:inline-flex;align-items:center;gap:4px;background:var(--td);color:var(--teal);border:1px solid rgba(13,202,145,.25);border-radius:20px;font-size:11px;font-weight:600;padding:2px 9px;margin-top:2px;}
.plan-feats{list-style:none;display:flex;flex-direction:column;gap:7px;flex:1;}
.plan-feats li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--t2);}
.plan-feats li.extra{color:var(--text);}
.plan-ck{flex-shrink:0;font-size:12px;display:inline-flex;align-items:center;padding-top:1px;}

/* POR QUÊ */
.pq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.pq-card{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:26px;transition:all .22s;}
.pq-card:hover{border-color:var(--b2);transform:translateY(-4px);}
.pq-icon{width:48px;height:48px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.pq-card h3{font-family:var(--dis);font-size:16px;font-weight:700;margin-bottom:8px;}
.pq-card p{font-size:14px;color:var(--t2);line-height:1.65;}

/* TESTIMONIALS */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.testi{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:22px;transition:all .2s;position:relative;overflow:hidden;}
.testi::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;}
.t1::before{background:linear-gradient(180deg,var(--teal),transparent);}
.t2::before{background:linear-gradient(180deg,var(--gold),transparent);}
.t3::before{background:linear-gradient(180deg,var(--blue),transparent);}
.testi:hover{transform:translateY(-3px);border-color:var(--b2);}
.testi-stars{color:var(--gold);font-size:12px;margin-bottom:10px;letter-spacing:2px;}
.testi-txt{font-size:13px;color:var(--t2);line-height:1.65;margin-bottom:13px;font-style:italic;}
.testi-author{display:flex;align-items:center;gap:9px;}
.tav{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.tav1{background:linear-gradient(135deg,var(--teal),#0a8f64);color:#041a0f;}
.tav2{background:linear-gradient(135deg,var(--gold),#c47a09);color:#041a0f;}
.tav3{background:linear-gradient(135deg,var(--blue),#2a6fd4);color:#fff;}
.tname{font-size:13px;font-weight:600;color:#e8f0f8;}.trole{font-size:11px;color:var(--t4);}

/* CTA BOX */
.cta-box{background:linear-gradient(135deg,rgba(13,202,145,.09),rgba(92,164,250,.06));border:1px solid rgba(13,202,145,.2);border-radius:var(--r3);padding:56px 40px;text-align:center;position:relative;overflow:hidden;}
.cta-box::before{content:'';position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(13,202,145,.07),transparent);}

/* FOOTER */
footer{position:relative;z-index:1;border-top:1px solid var(--b);padding:40px 24px 24px;}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:28px;}
.fcol-t{font-family:var(--dis);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--t4);margin-bottom:12px;}
.flinks{list-style:none;display:flex;flex-direction:column;gap:7px;}
.flinks a{font-size:13px;color:var(--t3);text-decoration:none;transition:color .15s;}
.flinks a:hover{color:var(--teal);}
.fbot{border-top:1px solid var(--b);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.fbot p{font-size:11px;color:var(--t4);}
.fadmin{font-size:11px;color:var(--t3);opacity:.5;cursor:pointer;background:none;border:1px solid transparent;border-radius:var(--r);padding:5px 10px;font-family:var(--sans);transition:all .2s;}
.fadmin:hover{opacity:1;color:var(--gold);border-color:rgba(244,168,50,.3);background:rgba(244,168,50,.08);}

/* MODALS */
.overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:16px;}
.modal{background:var(--card);border:1px solid var(--b2);border-radius:var(--r2);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;}
.mhdr{padding:22px 24px 14px;border-bottom:1px solid var(--b);}
.mhdr h2{font-family:var(--dis);font-size:17px;font-weight:700;}
.mhdr p{font-size:13px;color:var(--t2);margin-top:4px;}
.mbody{padding:20px 24px;display:flex;flex-direction:column;gap:13px;}
.fg{display:flex;flex-direction:column;gap:4px;}
.fg label{font-size:11px;color:var(--t2);text-transform:uppercase;letter-spacing:.5px;}
.fg input,.fg select,.fg textarea{background:var(--sf);border:1px solid var(--b2);border-radius:var(--r);color:var(--text);font-family:var(--sans);font-size:13px;padding:9px 13px;outline:none;transition:border-color .15s;width:100%;-webkit-appearance:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,202,145,.1);}
.fg select option{background:var(--card2);}
.ferr{font-size:12px;color:var(--red);display:none;}.ferr.show{display:block;}
.fdiv{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--t3);}
.fdiv::before,.fdiv::after{content:'';flex:1;height:1px;background:var(--b);}

/* VIEWS */
#view-dash{padding:80px 0 48px;min-height:100vh;position:relative;z-index:1;}
.dalert{border-radius:var(--r);padding:13px 16px;margin-bottom:18px;font-size:13px;font-weight:500;}
.aw{background:rgba(244,168,50,.12);border:1px solid rgba(244,168,50,.3);color:var(--gold);}
.ad{background:rgba(240,107,107,.12);border:1px solid rgba(240,107,107,.3);color:var(--red);}
.as{background:var(--td);border:1px solid rgba(13,202,145,.28);color:var(--teal);}
.dcards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;}
.dcard{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:20px;}
.dcard-l{font-size:10px;color:var(--t2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px;}
.dcard-v{font-family:var(--mono);font-size:17px;font-weight:500;}
.dcard-s{font-size:12px;color:var(--t3);margin-top:3px;}
#view-painel{padding-top:64px;position:relative;z-index:1;}
.panel-wrap{position:relative;height:calc(100vh - 64px);overflow:hidden;}
body.has-snav .panel-wrap{height:calc(100vh - 104px);}
#painel-frame{width:100%;height:100%;border:none;opacity:0;transition:opacity .3s;}
#painel-frame.rdy{opacity:1;}
.frame-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:40px;z-index:5;}
#plan-gate{position:absolute;inset:0;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(7,13,26,.8);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;}
.gate-box{background:var(--card);border:1px solid var(--b2);border-radius:var(--r3);padding:32px 26px;max-width:480px;width:100%;text-align:center;}
.gate-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 18px;}
.gplan{background:var(--sf);border:1px solid var(--b);border-radius:var(--r2);padding:16px 10px;cursor:pointer;transition:all .18s;text-align:center;}
.gplan:hover,.gplan.gpop{border-color:var(--teal);background:rgba(13,202,145,.07);}
.gplan-name{font-family:var(--dis);font-size:13px;font-weight:700;margin-bottom:4px;}
.gplan-p{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--teal);}
.gplan-per{font-size:10px;color:var(--t3);}

/* ADMIN */
#view-admin{padding:80px 0 48px;min-height:100vh;position:relative;z-index:1;}
.atabs{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap;}
.atab{padding:7px 14px;border-radius:20px;border:1px solid var(--b2);background:transparent;color:var(--t2);font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;}
.atab:hover{background:var(--card2);color:var(--text);}
.atab.active{background:rgba(244,168,50,.12);border-color:var(--gold);color:var(--gold);}
.apc{display:none;}.apc.active{display:block;}
.asec{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:20px;margin-bottom:14px;}
.asec-t{font-family:var(--dis);font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--b);}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.agrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.atable{width:100%;border-collapse:collapse;}
.atable th{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;padding:7px 11px;text-align:left;background:var(--sf);border-bottom:1px solid var(--b);}
.atable td{font-size:12px;padding:9px 11px;border-bottom:1px solid var(--b);vertical-align:middle;}
.atable tr:last-child td{border-bottom:none;}.atable tr:hover td{background:var(--card2);}
.bdg{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;}
.bdg-ok{background:none;color:var(--teal);font-family:var(--mono);}.bdg-ex{background:none;color:var(--red);font-family:var(--mono);}
.bdg-wn{background:rgba(244,168,50,.15);color:var(--gold);}.bdg-no{background:var(--b2);color:var(--t2);}

/* TOASTS */
.tw-wrap{position:fixed;bottom:20px;right:16px;z-index:999;display:flex;flex-direction:column;gap:5px;}
.toast{padding:10px 14px;border-radius:var(--r);font-size:13px;font-weight:500;transform:translateX(120%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);max-width:270px;}
.toast.show{transform:translateX(0);}
.ts{background:var(--teal);color:#041a0f;}.te{background:var(--red);color:#fff;}.ti{background:var(--blue);color:#fff;}.tw2{background:var(--gold);color:#041a0f;}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--card2);border-radius:3px;}

/* MOBILE */
@media(max-width:900px){.fpanel.active{grid-template-columns:1fr;}.fvis{min-height:auto;}.testis{grid-template-columns:1fr;}.plans{grid-template-columns:1fr;max-width:420px;margin:0 auto;}.agrid,.agrid3{grid-template-columns:1fr;}.atable th,.atable td{padding:6px 8px;font-size:11px;}.gate-plans{grid-template-columns:1fr;}.pq-grid{grid-template-columns:1fr;}}
@media(max-width:680px){.cnt{padding:0 16px;}nav#topnav{padding:0 14px;}section{padding:60px 0;}#hero{padding-top:64px;}.hero-grid{grid-template-columns:1fr;gap:28px;padding:32px 0 48px;}.hero-right{order:-1;}.htag-wrap{justify-content:center;}.mockup{transform:none;animation:none;}.mockup:hover{transform:none;}.hstats{display:grid;grid-template-columns:1fr 1fr;}.hstat:nth-child(2){border-right:1px solid var(--b);}.hstat:nth-child(3),.hstat:nth-child(4){border-top:1px solid var(--b);}.hstat:nth-child(4){border-right:none;}.stitle{font-size:22px;}.cta-box{padding:36px 18px;}.fgrid{grid-template-columns:1fr;gap:16px;}.dcards{grid-template-columns:1fr;}.hbtns{gap:8px;}.hbtns .btn{flex:1;font-size:13px;padding:10px 12px;}.mk-foot{grid-template-columns:1fr 1fr;}.mk-fs:nth-child(2){border-right:none;}.mk-fs:nth-child(3),.mk-fs:nth-child(4){border-top:1px solid #e2eaf8;}.plans{max-width:100%;}}
@media(max-width:400px){.plan,.testi{padding:18px 14px;}}

/* EARLY ADOPTER SECTION */
.early-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.early-card{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);padding:26px;transition:all .22s;}
.early-card:hover{border-color:var(--b2);transform:translateY(-4px);}
.early-icon{width:48px;height:48px;border-radius:var(--r2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.early-card h3{font-family:var(--dis);font-size:16px;font-weight:700;margin-bottom:8px;}
.early-card p{font-size:14px;color:var(--t2);line-height:1.65;}
@media(max-width:900px){.early-grid{grid-template-columns:1fr;}}

/* FAQ SECTION */
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:760px;}
.faq-item{background:var(--card);border:1px solid var(--b);border-radius:var(--r2);overflow:hidden;transition:border-color .2s;}
.faq-item[open]{border-color:rgba(13,202,145,.3);}
.faq-q{font-size:15px;font-weight:600;padding:18px 22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::after{content:'＋';font-size:18px;color:var(--teal);flex-shrink:0;transition:transform .2s;font-weight:300;}
.faq-item[open] .faq-q::after{transform:rotate(45deg);}
.faq-q:hover{color:var(--teal);}
.faq-a{padding:0 22px 18px;font-size:14px;color:var(--t2);line-height:1.7;margin:0;}

/* ══ VIEW TRANSITIONS (cross-document) ══ */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto;}

  /* Navbar fica parada — só o conteúdo principal anima */
  main,#hero,section,.cnt{view-transition-name:none;}
  .page-main{view-transition-name:page-content;}

  /* Duração e easing globais */
  ::view-transition-group(root){
    animation-duration:.35s;
    animation-timing-function:cubic-bezier(.4,0,.2,1);
  }

  /* Landing saindo: fade + leve subida */
  @keyframes vt-fade-out{
    from{opacity:1;transform:translateY(0);}
    to{opacity:0;transform:translateY(-12px);}
  }
  /* Página nova entrando: fade + leve subida */
  @keyframes vt-fade-in{
    from{opacity:0;transform:translateY(14px);}
    to{opacity:1;transform:translateY(0);}
  }

  ::view-transition-old(root){animation-name:vt-fade-out;}
  ::view-transition-new(root){animation-name:vt-fade-in;}
}

.ti{font-style:normal;line-height:1;vertical-align:middle;display:inline-block;background:none!important;border:none!important;padding:0!important;}
.ftab .ti,.dtab .ti{font-size:16px;color:var(--t2);}
.ftab.active .ti,.ftab.at .ti,.dtab.active .ti,.dtab.at .ti{color:var(--teal);}
.early-icon .ti{font-size:24px;}
.nav-icon .ti{font-size:16px;color:#0dca91;}

/* ═══ ROADMAP VIEW ═══ */
#view-roadmap .rm-page { padding-top: 96px; padding-bottom: 80px; }

#view-roadmap .rm-hero { padding: 52px 0 44px; }
#view-roadmap .rm-hero-title { font-family: var(--dis); font-size: clamp(32px,5vw,50px); font-weight: 800; line-height: 1.12; letter-spacing: -.6px; margin-bottom: 14px; color: #e8f0f8; }
#view-roadmap .rm-hero-title span { color: var(--teal); }
#view-roadmap .rm-hero-sub { font-size: 15px; color: var(--t2); line-height: 1.7; max-width: 520px; }

#view-roadmap .rm-mvp-bar { display: flex; align-items: center; gap: 14px; background: rgba(244,168,50,.08); border: 1px solid rgba(244,168,50,.22); border-radius: var(--r2); padding: 14px 20px; margin-bottom: 52px; }
#view-roadmap .rm-mvp-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: rm-gpulse 2s ease-in-out infinite; flex-shrink: 0; }
@keyframes rm-gpulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(.7); } }
#view-roadmap .rm-mvp-txt { flex: 1; }
#view-roadmap .rm-mvp-l { font-size: 10px; font-family: var(--mono); color: var(--gold); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 2px; }
#view-roadmap .rm-mvp-d { font-family: var(--dis); font-size: 15px; font-weight: 700; color: var(--text); }
#view-roadmap .rm-mvp-badge { font-size: 11px; font-family: var(--mono); background: rgba(244,168,50,.1); border: 1px solid rgba(244,168,50,.25); color: var(--gold); border-radius: 20px; padding: 3px 11px; flex-shrink: 0; }

#view-roadmap .rm-phase { margin-bottom: 48px; }
#view-roadmap .rm-ph-hdr { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
#view-roadmap .rm-ph-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
#view-roadmap .rm-ph1 .rm-ph-dot { background: var(--teal); }
#view-roadmap .rm-ph2 .rm-ph-dot { background: var(--blue); }
#view-roadmap .rm-ph3 .rm-ph-dot { background: var(--gold); }
#view-roadmap .rm-ph-tag { font-size: 10px; font-family: var(--mono); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 2px; }
#view-roadmap .rm-ph1 .rm-ph-tag { color: var(--teal); }
#view-roadmap .rm-ph2 .rm-ph-tag { color: var(--blue); }
#view-roadmap .rm-ph3 .rm-ph-tag { color: var(--gold); }
#view-roadmap .rm-ph-title { font-family: var(--dis); font-size: 19px; font-weight: 700; color: var(--text); }
#view-roadmap .rm-ph-period { font-size: 11px; color: var(--t3); font-family: var(--mono); }

#view-roadmap .rm-feats { display: flex; flex-direction: column; gap: 8px; padding-left: 22px; }
#view-roadmap .rm-fc { background: var(--card); border: 1px solid var(--b); border-radius: var(--r2); padding: 16px 18px; display: flex; align-items: center; gap: 14px; transition: border-color .2s, background .2s; }
#view-roadmap .rm-fc:hover { border-color: var(--b2); background: var(--card2); }
#view-roadmap .rm-fc-ico { font-size: 19px; width: 34px; text-align: center; flex-shrink: 0; }
#view-roadmap .rm-fc-body { flex: 1; }
#view-roadmap .rm-fc-name { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 3px; font-family: var(--dis); }
#view-roadmap .rm-fc-desc { font-size: 12px; color: var(--t2); line-height: 1.55; }
#view-roadmap .rm-fc-right { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex-shrink: 0; }
#view-roadmap .rm-fc-date { font-size: 11px; font-family: var(--mono); color: var(--t3); white-space: nowrap; }

#view-roadmap .rm-ph-div { border: none; border-top: 1px solid var(--b); margin: 0 0 48px; }

#view-roadmap .rm-vote-card { background: var(--card); border: 1px solid var(--b); border-radius: var(--r2); padding: 28px; text-align: center; margin-top: 40px; }
#view-roadmap .rm-vote-card h3 { font-family: var(--dis); font-size: 17px; font-weight: 700; margin-bottom: 8px; }
#view-roadmap .rm-vote-card p { font-size: 13px; color: var(--t2); margin-bottom: 20px; line-height: 1.6; }

#view-roadmap .rm-foot { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--b); text-align: center; font-size: 12px; color: var(--t3); line-height: 1.7; }
#view-roadmap .rm-foot strong { color: var(--t2); }

@media (max-width: 560px) {
  #view-roadmap .rm-fc { flex-wrap: wrap; gap: 10px; }
  #view-roadmap .rm-fc-right { flex-direction: row; align-items: center; }
  #view-roadmap .rm-mvp-bar { flex-wrap: wrap; }
  #view-roadmap .rm-feats { padding-left: 0; }
}