/* Existing development case; shared UPLIFY composition and tokens. */
[data-development-case="gaming"] .hero h1.mega{min-height:0!important}
[data-development-case="gaming"] .case-gallery .cg-browser{height:auto!important;overflow:visible}
[data-development-case="gaming"] .case-gallery .cg-browser figcaption{padding:var(--sp-4) var(--sp-5);margin:0;min-width:0;overflow-wrap:anywhere}
[data-development-case]>section{content-visibility:visible!important;contain-intrinsic-size:auto!important}
[data-development-case] .wrap{max-width:1200px}
[data-development-case] .hero{padding-block:var(--sp-8);position:relative}
[data-development-case] .hero::before{content:"";position:absolute;inset:-20% -10%;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 62%);animation:development-haze 12s ease-in-out infinite alternate}
@keyframes development-haze{to{transform:translate3d(-3%,3%,0) scale(1.08)}}
[data-development-case] .development-intent{display:block;color:var(--fg-2);font-size:var(--fs-md);font-weight:400;line-height:var(--lh-body);letter-spacing:normal;margin-bottom:var(--sp-5)}
[data-development-case] .hero h1.mega{font-size:var(--ds-title-display)!important;line-height:1.04;min-height:0;max-width:24ch;contain:none;text-wrap:balance}
[data-development-case] h1 .scramble{white-space:normal!important;width:auto!important;height:auto!important;max-width:100%;overflow:visible!important}
[data-development-case] h1 .skew{max-width:calc(100% - .35em);overflow-wrap:anywhere}
[data-development-case] .hero-lede{font-size:var(--fs-md);line-height:var(--lh-body);max-width:72ch;margin-top:var(--sp-5)}
[data-development-case] .hero-below{gap:var(--sp-6);align-items:center}
[data-development-case] .hero-hero-stat{padding:var(--sp-5)}
[data-development-case] .hero-ctas{flex-wrap:wrap}
[data-development-case] .hero-hero-stat .hhs-n{font-size:var(--ds-title-card);line-height:1.2;font-variant-numeric:tabular-nums;white-space:normal}
[data-development-case] .hero-hero-stat .hhs-caption{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--fg-2)}
[data-development-case] .case-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
[data-development-case] .cm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
[data-development-case] .cm-item{min-width:0}
[data-development-case] .cm-val{font-size:var(--fs-md);line-height:var(--lh-body);overflow-wrap:anywhere}
[data-development-case] .summary-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-6);align-items:start}
[data-development-case] .tldr-type{font-size:var(--ds-title-section);line-height:1.05;text-wrap:balance}
[data-development-case] .tldr-terminal{min-width:0}
[data-development-case] .tldr-line{font-size:var(--fs-md);line-height:var(--lh-body);align-items:start}
[data-development-case] .tldr-line .v{white-space:normal}
[data-development-case] .tldr-bar{flex-wrap:wrap;gap:var(--sp-2)}
[data-development-case] h2{max-width:26ch;text-wrap:balance}
[data-development-case] h2 .scramble{height:auto!important;overflow:visible!important;line-height:inherit;padding-block:.04em;white-space:normal!important;max-width:100%}
[data-development-case] .development-note{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--fg-2);max-width:76ch;margin-block:var(--sp-4) var(--sp-6)}
[data-development-case] .cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
[data-development-case] .cs-grid article{padding:var(--sp-6);min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-1)}
[data-development-case] .cs-grid h3{--ds-title-card:clamp(1.5rem,2vw,1.75rem);font-size:var(--ds-title-card);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}
[data-development-case] :is(.cs-grid p,.case-results> .wrap>p){font-size:var(--fs-md);line-height:var(--lh-body);max-width:72ch}
[data-development-case] .case-results>.wrap>p{color:var(--fg-2)}
[data-development-case] .case-results-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-6);max-width:none}
[data-development-case] .res-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);min-width:0;padding-block:var(--sp-5)}
[data-development-case] .res-row:first-child{grid-column:1/-1}
[data-development-case] .res-v{font-size:var(--fs-md);line-height:var(--lh-body);text-align:left;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
[data-development-case] .res-row:is(:nth-child(3),:nth-child(4)) .res-v{font-size:var(--fs-xl);color:var(--accent)}
[data-development-case] .development-source-button{display:block;width:100%;padding:0;border:0;background:var(--bg-2);color:var(--fg);cursor:zoom-in}
[data-development-case] .development-source-button img{display:block;width:100%;height:auto}
[data-development-case] .development-source-hint{display:flex;justify-content:center;align-items:center;min-height:44px;padding:var(--sp-3);margin-top:var(--sp-3);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--fs-sm)}
[data-development-case] figcaption{font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--fg-2);margin-top:var(--sp-4)}
[data-development-case] #faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);align-items:start;max-width:none;margin-inline:0}
[data-development-case] .development-faq-column{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}
[data-development-case] #faq summary{display:grid;grid-template-columns:32px minmax(0,1fr) 44px;gap:var(--sp-3);align-items:center;min-height:88px}
[data-development-case] #faq .q-text{font-size:var(--fs-md);line-height:1.4;min-width:0;overflow-wrap:anywhere}
[data-development-case] #faq .q-icon{position:relative;width:44px;height:44px;transform:none;color:var(--accent)}
[data-development-case] #faq .q-icon::before,[data-development-case] #faq .q-icon::after{content:"";position:absolute;left:calc(50% - 6px);top:calc(50% - .75px);width:12px;height:1.5px;background:currentColor;transform:none}
[data-development-case] #faq .q-icon::after{transform:rotate(90deg)}
[data-development-case] #faq details[open] .q-icon::after{transform:rotate(90deg) scaleX(0)}
[data-development-case] #faq .q-body{font-size:var(--fs-md);line-height:var(--lh-body);padding-top:var(--sp-4)}
[data-development-case] #cta{padding-block:var(--sp-section);border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,color-mix(in oklab,var(--accent) 6%,transparent),transparent 65%)}
[data-development-case] #cta>.wrap{text-align:center;max-width:1200px}
[data-development-case] #cta .uf-layout{text-align:left;margin-top:var(--sp-7);max-width:none}
[data-development-case] #cta .uf-alt-title{font-size:var(--fs-xl);line-height:1.3;letter-spacing:var(--ls-snug)}
[data-development-case] .development-service{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:var(--fs-md);font-weight:600}
[data-development-case] #cta .pmax-honeypot{display:none!important}
[data-development-case] #cta .uf-more{margin-bottom:var(--sp-4)}
[data-development-case] :is(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
 [data-development-case] .summary-inner,[data-development-case] #faq .faq-list,[data-development-case] .case-results-table,[data-development-case] .cs-grid{grid-template-columns:minmax(0,1fr)}
 [data-development-case] .cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 body:has([data-development-case]) #mobileCtaBar{display:none!important}
 [data-development-case] .hero h1.mega{--ds-title-display:clamp(32px,9.3vw,42px)}
 [data-development-case] .hero-below,[data-development-case] .case-kpi-grid,[data-development-case] .cm-grid{grid-template-columns:minmax(0,1fr)}
 [data-development-case] .tldr-line{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--sp-2) var(--sp-3)}
 [data-development-case] .tldr-line .sep{display:none}
 [data-development-case] .tldr-line .v{grid-column:1/-1}
 [data-development-case] .tldr-bar .url{flex:1 1 100%;font-size:var(--fs-xs);overflow-wrap:anywhere}
 [data-development-case] .cs-grid article{padding:var(--sp-5)}
 [data-development-case] #cta .uf-ch-tabs{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 [data-development-case] #cta .uf-ch-tab{width:100%;min-height:44px}
 [data-development-case] #cta .uf-layout{grid-template-columns:minmax(0,1fr)}
 [data-development-case] #cta :is(.uf-form,.uf-alt){min-width:0}
}
@media(prefers-reduced-motion:reduce){[data-development-case] .hero::before{animation:none}[data-development-case] .tldr-line{opacity:1!important;transform:none!important;transition:none!important}}


