:root{--bg:#0d0e20;--bg-soft:#17182e;--panel:#1b1b35;--accent:#a99cff;--accent-ink:#17112c;--blue:#bbb3ff;--muted:#aaa9c3;--line:#ffffff20;--text:#f4f2ff}
body::before{background:radial-gradient(ellipse at 85% 12%,#7054ec40,transparent 45%),radial-gradient(ellipse at 5% 45%,#2865b62b,transparent 40%);background-size:auto}
.hero{position:relative;grid-template-columns:1.15fr 1fr;gap:50px;padding-block:100px 65px;min-height:760px}
.hero-copy{grid-row:1 / 3}.hero h1{font-size:clamp(3rem,5.8vw,5.5rem)}
.lead{color:var(--muted)}.status-panel{grid-column:2;padding:18px 24px;background:var(--bg-soft);box-shadow:none}.status-top{padding-bottom:10px}.steps{display:flex;gap:14px}.steps li{display:block;flex:1;border:0;padding:6px 0}.steps strong{font-size:.8rem}.steps small{display:none}
.concept-visual{height:330px;position:relative;display:grid;place-items:center;perspective:1000px}
.orbit{position:absolute;width:300px;height:300px;border:1px solid var(--accent);border-radius:50%;opacity:.32;transform:rotateX(65deg) rotateZ(-30deg)}
.orbit-two{width:390px;height:390px;transform:rotateY(60deg) rotateZ(25deg)}
.floating-window{position:relative;width:90%;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,var(--panel),var(--bg));box-shadow:0 35px 80px #0003;transform:rotate(-6deg);animation:window-flight 7s ease-in-out infinite}
.window-dots{color:var(--muted);font-size:10px;letter-spacing:4px;margin-bottom:25px}.floating-window span{color:var(--accent);letter-spacing:.15em;font-size:10px}.floating-window strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:12px 0 23px}.floating-window small{font-size:11px;color:var(--muted)}.progress-track{height:5px;background:var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}.progress-track i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;animation:progress-in 7s ease-in-out infinite}
.floating-tag{position:absolute;bottom:4px;right:0;padding:13px 18px;background:var(--accent);color:var(--accent-ink);border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 15px 35px #0002;animation:tag-flight 7s ease-in-out infinite}
.service-grid article{background:linear-gradient(140deg,var(--panel),var(--bg-soft));border-radius:24px}.request{background:var(--panel);color:var(--text);border:1px solid var(--line)}.request .eyebrow,.request-copy p:last-child,.copy-status{color:var(--muted)}.request .button.primary{background:var(--accent);color:var(--accent-ink)}
input,textarea{background:var(--bg);color:var(--text);border-color:var(--line)}::placeholder{color:var(--muted)}
[data-theme=studio]{color-scheme:light;--bg:#f5f3ee;--bg-soft:#fff;--panel:#ebeef5;--accent:#305ee8;--accent-ink:#fff;--text:#192334;--muted:#617080;--blue:#305ee8;--line:#1c35551c}
[data-theme=studio] body::before{background:radial-gradient(ellipse at 90% 12%,#d7e2ff,transparent 40%),radial-gradient(ellipse at 4% 65%,#e4dcd0,transparent 45%)}
[data-theme=studio] h1 span{color:var(--accent)}[data-theme=studio] .service-grid article{background:#ffffffb8}[data-theme=studio] .floating-window{background:linear-gradient(135deg,#fff,#e7edff)}
[data-theme=warm]{--bg:#171819;--bg-soft:#202224;--panel:#292b2d;--accent:#ffb26b;--accent-ink:#251609;--text:#f5eee5;--muted:#b9b2a8;--blue:#ffb26b;--line:#ead7be24}
[data-theme=warm] body::before{background:radial-gradient(ellipse at 90% 12%,#b4642330,transparent 42%),linear-gradient(120deg,transparent 40%,#ffffff03 40%,#ffffff03 41%,transparent 41%)}
[data-theme=warm] .orbit{border-radius:24%;transform:rotate(35deg)}[data-theme=warm] .orbit-two{transform:rotate(60deg)}[data-theme=warm] h1 span{color:var(--accent)}
@keyframes window-flight{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-3deg)}}
@keyframes tag-flight{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes progress-in{0%,10%{transform:scaleX(.15)}40%,100%{transform:scaleX(1)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:60px;gap:25px;min-height:auto}.hero-copy{grid-row:auto}.status-panel{grid-column:auto}.concept-visual{height:320px;max-width:480px;width:100%;margin:auto}.hero h1{font-size:clamp(3rem,9vw,5rem)}.orbit-two{width:300px;height:300px}}
body::before{inset:-80px;translate:0 var(--parallax-bg,0px)}
.concept-visual > *{transition:translate .25s ease-out}
@media(prefers-reduced-motion:reduce){.floating-window,.floating-tag,.progress-track i{animation:none}.concept-visual > *,body::before{translate:none!important;transition:none}}