/* Orbit idea: retain native radio controls and existing stage content. */
#studio .orbit18{--o-ink:#f5f3ef;--o-muted:#b7b1a7;--o-line:#49443b;--o-accent:#f6c629;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:48px}
html[data-theme=night] #studio .orbit18{--o-accent:#f6c629}
#studio .orbit18 .method-map{display:block;width:100%;max-width:620px;aspect-ratio:1;margin-inline:auto;border:0;padding:0;position:relative;isolation:isolate}
#studio .orbit18 .method-connections{inset:0;width:100%;height:100%;z-index:-1;overflow:visible;color:var(--o-line)}
#studio .orbit18 .method-orbit{stroke:var(--o-accent);stroke-width:1;opacity:.45;animation:none}
#studio .orbit18 .method-progress-track{fill:none;stroke:var(--o-line);stroke-width:1}
#studio .orbit18 .method-progress-arc{fill:none;stroke:var(--o-accent);stroke-width:2;stroke-dasharray:25 75;stroke-dashoffset:0;transform-origin:250px 250px;transform:rotate(-135deg);transition:transform .7s cubic-bezier(.22,.7,.2,1);filter:drop-shadow(0 0 5px #f6c62940)}
#studio .orbit18 .method-map[data-step="1"] .method-progress-arc{transform:rotate(-45deg)}
#studio .orbit18 .method-map[data-step="2"] .method-progress-arc{transform:rotate(45deg)}
#studio .orbit18 .method-map[data-step="3"] .method-progress-arc{transform:rotate(135deg)}
#studio .orbit18 .method-spoke{fill:none;stroke:var(--o-line);stroke-width:1;stroke-dasharray:1 9;animation:none;opacity:.65}
#studio .orbit18 .method-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle,#f6c62915,transparent 70%);box-shadow:none}
#studio .orbit18 .method-core img{width:48%;height:48%;object-fit:contain}
#studio .orbit18 .method-node{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:29%;min-height:0;padding:16px 4px;background:var(--o-paper,#101011);border:0;border-radius:50%;box-shadow:none;transform:translate(-50%,-50%);color:var(--o-ink);transition:color .25s;cursor:pointer}
#studio .orbit18 .node-top{left:50%;top:14%}#studio .orbit18 .node-right{left:86%;top:50%}#studio .orbit18 .node-bottom{left:50%;top:86%}#studio .orbit18 .node-left{left:14%;top:50%}
#studio .orbit18 .method-node::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--o-ink);box-shadow:0 0 0 6px var(--o-paper,#101011),0 0 0 7px var(--o-line);margin-bottom:7px;transition:background .25s,box-shadow .25s}
#studio .orbit18 .method-node .node-index{background:none;padding:0;border-radius:0;color:var(--o-muted);font-size:12px;letter-spacing:.06em}
#studio .orbit18 .method-node strong{font-size:clamp(12px,1.15vw,18px);font-weight:500;letter-spacing:-.025em;overflow-wrap:normal;line-height:1.25}
#studio .orbit18 .method-node>span:last-child{font-size:11px;color:var(--o-muted)}
#studio .orbit18 .method-node:has(input:checked){background:var(--o-paper,#101011);border:0;box-shadow:none;color:var(--o-accent)}
#studio .orbit18 .method-node:has(input:checked)::before{background:var(--o-accent);box-shadow:0 0 0 6px var(--o-paper,#101011),0 0 0 7px var(--o-accent),0 0 24px #f6c62940}
#studio .orbit18 .method-node:has(input:checked) .node-index{background:none;color:var(--o-accent);padding:0}
#studio .orbit18 .method-node:hover{transform:translate(-50%,-50%);color:var(--o-accent)}
#studio .orbit18 .method-node:has(input:focus-visible){outline:2px solid var(--o-accent);outline-offset:2px}
#studio .orbit18 .method-detail{padding:16px 0;min-width:0;color:var(--o-ink)}
#studio .orbit18 .method-kicker,#studio .orbit18 .method-output>span,#studio .orbit18 .method-next{color:var(--o-accent)}
#studio .orbit18 #method-idea,#studio .orbit18 .method-client{color:var(--o-muted)}
#studio .orbit18 .method-detail h3{font-size:clamp(26px,3vw,48px);line-height:1.1}
#studio .orbit18 .method-detail li::before{color:var(--o-accent)}
#studio .orbit18 .method-output{background:none;border-left:0;border-top:1px solid var(--o-line);padding:20px 0 0;margin:24px 0 16px}
#studio .orbit18 .method-hint{color:var(--o-muted);font-size:12px}
#studio .orbit18 .method-satellite{fill:var(--o-accent);transform-origin:250px 250px;animation:none}
body[data-motion=running] #studio .orbit18 .method-satellite{animation:orbit18-satellite 28s linear infinite}
@keyframes orbit18-satellite{to{transform:rotate(360deg)}}
@media(max-width:900px){#studio .orbit18{grid-template-columns:minmax(0,1fr);gap:12px}#studio .orbit18 .method-map{max-width:480px}#studio .orbit18 .method-node strong{font-size:clamp(12px,3vw,17px)}#studio .orbit18 .method-detail{max-width:640px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){#studio .orbit18 *,body[data-motion=running] #studio .orbit18 .method-satellite{animation:none!important;transition:none!important}}
body[data-motion=paused] #studio .orbit18 *{animation:none!important;transition:none!important}

#studio .orbit18 .method-diagram{background:none;border:0;border-radius:0;padding:0}#studio .orbit18 .method-core::after{display:none}
#studio .orbit18 .method-node,#studio .orbit18 .method-node:has(input:checked){background:none;border-radius:0;text-shadow:0 0 6px #101011,0 0 12px #101011}
#studio .orbit18 .method-node::before{box-shadow:0 0 0 5px #101011,0 0 0 6px var(--o-line)}
#studio .orbit18 .method-node:has(input:checked)::before{box-shadow:0 0 0 5px #101011,0 0 0 6px var(--o-accent),0 0 20px #f6c62940}
#studio .orbit-heading19{margin:48px 0 0;padding-top:28px;border-top:1px solid #ffffff24;color:#f5f3ef;font-size:clamp(24px,2.5vw,36px);font-weight:500;letter-spacing:-.03em}
#studio .orbit-heading19 small{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f6c629}
#studio .orbit-heading19+.orbit18{margin-top:24px}