:root{
  --bg:#0A0713; --bg2:#0F0B1C; --panel:#151129; --card:#191331; --card2:#1E1533;
  --line:#2A2340; --line2:#372E50; --white:#F4F5FA; --mut:#8A8D9F; --mut2:#5E6173;
  --accent:#8B5CF6; --accent-rgb:139,92,246; --accent-soft:rgba(139,92,246,.14); --accent-glow:rgba(139,92,246,.45);
  --green:#27C281; --green-soft:rgba(39,194,129,.15);
  --amber:#F2A93B; --amber-soft:rgba(242,169,59,.15);
  --blue:#A987FF; --blue-soft:rgba(169,135,255,.15);
  --radius:16px; --radius-lg:22px; --shadow:0 12px 40px rgba(0,0,0,.45); --maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  background:radial-gradient(1200px 700px at 82% -12%,var(--accent-soft),transparent 60%),var(--bg);
  color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
.mono{font-variant-numeric:tabular-nums}
.accentc{color:var(--accent)}
/* ===== TOP NAV ===== */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;
  padding:11px 20px;background:rgba(10,10,14,.74);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;cursor:pointer;flex:0 0 auto}
.brand .mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#5B21B6);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;box-shadow:0 4px 14px var(--accent-glow);transition:.3s}
.brand .bn{font-weight:800;font-size:16px;letter-spacing:-.2px}
.brand .bt{font-size:10px;color:var(--mut);font-weight:500;margin-top:-3px;letter-spacing:.2px}
.switcher{display:flex;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:4px;margin:0 auto}
.switcher button{background:none;border:none;color:var(--mut);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;transition:.18s;white-space:nowrap;font-family:inherit}
.switcher button:hover{color:var(--white)}
.switcher button.on{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}
.brandtoggle{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brandtoggle .lbl{font-size:11px;color:var(--mut)}
.bpill{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;transition:.18s}
.bpill:hover{border-color:var(--accent)}
.bpill .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);transition:.3s}
.bpill .sw{color:var(--mut);font-weight:500;font-size:15px;line-height:1}
.surface{display:none;animation:fade .4s ease}
.surface.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.tagpill{display:inline-flex;align-items:center;gap:7px;background:var(--accent-soft);border:1px solid var(--accent-glow);color:var(--white);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent)}
h1,h2,h3{letter-spacing:-.5px;line-height:1.12}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:.18s;box-shadow:0 6px 22px var(--accent-glow)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}
.btn.ghost{background:transparent;border:1px solid var(--line2);box-shadow:none;color:var(--white)}
.btn.ghost:hover{border-color:var(--white);background:rgba(255,255,255,.04)}
.btn.sm{padding:10px 16px;font-size:13px}
/* ===== LANDING ===== */
.hero{padding:74px 0 56px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.hero h1{font-size:52px;font-weight:800;margin:20px 0 18px}
.hero h1 .hl{color:var(--accent)}
.hero .lead{font-size:18px;color:var(--mut);max-width:540px;margin-bottom:30px}
.hero .ctas{display:flex;gap:13px;flex-wrap:wrap}
.hero .micro{margin-top:22px;font-size:12.5px;color:var(--mut2)}
.herovis{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.herovis:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 80% 0,var(--accent-soft),transparent)}
.hv-head{display:flex;align-items:center;gap:9px;margin-bottom:16px;position:relative}
.hv-head .d{width:10px;height:10px;border-radius:50%;background:var(--green)}
.hv-head .t{font-size:12px;color:var(--mut);font-weight:600}
.hv-flow{display:flex;flex-direction:column;gap:11px;position:relative}
.hv-node{display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 15px}
.hv-node .ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.hv-node .nm{font-size:13.5px;font-weight:700}
.hv-node .ds{font-size:11.5px;color:var(--mut);margin-top:1px}
.hv-arrow{text-align:center;color:var(--mut2);font-size:15px;margin:-4px 0}
.hv-split{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.hv-out{background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:11px 9px;text-align:center}
.hv-out .em{font-size:18px}.hv-out .ot{font-size:10.5px;font-weight:700;margin-top:4px}.hv-out .os{font-size:9.5px;color:var(--mut)}
.statstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 4px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.statstrip .s .big{font-size:32px;font-weight:800;letter-spacing:-1px}
.statstrip .s .lb{font-size:12.5px;color:var(--mut);margin-top:3px}
.section{padding:72px 0}
.sec-head{text-align:center;max-width:680px;margin:0 auto 46px}
.sec-head h2{font-size:38px;font-weight:800;margin:12px 0 14px}
.sec-head p{font-size:16px;color:var(--mut)}
.audience3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.acard{background:linear-gradient(170deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;transition:.2s}
.acard:hover{transform:translateY(-4px);border-color:var(--accent)}
.acard .ah{width:50px;height:50px;border-radius:13px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}
.acard h3{font-size:20px;font-weight:700;margin-bottom:6px}
.acard .who{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.acard ul{list-style:none;margin-top:14px}
.acard li{font-size:13.5px;color:var(--mut);padding:7px 0 7px 22px;position:relative;border-top:1px solid var(--line)}
.acard li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}
.howit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:relative}
.step .n{counter-increment:step;font-size:13px;font-weight:800;color:var(--accent);margin-bottom:10px}
.step .n:before{content:counter(step)}
.step h4{font-size:15px;font-weight:700;margin-bottom:6px}
.step p{font-size:13px;color:var(--mut)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.2s}
.fcard:hover{border-color:var(--line2);transform:translateY(-3px)}
.fcard .fi{font-size:22px;margin-bottom:12px}
.fcard h4{font-size:16px;font-weight:700;margin-bottom:6px}
.fcard p{font-size:13px;color:var(--mut)}
.compare{background:linear-gradient(160deg,var(--card2),var(--bg2));border:1px solid var(--line2);border-radius:var(--radius-lg);padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.compare h2{font-size:30px;font-weight:800;margin-bottom:14px}
.compare p{font-size:15px;color:var(--mut);margin-bottom:10px}
.compare .quote{font-size:17px;font-style:italic;color:var(--white);border-left:3px solid var(--accent);padding-left:16px;margin-top:18px}
.ctable{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ctable .row{display:grid;grid-template-columns:1.4fr 1fr 1fr;font-size:13px}
.ctable .row>div{padding:13px 14px;border-bottom:1px solid var(--line)}
.ctable .row.hd>div{font-weight:700;font-size:12px;color:var(--mut);background:var(--card)}
.ctable .row .yes{color:var(--green);font-weight:700}
.ctable .row .no{color:var(--mut2)}
.ctable .row .me{color:var(--accent);font-weight:700}
.lfoot{text-align:center;padding:64px 22px 40px;border-top:1px solid var(--line);margin-top:30px}
.lfoot .big{font-size:30px;font-weight:800;max-width:680px;margin:0 auto 22px}
.lfoot .cr{font-size:12px;color:var(--mut2);margin-top:30px}
/* ===== ALUNO / PHONE ===== */
.stage{padding:34px 22px 60px;display:grid;grid-template-columns:1fr 360px;gap:40px;max-width:1040px;margin:0 auto;align-items:start}
.stage-copy{position:sticky;top:90px}
.stage-copy h2{font-size:32px;font-weight:800;margin:14px 0 14px}
.stage-copy p{font-size:15px;color:var(--mut);margin-bottom:16px;max-width:430px}
.minifeat{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}
.minifeat .mi{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto}
.minifeat .mt{font-size:14px;font-weight:700}
.minifeat .md{font-size:12.5px;color:var(--mut)}
.phone{width:360px;height:740px;background:#000;border-radius:42px;padding:11px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 2px #20222e;position:relative;flex:0 0 auto;margin:0 auto}
.phone:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:120px;height:26px;background:#000;border-radius:0 0 16px 16px;z-index:6}
.screen{width:100%;height:100%;background:var(--bg);border-radius:32px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.aheader{display:flex;align-items:center;gap:9px;padding:30px 15px 11px;border-bottom:1px solid var(--line);background:var(--bg)}
.aheader .sq{width:13px;height:13px;border-radius:3px;background:var(--accent)}
.aheader .ttl{font-size:14px;font-weight:700}
.aheader .sub{font-size:10px;color:var(--mut)}
.aheader .pts{margin-left:auto;background:var(--card);border-radius:20px;padding:5px 11px;font-size:11px;font-weight:700;cursor:pointer}
.aheader .pts b{color:var(--accent)}
.amain{flex:1;padding:15px;overflow-y:auto}
.amain::-webkit-scrollbar{width:0}
.amain h2{font-size:18px;font-weight:700;margin-bottom:4px}
.alead{font-size:12.5px;color:var(--mut);margin-bottom:14px;line-height:1.4}
.unit{background:var(--card);border-radius:13px;padding:16px;margin-bottom:10px;cursor:pointer;border:1px solid var(--line);display:flex;align-items:center;gap:12px;transition:.15s}
.unit:active{transform:scale(.99)}
.unit .ico{width:42px;height:42px;border-radius:11px;background:var(--card2);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;font-weight:800;flex:0 0 auto}
.unit h3{font-size:15px;font-weight:700}
.unit p{font-size:11.5px;color:var(--mut);margin-top:2px}
.unit .arr{margin-left:auto;color:var(--mut);font-size:19px}
.mlist{display:flex;flex-direction:column;gap:9px}
.m{background:var(--card);border-radius:12px;padding:11px;display:flex;align-items:center;gap:11px;cursor:pointer;border:1px solid var(--line)}
.m:active{transform:scale(.995)}
.mthumb{width:40px;height:40px;border-radius:9px;background:var(--card2);display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--line);color:var(--accent);position:relative}
.mthumb svg{width:21px;height:21px}
.mthumb .sd{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;border:2px solid var(--card)}
.m .nm{font-size:13.5px;font-weight:600}
.m .insp{font-size:10.5px;color:var(--mut);margin-top:2px}
.m .cat{font-size:10px;color:var(--mut2);margin-top:1px}
.m .st{margin-left:auto;text-align:right}
.m .flag{font-size:9.5px;color:var(--amber);margin-top:2px}
.s-disp{background:var(--green)}.s-verif{background:var(--amber)}.s-manut{background:var(--accent)}
.badge{display:inline-block;font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:6px}
.b-disp{background:var(--green-soft);color:#6fe0ab}.b-verif{background:var(--amber-soft);color:#f6c878}.b-manut{background:var(--accent-soft);color:#c9b8ff}
.abtn{display:block;width:100%;background:var(--accent);color:#fff;border:none;border-radius:11px;padding:13px;font-size:13.5px;font-weight:700;cursor:pointer;margin-top:9px;font-family:inherit;transition:.15s}
.abtn.sec{background:var(--card);border:1px solid var(--line);color:var(--white)}
.abtn:active{transform:scale(.99)}
.back{background:none;border:none;color:var(--mut);font-size:12.5px;cursor:pointer;margin-bottom:11px;padding:0;font-family:inherit}
.belong{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(135deg,var(--card2),var(--bg2));border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:14px}
.belong .be{font-size:20px;flex:0 0 auto}
.belong .bt2{font-size:12.5px;font-weight:700;color:var(--white)}
.belong .bd{font-size:11.5px;color:var(--mut);margin-top:2px;line-height:1.4}
.mphoto{position:relative;width:100%;aspect-ratio:16/10;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 0,var(--card2),var(--bg));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:2px 0 12px}
.mphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mphoto .pico{color:var(--accent)}.mphoto .pico svg{width:46px;height:46px}
.mphoto .pnm{font-size:12.5px;font-weight:700;color:var(--white)}
.mphoto .ph{font-size:9.5px;color:var(--mut2);position:absolute;bottom:7px;right:10px}
.sealrow{display:flex;align-items:center;gap:13px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}
.sealrow .st2{font-size:12px;line-height:1.45}
.sealrow .st2 b{color:var(--accent)}
.video{background:#000;border:1px solid var(--line);border-radius:12px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative;overflow:hidden;margin-top:2px}
.video:before{content:"";position:absolute;inset:0;background:radial-gradient(120px 80px at 50% 40%,var(--accent-soft),transparent)}
.video .play{width:46px;height:46px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;position:relative;box-shadow:0 6px 20px var(--accent-glow)}
.video .vc{font-size:11px;color:var(--mut);position:relative;text-align:center;padding:0 12px}
.infoblk{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 13px;margin:10px 0;font-size:12.5px;line-height:1.5}
.infoblk .ir{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}
.infoblk .ir:last-child{border-bottom:none}
.infoblk .ie{flex:0 0 auto;font-size:15px}
.infoblk b{color:var(--white)}
.infoblk .sublink{color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline}
.micro3{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.mact{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:.15s}
.mact:hover{border-color:var(--accent)}
.mact .me{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}
.mact .mtt{font-size:13.5px;font-weight:700;color:var(--white)}
.mact .mss{font-size:11px;color:var(--mut);margin-top:2px;line-height:1.35}
.field{margin-bottom:11px}
.field label{display:block;font-size:11.5px;color:var(--mut);margin-bottom:5px}
.field textarea,.field input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:10px;color:#fff;font-size:13px;resize:vertical;font-family:inherit}
.check{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--mut);margin-bottom:11px;cursor:pointer}
.check input{width:17px;height:17px;accent-color:var(--accent)}
.gravsel{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}
.gravsel .gv{flex:1;min-width:70px;background:var(--card);border:1px solid var(--line);color:var(--mut);font-size:12px;font-weight:700;padding:9px 6px;border-radius:9px;cursor:pointer;font-family:inherit}
.gravsel .gv.on{border-color:var(--accent);color:var(--white);background:var(--accent-soft)}
.pipe{display:flex;align-items:center;gap:3px;margin:9px 0}
.pipe .st{flex:1;text-align:center;font-size:9px;padding:6px 2px;border-radius:6px;background:var(--card);color:var(--mut)}
.pipe .st.act{background:var(--accent);color:#fff;font-weight:700}
.pipe .st.done{background:var(--green-soft);color:#6fe0ab}
.tk{background:var(--card);border-radius:11px;padding:12px;margin-bottom:9px;border:1px solid var(--line)}
.tk .h{display:flex;justify-content:space-between;align-items:center}
.tk .mn{font-size:13px;font-weight:700}
.tk .meta{font-size:11px;color:var(--mut);margin-top:2px}
.gbox{background:var(--card2);border-radius:12px;padding:16px;margin-bottom:14px;text-align:center;border:1px solid var(--line)}
.gbox .big{font-size:38px;font-weight:800;color:var(--accent)}
.gbox .lb{font-size:11.5px;color:var(--mut)}
.glogo{display:flex;justify-content:center;margin:2px 0 12px}
.rank{display:flex;align-items:center;gap:11px;background:var(--card);border-radius:11px;padding:11px 13px;margin-bottom:7px;border:1px solid var(--line)}
.rank.me{border-color:var(--accent);background:var(--card2)}
.rank .pos{font-size:14px;font-weight:800;color:var(--accent);width:24px}
.rank .rnm{font-size:13px;font-weight:600}
.rank .pp{margin-left:auto;font-size:13px;font-weight:800}
.rank .pp span{color:var(--mut);font-weight:400;font-size:10px}
.prize{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 13px;margin-bottom:9px}
.prize.g1{border-color:rgba(244,206,94,.45);background:linear-gradient(120deg,rgba(244,206,94,.08),var(--card))}
.prize.g2{border-color:rgba(200,206,220,.35)}
.prize.g3{border-color:rgba(200,129,75,.35)}
.prize .pmd{flex:0 0 auto}
.prize .pwhat{font-size:12.5px;font-weight:800}
.prize .pdesc{font-size:11px;color:var(--mut);margin-top:2px;line-height:1.4}
.tabbar{display:flex;border-top:1px solid var(--line);background:var(--bg)}
.tabbar button{flex:1;background:none;border:none;color:var(--mut);padding:11px 4px 14px;font-size:10.5px;cursor:pointer;font-family:inherit}
.tabbar button.on{color:var(--accent);font-weight:700}
.tabbar button .ti{display:block;font-size:16px;margin-bottom:2px}
/* ===== DASHBOARD ===== */
.dash{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 56px)}
.dsidebar{border-right:1px solid var(--line);padding:24px 16px;background:var(--bg2)}
.dsidebar .stit{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mut2);margin:18px 8px 8px}
.dnav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--mut);cursor:pointer;font-weight:600;margin-bottom:2px}
.dnav:hover{background:var(--card);color:var(--white)}
.dnav.on{background:var(--accent-soft);color:var(--white)}
.dnav .di{font-size:16px}
.dsidebar .uchip{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px}
.dsidebar .uchip .un{font-size:13px;font-weight:700}
.dsidebar .uchip .ur{font-size:11px;color:var(--mut)}
.dmain{padding:26px 30px 50px;overflow-x:hidden}
.dhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}
.dhead h2{font-size:25px;font-weight:800}
.dhead .sub{font-size:13px;color:var(--mut);margin-top:4px}
.dhead .live{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--green);font-weight:600}
.dhead .live .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(39,194,129,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(39,194,129,.6)}70%{box-shadow:0 0 0 8px rgba(39,194,129,0)}100%{box-shadow:0 0 0 0 rgba(39,194,129,0)}}
.unitsel{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.unitsel .uc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer}
.unitsel .uc.on{background:var(--accent-soft);border-color:var(--accent);color:var(--white)}
.dunit{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px}
.dunitcard{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:22px;cursor:pointer;transition:.18s}
.dunitcard:hover{border-color:var(--accent);transform:translateY(-3px)}
.dunitcard .dico{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:13px}
.dunitcard h3{font-size:17px;font-weight:700}
.dunitcard .dmeta{font-size:12px;color:var(--mut);margin-top:5px;line-height:1.5}
.dunitcard .durg{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:800;color:#c9b8ff;background:var(--accent-soft);border:1px solid var(--accent);border-radius:7px;padding:5px 9px}
.dunitcard .dok{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;color:#6fe0ab;background:var(--green-soft);border-radius:7px;padding:5px 9px}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.kpi{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:17px}
.kpi .kl{font-size:11.5px;color:var(--mut);font-weight:600}
.kpi .kv{font-size:28px;font-weight:800;margin:8px 0 2px;letter-spacing:-1px}
.kpi .kd{font-size:11px;font-weight:700}
.kpi .kd.up{color:var(--green)}.kpi .kd.down{color:var(--accent)}.kpi .kd.warn{color:var(--amber)}
.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:16px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.pcard .pt{font-size:15px;font-weight:700;margin-bottom:3px}
.pcard .ps{font-size:12px;color:var(--mut);margin-bottom:16px}
.donutwrap{display:flex;align-items:center;gap:20px}
.donut{position:relative;width:130px;height:130px;flex:0 0 auto}
.donut .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut .ctr .dv{font-size:26px;font-weight:800}
.donut .ctr .dl{font-size:10px;color:var(--mut)}
.dleg{display:flex;flex-direction:column;gap:9px}
.dleg .dr{display:flex;align-items:center;gap:9px;font-size:12.5px}
.dleg .dr i{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
.dleg .dr b{margin-left:auto;font-weight:700}
.feed{display:flex;flex-direction:column}
.feedrow{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}
.feedrow:last-child{border-bottom:none}
.feedrow .fe{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex:0 0 auto}
.feedrow .ft2{font-size:13px;font-weight:600}
.feedrow .fmeta{font-size:11px;color:var(--mut);margin-top:1px}
.feedrow .fwhen{margin-left:auto;font-size:11px;color:var(--mut2);white-space:nowrap}
.intent{display:flex;flex-direction:column;gap:10px}
.intentrow{display:flex;align-items:center;gap:12px;padding:11px;background:var(--bg2);border:1px solid var(--line);border-radius:11px}
.intentrow .ib{flex:1}
.intentrow .in{font-size:13px;font-weight:700}
.intentrow .ibar{height:7px;background:var(--card);border-radius:4px;overflow:hidden;margin-top:6px}
.intentrow .ibar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#A987FF);border-radius:4px}
.intentrow .iv{font-size:11.5px;color:var(--mut);margin-top:4px}
.intentrow .reco{flex:0 0 auto;font-size:10.5px;font-weight:700;padding:5px 9px;border-radius:7px;background:var(--green-soft);color:#6fe0ab;text-align:center;max-width:130px}
.dlist{display:flex;flex-direction:column;gap:8px}
.dlistrow{display:flex;align-items:center;gap:11px;padding:10px 12px;background:var(--bg2);border:1px solid var(--line);border-radius:10px}
.dlistrow .nm{font-size:13.5px;font-weight:600}
.dlistrow .meta{font-size:11px;color:var(--mut);margin-top:1px}
.dlistrow .right{margin-left:auto;text-align:right}
/* technician */
.priohdr{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin:18px 0 10px;display:flex;align-items:center;gap:8px;color:var(--mut)}
.queue{display:flex;flex-direction:column;gap:11px}
.qitem{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:15px;transition:.15s}
.qitem.urg{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}
.qitem .prio{width:50px;height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;font-weight:800}
.qitem .prio.p1{background:var(--accent-soft);color:#c9b8ff}
.qitem .prio.p2{background:var(--amber-soft);color:#f6c878}
.qitem .prio .ps{font-size:18px;line-height:1}
.qitem .prio .pl{font-size:8px;letter-spacing:.5px}
.qitem .qmid{flex:1;min-width:0}
.qitem .qm{font-size:14.5px;font-weight:700}
.qitem .qd{font-size:12.5px;color:var(--mut);margin-top:2px}
.qitem .qtags{display:flex;gap:7px;margin-top:7px;flex-wrap:wrap}
.qtag{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--bg2);color:var(--mut);border:1px solid var(--line)}
.qtag.u{color:#c9b8ff}.qtag.r{color:#f6c878}
.qitem .qact{flex:0 0 auto}
.okrow{display:flex;align-items:center;gap:11px;padding:10px 13px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:7px}
.okrow .nm{font-size:13px;font-weight:600}
.okrow .meta{font-size:11px;color:var(--mut)}
.okrow .right{margin-left:auto}
.summ{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:6px 0 16px}
.summ .sc{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center}
.summ .sc .v{font-size:30px;font-weight:800;color:var(--accent)}
.summ .sc .l{font-size:12px;color:var(--mut);margin-top:3px}
/* toast + modal */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0f2a1c;border:1px solid var(--green);color:#bff0d2;padding:13px 20px;border-radius:11px;font-size:13.5px;max-width:90%;box-shadow:0 10px 34px rgba(0,0,0,.5);opacity:0;transition:.28s;z-index:80;text-align:center;pointer-events:none}
.toast.show{opacity:1;bottom:34px}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}.hero h1{font-size:38px}
  .audience3,.howit,.feature-grid{grid-template-columns:1fr}
  .statstrip{grid-template-columns:repeat(2,1fr);gap:22px}
  .compare,.stage,.grid2{grid-template-columns:1fr}
  .kpi-row{grid-template-columns:repeat(2,1fr)}.summ,.dunit{grid-template-columns:1fr}
  .dash{grid-template-columns:1fr}.switcher{display:none}
  .dsidebar{display:flex;flex-direction:row;overflow-x:auto;gap:6px;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}
  .dsidebar .stit,.dsidebar .uchip{display:none}
  .dnav{margin-bottom:0;white-space:nowrap;flex:0 0 auto}
}
/* print mode: expande telas para captura limpa */
body.printmode .phone{height:auto;min-height:600px}
body.printmode .screen{height:auto}
body.printmode .amain{overflow:visible}
body.printmode .stage{align-items:start;grid-template-columns:1fr;justify-items:center;max-width:520px;padding-top:22px}
body.printmode .stage-copy{display:none}
body.printmode .tabbar{position:static}