:root{--supporting-copy-max:calc(var(--website-layout-reading-max) * 1.2)}
/* Option 4: approved light foundation. Visual roles derive from tokens.css. */
:root {
 --canvas:var(--color-theme-light-canvas);--surface:var(--color-theme-light-surface-elevated);--muted-surface:var(--color-theme-light-surface-muted);
 --text:var(--color-theme-light-text-primary);--text-2:var(--color-theme-light-text-secondary);--border:var(--color-theme-light-border);
 --blue:var(--color-brand-blue);--link:var(--color-action-link);--ink-blue:var(--color-chip-text-blue-on-light);
 --wash:color-mix(in srgb,var(--blue) calc(var(--alpha-subtle) * 100%),var(--canvas));
 --tint:color-mix(in srgb,var(--blue) calc(var(--alpha-tint) * 100%),var(--canvas));
 --lg:var(--space-lg);--xl:var(--space-xl);--2xl:var(--space-2xl);
 --ease:var(--motion-easing-standard);--fast:var(--motion-duration-fast);--base:var(--motion-duration-base);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-4xl)}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font-family-base);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);-webkit-font-smoothing:antialiased}
/* Website text has a 14 px floor; preserve the Privacy page typography. */
body:not(.privacy-page){--type-caption-font-size:var(--type-body-sm-font-size)}
button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--link);text-underline-offset:var(--space-xs)}a:hover{text-decoration-thickness:var(--border-thick)}button:disabled{cursor:default;opacity:var(--state-disabled-opacity)}button:active:not(:disabled),.btn:active{transform:scale(var(--state-active-scale))}
:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}[hidden]{display:none!important}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:var(--font-weight-bold);text-wrap:balance}h1{font-size:var(--website-type-hero);line-height:var(--type-display-line-height);letter-spacing:-.035em}h2{font-size:var(--type-h1-font-size);line-height:var(--type-h1-line-height);letter-spacing:-.025em}h3{font-size:var(--type-h3-font-size);line-height:var(--type-h3-line-height);letter-spacing:-.015em}h4{font-size:var(--type-body-sm-font-size)}p{color:var(--text-2)}p a{color:var(--link)}main:focus{outline:none}
.wrap{width:calc(100% - var(--space-3xl));max-width:var(--website-layout-content-max);margin-inline:auto}.section,main>section:not([class]){padding-block:var(--website-space-section)}.no-top{padding-top:0}.tint-section{background:var(--surface)}.eyebrow,.kicker,.field-label,.ordinal,.index-label,.sample-label,.caption{font-size:var(--type-caption-font-size);line-height:var(--type-caption-line-height)}.eyebrow,.kicker{font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-blue);display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.eyebrow-line{display:inline-block;width:var(--space-xl);height:var(--border-thick);background:var(--blue)}.accent{color:var(--blue)}.muted{color:var(--text-2)}.lede{font-size:var(--type-body-font-size);max-width:var(--supporting-copy-max);line-height:1.5;margin-top:var(--space-xl)}.lede+.lede{margin-top:var(--space-lg)}.field-label{display:block;color:var(--text-2);margin-bottom:var(--space-sm)}.ordinal{color:var(--ink-blue);font-weight:var(--font-weight-semibold);letter-spacing:.06em}.caption{color:var(--text-2)}
.skip{position:absolute;left:var(--space-lg);top:var(--space-lg);transform:translateY(-200%);background:var(--canvas);z-index:var(--z-index-toast);padding:var(--space-md);border:var(--border-thick) solid var(--blue)}.skip:focus{transform:none}
header.site{position:sticky;top:0;z-index:var(--z-index-sticky);background:var(--canvas);border-bottom:var(--border-hairline) solid var(--border)}.bar{width:calc(100% - var(--space-3xl));max-width:var(--website-layout-content-max);margin:auto;display:flex;align-items:center;min-height:calc(var(--space-4xl) + var(--space-lg));gap:var(--space-2xl)}.brand{display:inline-block;flex-shrink:0}.brand img{width:176px;height:auto}.nav{display:flex;align-items:center;gap:var(--space-2xl);margin-left:auto}.nav a{color:var(--text-2);text-decoration:none;font-size:var(--type-body-sm-font-size);padding-block:var(--space-md)}.nav a:hover,.nav a:focus-visible,.nav a.on{color:var(--text)}.header-cta{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border:var(--border-hairline) solid var(--text-2);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background var(--fast),color var(--fast)}.header-cta.primary{background:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-on-action-primary)}.menu{display:none;background:var(--canvas);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-sm);width:var(--space-3xl);height:var(--space-3xl);padding:var(--space-md)}.menu span{display:block;background:var(--text);height:var(--border-thick);margin-block:var(--space-xs)}
.btns{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-2xl)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-xl);min-height:var(--space-3xl);padding:var(--space-md) var(--space-xl);border:var(--border-hairline) solid var(--text-2);border-radius:var(--radius-sm);background:var(--canvas);font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold);color:var(--text);text-decoration:none;transition:background var(--fast),transform var(--fast) var(--ease)}.btn:hover{background:var(--surface)}.btn.cta{background:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-on-action-primary)}.btn.cta:hover,.header-cta.primary:hover{background:color-mix(in srgb,var(--color-action-primary) calc(var(--state-hover-fill-opacity) * 100%),var(--canvas))}.quiet-link,.text-link,.text-button{display:inline-flex;align-items:center;gap:var(--space-md);font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold);color:var(--text);text-decoration:none}.quiet-link:hover,.text-link:hover,.text-button:hover{text-decoration:underline}.text-link{margin-top:var(--space-2xl);color:var(--link);min-height:var(--space-3xl)}.text-button{border:0;background:transparent;min-height:var(--space-3xl);padding:var(--space-sm) 0;color:var(--link)}
/* Introductory and closing copy shares one measure, with the action below it. */
.home-hero{padding-top:var(--space-4xl);padding-bottom:var(--space-3xl)}.hero-columns{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);width:var(--intro-copy-width)}.hero-columns h1{width:100%;max-width:none}.hero-aside{width:100%;max-width:none;padding-bottom:var(--space-sm)}.hero-aside>p{font-size:var(--type-h3-font-size);line-height:var(--type-body-line-height)}.home-hero .hero-aside>p+p{margin-top:var(--space-lg)}.hero-aside .btns{flex-direction:row;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}.hero-note{display:block;margin-top:var(--space-2xl);font-size:var(--type-caption-font-size);color:var(--text-2)}.hero-bottom{display:flex;justify-content:space-between;gap:var(--space-xl);font-size:var(--type-caption-font-size);color:var(--text-2);margin-top:var(--space-2xl);padding-bottom:var(--space-xl)}.index-label{letter-spacing:.06em}.workspace-section{padding-bottom:var(--space-4xl)}
.explorer{border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-raised);background:var(--canvas);scroll-margin-top:calc(var(--space-4xl) + var(--space-2xl))}.explorer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-hairline) solid var(--border)}.workspace-label{font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-md)}.small-mark{width:var(--space-xl);height:auto;flex-shrink:0}.sample-label{color:var(--text-2)}.case-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--surface);border-bottom:var(--border-hairline) solid var(--border)}.case-tabs button,.stage-tabs button{display:flex;align-items:center;gap:var(--space-md);border:var(--border-hairline) solid transparent;background:transparent;color:var(--text-2);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--type-body-sm-font-size);min-height:var(--space-3xl);transition:background var(--fast)}.case-tabs button[aria-pressed=true],.stage-tabs button[aria-pressed=true]{color:var(--ink-blue);font-weight:var(--font-weight-semibold)}.tab-number{font-size:var(--type-caption-font-size)}.explorer-grid{display:grid;grid-template-columns:1.2fr 1fr;min-height:calc(var(--space-4xl) * 7)}.signal-panel{padding:var(--space-2xl);background:linear-gradient(180deg,var(--canvas),var(--wash))}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.panel-heading .eyebrow{margin:0}.signal-key{font-size:var(--type-caption-font-size);color:var(--text-2);display:flex;gap:var(--space-sm);align-items:center}.signal-key>span{width:var(--space-xs);height:var(--space-xs);background:var(--blue);border-radius:50%}.signal-panel [data-case-title]{font-size:var(--type-h2-font-size);line-height:var(--type-h2-line-height);max-width:25ch;min-height:calc(var(--type-h2-font-size) * 2.5)}.signal-panel>p{font-size:var(--type-body-font-size);margin-top:var(--space-md);max-width:48ch;min-height:calc(var(--type-body-font-size) * 3)}.journey-graphic{position:relative;margin:var(--space-2xl) 0;isolation:isolate}.journey-graphic svg{width:100%;height:auto;overflow:visible}.journey-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) var(--border-hairline),transparent var(--border-hairline));background-size:25% 100%;opacity:var(--alpha-border);z-index:-1}.trace{fill:none;stroke:var(--blue);stroke-width:2;opacity:var(--alpha-tint);transition:opacity var(--base),stroke-width var(--base);vector-effect:non-scaling-stroke}.trace.featured{stroke-width:3;opacity:1}.signal-node{fill:var(--canvas);stroke:var(--blue);stroke-width:3}.signal-halo{fill:none;stroke:var(--blue);stroke-width:1;opacity:var(--alpha-border)}.context-trace{stroke:var(--text-2);opacity:var(--alpha-border);stroke-dasharray:5 6}.journey-point{fill:var(--canvas);stroke:var(--blue);stroke-width:2}.journey-labels button{border:var(--border-hairline) solid transparent;background:transparent;padding:var(--space-sm) var(--space-xs);min-height:var(--space-3xl);font-size:var(--type-caption-font-size);color:var(--text-2);border-radius:var(--radius-sm)}.journey-labels button[aria-pressed=true]{color:var(--ink-blue)}.journey-labels{display:grid;grid-template-columns:repeat(4,minmax(min-content,1fr));gap:var(--space-sm);font-size:var(--type-caption-font-size);color:var(--text-2);padding-top:var(--space-md)}
.decision-panel{display:flex;flex-direction:column;border-left:var(--border-hairline) solid var(--border);padding:var(--space-2xl)}.decision-content{flex:1}.decision-content .eyebrow{margin-bottom:var(--space-lg)}.decision-content h3{font-size:var(--type-h2-font-size);line-height:var(--type-h2-line-height)}.decision-content>p:not(.eyebrow){margin-top:var(--space-lg);font-size:var(--type-body-sm-font-size)}.decision-callout{margin-top:var(--space-xl);padding:var(--space-lg);border-left:var(--border-thick) solid var(--blue);background:var(--surface)}.decision-callout p{font-size:var(--type-body-font-size);color:var(--text)}.decision-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--type-caption-font-size);color:var(--text-2);margin-top:var(--space-xl)}.explorer-bottom{border-top:var(--border-hairline) solid var(--border);display:flex;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);font-size:var(--type-caption-font-size);color:var(--text-2)}.explorer-bottom a{color:var(--link);flex-shrink:0;align-self:flex-start}.opportunity-chain{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.opportunity-chain>span{white-space:nowrap}.static-notice{padding:var(--space-xl)}
.trust-strip{padding-block:var(--space-2xl);border-top:var(--border-hairline) solid var(--border);border-bottom:var(--border-hairline) solid var(--border)}.trust-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3xl)}.backer{display:flex;align-items:center;gap:var(--space-2xl)}.backer .field-label{margin:0;white-space:nowrap}.backer img{width:176px;max-height:var(--space-4xl);object-fit:contain}.trust-statement{display:flex;align-items:center;gap:var(--space-3xl)}.trust-statement p{font-size:var(--type-body-sm-font-size)}.trust-statement strong{color:var(--text);font-weight:var(--font-weight-semibold)}
.section-heading{margin-bottom:var(--space-3xl)}.heading-columns{display:grid;align-items:start}.heading-columns>p{max-width:var(--supporting-copy-max)}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border-hairline) solid var(--border);gap:var(--space-2xl)}.principle-grid article{padding-top:var(--space-xl)}.principle-grid h3{margin-block:var(--space-2xl) var(--space-md)}.principle-grid p{font-size:var(--type-body-sm-font-size)}.context-grid{display:grid;align-items:center}.context-grid h2{font-size:var(--type-display-font-size);line-height:var(--type-display-line-height)}.context-art{border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);padding:var(--space-xl);overflow:hidden}.context-top{display:flex;justify-content:space-between}.context-orbit{position:relative;aspect-ratio:1.5;display:grid;place-items:center}.orbit{position:absolute;width:65%;aspect-ratio:1;border:var(--border-hairline) solid var(--blue);border-radius:50%;background:var(--wash)}.orbit-one{left:0}.orbit-two{right:0}.orbit-center{position:relative;text-align:center;z-index:var(--z-index-base);font-size:var(--type-h3-font-size)}.orbit-label{position:absolute;font-size:var(--type-caption-font-size);padding:var(--space-sm);background:var(--canvas);border-radius:var(--radius-sm);color:var(--ink-blue)}.label-player{left:0;top:15%}.label-game{right:0;bottom:15%}.context-art>.caption{margin-top:var(--space-xl);text-align:center}
.workflow{list-style:none;padding:0;margin:var(--space-3xl) 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xl)}.workflow li{position:relative;border-top:var(--border-hairline) solid var(--border);padding-top:var(--space-xl)}.workflow .ordinal{display:inline-flex;align-items:center;justify-content:center;width:var(--space-2xl);height:var(--space-2xl);border-radius:50%;background:var(--wash)}.workflow h3{margin:var(--space-xl) 0 var(--space-md)}.workflow p{font-size:var(--type-body-sm-font-size)}.workflow.four{grid-template-columns:repeat(4,1fr)}.fit-section{background:var(--wash)}.fit-grid,.cta-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xl)}.fit-grid>div,.cta-stack>div{width:var(--intro-copy-width)}.fit-grid .lede,.cta-stack .lede{max-width:none}.cta-stack .lede:first-child{margin-top:0}.fit-grid h2{font-size:var(--type-display-font-size);line-height:var(--type-display-line-height)}.fit-copy .lede{margin-top:0}.fit-points{margin-top:var(--space-2xl)}.fit-points>div{padding:var(--space-lg) 0;border-bottom:var(--border-hairline) solid var(--border);display:flex;gap:var(--space-xl);font-size:var(--type-body-sm-font-size)}.closing{padding-block:var(--website-space-section)}.cta-band{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xl);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3xl);background:var(--surface)}.cta-band>div{width:var(--intro-copy-width);max-width:none}.cta-band h2{max-width:none}.cta-band p:not(.eyebrow){margin-top:var(--space-xl);max-width:none}.cta-band .btn{flex-shrink:0}
footer.site{border-top:var(--border-hairline) solid var(--border);padding-top:var(--space-4xl)}.fcols{display:grid;padding-bottom:var(--space-4xl)}.footer-brand p{font-size:var(--type-body-sm-font-size);margin-top:var(--space-xl)}.fcols h2{font-size:var(--type-body-sm-font-size);letter-spacing:normal;line-height:var(--type-body-sm-line-height);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold)}.fcols>div>a:not(.brand){display:block;font-size:var(--type-body-sm-font-size);margin-top:var(--space-md);color:var(--text-2);text-decoration:none}.fcols>div>a:hover{text-decoration:underline}.fbase{display:flex;justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-xl);border-top:var(--border-hairline) solid var(--border);font-size:var(--type-caption-font-size);color:var(--text-2)}
.page-hero{padding-block:var(--space-4xl)}.page-hero>.wrap>h1,.page-hero>.wrap>p{width:var(--intro-copy-width);max-width:none}.home-hero>.wrap>.eyebrow{max-width:none}.page-hero h1,.page-hero .lede{max-width:none}.compact-columns{margin-top:var(--space-xl);gap:var(--space-2xl)}.compact-columns .lede{width:100%;margin-top:0}.process-list{margin-top:var(--space-3xl)}.process-list article{display:grid;grid-template-columns:.6fr 1fr 1.2fr;gap:var(--space-3xl);padding-block:var(--space-2xl);border-top:var(--border-hairline) solid var(--border);align-items:start}.process-list p{font-size:var(--type-body-sm-font-size)}.lifecycle{outline:var(--border-hairline) solid var(--border);outline-offset:calc(-1 * var(--border-hairline));border-radius:var(--radius-lg);overflow:hidden;background:var(--canvas)}
.lifecycle-top{align-items:center; border-bottom:var(--border-hairline) solid var(--border)}.lifecycle-top>.field-label{margin:0}.stage-tabs{display:flex;gap:var(--space-sm)}
.journey-steps{display:flex;flex-direction:column;gap:var(--space-sm)}.journey-steps button{text-align:left;padding:var(--space-md) var(--space-lg);border:var(--border-hairline) solid transparent;border-left:var(--border-thick) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);min-height:var(--space-3xl);transition:background var(--fast)}.journey-steps button strong{display:inline-block;font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold)}.journey-steps button span{display:block;font-size:var(--type-caption-font-size);margin-top:var(--space-xs)}.journey-steps button[aria-pressed=true]{color:var(--ink-blue)}.stage-description{padding:var(--space-2xl);background:var(--wash);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:flex-start}.stage-description h3,.stage-description .lifecycle-question p,.stage-description .lifecycle-fit p{font-size:var(--type-h2-font-size);line-height:var(--type-h2-line-height);width:100%;max-width:none;font-weight:var(--font-weight-bold);letter-spacing:-.015em;text-wrap:wrap;color:var(--text)}.lifecycle-fit,.lifecycle-question{border-top:var(--border-hairline) solid var(--border);margin-top:var(--space-2xl);padding-top:var(--space-2xl);width:100%}.all-stages{font-size:var(--type-body-sm-font-size);margin-top:var(--space-xl)}.matrix-scroll{overflow:auto;border:var(--border-hairline) solid var(--border);border-radius:var(--radius-md);background:var(--canvas)}.lifecycle-matrix{width:100%;min-width:760px;border-collapse:collapse}.lifecycle-matrix caption{text-align:left;padding:var(--space-lg);color:var(--text-2)}.lifecycle-matrix th,.lifecycle-matrix td{text-align:left;vertical-align:top;padding:var(--space-lg);border:var(--border-hairline) solid var(--border)}.lifecycle-matrix th{color:var(--ink-blue);background:var(--wash)}.lifecycle-matrix td{width:28%}.lifecycle-matrix p+p{margin-top:var(--space-md)}.lifecycle-source{font-size:var(--type-caption-font-size);margin-top:var(--space-lg);max-width:var(--supporting-copy-max)}
summary{cursor:pointer;color:var(--link);padding-block:var(--space-md);min-height:var(--space-3xl)}dt{font-weight:var(--font-weight-semibold);margin-top:var(--space-lg)}dd{margin-left:0;color:var(--text-2)}.grid{display:grid;gap:var(--space-xl)}.card{padding:var(--space-2xl);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-md);background:var(--canvas)}.card h3{margin:var(--space-xl) 0 var(--space-lg)}.card p+p{margin-top:var(--space-lg)}.data-cards{margin-top:var(--space-3xl)}.pricing-path{display:grid}.pricing-stage{flex-direction:column;min-width:0}.pricing-stage h2{font-size:var(--type-h2-font-size);margin-top:var(--space-2xl)}.featured-stage{background:var(--wash)}.price-display{font-size:var(--type-metric-font-size);font-weight:var(--font-weight-bold);color:var(--text);margin-block:var(--space-2xl)}.price-display span{display:block;font-weight:var(--font-weight-regular);font-size:var(--type-body-sm-font-size);color:var(--text-2);margin-top:var(--space-sm)}.pricing-stage>p:not(.price-display){font-size:var(--type-body-sm-font-size)}.check-list{padding:0;list-style:none;margin:var(--space-xl) 0 var(--space-2xl)}.check-list li{padding:var(--space-md) 0 var(--space-md) var(--space-xl);position:relative;font-size:var(--type-body-sm-font-size);border-bottom:var(--border-hairline) solid var(--border)}.check-list li:before{content:'—';position:absolute;left:0;color:var(--ink-blue)}.pricing-stage .btn,.commercial-note{margin-top:auto}.commercial-note{padding-top:var(--space-lg)}
.co-hero{display:grid;align-items:center}.co-mark{justify-self:start;max-width:calc(var(--space-4xl) * 5)}.co-mark img{width:100%;height:auto}.co-hero-copy strong{color:var(--text)}.co-hero-copy h1{max-width:25ch}.co-hero-copy .lede{max-width:var(--supporting-copy-max)}.standfirst{font-size:var(--type-h3-font-size);margin-top:var(--space-xl);color:var(--ink-blue)}.founders{display:grid;margin-top:var(--space-3xl)}.founder{border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 2fr;background:var(--surface)}.founder>picture{align-self:start}.founder img{width:100%;aspect-ratio:1;object-fit:cover}.founder-body{padding:var(--space-xl)}.founder-body p{font-size:var(--type-body-sm-font-size);margin-top:var(--space-lg)}.founder-body .role{color:var(--ink-blue);margin-top:var(--space-sm)}.founder-body .creds{font-size:var(--type-caption-font-size);padding-top:var(--space-lg);border-top:var(--border-hairline) solid var(--border)}.backing{display:grid;align-items:center}.backing-logo{max-width:calc(var(--space-4xl) * 4);justify-self:start}.news{text-decoration:none;transition:background var(--fast)}.news:hover{background:var(--wash)}.news h3{color:var(--text)}.news p{font-size:var(--type-body-sm-font-size)}.quote-hero{font-size:var(--type-display-font-size)}.reading{list-style:none;margin:0;padding:0}.reading li{display:grid;grid-template-columns:.6fr 1.4fr 1fr;align-items:start;gap:var(--space-3xl);padding-block:var(--space-2xl);border-top:var(--border-hairline) solid var(--border)}.reading h2{font-size:var(--type-h2-font-size)}.reading p:last-child{font-size:var(--type-body-sm-font-size)}.legal{max-width:var(--website-layout-reading-max)}.legal h2{font-size:var(--type-h2-font-size);margin:var(--space-3xl) 0 var(--space-xl);overflow-wrap:anywhere}.legal h3{margin:var(--space-2xl) 0 var(--space-lg)}.legal p,.legal li{margin-bottom:var(--space-lg)}.legal table{display:block;overflow:auto;max-width:100%;font-size:var(--type-body-sm-font-size);border-collapse:collapse}.legal td,.legal th{padding:var(--space-sm);border:var(--border-hairline) solid var(--border)}.legal a{overflow-wrap:anywhere}
.demo-section{padding-block:var(--space-4xl)}.demo-layout{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3xl)}.demo-intro,.demo-layout>.demo-form{width:var(--intro-copy-width)}.demo-intro h1{max-width:none}.demo-fit{font-size:var(--type-h3-font-size);margin-top:var(--space-2xl);max-width:none}.demo-partnership{margin-top:var(--space-xl);max-width:none}.demo-partnership h2{font-size:var(--type-h3-font-size)}.demo-partnership p{font-size:var(--type-body-sm-font-size);margin-top:var(--space-lg)}.demo-form{padding:var(--space-2xl);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.demo-form-heading h2{font-size:var(--type-h2-font-size)}.demo-form-heading>p{font-size:var(--type-body-sm-font-size);margin-top:var(--space-md)}.demo-contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.field{margin-top:var(--space-xl);min-width:0}.field label{display:block;font-size:var(--type-body-sm-font-size);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.demo-optional{font-weight:var(--font-weight-regular);color:var(--text-2);margin-left:var(--space-xs)}.field input,.field textarea{width:100%;padding:var(--space-md);min-height:var(--space-3xl);border:var(--border-hairline) solid var(--text-2);border-radius:var(--radius-sm);background:var(--canvas);color:var(--text);font-size:var(--type-body-font-size);transition:border-color var(--fast)}.field textarea{resize:vertical}.field input[aria-invalid=true]{border-color:var(--color-semantic-critical)}.field input::placeholder{color:var(--text-2);font-size:var(--type-body-sm-font-size)}.hp{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}.demo-submit{border-top:var(--border-hairline) solid var(--border);margin-top:var(--space-2xl);padding-top:var(--space-xl)}.demo-response{text-align:center;font-size:var(--type-body-sm-font-size);margin-bottom:var(--space-lg)}.demo-submit .btn{width:100%}.msg{font-size:var(--type-body-sm-font-size);margin-top:var(--space-lg)}.fprog{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-xl)}.fnode{height:var(--space-xs);width:var(--space-xl);background:var(--border);border-radius:var(--radius-full);transition:background var(--fast)}.fnode.on{background:var(--blue)}.fplbl{font-size:var(--type-caption-font-size);color:var(--text-2);margin-left:var(--space-sm)}

.big{position:relative;display:inline-block;color:var(--blue);font-size:calc(1em * var(--website-type-big-scale));font-weight:var(--font-weight-bold);line-height:1;white-space:nowrap}.big-underline,.nav-label,.tab-label{position:relative;display:inline-block}.big-underline{white-space:nowrap}.big-underline .big::after{content:none}.big::after,.big-underline::after,.nav-label::after,.tab-label::after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:var(--border-thick);background:linear-gradient(90deg,var(--blue),transparent)}
.nav-label::after,.tab-label::after{opacity:0;transition:opacity var(--fast) var(--ease)}.nav a:hover .nav-label::after,.nav a:focus-visible .nav-label::after,.nav a[aria-current=page] .nav-label::after{opacity:1}
.case-tabs .tab-label{display:inline-flex;align-items:center;gap:var(--space-md)}
.gradient-tab:is([aria-pressed=true],:focus-visible,:hover:not(:disabled))>.tab-label::after{opacity:1}.gradient-tab:is(:focus-visible,:hover:not(:disabled)){color:var(--ink-blue)}
.coach-grid{display:grid}.coach-grid article,.coach-grid>li{border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl);background:var(--surface)}.coach-grid h3{margin:var(--space-xl) 0 var(--space-lg)}.coach-grid p,.coach-more{font-size:var(--type-body-sm-font-size)}.coach-more{margin-top:var(--space-xl)}
/* Distinct case changes reveal new geometry; reduced-motion rules disable the fade. */
.explorer[data-current-case=value] .journey-graphic svg{animation:journey-value var(--base) var(--ease)}.explorer[data-current-case=progression] .journey-graphic svg{animation:journey-progression var(--base) var(--ease)}.explorer[data-current-case=alliance] .journey-graphic svg{animation:journey-alliance var(--base) var(--ease)}
@keyframes journey-value{from{opacity:var(--alpha-scrim)}to{opacity:1}}@keyframes journey-progression{from{opacity:var(--alpha-scrim)}to{opacity:1}}@keyframes journey-alliance{from{opacity:var(--alpha-scrim)}to{opacity:1}}
@media(max-width:1100px){h1{font-size:var(--type-display-font-size)}.nav{gap:var(--space-xl)}.bar{gap:var(--space-xl)}.signal-panel,.decision-panel{padding:var(--space-xl)}.panel-heading{align-items:flex-start}.signal-key{display:none}.trust-statement{gap:var(--space-xl)}.founder{grid-template-columns:1fr}.founder>picture{max-width:calc(var(--space-4xl) * 2);padding:var(--space-xl) var(--space-xl) 0}.founder img{border-radius:var(--radius-md)}.demo-contact{grid-template-columns:1fr;gap:0}}
@media(max-width:800px){.co-mark{max-width:calc(var(--space-4xl) * 3);justify-self:start}.bar{gap:var(--space-lg);min-height:var(--space-4xl)}.brand img{width:144px}.header-cta{margin-left:auto}.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:var(--space-xl);background:var(--canvas);border-bottom:var(--border-hairline) solid var(--border);box-shadow:var(--shadow-overlay)}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm)}.nav a{padding:var(--space-md)}.hero-note{margin-top:var(--space-xl)}.hero-bottom .index-label{display:none}.home-hero{padding-top:var(--space-3xl)}.explorer-grid{grid-template-columns:1fr}.signal-panel [data-case-title],.signal-panel>p{min-height:0;max-width:none}.journey-graphic{max-width:560px;margin-inline:auto}.signal-panel>p{min-height:0}.decision-panel{border-left:0;border-top:var(--border-hairline) solid var(--border)}.decision-content{min-height:calc(var(--space-4xl) * 4)}.trust-strip .wrap,.trust-statement{flex-direction:column;align-items:flex-start;gap:var(--space-xl)}.trust-statement{flex-direction:row;width:100%;justify-content:space-between}.principle-grid{grid-template-columns:repeat(2,1fr)}.section,main>section:not([class]),.closing{padding-block:var(--space-4xl)}.context-art{max-width:560px;width:100%;margin-inline:auto}.workflow{grid-template-columns:1fr 1fr}.workflow.four{grid-template-columns:1fr 1fr}.cta-band{padding:var(--space-2xl)}.pricing-stage .btn{align-self:flex-start}.pricing-stage .check-list{margin-bottom:var(--space-xl)}.process-list article{grid-template-columns:.7fr 1fr;gap:var(--space-xl)}.process-list article>p{grid-column:2}.backing-logo{justify-self:start}.reading li{grid-template-columns:1fr;gap:var(--space-lg)}.reading .kicker{margin:0}.page-hero{padding-block:var(--space-3xl)}}
@media(max-width:520px){.wrap,.bar{width:calc(100% - var(--space-2xl))}.bar{gap:var(--space-md)}.brand img{width:128px}.header-cta{padding:var(--space-md);font-size:var(--type-caption-font-size)}.header-cta span{display:none}.menu{width:var(--space-3xl);flex-shrink:0}.home-hero{padding-top:var(--space-2xl)}h1{font-size:var(--type-h1-font-size);line-height:var(--type-h1-line-height)}h2{font-size:var(--type-h2-font-size);line-height:var(--type-h2-line-height)}.context-grid h2,.fit-grid h2{font-size:var(--type-h1-font-size);line-height:var(--type-h1-line-height)}.eyebrow{font-size:var(--type-caption-font-size);letter-spacing:.04em}.hero-aside>p{font-size:var(--type-body-font-size)}.hero-bottom{margin-top:var(--space-2xl)}.hero-aside .btns{gap:var(--space-xl);margin-top:var(--space-xl)}.explorer-top{align-items:flex-start;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.case-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-md);gap:var(--space-xs)}.case-tabs button{padding:var(--space-sm);font-size:var(--type-caption-font-size);justify-content:center;text-align:center}.tab-number{display:none}.signal-panel,.decision-panel{padding:var(--space-lg)}.signal-panel [data-case-title]{font-size:var(--type-h3-font-size)}.journey-graphic{margin-block:var(--space-lg)}.decision-content h3{font-size:var(--type-h3-font-size)}.decision-content{min-height:calc(var(--space-4xl) * 4)}.decision-footer,.explorer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.explorer-bottom{padding:var(--space-lg)}.workspace-section{padding-bottom:var(--space-3xl)}.trust-statement{flex-direction:column;gap:var(--space-lg)}.backer{gap:var(--space-xl)}.principle-grid{gap:var(--space-xl)}.principle-grid h3{margin-top:var(--space-xl)}.workflow,.workflow.four{grid-template-columns:1fr}.workflow li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md) var(--space-lg)}.workflow h3{margin:0;align-self:center}.workflow p{grid-column:2}.section-heading{margin-bottom:var(--space-2xl)}.cta-band{padding:var(--space-xl)}.fbase{flex-direction:column;gap:var(--space-sm)}.process-list article{grid-template-columns:1fr;gap:var(--space-md)}.process-list article>p{grid-column:auto}.stage-tabs{gap:var(--space-xs);flex-wrap:wrap}.stage-tabs button{padding:var(--space-sm) var(--space-md)}.journey-steps button{padding:var(--space-md)}.stage-description{padding:var(--space-lg)}.stage-description h3,.stage-description .lifecycle-question p,.stage-description .lifecycle-fit p{font-size:var(--type-h3-font-size)}.lifecycle-top>.field-label{margin-bottom:var(--space-sm)}.founder{grid-template-columns:1fr}.founder>picture{max-width:calc(var(--space-4xl) * 2)}.quote-hero{font-size:var(--type-h1-font-size)}.demo-form{padding:var(--space-xl)}.demo-section{padding-block:var(--space-3xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:active,button:active:not(:disabled){transform:none}.trace.featured{transform:none!important}}
@media print{header.site,.btns,.header-cta,.menu{display:none}.explorer,.card,.founder{break-inside:avoid;box-shadow:none}.section,main>section:not([class]){padding-block:var(--space-xl)}}
@media(max-width:380px){.brand img{width:calc(var(--space-4xl) + var(--space-3xl))}.header-cta{padding-inline:var(--space-sm)}.bar{gap:var(--space-sm)}}

/* Primary-action handoff must not interpolate through low-contrast color pairs. */
.header-cta{transition:none}
/* Solution 4 (2026-09-23) — the journey owns Evidence, the opportunity card owns Next action and
   Measure. Next action and Measure are case-level in scenarios.json and describe the terminal node
   only, so the card names that node and says so in one line. */
.journey-evidence{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:var(--border-hairline) solid var(--border)}
.journey-evidence>p{font-size:var(--type-body-font-size);margin-top:var(--space-sm)}
.journey-evidence .field-label{color:var(--ink-blue)}
.opportunity-card{gap:0}
.opportunity-card .panel-heading{margin-bottom:var(--space-lg)}
.opportunity-card h3{font-size:var(--type-h2-font-size);line-height:var(--type-h2-line-height)}
.opp-scope{font-size:var(--type-body-font-size);color:var(--text-2);margin-top:var(--space-sm);max-width:46ch}
.opp-block{margin-top:var(--space-2xl)}
.opp-block>p{font-size:var(--type-body-font-size);margin-top:var(--space-sm)}
.opp-block+.opp-block{padding-top:var(--space-2xl);border-top:var(--border-hairline) solid var(--border)}
.opp-block .field-label{color:var(--ink-blue)}
.opportunity-card .decision-footer{margin-top:auto;padding-top:var(--space-xl);justify-content:flex-end}
@media(max-width:520px){.opportunity-card h3{font-size:var(--type-h3-font-size)}.opp-block{margin-top:var(--space-xl)}.opp-block+.opp-block{padding-top:var(--space-xl)}}
/* Reserve room inside the SVG canvas for a nearby callout at every dot. */
.journey-plot{position:relative}
.journey-hit{fill:transparent;stroke:none;cursor:pointer}
.journey-hit:hover~.journey-point,.journey-plot svg:hover .signal-node{transition:none}
.node-callout{position:relative;margin-top:var(--space-lg);width:auto;
 background:var(--canvas);border:var(--border-hairline) solid var(--border);border-left:var(--border-thick) solid var(--blue);
 border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg)}
