/* Shared public product chrome only. Checkout/auth/runtime components stay page-owned. */
html body[data-storefront-shell]{--bhc-sidebar:224px;--sf-shell-line:#8daaca36;color:#f1f5fc;background-color:#071322;background-position:center;background-size:cover;background-attachment:fixed}
/* Keep the image and the tint as independent layers. */
html body[data-storefront-shell]{background-image:linear-gradient(#04102180,#04102180),url('/assets/flagship/wallpaper/ChatGPT%20Image%20Oct%2010,%202026,%2001_24_02%20PM-1.png')}
html body[data-storefront-shell]::before{display:none}
html:has(body[data-storefront-shell]),body[data-storefront-shell] .header-inner{scrollbar-width:none}
html:has(body[data-storefront-shell])::-webkit-scrollbar,body[data-storefront-shell] .header-inner::-webkit-scrollbar{display:none}
html body[data-storefront-shell] .site-header[data-stable-navigation]{background:#0b1a2b80;border-color:var(--sf-shell-line);backdrop-filter:blur(3px);box-sizing:border-box}
html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a[href="/"]{display:none}
html body[data-storefront-shell] .sf-tour{border:1px solid var(--sf-shell-line);background:#0c1b2b80;border-radius:13px;padding:9px 9px 10px;text-align:center;width:100%;box-sizing:border-box;flex-shrink:0}
html body[data-storefront-shell] .sf-tour .brand.bh-brand{display:block;width:180px;max-width:100%;margin:0 auto 6px;padding:0;flex-shrink:0}
body[data-storefront-shell] .sf-tour .bh-wordmark{background:transparent;mix-blend-mode:screen}
html body[data-storefront-shell] .sf-tour-code{display:block;width:165px;height:165px;max-width:100%;aspect-ratio:1;margin:0 auto}
html body[data-storefront-shell] .sf-tour-code img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1;border-radius:0}
html body[data-storefront-shell] .sf-tour h2{margin:9px 0 0;font:700 17px/1.3 system-ui;letter-spacing:0}
body[data-storefront-shell] .sf-tour h2 a{color:#eef6ff;text-decoration:none}
body[data-storefront-shell] .sf-tour h2 a:hover{text-decoration:underline;text-underline-offset:4px;color:#a8d8ff}
html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:11px;color:#e2eafa;text-decoration:none;border:1px solid transparent;border-radius:8px}
html body[data-storefront-shell] #primary-nav .bhc-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:#aebfdd}
html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a::after{display:none}
body[data-storefront-shell] :focus-visible{outline:2px solid #a4d5ff;outline-offset:4px}
/* Named presentation panels only: no inputs, checkout panels, chat, dialogs or media surfaces. */
body[data-storefront-shell]:not([data-storefront-shell="chrome-only"]) :is(.p5-hero-copy,.studio-corner-offer,.studio-lab-overlay,.sovereign-refresh-hero,.architecture-grid article,.product-offer,.industry-panel,.call-center-capabilities article,.sales-feature,.call-center-free-preview,.ms-plan,.creator-modes article,.creator-person,.social-note,.social-workflows article,.w3-commercial,.sb-module,.sb-deployment,.sb-sales-card,.w3-directory,.w3-contact,.deployment-card,.deployments-buddy figcaption){background-color:#0c192a80;background-image:none;border-color:#839fc64d}
body[data-storefront-shell]:not([data-storefront-shell="chrome-only"]) .ms-manager-card{background:#0c192a80!important}
body[data-storefront-shell]:not([data-storefront-shell="chrome-only"]) :is(.vo-plan,.vo-features article){background-color:#0c192a80}
body[data-storefront-shell] .bhc-footer{background:#07132080}
/* This tour intentionally remains script-free under its original CSP. */
.sf-shell-state{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}
body.sf-static-tour{padding:0}
body.sf-static-tour>main{padding:28px;min-width:0}
body.sf-static-tour .header-inner{box-sizing:border-box}
body.sf-static-tour .bhc-sidebar-toggle,body.sf-static-tour .menu-toggle{cursor:pointer}
body.sf-static-tour #sf-static-collapse:focus-visible~.site-header .bhc-sidebar-toggle,body.sf-static-tour #sf-static-menu:focus-visible~.site-header .menu-toggle{outline:2px solid #a4d5ff;outline-offset:4px}
@media(min-width:1100px){
 html body[data-storefront-shell]{padding-left:224px}
 html body[data-storefront-shell] .site-header[data-stable-navigation]{position:fixed;inset:0 auto 0 0;width:224px;height:100dvh;border-width:0 1px 0 0;border-style:solid;border-radius:0;overflow:visible;z-index:1500}
 html body[data-storefront-shell] .site-header[data-stable-navigation] .header-inner{height:100%;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:stretch;padding:12px 12px 16px;gap:12px;overflow-x:hidden;overflow-y:auto}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav{display:flex;position:static;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:0;border:0;background:none;overflow:visible}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a{min-height:36px;padding:8px 9px;font:400 13px/1.35 system-ui}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a[aria-current=page]{background:#809dc347;border-color:#6785ab55;box-shadow:none;font-weight:700}
 html body[data-storefront-shell] .site-header[data-stable-navigation] .header-cta{margin-top:auto;background:#4357789c;border:1px solid #7599c5;color:#fff;width:100%;flex-shrink:0;text-align:center;padding:11px 5px;font:600 12px system-ui;text-decoration:none;border-radius:8px}
 html body[data-storefront-shell] .site-header[data-stable-navigation] .bhc-sidebar-toggle{display:grid;place-items:center;position:absolute;right:-13px;top:62px;width:26px;height:34px;z-index:5;border:1px solid #8d9ed277;border-radius:7px;background:#152139;color:#d3d7f2;cursor:pointer;padding:0}
 html body[data-storefront-shell] .site-header[data-stable-navigation] :is(.menu-toggle,.commerce-menu){display:none}
 html[data-sidebar=collapsed] body[data-storefront-shell],html body[data-storefront-shell].bhc-sidebar-collapsed,html body.sf-static-tour:has(#sf-static-collapse:checked){padding-left:64px;--bhc-sidebar:64px}
 html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .site-header[data-stable-navigation],html body[data-storefront-shell].bhc-sidebar-collapsed .site-header[data-stable-navigation],html body.sf-static-tour:has(#sf-static-collapse:checked) .site-header{width:64px}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .header-inner,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .header-inner{padding:10px 6px 14px;gap:12px}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .sf-tour,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .sf-tour{padding:0;border:0;background:transparent}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) :is(.sf-tour-code,.sf-tour-copy,.bhc-nav-label,.header-cta,.studio-side-ad),html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) :is(.sf-tour-code,.sf-tour-copy,.bhc-nav-label,.header-cta,.studio-side-ad){display:none}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .sf-tour .brand.bh-brand,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .sf-tour .brand.bh-brand{width:46px;max-width:100%;margin:0 auto}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .bh-wordmark,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .bh-wordmark{width:46px;height:46px;aspect-ratio:1;background:transparent;overflow:visible}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .bh-wordmark>img,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .bh-wordmark>img{visibility:hidden}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .bh-brand-hole,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .bh-brand-hole{left:5px;top:5px;width:36px;height:36px;filter:drop-shadow(0 0 7px #594bff80)}
 html body[data-storefront-shell]:is(.bhc-sidebar-collapsed,:has(#sf-static-collapse:checked)) .site-header #primary-nav a,html[data-sidebar=collapsed] body[data-storefront-shell]:not(.sf-static-tour) .site-header #primary-nav a{justify-content:center;gap:0;padding:9px 0;min-height:38px}
}
@media(max-width:1099px){
 html body[data-storefront-shell]{padding-left:0}
 html body[data-storefront-shell] .site-header[data-stable-navigation]{position:relative;inset:auto;width:100%;height:auto;border-width:0 0 1px;border-radius:0}
 html body[data-storefront-shell] .site-header[data-stable-navigation] .header-inner{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 14px;width:100%;margin:0;max-width:none;max-height:none;overflow:visible}
 html body[data-storefront-shell] .sf-tour{display:grid;grid-template-columns:minmax(80px,150px) 96px;grid-template-rows:1fr auto;align-items:center;column-gap:10px;width:auto;max-width:calc(100% - 78px);padding:7px;text-align:left}
 html body[data-storefront-shell] .sf-tour .brand.bh-brand{width:180px;max-width:100%;margin:0}
 html body[data-storefront-shell] .sf-tour-code{grid-column:2;grid-row:1/3;width:96px;height:96px;margin:0}
 html body[data-storefront-shell] .sf-tour-copy{grid-column:1;grid-row:2}
 html body[data-storefront-shell] .sf-tour h2{font-size:12px;margin:4px 0 0}
 html body[data-storefront-shell] .site-header[data-stable-navigation] :is(.menu-toggle,.commerce-menu){display:block;border:1px solid #a28edc45;border-radius:8px;color:#e0d8f8;background:#282036;font:600 12px/1.4 system-ui;padding:9px 10px;min-height:37px;margin:0;width:auto}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav{position:static;display:none;flex-direction:column;width:100%;max-width:none;padding:6px 0;gap:4px;background:none;border:0;overflow:visible;max-height:none}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav.is-open,html body.sf-static-tour:has(#sf-static-menu:checked) .site-header #primary-nav{display:flex}
 html body[data-storefront-shell] .site-header[data-stable-navigation] #primary-nav a{padding:10px;font-size:13px;min-height:44px}
 html body[data-storefront-shell] .site-header[data-stable-navigation] :is(.bhc-sidebar-toggle,.header-cta,.studio-side-ad){display:none}
 body.sf-static-tour>main{padding:18px}
}
@media(prefers-reduced-motion:reduce){body[data-storefront-shell] .bh-brand-hole>span{animation:none}}
/* Rendered QA: adapt the tour headline to its new sidebar-aware content width. */
body.sf-static-tour .copy h1{font-size:clamp(42px,4.6vw,76px)}
@media(min-width:1100px){body.sf-static-tour #sf-static-menu{display:none}}
@media(max-width:1099px){
 body.sf-static-tour #sf-static-collapse{display:none}
 html body[data-storefront-shell] .site-header[data-stable-navigation] .sf-tour .brand.bh-brand{width:150px;max-width:100%;margin:0}
}