@media screen and (min-width:990px){.tech-hero__inner--dashboard{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:var(--tech-space-5)}}.tdb{--tdb-dur: 9s;position:relative;padding:3.2rem 0 4rem;color:#e8ebf2}.tdb__aura{position:absolute;top:-12%;left:-18%;width:136%;height:124%;z-index:-1;background:radial-gradient(38% 42% at 52% 42%,rgba(47,107,255,.5),transparent 70%),radial-gradient(34% 38% at 78% 72%,rgba(124,58,237,.55),transparent 70%),radial-gradient(28% 30% at 20% 80%,rgba(91,140,255,.25),transparent 70%);filter:blur(24px);pointer-events:none}.tdb__arcs{position:absolute;top:-10%;left:-16%;width:132%;height:122%;z-index:-1;pointer-events:none;overflow:visible}.tdb__stage{perspective:2000px;perspective-origin:20% 40%}.tdb__float{transform-style:preserve-3d}.tdb__tilt{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-17deg + var(--tilt-y, 0deg))) rotateX(calc(7deg + var(--tilt-x, 0deg))) rotate(1.2deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.tdb__panel{position:relative;display:grid;grid-template-columns:15.5rem minmax(0,1fr);overflow:hidden;border-radius:2.4rem;background:linear-gradient(155deg,#1e285ceb,#0c112cf5 48%,#16103af2);box-shadow:inset 0 1px #ffffff1a,0 5rem 12rem -2rem #000000e6,0 0 9rem -1rem #2f6bff80,3rem 4rem 12rem -2rem #7c3aed99}.tdb__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:1.5px;border-radius:inherit;background:linear-gradient(130deg,#8cafff,#5b8cff40,#7c3aed26 60%,#b48cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tdb__panel:after{content:"";position:absolute;top:0;right:0;bottom:55%;left:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent);pointer-events:none}.tdb__sheen{position:absolute;top:-40%;left:-40%;width:180%;height:180%;z-index:2;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.06) 50%,transparent 56%);transform:translate(-55%);pointer-events:none}.tdb__side{position:relative;z-index:1;display:flex;flex-direction:column;padding:2.2rem 1.2rem 2rem 1.6rem;border-right:1px solid rgba(255,255,255,.06);background:#ffffff05}.tdb__brand{display:flex;align-items:center;gap:.8rem;margin-bottom:2.2rem;font-size:1.3rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tdb__nav{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.tdb__nav li{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:.9rem;font-size:1.2rem;color:#e8ebf294;white-space:nowrap}.tdb__nav .tech-icon{flex:none;width:1.5rem;height:1.5rem}.tdb__nav li.is-active{color:#fff;background:linear-gradient(90deg,#2f6bff66,#2f6bff14);box-shadow:inset 0 0 0 1px #5b8cff66,0 0 2.4rem -.4rem #2f6bffb3}.tdb__count{margin-left:auto;min-width:1.8rem;padding:.1rem .5rem;border-radius:.6rem;background:var(--tech-accent-2);font-size:1rem;font-style:normal;font-weight:600;text-align:center;color:#fff}.tdb__side-foot{display:flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:2rem;font-size:1.1rem;color:#e8ebf280}.tdb__side-foot i,.tdb__live i{width:.7rem;height:.7rem;border-radius:50%;background:#34d399;box-shadow:0 0 .8rem #34d399}.tdb__main{position:relative;z-index:1;display:grid;gap:1.3rem;min-width:0;padding:1.8rem 2rem 2rem}.tdb__topbar{display:flex;align-items:center;gap:1rem}.tdb__crumb{font-size:1.2rem;color:#e8ebf28c}.tdb__badge{margin-left:auto;padding:.3rem .9rem;border:1px solid rgba(167,139,250,.45);border-radius:var(--tech-radius-pill);background:#7c3aed29;font-family:var(--tech-font-mono);font-size:1rem;letter-spacing:.04em;color:#cdbcfd;white-space:nowrap}.tdb__more{display:inline-flex;gap:.3rem}.tdb__more i{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff4d}.tdb__assistant{padding:1.4rem 1.6rem;border:1px solid rgba(91,140,255,.28);border-radius:1.6rem;background:linear-gradient(135deg,#2f6bff29,#7c3aed1a);box-shadow:inset 0 1px #ffffff0f}.tdb__assistant-head{display:flex;align-items:center;gap:1rem}.tdb__avatar{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));box-shadow:0 .6rem 1.8rem -.4rem #2f6bffe6;color:#fff}.tdb__avatar .tech-icon{width:1.8rem;height:1.8rem}.tdb__assistant-title{margin:0;font-size:1.65rem;font-weight:600;letter-spacing:-.01em}.tdb__live{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .9rem;border-radius:var(--tech-radius-pill);background:#34d39924;font-size:1.1rem;font-weight:600;color:#6ee7b7}.tdb__assistant-body{display:flex;align-items:center;gap:1rem;margin-top:1.1rem}.tdb__assistant-body p{margin:0;font-size:1.2rem;color:#e8ebf2a6}.tdb__eq{display:inline-flex;align-items:center;gap:.25rem;height:1.6rem}.tdb__eq i{width:.3rem;height:100%;border-radius:.2rem;background:linear-gradient(180deg,#8fb0ff,#9b6bff);transform-origin:center;transform:scaleY(.5)}.tdb__flow{position:relative;display:flex;align-items:flex-start;padding:1.5rem 1.2rem 1.3rem;border:1px solid rgba(255,255,255,.07);border-radius:1.6rem;background:#ffffff06}.tdb__node{position:relative;z-index:1;display:flex;flex:1 1 0;flex-direction:column;align-items:center;gap:.7rem;min-width:0}.tdb__node-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;background:linear-gradient(160deg,#ffffff17,#ffffff05);color:#cfdbff}.tdb__node-icon .tech-icon{width:2.1rem;height:2.1rem}.tdb__node-icon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;box-shadow:inset 0 0 0 1.5px #78a0fff2,0 0 2.6rem .2rem #2f6bffbf;opacity:0}.tdb__node--3 .tdb__node-icon{color:#c4a6ff}.tdb__node--3 .tdb__node-icon:after{box-shadow:inset 0 0 0 1.5px #b48cfff2,0 0 2.6rem .2rem #7c3aedcc}.tdb__node--4 .tdb__node-icon{color:#6ee7b7}.tdb__node--4 .tdb__node-icon:after{box-shadow:inset 0 0 0 1.5px #6ee7b7e6,0 0 2.6rem .2rem #34d39999}.tdb__node-label{font-size:1.05rem;color:#e8ebf2b3;white-space:nowrap}.tdb__arrow{position:relative;flex:0 1 2.4rem;min-width:.8rem;height:1px;margin-top:2.2rem;background:linear-gradient(90deg,#5b8cff4d,#5b8cffd9)}.tdb__arrow:after{content:"";position:absolute;right:-1px;top:-.3rem;width:.6rem;height:.6rem;border-top:1px solid rgba(140,175,255,.95);border-right:1px solid rgba(140,175,255,.95);transform:rotate(45deg)}.tdb__track{position:absolute;z-index:2;top:3.7rem;left:3.4rem;right:3.4rem;height:0;overflow:visible;pointer-events:none}.tdb__packet{position:absolute;top:0;left:0;width:100%;height:0;opacity:0;transform:translate(-100%)}.tdb__packet i{position:absolute;right:-.5rem;top:-.5rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 0 0 .3rem #5b8cff73,0 0 1.8rem .3rem #5b8cfff2}.tdb__chart{position:relative;padding:1.4rem 1.6rem 1.2rem;border:1px solid rgba(255,255,255,.07);border-radius:1.6rem;background:linear-gradient(180deg,#ffffff09,#ffffff03)}.tdb__chart-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.tdb__chart-head p{margin:0;font-size:1.3rem;font-weight:600}.tdb__chart-tag{padding:.2rem .8rem;border-radius:var(--tech-radius-pill);background:#34d39924;font-family:var(--tech-font-mono);font-size:1rem;color:#6ee7b7}.tdb__chart-svg{display:block;width:100%;height:9rem;overflow:visible}.tdb__grid path{stroke:#ffffff0f;stroke-width:1;vector-effect:non-scaling-stroke}.tdb__line{filter:drop-shadow(0 0 6px rgba(124,92,255,.8))}.tdb__chart-dot{position:absolute;right:1.1rem;top:4.4rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 0 0 .35rem #b48cff59,0 0 1.6rem .3rem #b48cffe6}.tdb__toast,.tdb__chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.6rem 1rem 1rem;border-radius:1.4rem;font-size:1.3rem;font-weight:600;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tdb__toast{top:15%;right:-4%;transform:translateZ(90px);border:1px solid rgba(140,175,255,.55);background:linear-gradient(135deg,#2f50c8bf,#281e6ecc);box-shadow:0 1.6rem 4rem -1rem #000000b3,0 0 3.2rem -.4rem #2f6bffcc}.tdb__chip{bottom:9%;left:-6%;transform:translateZ(120px);border:1px solid rgba(110,231,183,.4);background:linear-gradient(135deg,#103c40d1,#0e1838db);box-shadow:0 1.6rem 4rem -1rem #000000b3,0 0 2.6rem -.6rem #34d399b3}.tdb__toast-icon,.tdb__chip-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.9rem}.tdb__toast-icon{background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2))}.tdb__chip-icon{background:#34d39938;color:#6ee7b7}.tdb__toast-icon .tech-icon,.tdb__chip-icon .tech-icon{width:1.7rem;height:1.7rem}@media(prefers-reduced-motion:no-preference){.tdb__aura{animation:tdb-aura 10s ease-in-out infinite}.tdb__float{animation:tdb-float 9s ease-in-out infinite}.tdb__sheen{animation:tdb-sheen var(--tdb-dur) ease-in-out infinite}.tdb__toast{animation:tdb-toast var(--tdb-dur) var(--tech-ease) infinite both}.tdb__chip{animation:tdb-chip var(--tdb-dur) var(--tech-ease) infinite both}.tdb__packet{animation:tdb-packet var(--tdb-dur) cubic-bezier(.45,0,.25,1) infinite}.tdb__node--1 .tdb__node-icon:after{animation:tdb-n1 var(--tdb-dur) ease infinite}.tdb__node--2 .tdb__node-icon:after{animation:tdb-n2 var(--tdb-dur) ease infinite}.tdb__node--3 .tdb__node-icon:after{animation:tdb-n3 var(--tdb-dur) ease infinite}.tdb__node--4 .tdb__node-icon:after{animation:tdb-n4 var(--tdb-dur) ease infinite}.tdb__node--4 .tdb__node-icon .tech-icon{animation:tdb-pop var(--tdb-dur) var(--tech-ease) infinite}.tdb__line{stroke-dasharray:1;animation:tdb-line var(--tdb-dur) var(--tech-ease) infinite}.tdb__area{animation:tdb-area var(--tdb-dur) ease infinite}.tdb__chart-dot{animation:tdb-dot var(--tdb-dur) ease infinite}.tdb__eq i{animation:tdb-eq 1.1s ease-in-out infinite}.tdb__eq i:nth-child(2){animation-delay:-.2s}.tdb__eq i:nth-child(3){animation-delay:-.45s}.tdb__eq i:nth-child(4){animation-delay:-.7s}.tdb__eq i:nth-child(5){animation-delay:-.9s}.tdb.is-offscreen *,.tdb.is-offscreen *:before,.tdb.is-offscreen *:after{animation-play-state:paused!important}}@media(prefers-reduced-motion:reduce){.tdb__tilt{transition:none}.tdb__packet{display:none}.tdb__node--4 .tdb__node-icon:after{opacity:1}}@keyframes tdb-aura{0%,to{opacity:.8}50%{opacity:1}}@keyframes tdb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2rem)}}@keyframes tdb-sheen{0%,6%{transform:translate(-55%)}26%,to{transform:translate(55%)}}@keyframes tdb-toast{0%,3%{opacity:0;translate:0 1.4rem;scale:.92}8%,86%{opacity:1;translate:0 0;scale:1}93%,to{opacity:0;translate:0 -.8rem;scale:1}}@keyframes tdb-chip{0%,70%{opacity:0;translate:0 1.2rem;scale:.94}76%,88%{opacity:1;translate:0 0;scale:1}95%,to{opacity:0;translate:0 .6rem;scale:1}}@keyframes tdb-packet{0%,10%{opacity:0;transform:translate(-100%)}13%{opacity:1;transform:translate(-100%)}68%{opacity:1;transform:translate(0)}73%,to{opacity:0;transform:translate(0)}}@keyframes tdb-n1{0%,9%{opacity:0}13%{opacity:1}24%,90%{opacity:.3}96%,to{opacity:0}}@keyframes tdb-n2{0%,28%{opacity:0}32%{opacity:1}42%,90%{opacity:.3}96%,to{opacity:0}}@keyframes tdb-n3{0%,46%{opacity:0}50%{opacity:1}60%,90%{opacity:.3}96%,to{opacity:0}}@keyframes tdb-n4{0%,64%{opacity:0}69%,90%{opacity:1}96%,to{opacity:0}}@keyframes tdb-pop{0%,66%{transform:scale(1)}70%{transform:scale(1.25)}74%,to{transform:scale(1)}}@keyframes tdb-line{0%{stroke-dashoffset:1;opacity:1}55%,91%{stroke-dashoffset:0;opacity:1}97%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1;opacity:0}}@keyframes tdb-area{0%,18%{opacity:0}58%,91%{opacity:1}97%,to{opacity:0}}@keyframes tdb-dot{0%,52%{opacity:0;transform:scale(.4)}58%,91%{opacity:1;transform:scale(1)}97%,to{opacity:0}}@keyframes tdb-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media screen and (min-width:750px)and (max-width:989px){.tdb{max-width:68rem;margin-inline:auto}.tdb__tilt{transform:rotateY(calc(-10deg + var(--tilt-y, 0deg))) rotateX(calc(6deg + var(--tilt-x, 0deg)))}.tdb__toast{right:2%}.tdb__chip{left:2%}}@media screen and (min-width:990px)and (max-width:1199px){.tdb__toast{right:0}.tdb__chip{left:-2%}}@media screen and (max-width:749px){.tdb{padding:2.4rem 0 3.2rem}.tdb__stage{perspective:none}.tdb__float{animation:none!important}.tdb__tilt{transform:none}.tdb__panel{grid-template-columns:minmax(0,1fr);border-radius:2rem}.tdb__side{display:none}.tdb__main{gap:1rem;padding:1.4rem}.tdb__assistant,.tdb__chart{padding:1.2rem 1.3rem}.tdb__flow{padding:1.2rem .6rem 1rem}.tdb__node-icon{width:3.8rem;height:3.8rem}.tdb__node-icon .tech-icon{width:1.8rem;height:1.8rem}.tdb__node-label{font-size:.95rem}.tdb__arrow{flex-basis:1rem;min-width:.4rem;margin-top:1.9rem}.tdb__track{top:3.1rem;left:2.6rem;right:2.6rem}.tdb__chart-svg{height:7rem}.tdb__chart-dot{top:4rem}.tdb__toast,.tdb__chip{font-size:1.15rem;padding:.7rem 1.1rem .7rem .7rem}.tdb{padding-top:4rem}.tdb__toast{top:-2.6rem;right:.8rem;transform:none}.tdb__chip{bottom:1rem;left:.8rem;transform:none}.tdb__toast-icon,.tdb__chip-icon{width:2.4rem;height:2.4rem}}@media screen and (min-width:1200px){.tech-hero--dashboard .tech-container{max-width:calc(134rem + 2 * var(--tech-gutter))}.tech-hero__inner--dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:var(--tech-space-7)}.tdb__toast{right:-1%}.tdb__stack{left:-5%}}.tdb__orbit{z-index:-1;top:50%;left:50%;width:138%;transform:translate(-50%,-46%) rotate(-12deg) scaleY(.34)}.tdb__floor{position:absolute;left:6%;right:-2%;bottom:-4%;height:26%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(2,3,12,.85),transparent 75%),radial-gradient(closest-side at 60% 40%,rgba(124,58,237,.45),transparent 80%);filter:blur(26px);pointer-events:none}.tdb__ghost{position:absolute;top:-7%;right:-2%;bottom:9%;left:12%;border:1px solid rgba(255,255,255,.13);border-radius:2.6rem;background:linear-gradient(160deg,#3848968c,#1014349e 60%,#2e1e6885);box-shadow:inset 0 1px #ffffff14,0 4rem 9rem -2rem #000000b3;transform:translateZ(-170px)}.tdb__ghost:before{content:"";position:absolute;top:2.4rem;left:2.4rem;right:40%;height:.8rem;border-radius:.4rem;background:#ffffff12;box-shadow:0 2rem #ffffff0a,0 4rem #ffffff08}.tdb__panel{background:linear-gradient(155deg,#222c62e6,#0d122ef2 46%,#141036f2);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a,0 6rem 12rem -3rem #000000eb,0 2rem 4rem -2rem #0009,0 0 7rem -2rem #2f6bff59,4rem 5rem 12rem -4rem #7c3aed73}.tdb__panel:before{padding:1px;background:linear-gradient(135deg,#ffffffb3,#a0b9ff59 18%,#ffffff0d 45%,#aa8cff40 78%,#ffffff80)}.tdb__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:radial-gradient(55% 38% at 10% 0%,rgba(255,255,255,.13),transparent 70%),linear-gradient(118deg,rgba(255,255,255,.05) 0%,transparent 32%);pointer-events:none}.tdb__toast,.tdb__chip,.tdb__stack{border:1px solid rgba(255,255,255,.16);background:linear-gradient(150deg,#242e68d1,#0e122edb);box-shadow:inset 0 1px #ffffff24,0 2rem 4.4rem -1.2rem #000c,0 0 3rem -1rem #2f6bff73}.tdb__chip{border-color:#6ee7b747}.tdb__bob{display:flex;align-items:center;gap:1rem}.tdb__stack{position:absolute;z-index:4;top:38%;left:-10%;padding:1.2rem 1.4rem;border-radius:1.4rem;transform:translateZ(150px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.tdb__stack .tdb__bob{flex-direction:column;align-items:flex-start;gap:.9rem}.tdb__stack-label{font-family:var(--tech-font-mono);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:#e8ebf28c}.tdb__stack-icons{display:grid;gap:.6rem}.tdb__stack-item{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:600;white-space:nowrap}.tdb__stack-item em{font-style:normal}.tdb__stack-item .tech-icon{width:2.4rem;height:2.4rem;padding:.45rem;border-radius:.7rem;background:#ffffff14;color:#b9cbff}@media(prefers-reduced-motion:no-preference){.tdb__toast .tdb__bob{animation:tdb-bob 6s ease-in-out infinite}.tdb__chip .tdb__bob{animation:tdb-bob 7s ease-in-out -2.5s infinite}.tdb__stack .tdb__bob{animation:tdb-bob 8s ease-in-out -4s infinite}}@keyframes tdb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.8rem)}}@media screen and (min-width:990px)and (max-width:1199px){.tdb__stack{left:-4%}}@media screen and (min-width:750px)and (max-width:989px){.tdb__stack{left:1%;top:42%}.tdb__orbit{width:120%}}@media screen and (max-width:749px){.tdb__stack,.tdb__ghost{display:none}.tdb__orbit{width:150%}.tdb__bob{animation:none!important}}@media screen and (max-width:749px){.tdb__toast,.tdb__chip{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(150deg,#242e68f7,#0e122efa)}.tdb__aura{filter:blur(16px)}}@media screen and (min-width:990px)and (max-width:1199px){.tdb__stack{left:7%}}@media screen and (min-width:750px)and (max-width:1199px){.tdb__node-label{font-size:.95rem;line-height:1.25;white-space:normal;text-align:center;-webkit-hyphens:auto;hyphens:auto}}@media screen and (min-width:1200px){.tdb__stack{left:-3%}}@media screen and (min-width:1200px)and (max-width:1319px){.tdb__stack{left:1%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tech-hero-dashboard.css.map */