.node-callout.is-floating{position:absolute;z-index:2;margin:0;width:min(230px,80%);box-shadow:var(--shadow-raised)}
.node-callout.is-compact{width:min(260px,85%);padding:var(--space-sm) var(--space-md)}
.node-callout.is-compact p{margin-top:calc(var(--space-xs) / 2)}
.callout-leader{stroke:var(--blue);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}
.node-callout-title{display:block;font-size:var(--type-caption-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-blue)}
.node-callout p{font-size:var(--type-body-font-size);margin-top:var(--space-sm)}
.journey-labels button[aria-pressed=true]{color:var(--ink-blue);font-weight:var(--font-weight-semibold)}
/* Key question (2026-09-23) — sits between the studio's priority and Palladio AI's role, in both
   the panel and the full matrix, so the three read in the same order on either surface. It carries
   no rules of its own on purpose: .lifecycle-question is folded into the .lifecycle-fit and
   .stage-description h3 selectors above, so the three values cannot drift apart in a later edit. */

/* The large CTA: the closing band's and the homepage hero's, defined once so the two cannot
   drift apart. The hero CTA already sits flush left in .hero-aside, so only the size applies. */
.closing .cta-band .btn.cta,.hero-aside .btn.cta{font-size:calc(var(--type-body-sm-font-size) * 1.25);
 min-height:calc(var(--space-3xl) * 1.25);
 padding:calc(var(--space-md) * 1.25) calc(var(--space-xl) * 1.25);
 gap:calc(var(--space-xl) * 1.25)}

