/* Website adapter for Company OS's frozen MYNA guide, 16 October 2026.
   myna-shared.css is kept verbatim; existing page layouts retain their semantics. */
:root {
 --myna-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
 --myna-canvas:#ededed; --myna-surface:#ffffff; --myna-raised:#f7f7f7;
 --myna-ink:#191919; --myna-muted:#626262; --myna-line:#d4d4d4; --myna-control-line:#858585;
 --myna-accent:#c43b0b; --myna-accent-hover:#ab3108; --myna-on-accent:#ffffff;
 --myna-focus:#c43b0b; --myna-selection:#f5d0c2; --myna-radius:10px; --myna-control-radius:9px;
 --myna-icon-control:20px; --myna-icon-support:16px; --myna-shadow:0 6px 24px #0000000a;
 --fs-orange:var(--myna-accent); --fs-orange-dark:var(--myna-accent-hover);
 --fs-paper:var(--myna-canvas); --fs-white:#f4f4f4; --fs-black:#181818; --fs-charcoal:#242424;
 --fs-line:var(--myna-line); --fs-muted:var(--myna-muted);
}
body.myna-site { font-family:var(--myna-font); font-synthesis:none; background:var(--myna-canvas); color:var(--myna-ink); --text:var(--myna-ink); --muted:var(--myna-muted); --line:var(--myna-line); --button-fill:var(--myna-accent); --button-fill-strong:var(--myna-accent-hover); --button-fill-text:#fff; --experience-paper:var(--myna-canvas); --experience-ink:var(--myna-ink); }
body.myna-site :where(button,input,select,textarea,h1,h2,h3,h4,h5,h6,.eyebrow,.studio-brand,.tier-price,.wc-file,.wc-caption,.wc-history-entry) { font-family:var(--myna-font) !important; }
body.myna-site :is(h1,h2,h3,h4,h5,h6) { font-weight:500; }
body.myna-site :is(h1,h2) { letter-spacing:-.03em; }
body.myna-site ::selection { background:var(--myna-selection); color:var(--myna-ink); }
body.myna-site :is(input,textarea) { caret-color:var(--myna-focus); }
body.myna-site [data-myna-theme="dark"] {
 --myna-canvas:#181818; --myna-surface:#242424; --myna-raised:#303030;
 --myna-ink:#f4f4f4; --myna-muted:#b3b3b3; --myna-line:#454545; --myna-control-line:#797979;
 --myna-selection:#65301e; --myna-shadow:0 8px 28px #00000026; color-scheme:dark;
}
body.myna-site :is(.topbar,.site-nav,.experience-header,.experience-opening,.company-story,.experience-flexibility,.partner-section,.site-footer,.pivot-hero,.pivot-closing) { background:#181818; color:#f4f4f4; }
body.myna-site :is(.company-config-section,.experience-privacy,.experience-workspace,.experience-tools) { background:var(--myna-canvas); }
body.myna-site :is(.voices-section,.voice-card) { background:#fff; }
body.myna-site .experience-header { border-color:#454545; }
body.myna-site .site-footer { border-color:#454545; }
body.myna-site :is(.booking-dialog,.modal-dialog,.voice-consent,.voice-detail) { background:var(--myna-surface); color:var(--myna-ink); border-color:var(--myna-line); border-radius:12px; }
body.myna-site .consent-banner { background:#242424; color:#f4f4f4; border-color:#454545; }
body.myna-site .consent-banner p { color:#b3b3b3; }
body.myna-site :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--myna-focus) !important; outline-offset:4px !important; }
body.myna-site [data-myna-theme="dark"] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible { box-shadow:0 0 0 7px var(--myna-canvas) !important; }
body.myna-site :is(a,button) { -webkit-tap-highlight-color:transparent; }
body.myna-site button:disabled { cursor:not-allowed; }
body.myna-site .myna-button { background:var(--myna-accent) !important; border:1px solid var(--myna-accent) !important; color:#fff !important; border-radius:var(--myna-control-radius) !important; box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000018 !important; min-height:44px; font-size:14px; font-weight:500; line-height:1.4; text-decoration:none; transform:none; }
body.myna-site .myna-button:hover { background:var(--myna-accent-hover) !important; border-color:var(--myna-accent-hover) !important; transform:none !important; }
body.myna-site .myna-button:active { transform:translateY(1px) !important; box-shadow:none !important; }
body.myna-site .myna-button:disabled { background:var(--myna-raised) !important; color:var(--myna-muted) !important; border-color:var(--myna-line) !important; box-shadow:none !important; transform:none !important; }
body.myna-site .myna-button-secondary { background:transparent !important; color:var(--myna-ink) !important; border:1px solid var(--myna-control-line) !important; box-shadow:none !important; }
body.myna-site .myna-button-secondary:hover { background:var(--myna-raised) !important; border-color:var(--myna-muted) !important; }
body.myna-site :is(.problem-service-link,.partner-program-link,.booking-intro,.booking-quote-link,.builder-pdf-link,.booking-email) { text-underline-offset:4px; }
body.myna-site :is(.booking-intro,.booking-quote-link) { background:none; border:0; box-shadow:none; color:var(--myna-ink); min-height:44px; text-decoration:underline; }
body.myna-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) { background:var(--myna-surface); color:var(--myna-ink); border:1px solid var(--myna-control-line); border-radius:var(--myna-control-radius); min-height:46px; font-family:var(--myna-font); font-size:16px; line-height:1.4; }
body.myna-site :is(input,textarea)::placeholder { color:var(--myna-muted); opacity:1; }
body.myna-site :is(input,select,textarea):disabled { background:var(--myna-raised); color:var(--myna-muted); }
body.myna-site :is(input[type=checkbox],input[type=radio]) { accent-color:var(--myna-ink); }
body.myna-site :is(.builder-choice,.builder-compact-choice,.builder-tool-options button,.builder-progress button,.tier,.commercial-model-card) { box-shadow:none; }
body.myna-site :is(.builder-choice,.builder-inline-choice) { border-color:var(--myna-line); }
body.myna-site .assistant-builder { --paper:var(--myna-canvas); --ink:var(--myna-ink); --soft:var(--myna-muted); --rule:var(--myna-line); --accent:var(--myna-accent); font-family:var(--myna-font); }
body.myna-site .assistant-builder .builder-flow { background:var(--myna-canvas); }
body.myna-site .assistant-builder .builder-choice[aria-checked=true] { background:var(--myna-surface); border-color:var(--myna-ink); }
body.myna-site .assistant-builder .builder-progress button[aria-current=step] { background:var(--myna-ink); color:var(--myna-surface); }
body.myna-site .assistant-builder .builder-compact-choice[aria-pressed=true],body.myna-site .assistant-builder .builder-tool-options button[aria-pressed=true] { background:var(--myna-ink); border-color:var(--myna-ink); color:var(--myna-surface); }
body.myna-site .myna-icon-button { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; min-width:40px; min-height:40px; padding:10px; border:0; border-radius:50%; background:transparent; color:inherit; box-shadow:none; }
body.myna-site .myna-icon-button:hover { background:var(--myna-raised); }
body.myna-site :is(svg.ui-icon,svg[data-iconoir],svg.choice-icon) { width:20px; height:20px; flex:0 0 20px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.5; }
body.myna-site :is(svg.ui-icon,svg[data-iconoir],svg.choice-icon) :is(path,line,rect,circle,ellipse,polyline,polygon) { vector-effect:non-scaling-stroke; stroke-width:1.5; }
body.myna-site :is(svg[data-iconoir="nav-arrow-down"],svg[data-iconoir="nav-arrow-up"],summary svg,.voice-caption svg,.partner-expand-icon) { width:16px; height:16px; flex-basis:16px; }
body.myna-site .choice-indicator svg { width:16px; height:16px; flex-basis:16px; }
body.myna-site summary { list-style:none; }
body.myna-site summary::-webkit-details-marker { display:none; }
body.myna-site summary > .myna-disclosure-icon { margin-left:auto; transition:transform .16s; }
body.myna-site details[open] > summary > .myna-disclosure-icon { transform:rotate(180deg); }
body.myna-site :is(.builder-profile summary,.booking-context summary) { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:44px; }
/* Document references in the illustrative chat are plain filenames; browser rows retain their icons. */
body.myna-site .wc-attachments .wc-attachment { display:inline; padding:0; border:0; border-radius:0; background:none; box-shadow:none; font-size:inherit; text-decoration:underline; text-underline-offset:4px; }
body.myna-site .wc-attachments .wc-attachment svg { display:none; }
body.myna-site .wc-attachments { display:flex; flex-wrap:wrap; gap:8px 14px; }
body.myna-site :is(.partner-slide,.voice-card,.voice-detail,.booking-context) { border-color:var(--myna-line); }
body.myna-site .partner-slide { background:#fff; }
body.myna-site .partner-section .partner-card-link { color:#191919; }
body.myna-site .partner-section .partner-card-link:hover { background:#f7f7f7; }
body.myna-site .partner-section .partner-detail { background:#242424; border-color:#454545; }
body.myna-site .partner-section .partner-detail p { color:#b3b3b3; }
@media(pointer:coarse) { body.myna-site .myna-icon-button { width:44px; height:44px; min-width:44px; min-height:44px; padding:12px; } }
@media(prefers-reduced-motion:reduce) { body.myna-site :is(.myna-button,.myna-icon-button,.myna-disclosure-icon) { transition:none; } }
/* The marketing display follows the guide's larger website scale. */
body.myna-site:not(.builder-preview) h1 { font-size:clamp(36px,5vw,68px) !important; font-weight:500 !important; line-height:1.06 !important; letter-spacing:-.04em !important; }
body.myna-site .hero-model-label { font-family:var(--myna-font); }
body.myna-site .studio-brand > span,body.myna-site .story-number,body.myna-site .eyebrow { font-family:var(--myna-font) !important; }
body.myna-site .experience-menu .menu-close-icon { display:none; }
body.myna-site .experience-menu[aria-expanded=true] .menu-open-icon { display:none; }
body.myna-site .experience-menu[aria-expanded=true] .menu-close-icon { display:block; }
@media(min-width:768px) { body.myna-site .experience-menu { display:none; } }
body.myna-site :is(svg.ui-icon,svg[data-iconoir],svg.choice-icon) { width:20px !important; height:20px !important; flex-basis:20px !important; }
body.myna-site :is(svg[data-iconoir="nav-arrow-down"],svg[data-iconoir="nav-arrow-up"],summary svg,.voice-caption svg,.partner-expand-icon,.choice-indicator svg) { width:16px !important; height:16px !important; flex-basis:16px !important; }
body.myna-site .launch-film-intro h1 { color:#f4f4f4; }
body.myna-site .assistant-builder .builder-stat-track i.on { background:var(--myna-ink); }
body.myna-site { line-height:1.55; }
body.myna-site .brand { font-weight:500 !important; }
body.myna-site .button-link::after,body.myna-site .builder-back::before { content:none !important; }
body.myna-site .myna-button > svg[data-iconoir^="arrow-"] { display:none; }

/* Dialogs are light surfaces, independent of the surrounding product stage. */
body.myna-site #inquireModal { --muted:#626262; --text:#191919; --line:#d4d4d4; --panel:#fff; --panel-strong:#f7f7f7; }
body.myna-site #inquireModal .form-input::placeholder { color:#626262; }