/* Scene library. Scoped to scene components to preserve other marketing pages. */
.scene-home-intro{max-width:660px;margin-top:14px;color:#5d6e85;font-size:15px;line-height:1.85}
.scene-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#1b61d5;line-height:1.7;min-height:40px}
.scene-link span{transition:transform .2s}.scene-link:hover span{transform:translate(2px,-1px)}
.scene-home-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.scene-home-bottom .studio-scenario-note{margin:0;font-size:12px;color:#61738d}
.studio-scenarios .scene-card.scene-card-compact{padding:25px;min-height:0;gap:0;border-radius:12px;transition:border-color .2s,box-shadow .2s,transform .2s}
.studio-scenarios .scene-card.scene-card-compact:hover{border-color:#b8cef2;box-shadow:0 10px 28px #24466f0b;transform:translateY(-3px)}
.studio-scenarios .scene-card .case-top{margin-bottom:17px}.studio-scenarios .scene-card .case-category{font-size:12px;color:#657997}
.studio-scenarios .scene-card h3{font-size:19px;line-height:1.6;font-weight:600;margin-bottom:10px}
.studio-scenarios .scene-card>p.scene-question{font-size:14px;color:#29466e;font-weight:500;line-height:1.8;flex:0;margin:0 0 9px}
.studio-scenarios .scene-card>p.scene-brief{font-size:13px;line-height:1.85;color:#61738d;margin:0 0 20px;flex:1}
.studio-scenarios .scene-card .case-focus{gap:6px;border-top:1px solid #e9eef5;padding-top:14px;margin-top:auto}
.studio-scenarios .scene-card .case-focus span{font-size:11px;color:#5274a2;background:#f0f5fc;border-radius:4px;padding:3px 7px}
.studio-scenarios .scene-card .case-focus span+span::before{content:none}
.studio-scenarios .scene-card>.scene-link{margin-top:10px}
#view-case .scene-hero{padding:136px 0 48px!important;background:linear-gradient(120deg,#f3f7ff,#fafcff)!important}
#view-case .scene-hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
#view-case .scene-hero h1{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.4!important;font-weight:650!important;letter-spacing:-.03em}
#view-case .scene-hero p{margin-top:17px;max-width:570px!important;color:#5d6e85!important;font-size:15px!important;line-height:1.9!important}
.scene-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px}
.scene-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:#53739d;margin-bottom:10px}
.scene-start{border:1px solid #dee8f6;border-radius:16px;padding:25px;background:#ffffffd9;box-shadow:0 16px 48px #23497d08}
.scene-start>.scene-eyebrow{padding:0 0 12px;margin:0;font-size:13px;color:#314c72}
.scene-start>a{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #edf1f7;transition:color .2s}
.scene-start>a:hover{color:#1f6fff}.scene-start>a:last-child{padding-bottom:0}.scene-start>a>span:nth-child(2){flex:1;min-width:0}
.scene-step{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#eef4ff;color:#2e6bd0;font:12px/1 Arial,sans-serif;flex-shrink:0}
.scene-start strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.scene-start small{display:block;font-size:12px;color:#657892;margin-top:4px;line-height:1.75}
#sceneLibrary{scroll-margin-top:88px}#view-case .scene-library{padding:54px 0 48px}
.scene-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.scene-library-head h2{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-.02em;color:#20354f}
.scene-library-head>p{font-size:13px;line-height:1.8;color:#62748e;text-align:right}
.scene-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:21px}
.scene-filters{display:flex;gap:5px;flex-wrap:wrap;flex:1}
.scene-filters button{border:1px solid transparent;border-radius:7px;background:transparent;color:#52647d;padding:9px 12px;font-size:13px;min-height:41px;line-height:1.65;transition:background .2s,color .2s,border-color .2s}
.scene-filters button:hover{background:#f3f6fc}.scene-filters button[aria-pressed=true]{color:#185dca;background:#edf4ff;border-color:#d8e6fc;font-weight:600}
.scene-search{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #dde5f0;border-radius:8px;color:#7a8da7;background:#fff;min-width:0;width:260px}
.scene-search:focus-within{border-color:#6999e6;box-shadow:0 0 0 3px #1f6fff0d}
.scene-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#243954;font-size:13px;line-height:1.8;padding:9px 0}
.scene-search input::placeholder{color:#73839a;opacity:1}.scene-search input:focus-visible{outline:0}
.scene-result-status{width:100%;font-size:12px;color:#63768f;margin:0;min-height:22px}
#allCases.scene-grid{align-items:start;gap:18px}
#allCases .scene-card{border:1px solid #e1e8f1;border-radius:12px;padding:24px;background:#fff;box-shadow:0 3px 12px #24416a02;scroll-margin-top:100px;transition:border-color .2s,box-shadow .2s;overflow:hidden}
#allCases .scene-card:target{border-color:#81a9ea;box-shadow:0 0 0 3px #1f6fff0a}
#allCases .scene-card:hover{border-color:#bccfe9}
#allCases .case-top{margin-bottom:15px}#allCases .case-icon{width:35px;height:35px;border-radius:8px}#allCases .case-category{font-size:12px;color:#617897}
#allCases h3{font-size:18px;font-weight:600;line-height:1.65;margin-bottom:10px;color:#263d5c}
#allCases p.scene-question{font-size:14px;color:#31537f;line-height:1.8;font-weight:500;margin:0 0 9px;flex:none;min-height:50px}
#allCases p.scene-brief{font-size:13px;color:#61738d;line-height:1.85;margin:0 0 18px;flex:none;min-height:72px}
#allCases .case-focus{padding:0;border:0;gap:6px;margin:0 0 19px;min-height:24px}#allCases .case-focus span{font-size:11px;color:#5274a2;background:#f0f5fc;padding:3px 7px}
.scene-plan{border-top:1px solid #eaf0f6;padding-top:2px}
.scene-plan summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:47px;font-size:13px;font-weight:600;color:#315278}
.scene-plan summary::-webkit-details-marker{display:none}#allCases .scene-plan summary::after{content:none}.scene-plan summary>span{font-size:17px;line-height:1;transition:transform .2s}.scene-plan[open] summary>span{transform:rotate(45deg)}
.scene-plan-body{padding:4px 0 17px}.scene-plan dt{font-size:12px;color:#2e5b96;font-weight:600;margin:14px 0 5px}.scene-plan dt:first-child{margin-top:3px}
.scene-plan dd{font-size:13px;line-height:1.85;color:#566c86;margin:0}.scene-plan ul{list-style:disc;padding-left:17px}.scene-plan li+li{margin-top:3px}
.scene-plan .scene-note{font-size:11px;color:#6c7f98;background:#f6f8fb;border-radius:6px;padding:10px 12px;line-height:1.85;margin-top:15px}
.scene-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;padding-top:12px;border-top:1px solid #eaf0f6}
.scene-actions a{font-size:12px;line-height:1.8;min-height:33px;display:inline-flex;align-items:center;gap:8px;color:#1b61d5;font-weight:600}.scene-actions a:last-child{font-weight:400;color:#5f7390}.scene-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.scene-empty{padding:54px 24px;text-align:center;background:#f7faff;border:1px dashed #c9d9f1;border-radius:12px}.scene-empty h3{font-size:18px;color:#304c73}.scene-empty p{font-size:13px;color:#63768f;margin:9px 0 18px}
.scene-empty button{background:#fff;border:1px solid #cddcf0;color:#285990;border-radius:6px;padding:8px 14px;font-size:13px;min-height:40px}.scene-empty a{font-size:13px;color:#1f6fff;margin-left:16px}
.scene-library-note{font-size:12px;color:#677b95;line-height:1.85;margin-top:22px}
#view-case .scene-workflow{background:#f7faff;border-block:1px solid #edf2f8;padding:45px 0}
.scene-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.scene-process li{border-top:1px solid #dbe7f6;padding-top:18px}.scene-process li>span{color:#527ebc;font:13px Arial,sans-serif}.scene-process h3{font-size:15px;color:#2c4568;margin:12px 0 8px;font-weight:600}.scene-process p{font-size:13px;color:#63768f;line-height:1.85}
#view-case .scene-cta{background:#fff;padding:44px 0}#view-case .scene-cta h2{font-size:28px;color:#243c5d}#view-case .scene-cta p{font-size:14px;color:#62758f}
.scene-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:981px){#allCases .scene-card{min-height:386px}}
@media(max-width:1100px){#view-case .scene-hero-layout{gap:32px}.scene-tools{gap:13px}.scene-search{width:100%;max-width:380px}.scene-filters{flex-basis:100%}#allCases.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-process{gap:20px}.scene-start{padding:22px}}
@media(max-width:700px){#view-case .scene-hero{padding:105px 0 29px!important}#view-case .scene-hero-layout{grid-template-columns:1fr;gap:26px}#view-case .scene-hero h1{font-size:32px!important;line-height:1.45!important}#view-case .scene-hero p{font-size:14px!important}.scene-hero-actions{gap:10px 19px;margin-top:19px}.scene-start{padding:21px}.scene-start>a{padding:15px 0}.scene-start strong{font-size:13px}.scene-start small{font-size:12px}.scene-library-head{display:block;margin-bottom:21px}.scene-library-head h2{font-size:23px}.scene-library-head>p{text-align:left;margin-top:11px;font-size:13px}.scene-library-head>p br{display:none}.scene-library-head>.scene-link{margin-top:10px}#view-case .scene-library{padding:32px 0}.scene-filters{gap:5px}.scene-filters button{font-size:12px;padding:8px 10px;min-height:40px}.scene-search{max-width:none}.scene-result-status{font-size:12px}#allCases.scene-grid{grid-template-columns:1fr;gap:14px}#allCases .scene-card{padding:22px}#allCases p.scene-question,#allCases p.scene-brief{min-height:0}#allCases p.scene-question{font-size:14px}#allCases p.scene-brief{margin-bottom:16px}#allCases .case-focus{margin-bottom:15px}.scene-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.scene-process p{font-size:12px}.scene-process h3{font-size:14px}.scene-home-intro{font-size:13px;margin-top:12px}.scene-home-bottom{gap:5px}.studio-scenarios .scene-card.scene-card-compact{padding:23px}.studio-scenarios .scene-card h3{font-size:18px}.scene-home-bottom .studio-scenario-note{font-size:12px}#view-case .scene-workflow{padding:32px 0}#view-case .scene-cta{padding:34px 0}#view-case .scene-cta h2{font-size:23px}#view-case .scene-cta p{font-size:13px}.scene-empty a{display:block;margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){.scene-link span,.scene-plan summary>span,.scene-start>a,.scene-filters button,.studio-scenarios .scene-card.scene-card-compact,#allCases .scene-card{transition:none}.studio-scenarios .scene-card.scene-card-compact:hover{transform:none}}
