/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer od-layout{[hidden]:not([hidden=until-found i]),dialog:not([open]){display:none!important}:where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}.od-stack{gap:var(--od-gap,8px);flex-direction:column;display:flex}.od-row{align-items:center;gap:var(--od-gap,8px);display:flex}.od-row-top{align-items:flex-start;gap:var(--od-gap,8px);display:flex}.od-cluster{align-items:center;gap:var(--od-gap,8px);flex-wrap:wrap;display:flex}.od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-grid{gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr));display:grid}.od-stat,.od-field,.od-cell{gap:var(--od-gap,2px);display:grid}:where(.od-stat,.od-field,.od-cell)>:where(*){display:block}.od-tile{grid-template-rows:auto 1fr;display:grid}:where(.od-tile)>:where(*){display:block}.od-media{width:100%;height:auto;aspect-ratio:var(--od-ratio,auto);display:block}.od-media-cover{object-fit:cover}.od-icon{inline-size:var(--od-icon-size,1em);block-size:var(--od-icon-size,1em);flex:none;display:inline-block}.od-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.od-clamp-2,.od-clamp-3{overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.od-clamp-2{-webkit-line-clamp:2}.od-clamp-3{-webkit-line-clamp:3}.od-lines-2{min-height:2.8em}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}.od-screen{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.od-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.od-rail{gap:var(--od-gap,8px);scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px);display:flex;overflow-x:auto}.od-rail::-webkit-scrollbar{display:none}:where(.od-rail)>:where(*){scroll-snap-align:start;flex:none}:where(.od-rail)>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}.od-spacer{visibility:hidden;pointer-events:none;flex:none}.od-touch{min-width:44px;min-height:44px}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-base:1rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-w-0{min-width:calc(var(--spacing)*0)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-surface{background-color:var(--surface)}.text-ink{color:var(--ink)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Bebas Neue;src:url(assets/fonts/bebas-neue.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}[data-theme][data-theme=nike]{--canvas:#fff;--surface:#fff;--soft:#f5f5f5;--ink:#111;--body:#39393b;--muted:#646466;--border:#cacacb;--strong-border:#707072;--action:#111;--on-action:#fff;--action-hover:#39393b;--focus:#0034e3;--success:#007d48;--success-bg:#edf7f1;--warning:#755000;--warning-bg:#fff4db;--danger:#d30005;--danger-bg:#fff0f0;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-campaign:"Bebas Neue",sans-serif;--radius:0px;--radius-lg:0px;--control-radius:30px;--heading-weight:500;--body-weight:400;--display-transform:none;--button-transform:none;--button-spacing:0;--section-accent:#f5f5f5;--demo-bg:#111;--theme-shadow:none;--theme-input-radius:24px;--theme-muted-surface:#f5f5f5}[data-theme=nike] .page-heading h1{font-family:var(--font-campaign);letter-spacing:-.25px;text-transform:uppercase;font-size:clamp(36px,4vw,48px);font-weight:400;line-height:1.1}[data-theme=nike] .deliverable-card{border:0}[data-theme=nike] .deliverable-body{padding-inline:0}[data-theme=nike] .deliverable-body h3{font-weight:500}[data-theme=nike] .next-step-card{background:var(--soft);border-inline:0}[data-theme=nike] .project-cover{border:0}[data-theme=nike] .project-cover>div{padding-inline:0}[data-theme=nike] .nav-item.selected{background:var(--soft);border-color:#0000}[data-theme=nike] .btn-primary{font-weight:500}[data-theme][data-theme=slack]{--canvas:#fff;--surface:#fff;--soft:#f9f0ff;--ink:#1d1d1d;--body:#1d1d1d;--muted:#696969;--border:#e6e6e6;--strong-border:#817785;--action:#4a154b;--on-action:#fff;--action-hover:#611f69;--focus:#1264a3;--success:#007a5a;--success-bg:#e6f4ee;--warning:#745215;--warning-bg:#faf0db;--danger:#b63816;--danger-bg:#fff0eb;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:8px;--radius-lg:16px;--control-radius:90px;--heading-weight:700;--body-weight:400;--display-transform:none;--button-transform:none;--button-spacing:.2px;--section-accent:#f4ede4;--demo-bg:#4a154b;--theme-link:#1264a3;--theme-shadow:none;--theme-input-radius:4px;--theme-muted-surface:#f9f0ff}[data-theme=slack] .page-heading h1{letter-spacing:-.012em}[data-theme=slack] .wordmark{color:var(--action)}[data-theme=slack] .btn-secondary{background:var(--soft);border-color:var(--soft)}[data-theme=slack] .next-step-card{background:var(--soft);border-color:var(--border)}[data-theme=slack] .text-link{color:var(--theme-link)}[data-theme=slack] .big-stat strong{color:var(--action)}[data-theme=slack] .project-cover>div{background:var(--section-accent)}[data-theme][data-theme=xai]{--canvas:#0a0a0a;--surface:#191919;--soft:#1a1c20;--ink:#fff;--body:#dadbdf;--muted:#a0a3a8;--border:#363a3f;--strong-border:#83868c;--action:#fff;--on-action:#0a0a0a;--action-hover:#e5e7eb;--focus:#a0c3ec;--success:#b4d7c2;--success-bg:#183025;--warning:#ffc285;--warning-bg:#362617;--danger:#ffb7b7;--danger-bg:#3a2024;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:8px;--radius-lg:8px;--control-radius:9999px;--heading-weight:400;--body-weight:400;--display-transform:none;--button-transform:none;--button-spacing:0;--section-accent:#0a0a0a;--demo-bg:#0a0a0a;--theme-outline:#ffffff8c;--theme-shadow:none;--theme-input-radius:8px;--theme-muted-surface:#1a1c20}[data-theme=xai] .page-heading h1{letter-spacing:-.025em;font-weight:400}[data-theme=xai] h2,[data-theme=xai] h3,[data-theme=xai] .btn,[data-theme=xai] .nav-item.selected{font-weight:400}[data-theme=xai] .eyebrow{letter-spacing:1.2px}[data-theme=xai] .btn-secondary{border-color:var(--theme-outline);background:0 0}[data-theme=xai] .btn-primary{border-color:var(--action)}[data-theme=xai] .next-step-card{background:var(--canvas);border-color:var(--border)}[data-theme=xai] .nav-item.selected{background:var(--soft)}[data-theme=xai] .studio-avatar{background:var(--ink);color:var(--canvas);border-radius:50%}[data-theme][data-theme=spotify]{--canvas:#121212;--surface:#181818;--soft:#1f1f1f;--ink:#fff;--body:#cbcbcb;--muted:#b3b3b3;--border:#4d4d4d;--strong-border:#7c7c7c;--action:#1ed760;--on-action:#121212;--action-hover:#37e877;--focus:#539df5;--success:#1ed760;--success-bg:#14321e;--warning:#ffa42b;--warning-bg:#392a18;--danger:#f3727f;--danger-bg:#392024;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:6px;--radius-lg:8px;--control-radius:500px;--heading-weight:700;--body-weight:400;--display-transform:none;--button-transform:uppercase;--button-spacing:1.4px;--section-accent:#252525;--demo-bg:#080808;--theme-shadow:0 8px 24px #00000080;--theme-input-radius:500px;--theme-muted-surface:#1f1f1f}[data-theme=spotify] .sidebar{background:var(--canvas)}[data-theme=spotify] .workspace-header{background:var(--surface)}[data-theme=spotify] .modal{background:var(--soft);box-shadow:var(--theme-shadow)}[data-theme=spotify] .btn-secondary{border-color:var(--strong-border);background:0 0}[data-theme=spotify] .nav-item.selected{background:var(--soft);border-color:#0000;font-weight:700}[data-theme=spotify] .nav-item.selected .od-icon{color:var(--action)}[data-theme=spotify] .play-disc{background:var(--action);color:var(--on-action);border-color:var(--action)}[data-theme=spotify] .deliverable-card{background:var(--surface);border-color:#0000}[data-theme=spotify] .next-step-card{background:var(--section-accent);border-color:#0000}[data-theme][data-theme=starbucks]{--canvas:#f2f0eb;--surface:#fff;--soft:#edebe9;--ink:#242321;--body:#34332f;--muted:#66635e;--border:#d6dbde;--strong-border:#777b75;--action:#00754a;--on-action:#fff;--action-hover:#006241;--focus:#006241;--success:#006241;--success-bg:#d4e9e2;--warning:#725015;--warning-bg:#faf1dc;--danger:#c82014;--danger-bg:#fff0ee;--font-display:"Manrope",sans-serif;--font-body:"Manrope",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:12px;--radius-lg:12px;--control-radius:50px;--heading-weight:600;--body-weight:400;--display-transform:none;--button-transform:none;--button-spacing:-.16px;--section-accent:#d4e9e2;--demo-bg:#1e3932;--theme-heading:#006241;--theme-house:#1e3932;--theme-house-muted:#d4e9e2;--theme-input-radius:4px;--theme-muted-surface:#edebe9;--theme-shadow:0 0 .5px #00000024,0 1px 1px #0000003d}[data-theme=starbucks] .page-heading h1{color:var(--theme-heading);letter-spacing:-.16px}[data-theme=starbucks] .card{box-shadow:var(--theme-shadow)}[data-theme=starbucks] .next-step-card{background:var(--section-accent)}[data-theme=starbucks] .project-cover>div{background:var(--theme-house);color:var(--on-action)}[data-theme=starbucks] .project-cover h3{color:var(--on-action)}[data-theme=starbucks] .project-cover p,[data-theme=starbucks] .project-cover small{color:var(--theme-house-muted)}[data-theme=starbucks] .btn-secondary{border-color:var(--action);color:var(--action);background:0 0}[data-theme=starbucks] .btn:active{transform:scale(.95)}[data-theme=starbucks] .nav-item.selected{background:var(--section-accent);border-color:#0000}:is([data-theme=nike],[data-theme=slack],[data-theme=xai],[data-theme=spotify],[data-theme=starbucks]) :is(input:not([type=checkbox]),select,textarea){border-radius:var(--theme-input-radius)}:is([data-theme=nike],[data-theme=slack],[data-theme=xai],[data-theme=spotify],[data-theme=starbucks]) :is(input:disabled,select:disabled,textarea:disabled){background:var(--theme-muted-surface);color:var(--muted)}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview[data-theme]{border-radius:var(--radius-lg);border:1px solid var(--strong-border);background:var(--canvas);width:100%;min-width:0;height:100%;min-height:124px;color:var(--ink);font-family:var(--font-body);text-transform:none;align-items:flex-start;padding:16px}.theme-preview[data-theme]>.od-field{flex:1;min-width:0}.theme-preview[data-theme] strong{font-family:var(--font-display);font-weight:var(--heading-weight);font-size:20px}.theme-preview[data-theme] small{color:var(--muted);font-size:11px;line-height:1.6}.theme-preview[data-theme] .theme-swatch{background:var(--action);border:1px solid var(--strong-border);border-radius:var(--control-radius);width:20px;height:20px;margin-top:4px}.theme-preview[data-theme=bmw-m]{text-transform:uppercase}.theme-preview[data-theme=nike] strong{font-family:var(--font-campaign);font-size:26px;font-weight:400}.theme-preview[data-theme=xai] strong{font-weight:400}.theme-preview[data-theme=starbucks] strong{color:var(--theme-heading)}.theme-preview[data-theme][aria-pressed=true]{outline:3px solid var(--focus);outline-offset:3px}.theme-option{flex-direction:column;min-width:0;display:flex}.theme-option>a{min-height:36px;margin-top:auto}@media (hover:hover){[data-theme=xai] .btn-secondary:hover{background:var(--soft);color:var(--ink);border-color:var(--ink)}[data-theme=spotify] .btn-secondary:hover{border-color:var(--ink);color:var(--ink);background:var(--soft)}[data-theme=slack] .btn-secondary:hover{background:var(--section-accent);color:var(--ink)}[data-theme=starbucks] .btn-secondary:hover{background:var(--section-accent);color:var(--action)}}@media (max-width:767px){.theme-options{grid-template-columns:1fr}.theme-preview[data-theme]{min-height:100px}.theme-preview[data-theme] small{font-size:12px}}.theme-preview[data-theme=figma]{background:var(--section-accent)}[data-theme=nike] .delivery-page .cover-content h1{font-family:var(--brand-campaign);text-transform:uppercase;font-weight:400}:root [hidden]:where(:not([hidden=until-found i])){display:none}@font-face{font-family:Bricolage Grotesque;src:url(assets/fonts/bricolage-grotesque.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/inter.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(assets/fonts/ibm-plex-sans.woff2)format("woff2");font-weight:100 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(assets/fonts/jetbrains-mono.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--canvas:#f9f7f3;--surface:#fff;--soft:#f3f0e8;--ink:#202020;--body:#3a3a3a;--muted:#60605c;--border:#dcd9d2;--strong-border:#898782;--action:#d42404;--on-action:#fff;--action-hover:#b51e03;--focus:#1562b4;--success:#206343;--success-bg:#e8f1e9;--warning:#765511;--warning-bg:#f8edd5;--danger:#9f2727;--danger-bg:#f9e6e1;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius:12px;--radius-lg:16px;--control-radius:999px;--heading-weight:650;--body-weight:400;--display-transform:none;--button-transform:none;--button-spacing:0;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:20px;--font-xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--transition:.18s;--sidebar-width:232px;--demo-bg:#242722;--demo-fg:#fff;--section-accent:var(--soft);--od-icon-size:20px}[data-theme=posthog]{--canvas:#eeefe9;--surface:#fff;--soft:#e5e7e0;--ink:#23251d;--body:#4d4f46;--muted:#606257;--border:#bfc1b7;--strong-border:#74776c;--action:#f7a501;--on-action:#23251d;--action-hover:#dd9001;--focus:#1d4ed8;--radius:6px;--radius-lg:8px;--control-radius:6px;--font-display:"IBM Plex Sans",sans-serif;--font-body:"IBM Plex Sans",sans-serif;--heading-weight:700;--success:#206b4b;--success-bg:#d9eddf;--warning:#705008;--warning-bg:#f9eac4;--danger:#a32d28;--danger-bg:#f7d6d3;--section-accent:#e5e7e0}[data-theme=figma]{--canvas:#fff;--surface:#fff;--soft:#f7f7f5;--ink:#000;--body:#000;--muted:#343434;--border:#d5d5d5;--strong-border:#787878;--action:#000;--on-action:#fff;--action-hover:#292929;--radius:8px;--radius-lg:24px;--control-radius:50px;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--heading-weight:540;--body-weight:330;--section-accent:#dceeb1;--success:#176b34;--success-bg:#c8e6cd;--warning:#554609;--warning-bg:#f4ecd6;--danger:#942434;--danger-bg:#efd4d4}[data-theme=bmw-m]{--canvas:#000;--surface:#1a1a1a;--soft:#0d0d0d;--ink:#fff;--body:#bbb;--muted:#b0b0b0;--border:#484848;--strong-border:#909090;--action:#000;--on-action:#fff;--action-hover:#252525;--focus:#8fc8ff;--radius:0;--radius-lg:0;--control-radius:0;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--heading-weight:700;--body-weight:300;--display-transform:uppercase;--button-transform:uppercase;--button-spacing:1.5px;--success:#a4d7af;--success-bg:#17301d;--warning:#f4d789;--warning-bg:#30260e;--danger:#ffb9af;--danger-bg:#3d1b18;--demo-bg:#151515;--section-accent:#1a1a1a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:var(--font-md);font-weight:var(--body-weight);margin:0;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--heading-weight);text-wrap:balance;line-height:1.25}h1{letter-spacing:-1.3px;text-transform:var(--display-transform);font-size:clamp(28px,3vw,40px)}h2{font-size:var(--font-xl);letter-spacing:-.6px}h3{letter-spacing:-.25px;font-size:18px}strong{font-weight:600}small,.small{font-size:var(--font-sm);line-height:1.5}.muted{color:var(--muted)}.mono,.eyebrow{font-family:var(--font-mono);letter-spacing:.65px;font-size:11px;font-weight:450;line-height:1.6}.eyebrow{text-transform:uppercase;color:var(--muted)}p{overflow-wrap:anywhere}button span{min-width:0}.od-icon{vertical-align:middle;--od-icon-size:20px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,video:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main:focus{outline:none}.skip-link{z-index:200;background:var(--surface);padding:12px 24px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.btn{border:1px solid var(--border);border-radius:var(--control-radius);max-width:100%;min-height:44px;font-size:var(--font-sm);text-align:center;letter-spacing:var(--button-spacing);text-transform:var(--button-transform);transition:background var(--transition),border-color var(--transition);background:var(--surface);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn-primary{background:var(--action);color:var(--on-action);border-color:var(--action)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn-ghost{background:0 0;border-color:#0000;padding-inline:12px}.btn:disabled{background:var(--soft);color:var(--muted);border-color:var(--border);opacity:.8}.icon-button{width:44px;min-height:44px;color:var(--ink);border-radius:var(--control-radius);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{opacity:.35;cursor:not-allowed}.text-link{min-height:44px;color:var(--ink);font-weight:550;font-size:var(--font-sm);background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;text-decoration:none;display:inline-flex}.full-width{width:100%}.back-link{margin-bottom:16px}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);min-width:0;padding:24px}.card>h2,.card>h3{margin-bottom:16px}.card>p{margin-block:12px}.card>.btn{margin-top:16px}.card>small{color:var(--muted);margin-top:16px;display:block}.card>.notice{margin-top:16px}.badge{background:var(--soft);max-width:100%;color:var(--muted);border-radius:var(--control-radius);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:550;line-height:1.5;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px;display:block}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-neutral{background:var(--soft);color:var(--muted)}.notice{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-sm);align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;line-height:1.6;display:flex}.notice p{margin-top:8px}.notice-danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.notice-success{color:var(--success);background:var(--success-bg)}.notice .od-icon{flex:none;margin-top:2px}.simulation{font-family:var(--font-mono);color:var(--muted);border-top:1px dashed var(--border);align-items:flex-start;gap:8px;margin-top:24px;padding-top:16px;font-size:11px;line-height:1.6;display:flex}.simulation .od-icon{--od-icon-size:16px;flex:none}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading p{font-size:var(--font-sm);margin-top:4px}.section-divider{border-top:1px solid var(--border);margin-block:24px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.two-column>.od-stack{--od-gap:24px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.page-heading>.od-field{--od-gap:12px;min-width:0}.page-description{font-size:var(--font-md);color:var(--muted);max-width:70ch;line-height:1.7}.heading-action{flex:none;gap:8px;padding-top:24px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-block:24px;padding:64px 24px;display:flex}.empty p{max-width:60ch;color:var(--muted)}.empty-icon{background:var(--soft);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:56px;min-height:56px;margin:8px 0;display:inline-flex}.empty-icon .od-icon{--od-icon-size:24px}.demo-bar{background:var(--demo-bg);color:var(--demo-fg);font:11px/1.5 var(--font-body);z-index:40;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 20px;display:flex;position:sticky;top:0}.demo-disclosure{align-items:center;gap:6px;display:flex}.demo-disclosure strong{white-space:nowrap;font-weight:600}.demo-pip{background:#d5eaaf;border-radius:50%;flex:none;width:6px;height:6px;margin-right:3px;display:block}.demo-summary{color:#e2e5dd;flex:1;justify-content:center;gap:16px;display:flex}.demo-control{color:#fff;white-space:nowrap;min-height:36px;font:11px/1.5 var(--font-body);background:0 0;border:1px solid #6f7468;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.demo-control .od-icon{--od-icon-size:14px}.demo-bar-collapsed{min-height:44px;padding-block:4px}.app-layout{grid-template-columns:var(--sidebar-width)minmax(0,1fr);min-height:calc(100vh - 52px);display:grid}.sidebar{background:var(--canvas);border-right:1px solid var(--border);flex-direction:column;height:calc(100vh - 52px);min-height:500px;padding:24px 16px 16px;display:flex;position:sticky;top:52px}.wordmark{font:700 29px/1 var(--font-display);letter-spacing:-1.8px;text-align:left;background:0 0;border:0;min-height:48px;padding:0 8px 24px}.wordmark span{padding-left:3px;font-family:Inter,sans-serif;font-size:27px;font-weight:400}.studio-switch{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;margin-bottom:32px;padding:12px;font-size:11px;display:flex}.studio-switch strong{font-size:12px}.studio-switch small{color:var(--muted);font-size:10px}.studio-switch .od-icon{--od-icon-size:14px}.studio-avatar{background:var(--ink);min-width:32px;min-height:32px;color:var(--canvas);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.nav-label{font:10px/1.5 var(--font-mono);letter-spacing:1px;color:var(--muted);padding:0 12px 12px}.nav-item{text-align:left;border-radius:var(--control-radius);width:100%;min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-size:12px;display:flex}.nav-item .od-icon{--od-icon-size:18px}.nav-item.selected{background:var(--soft);border-color:var(--border);color:var(--ink);font-weight:600}.nav-item.selected .od-icon{color:var(--action)}.nav-count{font-family:var(--font-mono);background:var(--soft);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-plan{border-bottom:1px solid var(--border);gap:8px;padding:16px 8px 24px;font-size:11px;display:grid}.sidebar-plan .od-icon{--od-icon-size:16px}.sidebar-plan small{color:var(--muted);font-size:10px}.sidebar-plan .text-link{justify-content:space-between;font-size:11px}.mini-meter{background:var(--border);height:4px;margin:8px 0}.mini-meter span{background:var(--ink);height:100%;display:block}.persona-card{align-items:center;gap:10px;padding:20px 8px 4px;font-size:12px;display:flex}.persona-card .od-field{flex:1}.persona-card small{color:var(--muted);text-transform:capitalize;font-size:10px}.persona-card>.od-icon{--od-icon-size:14px}.person-avatar{border:1px solid var(--border);background:var(--soft);min-width:32px;min-height:32px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.workspace{min-width:0}.workspace-header{border-bottom:1px solid var(--border);background:var(--canvas);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 40px;font-size:12px;display:flex}.workspace-header .od-icon{--od-icon-size:14px;color:var(--muted)}.workspace-header strong{font-size:11px}.workspace-header-right{align-items:center;gap:16px;display:flex}.workspace-header-right .small{font-size:11px}.breadcrumb{color:var(--muted)}.main-content{min-width:0;max-width:1560px;margin:auto;padding:32px 40px 24px}.mobile-menu{display:none}.workspace-footnote{border-top:1px solid var(--border);font:10px/1.6 var(--font-mono);color:var(--muted);justify-content:space-between;gap:16px;margin-top:24px;padding-top:40px;display:flex}.project-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:24px;font-size:11px;display:flex}.project-breadcrumb .od-icon{--od-icon-size:12px}.project-breadcrumb .text-link{min-height:0;padding:0;font-size:11px}.dot-separator{padding:0 12px}.project-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:24px;margin-bottom:32px;padding:0;display:flex}.project-tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:12px 0 16px;font-size:12px;display:block}.project-tabs button.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.overview-grid{grid-template-columns:minmax(0,1fr) 252px;gap:24px;display:grid}.overview-primary{min-width:0}.overview-aside{flex-direction:column;gap:24px;min-width:0;display:flex}.overview-primary>.section-heading{margin-top:32px}.overview-primary>.section-heading h2{font-size:21px}.next-step-card{background:var(--section-accent);align-items:center;gap:16px;padding:24px;display:flex}.next-step-card h2{font-size:21px;line-height:1.3}.next-step-card p:not(.eyebrow){color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}.next-step-card .btn{flex:none;margin:0;padding-inline:16px;font-size:11px}.next-step-symbol{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;width:44px;min-height:44px;display:flex}.next-step-symbol .od-icon{--od-icon-size:22px}.next-step-card .eyebrow{margin-bottom:6px;font-size:9px}.deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.deliverable-card{border-radius:var(--radius);flex-direction:column;padding:0;display:flex;overflow:clip}.deliverable-media{background:var(--soft);border:0;padding:0;display:block;position:relative}.deliverable-media .od-media{aspect-ratio:3/2;object-fit:cover;width:100%}.play-disc{color:#fff;background:#202020b3;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-disc .od-icon{--od-icon-size:18px}.deliverable-body{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:16px;display:flex}.deliverable-body .eyebrow{font-size:8px}.deliverable-body h3{min-height:48px;font-size:19px;line-height:1.3}.deliverable-body .badge{font-size:9px}.deliverable-meta{width:100%;color:var(--muted);justify-content:space-between;gap:8px;font-size:9px;display:flex}.live-status{color:var(--muted);align-items:flex-start;gap:6px;margin-top:auto;font-size:9px;display:flex}.live-status .od-icon{--od-icon-size:13px}.deliverable-body .btn{border-color:var(--border);min-height:40px;padding-inline:10px;font-size:10px}.deliverable-body .btn .od-icon{--od-icon-size:14px}.project-cover{border-radius:var(--radius);padding:0;overflow:clip}.project-cover>div{padding:20px}.project-cover .od-media{aspect-ratio:3/2;object-fit:cover}.project-cover h3{margin-top:8px;font-size:21px}.project-cover p:not(.eyebrow){color:var(--muted);margin-top:12px;font-size:12px;line-height:1.7}.project-cover small{color:var(--muted);margin-top:12px;font-size:10px;display:block}.overview-aside>.card:not(.project-cover){padding:20px}.overview-aside h3{font-size:16px}.overview-aside .section-heading .btn{min-height:32px;padding:0;font-size:10px}.person-row{align-items:center;gap:10px;margin-block:16px;font-size:12px;display:flex}.person-row small{color:var(--muted);font-size:10px}.quiet-note{color:var(--muted);align-items:flex-start;gap:10px;padding:0 4px;font-size:11px;line-height:1.8;display:flex}.quiet-note .od-icon{--od-icon-size:16px;flex:none;margin-top:4px}.search-field{align-items:center;gap:8px;display:flex}.search-field input{width:100%;min-width:0;font-size:11px}.activity-preview{border-radius:var(--radius);padding:0}.activity-preview-row,.activity-feed-row{text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:16px;width:100%;min-width:0;padding:16px 20px;font-size:12px;display:flex}.activity-preview-row:last-child,.activity-feed-row:last-child{border-bottom:0}.activity-preview-row small{color:var(--muted);font-size:10px}.activity-glyph{background:var(--soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;min-height:32px;display:flex}.activity-glyph .od-icon{--od-icon-size:16px}.activity-preview-row>.od-icon{--od-icon-size:14px}.field{gap:8px;min-width:0;margin-bottom:20px;display:grid}.field-label,legend{font-size:var(--font-sm);font-weight:550}.field small{color:var(--muted);font-size:12px}.field-error{color:var(--danger);font-size:var(--font-sm)}input:not([type=checkbox]),select,textarea{background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--ink);border:1px solid var(--strong-border);border-radius:var(--control-radius);font-size:var(--font-sm);padding:10px 16px;display:block}textarea{resize:vertical;border-radius:var(--radius);min-height:100px;line-height:1.6}input[type=color]{max-width:120px;padding:4px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}fieldset{border:1px solid var(--border);min-width:0;margin:20px 0;padding:16px}legend{padding:0 8px}.checkbox-field{font-size:var(--font-sm);align-items:flex-start;gap:12px;min-height:44px;margin-block:16px;padding-block:8px;display:flex}.checkbox-field input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin-top:2px}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.inline-form>.field{flex:1;min-width:min(220px,100%);margin:0}.inline-form>.btn{margin:0}.detail-list{gap:0;margin:24px 0;display:grid}.detail-list>div{border-bottom:1px solid var(--border);font-size:var(--font-sm);justify-content:space-between;align-items:flex-start;gap:24px;padding:12px 0;display:flex}.detail-list>div>span:first-child{color:var(--muted)}.detail-list strong{font-size:var(--font-sm);text-align:right;overflow-wrap:anywhere;max-width:60%}.detail-list .badge{white-space:normal}.compact-record{border-bottom:1px solid var(--border);font-size:var(--font-sm);gap:4px;padding:16px 0;display:grid}.compact-record small{color:var(--muted);font-size:12px}.people-table-row{border-bottom:1px solid var(--border);font-size:var(--font-sm);flex-wrap:wrap;align-items:center;gap:12px;padding-block:16px;display:flex}.people-table-row small{color:var(--muted);font-size:11px}.people-table-row .btn{padding:8px;font-size:12px}.meter{font-size:var(--font-sm);margin-block:16px}progress{appearance:none;background:var(--soft);border:0;border-radius:0;width:100%;height:6px;margin-top:12px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--ink)}progress::-moz-progress-bar{background:var(--ink)}.meter .od-row{gap:12px}.upload-zone{border:1px dashed var(--strong-border);background:var(--soft);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.upload-zone p{max-width:50ch;font-size:var(--font-sm);color:var(--muted)}.upload-zone>.field{width:100%;margin:0}.upload-zone>.meter{width:100%}.upload-zone small{color:var(--muted);font-size:12px}.media-layout>div{min-width:0}details.card{padding:20px}summary{min-height:44px;font-weight:600;list-style-position:inside;display:list-item}details>p{margin-top:16px}.modal{color:var(--ink);background:var(--canvas);border:1px solid var(--strong-border);border-radius:var(--radius-lg);overscroll-behavior:contain;width:calc(100% - 32px);max-width:600px;max-height:calc(100dvh - 64px);margin:auto;padding:24px;overflow:auto}.modal-wide{max-width:1000px}.modal::backdrop{background:#0000008c}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.modal-heading h2{padding-top:8px;font-size:24px}.modal-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.modal>p{margin-bottom:20px}.modal .od-cluster{margin-block:16px}.modal-body p+p,.modal .notice{margin-top:16px}.demo-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-block:24px;display:grid}.scenario-tools{border-block:1px solid var(--border);margin-block:32px;padding:24px 0}.story-index{gap:8px;display:grid}.story-row{border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-sm);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.story-row small{color:var(--muted);font-size:11px}.story-row .od-field{flex:1;min-width:0}.story-row .btn{flex:none;font-size:12px}.story-row.is-current{background:var(--soft);border-color:var(--ink)}.theme-options{gap:16px;display:grid}.theme-option>a{padding-block:8px;font-size:12px;display:inline-block}.theme-preview{text-align:left;color:#202020;background:#f9f7f3;border:1px solid;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:80px;padding:20px;display:flex}.theme-preview strong{font-size:20px}.theme-preview small{font-size:12px}.theme-preview-posthog{color:#23251d;background:#eeefe9;border-radius:6px;font-family:IBM Plex Sans}.theme-preview-figma{color:#000;background:#dceeb1;border-radius:24px;font-family:Inter}.theme-preview-bmw-m{color:#fff;text-transform:uppercase;background:#000;border-radius:0;font-family:Inter}.theme-swatch{background:#ea2804;border-radius:50%;flex:none;width:24px;height:24px}.theme-preview-posthog .theme-swatch{background:#f7a501;border-radius:4px}.theme-preview-figma .theme-swatch{background:#000}.theme-preview-bmw-m .theme-swatch{background:#fff;border-radius:0}.toast{background:var(--ink);max-width:min(680px,100% - 32px);color:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);padding:16px 24px;font-size:13px;line-height:1.6;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast-error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.external-content{max-width:1440px;margin:auto;padding:40px}.external-content:has(.delivery-page){max-width:none;padding:0}.review-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 40px;display:flex}.studio-wordmark{font-family:var(--font-display);letter-spacing:-.8px;font-size:22px;font-weight:550}.review-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);align-items:start;gap:32px;display:grid}.review-media{min-width:0}.video-stage{border-radius:var(--radius);background:#141414;position:relative;overflow:clip}.video-stage video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.sample-tag{color:#fff;font:9px/1.5 var(--font-mono);pointer-events:none;background:#202020d9;border-radius:2px;padding:4px 8px;position:absolute;top:12px;left:12px}.player-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;font-size:10px;display:flex}.player-caption .od-icon{--od-icon-size:14px}.player-loading{color:var(--muted);padding:8px 0;font-size:12px}.chapters{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chapters button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);border-radius:var(--control-radius);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.chapter-time{font-family:var(--font-mono);color:var(--muted)}.chapters .od-icon{--od-icon-size:14px}.review-context{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.review-context>.field{min-width:260px;max-width:100%;margin:0}.review-context>.od-field{margin-block:8px}.review-context .od-field small{font:10px/1.5 var(--font-mono);color:var(--muted)}.review-context>.btn{margin-left:auto}.review-metadata{margin-top:24px}.review-metadata strong{font-size:var(--font-sm);overflow-wrap:anywhere}.review-metadata p,.review-metadata details{color:var(--muted);font-size:12px}.review-metadata .od-row{flex-wrap:wrap}.review-metadata details{margin-top:16px}.review-metadata summary{font-size:12px}.photo-detail-trigger{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:0;display:block;position:relative;overflow:clip}.photo-detail-trigger>span{background:var(--surface);border-radius:var(--control-radius);padding:8px 12px;font-size:11px;position:absolute;bottom:16px;right:16px}.photo-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.photo-thumbnails button{background:var(--surface);color:var(--ink);border-radius:var(--radius);font:10px/1.5 var(--font-mono);border:2px solid #0000;flex-direction:column;justify-content:space-between;gap:8px;padding:4px;display:flex}.photo-thumbnails button.selected{border-color:var(--ink)}.photo-thumbnails .od-media{border-radius:calc(var(--radius)/2)}.discussion-panel{padding:24px;position:sticky;top:76px}.discussion-panel h2{font-size:20px}.discussion-list{gap:24px;display:grid}.comment{border-bottom:1px solid var(--border);font-size:var(--font-sm);padding-bottom:20px}.comment strong{font-size:12px}.comment small{color:var(--muted);font-size:9px}.comment p{margin-block:12px;line-height:1.7}.comment .person-avatar{min-width:28px;min-height:28px;font-size:11px}.timestamp{font:10px/1.5 var(--font-mono);background:var(--soft);border-radius:4px;padding:4px 8px}.thread-toggle{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:inline-flex}.thread-toggle .od-icon{--od-icon-size:14px}.thread-toggle.addressed{color:var(--success)}.comment-composer{margin-top:24px}.comment-composer .field{margin-bottom:12px}.comment-composer .field-label,.comment-composer textarea{font-size:12px}.decision-actions{border-top:1px solid var(--border);gap:12px;margin-top:24px;padding-top:20px;display:grid}.decision-actions p{color:var(--muted);font-size:11px}.cast-controls{margin-top:20px}.challenge-wrap{justify-content:center;align-items:center;min-height:calc(100dvh - 164px);padding:24px;display:flex}.challenge-card{text-align:center;flex-direction:column;align-items:stretch;width:min(100%,480px);padding:40px;display:flex}.challenge-card .studio-wordmark{margin-bottom:32px}.challenge-card>.empty-icon{align-self:center}.challenge-card h1{letter-spacing:-1px;margin:16px 0;font-size:32px}.challenge-card p{color:var(--muted);font-size:var(--font-sm);margin-bottom:24px}.challenge-card>.field{text-align:left}.challenge-card>.btn{margin:8px 0}.challenge-card>small{margin-top:8px}.challenge-card .simulation{text-align:left}.review-invitations{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.review-invitations .card{justify-items:start;gap:16px;display:grid}.receipt-wrap{max-width:700px;margin:40px auto}.receipt-card{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px;display:flex}.receipt-card h1{font-size:36px}.receipt-card .detail-list{text-align:left;width:100%;margin:8px 0}.receipt-card>p{font-size:var(--font-sm);color:var(--muted)}.receipt-check{background:var(--success-bg);width:64px;height:64px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;display:flex}.receipt-check .od-icon{--od-icon-size:32px}.builder-toolbar{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding-block:20px;display:flex}.builder-toolbar>.field{min-width:200px;margin:0}.builder-grid{grid-template-columns:minmax(300px,1fr) 414px;align-items:start;gap:32px;display:grid}.scene-editor{min-width:0}.scene-list{gap:12px;display:grid}.scene-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.scene-item.selected{border-color:var(--ink);background:var(--soft)}.scene-select{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0;display:flex}.scene-number{font:11px/1.5 var(--font-mono);color:var(--muted);padding:8px}.scene-select strong{font-size:14px}.scene-select small{color:var(--muted);font-size:11px}.scene-order{flex-direction:column;gap:8px;display:flex}.scene-order .icon-button{width:32px;min-height:32px}.scene-order .od-icon{--od-icon-size:14px}.scene-properties{margin-top:24px}.scene-properties .eyebrow{margin-bottom:20px}.scene-properties>.field:last-child{margin-top:24px;margin-bottom:0}.brand-editor{margin-top:24px;margin-bottom:24px}.builder-preview{min-width:0;position:sticky;top:76px}.preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.preview-heading .eyebrow{font-size:9px}.segmented{border:1px solid var(--border);border-radius:var(--control-radius);padding:4px;display:flex}.segmented button{border-radius:var(--control-radius);min-height:32px;color:var(--muted);background:0 0;border:0;padding:6px 12px;font-size:10px}.segmented button.selected{background:var(--ink);color:var(--canvas)}.preview-frame{border:1px solid var(--strong-border);background:var(--surface);border-radius:var(--radius);width:390px;max-width:100%;max-height:780px;margin:auto;overflow:auto}.preview-frame.desktop-preview{width:100%;max-height:900px}.preview-caption{text-align:center;font:9px/1.6 var(--font-mono);color:var(--muted);padding:12px}.preview-wide{grid-template-columns:minmax(300px,.8fr) minmax(414px,1.2fr)}.template-choice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:20px;display:flex}.template-choice>.od-field{flex:1}.template-choice strong{font-size:16px}.template-choice small{color:var(--muted);font-size:12px}.slot-placeholder{background:var(--soft);min-height:160px;color:var(--muted);text-align:center;border:1px dashed var(--border);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:12px;display:flex}.publication-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px;display:grid}.publication-grid h2{font-size:20px}.publication-live{border-block:1px solid var(--border);gap:8px;margin-top:24px;padding-block:20px;display:grid}.publication-live .small{font:10px/1.5 var(--font-mono);color:var(--muted)}.publication-live strong{overflow-wrap:anywhere;font-size:14px}.publication-live small{color:var(--muted);font-size:10px}.version-publish-row{gap:12px;padding-top:24px;display:grid}.version-publish-row strong{overflow-wrap:anywhere;font-size:12px}.version-publish-row .od-field{justify-items:start;gap:8px}.version-publish-row .btn{padding-inline:12px;font-size:11px}.version-publish-row .od-cluster{gap:8px}.delivery-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-body);min-width:0}.delivery-page h1,.delivery-page h2,.delivery-page h3{font-family:var(--brand-display);font-weight:500}.delivery-brand{border-bottom:1px solid var(--brand-text);justify-content:space-between;align-items:center;gap:24px;padding:32px 64px;display:flex}@supports (color:color-mix(in lab, red, red)){.delivery-brand{border-bottom:1px solid color-mix(in srgb,var(--brand-text)15%,transparent)}}.delivery-brand>span{font-family:var(--brand-display);letter-spacing:-1px;font-size:24px}.delivery-brand button{min-height:44px;color:var(--brand-text);background:0 0;border:0;align-items:center;gap:12px;font-size:12px;display:inline-flex}.scene{min-width:0;padding:64px max(32px,50% - 540px)}.scene h2{letter-spacing:-1px;margin-bottom:24px;font-size:clamp(28px,3vw,40px);line-height:1.25}.scene>.eyebrow{color:var(--brand-text);margin-bottom:16px;font-size:10px}.scene>p{margin-bottom:24px;font-size:16px}.scene-Cover{text-align:center;flex-direction:column;align-items:center;gap:48px;padding:64px 64px 0;display:flex}.cover-content{justify-items:center;gap:16px;max-width:80%;display:grid}.cover-content h1{letter-spacing:-3px;text-transform:none;font-size:clamp(44px,6vw,88px);line-height:1}.cover-content p{font-size:var(--font-sm)}.cover-content>.eyebrow{color:var(--brand-text);font-size:10px}.cover-line{background:var(--brand-accent);width:32px;height:1px;margin-top:16px;display:block}.scene-Cover>.cover-photo{border-radius:var(--brand-radius);aspect-ratio:16/9;object-fit:cover;width:100%}.scene-Cover.layout-split{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:64px;display:grid}.layout-split .cover-content{justify-items:start;max-width:100%}.layout-split h1{font-size:clamp(32px,4vw,64px)}.scene-Cover.layout-full-bleed{gap:0;padding:0}.layout-full-bleed .cover-content{padding:64px 24px}.layout-full-bleed>.cover-photo{border-radius:0}.scene-FeaturedFilm{padding-top:80px}.scene-FeaturedFilm .video-stage{border-radius:var(--brand-radius)}.scene-FeaturedFilm .player-caption{color:var(--brand-text)}.scene-FeaturedFilm.layout-poster-left{grid-template-columns:1fr 1.5fr;align-items:start;gap:24px;display:grid}.scene-FeaturedFilm.layout-poster-left>.eyebrow,.scene-FeaturedFilm.layout-poster-left>h2,.scene-FeaturedFilm.layout-poster-left>p{grid-column:1}.scene-FeaturedFilm.layout-poster-left>.player-block{grid-area:1/2/5}.scene-Chapters{border-top:1px solid var(--brand-text)}@supports (color:color-mix(in lab, red, red)){.scene-Chapters{border-top:1px solid color-mix(in srgb,var(--brand-text)15%,transparent)}}.scene-Chapters{padding-top:40px;padding-bottom:40px}.delivery-chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.delivery-chapters button{border:0;border-block:1px solid var(--brand-text);align-items:center;gap:16px;min-height:48px;padding:16px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.delivery-chapters button{border-block:1px solid color-mix(in srgb,var(--brand-text)20%,transparent)}}.delivery-chapters button{color:var(--brand-text);background:0 0;font-size:14px}.delivery-chapters span{font:10px/1.5 var(--font-mono)}.delivery-chapters strong{text-align:left;flex:1}.delivery-photos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.delivery-photos img{border-radius:var(--brand-radius)}.scene-PhotoGrid.layout-masonry .delivery-photos{columns:2;column-gap:24px;display:block}.layout-masonry .delivery-photos img{break-inside:avoid;margin-bottom:24px}.scene-PhotoGrid.layout-filmstrip .delivery-photos{grid-template-columns:1fr}.scene-TextQuote{text-align:center;padding-block:96px}.scene-TextQuote blockquote{font-family:var(--brand-display);text-wrap:balance;margin:0;max-width:24ch;margin-inline:auto;font-size:clamp(28px,4vw,48px);line-height:1.4}.scene-TextQuote cite{font-family:var(--brand-body);margin-top:24px;font-size:12px;font-style:normal;display:block}.scene-VendorCredits{text-align:center;padding-top:0}.scene-DownloadCTA{border-top:1px solid var(--brand-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.scene-DownloadCTA{border-top:1px solid color-mix(in srgb,var(--brand-text)20%,transparent)}}.scene-DownloadCTA h2{margin-bottom:12px}.scene-DownloadCTA p{max-width:55ch;font-size:14px}.scene-DownloadCTA .btn{background:var(--brand-accent);color:var(--brand-on-accent);border-color:var(--brand-text);border-radius:var(--brand-radius)}.sample-disclosure{font:10px/1.6 var(--font-mono);text-align:center;color:var(--brand-text);padding:24px}.recipient-actions{border-top:1px solid var(--border);background:var(--canvas);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.is-preview .delivery-brand{padding:24px;font-size:16px}.is-preview .delivery-brand>span{font-size:19px}.is-preview .scene{padding:32px 24px}.is-preview .scene-Cover{gap:24px}.is-preview .cover-content{gap:12px;max-width:100%}.is-preview .cover-content h1{letter-spacing:-1.8px;font-size:42px}.is-preview .cover-content p{font-size:12px}.is-preview .cover-content>.eyebrow{font-size:8px}.is-preview .scene h2{letter-spacing:-.8px;margin-bottom:16px;font-size:25px}.is-preview .scene p{font-size:12px}.is-preview .scene-TextQuote{padding-block:48px}.is-preview .scene-TextQuote blockquote{font-size:28px}.is-preview .delivery-photos{gap:12px}.is-preview .layout-masonry .delivery-photos{column-gap:12px}.is-preview .layout-masonry .delivery-photos img{margin-bottom:12px}.is-preview .delivery-chapters{grid-template-columns:1fr}.is-preview .scene-DownloadCTA{display:block}.is-preview .scene-DownloadCTA .btn{margin-top:16px}.is-preview .chapters{gap:8px}.is-preview .chapters button{padding:8px;font-size:9px}.is-preview .chapter-time,.is-preview .player-caption{font-size:8px}.is-preview .scene-Cover.layout-split{display:block}.is-preview .layout-split .cover-photo{margin-top:24px}.is-preview .layout-poster-left{display:block}.is-preview .scene-FeaturedFilm.layout-immersive{padding-inline:0}.is-preview .sample-tag{padding:3px 6px;font-size:7px;top:8px;left:8px}.is-preview .scene-ClipsGrid .player-caption{display:none}.preview-frame .scene-Chapters h2{font-size:22px}.scene-Chapters.layout-thumbnail-row .delivery-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-Chapters.layout-thumbnail-row button{justify-items:start;gap:8px;display:grid}.scene-Chapters.layout-thumbnail-row .od-icon{display:none}.scene-TextQuote.layout-pull-quote{text-align:left;border-block:1px solid var(--brand-text)}@supports (color:color-mix(in lab, red, red)){.scene-TextQuote.layout-pull-quote{border-block:1px solid color-mix(in srgb,var(--brand-text)20%,transparent)}}.scene-VendorCredits.layout-stacked p{max-width:24ch;margin:auto}.usage-capacity-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;margin-bottom:40px;display:grid}.big-stat{white-space:nowrap;align-items:baseline;gap:12px;margin-block:24px;display:flex}.big-stat strong{font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1}.big-stat span{color:var(--muted);font-size:16px}.stacked-meter{background:var(--soft);max-width:100%;height:12px;display:flex;overflow:clip}.stacked-meter span{max-width:100%;display:block}.active-segment{background:var(--ink)}.held-segment{background:var(--strong-border)}.reserved-segment{background:var(--action);border-left:2px solid var(--surface)}.capacity-legend{flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px;display:flex}.capacity-legend span{color:var(--muted);gap:4px;display:grid}.capacity-legend strong{color:var(--ink)}.usage-meter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px;display:grid}.usage-meter-grid h3{font-size:18px}.usage-meter-grid p{color:var(--muted);font-size:12px}.activity-feed{margin-bottom:32px;padding:0}.activity-feed-row{padding:24px;font-size:14px}.activity-feed-row small{color:var(--muted);font-size:11px}.activity-feed-row .mono{font-size:10px}.outbox-body{white-space:pre-wrap;background:var(--soft);font-family:var(--font-mono);overflow-wrap:anywhere;margin-block:24px;padding:24px;font-size:13px;line-height:1.8}.lifecycle{gap:0;margin-block:24px;display:grid}.lifecycle-step{gap:16px;min-width:0;padding-bottom:32px;display:flex}.lifecycle-step:not(:last-child) .od-field{border-bottom:1px solid var(--border);padding-bottom:24px}.lifecycle-step p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.8}.lifecycle-step h3{font-size:16px}.lifecycle-step .small{font-size:12px}.lifecycle-step .od-row{flex-wrap:wrap}.lifecycle-marker{background:var(--soft);border:1px solid var(--border);width:32px;min-height:32px;font:12px/1.5 var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-self:flex-start;align-items:center;display:flex}.lifecycle-step.current .lifecycle-marker{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.procedure-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.procedure-step{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:16px;font-size:13px;display:flex}.procedure-step .mono{color:var(--muted)}.procedure-step .btn{margin-top:auto;padding-inline:8px;font-size:11px}.offer-card{background:var(--section-accent)}.offer-price{font-family:var(--font-display);white-space:nowrap;margin:24px 0;font-size:clamp(40px,5vw,64px);line-height:1.2}.offer-price span{font-family:var(--font-body);font-size:var(--font-sm);color:var(--muted);margin-top:12px;display:block}.offer-card>.eyebrow{color:var(--ink)}.check-list{font-size:var(--font-sm);margin-block:24px;padding-left:24px;line-height:2}.support-sample{max-width:480px}.support-sample img{border-radius:var(--radius)}[data-theme=posthog] .next-step-card{background:var(--surface);border-style:solid;border-width:1px}[data-theme=posthog] .next-step-symbol{background:var(--soft);border-radius:4px}[data-theme=posthog] h1{letter-spacing:-.8px}[data-theme=figma] .project-cover>div{color:#000;background:#c5b0f4}[data-theme=figma] .project-cover p,[data-theme=figma] .project-cover small,[data-theme=figma] .next-step-card .eyebrow,[data-theme=figma] .next-step-card p{color:#000}[data-theme=bmw-m] .btn-primary{border-color:#fff}[data-theme=bmw-m] .nav-item.selected .od-icon{color:#fff}[data-theme=bmw-m] .wordmark{letter-spacing:-1px}[data-theme=bmw-m] .next-step-card{border-top:3px solid #1c69d4}[data-theme=bmw-m] .next-step-card h2{text-transform:uppercase}[data-theme=bmw-m] .badge{border:1px solid}[data-theme=bmw-m] .studio-avatar{color:#000;background:#fff;border-radius:0}[data-theme=bmw-m] .demo-bar{border-bottom:1px solid #555}[data-theme=bmw-m] .project-cover>div{border-top:3px solid #e22718}[data-theme=bmw-m] .deliverable-body h3{text-transform:uppercase;font-size:17px}@media (hover:hover){.btn-primary:hover{background:var(--action-hover);color:var(--on-action)}.btn-secondary:hover,.btn-ghost:hover,.icon-button:hover,.nav-item:hover{background:var(--soft);border-color:var(--strong-border);color:var(--ink)}.text-link:hover{color:var(--ink);text-decoration:underline}.activity-preview-row:hover,.activity-feed-row:hover,.template-choice:hover{background:var(--soft)}.scene-select:hover{color:var(--ink)}.thread-toggle:hover{text-decoration:underline}.demo-control:hover{background:#3a4035}.theme-preview:hover{outline:2px solid var(--focus);outline-offset:2px}.delivery-brand button:hover{text-decoration:underline}}@media (min-width:1600px){.overview-grid{grid-template-columns:minmax(0,1fr) 280px}.deliverable-body h3{min-height:0}.main-content{padding-inline:48px}.deliverable-body .eyebrow{font-size:10px}.deliverable-meta,.live-status{font-size:11px}.deliverable-body .btn{font-size:12px}}@media (max-width:1279px){.demo-summary{display:none}.main-content{padding:32px 24px 24px}.workspace-header{padding-inline:24px}.overview-grid{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.next-step-card{flex-wrap:wrap}.next-step-card>.od-field{flex-basis:calc(100% - 64px)}.next-step-card>.btn{margin-left:60px}.deliverable-grid{grid-template-columns:1fr}.deliverable-card{grid-template-columns:140px minmax(0,1fr);display:grid}.deliverable-media .od-media{aspect-ratio:auto}.deliverable-media{align-self:start}.deliverable-body h3{min-height:0}.deliverable-body{gap:8px}.deliverable-body .btn{width:auto;margin-top:8px}.deliverable-body .eyebrow{font-size:9px}.deliverable-meta,.live-status{font-size:10px}.app-layout:has(.builder-main){grid-template-columns:1fr}.app-layout:has(.builder-main)>.sidebar{display:none}.app-layout:has(.builder-main) .mobile-menu{display:inline-flex}.app-layout:has(.builder-main)>.sidebar.sidebar-open{z-index:60;width:232px;display:flex;position:fixed;top:52px;left:0}.app-layout:has(.builder-main) .mobile-scrim{display:block}.publication-grid{gap:16px}.publication-grid>.card{padding:20px}.procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px) and (max-width:1279px){.builder-main{padding-inline:40px}.builder-grid{grid-template-columns:minmax(360px,1fr) 414px}.builder-grid.preview-wide{grid-template-columns:minmax(360px,.8fr) minmax(414px,1.2fr)}}@media (max-width:1023px){:root{--sidebar-width:200px}.sidebar{padding-inline:12px}.studio-switch{gap:8px;padding:8px}.studio-switch .od-icon{display:none}.sidebar-plan{padding-inline:4px}.wordmark{font-size:27px}.overview-grid{grid-template-columns:1fr}.overview-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.overview-aside .quiet-note,.overview-aside>.field{align-self:center}.overview-primary>.section-heading{margin-top:24px}.overview-primary .next-step-card{margin-bottom:24px}.two-column,.review-layout{grid-template-columns:1fr}.discussion-panel{position:static}.publication-grid{grid-template-columns:1fr}.version-publish-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.builder-grid,.builder-grid.preview-wide{grid-template-columns:1fr}.builder-preview{margin-top:24px;position:static}.builder-toolbar>.od-cluster,.builder-toolbar>.field{width:100%}.preview-frame{max-height:680px}.preview-frame.desktop-preview{width:100%;max-width:100%}.preview-frame.desktop-preview .is-preview .delivery-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-capacity-grid{grid-template-columns:1fr}.usage-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.external-content{padding:32px}.review-topbar{padding:20px 32px}.delivery-brand{padding:24px 32px}.scene-Cover{padding:48px 32px 0}.scene-Cover.layout-split{padding:48px 32px}.scene-FeaturedFilm.layout-poster-left{display:block}.scene{padding-inline:32px}}@media (max-width:767px){body{font-size:16px}.demo-bar{grid-template-columns:1fr auto;gap:8px;min-height:64px;padding:8px 12px;display:grid}.demo-disclosure{grid-column:1/-1;gap:4px;font-size:9px}.demo-disclosure-long{display:inline}.demo-bar>.demo-control{justify-self:start;min-height:36px;font-size:10px}.demo-bar>.demo-control:last-child{justify-self:end}.demo-bar-collapsed{grid-template-columns:1fr auto;min-height:52px}.demo-bar-collapsed .demo-disclosure{flex-wrap:wrap;grid-column:1}.demo-bar-collapsed .demo-control{grid-column:2}.demo-bar .summary-persona{display:none}.app-layout{grid-template-columns:1fr;min-height:calc(100dvh - 92px)}.sidebar{display:none}.sidebar.sidebar-open,.app-layout:has(.builder-main)>.sidebar.sidebar-open{z-index:60;background:var(--canvas);width:250px;height:calc(100dvh - 92px);min-height:0;display:flex;position:fixed;top:92px;left:0}.mobile-scrim{z-index:50;background:#0008;border:0;position:fixed;inset:92px 0 0}.mobile-menu{display:inline-flex}.workspace-header{gap:8px;min-height:64px;padding:8px 16px}.workspace-header .breadcrumb,.workspace-header-right .small{display:none}.workspace-header .od-row{gap:8px}.workspace-header .od-row>.od-icon{display:none}.workspace-header strong{font-size:12px}.main-content{padding:24px 20px}.page-heading{margin-bottom:24px;display:block}.page-heading h1{letter-spacing:-1px;font-size:32px}.page-heading .eyebrow{font-size:9px}.page-description{font-size:14px;line-height:1.7}.heading-action{padding-top:20px}.project-breadcrumb{margin-bottom:20px}.project-tabs{margin-inline:-20px;gap:24px;margin-bottom:24px;padding-inline:20px;overflow:auto}.project-tabs button{font-size:12px}.dot-separator{padding-inline:8px}.next-step-card{gap:12px;padding:20px}.next-step-card h2{font-size:21px}.next-step-card .eyebrow{font-size:8px}.next-step-card p:not(.eyebrow){font-size:12px}.next-step-card>.od-field{flex-basis:calc(100% - 56px)}.next-step-card>.btn{width:100%;margin:8px 0 0;font-size:12px}.next-step-symbol{width:36px;min-height:36px}.next-step-symbol .od-icon{--od-icon-size:18px}.overview-grid{gap:24px}.deliverable-grid{gap:16px}.deliverable-card{grid-template-columns:120px minmax(0,1fr)}.deliverable-body{padding:16px}.deliverable-body h3{font-size:19px}.deliverable-body .eyebrow{font-size:8px}.deliverable-body .badge{font-size:9px}.deliverable-meta{flex-wrap:wrap;font-size:9px}.deliverable-body .btn{min-height:44px;padding:8px 12px;font-size:10px}.overview-aside{grid-template-columns:1fr}.project-cover{grid-template-columns:120px minmax(0,1fr);display:grid}.project-cover .od-media{aspect-ratio:auto;object-fit:contain}.project-cover>div{padding:20px}.project-cover h3{font-size:20px}.project-cover p:not(.eyebrow){font-size:12px}.project-cover .eyebrow{font-size:8px}.overview-aside>.field{margin:0}.overview-aside>.card:not(.project-cover){padding:20px}.overview-aside h3{font-size:18px}.person-row{font-size:14px}.person-row small,.quiet-note{font-size:12px}.search-field input{font-size:14px}.activity-preview-row{padding:16px;font-size:12px}.activity-preview-row small{font-size:10px}.activity-preview-row>.od-icon{display:none}.workspace-footnote{flex-direction:column;gap:8px;padding-top:24px;font-size:9px}.card{padding:20px}.card h2{font-size:22px}.two-column{gap:20px}.detail-list>div{gap:16px;font-size:12px}.detail-list strong{font-size:12px}.people-table-row{gap:10px}.people-table-row .od-field{flex-basis:calc(100% - 48px)}.people-table-row .badge{margin-left:42px}.people-table-row .btn{margin-left:auto}.notice{padding:16px;font-size:13px}.modal{border-radius:var(--radius);width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px}.modal-wide{border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.modal-heading h2{font-size:22px}.modal-actions{gap:8px}.modal-actions>.btn{flex:1}.modal p{font-size:14px}.demo-settings{grid-template-columns:1fr;margin-block:20px}.scenario-tools{padding-block:20px}.story-row{padding:12px;display:block}.story-row .btn{margin-top:12px;font-size:12px}.story-row .od-field{gap:4px}.story-row strong{font-size:14px}.theme-preview{gap:12px;padding:16px}.theme-preview strong{font-size:18px}.theme-preview small{font-size:11px}.toast{max-height:140px;padding:16px;font-size:12px;bottom:16px;overflow:auto}.inline-form{grid-template-columns:1fr;align-items:stretch;display:grid}.field{margin-bottom:20px}.field-label{font-size:14px}input:not([type=checkbox]),select,textarea{min-height:48px;font-size:16px}.inline-form>.field{min-width:0}.upload-zone{padding:24px 16px}.upload-zone .od-cluster{justify-content:center}.upload-zone .od-cluster>.btn{width:100%}.media-layout>.od-stack{--od-gap:20px}.external-content{padding:24px 20px}.review-topbar{align-items:flex-start;padding:16px 20px}.review-topbar .studio-wordmark{font-size:20px}.review-topbar .od-cluster{justify-content:flex-end;gap:4px;max-width:55%}.review-topbar .small{text-align:right;font-size:10px}.review-topbar .btn{min-height:36px;padding:4px 0;font-size:10px}.review-context{gap:16px}.review-context>.field{width:100%;min-width:0}.review-context>.od-field{font-size:14px}.review-context>.btn{font-size:12px}.review-layout{gap:24px}.discussion-panel{padding:20px}.discussion-panel .section-heading h2{font-size:22px}.comment{font-size:16px}.comment strong{font-size:14px}.comment small{font-size:10px}.thread-toggle{font-size:12px}.comment-composer textarea{font-size:16px}.decision-actions p{font-size:12px}.decision-actions .btn{min-height:48px}.review-metadata p,.review-metadata details{font-size:12px}.review-metadata strong{font-size:13px}.photo-thumbnails{gap:8px}.photo-thumbnails button{padding:4px;font-size:9px}.photo-detail-trigger>span{font-size:10px;bottom:12px;right:12px}.player-caption{font-size:9px}.player-caption>span:first-child{overflow-wrap:anywhere;max-width:100%}.chapters button{flex:1;justify-content:center;padding:8px;font-size:10px}.chapters .od-icon{display:none}.chapter-time{font-size:9px}.challenge-wrap{min-height:calc(100dvh - 180px);padding:0}.challenge-card{margin-top:24px;padding:28px 24px}.challenge-card h1{font-size:30px}.challenge-card .studio-wordmark{margin-bottom:24px}.receipt-wrap{margin:24px auto}.receipt-card{gap:20px;padding:32px 24px}.receipt-card h1{font-size:32px}.receipt-card .detail-list>div{text-align:left;gap:8px;display:grid}.receipt-card .detail-list strong{text-align:left;max-width:100%}.review-invitations{grid-template-columns:1fr}.builder-toolbar{gap:20px}.builder-toolbar>.od-cluster>.btn{flex:1}.builder-toolbar .badge{justify-content:center;width:100%}.scene-editor>.section-heading h2{font-size:22px}.scene-order{gap:8px}.scene-order .icon-button{width:44px;min-height:44px}.scene-item{padding:12px}.scene-select{gap:4px}.scene-select strong{font-size:14px}.scene-select small{font-size:10px}.scene-number{padding:4px;font-size:10px}.preview-frame{width:390px;max-height:680px}.builder-preview{margin-top:8px}.preview-heading .eyebrow{font-size:9px}.preview-frame .is-preview .scene{padding-inline:20px}.preview-frame .is-preview .cover-content h1{font-size:36px}.preview-frame .is-preview .scene h2{font-size:24px}.publication-grid{gap:20px}.version-publish-row{gap:16px;display:grid}.version-publish-row .btn{font-size:11px}.publication-grid .eyebrow{font-size:10px}.usage-capacity-grid{gap:20px;margin-bottom:32px}.big-stat strong{font-size:56px}.usage-meter-grid{grid-template-columns:1fr;gap:20px}.usage-meter-grid .section-heading{flex-wrap:nowrap;gap:12px}.usage-meter-grid h3{font-size:20px}.usage-meter-grid p{font-size:13px}.procedure-grid{grid-template-columns:1fr}.procedure-step{padding:20px}.procedure-step .btn{align-self:flex-start;font-size:12px}.offer-price{font-size:56px}.lifecycle-step{gap:12px}.lifecycle-step h3{font-size:16px}.lifecycle-step p{font-size:13px}.activity-feed-row{flex-wrap:wrap;gap:12px;padding:20px;font-size:14px}.activity-feed-row>.badge{margin-left:32px}.activity-feed-row .od-fill{flex-basis:calc(100% - 64px);min-width:0}.activity-feed-row>.od-icon:last-child{display:none}.activity-feed-row small{font-size:10px}.outbox-body{padding:20px;font-size:12px}.delivery-brand{justify-content:center;padding:24px}.delivery-brand>span{font-size:22px}.delivery-brand>button{display:none}.scene{padding:40px 24px}.scene-Cover{gap:32px;padding:40px 24px 0}.cover-content{gap:16px;max-width:100%}.cover-content h1{letter-spacing:-2px;font-size:clamp(42px,11vw,64px)}.cover-content>.eyebrow{font-size:9px}.cover-content p{font-size:12px}.scene-Cover>.cover-photo{aspect-ratio:4/5}.scene-Cover.layout-split{gap:32px;padding:40px 24px;display:flex}.layout-split .cover-content{place-items:center}.layout-split h1{font-size:44px}.scene-FeaturedFilm{padding-top:56px}.scene h2{font-size:30px}.scene>p{font-size:14px}.delivery-chapters{grid-template-columns:1fr}.delivery-chapters button{min-height:56px}.delivery-photos{grid-template-columns:1fr;gap:16px}.scene-PhotoGrid.layout-masonry .delivery-photos{columns:1}.layout-masonry .delivery-photos img{margin-bottom:16px}.scene-TextQuote{padding-block:64px}.scene-TextQuote blockquote{max-width:20ch;font-size:32px}.scene-DownloadCTA{gap:24px;display:grid}.scene-DownloadCTA .btn{width:100%;min-height:48px}.sample-disclosure{padding:20px;font-size:9px}.recipient-actions{gap:8px;padding:20px}.recipient-actions>.btn{font-size:11px}.is-preview .scene-Cover>.cover-photo{aspect-ratio:3/2}.scene-Chapters.layout-thumbnail-row .delivery-chapters,.is-preview .scene-Chapters.layout-thumbnail-row .delivery-chapters{grid-template-columns:1fr}}@media (max-width:374px){.main-content,.external-content{padding-inline:16px}.project-tabs{margin-inline:-16px;padding-inline:16px}.page-heading h1{font-size:28px}.deliverable-card{grid-template-columns:92px minmax(0,1fr)}.deliverable-body{padding:12px}.deliverable-body h3{font-size:17px}.deliverable-body .btn{padding-inline:8px;font-size:9px}.project-cover{grid-template-columns:92px minmax(0,1fr)}.project-cover>div{padding:16px}.project-cover h3{font-size:19px}.project-cover p:not(.eyebrow){font-size:11px}.badge{font-size:10px}.next-step-card{padding:16px}.next-step-card h2{font-size:19px}.next-step-card>.od-field{flex-basis:calc(100% - 52px)}.btn{padding-inline:14px;font-size:12px}.card{padding:16px}.card.deliverable-card,.card.project-cover,.card.activity-preview,.card.activity-feed{padding:0}.usage-meter-grid h3{font-size:18px}.scene-order .icon-button{width:40px}.scene-select small,.scene-number{font-size:9px}.challenge-card{padding:24px 20px}.cover-content h1{font-size:40px}.preview-frame .is-preview .cover-content h1{font-size:32px}.capacity-legend{gap:12px;font-size:11px}.big-stat strong{font-size:48px}.demo-control .od-icon{--od-icon-size:12px}.demo-bar .demo-control{padding-inline:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.next-step-card p:not(.eyebrow){font-size:16px}.project-cover p:not(.eyebrow),.nav-item{font-size:14px}.quiet-note{font-size:13px}.activity-preview-row,.overview-aside .person-row{font-size:14px}.overview-aside .person-row small{font-size:12px}.m-stripe{width:48px;height:4px;margin-top:12px;padding:0!important;display:flex!important}.m-stripe i{flex:1;display:block}.m-stripe i:first-child{background:#0066b1}.m-stripe i:nth-child(2){background:#1c69d4}.m-stripe i:nth-child(3){background:#e22718}[data-theme=bmw-m] .delivery-page h1,[data-theme=bmw-m] .delivery-page h2{text-transform:uppercase;font-weight:700}[data-theme=figma] .delivery-page .scene-TextQuote{background:var(--brand-bg)}@supports (color:color-mix(in lab, red, red)){[data-theme=figma] .delivery-page .scene-TextQuote{background:color-mix(in srgb,var(--brand-bg)70%,#dceeb1)}}@media (max-width:767px){.next-step-card p:not(.eyebrow){font-size:14px}.activity-preview-row,.project-cover p:not(.eyebrow),.quiet-note{font-size:13px}}.demo-persona-mobile{display:none}@media (max-width:767px){.demo-disclosure{flex-wrap:wrap}.demo-persona-mobile{color:#e2e5dd;margin-left:auto;font-size:9px;display:inline}}.preview-desktop .delivery-brand{padding:24px 32px}.preview-desktop .scene{padding:48px 32px}.preview-desktop .cover-content h1{font-size:clamp(40px,4vw,64px)}.preview-desktop .scene h2{font-size:32px}.preview-desktop .scene p{font-size:14px}.preview-desktop .scene-Cover.layout-split{grid-template-columns:1fr 1fr;gap:24px;display:grid}.preview-desktop .scene-FeaturedFilm.layout-poster-left{grid-template-columns:1fr 1.5fr;gap:16px;display:grid}.preview-desktop .delivery-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-desktop .delivery-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-desktop .scene-DownloadCTA{display:flex}.clips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.scene-ClipsGrid.layout-grid-3 .clips-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-ClipsGrid.layout-masonry .clips-grid{columns:2;display:block}.scene-DownloadCTA.layout-card{border:1px solid var(--brand-text);margin:32px;padding:32px}@supports (color:color-mix(in lab, red, red)){.scene-DownloadCTA.layout-card{border:1px solid color-mix(in srgb,var(--brand-text)20%,transparent)}}.scene-DownloadCTA.layout-card{border-radius:var(--brand-radius);background:var(--brand-bg)}@supports (color:color-mix(in lab, red, red)){.scene-DownloadCTA.layout-card{background:color-mix(in srgb,var(--brand-bg)95%,var(--brand-text))}}.scene-FeaturedFilm.layout-immersive{padding-inline:0}.scene-FeaturedFilm.layout-immersive>h2,.scene-FeaturedFilm.layout-immersive>p{padding-inline:32px}@media (max-width:767px){.clips-grid,.scene-ClipsGrid.layout-grid-3 .clips-grid{grid-template-columns:1fr}.scene-ClipsGrid.layout-masonry .clips-grid{columns:1}.scene-DownloadCTA.layout-card{margin:24px;padding:24px}.preview-desktop .scene-Cover.layout-split{grid-template-columns:1fr}.preview-desktop .scene-FeaturedFilm.layout-poster-left{display:block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}