/* The Product hero already spaces its copy and actions with a flex gap. */
.compact-columns > .btns{margin-top:0}

/* Insights pairs the founder quote with the supplied conference photograph. */
.insights-hero{display:grid;align-items:center}
.insights-hero-copy{min-width:0}.insights-hero-photo{width:100%;height:auto;justify-self:start;border-radius:var(--radius-lg)}
@media(max-width:800px){.insights-hero-photo{justify-self:start}}

/* Live-site artwork fades into each theme without affecting hero geometry. */
.home-hero,.product-hero{position:relative;isolation:isolate}
.home-hero::before,.product-hero::before{content:"";position:absolute;inset:0;width:calc(100% - var(--space-3xl));max-width:var(--website-layout-content-max);margin-inline:auto;z-index:-1;pointer-events:none;background-image:linear-gradient(to top,var(--canvas),transparent 24%),url("assets/home-hero-background.png");background-size:100% 100%,auto 100%;background-position:right center;background-repeat:no-repeat;mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NjAiIGhlaWdodD0iNTQwIiB2aWV3Qm94PSIwIDAgOTYwIDU0MCI+CiAgPCEtLSBGZWF0aGVyIHRoZSBzaWxob3VldHRlIG9mIHRoZSB1cHBlciBkaWFnb25hbCBhbmQgbG93ZXIgc3dlZXBpbmcgcmliYm9uLiAtLT4KICA8ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InN0cmVuZ3RoIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIwIiB4Mj0iOTYwIiB5Mj0iMCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIuNDUiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9Ii4yNSIvPjxzdG9wIG9mZnNldD0iLjkiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZlYXRoZXIiIHg9Ii01MCUiIHk9Ii01MCUiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTAwIi8+PC9maWx0ZXI+PC9kZWZzPgogIDxwYXRoIGZpbGw9InVybCgjc3RyZW5ndGgpIiBmaWx0ZXI9InVybCgjZmVhdGhlcikiIGQ9Ik0gMzgwLC0xMjAgTCA1NzAsMTY1IFEgNTkwLDE5NSA1NTAsMjMwIEwgMTY1LDQzNSBRIDk1LDQ3MCAtNjAsNTkwIEwgMTA4MCw2NjAgTCAxMDgwLC0xMjAgWiIvPgo8L3N2Zz4K");mask-size:auto 100%;mask-position:right center;mask-repeat:no-repeat}
@media(max-width:800px){.home-hero::before,.product-hero::before{opacity:.16}}

@media(max-width:520px){.home-hero::before,.product-hero::before{width:calc(100% - var(--space-2xl))}}

/* Preserve the Product contour at every width, including the in-app preview. */
.product-hero::before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDE0NDAgODAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImZlYXRoZXIiIHg9Ii0zMCUiIHk9Ii0zMCUiIHdpZHRoPSIxNjAlIiBoZWlnaHQ9IjE2MCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE0MCAyNCIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDwhLS0gRmVhdGhlciBicm9hZGx5IGFjcm9zcyB0aGUgZWRnZSwgYnV0IG1pbmltYWxseSBhbG9uZyBpdCBzbyB0aGUgY29udGVudCBjb250b3VyIHJlbWFpbnMgZGlzdGluY3QuIC0tPgogIDxwYXRoIGZpbGw9IndoaXRlIiBmaWx0ZXI9InVybCgjZmVhdGhlcikiIGQ9Ik0gODAwLC0xNjAgQyA4MDUsMjAgODcwLDExMCA4ODAsMjQwIEMgODk1LDM1MCA4MzUsNDMwIDgyMCw1NDAgQyA4MDUsNjUwIDg0NSw3NDAgNzcwLDk2MCBMIDE2MDAsOTYwIEwgMTYwMCwtMTYwIFoiLz4KPC9zdmc+Cg==");mask-size:100% 100%;mask-position:center;opacity:1}
@media(max-width:800px){.product-hero::before{opacity:.4}}
@media(max-width:520px){.product-hero::before{opacity:.35}}

/* Product capabilities: task groups, selected examples, and a contextual demo invitation. */
.capability-group+.capability-group{margin-top:var(--space-2xl)}
.capability-group-title{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}
.capability-grid{display:grid}
.capability-card{padding:var(--space-xl);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--canvas)}
.capability-card h4{font-size:var(--type-body-font-size);line-height:var(--type-body-line-height)}
.capability-card p{margin-top:var(--space-md);font-size:var(--type-body-sm-font-size)}
.capability-demo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:var(--border-hairline) solid var(--border)}
.capability-demo p{max-width:var(--supporting-copy-max);margin-top:var(--space-md)}
.capability-demo .btn{flex-shrink:0}

