.fc-demo{margin:0;border:1px solid #d8dfde;border-radius:14px;background:#f4f1ea;box-shadow:0 18px 45px #0f17200c;overflow:hidden;color:#0f1720;text-align:left}
.fc-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f1720;color:#f4f1ea;padding:18px 22px;font-size:16px;font-weight:700}
.fc-demo__bar>span:first-child{display:flex;align-items:center;gap:10px}.fc-demo__badge{font-size:11px;font-weight:400;color:#c4d1d5}
.fc-demo__steps{display:flex;padding:0 14px;background:#fff;border-bottom:1px solid #dfe4e3;gap:4px}
.fc-demo__steps button{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#5b666f;font:inherit;font-size:12px;padding:15px 4px;cursor:pointer;min-height:44px}
.fc-demo__steps button[aria-pressed=true]{color:#176f6b;border-color:#1c7f7a;font-weight:700}
.fc-demo__screens{display:grid;padding:26px;background:#fff;min-height:465px}
.fc-demo__screen{grid-area:1/1;min-width:0;animation:fc-appear .5s ease}.fc-demo__screen[hidden]{display:none}
.fc-demo .fc-demo__eyebrow{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#647078;margin:0 0 10px;font-weight:600}
.fc-demo h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 24px}.fc-demo__label{font-size:12px;font-weight:600;margin:18px 0 7px;color:#55616a}
.fc-demo__field{border:1px solid #d7dfdd;background:#fafbf9;border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.6}.fc-demo__equipment{display:flex;justify-content:space-between}.fc-demo__symptom{min-height:92px}
.fc-demo__context{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 20px}.fc-demo__context span{background:#f4f1ea;border-radius:4px;padding:5px 7px;font-size:10px;color:#5b666f}
.fc-demo__action{padding:12px 16px;background:#1c7f7a;border-radius:6px;color:#fff;font-size:13px;display:flex;justify-content:space-between;max-width:210px}
.fc-demo .fc-demo__intro,.fc-demo .fc-demo__recommendation{font-size:14px;line-height:1.65;margin:0 0 18px;color:#46535e}
.fc-demo__checks{list-style:none;padding:0;margin:24px 0 0}.fc-demo__checks li{padding:12px 0 12px 30px;border-bottom:1px solid #e7ebe9;font-size:13px;position:relative;opacity:.42;transition:opacity .5s}.fc-demo__checks li::before{content:'○';position:absolute;left:0;color:#1c7f7a;font-size:19px;top:8px}.fc-demo__checks li.is-done{opacity:1}.fc-demo__checks li.is-done::before{content:'✓'}.fc-demo__checks li span{display:block;color:#66727a;font-size:11px;margin-top:4px}
.fc-demo__finding{padding:16px;background:#eef5f2;border-left:3px solid #1c7f7a;border-radius:3px}.fc-demo__finding>span{font-size:11px;color:#47665e;display:block}.fc-demo__finding strong{display:block;font-size:21px;margin:5px 0}.fc-demo__finding p{font-size:13px;line-height:1.6;margin:0;color:#46535e}.fc-demo__references{display:flex;gap:12px;color:#176f6b;font-size:11px;flex-wrap:wrap}.fc-demo__handoff{border-top:1px solid #dfe4e3;margin-top:24px;padding-top:14px;font-size:12px;display:flex;justify-content:space-between;color:#47665e}
.fc-demo figcaption{padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#667078}.fc-demo__pause{background:none;border:0;font:inherit;font-size:12px;color:#176f6b;min-height:44px;cursor:pointer;padding:0 8px}.fc-demo button:focus-visible{outline:2px solid #1c7f7a;outline-offset:-3px}
@keyframes fc-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.fc-demo__screens{padding:20px;min-height:470px}.fc-demo__bar{padding:16px}.fc-demo h3{font-size:22px}.fc-demo__steps button{font-size:11px}.fc-demo figcaption{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.fc-demo__screen{animation:none}.fc-demo__checks li{transition:none}}

@media(prefers-reduced-motion:no-preference){
.fc-demo__screen:not([hidden]) .fc-demo__equipment{animation:fc-select 2s ease both}
.fc-demo__screen:not([hidden]) .fc-demo__symptom{animation:fc-appear .8s 1s both}
.fc-demo__screen:not([hidden]) .fc-demo__action{animation:fc-appear .6s 2s both}
.fc-demo.is-paused .fc-demo__equipment,.fc-demo.is-paused .fc-demo__symptom,.fc-demo.is-paused .fc-demo__action{animation:none}
@keyframes fc-select{0%{border-color:#d7dfdd}40%,75%{border-color:#1c7f7a;box-shadow:0 0 0 3px #1c7f7a12}100%{border-color:#d7dfdd}}
}

/* Give the walkthrough equal visual weight to the business story. */
#studio-overview.fr-overview .fr-overview__row{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start}
.fr-overview__copy,.fr-overview__demo{min-width:0}
#studio-overview.fr-overview .fr-overview__headline{font-size:clamp(28px,3vw,42px);line-height:1.15;max-width:15ch;margin:0 0 24px}
#studio-overview.fr-overview .fr-overview__intro{max-width:none;margin-bottom:26px}
#studio-overview.fr-overview .fr-overview__intro p{font-size:16px;line-height:1.7;margin-bottom:16px}
#studio-overview.fr-overview .fr-outcomes{margin-top:16px}
#studio-overview.fr-overview .fr-outcomes li{font-size:16px;line-height:1.5;margin-bottom:18px}
#studio-overview.fr-overview .fr-outcomes__proof{font-size:13px;line-height:1.55;margin-top:6px}
.fr-overview__demo .fc-demo__screens{min-height:490px;padding:30px}
.fr-overview__demo .fc-demo h3{font-size:26px}
.fr-overview__demo .fc-demo__field{font-size:15px}
@media(max-width:900px){
#studio-overview.fr-overview .fr-overview__row{grid-template-columns:minmax(0,1fr);gap:28px}
.fr-overview__copy{display:contents}
.fr-overview__intro{order:0}
.fr-overview__demo{order:1;width:100%;max-width:650px;justify-self:center}
.fr-overview__benefits{order:2}
#studio-overview.fr-overview .fr-overview__headline{max-width:20ch;font-size:32px}
#studio-overview.fr-overview .fr-overview__intro{margin-bottom:0}
.fr-overview__demo .fc-demo__screens{padding:24px;min-height:470px}
}
@media(max-width:480px){.fr-overview__demo .fc-demo__screens{padding:20px}.fr-overview__demo .fc-demo h3{font-size:22px}#studio-overview.fr-overview .fr-overview__headline{font-size:30px}}

.fc-demo__screen{position:relative}.fc-demo__lookup{position:absolute;top:132px;left:0;right:0;z-index:2;background:white;border:1px solid #cfdad6;box-shadow:0 12px 24px #0f172018;border-radius:6px;padding:6px;font-size:12px}.fc-demo__lookup>span,.fc-demo__lookup strong{display:block;padding:10px}.fc-demo__lookup strong{background:#e7f1ed;color:#176f6b;font-weight:600}.fc-demo__lookup strong span{float:right}.fc-demo__followup{font-size:12px;line-height:1.6;padding:12px;background:#f4f1ea;border-radius:6px;margin-top:16px}.fc-demo__followup span{color:#5b666f}.fc-demo__screen:not([hidden]) .fc-demo__symptom{animation:none}.fc-demo__checks li.is-working{opacity:1}.fc-demo__checks li.is-working::before{content:'◌';animation:fc-spin 1.5s linear infinite}@keyframes fc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.fc-demo__checks li.is-working::before{animation:none}}

.fc-demo__screen[hidden]{display:block;visibility:hidden;pointer-events:none;animation:none}
.fc-demo__screen{transition:opacity .6s ease;animation:fc-appear .65s ease both}
.fc-demo.is-leaving .fc-demo__screen:not([hidden]){opacity:0;animation:none}
@media(prefers-reduced-motion:reduce){.fc-demo__screen{transition:none;animation:none}}

/* Match the shared Olytic workspace chrome. */
.fc-demo__bar{background:#fff;color:#12232b;border-bottom:1px solid #d9e3df}.fc-demo__badge{color:#586b70!important}.fc-demo__screens{background:#f3f1eb}.fc-demo__screen{background:#fff;border:1px solid #d9e3df;border-radius:9px;padding:20px;min-width:0}.fc-demo__bar img{background:#12232b;border-radius:6px;padding:3px;box-sizing:content-box}@media(max-width:540px){.fc-demo__screen{padding:16px 12px}.fc-demo__screens{padding:10px!important}}