/* Shared StudioMax palette and typography; no separate visual identity. */
.usecase-page{--case-dark:#030506;--case-green:#9ac9ad;--case-muted:#82998a;background:var(--case-dark);font-family:var(--sans)}.usecase-page h1,.usecase-page h2,.usecase-page h3,.usecase-page h4,.usecase-page em{font-family:var(--sans);font-style:normal}.usecase-page .case-hero,.usecase-page .case-manifesto{background:var(--case-dark)}.usecase-page .case-hero-pin{background:radial-gradient(ellipse at 78% 48%,#18433740,transparent 58%),var(--case-dark)}.usecase-page .case-hero-copy h1 em,.usecase-page .case-manifesto h2 em{color:var(--case-green)}.usecase-page .case-hero-copy>p:first-child,.usecase-page .case-breadcrumb{color:#7e9e90}.usecase-page .case-hero-copy>p:not(:first-child),.usecase-page .case-manifesto>p{color:var(--case-muted)}.usecase-page .case-hero-copy>a{border-color:#89ad9255;background:#14241b66;color:#d6e8d7}.usecase-page .case-hero-index{color:#6a8876}.case-tooth-art{position:absolute;inset:0 0 0 48%;pointer-events:none}.case-tooth-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.case-tooth-pause{position:absolute;right:30px;bottom:22px;z-index:4;width:44px;height:44px;border:1px solid #89ad9255;border-radius:50%;background:#14241b66;color:#c5deca;font-size:12px}.case-reel-intro{padding:95px 24px 105px;text-align:center;color:#e8f2e9;background:#030506}.case-reel-intro>p:first-child{font-size:9px;letter-spacing:.1em;color:#71917c}.case-reel-intro h2{font-size:clamp(45px,6.5vw,88px);letter-spacing:-.055em;line-height:1.04;font-weight:650;margin:25px 0}.case-reel-intro h2 em{color:#9ac9ad;font-weight:650}.case-reel-intro>p:not(:first-child){max-width:550px;margin:25px auto;color:#82998a;line-height:1.85;font-size:16px}.case-reel-intro>a{display:inline-block;font-size:12px;color:#c9e0c9;border-bottom:1px solid #8bab8c55;padding-bottom:8px}
.case-reel{--reel-bg:#07110c;--reel-ink:#edf5ed;--reel-muted:#8ca895;--reel-accent:#acd4b3;--reel-line:#9fc4a52b;--reel-card:#10271a99;--reel-soft:#94bf9c0c;background:var(--reel-bg);color:var(--reel-ink);position:relative}.case-reel[data-tone=light]{--reel-bg:#f4f7f1;--reel-ink:#20392b;--reel-muted:#6b8272;--reel-accent:#39754b;--reel-line:#94b09955;--reel-card:#fffffff0;--reel-soft:#7098780a}.case-reel-pin{padding:28px 5% 22px;background:var(--reel-bg);color:var(--reel-ink);transition:background-color .65s ease,color .35s ease}.case-reel-top{max-width:1420px;width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.case-reel-top>a{font-size:9px;letter-spacing:.12em;color:var(--reel-muted)}.case-reel-top>div{display:flex;align-items:center;gap:24px}.case-reel-top #reel-role{font-size:12px;color:var(--reel-accent);padding:8px 13px;border:1px solid var(--reel-line);border-radius:40px}.case-reel-top strong{font-size:24px;font-weight:550;letter-spacing:-.04em}.case-reel-top strong i{font-style:normal;font-size:12px;color:var(--reel-muted);padding-left:7px}.case-reel-stage{max-width:1420px;width:100%;margin:28px auto}.case-step{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:6%;align-items:center;padding:65px 0;border-bottom:1px solid var(--reel-line);min-width:0}.case-step-question{min-width:0;position:relative;padding-top:20px}.case-step-question>p:first-child{font-size:9px;letter-spacing:.15em;color:var(--reel-accent);position:relative;z-index:1}.case-step-number{position:absolute;top:-20px;left:-5px;line-height:1;font-size:clamp(100px,13vw,175px);font-weight:650;letter-spacing:-.08em;color:var(--reel-accent);opacity:.06;pointer-events:none}.case-step-question h3{font-size:clamp(35px,4.4vw,64px);letter-spacing:-.055em;line-height:1.06;font-weight:650;margin:30px 0 25px;color:var(--reel-ink);text-wrap:balance;position:relative}.case-step-question>p:not(:first-child){font-size:16px;line-height:1.8;color:var(--reel-muted);max-width:420px}.case-step-question>a{display:inline-block;font-size:11px;color:var(--reel-accent);margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--reel-line)}.case-step-answer{position:relative;min-width:0;padding:27px;border:1px solid var(--reel-line);border-radius:26px;background:var(--reel-card);box-shadow:0 30px 75px #00000012;transform-origin:50% 50%;color:var(--reel-ink)}.reel-assistant-head{display:flex;gap:10px;align-items:center;margin-bottom:20px}.reel-assistant-head>strong{font-size:13px;font-weight:500}.reel-assistant-head>strong>span{color:var(--reel-accent)}.reel-assistant-head>small{margin-left:auto;font-size:7px;color:var(--reel-muted);letter-spacing:.06em}.reel-live-orb{display:block;width:22px;height:22px;flex:none;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e8f7e8,#9fc7aa 40%,#316346 90%);box-shadow:0 0 24px #94c89d33}.reel-answer-block{padding-top:14px;border-top:1px solid var(--reel-line);margin-top:14px}.reel-answer-block>span{font-size:8px;letter-spacing:.09em;color:var(--reel-accent)}.reel-answer-block>p{font-size:13px;line-height:1.8;color:var(--reel-muted);margin-top:8px}.reel-next{background:var(--reel-soft);padding:13px 15px;border:1px solid var(--reel-line);border-radius:12px}.reel-next>p{color:var(--reel-ink)}.reel-example-note{display:block;font-size:8px;line-height:1.6;color:var(--reel-muted);margin-top:13px}.reel-example-note a{text-decoration:underline;text-underline-offset:3px;color:var(--reel-accent)}.case-reel-bottom{max-width:1420px;width:100%;margin:0 auto;padding-top:15px;position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center}.case-reel-bottom>p{font-size:8px;letter-spacing:.1em;color:var(--reel-accent)}.case-reel-bottom>p span{padding-left:12px}.case-reel-bottom>span{font-size:9px;color:var(--reel-muted)}.case-reel-track{position:absolute;top:0;left:0;right:0;background:var(--reel-line);height:2px}.case-reel-track>i{display:block;height:100%;transform-origin:left;transform:scaleX(var(--reel-progress,0));background:var(--reel-accent)}
.reel-mini-chart{margin:12px 0}.reel-mini-chart>div:first-child>span,.reel-finance small{font-size:9px;color:var(--reel-muted);display:block}.reel-mini-chart strong,.reel-finance>div>strong{display:block;font-size:30px;font-weight:550;letter-spacing:-.045em;color:var(--reel-ink);margin-top:5px}.reel-mini-chart strong i,.reel-finance strong i{font-style:normal;font-size:.65em;color:var(--reel-muted);margin:0 12px}.reel-mini-chart svg{display:block;width:100%;height:80px;margin-top:8px;overflow:visible}.reel-grid-line{stroke:var(--reel-line);stroke-width:1;fill:none}.reel-chart-line{stroke:var(--reel-accent);stroke-width:3;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reel-drawing,1));filter:drop-shadow(0 0 6px #aacbae44)}.reel-mini-chart circle{fill:var(--reel-accent)}.reel-mini-labels{display:flex;justify-content:space-between;gap:12px;font-size:7px;color:var(--reel-muted);margin-top:8px}.reel-finance{margin-bottom:17px}.reel-money-row{display:grid;grid-template-columns:70px 1fr 70px;gap:12px;align-items:center;margin-top:10px;font-size:10px;color:var(--reel-muted)}.reel-money-row>i{display:block;width:var(--amount);height:7px;border-radius:4px;background:var(--reel-accent);transform:scaleX(var(--reel-drawing,1));transform-origin:left}.reel-money-row>b{font-size:11px;font-weight:500;text-align:right;color:var(--reel-ink)}.reel-operational{display:flex;align-items:center;gap:22px;margin:12px 0 18px}.reel-operational>strong{font-size:64px;line-height:1;letter-spacing:-.06em;font-weight:550;color:var(--reel-accent)}.reel-operational>div{font-size:14px;color:var(--reel-ink)}.reel-operational small{display:block;font-size:10px;color:var(--reel-muted);margin-top:6px}.reel-operational>span{margin-left:auto;font-size:25px;color:var(--reel-accent)}.reel-flow-symbol{height:90px;display:flex;align-items:center;justify-content:space-around;position:relative;margin:10px 0 20px;border-bottom:1px solid var(--reel-line)}.reel-flow-symbol>i{position:absolute;width:150px;height:70px;border:1px solid var(--reel-line);border-radius:50%;transform:rotate(-18deg)}.reel-flow-symbol>i:nth-child(2){transform:rotate(18deg);width:200px}.reel-flow-symbol>b{position:absolute;top:20px;font-size:27px;color:var(--reel-accent);font-weight:400;text-shadow:0 0 30px #b8d9bd33}.reel-flow-symbol>span{font-size:7px;letter-spacing:.09em;color:var(--reel-muted);margin-top:62px}
/* Enhancement keeps the full HTML sequence readable when motion is unavailable. */
.reel-enhanced .case-reel{height:calc(var(--case-total,30)*140svh + 100svh)}.reel-enhanced .case-reel-pin{position:sticky;top:94px;height:calc(100svh - 94px);display:flex;flex-direction:column;min-height:0;overflow:clip;isolation:isolate}.reel-enhanced .case-reel-stage{flex:1;min-height:0;position:relative;margin:24px auto}.reel-enhanced .case-step{position:absolute;inset:0;border:0;padding:0;visibility:hidden;opacity:0;pointer-events:none;will-change:transform,opacity}.reel-enhanced .case-step.is-current{visibility:visible;pointer-events:auto}.reel-enhanced .reel-answer-block{opacity:var(--block-reveal,1);transform:translateY(calc((1 - var(--block-reveal,1))*14px))}.reel-enhanced .case-step-answer{transform:translateY(calc((1 - var(--reel-drawing,1))*20px)) scale(calc(.97 + var(--reel-drawing,1)*.03))}.case-reel.case-sequence .case-reel-top,.case-reel.case-sequence .case-reel-bottom{display:none}.case-reel.case-sequence .case-step{padding:55px 0}.case-reel.case-sequence .case-step:first-child{padding-top:15px}
@media(max-width:1100px){.case-step{gap:4%}.case-step-question h3{font-size:40px}.case-step-answer{padding:21px}.reel-answer-block>p{font-size:12px}}
@media(max-width:900px){.reel-enhanced .case-reel-pin{top:78px;height:calc(100svh - 78px)}.case-reel-pin{padding-inline:4%}.case-step-question h3{font-size:35px}.case-step-question>p:not(:first-child){font-size:14px}}
@media(max-width:640px){.case-tooth-art{inset:25px 0 auto;height:43%;width:100%}.case-tooth-pause{bottom:18px;right:20px}.usecase-page .case-hero-copy h1{font-size:clamp(43px,11.5vw,65px)}.case-reel-intro{padding:65px 24px 75px}.case-reel-intro h2{font-size:43px}.case-reel-intro>p:first-child{font-size:7px}.case-reel-intro>p:not(:first-child){font-size:14px}.case-reel-pin{padding:17px 20px 15px}.case-reel-top>a{font-size:7px;letter-spacing:.05em}.case-reel-top>div{gap:10px}.case-reel-top #reel-role{font-size:9px;padding:7px 10px}.case-reel-top strong{font-size:20px}.case-reel-top strong i{font-size:9px}.case-step{grid-template-columns:1fr;gap:18px;align-content:center;padding:45px 0}.case-step-question{padding-top:0;text-align:left}.case-step-question>p:first-child{font-size:8px}.case-step-number{font-size:90px;left:auto;right:0;top:-5px}.case-step-question h3{font-size:30px;line-height:1.08;margin:16px 0 12px;max-width:420px}.case-step-question>p:not(:first-child){font-size:13px;line-height:1.7}.case-step-question>a{font-size:10px;margin-top:14px;padding-bottom:5px}.case-step-answer{padding:18px;border-radius:18px}.reel-assistant-head{margin-bottom:13px;gap:8px}.reel-assistant-head>strong{font-size:12px}.reel-assistant-head>small{font-size:5px}.reel-live-orb{width:18px;height:18px}.reel-answer-block{margin-top:12px;padding-top:12px}.reel-answer-block>span{font-size:7px}.reel-answer-block>p{font-size:12px;line-height:1.75;margin-top:6px}.reel-next{padding:11px 12px}.reel-example-note{font-size:7px;margin-top:11px}.reel-mini-chart strong,.reel-finance>div>strong{font-size:26px}.reel-mini-chart svg{height:65px}.reel-mini-chart>div:first-child>span,.reel-finance small{font-size:8px}.reel-mini-labels{font-size:6px}.reel-flow-symbol{height:60px;margin:4px 0 10px}.reel-flow-symbol>i{width:110px;height:50px}.reel-flow-symbol>i:nth-child(2){width:160px}.reel-flow-symbol>b{top:5px;font-size:24px}.reel-flow-symbol>span{font-size:6px;margin-top:40px}.reel-operational>strong{font-size:50px}.reel-operational>div{font-size:12px}.reel-operational small{font-size:8px}.reel-money-row{font-size:9px;grid-template-columns:60px 1fr 65px}.reel-money-row>b{font-size:10px}.case-reel-bottom{padding-top:11px}.case-reel-bottom>p{font-size:7px}.case-reel-bottom>span{font-size:7px;max-width:130px;text-align:right}.reel-enhanced .case-reel-pin{top:74px;height:calc(100svh - 74px)}.reel-enhanced .case-reel-stage{margin:18px auto}.reel-enhanced .case-step{gap:16px}.reel-enhanced .case-step-question h3{font-size:27px;margin:12px 0 9px}.reel-enhanced .case-step-question>a{margin-top:9px}.reel-enhanced .reel-answer-block>p{font-size:11px;line-height:1.7}.reel-enhanced .case-step-answer{padding:15px}}
@media(max-width:640px) and (max-height:650px){.case-tooth-art{height:34%;top:10px;opacity:.4}}
@media(prefers-reduced-motion:reduce){.case-reel-pin{transition:none}.case-step,.case-step-answer,.reel-answer-block{transform:none!important;opacity:1!important}.reel-chart-line{stroke-dashoffset:0!important}.reel-money-row>i{transform:none!important}}
/* The question is the mobile headline; reserve the reading space for the answer. */
@media(max-width:640px){.reel-enhanced .case-step-question>p:not(:first-child){display:none}.reel-enhanced .case-step-question h3{font-size:26px}.reel-enhanced .reel-mini-chart svg{height:52px}.reel-enhanced .reel-answer-block{margin-top:10px;padding-top:10px}.reel-enhanced .case-step-answer{padding:14px}.reel-enhanced .reel-example-note{margin-top:10px}}
@media(max-width:640px){.reel-enhanced .reel-mini-chart svg{height:48px}}