@media(max-width:600px){.capability-demo{flex-direction:column;align-items:flex-start}}

/* Existing Palladio category colors keep functional groups easy to scan. */
.capability-group[data-capability-category="understand"]{--capability-accent:var(--color-category-behavioral)}
.capability-group[data-capability-category="growth"]{--capability-accent:var(--color-category-monetization)}
.capability-group[data-capability-category="act"]{--capability-accent:var(--color-category-technical)}
.capability-card{border-left:var(--space-xs) solid var(--capability-accent)}


/* Executives and teams: planning and resolution in a shared context. */
.studio-role-grid{display:grid}
.studio-role{display:flex;flex-direction:column;padding:var(--space-2xl);border:var(--border-hairline) solid var(--border);border-top:var(--space-xs) solid var(--studio-accent);border-radius:var(--radius-lg);background:var(--surface)}
.studio-role-executives{--studio-accent:var(--color-category-technical)}.studio-role-teams{--studio-accent:var(--color-category-behavioral)}
.studio-role h3{margin-top:var(--space-lg);font-size:var(--type-h2-font-size)}
.studio-role dl{margin:var(--space-2xl) 0}.studio-role dl>div+div{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:var(--border-hairline) solid var(--border)}
.studio-role dt{font-weight:var(--font-weight-semibold)}.studio-phase{display:block;color:var(--ink-blue);font-size:var(--type-caption-font-size);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}
.studio-role dd{margin:var(--space-sm) 0 0;color:var(--text-2);font-size:var(--type-body-sm-font-size)}
.studio-role-support{margin-top:auto;padding-top:var(--space-lg);border-top:var(--border-hairline) solid var(--border);font-size:var(--type-body-sm-font-size)}
.studio-shared{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-xl);border-bottom:var(--border-hairline) solid var(--border)}
.studio-shared h3{font-size:var(--type-body-font-size)}.studio-shared ul{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-xl);list-style:none;padding:0;margin:0;color:var(--text-2);font-size:var(--type-body-sm-font-size)}
.studio-work-next{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-top:var(--space-2xl)}.studio-work-next .btn{flex-shrink:0}
@media(max-width:800px){.studio-shared,.studio-work-next{flex-direction:column;align-items:flex-start}}

