.business-showcase{padding-block:5rem;border-top:1px solid #ffffff12;scroll-margin-top:7rem}
.business-showcase .section-heading>p{max-width:42rem}
.business-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(20rem,1fr);gap:2.5rem;align-items:start}
.business-film{min-width:0;border:1px solid #30496b;border-radius:1rem;overflow:hidden;background:#0c1422}
.business-film-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid #ffffff0d;font-size:.8rem;color:#a4b7d4}
.business-film-top>span:first-child{display:flex;align-items:center;gap:.65rem;color:#e4edfc;font-weight:550}.business-film-top img{width:1.6rem;height:1.6rem}
.business-stage{position:relative;padding:1.75rem;display:grid;align-items:stretch;background:radial-gradient(ellipse at 50% 100%,#2563eb16,transparent 70%)}
/* Stack panels in one grid cell so automatic playback never shifts the page.
   Visibility hides inactive panels from focus and the accessibility tree. */
.business-scene{grid-area:1 / 1;min-width:0;width:100%;position:relative;display:flex;flex-direction:column}.business-scene[hidden]{display:flex!important;visibility:hidden;pointer-events:none}.business-scene>.studio-window{flex:1;display:flex;flex-direction:column}.studio-offer,.studio-brief,.client-update{flex:1}
.business-scene-heading{margin-bottom:1.5rem}.business-step-label{display:block;color:#9bb6db;font-size:.75rem;letter-spacing:.1em;margin-bottom:.75rem}
.business-scene h3{font-size:1.8rem;line-height:1.3;letter-spacing:-.03em;font-weight:550;margin:0}.business-scene h3>span{color:#9fc3fc;margin-left:.35em}
.business-scene-heading>p{color:#a8b4cb;font-size:1rem;line-height:1.65;margin:.65rem 0 0;max-width:60ch}
.studio-window{background:#121f33;border:1px solid #3b567c;border-radius:.65rem;overflow:hidden;box-shadow:0 .75rem 2rem #02081730}
.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #314560;color:#a7bddb;font-size:.8rem}
.studio-brand{display:flex;align-items:center;gap:.55rem;color:#e7efff;font-size:.9rem;font-weight:600;letter-spacing:.025em}.studio-brand svg{width:1.4rem;height:1.4rem;color:#8ab8ff}
.studio-offer{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:1.5rem;padding:1.5rem}
.studio-offer>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.45rem}
.studio-offer h4{font-size:1.4rem;line-height:1.4;margin:0 0 .65rem;font-weight:550;letter-spacing:-.02em}.studio-offer p{font-size:.95rem;line-height:1.7;color:#a8bddb;margin:0}
.studio-offer strong{display:block;margin-top:1.25rem;font-size:2.5rem;font-weight:550;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.studio-offer strong small{font-size:.8rem;font-weight:400;color:#a8bddb;letter-spacing:0;margin-left:.5rem}
.studio-scope{list-style:none;display:grid;gap:.4rem;margin:1rem 0 0;padding:0;color:#c9d8ec;font-size:.95rem}.studio-scope li::before{content:'\2713';color:#93c5fd;margin-right:.65rem}
.studio-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:1rem 1.5rem;border-top:1px solid #314560}.studio-order-meta dt{font-size:.8rem;color:#a8bddb;margin-bottom:.3rem}.studio-order-meta dd{font-size:.95rem;color:#dfebff;margin:0;overflow-wrap:anywhere}
.studio-request{display:flex;align-items:center;gap:.65rem;padding:1rem 1.25rem;background:#1c3558;color:#d6e6ff;border-top:1px solid #3b567c;font-size:.85rem}.studio-request svg{width:1.2rem;height:1.2rem;color:#91bfff;flex:none}.studio-request>span:last-child{margin-left:auto;color:#a5c4ec}
.business-routing{display:grid;grid-template-columns:1fr 5rem 1fr;align-items:center;margin-bottom:1rem}.business-routing>div{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.5rem;color:#b8d1f3;font-size:.95rem}.business-routing img{width:2rem;height:2rem}.business-routing svg{width:100%;height:2rem;color:#406089}.business-routing .routing-pulse{stroke:#8dbeff;stroke-dasharray:10 90;stroke-dashoffset:100}
.studio-brief{display:grid;gap:0;border-block:1px solid #30496c;padding:.3rem 0;margin:0 1.5rem}.studio-brief>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #ffffff0a;font-size:.95rem;line-height:1.65}.studio-brief>div:last-child{border:0}.studio-brief dt{color:#a5bbda}.studio-brief dd{margin:0;color:#dfebff;overflow-wrap:anywhere}.studio-note{padding:1rem 1.5rem;font-size:.9rem;line-height:1.6;color:#a6bddc}
.client-update{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem}
.client-update h4{margin:0;font-size:1.1rem;line-height:1.5;font-weight:600;color:var(--halo-ink)}
.client-update p{font-size:1rem;line-height:1.7;color:#b1c4df;margin:.4rem 0 0}
.client-video{display:flex;align-items:center;gap:1.25rem;min-width:0}
.client-video>img{width:9rem;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.35rem;flex:none}
.client-video>div{min-width:0}.client-video>div>span{display:block;font-size:.85rem;color:#a8bddb;margin-bottom:.3rem}
.client-video p{font-size:.9rem}
.client-report{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin:0;padding:1.1rem 0;border-block:1px solid #314560}
.client-report-keyword{grid-column:1/-1}.client-report dt{font-size:.85rem;color:#a8bddb;margin-bottom:.4rem}
.client-report dd{margin:0;font-size:1.05rem;line-height:1.5;color:#dfebff;overflow-wrap:anywhere}
.client-report dd:has(strong){display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.client-report dd strong{font-size:2rem;line-height:1;font-weight:600;color:#9fc3fc;font-variant-numeric:tabular-nums}
.client-report dd span{font-size:.85rem;color:#a8bddb}
.client-next-step h4{font-size:1rem}.client-report-note{margin:0;padding:1rem 1.5rem;border-top:1px solid #314560;color:#a8bddb;font-size:.85rem;line-height:1.6}
.business-film-bottom{border-top:1px solid #263b59;background:#0c1420}.business-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:.5rem .75rem;gap:.4rem}.business-chapters button{position:relative;display:flex;align-items:center;gap:.55rem;min-height:3.25rem;border:0;border-radius:.35rem;padding:.7rem;background:transparent;color:#adbfda;font:inherit;font-size:.9rem;text-align:left;cursor:pointer;overflow:hidden}.business-chapters button>span:first-child{font-size:.75rem;color:#9fb9dc}.business-chapters button[aria-selected=true]{background:#1c3150;color:#e4edfc}.business-chapters button::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#76aaff;transform-origin:left;transform:scaleX(0)}.business-chapters button[aria-selected=true]::after{transform:scaleX(var(--business-progress,0))}
.business-transport{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem 1.4rem .7rem;font-size:.8rem;color:#a1b7d5}
.business-details{min-width:0;padding-top:.25rem}.business-details h3{font-size:1.65rem;line-height:1.35;letter-spacing:-.025em;font-weight:550;margin:0 0 .85rem}.business-details>p{font-size:1rem;line-height:1.8;color:#adbfda;margin:0 0 1.5rem}
.business-channels{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;padding:0 0 1.5rem;border-bottom:1px solid #26354d;font-size:.95rem}.business-channels span{display:flex;align-items:center;gap:.5rem}.business-channels img,.business-channels svg{width:1.4rem;height:1.4rem;flex:none}.business-telegram{color:#5cc3f4}.business-discord{color:#a3a9ff}
.service-example{margin:1.5rem 0;border:0;padding:0}.service-example legend{padding:0;font-size:1rem;color:#c4d3e9;margin-bottom:.9rem}.service-example-options{display:flex;gap:.6rem}.service-example label{position:relative;flex:1}.service-example input{position:absolute;width:1px;height:1px;opacity:0}.service-example label>span{display:flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.65rem 1rem;border:1px solid #344863;border-radius:.45rem;color:#acbfdb;font-size:1.1rem;cursor:pointer;transition:background-color 160ms,border-color 160ms}.service-example input:checked+span{background:#1d3760;border-color:#659bf0;color:#edf4ff}.service-example input:focus-visible+span{outline:2px solid #a3c9ff;outline-offset:3px}.service-example p{font-size:.9rem;line-height:1.65;color:#a1b5d1;margin:.85rem 0 0}
.business-costs{margin:0 0 1.5rem}.business-costs>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.95rem;border-bottom:1px solid #26354d}.business-costs dt{color:#a5b9d5}.business-costs dd{margin:0;color:#d1e0f6;text-align:right}.business-details .business-cost-note{font-size:.95rem;line-height:1.75;color:#a8b4cb}.business-details .button{width:100%;min-height:3.25rem;justify-content:space-between;font-size:1rem}
.business-disclosure{font-size:.9rem;line-height:1.7;color:#9cafca;margin:1rem 0 0;max-width:95ch}.business-disclosure a{color:#b9d3ff;text-decoration:underline;text-underline-offset:.2em}
.business-showcase :is(button,a):focus-visible{outline:2px solid #9fc5ff;outline-offset:3px}
@media(hover:hover){.business-chapters button:hover{background:#192b45}.service-example label:hover>span{border-color:#6b91c7}}
@media(prefers-reduced-motion:no-preference){.business-film[data-ready=true] .business-scene:not([hidden]) .studio-window{animation:business-arrive 350ms cubic-bezier(.16,1,.3,1) both}.business-film[data-ready=true] .studio-request{animation:business-notice 350ms cubic-bezier(.16,1,.3,1) 180ms both}.business-film[data-ready=true] .routing-pulse{animation:business-route 1.6s linear infinite}.business-film[data-motion=paused] *{animation-play-state:paused!important}}
@keyframes business-arrive{from{opacity:.4;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes business-notice{from{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}@keyframes business-route{to{stroke-dashoffset:0}}
@media(max-width:1100px){.business-layout{gap:2rem;grid-template-columns:minmax(0,1.5fr) minmax(20rem,1fr)}.business-stage{padding:1.5rem}.studio-offer{gap:1rem}.studio-offer h4{font-size:1.2rem}.business-scene h3>span{display:block;margin-left:0}}
@media(max-width:760px){.business-showcase{padding-block:3.5rem}.business-layout{grid-template-columns:1fr;gap:2rem}.business-details{max-width:none}.business-chapters button,.service-example label>span,.business-details .button{min-height:calc(44px / var(--halo-site-scale))}.business-film-top{padding:1rem}}
@media(max-width:400px){.business-stage{padding:1.25rem}.business-scene h3{font-size:1.6rem}.studio-offer{grid-template-columns:1.25fr 1fr;padding:1.2rem;gap:1rem}.studio-offer>img{align-self:start;margin-top:.25rem}.studio-offer h4{font-size:1.1rem}.studio-offer strong{font-size:2.4rem}.studio-offer strong small{display:block;margin:.65rem 0 0;line-height:1.4}.studio-scope{font-size:.9rem}.studio-order-meta{padding:1rem 1.2rem;grid-template-columns:1fr;gap:.75rem}.studio-bar{padding:.8rem 1rem}.studio-bar>span:last-child{font-size:.7rem}.studio-request{padding:.8rem 1rem;flex-wrap:wrap}.studio-request>span:last-child{display:none}.business-chapters{padding:.4rem;gap:.15rem}.business-chapters button{padding:.7rem .4rem;font-size:.85rem;gap:.3rem}.business-chapters button>span:first-child{display:none}.business-film-top{font-size:.75rem;gap:.5rem}.business-transport{padding:.3rem 1rem .5rem;font-size:.8rem}.studio-brief{margin:0 1rem}.studio-brief>div{grid-template-columns:5rem 1fr;gap:.5rem}.business-routing{grid-template-columns:1fr 2rem 1fr}.business-routing>div{font-size:.9rem;padding:.5rem .2rem;gap:.4rem}.client-update{padding:1.2rem;gap:1rem}.client-video{gap:.85rem}.client-video>img{width:7rem}.client-video h4{font-size:1rem}.client-report{gap:1rem}.client-report-note{padding:1rem 1.2rem}}
@media(prefers-reduced-motion:reduce){.business-film *{animation:none!important;transition:none!important}.business-chapters button::after{transform:scaleX(1)}}

.business-showcase:not([data-business-ready]) :is(.business-film-bottom,.service-example){display:none}
