.brand-logo,.brand-mark{box-shadow:none!important;object-fit:cover}.brand-logo{border-radius:50%;background:transparent}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(3.3rem,7.5vw,6rem)}.eyebrow{display:none}.button:hover{box-shadow:0 8px 18px -12px #11182790;transform:translateY(-2px)}.card:hover{transform:none}.card{transition:border-color .2s,background .2s}.stage{box-shadow:0 22px 46px -28px #11182799;transform:rotate(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}.stage .window{transition:background .5s}.stage:before{animation:none}.orb{animation:studio-orbit 8s ease-in-out infinite;box-shadow:none}.orb:after{animation:studio-ring 14s linear infinite}.window-lights i{transition:transform .2s}.stage:hover .window-lights i{transform:scale(1.35)}.demo-canvas{transition:background .5s,color .35s,border-color .35s}.demo-canvas[data-switching],.lab-stage[data-switching]{animation:scene-cut .45s cubic-bezier(.16,1,.3,1)}.lab-tab,.segment,.switch{transition:background .2s,color .2s,box-shadow .2s}.process-list li{transition:background .25s,padding-left .25s}.process-list li:hover{background:#ccd60018;padding-left:16px}.progress-read{position:fixed;left:0;top:0;z-index:50;height:3px;width:100%;background:var(--color-blue);transform:scaleX(0);transform-origin:left;pointer-events:none}.hero h1{animation:title-open .8s cubic-bezier(.16,1,.3,1)}.code{animation:code-arrive .9s cubic-bezier(.16,1,.3,1)}.revision-player{box-shadow:0 20px 40px -26px #11182780}.config-preview{transition:background .35s,color .35s,box-shadow .35s}.config-preview[data-level=complex] .preview-item{animation:scene-cut .35s ease-out}::selection{background:var(--color-citrus);color:var(--color-ink)}
@keyframes studio-orbit{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-53%) rotate(8deg)}}@keyframes studio-ring{to{transform:rotate(336deg)}}@keyframes scene-cut{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes title-open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes code-arrive{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:760px){.stage{min-height:24rem}.window{min-height:22rem}.hero{padding-top:3.5rem}.brand{letter-spacing:-.025em}.brand-logo{width:2.2rem;height:2.2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}