.capability-group[data-capability-category="games"]{--capability-accent:var(--color-category-engagement)}
.capability-group[data-capability-category="model"]{--capability-accent:var(--color-category-journey)}

/* Allow the AI Coach introduction to use the full section width. */
.lede.coach-intro{max-width:var(--supporting-copy-max)}

/* Share pricing rows so wrapped descriptions cannot offset the checklists. */
@media(min-width:801px){
 .pricing-stage>.btn{align-self:end}
}

/* Option 6 editorial structure: concise Home overview and detailed Product explanation. */
.studio-overview .studio-role>p:last-child{margin-top:var(--space-lg)}
.opportunity-anatomy{display:grid;list-style:none;padding:0;margin:0}
.opportunity-anatomy li{padding:var(--space-2xl);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--canvas)}
.opportunity-anatomy h3{margin:var(--space-lg) 0;font-size:var(--type-h3-font-size)}
.capability-details{margin-top:var(--space-2xl)}
.capability-details summary{font-weight:var(--font-weight-semibold);padding-block:var(--space-xl)}
.capability-details-body{padding-bottom:var(--space-2xl)}
.capability-research{margin-top:var(--space-3xl)}
.capability-research>h3,.capability-research>p:not(.ordinal){margin-top:var(--space-md)}
.capability-research>.capability-group{margin-block:var(--space-xl)}
.product-pilot-link{margin-top:var(--space-lg)}



