/* Dark-first art direction and homepage live product */
[data-theme=dark]{--paper:#090c12;--surface:#101620;--ink:#f4f5f7;--muted:#929cab;--line:#252e3b;--accent:#6f7dff;--cyan:#79f1dd;--dark:#07090d;--dark-2:#0d121a;--shadow:0 30px 90px rgba(0,0,0,.48)}
[data-theme=dark] body{background-image:radial-gradient(circle at 12% 10%,rgba(75,93,255,.15),transparent 30%),radial-gradient(circle at 90% 22%,rgba(56,226,207,.08),transparent 24%),linear-gradient(180deg,#090c12,#0b0f16 42%,#080b10)}
[data-theme=dark] .site-header{background:rgba(9,12,18,.75);box-shadow:0 12px 35px rgba(0,0,0,.12)}[data-theme=dark] .hero-system:before{opacity:.7}[data-theme=dark] .browser{background:rgba(15,21,31,.9)}[data-theme=dark] .project-visual{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 25px 70px rgba(0,0,0,.25)}
.reveal-direction{opacity:0;filter:blur(7px);transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s var(--ease)}.reveal-direction.from-left{transform:translate3d(-70px,20px,0) rotate(-1deg)}.reveal-direction.from-right{transform:translate3d(70px,20px,0) rotate(1deg)}.reveal-direction.visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotate(0)}
.live-studio{background:#070a0f;color:#f4f6f8;position:relative;overflow:hidden;border-block:1px solid #202938}.live-studio:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-200px;top:-200px;background:radial-gradient(circle,rgba(80,100,255,.18),transparent 65%);pointer-events:none}.live-studio .section-head{position:relative;z-index:2}.live-studio .section-head h2{font:600 clamp(2.5rem,5vw,5.3rem)/1.02 Sora;letter-spacing:-.055em;margin:.5rem 0}.live-studio .section-head h2 em{font-style:normal;color:#7787ff}.live-studio .section-head>p{color:#929baa;max-width:430px}
.studio-stage{position:relative;min-height:720px;padding:2rem 8rem 4rem 0}.desktop-device{background:#111722;border:1px solid #2a3443;border-radius:24px;box-shadow:0 50px 120px rgba(0,0,0,.55);overflow:hidden;min-height:640px;transform:perspective(1400px) rotateY(2deg);transform-origin:left center}.device-topbar{height:48px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid #25303e;font:500 .6rem "DM Mono";color:#8d98a8;letter-spacing:.07em}.device-dots{display:flex;gap:5px;margin-right:1rem}.device-dots i{width:7px;height:7px;border-radius:50%;background:#354152}.device-dots i:first-child{background:#ff6b5f}.device-dots i:nth-child(2){background:#f5bd4f}.device-dots i:last-child{background:#61c76d}.device-live{margin-left:auto;color:#72e9b3}
.studio-app{display:grid;grid-template-columns:175px 1fr;min-height:590px}.studio-app>aside{background:#0b1018;padding:1.4rem 1rem;display:flex;flex-direction:column;border-right:1px solid #242d3a}.studio-app>aside strong{font:600 1rem Sora;margin-bottom:3rem}.studio-app>aside strong span{color:#7383ff}.studio-app>aside button{border:0;background:transparent;color:#7f8998;text-align:left;padding:.75rem;border-radius:8px;cursor:pointer;font-size:.72rem;margin:.1rem 0}.studio-app>aside button:hover,.studio-app>aside button.active{background:#6576ff;color:white}.studio-app>aside small{margin-top:auto;color:#566171;font:500 .52rem/1.7 "DM Mono"}.studio-app>main{padding:2rem;min-width:0}.studio-toolbar{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.studio-toolbar small{color:#758094;font:.55rem "DM Mono"}.studio-toolbar h3{font:600 clamp(1.35rem,2.4vw,2.2rem) Sora;margin:.2rem 0}.studio-toolbar label{font:500 .55rem "DM Mono";color:#707b8b}.studio-toolbar input{display:block;width:190px;border:1px solid #2c3746;border-radius:999px;background:#0b1018;color:#fff;padding:.6rem .8rem;margin-top:.35rem;outline:none}.studio-toolbar input:focus{border-color:#7383ff}
.studio-stats{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:.8rem}.studio-stats article{background:#151d29;border:1px solid #273243;border-radius:13px;min-height:130px;padding:1.1rem;display:flex;flex-direction:column}.studio-stats small{font:.52rem "DM Mono";color:#7b8798}.studio-stats strong{font:600 2.4rem Sora;margin:.25rem 0}.studio-stats span{font-size:.62rem;color:#70dfaa}.mini-graph{flex-direction:row!important;align-items:end;gap:6px;padding-bottom:1.4rem!important}.mini-graph i{flex:1;background:linear-gradient(#7a87ff,#4553c9);border-radius:4px 4px 0 0}.mini-graph i:nth-child(1){height:35%}.mini-graph i:nth-child(2){height:60%}.mini-graph i:nth-child(3){height:44%}.mini-graph i:nth-child(4){height:78%}.mini-graph i:nth-child(5){height:66%}.mini-graph i:nth-child(6){height:92%}.studio-tasks{margin-top:1rem;background:#101722;border:1px solid #273243;border-radius:13px;padding:1rem}.studio-tasks>div{display:flex;align-items:center;justify-content:space-between}.studio-tasks h4{font:600 .9rem Sora;margin:.3rem}.studio-tasks>div span{font:.5rem "DM Mono";color:#677385}.studio-tasks>button{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:.6rem;border:0;border-top:1px solid #222c39;background:transparent;color:#d7dce4;padding:.8rem .3rem;text-align:left;cursor:pointer}.studio-tasks button i{width:15px;height:15px;border:1px solid #566174;border-radius:50%}.studio-tasks button b{font-size:.68rem}.studio-tasks button span{font:.5rem "DM Mono";color:#8f9aac}.studio-tasks button.done{opacity:.45}.studio-tasks button.done b{text-decoration:line-through}.studio-tasks button.done i{background:#6de0a8;border-color:#6de0a8;box-shadow:inset 0 0 0 3px #101722}
.studio-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.studio-projects article{min-height:300px;padding:1.2rem;border:1px solid #293545;border-radius:14px;background:linear-gradient(145deg,#182233,#101722);display:flex;flex-direction:column}.studio-projects article:nth-child(2){background:linear-gradient(145deg,#1f253d,#121725)}.studio-projects article:nth-child(3){background:linear-gradient(145deg,#2b1c25,#151118)}.studio-projects span{font:.52rem "DM Mono";color:#7e8dff}.studio-projects h4{font:600 1.15rem Sora;margin:auto 0 .6rem}.studio-projects p{font-size:.68rem;color:#8994a4}.studio-projects b{font:.5rem "DM Mono";color:#70dfaa;margin-top:1rem}.studio-commerce{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem}.studio-commerce>div:first-child{padding:1rem}.studio-commerce small{font:.52rem "DM Mono";color:#7e8dff}.studio-commerce h4{font:600 1.8rem/1.15 Sora;margin:1rem 0}.studio-commerce p{font-size:.75rem;color:#8d98a8}.studio-products{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.studio-products article{background:#151d29;border:1px solid #293545;border-radius:14px;padding:1rem;display:grid;grid-template-columns:1fr auto;align-items:end}.product-orb{grid-column:1/-1;height:150px;border-radius:10px;margin-bottom:1rem;background:radial-gradient(circle at 48% 45%,#f1dd9a 0 14%,#9a7d33 15% 17%,transparent 18%),linear-gradient(145deg,#20283a,#101620)}.product-orb.p-two{background:radial-gradient(circle at 50% 50%,#d8e2f0 0 15%,#5f718d 16% 19%,transparent 20%),linear-gradient(145deg,#1b2737,#0f141c)}.studio-products b{font-size:.7rem}.studio-products span{font:.65rem;color:#9ba5b3}.studio-products button{grid-column:1/-1;border:1px solid #3b485c;background:transparent;color:white;border-radius:999px;padding:.5rem;margin-top:.8rem;cursor:pointer;font-size:.62rem}.studio-products button:hover,.studio-products button.added{background:#6a79ff;border-color:#6a79ff}
.mobile-device{position:absolute;width:230px;height:465px;right:0;bottom:0;border:7px solid #2c3542;border-radius:34px;background:linear-gradient(160deg,#1b2452,#0e1320 55%);box-shadow:0 35px 90px rgba(0,0,0,.65);padding:1.1rem;color:white;transform:rotate(4deg);overflow:hidden}.mobile-status{display:flex;justify-content:space-between;font:500 .5rem "DM Mono"}.mobile-status i{width:45px;height:11px;background:#05070b;border-radius:20px}.mobile-device>small{display:block;font:.48rem "DM Mono";margin-top:2.2rem;color:#9aa6b8}.mobile-device>small b{float:right;background:#7181ff;color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.mobile-device h3{font:600 1.55rem/1.1 Sora;margin:.6rem 0}.mobile-product-art{height:170px;position:relative;background:radial-gradient(circle,rgba(111,127,255,.4),transparent 65%)}.mobile-product-art i:first-child{position:absolute;width:62px;height:62px;border-radius:50%;background:#e7d48d;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 50px rgba(231,212,141,.35)}.mobile-product-art i:last-child{position:absolute;width:3px;height:80px;background:#a88e43;left:50%;top:55%;box-shadow:-24px 70px 0 24px #161b25;border-radius:3px}.mobile-bottom{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;flex-direction:column}.mobile-bottom span{font:.46rem "DM Mono";color:#8c98aa}.mobile-bottom b{font:600 .9rem Sora}.mobile-bottom small{font-size:.48rem;color:#788496}.studio-note{text-align:right;color:#626f80;margin-top:1rem}
@media(max-width:1000px){.studio-stage{padding-right:4rem}.mobile-device{width:190px;height:390px}.desktop-device{min-height:600px}.studio-app{grid-template-columns:140px 1fr}.studio-stats{grid-template-columns:1fr 1fr}.mini-graph{display:none}.studio-projects{grid-template-columns:1fr}.studio-projects article{min-height:160px}.studio-commerce{grid-template-columns:1fr}.studio-commerce>div:first-child{display:none}}
@media(max-width:700px){.reveal-direction.from-left,.reveal-direction.from-right{transform:translate3d(0,45px,0)}.studio-stage{min-height:650px;padding:0 0 5rem}.desktop-device{min-height:570px;border-radius:18px;transform:none}.device-topbar b{display:none}.studio-app{grid-template-columns:1fr}.studio-app>aside{display:flex;flex-direction:row;padding:.65rem;gap:.3rem;border:0;border-bottom:1px solid #242d3a}.studio-app>aside strong,.studio-app>aside small{display:none}.studio-app>aside button{flex:1;text-align:center;padding:.55rem .2rem}.studio-app>main{padding:1rem}.studio-toolbar{align-items:start}.studio-toolbar label{display:none}.studio-toolbar h3{font-size:1.35rem}.studio-stats{grid-template-columns:1fr 1fr}.studio-stats article{min-height:105px}.studio-stats strong{font-size:1.8rem}.studio-tasks{padding:.6rem}.studio-tasks>button{grid-template-columns:18px 1fr}.studio-tasks button span{display:none}.mobile-device{width:155px;height:310px;right:-8px;bottom:0;border-width:5px;border-radius:25px;padding:.75rem}.mobile-device h3{font-size:1.05rem}.mobile-device>small{margin-top:1.2rem}.mobile-product-art{height:100px}.mobile-bottom{left:.7rem;right:.7rem;bottom:.7rem}.studio-projects{grid-template-columns:1fr}.studio-projects article{min-height:125px;padding:.8rem}.studio-products{grid-template-columns:1fr 1fr}.product-orb{height:105px}.studio-note{text-align:left;font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.reveal-direction{opacity:1;filter:none;transform:none}}