@property --n{syntax:"<integer>";inherits:false;initial-value:0}@layer base{.dg{width:100%;container-type:inline-size}.dg-stage{--u:calc(100cqw / var(--sw));aspect-ratio:var(--sw)/var(--sh);color:var(--navy);font-size:calc(20 * var(--u));line-height:1.3;position:relative}.dg-stage>*{position:absolute}.dg-box{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));transform:skewY(var(--tilt));position:absolute}.dg-box .dg-box{transform:none}.dg-lines{width:100%;height:100%;inset:0;overflow:visible}.dg strong{font-weight:700;font-size:calc(24 * var(--u));letter-spacing:-.01em}.dg small{color:#56688f;font-size:calc(17 * var(--u));margin-top:calc(6 * var(--u));display:block}.dg-glossy{width:calc(44 * var(--u));height:calc(44 * var(--u));object-fit:contain;flex-shrink:0}.dg-panel,.dg-card,.dg-plate{border-radius:calc(26 * var(--u));border:calc(2 * var(--u)) solid #ffffffe6;box-shadow:inset 0 calc(2 * var(--u)) 0 #fff,inset 0 calc(-3 * var(--u)) calc(6 * var(--u)) #c9daf633,0 calc(6 * var(--u)) 0 calc(-1 * var(--u)) #dbe6f7,0 calc(24 * var(--u)) calc(50 * var(--u)) #2f62c824;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(155deg,#ffffffe0,#eef4fec2 60%,#e6effcb3)}.dg-plate{box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffffb3,0 calc(30 * var(--u)) calc(60 * var(--u)) #2f62c814;opacity:.85;background:linear-gradient(155deg,#ffffff8a,#e8f0fd4d)}.dg-sphere{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--s) * var(--u));aspect-ratio:1;box-shadow:inset calc(-12 * var(--u)) calc(-16 * var(--u)) calc(30 * var(--u)) #9dbcf066,0 calc(20 * var(--u)) calc(40 * var(--u)) #2f62c81f;opacity:.8;background:radial-gradient(circle at 32% 28%,#fff 0,#e3edfd 38%,#b9d0f6 100%);border-radius:50%}.dg-row,.dg-stat{border-radius:calc(16 * var(--u));border:calc(1.5 * var(--u)) solid #fff;box-shadow:inset 0 calc(-2 * var(--u)) calc(4 * var(--u)) #c9daf626,0 calc(8 * var(--u)) calc(18 * var(--u)) #2f62c814;background:linear-gradient(160deg,#ffffffd9,#f3f7ffb3)}.dg-title{align-items:center;gap:calc(14 * var(--u));margin:calc(20 * var(--u)) calc(26 * var(--u));font-weight:700;font-size:calc(25 * var(--u));display:flex}.dg-row{align-items:center;gap:calc(18 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(21 * var(--u));color:#2a3b62;display:flex}.dg-row svg{width:calc(30 * var(--u));height:calc(30 * var(--u));color:var(--navy);stroke-width:1.6px}.dg-card{align-items:center;gap:calc(22 * var(--u));padding:calc(24 * var(--u)) calc(28 * var(--u));display:flex}.dg-badge{width:calc(84 * var(--u));height:calc(84 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #2f62c826,inset 0 calc(-2 * var(--u)) calc(4 * var(--u)) #c9daf64d;background:radial-gradient(circle at 35% 30%,#fff,#eaf1fd);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.dg-badge .dg-glossy{width:calc(48 * var(--u));height:calc(48 * var(--u))}.dg-analytics{align-items:stretch;gap:calc(10 * var(--u));padding-top:calc(16 * var(--u));flex-direction:column}.dg-head{align-items:center;gap:calc(22 * var(--u));display:flex}.dg-insight{gap:calc(16 * var(--u));flex:1;grid-template-columns:.7fr 1.6fr;align-items:end;display:grid}.dg-lines-ph{gap:calc(8 * var(--u));padding:calc(10 * var(--u));border-radius:calc(10 * var(--u));background:#fff9;display:grid}.dg-lines-ph i{height:calc(5 * var(--u));background:#d5e2f7;border-radius:9px}.dg-lines-ph i:last-child{width:60%}.dg-bars{height:calc(84 * var(--u));align-items:flex-end;gap:calc(9 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u)) 0;border-radius:calc(12 * var(--u));border:calc(1.5 * var(--u)) solid #fff;background:#f5f9ffcc;display:flex}.dg-bars i{height:calc(var(--h) * 1%);border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;transform-origin:bottom;box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff80;background:linear-gradient(#5a9bff,#a9cbff);flex:1}.dg-engine{left:calc(437 * var(--u));top:calc(255 * var(--u));width:calc(470 * var(--u))}.dg-engine img{width:100%;height:auto;display:block}.dg-engine-label{align-items:center;gap:calc(8 * var(--u));text-align:center;flex-direction:column;display:flex;position:absolute;top:20%;left:0;right:0}.dg-engine-label .dg-glossy{width:calc(70 * var(--u));height:calc(70 * var(--u))}.dg-engine-label strong{font-size:calc(34 * var(--u));line-height:1.15}.dg-engine-glow{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dg-impact .dg-title{margin-bottom:0}.dg-stat{padding:calc(20 * var(--u)) calc(22 * var(--u)) 0;overflow:hidden}.dg-stat b{font-size:calc(42 * var(--u));letter-spacing:-.02em;line-height:1;display:block}.dg-count{--n:var(--to);counter-reset:n var(--n)}.dg-count:after{content:counter(n)}.dg-stat svg{left:calc(20 * var(--u));bottom:calc(14 * var(--u));width:calc(100% - 40 * var(--u));height:calc(90 * var(--u));position:absolute;overflow:visible}.dg-stat polyline{fill:none;stroke:#3d7ef0;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.dg-down polyline{stroke:#ff6b55}.dg-tip{fill:#fff;stroke:#3d7ef0;stroke-width:2.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #4a8af0)}.dg-down .dg-tip{stroke:#ff6b55;filter:drop-shadow(0 0 4px #ff6b55)}.dg-live{display:none}.dg-wires path{fill:none;stroke:#78aef5;stroke-width:3.5px}.dg-dot{fill:#fff;stroke:#3cb4ff;stroke-width:4px;filter:drop-shadow(0 0 5px #3cb4ff)}.dg-hot{fill:#ffe4dc;stroke:#ff6b55;filter:drop-shadow(0 0 6px #ff6b55);transform-box:fill-box;transform-origin:50%}.dg-flow path{fill:none;stroke-linecap:round;stroke-dasharray:14 186;stroke-dashoffset:14px;opacity:0}.dg-in path{stroke:#3d8bff;stroke-width:6px;filter:drop-shadow(0 0 6px #4a8af0)}.dg-out path{stroke:#ff6b55;stroke-width:6px;filter:drop-shadow(0 0 6px #ff7a5c)}.dg-halo,.dg-core,.dg-spark{transform-box:fill-box;transform-origin:50%}.dg-spark{fill:#fff;filter:drop-shadow(0 0 8px #ff6b55)}@media (prefers-reduced-motion:no-preference){.dg-engine{animation:6s ease-in-out infinite alternate dg-float}.dg-sphere{animation:8s ease-in-out infinite alternate-reverse dg-float}.dg-flow path{animation:3s cubic-bezier(.45,0,.55,1) infinite dg-flow}.dg-reverse path{animation-direction:reverse}.dg-hot{animation:2.4s ease-out infinite dg-ping}.dg-halo{animation:4s ease-in-out infinite dg-breathe}.dg-core,.dg-spark{animation:2.2s ease-in-out infinite dg-breathe}.dg-bars i{animation:3.2s ease-in-out infinite alternate dg-bar}.dg-badge img[src$=gear\.webp]{animation:10s linear infinite dg-spin}.dg-bulb img{animation:2.6s ease-in-out infinite dg-bulb}.dg-count{animation:2.2s cubic-bezier(.2,.7,.2,1) both dg-count,6s ease-in-out 2.2s infinite dg-tick}.dg-stat:nth-child(3) .dg-count{animation-delay:0s,2.9s}.dg-stat:nth-child(4) .dg-count{animation-delay:0s,3.6s}.dg-live{display:inline}.dg-still{display:none}.dg-live polyline{stroke-dasharray:100;animation:1.8s ease-out both dg-draw}.dg-live polygon,.dg-tip{animation:1.8s ease-out both dg-fill}}@keyframes dg-float{to{translate:0 calc(-8 * var(--u))}}@keyframes dg-flow{0%{stroke-dashoffset:14px;opacity:1}55%{stroke-dashoffset:-100px;opacity:1}56%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes dg-ping{0%{scale:1}35%{scale:1.5}70%,to{scale:1}}@keyframes dg-breathe{0%,to{opacity:.35;scale:.94}50%{opacity:1;scale:1.05}}@keyframes dg-bar{0%{scale:1 .6}to{scale:1}}@keyframes dg-spin{to{rotate:360deg}}@keyframes dg-bulb{0%,to{filter:none}50%{filter:drop-shadow(0 0 8px #ffd25c)brightness(1.15)}}@keyframes dg-count{0%{--n:0}}@keyframes dg-tick{0%,to{--n:var(--to)}20%{--n:calc(var(--to) + 2)}45%{--n:calc(var(--to) - 1)}70%{--n:calc(var(--to) + 3)}85%{--n:calc(var(--to) + 1)}}@keyframes dg-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes dg-fill{0%,40%{opacity:0}to{opacity:1}}}