/* Let example headings use the available panel width instead of the old 25ch measure. */
.signal-panel [data-case-title]{max-width:none;text-wrap:wrap}
/* Pair each role label and heading with a shared, larger outline icon. */
.studio-role-heading{display:flex;align-items:center;gap:var(--space-xl)}
.studio-role-heading>div{min-width:0}
.studio-role-icon{display:flex;flex:0 0 auto;color:var(--ink-blue)}
.studio-role-icon .ui-icon{width:64px;height:64px}
.studio-role-heading h3{margin-top:var(--space-sm)}
@media(max-width:520px){.studio-role-icon .ui-icon{width:48px;height:48px}.studio-role-heading{gap:var(--space-lg)}}
.footer-brand .footer-tagline{margin-top:var(--space-lg)}
/* Size opportunity headings to their available panel width. */
.signal-panel{container-type:inline-size}
@container (min-width:440px){
 .explorer[data-current-case="progression"] .signal-panel [data-case-title],
 .explorer[data-current-case="alliance"] .signal-panel [data-case-title]{font-size:clamp(var(--type-h3-font-size),4cqw,var(--type-h2-font-size));white-space:pre}
}
/* Carry the teams card's green border accent into its role and workflow labels. */
.studio-role-teams .studio-role-icon,
.studio-role-teams .studio-role-heading .ordinal,
.studio-role-teams .studio-phase{color:var(--studio-accent)}
/* Match executive role and workflow labels to the card's blue border accent. */
.studio-role-executives .studio-role-icon,
.studio-role-executives .studio-role-heading .ordinal,
.studio-role-executives .studio-phase{color:var(--studio-accent)}

