/* Motion is decorative; content and tools remain readable without animation. */
.motion-hero .hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;min-height:590px;padding-top:42px;padding-bottom:40px;isolation:isolate}
.motion-hero{background:#f7f9ff!important}.mh-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.mh-orb{position:absolute;width:650px;height:550px;border-radius:45%;filter:blur(60px);opacity:.5;will-change:transform;animation:mh-drift 16s ease-in-out infinite alternate}.mh-orb:first-child{background:#d5ecff;left:-32%;top:-10%}.mh-orb:nth-child(2){background:#e2d9ff;right:-28%;top:0;animation-delay:-8s}.mh-orb:nth-child(3){width:360px;height:300px;background:#d0f4ee;left:48%;top:55%;animation-delay:-5s}
@keyframes mh-drift{to{transform:translate(65px,-35px) rotate(30deg) scale(1.12)}}
.motion-hero h1{font-size:clamp(43px,4.8vw,66px);letter-spacing:-3.3px;line-height:1.05}.motion-hero h1 span{background:linear-gradient(100deg,#3777f0,#805be4,#3777f0);background-size:200%;background-clip:text;-webkit-background-clip:text;animation:mh-colors 8s linear infinite}.motion-hero .hero-copy{min-width:0}.motion-hero .hero-copy>p{font-size:17px;line-height:1.7;max-width:420px}.motion-hero .hero-detail{font-size:14px!important}.mh-pause{margin-top:25px;padding:8px 13px;border-radius:25px;border:1px solid #d1dbf1;background:#ffffffd9;color:#445977;font-size:11px}.mh-pause:hover{border-color:#8097e5}.motion-hero .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1f9f86;margin-right:9px;box-shadow:0 0 0 5px #1f9f8612;animation:mh-pulse 2.6s infinite}
@keyframes mh-pulse{50%{box-shadow:0 0 0 9px #1f9f8600}}@keyframes mh-colors{to{background-position:200%}}
.mh-stage{position:relative;min-width:0;perspective:1000px;padding:8px 0}.mh-stage:before{content:"";position:absolute;inset:5px -20px 50px;border:1px solid #b7c4ed55;border-radius:50%;pointer-events:none;animation:mh-orbit 14s ease-in-out infinite alternate;transform:rotate(-12deg)}@keyframes mh-orbit{to{transform:rotate(15deg) scale(.97)}}
.mh-window{position:relative;background:#fffffff2;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 65px #5268a71c,0 0 0 1px #dce4f770;overflow:hidden;animation:mh-float 7s ease-in-out infinite}@keyframes mh-float{50%{transform:translateY(-7px) rotate(.35deg)}}
.mh-windowbar{padding:13px 16px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #edf0f8}.mh-windowbar i{width:7px;height:7px;border-radius:50%;background:#e4e9f5}.mh-windowbar i:first-child{background:#f1b5bd}.mh-windowbar i:nth-child(2){background:#efd6a2}.mh-windowbar i:nth-child(3){background:#b1decd}.mh-windowbar small{margin:auto;color:#687c9c;font-size:9px;letter-spacing:1.4px}.mh-live{font-size:8px;color:#157863;letter-spacing:1px}.mh-content{padding:18px}.mh-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mh-name{font-size:15px}.mh-replay{border:0;border-radius:8px;background:#f0f3ff;color:#465cb8;font-size:10px;padding:7px 10px}.mh-label{display:block;font-size:9px;font-weight:750;letter-spacing:1.3px;color:#6d7e98;margin:10px 0 6px}.mh-input,.mh-output{display:block;width:100%;height:114px;min-height:114px;max-height:220px;overflow:auto;border:1px solid #e1e8f5;border-radius:10px;padding:11px;margin:0;background:#f8faff;color:#40526e;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.mh-input{resize:vertical}.mh-output{height:126px;background:#f0faf6;border-color:#d6eade;color:#24674e;transition:opacity .2s}.mh-waiting{opacity:.4}.mh-progress{height:2px;border-radius:2px;background:#edf0fa;margin:12px 0;overflow:hidden}.mh-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#65c6e8,#7764ec)}.mh-running i{animation:mh-progress .9s ease forwards}@keyframes mh-progress{to{width:100%}}
.mh-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.mh-status{font-size:9px;color:#617591;line-height:1.5}.mh-run{flex-shrink:0;border:0;border-radius:8px;background:#5367e8;color:#fff;padding:9px 12px;font-size:10px}.mh-tabs{position:relative;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}.mh-tab{border:1px solid #d9e1f3;border-radius:24px;background:#ffffffcf;color:#526884;padding:8px 12px;font-size:10px}.mh-tab[aria-selected=true]{background:#5367e8;color:#fff;border-color:#5367e8;box-shadow:0 6px 15px #5367e824}.mh-note{text-align:center;margin:10px 0 0!important;color:#596f8b!important;font-size:9px!important;max-width:none!important}
.motion-hero.mh-still *,.motion-hero.mh-still:before,.motion-hero.mh-still *:before{animation-play-state:paused!important}.mh-enter{opacity:0;transform:translateY(13px);transition:opacity .4s,transform .4s,box-shadow .2s;transition-delay:var(--mh-delay,0ms)}.mh-enter.mh-revealed{opacity:1;transform:translateY(0)}.mh-revealed:hover{transform:translateY(-4px)}
@media(max-width:900px){.motion-hero .hero-inner{gap:28px;padding-left:25px;padding-right:25px}.motion-hero h1{font-size:47px;letter-spacing:-2.4px}.mh-content{padding:14px}.mh-stage:before{inset:10px -8px 50px}}
@media(max-width:650px){.motion-hero .hero-inner{grid-template-columns:1fr;gap:24px;padding:34px 20px 24px;min-height:0}.motion-hero h1{font-size:clamp(43px,10vw,57px);line-height:1.05}.motion-hero .hero-copy>p{max-width:none;font-size:16px}.motion-hero .hero-detail{max-width:320px;font-size:13px!important}.motion-hero .hero-tags{max-width:none}.mh-pause{margin-top:17px}.mh-stage{max-width:490px;width:100%;margin:auto}.mh-input{height:100px;min-height:100px}.mh-output{height:112px;min-height:112px}.mh-orb{width:480px;height:420px;filter:blur(45px)}.mh-windowbar small{font-size:8px;letter-spacing:1px}.mh-footer{align-items:center}.mh-status{max-width:65%}.mh-tab{padding:8px 11px}.mh-note{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.motion-hero *,.motion-hero *:before{animation:none!important;transition:none!important}.mh-enter{opacity:1;transform:none;transition:none}}

.mh-input,.mh-output{letter-spacing:normal}.mh-label{line-height:1.7}.mh-input{margin-top:6px}
.motion-hero h1 span{font-size:.84em;white-space:nowrap}@media(max-width:650px){.motion-hero h1 span{font-size:.8em}}

/* Lightweight homepage: no automatic animation, reveals or backdrop effects. */
.motion-hero *,.motion-hero *:before,.motion-hero *:after{animation:none!important}.mh-stage:before{display:none}.mh-window{backdrop-filter:none!important}.mh-enter{opacity:1;transform:none;transition:none}