.demo-tech{background-color:var(--bg);background-image:radial-gradient(56rem 26rem at 50% -10rem,#22d3ee1a,#0000 70%),radial-gradient(#94a3b812 1px,#0000 1px);background-repeat:no-repeat,repeat;background-size:100% 100%,22px 22px}.demo-tech .demo-aside{background:linear-gradient(#0b1018d9,#05080d99)}.demo-tech .demo-logo{color:#67e8f9;background:#0b1018;border:1px solid #22d3ee8c;box-shadow:0 0 24px -6px #22d3ee8c,inset 0 0 12px -4px #22d3ee59}.demo-tech .demo-pill{color:#67e8f9;background:#22d3ee0f;border:1px solid #22d3ee66}.demo-tech .demo-dot{background:#a3e635;box-shadow:0 0 8px #a3e635cc}.demo-tech button[aria-pressed=true]{box-shadow:0 0 0 1px #22d3ee59,0 0 22px -6px #22d3ee80}.demo-tech button[aria-pressed=false]:hover{box-shadow:0 0 18px -10px #22d3ee8c}.demo-tech :is(button,a):focus-visible{box-shadow:0 0 0 5px #22d3ee33}.demo-tech input:focus{box-shadow:0 0 0 3px #22d3ee24,0 0 20px -8px #22d3ee80}.demo-tech [role=status]{color:#ffe4e6;background:#fb718514;border-color:#fb718580}.demo-tech .demo-panel{background-image:linear-gradient(#94a3b809,#0000 60%);box-shadow:inset 0 1px #94a3b80f}.demo-tech .demo-cta{color:#04121a;box-shadow:0 0 0 3px var(--bg), 0 0 0 4px #67e8f980, 0 14px 36px -12px #22d3eebf;background-image:linear-gradient(90deg,#38bdf8 0%,#22d3ee 50%,#2dd4bf 100%);transition:transform .2s,filter .2s,box-shadow .2s}.demo-tech .demo-cta:hover{filter:brightness(1.07);box-shadow:0 0 0 3px var(--bg), 0 0 0 4px #67e8f9bf, 0 16px 42px -10px #22d3eee6}.demo-tech .demo-cta:active{transform:scale(.985)}.demo-tech .demo-cta:focus-visible{outline-offset:5px;outline:2px solid #e0f2fe}.demo-tech .demo-cta-seta{background:#04121a24;border:1px solid #04121a40}@media (prefers-reduced-motion:reduce){.demo-tech .demo-cta{transition:none}.demo-tech .demo-cta:active{transform:none}}