/* Shared reading measure for supporting copy beneath section titles. */
.section-heading>p:not(.eyebrow),
.section-heading .heading-columns>p,
.section>.wrap>h2+p,
.section-lede,
.page-hero .lede,
.home-hero .hero-aside>p,
.cta-band>div>h2+p{max-width:var(--supporting-copy-max)}

/* UA steps share the AI Coach cards, with four items in the sequence. */
.ua-coach-grid{list-style:none;padding:0;margin:0}



/* Two-line pricing headers with large icons from the shared outline set. */
.pricing-card-heading{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}
.pricing-card-heading>div{min-width:0}
.pricing-card-icon{display:flex;flex:0 0 auto;color:var(--ink-blue)}
.pricing-card-icon .ui-icon{width:56px;height:56px}
.pricing-card-heading h2{margin:0;font-size:var(--type-h3-font-size);text-wrap:wrap}
.pricing-card-scope{margin-top:var(--space-sm);font-size:var(--type-body-sm-font-size);color:var(--text-2)}
@media(min-width:801px) and (max-width:1100px){.pricing-card-icon .ui-icon{width:40px;height:40px}.pricing-card-heading{gap:var(--space-sm)}}

/* Keep closing punctuation with its highlighted phrase, outside the underline. */
.headline-ending{white-space:nowrap}

