/* A service and its scope form one unit; the selected product gets the stage. */
.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:48px;align-items:start}
.summary{top:24px;overflow:visible;background:transparent;border:0;box-shadow:none}
.live-studio{isolation:isolate;border:1px solid #b3d2ff3b;border-radius:15px;overflow:hidden;background:#0c203b;box-shadow:0 20px 55px #020d2530}
.summary-content{background:#f2f5fc;margin-top:18px;border-radius:14px;overflow:hidden}
.scene-tabs{display:flex;gap:4px;padding:10px 14px;background:#09182d;border-bottom:1px solid #adc9ff26;min-height:52px}
.scene-tabs button{font:inherit;font-size:11px;letter-spacing:.02em;border:1px solid transparent;background:transparent;color:#9cbce8;min-height:32px;padding:6px 13px;border-radius:6px;cursor:pointer}
.scene-tabs button[aria-pressed=true]{background:#284d97;color:#fff;border-color:#7197e45c}.scene-tabs button:hover{color:#fff;background:#27497a}
.scene-tabs button:focus-visible{outline:2px solid #b5d5ff;outline-offset:2px}
.composition{height:392px!important;border-radius:0;background:radial-gradient(ellipse at 67% 22%,#386ba5 0%,#173e65 40%,#0a2039 78%)!important}
#composition-view{height:348px!important}.composition-caption{height:44px;font-size:10px;line-height:1.6}.composition-caption>span:first-child{max-width:85%}
.live-context{min-height:155px;padding:18px 24px;background:#0b203b}.live-context>strong{font-size:20px;letter-spacing:-.025em;margin:8px 0}.live-context>small{font-size:11px;line-height:1.65;min-height:36px;color:#b4cbe9;max-width:52ch}
.story-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:10px}
.story-steps li{flex:1;min-width:0;font-size:9px;line-height:1.5;color:#91acd0}.story-steps i{display:block;height:2px;background:#6889b63b;margin-bottom:7px;border-radius:1px;transition:background 220ms}
.story-steps li[data-state=active]{color:#f5f8ff}.story-steps li[data-state=active] i{background:#b2d3ff}.story-steps li[data-state=done] i{background:#5986d1}
.service-list{overflow:clip}.service-list>.scope-disclosure{border:0;background:linear-gradient(120deg,#142f5ae6,#08172cee);padding:0 24px!important;border-bottom:1px solid #a7c3ff40!important}
.service-list>.scope-disclosure[hidden]{display:none}.scope-summary{min-height:68px;padding:18px 0}.scope-summary h3{font-size:15px;color:#aac7f2}.scope-summary .block-title>span{font-size:13px}.scope-body{padding:10px 0 30px}
.service-option{scroll-margin-top:100px}.service-option:has(:checked){background:#234a8640}.service-list>.scope-disclosure[open]{border-left:2px solid #93b8ff}
.scope-body .technical-detail{margin-bottom:24px}.scope-body .field-pair{gap:14px}.scope-body .priced-option{padding-left:13px;padding-right:13px}
.scope-body .choice-grid label{padding:13px 11px}.scope-body .choice-grid span{font-size:12px}
.launch-copy h2{max-width:15ch;margin-left:auto;margin-right:auto}
#result-view{height:370px}
@media(min-width:761px) and (max-height:900px){.composition{height:302px!important}#composition-view{height:258px!important}.live-context{min-height:140px;padding:14px 20px}.live-context>strong{font-size:17px}.story-steps{margin-top:12px}}
@media(min-width:761px) and (max-width:1100px){.calculator-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:28px}.service-list>.scope-disclosure{padding:0 16px!important}.service-option strong{font-size:20px}.scene-tabs{padding:8px}.scene-tabs button{padding:6px 10px}.scope-body .choice-grid.two{grid-template-columns:1fr}}
@media(max-width:760px){
 .calculator-layout{display:block}.summary{position:relative;top:auto;margin-top:34px}.summary-content{margin-top:0}
 .live-studio{position:sticky;top:71px;z-index:38;margin:0 0 32px;border-radius:10px;box-shadow:0 9px 18px #020d2580}
 .scene-tabs{padding:5px 9px;min-height:38px}.scene-tabs button{padding:4px 12px;min-height:28px;font-size:10px}
 .composition{height:185px!important}#composition-view{height:160px!important}.composition-caption{height:25px;font-size:8px;left:12px;right:12px}.composition-caption span{z-index:2}
 #replay-assembly{font-size:0;padding:7px;min-width:30px;min-height:30px;right:9px;top:8px}#replay-assembly span{font-size:15px}
 .live-context{padding:9px 12px 11px;min-height:77px}.live-context>span{display:none}.live-context>strong{font-size:13px;margin:0;line-height:1.5}.live-context>small{display:none}.story-steps{margin-top:9px;gap:9px}.story-steps li{font-size:8px}.story-steps i{margin-bottom:5px}
 .service-list>.scope-disclosure{padding:0 15px!important}.scope-summary{min-height:66px}.scope-summary h3{font-size:14px}.scope-summary .block-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.scope-summary .block-title>span{font-size:11px;margin:0}
 .scope-body .technical-detail dl>div{grid-template-columns:1fr;gap:6px}
 #config-form :is(input,button,summary,label),#services-title,.service-option,.scope-disclosure{scroll-margin-top:410px;scroll-margin-bottom:30px}
 #config-form{overflow-anchor:none}#result-view{height:280px}.scope-body .choice-grid.two{grid-template-columns:1fr 1fr}
}
@media(max-height:650px) and (max-width:760px){.live-studio{position:relative;top:auto}}
@media(max-width:360px){.scene-tabs button{padding:4px 9px}.scope-body .choice-grid.two{grid-template-columns:1fr}.scope-body .priced-option{padding-left:9px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.story-steps i{transition:none}}
@media print{.live-studio{display:none!important}}