/* Corrected outer MQ roles. Client iframes and authored hero treatment are independent. */
:root{--mq-base:#141414;--mq-elevated:#222;--mq-field:#2c2c2c;--mq-line:#ffffff21;--mq-text:#eeede9;--mq-secondary:#bdbbb7}
html,body{background:var(--mq-base);color:var(--mq-text)}
.chrome{background:linear-gradient(#141414f2,#141414bd)}
#drawer-host .drawer,.drawer,.drawer-transfer{background:var(--mq-elevated)}
.drawer .panel-top{background-color:var(--mq-elevated)}
.drawer :is(.contact-copy,.drawer-note,.workspace-context-label,.workspace-context p,.contact-volume p){color:var(--mq-secondary)}
.drawer :is(textarea,input){background:var(--mq-field);border-color:var(--mq-line);color:var(--mq-text);border-radius:12px}
.drawer :is(textarea,input):focus-visible{outline:2px solid #d6d6d6;outline-offset:-2px;box-shadow:none}
.drawer-transfer{background:#222!important}
.ap-showcase-top,.ap-copy-stack,.denim-budget,.denim-proof-choice,.denim-proof-cart{background:#222;border-color:var(--mq-line)}
.denim-proof-adapter{background:#1c1c1c;border-color:var(--mq-line)}
:is(.section-copy,.denim-concept-note,.denim-proof-caption,.denim-proof-boundary,.denim-budget-detail p,.ap-try-result dd,.ap-try-result dt){color:var(--mq-secondary)}
.denim-proof-tabs{border-color:var(--mq-line)}
.denim-proof-tabs button[aria-pressed=true]{background:#d6d6d6;color:#242424}
.denim-proof-unchanged{color:#b8b8b8}
#page>main>section:not(#process) :is(.scope-row p,.scope-index,.timing-note,.terms-note,.denim-budget>p:not(.eyebrow),.client-answer p,.denim-structure-body,.denim-structure-trigger,.hero-intro .hero-copy,.closing>p:not(.eyebrow),.studio-secondary,.denim-proof-adapter>p:not(.eyebrow),.denim-proof-empty p,.denim-proof label,.denim-proof-line span,.denim-future){color:var(--mq-secondary)}
#page .scope-row .disclosure{color:#d6d6d6}#page footer{color:var(--mq-secondary)}
/* The approved light process chapter retains its own dark readable type. */
#process .section-heading .section-copy,#process .process-card p,#process .editorial-timing :is(p,span,dt){color:#595956}

.denim-proof select{border-radius:12px;background:#2c2c2c}
.denim-proof select[hidden]{display:none}
.ap-copy-stack{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-items:start}
.ap-copy-stack .ap-showcase-copy{align-self:start;min-height:100%;height:auto}
.ap-copy-stack .ap-showcase-copy h3{min-height:0}
.ap-copy-stack .ap-showcase-copy .ap-try-result{flex:none}
.ap-copy-stack .ap-showcase-copy>.pill{flex-shrink:0}
@media(min-width:701px){.ap-showcase-top{height:var(--mq-showcase-height,calc(100svh - 300px));min-height:300px}.ap-showcase .ap-gallery-frame{height:100%}.ap-showcase .ap-filmstrip-shell{bottom:20px}.ap-copy-stack{padding:28px 26px 32px}}
/* The label mask and its pointer share one neutral surface; text never scales. */
.ap-showcase .ap-thumb-slot .ap-dock-tooltip{left:50%;right:auto;bottom:calc(100% + 11px);padding:6px 11px;border:0;border-radius:999px;background:#303030;color:#f0f0f0;max-width:300px;font:400 13px/20px Onest,sans-serif;box-shadow:0 4px 12px -4px #0009;opacity:0;transform:translate(calc(-50% + var(--tip-shift,0px)),5px);clip-path:inset(100% -15px -7px round 18px);transition:clip-path 120ms cubic-bezier(.22,1,.36,1),transform 120ms cubic-bezier(.22,1,.36,1),opacity 90ms;pointer-events:none}
.ap-showcase .ap-thumb-slot .ap-dock-tooltip::after{left:calc(50% - var(--tip-shift,0px));right:auto;bottom:-5px;width:8px;height:5px;background:#303030;border:0;clip-path:polygon(0 0,100% 0,50% 100%)}
.ap-showcase .ap-thumb-slot:has(button:is(:hover,:focus-visible)) .ap-dock-tooltip{opacity:1;transform:translate(calc(-50% + var(--tip-shift,0px)),0);clip-path:inset(-10px -15px -7px round 18px);transition-duration:180ms,180ms,90ms}
/* A stable capsule rolls between two full-size rows, including on reversal. */
[data-copy-workspace]{justify-content:center!important;position:relative;overflow:hidden;transition:background 320ms var(--ease),color 320ms var(--ease),border-color 320ms var(--ease)}
.copy-label-window{height:22px;display:block;overflow:hidden}
.copy-label-track{display:flex;flex-direction:column;transform:translateY(0);transition:transform 320ms cubic-bezier(.22,1,.36,1)}
.copy-label-track>span{display:flex;align-items:center;justify-content:center;gap:9px;height:22px;flex:none;white-space:nowrap}
[data-copy-workspace][data-copied=true]{background:#202124!important;color:#eeede9!important;border-color:rgba(255,255,255,.12)!important}
[data-copy-workspace][data-copied=true] .copy-label-track{transform:translateY(-22px)}
.message-check{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.message-check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 120ms}
[data-copy-workspace][data-copied=true] .message-check path{stroke-dashoffset:0;transition-duration:200ms;transition-delay:100ms}
.workspace-feedback{height:0;min-height:0!important;margin:0!important;overflow:visible}
.workspace-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.workspace-copy-fallback.is-visible{margin-top:14px}
/* Kinesis R8: outer secondary controls; iframe documents retain authored styles. */
.chrome-actions [data-open=menu],#page .ap-showcase-copy .discuss-study>button,#contact-dialog [data-copy-workspace],#contact-dialog [data-clear-volume]{border:1px solid #ffffff26;border-radius:999px;background:#252524;color:#eeede9;min-height:44px;padding:0 18px;font-size:12px;line-height:1.4;gap:14px}
.chrome-actions [data-open=menu]{min-height:38px;height:38px;padding-inline:17px}
#page .ap-showcase-copy .discuss-study>button{width:100%;white-space:normal;text-align:left}
#contact-dialog [data-clear-volume]{min-height:32px;height:auto;padding:5px 12px;font-size:11px;flex-shrink:0}
.chrome-actions [data-open=menu]:is(:hover,:focus-visible,[aria-expanded=true]),#page .ap-showcase-copy .discuss-study>button:is(:hover,:focus-visible),#contact-dialog [data-copy-workspace]:is(:hover,:focus-visible),#contact-dialog [data-clear-volume]:is(:hover,:focus-visible){background:#333332;color:#f4f2ed;border-color:#ffffff52}
.chrome-actions [data-open=menu]:active,#page .ap-showcase-copy .discuss-study>button:active,#contact-dialog [data-clear-volume]:active{background:#1e1e1d;border-color:#ffffff3b}
.chrome-actions [data-open=menu]:focus-visible,#page .ap-showcase-copy .discuss-study>button:focus-visible,#contact-dialog :is([data-copy-workspace],[data-clear-volume],.contact-link,.contact-prepare):focus-visible,#budget [data-open=notes]:focus-visible{outline:2px solid #d6d3cb;outline-offset:4px}
#contact-dialog [data-copy-workspace][data-copied=true],#contact-dialog [data-copy-workspace][data-copied=true]:is(:hover,:focus-visible,:active){background:#30302e!important;color:#eeede9!important;border-color:#ffffff40!important}
#contact-dialog .contact-link{background:#ffffff03;color:#eeede9;border-color:#ffffff21}
#contact-dialog .contact-link:is(:hover,:focus-visible){background:#ffffff0d;color:#f4f2ed}
#contact-dialog .contact-prepare{min-height:44px;color:#eeede9;background:transparent}
#contact-dialog .contact-prepare:is(:hover,:focus-visible){background:#ffffff08;color:#f4f2ed}
#contact-dialog .contact-email[data-copied=true] .copy-confirm{color:#eeede9}
#budget [data-open=notes]{display:inline-flex;align-items:center;gap:14px;min-height:44px;height:auto;padding:10px 0;margin:18px 0 0;border:0;border-radius:0;background:transparent;backdrop-filter:none;color:#c6c4bf;text-align:left;font-size:14px;line-height:1.5}
#budget [data-open=notes]:is(:hover,:focus-visible){background:transparent;color:#eeede9}
.chrome-actions [data-open=menu]:disabled,#page .ap-showcase-copy .discuss-study>button:disabled,#contact-dialog [data-copy-workspace]:disabled{background:#20201f;color:#8d8b86;border-color:#ffffff14;cursor:not-allowed}

html[data-header-input="keyboard"] .chrome-actions .pill:focus-visible{outline:2px solid #d6d3cb;outline-offset:6px}

/* Directional CTA family: horizontal travel, no inherited diagonal launch. */
.chrome-actions [data-open=contact]>span,.ap-showcase-copy>.pill>span,.denim-budget>.pill>span,.speed-action>.pill>span{transform:translate(0,0);transition:transform 180ms cubic-bezier(.22,1,.36,1)!important}
.chrome-actions [data-open=contact]:is(:hover,:focus-visible,:active)>span,.ap-showcase-copy>.pill:is(:hover,:focus-visible,:active)>span,.denim-budget>.pill:is(:hover,:focus-visible,:active)>span,.speed-action>.pill:is(:hover,:focus-visible,:active)>span{transform:translate(4px,0)!important}
/* Pending Fast is a request, never an invented revised client quote. */
.denim-speed{position:relative;margin:24px 0;isolation:isolate;overflow:hidden}
.denim-speed>p{color:#b8b8b8;font-size:14px;line-height:1.6;max-width:48ch;margin-top:14px}
.denim-speed-switch{position:relative;display:inline-flex;gap:3px;background:#151515;border:1px solid #ffffff20;border-radius:999px;padding:4px;color:#b8b8b8;cursor:pointer}
.denim-speed-switch>span{display:flex;gap:7px;align-items:center;padding:10px 15px;z-index:1;border-radius:999px;transition:background 220ms,color 220ms}
.denim-speed-switch>span:first-child{background:#d6d6d6;color:#242424}
.denim-speed-switch[aria-checked=true]>span:first-child{background:transparent;color:#b8b8b8}
.denim-speed-switch[aria-checked=true]>span:last-child{background:#eed3a2;color:#30281d}
.denim-speed-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.denim-speed-switch[aria-checked=true] svg{fill:currentColor}
.denim-speed-trail{position:absolute;pointer-events:none;inset:10px auto auto 0;width:35px;height:2px;border-radius:9px;background:#eed3a2;opacity:0;z-index:-1}
.denim-speed-switch:focus-visible,.mq-select-trigger:focus-visible{outline:2px solid #d6d6d6;outline-offset:3px}
/* Desktop-only accessible select, backed by the real form value. */
.mq-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:13px 14px;width:100%;min-height:50px;font:inherit;text-align:left;color:#eee;background:#2c2c2c;border:1px solid #ffffff21;border-radius:12px;cursor:pointer}
.mq-select-trigger>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.mq-select-trigger:focus:not(:focus-visible){outline:none;box-shadow:none}
.denim-proof .mq-select-trigger:focus-visible{outline:2px solid #d6d6d6;outline-offset:-2px;border-color:transparent;box-shadow:none}
.mq-select-popup{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #ffffff20;border-radius:12px;background:#262626;color:#eee;box-shadow:0 10px 25px -8px #0009;max-height:min(320px,50dvh);overflow-y:auto;overscroll-behavior:contain;font:400 14px/1.4 Onest,sans-serif;z-index:1000}
.mq-select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 10px;min-height:36px;border-radius:7px;cursor:pointer}
.mq-select-option[aria-selected=true]{background:#ffffff0d}
.mq-select-option[data-active=true]{background:#ffffff18}
.mq-select-option[aria-disabled=true]{color:#909090;cursor:not-allowed}
.mq-select-option svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;flex:none}
@media(prefers-reduced-motion:reduce){.ap-showcase .ap-thumb-slot .ap-dock-tooltip,.copy-label-track,.message-check path,.chrome-actions [data-open=contact]>span,.ap-showcase-copy>.pill>span{transition:none!important;transition-delay:0ms!important}}
html.reduced .ap-showcase .ap-thumb-slot .ap-dock-tooltip,html.reduced .copy-label-track,html.reduced .message-check path{transition:none!important;transition-delay:0ms!important}

/* Directional outer CTA: font-relative icon, one horizontal moving layer. */
.pill:not(.mq-reference-down)>.link-arrow,.pill:not(.mq-reference-down)>span[aria-hidden]:not(.menu-glyph){display:inline-grid;place-items:center;flex:0 0 1.25em;width:1.25em;height:1.25em;line-height:1;transform:translateX(0)!important;transition:transform 240ms cubic-bezier(.22,1,.36,1)!important}
.pill:not(.mq-reference-down):is(:hover,:focus-visible,:active):not(:disabled)>.link-arrow,.pill:not(.mq-reference-down):is(:hover,:focus-visible,:active):not(:disabled)>span[aria-hidden]:not(.menu-glyph){transform:translateX(3px)!important}
.pill:not(.mq-reference-down)>.link-arrow>svg,.pill:not(.mq-reference-down)>span[aria-hidden]:not(.menu-glyph)>svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.pill:not(.mq-reference-down)>.link-arrow,.pill:not(.mq-reference-down)>span[aria-hidden]:not(.menu-glyph){transition:none!important}}
.reduced .pill:not(.mq-reference-down)>.link-arrow,.reduced .pill:not(.mq-reference-down)>span[aria-hidden]:not(.menu-glyph){transition:none!important}

/* Current Studio c246 chat context recipe: exact yellow/gradient/marker. */
#contact-dialog .panel-inner{--context-panel-padding:36px}
#contact-dialog .contact-volume{--chat-context-rgb:227 190 44;position:relative;box-sizing:border-box;min-height:42px;margin:22px calc(-1 * var(--context-panel-padding)) 0;padding:10px 18px;border:0;border-bottom:1px solid rgb(255 255 255 / .06);background-image:linear-gradient(90deg,rgb(var(--chat-context-rgb) / .15),rgb(var(--chat-context-rgb) / .06) 45%,rgb(var(--chat-context-rgb) / 0) 85%)}
#contact-dialog .contact-volume[data-context-kind="scope"]{--chat-context-rgb:47 203 112}
#contact-dialog .contact-volume::before{content:'';position:absolute;left:8px;top:12px;width:2px;bottom:12px;border-radius:1px;background:rgb(var(--chat-context-rgb));pointer-events:none}
#contact-dialog .contact-volume p{min-width:0}
/* Warm-neutral secondary ink; primary/selected blue and light process remain semantic. */
#page main>section:not(#process) :is(.section-copy,.eyebrow,.denim-concept-note,.denim-proof-caption,.mq-proof-summary,.mq-proof-item dd,.mq-estimate-start,.mq-estimate-terms),#contact-dialog :is(.contact-copy,.drawer-note,.workspace-context-label,.workspace-context p,.contact-context-hint,.contact-volume p,.studio-secondary){color:#bdbbb7}
#page .disclosure>span:last-child,#drawer-host .disclosure>span:last-child,#growth.mq-client-proof .disclosure>span:last-child{color:#c6c4bf}
#page .disclosure:is(:hover,:focus-visible,[aria-expanded=true])>span:last-child{color:#eeede9}
#page .discuss-study [data-copy-status],#contact-dialog .copy-confirm,#contact-dialog .workspace-copy-status{color:#c6c4bf}
#page .mq-estimate-state{color:#c6c4bf}

/* R13 outer: readable current headings/actions under narrow and zoomed layouts. */
@media(max-width:700px){.concept-toolbar>div{min-width:0}.concept-toolbar h2{overflow-wrap:anywhere}.concept-dialog-bottom{flex-wrap:wrap}.concept-dialog-bottom>div{flex-shrink:0}.workspace-copy-fallback textarea{max-width:100%;font-size:16px}}

/* Follow the shell's existing padding switch; no new layout breakpoint. */
@media(max-width:700px){#contact-dialog .panel-inner{--context-panel-padding:22px}}