/* Preserve opportunity title breaks; allow extra wrapping on small screens. */
.explorer [data-case-title]{white-space:pre-line}
@container (min-width:440px){
 .explorer[data-current-case="value"] [data-case-title]{font-size:clamp(var(--type-h3-font-size),4cqw,var(--type-h2-font-size));white-space:pre}
}

/* Shared reading rhythm: clear section breaks without stacked empty space. */
main>.section,main>section:not([class]),main>.closing{padding-block:var(--space-4xl)}
.home-page>.home-hero{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}
.home-page>.workspace-section{padding-bottom:var(--space-3xl)}
.home-page>.trust-strip{padding-block:var(--space-xl)}
main .section-heading{margin-bottom:var(--space-2xl)}
.home-page .eyebrow{margin-bottom:var(--space-lg)}
main .section-heading>.lede{margin-top:var(--space-lg)}
main .cta-band{padding:var(--space-2xl)}
@media(max-width:800px){
 main>.section,main>section:not([class]),main>.closing{padding-block:var(--space-3xl)}
 .home-page>.home-hero{padding-top:var(--space-2xl)}
 .home-page>.workspace-section{padding-bottom:var(--space-2xl)}
 main .section-heading{margin-bottom:var(--space-xl)}
}
@media(max-width:520px){main .cta-band{padding:var(--space-xl)}}

/* Non-interactive instructions distinguish group labels from stage controls. */
.lifecycle-instruction{font-size:var(--type-caption-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);cursor:default}
.lifecycle-content .lifecycle-instruction{margin-bottom:var(--space-lg)}
@media(max-width:520px){.lifecycle-top>.lifecycle-instruction{margin-bottom:var(--space-lg)}}

/* Inner pages retain their content spacing and compact editorial lead. */
main>.page-hero:not(.insights-lead),main>.demo-section{padding-block:var(--space-3xl)}
main>section>.wrap>.eyebrow,main .section-heading>.eyebrow,main .cta-band .eyebrow{margin-bottom:var(--space-lg)}
main>.section.no-top{padding-top:0}
footer.site{padding-top:var(--space-3xl)}
@media(max-width:800px){
 main>.page-hero:not(.insights-lead),main>.demo-section{padding-block:var(--space-2xl)}
}
@media print{main>.section,main>section:not([class]),main>.closing{padding-block:var(--space-xl)}main>.section.no-top{padding-top:0}}

/* Scroll emphasis changes only color; CTA size and typography stay stable. */
.btn.cta.cta-muted { background: var(--canvas); border-color: var(--text-2); color: var(--text); }
.btn.cta.cta-muted:hover { background: var(--surface); }