/* The owner-approved hero glass, shared across all three journeys.
   Broad surfaces own static blur. Nested controls inherit light through their fill. */
:root{
 --material-clear:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.54),transparent 63%),radial-gradient(ellipse 95% 28% at 50% 76%,rgba(247,252,255,.62),transparent),linear-gradient(142deg,rgba(255,255,255,.38),rgba(231,246,255,.24) 56%,rgba(203,232,247,.34));
 --material-reflection:linear-gradient(117deg,rgba(255,255,255,.32),rgba(255,255,255,.05) 29%,transparent 43%,rgba(255,255,255,.14) 71%,transparent 87%);
 --material-rim:rgba(255,255,255,.68);
 --material-depth:inset 0 1px 0 rgba(255,255,255,.96),inset 1px 0 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(56,98,128,.18),0 30px 70px -32px rgba(8,34,55,.48),0 8px 22px -15px rgba(8,34,55,.3);
 --material-reading:linear-gradient(145deg,rgba(251,254,255,.88),rgba(236,246,251,.82));
 --material-band:linear-gradient(135deg,rgba(255,255,255,.72),rgba(236,247,252,.54));
 --material-nav-depth:inset 0 1px 0 rgba(255,255,255,.94),0 8px 28px -20px rgba(12,42,61,.28);
 --material-panel-depth:inset 0 1px 0 #ffffffed,inset 0 -1px 0 #1a4b6612,0 24px 64px -34px #0a293f55;
 --material-product-depth:inset 0 1px 0 #fffffff5,inset 1px 0 0 #ffffff4d,inset 0 -1px 0 #143d5833,0 36px 85px -30px #0b243f70,0 8px 20px -13px #08273955;
 --material-inset:linear-gradient(145deg,rgba(255,255,255,.66),rgba(224,244,254,.38));
 --material-inset-depth:inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(56,98,128,.09),0 5px 14px -10px rgba(9,40,61,.36);
 --material-inverse:linear-gradient(117deg,rgba(255,255,255,.13),transparent 38%,rgba(158,223,246,.07) 74%,transparent),linear-gradient(142deg,rgba(219,245,255,.13),rgba(169,214,238,.045));
 --material-inverse-depth:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(3,22,39,.22),0 8px 22px -17px rgba(3,20,35,.45);
 --web-glass-bg:var(--material-reading);
 --web-glass-border:var(--material-rim);
 --web-glass-shadow:var(--material-depth);
 --web-glass-control:var(--material-inset);
 --text-secondary:#16374b;
 --web-glass-accent:#034253;
 --text-accent:var(--web-glass-accent);
}
/* Clear hero: the approved finish and proportions remain. */
.world-invitation.brand-led-hero{
 background:var(--material-reflection),var(--material-clear);border-color:var(--material-rim);box-shadow:var(--material-product-depth);
 -webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);isolation:isolate;
}
.brand-led-hero p{color:#102d42;text-shadow:0 1px 1px rgba(255,255,255,.48)}
.brand-led-hero p span{color:#102d42}
/* Reading glass adds even light beneath longer text. No layout or content changes. */
:is(.scene-panel,.product-scene .product-copy,.creator-story .scene-panel,dialog){
 background:var(--material-reading);border-color:var(--material-rim);box-shadow:var(--material-panel-depth);
 -webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);
}
:is(.scene-panel,dialog){--text-secondary:#16374b;--text-accent:#034253;color:#0b1b2b}
:is(.nav-shell,.world-controls,.world-hint,.main-nav.is-open,.creator-stage-label,.creator-app-stage .device-caption,.brand-stage-label,.brand-stage-caption){
 background:var(--material-band);border:1px solid var(--material-rim);box-shadow:var(--material-nav-depth);
 -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);color:#102d42;
}
.main-nav a[aria-current],.main-nav a:hover{color:#034253}
/* Refractive inset surfaces: no additional blur within web reading panels. */
:is(.scene-action,.world-journeys a,.motion-control,.next-chapter,.menu-toggle,.dialog-close,.button-outline,.scenario-controls button,.brief-prompt,.evidence-note,.draft-followup,.profile-initial,.sample-badge,.form-field input,.form-field select,.form-field textarea){
 background:var(--material-inset);border:1px solid rgba(255,255,255,.8);box-shadow:var(--material-inset-depth);color:#133b51;
}
.brief-prompt,.evidence-note,.draft-followup{padding:14px}
.brand-led-hero .world-journeys a:first-child{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(203,240,250,.52))}
:is(.scene-action,.world-journeys a,.motion-control,.next-chapter,.menu-toggle,.dialog-close,.button-outline,.scenario-controls button):hover{
 background:rgba(248,253,255,.84);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 7px 18px -11px rgba(9,40,61,.45);color:#102d42;
}
:is(.scenario-controls button,.creator-story .scene-action,.motion-control)[aria-pressed=true]{background:linear-gradient(145deg,rgba(235,252,255,.88),rgba(173,231,244,.72));border-color:#25829b;color:#063e52}
.button:not(.button-outline){background:linear-gradient(135deg,rgba(5,62,80,.96),rgba(14,49,70,.9));border-color:#ffffffb3;box-shadow:inset 0 1px 0 #ffffff8c,0 8px 20px -15px #0b304966;color:#f4fcff}
.button:not(.button-outline):hover{background:linear-gradient(135deg,#064258,#0e3146)}
dialog::backdrop{background:rgba(11,27,43,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* The media room retains clear photographs and films, under fine glass rims. */
.gallery-image::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #ffffff35;box-shadow:inset 0 1px 0 #ffffff38;background:linear-gradient(130deg,#ffffff0a,transparent 28%)}
/* Blue glass uses the same reflection and bevel, with contrast suited to app content. */
.brand-app-shell{
 background:var(--material-inverse),linear-gradient(145deg,rgba(15,44,66,.38),rgba(11,33,52,.3));border-color:var(--material-rim);box-shadow:var(--material-depth);
 -webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);
}
.brand-app-shell::before,.creator-device::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--material-reflection);opacity:.3}
.brand-app-shell .brand-app-backdrop{opacity:.72}
.brand-app-shell .brand-app-wash{background:linear-gradient(155deg,rgba(11,29,46,.78),rgba(18,58,80,.88) 48%,rgba(30,48,78,.92))}
.brand-app-shell :is(.app-chrome,.app-disclosure){background:var(--material-inverse);border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff2e}
.brand-app-shell :is(.app-stat,.post-row,.message,.app-tag,.app-preview-label,.participant-line span,.app-filter button,.reply-preview input){
 background:var(--material-inverse);border-color:#ffffff70;box-shadow:var(--material-inverse-depth);
}
.brand-app-shell .app-stat.app-stat-lead,.brand-app-shell .message.message-creator{background:linear-gradient(135deg,#99d8e52b,#b1d4ee12);border-color:#b4eafaa6}
.brand-app-shell .app-filter button[aria-pressed=true],.brand-app-shell .app-text-action,.brand-app-shell .reply-preview button{
 background:var(--material-band);border-color:#ffffffd9;box-shadow:var(--material-inset-depth);color:#103c52;
}
.brand-app-shell .message.message-draft{background:linear-gradient(135deg,#e6fafff0,#d5f6ffd9);border-style:dashed}
.brand-app-shell .reply-preview{background:var(--material-inverse);border:1px solid #ffffff59;border-radius:18px;padding:13px;box-shadow:var(--material-inverse-depth)}
.brand-app-dock,.creator-device .phone-dock{background:var(--material-band);border-color:var(--material-rim);box-shadow:var(--material-depth)}
.brand-app-dock :is(a[aria-current=location],button[aria-pressed=true]),.creator-device .phone-dock button[aria-pressed=true]{background:var(--material-inset);border:1px solid #ffffffd9;box-shadow:var(--material-inset-depth);color:#034253}
.brand-app-dock :is(a,button):hover{background:#ffffff85}
/* Preserve the reference-led Studio portrait; all app controls share its glass. */
.creator-app-stage .creator-device{border-color:var(--material-rim);box-shadow:var(--material-depth)}
.creator-device:not([data-app-screen=studio]) .phone-tint{background:linear-gradient(180deg,rgba(11,33,52,.88),rgba(18,60,80,.92) 48%,rgba(42,62,95,.94))}
.creator-device .phone-glass{background:var(--material-inverse);border-color:#ffffff70;box-shadow:var(--material-inverse-depth);-webkit-backdrop-filter:blur(12px) saturate(135%);backdrop-filter:blur(12px) saturate(135%)}
.creator-device :is(.phone-topbar,.phone-icon-button,.phone-new-ideas,.studio-actions button,.phone-thread-tabs button,.phone-profile-editor input,.phone-profile-editor select,.phone-bubble,.phone-compose input){
 background:var(--material-inverse);border:1px solid #ffffff70;box-shadow:var(--material-inverse-depth);
}
.creator-device .phone-topbar{border-radius:25px}
.creator-device .phone-new-ideas{-webkit-backdrop-filter:blur(12px) saturate(135%);backdrop-filter:blur(12px) saturate(135%)}
.creator-device .phone-bubble.from-creator{background:linear-gradient(135deg,#99d8e52b,#b1d4ee12)}
.creator-device :is(.phone-action,.phone-compose button),.creator-device .studio-actions button:first-child,.creator-device .phone-thread-tabs button[aria-pressed=true],.creator-device .studio-actions button[aria-pressed=true]{background:var(--material-band);border-color:#ffffffd9;box-shadow:var(--material-inset-depth);color:#103c52}
.creator-device .phone-compose{background:var(--material-inverse);border:1px solid #ffffff59;border-radius:16px;padding:11px;box-shadow:var(--material-inverse-depth)}
.creator-device .phone-bubble-draft{background:linear-gradient(135deg,#e6fafff0,#d5f6ffd9)!important;border-style:dashed}
.creator-device .phone-notifications{background:linear-gradient(145deg,rgba(15,42,60,.96),rgba(28,70,90,.94))}
:is(.world-journeys a,.scene-action,.scenario-controls button,.motion-control,.next-chapter):focus-visible{outline:2px solid #007a96;outline-offset:4px}
/* 23 October refinement: the same glass, with deliberate surface hierarchy. */
.world-invitation.brand-led-hero{width:min(510px,calc(100% - 44px));padding:36px 38px 32px;border-radius:30px}
.brand-led-hero .hero-brand-logo{width:286px;margin-bottom:25px}
.brand-led-hero p{font-size:17px;line-height:1.65;letter-spacing:-.018em}
.brand-led-hero .world-journeys{gap:12px;margin-top:24px;max-width:380px}
.brand-led-hero .world-journeys a{min-height:50px;padding:12px 15px;font-size:12px;border-radius:16px}
.scene-panel{padding:clamp(27px,2.7vw,40px);border-radius:27px}
:is(.brand-story,.creator-story) .scene-panel{padding:34px}
:is(.scene-panel,.brand-story,.creator-story) :is(h1,h2){max-inline-size:18ch;line-height:1.08;letter-spacing:-.05em;text-wrap:balance}
.scene-panel h2{font-size:clamp(38px,3.8vw,58px)}
:is(.brand-story,.creator-story) h1{font-size:clamp(40px,3.8vw,56px)}
:is(.brand-story,.creator-story) h2{font-size:clamp(36px,3.3vw,50px)}
:is(.brand-story,.creator-story) .scene:not(:first-child) .gradient-text,#workflow-title .gradient-text,#faq-title .gradient-text{background:none;color:inherit}
.scene-lede{max-inline-size:42ch;font-size:16px;line-height:1.75;margin-top:24px;text-wrap:pretty}
:is(.brand-story,.creator-story) .scene-lede{max-inline-size:38ch;font-size:15px;line-height:1.75}
.eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:24px;color:#365567}
.scene-note{line-height:1.7;color:#365567}
.scene-action{border-radius:14px;min-height:48px;font-size:13px;gap:20px}
.scene-action>span,.world-journeys a>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #34748b30;border-radius:50%;font-size:17px;line-height:1}
.scene-process{gap:22px}
.scene-process li{gap:15px}
.scene-process li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #13869b5c;border-right-color:transparent;border-radius:50%;font-size:10px;line-height:1}
.scene-process h3{font-size:16px;letter-spacing:-.025em}
.scene-process p{margin-top:6px;line-height:1.65}
.nav-shell{border-color:#ffffffb3;box-shadow:var(--material-nav-depth)}
.main-nav a{font-size:12px}
.main-nav a::after{right:auto;width:18px}
.main-nav a[aria-current]::before{content:"";display:block;flex:none;width:8px;height:8px;margin-right:7px;border:1.5px solid #077c94;border-right-color:transparent;border-radius:50%;background:none}
.world-hint{background:rgba(248,253,255,.65);border-color:#ffffff8c;box-shadow:var(--material-nav-depth)}
.gallery-image::after{background:linear-gradient(135deg,#fff7e80d,transparent 45%,#0b526e08);border-color:#ffffff24}
.brand-app-shell,.creator-app-stage .creator-device{border-color:#ffffffb8;box-shadow:var(--material-product-depth)}
.brand-app-stage .app-chrome,.creator-device .phone-topbar{border-color:#ffffff4d;box-shadow:inset 0 1px 0 #ffffff26}
.brand-app-shell .app-stat,.creator-device .phone-glass{border-color:#ffffff52;box-shadow:inset 0 1px 0 #ffffff33,0 8px 24px -19px #04172880}
.brand-app-dock,.creator-device .phone-dock{box-shadow:inset 0 1px 0 #fffffff2,0 10px 26px -14px #031d3680}
.brand-stage-label,.creator-stage-label{background:rgba(249,253,255,.65);border-color:#ffffff94;box-shadow:var(--material-nav-depth);letter-spacing:.1em}
.brand-stage-caption,.creator-app-stage .device-caption{background:rgba(249,253,255,.58);border-color:#ffffff75;box-shadow:none;font-size:10px;line-height:1.6}
@media(min-width:801px){
 .world-controls{min-height:62px;padding:8px 16px;align-items:center;box-shadow:var(--material-nav-depth)}
 .world-caption,.world-position{padding-bottom:0}
 .world-actions{gap:10px}
 .motion-control,.next-chapter{min-height:44px;padding:10px 13px;font-size:10px;border-color:#ffffff85;box-shadow:var(--material-nav-depth)}
 .world-caption{font-size:8px;max-width:330px}
}
@media(min-width:801px) and (max-width:1100px){
 :is(.brand-story,.creator-story) .scene-panel{padding:27px}
 :is(.brand-story,.creator-story) h1{font-size:43px}
 :is(.brand-story,.creator-story) h2{font-size:39px}
}
@media(max-width:800px){
 .main-nav a{font-size:13px}
 .brand-app-stage .brand-app-shell,.creator-app-stage .creator-device{box-shadow:inset 0 1px 0 #ffffffb3,0 16px 40px -22px #0b243f6b}
}
@media(max-width:600px){
 .world-invitation.brand-led-hero{width:min(340px,calc(100% - 44px));padding:27px 24px;border-radius:26px}
 .brand-led-hero .hero-brand-logo{width:222px;margin-bottom:20px}
 .brand-led-hero p{font-size:15px;line-height:1.65}
 .brand-led-hero .world-journeys{margin-top:20px;gap:9px}
 .brand-led-hero .world-journeys a{font-size:11px;padding:10px;min-height:46px}
 .world-journeys a>span{width:22px;height:22px;font-size:15px}
 .scene-panel{padding:27px 24px;border-radius:25px}
 .scene-panel h2{font-size:clamp(34px,9.6vw,44px);line-height:1.1}
 .scene-lede{font-size:14px;line-height:1.75}
 .scene-process li>span{width:28px;height:28px;font-size:9px}
 .scene-process{gap:20px}.scene-process li{gap:12px}
 .scene-final{flex-wrap:wrap;gap:10px}.scene-final .scene-action{margin-top:14px}
}
@media(max-width:360px){
 .brand-led-hero .hero-brand-logo{width:184px;margin-bottom:16px}
 .brand-led-hero p{font-size:14px}.world-invitation.brand-led-hero{padding:24px 20px}
 .brand-led-hero .world-journeys a{font-size:10px;padding:9px;gap:6px}
 .scene-panel{padding:25px 21px}.scene-panel h2{font-size:34px}
}
@media(max-height:740px) and (max-width:600px){.brand-led-hero .hero-brand-logo{width:174px;margin-bottom:12px}.world-invitation.brand-led-hero{padding:23px}.brand-led-hero .world-journeys{margin-top:15px}}
@media(max-height:600px){.brand-led-hero .hero-brand-logo{width:135px;margin-bottom:10px}.world-invitation.brand-led-hero{padding:18px 22px}}

/* Utility bars shrink to their controls after removing presentation captions. */
@media(max-width:800px){
 body:not(.product-journey) .world-controls{display:flex;min-height:64px;align-items:center}
 body:not(.product-journey) .world-actions{width:100%;justify-content:space-between}
 body.product-journey .world-controls{right:auto;width:auto;min-width:0}
}
/* 28 October advertiser deck: campaign evidence and the commercial model. */
.brand-story .scene-action{margin-right:8px}
.case-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:26px 0 20px}
.case-results>div{min-width:0;border-top:1px solid #1b546526;padding-top:14px}
.case-results>div:first-child{grid-column:1/-1}
.case-results dt{font-size:11px;color:#365567;margin-bottom:7px}
.case-results dd{margin:0;font:500 32px/1.2 var(--font-mono);letter-spacing:-.06em;color:#0b3046}
.case-results>div:first-child dd{font-size:42px;color:#00647c}
.case-results span{display:block;font-size:11px;line-height:1.6;color:#365567;margin-top:7px}
.case-source{font-size:11px;line-height:1.7;color:#365567;max-width:44ch}
.brand-app-shell .deck-dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.brand-app-shell .deck-dashboard-stats .app-stat{min-width:0;padding:13px 15px;gap:6px}
.brand-app-shell .deck-dashboard-stats .app-stat strong{font-size:24px;line-height:1.25;white-space:normal;overflow-wrap:normal;letter-spacing:-.04em}
.phone-source-list{padding:0 13px;margin-top:15px}.phone-source-list summary{font-size:12px;min-height:48px}.phone-source-list p{font-size:11px;line-height:1.75;color:#e1eff7;margin:0 0 14px}
.plan-tier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}
.brand-app-shell .plan-tier-tabs button{min-width:0;min-height:48px;font-size:11px;padding:10px 8px;line-height:1.45}
.plan-readout h4{font-size:17px;font-weight:500;margin:0 0 5px;color:#f2faff}
.plan-readout .brand-plan-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.plan-readout .brand-plan-list>div{min-width:0;padding:13px 0}
.plan-readout .brand-plan-list dd{font:400 18px/1.5 var(--font-mono);white-space:normal;letter-spacing:-.04em}
.billing-example{margin-top:18px;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40}
.billing-example summary{font-size:12px;min-height:48px;gap:10px;color:#e8f6fc}
.billing-example>p{font-size:11px;line-height:1.7;color:#d1e8f3;margin-bottom:14px}
.billing-example dl{margin:0 0 15px;display:grid;gap:10px}
.billing-example dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}
.billing-example dd{margin:0;font-family:var(--font-mono);color:#effbff;white-space:nowrap}
@media(min-width:801px){body:not(.product-journey) .scene-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}body:not(.product-journey) .scene-process li{min-width:0}body:not(.product-journey) .scene-process h3{font-size:15px}body:not(.product-journey) .scene-process p{font-size:11px}}
@media(max-width:1100px){.nav-signature{display:none}}
@media(max-width:600px){.case-results{gap:18px}.case-results>div:first-child dd{font-size:34px}.case-results dd{font-size:29px}.case-results span{font-size:10px}.brand-app-shell .deck-dashboard-stats .app-stat{padding:12px}.brand-app-shell .deck-dashboard-stats .app-stat strong{font-size:21px}.plan-readout .brand-plan-list dd{font-size:16px}.billing-example dl>div{font-size:10px;gap:8px}}

/* System preferences retain hierarchy and usable boundaries without transparency. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--material-inverse:linear-gradient(145deg,#284f66,#1e4258);--material-band:linear-gradient(140deg,#f4fbff,#dcecf6);--material-inset:linear-gradient(145deg,#f1f9fd,#e1eff7)}
 :is(.nav-shell,.world-controls,.world-invitation.brand-led-hero,.world-hint,.scene-panel,.product-scene .product-copy,.creator-story .scene-panel,dialog,.main-nav.is-open,.creator-stage-label,.creator-app-stage .device-caption,.brand-stage-label,.brand-stage-caption){background:linear-gradient(140deg,#f4fbff,#dcecf6)}
}
@media(prefers-reduced-transparency:reduce){
 :is(.nav-shell,.world-controls,.world-invitation.brand-led-hero,.world-hint,.scene-panel,.product-scene .product-copy,.creator-story .scene-panel,dialog,.main-nav.is-open,.creator-stage-label,.creator-app-stage .device-caption,.brand-stage-label,.brand-stage-caption){background:#eaf4fa;-webkit-backdrop-filter:none;backdrop-filter:none}
 .brand-app-shell{background:#193d55;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-app-shell .brand-app-backdrop{display:none}.brand-app-shell .brand-app-wash{background:#193d55}
 .brand-app-shell :is(.app-chrome,.app-disclosure,.app-stat,.post-row,.message,.app-tag,.app-preview-label,.participant-line span,.app-filter button,.reply-preview,.reply-preview input){background:#2b5269}
 .creator-device :is(.phone-glass,.phone-topbar,.phone-icon-button,.phone-new-ideas,.studio-actions button,.phone-thread-tabs button,.phone-profile-editor input,.phone-profile-editor select,.phone-bubble,.phone-compose,.phone-compose input){background:#234c63;-webkit-backdrop-filter:none;backdrop-filter:none}
 .creator-device .phone-tint{background:#173e56}.creator-device .phone-backdrop{display:none}
 .brand-app-dock,.creator-device .phone-dock,.creator-device .phone-action,.creator-device .phone-compose button,.creator-device .studio-actions button:first-child,.creator-device .phone-thread-tabs button[aria-pressed=true],.brand-app-shell .app-filter button[aria-pressed=true],.brand-app-shell .app-text-action{background:#d5eaf5;-webkit-backdrop-filter:none;backdrop-filter:none}
 .brand-app-shell .message-draft,.creator-device .phone-bubble-draft{background:#d5f6ff!important}
 .gallery-image::after,.brand-app-shell::before,.creator-device::before{display:none}
}
@media(forced-colors:active){
 :is(.nav-shell,.world-controls,.world-invitation.brand-led-hero,.world-hint,.scene-panel,.product-scene .product-copy,.creator-story .scene-panel,dialog,.main-nav.is-open,.creator-stage-label,.creator-app-stage .device-caption,.brand-stage-label,.brand-stage-caption,.brand-app-shell){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 :is(.brand-app-shell,.creator-device) :is(.phone-glass,.phone-topbar,.phone-icon-button,.phone-new-ideas,.studio-actions button,.phone-thread-tabs button,.phone-profile-editor input,.phone-profile-editor select,.phone-bubble,.phone-compose,.phone-compose input,.app-chrome,.app-disclosure,.app-stat,.post-row,.message,.app-tag,.app-preview-label,.participant-line span,.app-filter button,.reply-preview,.reply-preview input,.brand-app-dock,.phone-dock){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 :is(.scene-action,.world-journeys a,.motion-control,.next-chapter,.menu-toggle,.dialog-close,.button,.scenario-controls button,.form-field input,.form-field select,.form-field textarea){background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}
 .brand-led-hero p,.brand-led-hero p span{color:CanvasText;text-shadow:none}
 .scene-process li>span,.scene-action>span,.world-journeys a>span{border-color:CanvasText}
 .main-nav a[aria-current]::before{border-color:Highlight}
 .case-results dt,.case-results dd,.case-results span,.case-source{color:CanvasText}
 .case-results>div{border-color:CanvasText}
 .brand-app-shell .brand-app-backdrop,.brand-app-shell .brand-app-wash,.creator-device .phone-backdrop,.gallery-image::after,.brand-app-shell::before,.creator-device::before{display:none}
 .creator-device .phone-tint{background:Canvas}
 .creator-app-stage .creator-device{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 .brand-app-dock :is(a[aria-current=location],button[aria-pressed=true]),.creator-device .phone-dock button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}
 :is(.world-journeys a,.scene-action,.scenario-controls button,.motion-control,.next-chapter):focus-visible{outline-color:Highlight}
}
/* Source-led chapters and expandable app detail, using the approved materials. */
.creator-formats{font:400 10px/1.9 var(--font-mono);color:#365567;margin:20px 0 0}
.deck-detail{border-top:1px solid currentColor;margin-top:20px;padding-top:6px}
.deck-detail>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:13px;font-weight:500;cursor:pointer}
.deck-detail>summary::-webkit-details-marker{display:none}
.deck-detail>summary>span{font-size:21px;flex:none}
.deck-detail[open]>summary>span{transform:rotate(45deg)}
.deck-detail>p{font-size:12px;line-height:1.75;margin:14px 0}
.deck-detail summary:focus-visible{outline:2px solid #5ccddd;outline-offset:3px;border-radius:5px}
.deck-rows{margin:16px 0;display:grid;gap:0;font-size:12px;line-height:1.65}
.deck-rows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding:12px 0;border-bottom:1px solid #437b8c36}
.deck-rows dt{font-weight:400}.deck-rows dd{font-weight:500;margin:0;text-align:right;overflow-wrap:anywhere}
.deck-figure{margin:22px 0}.deck-figure img{display:block;width:100%;height:auto;border-radius:14px}
.deck-figure figcaption{font-size:10px;line-height:1.7;color:#365567;margin-top:10px}
.team-scene{justify-content:center}.team-scene .team-panel{width:1100px;max-width:100%}
.team-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:14px 45px;align-items:end}.team-intro .eyebrow{grid-column:1/-1}.team-intro .scene-lede{margin:0}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:35px 0 10px}
.team-person{min-width:0}.team-person img{display:block;width:100%;height:auto;aspect-ratio:9/7;object-fit:cover;border-radius:15px;border:1px solid #ffffffb3}
.team-person h3{font-size:18px;line-height:1.3;letter-spacing:-.035em;margin:16px 0 8px}.team-person>span{font:400 9px/1.6 var(--font-mono);text-transform:uppercase;color:#00647c}
.team-person p{font-size:12px;line-height:1.7;margin-top:10px;color:#365567}
.experience-logos{padding:15px;background:#f8fafb;border:1px solid #ffffff;border-radius:15px}
.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.comparison-pair article{padding:18px 13px;border:1px solid #ffffffc4;background:var(--material-band);box-shadow:var(--material-inset-depth);border-radius:16px}
.comparison-pair span{font:400 9px/1.5 var(--font-mono);text-transform:uppercase;color:#365567}.comparison-pair strong{display:block;font-size:23px;line-height:1.2;margin:16px 0;letter-spacing:-.05em}.comparison-pair p{font-size:12px;line-height:1.8}
.model-workflow{padding:0;list-style-position:inside;display:grid;gap:10px;font-size:13px;margin-top:20px}
.workspace-heading h3{font-size:26px;letter-spacing:-.04em;margin:10px 0}.workspace-heading p{font:400 9px/1.8 var(--font-mono);color:#d1e8f3}
.workspace-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px}
.workspace-kpis>div{display:grid;gap:10px;padding:17px 14px;border:1px solid #ffffff59;border-radius:18px;background:linear-gradient(135deg,#ffffff24,#ffffff0e);box-shadow:inset 0 1px 0 #ffffff2e}
.workspace-kpis strong{font-size:32px;line-height:1.1;letter-spacing:-.05em}.workspace-kpis span{font-size:11px}.workspace-kpis small{font-size:9px;line-height:1.6;color:#d1e8f3}
.brand-app-shell .deck-detail{border-color:#ffffff38}.brand-app-shell .deck-rows>div{border-color:#ffffff2b}.brand-app-shell .deck-detail>summary{font-size:12px}
.brand-app-shell .deck-fine{font-size:10px;line-height:1.7;color:#d1e8f3;margin:15px 0}.brand-app-shell .deck-detail p{line-height:1.75}
.deck-content-image{width:100%;height:auto;display:block;border-radius:14px;margin:15px 0}.attribution-flow{padding:0;list-style:none;display:grid;gap:10px;margin:18px 0}
.attribution-flow li{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #ffffff59;background:#ffffff12;border-radius:14px;font-size:12px}.attribution-flow strong{font-size:24px;letter-spacing:-.04em}
.deck-equation{display:grid;gap:13px;padding:17px 14px;background:#ffffff15;border:1px solid #ffffff59;border-radius:15px;margin:18px 0}.deck-equation span{font-size:11px;line-height:1.7}.deck-equation strong{font-size:20px;line-height:1.4;letter-spacing:-.035em}
.deck-addon-list article{padding:15px 0;border-bottom:1px solid #ffffff38}.deck-addon-list h4{font-size:14px;margin-bottom:10px}.deck-addon-list p{font-size:12px;line-height:1.7}.deck-addon-list article>span{display:block;font:400 9px/1.8 var(--font-mono);margin-top:12px;color:#b5edf7;text-transform:uppercase}
.phone-welcome{font-size:13px;line-height:1.6;margin:0 0 16px}.recruitment-routes{padding-left:20px;font-size:11px;line-height:1.7}.recruitment-routes li{padding:8px 0}.recruitment-routes strong{display:block;font-size:12px}
@media(max-width:800px){.team-intro{display:block}.team-intro .scene-lede{margin-top:22px}.team-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.team-person h3{font-size:17px}.team-person>span{font-size:8px}}
@media(max-width:600px){.comparison-pair{gap:10px}.comparison-pair strong{font-size:20px}.comparison-pair article{padding:14px 11px}.deck-rows{font-size:11px}.deck-rows>div{gap:12px}.team-grid{margin-top:26px}.team-person p{font-size:11px}.workspace-kpis{gap:9px}.workspace-kpis strong{font-size:27px}.workspace-kpis>div{padding:15px 12px}.brand-app-shell .deck-rows{font-size:10px}}
@media(forced-colors:active){.comparison-pair article,.workspace-kpis>div,.attribution-flow li,.deck-equation{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.team-person p,.team-person>span,.deck-figure figcaption,.creator-formats{color:CanvasText}}