[data-development-case] .cm-item{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);overflow-wrap:anywhere}
[data-development-case] .cm-item :is(.cm-lbl,.cm-val){min-width:0;width:auto;max-width:100%}
[data-development-case] .cm-item{contain:layout;overflow:hidden}
[data-development-case] .case-byline{padding-block:var(--sp-6);border-block:1px solid var(--line)}
[data-development-case] .case-byline-inner{display:flex;align-items:center;gap:var(--sp-4)}
[data-development-case] .case-byline-avatar{flex:0 0 64px;width:64px;height:64px}
[data-development-case] .case-byline-avatar img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}
[data-development-case] .case-byline-meta{display:grid;gap:var(--sp-1);min-width:0}
[data-development-case] .case-byline-name{font-size:var(--fs-md);font-weight:600}
[data-development-case] :is(.case-byline-eyebrow,.case-byline-role){font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--fg-2);overflow-wrap:anywhere}
[data-development-case] .mf-diff-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}
[data-development-case] .mf-diff{min-width:0;overflow-wrap:anywhere}
[data-development-case] .mf-diff-hunk{flex-wrap:wrap;gap:var(--sp-2)}
[data-development-case] .mf-diff-body{font-size:var(--fs-md);line-height:var(--lh-body)}
[data-development-case] .mf-diff-body .line{min-width:0;overflow-wrap:anywhere}
[data-development-case] .cmp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr);min-width:0;gap:var(--sp-4);padding:var(--sp-5);border-bottom:1px solid var(--line)}
[data-development-case] .cmp-row:last-child{border-bottom:0}
[data-development-case] .cmp-row>div{font-size:var(--fs-md);line-height:var(--lh-body)}
[data-development-case] .cmp-row>div{min-width:0;overflow-wrap:anywhere}
[data-development-case] .cl-title{overflow-wrap:anywhere}
[data-development-case] .case-deck-track{height:auto!important}
[data-development-case] .case-deck-pin{position:static!important;height:auto!important;padding:var(--sp-7) 0!important;overflow:visible!important}
[data-development-case] .case-deck-stage{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:var(--sp-6);align-items:start}
[data-development-case] .cd-rail{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
[data-development-case] .cd-rail-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--sp-2);text-align:left;padding:var(--sp-4);min-height:64px;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color 200ms,color 200ms}
[data-development-case] .cd-rail-item:hover,[data-development-case] .cd-rail-item.active{border-color:var(--accent)}
[data-development-case] .cd-rail-item .rn{color:var(--accent);font-family:var(--font-mono)}
[data-development-case] .cd-rail-item .rl{font-size:var(--fs-md);line-height:1.4;overflow-wrap:anywhere}
[data-development-case] .cd-rail-item .rt{grid-column:2;font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.04em;color:var(--fg-2);overflow-wrap:anywhere}
[data-development-case] .cd-panels{display:grid;gap:var(--sp-5);min-width:0}
[data-development-case] .clvl{min-width:0;padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-1)}
[data-development-case] .clvl[hidden]{display:none!important}
[data-development-case] .cl-top{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font:var(--fs-xs)/1.5 var(--font-mono);color:var(--fg-2)}
[data-development-case] .cl-title{font-size:var(--ds-title-card);line-height:1.2;margin-block:var(--sp-5);text-wrap:balance}
[data-development-case] .cl-lede{font-size:var(--fs-md);line-height:var(--lh-body);color:var(--fg-2)}
[data-development-case] .cl-tech{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);padding-top:var(--sp-5);margin-top:var(--sp-5);border-top:1px solid var(--line);font:var(--fs-sm)/1.5 var(--font-mono);color:var(--fg-2)}
[data-development-case] .case-gallery img{max-width:100%;height:auto}
[data-development-case] .case-gallery .development-source-button{width:100%}
@media(max-width:900px){
 [data-development-case] .case-deck-stage{grid-template-columns:minmax(0,1fr)}
 [data-development-case] .cd-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-development-case] .clvl{padding:var(--sp-5)}
 [data-development-case] .mf-diff-stack{grid-template-columns:minmax(0,1fr)}
 [data-development-case] .cmp-head{display:none}
 [data-development-case] .cmp-row.case-3col{grid-template-columns:minmax(0,1fr);gap:var(--sp-3);padding-block:var(--sp-5)}
 [data-development-case] .cmp-row [data-compare-label]::before{content:attr(data-compare-label);display:block;font-size:var(--fs-sm);color:var(--fg-2);margin-bottom:var(--sp-2)}
 [data-development-case] .case-gallery-grid{grid-template-columns:minmax(0,1fr)!important}
 [data-development-case] .case-gallery-grid>figure{min-width:0}
}