:root{--dg:#20d7ff;--dg-bg:#020b12;--dg-line:rgba(68,210,255,.2)}
.mdag-home{position:relative;padding:105px 5vw;background:radial-gradient(circle at 80% 10%,rgba(72,65,255,.12),transparent 26%),#020b12;color:#f1fbff;border-top:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);overflow:hidden}.mdag-home:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,214,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,214,255,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.mdag-home>*{position:relative;z-index:2}.mdag-intro{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.mdag-intro>div>span{color:var(--dg);font-size:10px;font-weight:900;letter-spacing:.2em}.mdag-intro h2{font-size:clamp(60px,8vw,125px);line-height:.82;letter-spacing:-.065em;margin:20px 0}.mdag-intro h2 em{font-style:normal;color:var(--dg)}.mdag-intro p{max-width:660px;color:#9bb6c2;font-size:16px;line-height:1.65}.mdag-number{display:flex;align-items:end;gap:12px;padding-bottom:20px}.mdag-number b{font-size:80px;line-height:.8;color:var(--dg)}.mdag-number small{font-size:8px;letter-spacing:.12em;color:#83a6b4}.mdag-marquee{margin:60px -5vw 35px;border-top:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);overflow:hidden}.mdag-marquee div{width:max-content;display:flex;animation:dgmove 24s linear infinite}.mdag-marquee span{padding:15px 30px;color:#6f9bab;font-size:9px;font-weight:900;letter-spacing:.15em}.mdag-marquee span:after{content:" •";color:var(--dg);margin-left:30px}.mdag-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.mdag-filter button{border:1px solid var(--dg-line);background:#061923;color:#9db8c3;padding:11px 14px;font-size:9px;font-weight:900;letter-spacing:.09em;cursor:pointer}.mdag-filter button.active{background:var(--dg);color:#001018}.mdag-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.mdag-tile{grid-column:span 4;background:#061923;border:1px solid var(--dg-line);cursor:pointer;overflow:hidden;transition:.3s}.mdag-tile.t0,.mdag-tile.t4{grid-column:span 8}.mdag-tile:hover{transform:translateY(-6px);border-color:rgba(32,215,255,.55)}.mdag-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#071a24}.mdag-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s}.mdag-tile:hover .mdag-img img{transform:scale(1.025)}.mdag-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(1,10,16,.72);backdrop-filter:blur(2px);opacity:0;transition:.25s;color:#d7f9ff;font-size:10px;font-weight:900;letter-spacing:.13em}.mdag-hover b{font-size:25px;color:var(--dg)}.mdag-tile:hover .mdag-hover{opacity:1}.mdag-tile footer{display:flex;justify-content:space-between;gap:20px;padding:18px 20px}.mdag-tile small{color:var(--dg);font-size:8px;letter-spacing:.13em}.mdag-tile h3{font-size:20px;margin:6px 0 0}.mdag-tile footer p{font-size:8px;color:#7394a1;letter-spacing:.08em;text-align:right}.mdag-placeholder{position:absolute;inset:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mdag-placeholder i{border:1px solid rgba(55,213,255,.16);background:linear-gradient(150deg,rgba(24,213,255,.13),rgba(83,63,255,.05))}.mdag-empty{grid-column:1/-1;padding:70px;border:1px dashed rgba(32,215,255,.3);text-align:center}.mdag-empty b{display:block;font-size:25px;color:#e1faff;margin-bottom:10px}.mdag-empty span{color:#789aa8}
.mdag-lightbox{display:none;position:fixed;inset:0;z-index:1000010;background:#01070c;color:#fff}.mdag-lightbox.open{display:block}.mdag-lightbox *{box-sizing:border-box}.mdag-lightbox header{position:fixed;z-index:4;top:0;left:0;right:0;height:64px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--dg-line);background:rgba(1,7,12,.9);backdrop-filter:blur(16px)}.mdag-lightbox header b{font-size:15px}.mdag-lightbox header b span{color:var(--dg)}.mdag-count{text-align:right;color:#65cde6;font-size:10px;letter-spacing:.15em}.mdag-back,.mdag-controls button{border:0;background:none;color:#85eaff;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.mdag-lightbox main{height:100vh;padding:90px 7vw 30px;display:grid;grid-template-rows:minmax(0,1fr) auto}.mdag-viewer{position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(18,89,115,.13),transparent 60%)}.mdag-viewer img{display:none;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.55)}.mdag-viewer img.ready{display:block}.mdag-viewer img.zoom{max-width:none;max-height:none;width:150%;cursor:zoom-out}.mdag-loading{color:#557c8b;font-size:9px;letter-spacing:.15em}.mdag-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.mdag-caption small{color:var(--dg);font-size:8px;letter-spacing:.13em}.mdag-caption h2{font-size:25px;margin:5px 0}.mdag-caption p{margin:0;color:#7799a7;font-size:9px;letter-spacing:.09em}.mdag-controls{display:flex;gap:8px}.mdag-controls button{border:1px solid var(--dg-line);padding:10px 12px}.mdag-arrow{position:fixed;z-index:6;top:50%;transform:translateY(-50%);width:46px;height:70px;border:1px solid var(--dg-line);background:rgba(5,22,31,.85);color:#a7efff;font-size:34px;cursor:pointer}.mdag-arrow.prev{left:18px}.mdag-arrow.next{right:18px}body.mdag-lock{overflow:hidden!important}@keyframes dgmove{to{transform:translateX(-35%)}}
@media(max-width:850px){.mdag-intro{grid-template-columns:1fr}.mdag-number{display:none}.mdag-wall{display:block}.mdag-tile{margin-bottom:14px}.mdag-lightbox header{grid-template-columns:1fr auto}.mdag-count{display:none}.mdag-lightbox main{padding:80px 50px 20px}.mdag-caption{align-items:flex-start}.mdag-arrow{width:35px;height:55px}.mdag-arrow.prev{left:5px}.mdag-arrow.next{right:5px}}

/* v2.1 — bigger technology identity + cinematic dashboard reveal */
.mdag-techdeck{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:58px 0 34px}
.mdag-techcard{min-height:142px;padding:22px 18px;border:1px solid var(--dg-line);background:linear-gradient(145deg,rgba(8,31,43,.96),rgba(4,17,25,.9));display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center;transition:.3s;overflow:hidden;position:relative}
.mdag-techcard:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;top:-40px;background:rgba(32,215,255,.07);filter:blur(5px)}
.mdag-techcard:hover{transform:translateY(-5px);border-color:rgba(32,215,255,.55);box-shadow:0 16px 45px rgba(0,0,0,.28)}
.mdag-techcard strong{font-size:clamp(17px,1.6vw,25px);letter-spacing:-.02em;align-self:end}
.mdag-techcard small{grid-column:2;color:#6f9dab;font-size:7px;font-weight:900;letter-spacing:.12em;margin-top:5px}
.mdag-logo{grid-row:1/3;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(32,215,255,.3);background:#071b25;color:var(--dg);font-style:normal;font-weight:900}
.mdag-logo.bars{align-items:end;gap:3px;padding:9px}.mdag-logo.bars b{width:6px;background:var(--dg);display:block}.mdag-logo.bars b:nth-child(1){height:12px}.mdag-logo.bars b:nth-child(2){height:20px}.mdag-logo.bars b:nth-child(3){height:27px}.mdag-logo.bars b:nth-child(4){height:34px}
.mdag-logo.py{border-radius:14px 14px 14px 4px;font-size:14px;box-shadow:inset -12px -12px 0 rgba(107,82,255,.16)}
.mdag-logo.db{border-radius:50%;height:38px;margin-top:5px;box-shadow:inset 0 -7px 0 #071b25,0 7px 0 -1px rgba(32,215,255,.25),0 14px 0 -2px rgba(32,215,255,.13)}
.mdag-logo.xl{font-size:23px}.mdag-logo.fx{font-size:20px;font-family:Georgia,serif}
.mdag-magic-transition{position:fixed;z-index:1000009;left:0;top:0;width:100vw;height:100vh;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(32,215,255,.85) 0,rgba(49,93,255,.35) 8%,rgba(1,8,13,.98) 34%,#01070c 65%);clip-path:circle(0 at var(--x,50%) var(--y,50%));transition:clip-path .62s cubic-bezier(.7,0,.2,1),opacity .12s}
.mdag-magic-transition.go{opacity:1;clip-path:circle(150vmax at var(--x,50%) var(--y,50%))}
.mdag-lightbox.reveal main{animation:mdagReveal .65s cubic-bezier(.16,1,.3,1)}
.mdag-lightbox.reveal .mdag-viewer{animation:mdagViewer .7s cubic-bezier(.16,1,.3,1)}
.mdag-lightbox.reveal .mdag-caption{animation:mdagCaption .8s .08s both cubic-bezier(.16,1,.3,1)}
.mdag-viewer:before{content:"DASHBOARD / VISUAL INTELLIGENCE";position:absolute;top:16px;left:18px;color:rgba(101,205,230,.48);font-size:7px;font-weight:900;letter-spacing:.18em;z-index:1}
.mdag-viewer:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(32,215,255,.12);box-shadow:inset 0 0 70px rgba(32,215,255,.025)}
@keyframes mdagReveal{from{opacity:0}to{opacity:1}}@keyframes mdagViewer{from{opacity:0;transform:scale(.91) translateY(28px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes mdagCaption{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:950px){.mdag-techdeck{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.mdag-techdeck{grid-template-columns:1fr}.mdag-techcard{min-height:105px}}

/* v2.2 — performance + readability hotfix */
.mdag-tile footer{padding:22px 22px!important;align-items:flex-end!important}
.mdag-tile footer p{font-size:14px!important;line-height:1.35!important;font-weight:800!important;color:#9feaff!important;letter-spacing:.035em!important;margin:0!important;max-width:48%!important}
.mdag-tile small{font-size:10px!important;font-weight:900!important}
.mdag-tile h3{font-size:24px!important;line-height:1.1!important}
.mdag-tile.mdag-clicked{border-color:var(--dg)!important;box-shadow:0 0 0 1px var(--dg),0 0 42px rgba(32,215,255,.22)!important}
.mdag-tile.mdag-clicked .mdag-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(32,215,255,.25),transparent 58%);animation:mdagFlash .4s ease-out}
@keyframes mdagFlash{from{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}

/* Disable the expensive full-screen clip-path / blur transition from 2.1 */
.mdag-magic-transition{display:none!important}
.mdag-lightbox.fast-reveal{display:block!important;opacity:0;transform:scale(.985);transition:opacity .18s ease-out,transform .24s cubic-bezier(.2,.8,.2,1)}
.mdag-lightbox.fast-reveal.shown,.mdag-lightbox.open.shown{opacity:1;transform:none}
.mdag-lightbox.fast-reveal main,.mdag-lightbox.fast-reveal .mdag-viewer,.mdag-lightbox.fast-reveal .mdag-caption{animation:none!important;filter:none!important}
.mdag-lightbox.open:not(.fast-reveal){opacity:1}
.mdag-viewer img{will-change:auto!important}
.mdag-lightbox{backdrop-filter:none!important}

/* v3 DATA LAB */
.mdag-lab{margin:70px 0 55px;border:1px solid var(--dg-line);background:linear-gradient(145deg,rgba(5,24,34,.98),rgba(2,12,18,.98));padding:34px;position:relative;overflow:hidden}
.mdag-lab:before{content:"DATA LAB / LIVE PIPELINE";position:absolute;right:22px;top:17px;color:rgba(81,215,242,.28);font-size:7px;font-weight:900;letter-spacing:.18em}
.mdag-lab-head{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end}.mdag-lab-head span{color:var(--dg);font-size:9px;font-weight:900;letter-spacing:.18em}.mdag-lab-head h3{font-size:clamp(38px,4vw,65px);line-height:.9;letter-spacing:-.045em;margin:12px 0}.mdag-lab-head h3 em{font-style:normal;color:var(--dg)}.mdag-lab-head p{color:#789aa7;font-size:13px;line-height:1.6}
.mdag-pipeline{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr;align-items:center;margin:35px 0 24px}.mdag-pipeline>i{height:1px;background:linear-gradient(90deg,var(--dg),rgba(32,215,255,.15));position:relative}.mdag-pipeline>i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid var(--dg);border-top:3px solid transparent;border-bottom:3px solid transparent}.mdag-pipeline button{min-height:78px;border:1px solid var(--dg-line);background:#051721;color:#7599a7;text-align:left;padding:13px;cursor:pointer;transition:.2s}.mdag-pipeline button b{display:block;color:#3f7587;font-size:9px}.mdag-pipeline button strong{display:block;color:#c5e9f2;font-size:13px;margin:4px 0}.mdag-pipeline button small{font-size:7px;letter-spacing:.1em}.mdag-pipeline button.active{border-color:var(--dg);box-shadow:inset 0 -2px 0 var(--dg),0 0 25px rgba(32,215,255,.08);transform:translateY(-3px)}.mdag-pipeline button.active strong,.mdag-pipeline button.active b{color:var(--dg)}
.mdag-lab-stage{min-height:390px;display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid rgba(32,215,255,.13);background:#031019}.mdag-stage-copy{padding:50px 35px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(32,215,255,.13)}.mdag-stage-copy small{color:#4c7e8e;font-size:8px;letter-spacing:.15em}.mdag-stage-copy small span{color:var(--dg)}.mdag-stage-copy h4{font-size:30px;margin:10px 0}.mdag-stage-copy p{color:#7f9eaa;font-size:13px;line-height:1.65}.mdag-stage-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.mdag-stage-tags b{padding:7px 9px;border:1px solid var(--dg-line);color:#75d9ef;font-size:7px;letter-spacing:.09em}
.mdag-lab-viz{position:relative;min-height:390px;overflow:hidden;background:radial-gradient(circle at center,rgba(32,215,255,.08),transparent 55%)}.mdag-lab-viz>div{position:absolute;inset:0;opacity:0;transform:scale(.97);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.mdag-lab-stage[data-stage="raw"] .mdag-raw-grid,.mdag-lab-stage[data-stage="clean"] .mdag-clean-viz,.mdag-lab-stage[data-stage="model"] .mdag-model-viz,.mdag-lab-stage[data-stage="analyze"] .mdag-analyze-viz,.mdag-lab-stage[data-stage="visual"] .mdag-visual-viz{opacity:1;transform:none}
.mdag-raw-grid{margin:48px!important;inset:0!important;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(32,215,255,.12) 32px),repeating-linear-gradient(90deg,transparent 0 90px,rgba(32,215,255,.12) 91px)}.mdag-raw-grid:after{content:"ID   CUSTOMER        PRODUCT        SALES        REGION\A 001  Ahmed Hassan     Laptop         42,500       Cairo\A 002  NULL             Phone          18,900       Giza\A 003  Sara Ali          ???            9,400        Cairo\A 003  Sara Ali          ???            9,400        Cairo\A 005  Omar Adel         Monitor        NULL         Alex";white-space:pre;position:absolute;inset:22px;color:#75a9b8;font:11px/32px monospace}
.mdag-clean-viz{display:grid;place-items:center}.mdag-clean-viz .funnel{width:250px;height:160px;clip-path:polygon(0 0,100% 0,65% 50%,65% 100%,35% 100%,35% 50%);background:linear-gradient(180deg,rgba(32,215,255,.08),rgba(32,215,255,.35));border-top:1px solid var(--dg)}.mdag-clean-viz .cleanrows{position:absolute;bottom:42px;width:65%;height:55px;border:1px solid rgba(32,215,255,.35);background:repeating-linear-gradient(90deg,rgba(32,215,255,.12) 0 1px,transparent 1px 20%)}
.mdag-model-viz .fact,.mdag-model-viz .dim{position:absolute;border:1px solid rgba(32,215,255,.35);background:#061d28;padding:15px;text-align:center;color:#82e9ff;font-size:9px}.mdag-model-viz .fact{width:150px;left:calc(50% - 75px);top:42%;box-shadow:0 0 35px rgba(32,215,255,.1)}.mdag-model-viz .dim{width:105px}.mdag-model-viz .a{left:10%;top:15%}.mdag-model-viz .b{right:10%;top:15%}.mdag-model-viz .c{left:10%;bottom:15%}.mdag-model-viz .d{right:10%;bottom:15%}.mdag-model-viz:before,.mdag-model-viz:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:rgba(32,215,255,.22);transform:rotate(24deg)}.mdag-model-viz:after{transform:rotate(-24deg)}
.mdag-analyze-viz{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:65px}.mdag-analyze-viz .metric{border:1px solid var(--dg-line);padding:22px;background:#061b26}.mdag-analyze-viz .metric small{color:#6f9daa;font-size:8px}.mdag-analyze-viz .metric b{display:block;color:#dffbff;font-size:28px;margin:5px 0}.mdag-analyze-viz .metric i{display:block;width:80%;height:3px;background:linear-gradient(90deg,var(--dg),transparent)}.mdag-analyze-viz .formula{grid-column:1/-1;border-left:2px solid var(--dg);background:#04131b;padding:18px;color:#8eb7c5;font:11px monospace}.mdag-analyze-viz .formula em{color:var(--dg)}
.mdag-visual-viz{padding:50px}.mdag-dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:70px}.mdag-dash-kpis i{border:1px solid var(--dg-line);background:linear-gradient(145deg,rgba(32,215,255,.15),rgba(75,70,255,.06))}.mdag-dash-body{height:210px;margin-top:10px;display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1fr 1fr;gap:8px}.mdag-dash-body b{border:1px solid var(--dg-line);background:linear-gradient(180deg,rgba(32,215,255,.1),rgba(4,18,27,.7))}.mdag-dash-body b:first-child{grid-row:1/3}
.mdag-lab-stage.stage-pop .mdag-lab-viz{animation:labpop .3s ease-out}@keyframes labpop{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:850px){.mdag-lab{padding:22px}.mdag-lab-head,.mdag-lab-stage{grid-template-columns:1fr}.mdag-pipeline{grid-template-columns:1fr;gap:5px}.mdag-pipeline>i{display:none}.mdag-pipeline button{min-height:55px}.mdag-stage-copy{border-right:0;border-bottom:1px solid var(--dg-line);padding:30px 25px}.mdag-lab-viz{min-height:320px}.mdag-analyze-viz{padding:35px}.mdag-raw-grid{margin:25px!important}}

/* v3.1 — real dashboard-style example in VISUALIZE */
.mdag-visual-viz{padding:24px!important}
.mdag-demo-dash{height:100%;min-height:340px;border:1px solid rgba(32,215,255,.25);background:linear-gradient(145deg,#071c28,#04121b);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 35px rgba(32,215,255,.025)}
.demo-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(32,215,255,.14);padding-bottom:9px}.demo-top small{display:block;color:#4f91a3;font-size:6px;letter-spacing:.15em}.demo-top strong{display:block;color:#e5fbff;font-size:14px;margin-top:2px}.demo-top>span{font-size:7px;color:#7cdcf1;border:1px solid rgba(32,215,255,.18);padding:6px 8px}
.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-kpis>div{background:#082330;border:1px solid rgba(32,215,255,.12);padding:9px}.demo-kpis small{display:block;color:#5e8d9b;font-size:5px;letter-spacing:.1em}.demo-kpis b{display:block;color:#ecfdff;font-size:15px;margin:2px 0}.demo-kpis em{font-style:normal;color:#72dcb6;font-size:6px}
.demo-grid{flex:1;display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1.1fr .9fr;gap:7px}.demo-grid>div{border:1px solid rgba(32,215,255,.12);background:#061923;padding:10px;position:relative;overflow:hidden}.demo-grid small{color:#6699a8;font-size:5px;letter-spacing:.1em}
.bars{height:72px;display:flex;gap:5px;align-items:end;margin-top:8px;border-bottom:1px solid rgba(32,215,255,.15)}.bars i{flex:1;background:linear-gradient(180deg,#35dff8,rgba(53,223,248,.22));border-top:1px solid #a2f4ff}.months{display:flex;justify-content:space-between;color:#476f7d;font-size:4px;margin-top:4px}
.demo-donut{display:flex;flex-direction:column}.donut{width:82px;height:82px;border-radius:50%;margin:auto;background:conic-gradient(#36dff8 0 62%,#685cff 62% 83%,rgba(255,255,255,.08) 83%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#061923}.donut b,.donut span{position:absolute;z-index:2}.donut b{font-size:13px;color:#e8fcff;top:29px}.donut span{font-size:4px;color:#62909f;top:47px}
.demo-bottom p{margin:7px 0 0;display:grid;grid-template-columns:1fr auto;gap:5px;color:#8eb0bb;font-size:6px}.demo-bottom p:after{content:"";grid-column:1/-1;height:3px;background:linear-gradient(90deg,#34dff7 0 72%,rgba(32,215,255,.08) 72%)}.demo-bottom p:nth-of-type(2):after{background:linear-gradient(90deg,#34dff7 0 57%,rgba(32,215,255,.08) 57%)}.demo-bottom p:nth-of-type(3):after{background:linear-gradient(90deg,#34dff7 0 44%,rgba(32,215,255,.08) 44%)}
.demo-map{background:radial-gradient(circle at 45% 55%,rgba(32,215,255,.09),transparent 30%),#061923!important}.mapdots{position:absolute;inset:25px}.mapdots:before,.mapdots:after{content:"";position:absolute;width:80%;height:1px;background:rgba(32,215,255,.14);left:10%;top:48%;transform:rotate(23deg)}.mapdots:after{transform:rotate(-30deg)}.mapdots i{position:absolute;width:7px;height:7px;border-radius:50%;background:#45e6ff;box-shadow:0 0 10px rgba(69,230,255,.55)}.mapdots i:nth-child(1){left:25%;top:30%}.mapdots i:nth-child(2){right:24%;top:42%}.mapdots i:nth-child(3){left:48%;bottom:20%}.mapdots i:nth-child(4){right:12%;bottom:13%}.demo-map>b,.demo-map>span,.demo-map>em{position:absolute;font-size:5px;color:#78a7b5;font-style:normal}.demo-map>b{left:27%;top:42%}.demo-map>span{right:18%;top:55%}.demo-map>em{left:48%;bottom:14%}
.demo-note{text-align:right;color:#416c7b;font-size:5px;letter-spacing:.12em}
.mdag-lab-stage[data-stage="visual"] .mdag-demo-dash{animation:dashbuild .38s ease-out}@keyframes dashbuild{from{opacity:.15;transform:scale(.975) translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.mdag-visual-viz{padding:10px!important}.mdag-demo-dash{min-height:300px;padding:10px}.demo-grid{grid-template-columns:1.25fr .75fr}.demo-kpis b{font-size:12px}.donut{width:65px;height:65px}.donut b{top:21px}.donut span{top:39px}}