/* Mobile header approved by the owner on 5 November. No banner/artwork changes. */
.ds-invite-entry {display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #344269;border-radius:12px;background:#101b32;color:#e5ecff;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal}
.ds-mobile-brand,.ds-mobile-controls,.ds-mobile-header-spacer,.ds-mobile-dismiss {display:none}
@media(max-width:760px) {
  html {--ds-mobile-safe-top:env(safe-area-inset-top,0px);scroll-padding-top:calc(136px + var(--ds-mobile-safe-top))}
  body.ds-mobile-layout {padding-top:0!important}
  body.ds-mobile-layout.ds-mobile-drawer-open {overflow:hidden!important}
  body.ds-mobile-layout .ds-mobile-header-spacer {display:block;height:calc(132px + var(--ds-mobile-safe-top));width:100%;flex-shrink:0}
  body.ds-mobile-layout header.ds-mobile-header {
    position:fixed!important;inset:0 0 auto!important;top:0!important;left:0!important;
    width:100%!important;max-width:none!important;height:calc(132px + var(--ds-mobile-safe-top))!important;min-height:calc(132px + var(--ds-mobile-safe-top))!important;
    box-sizing:border-box;margin:0!important;padding:0!important;z-index:500!important;
    transform:none!important;overflow:visible!important;
    border:0!important;border-bottom:1px solid #22415f!important;border-radius:0!important;
    background:radial-gradient(ellipse at 50% 85%,#06445680,transparent 53%),#040e20f5!important;
    backdrop-filter:blur(16px);box-shadow:0 8px 24px #0005;
  }
  body.ds-mobile-layout .ds-mobile-header>:not(.ds-mobile-brand):not(.ds-mobile-controls):not(.ds-mobile-menu):not(#topJarvisBtn) {display:none!important}
  body.ds-mobile-layout .ds-mobile-brand {
    position:absolute;top:calc(10px + var(--ds-mobile-safe-top));left:50%;transform:translateX(-50%);display:flex!important;
    align-items:center;justify-content:center;gap:8px;height:38px;white-space:nowrap;
    color:#fff;font:750 22px/1.1 Inter,system-ui,sans-serif;text-decoration:none;
  }
  body.ds-mobile-layout .ds-mobile-brand img {width:30px;height:30px;object-fit:contain}
  body.ds-mobile-layout .ds-mobile-menu {
    position:fixed!important;display:grid!important;place-items:center!important;
    top:calc(8px + var(--ds-mobile-safe-top))!important;left:12px!important;right:auto!important;bottom:auto!important;
    width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;
    border:1px solid #7661bc!important;border-radius:13px!important;background:linear-gradient(140deg,#292447,#141d35)!important;
    color:#fff!important;font-size:25px!important;line-height:1!important;transform:none!important;z-index:610!important;
  }
  body.ds-mobile-layout .ds-mobile-controls {
    position:absolute;inset:calc(64px + var(--ds-mobile-safe-top)) 10px auto;display:grid!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;height:58px;
  }
  .ds-mobile-control-left,.ds-mobile-control-right {display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
  .ds-mobile-control-left {grid-column:1}.ds-mobile-control-right {grid-column:3}
  body.ds-mobile-layout .ds-mobile-controls :is(button,a,select) {
    display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;
    min-width:0!important;min-height:42px!important;max-width:100%!important;margin:0!important;
    padding:7px 8px!important;border:1px solid #376188!important;border-radius:13px!important;
    background:#0b1b33!important;color:#e8f0ff!important;font:600 11px/1.15 system-ui,sans-serif!important;
    text-align:center;white-space:normal!important;text-decoration:none;box-shadow:0 0 12px #207aaf22;
  }
  body.ds-mobile-layout .ds-mobile-controls select {width:48px!important;flex-shrink:0;white-space:nowrap!important;padding:6px 3px!important;font-size:12px!important}
  body.ds-mobile-layout .ds-mobile-controls [hidden] {display:none!important}
  body.ds-mobile-layout .ds-mobile-controls #topPromo {border-color:#a96be6!important}
  body.ds-mobile-layout .ds-mobile-control-right>:last-child {background:linear-gradient(115deg,#bd66ee,#e182ed)!important;color:#110c24!important;border-color:#d98eff!important}
  body.ds-mobile-layout #topJarvisBtn {
    position:absolute!important;left:50%!important;top:calc(93px + var(--ds-mobile-safe-top))!important;transform:translate(-50%,-50%)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
    margin:0!important;padding:0!important;border-radius:50%!important;z-index:1!important;
  }
  body.ds-mobile-layout #topJarvisBtn .jarvis-name {display:none!important}
  body.ds-mobile-layout #topJarvisBtn .jarvis-mini-orb {width:40px!important;height:40px!important}
  body.ds-mobile-layout .ds-mobile-drawer {
    position:fixed!important;inset:0 auto 0 0!important;z-index:600!important;
    width:50vw!important;max-width:50vw!important;height:100dvh!important;max-height:100dvh!important;
    padding:calc(66px + var(--ds-mobile-safe-top)) 8px 24px!important;box-sizing:border-box;overflow:auto!important;
    background:#071124!important;transform:translateX(-105%)!important;overscroll-behavior:contain;
    border-right:1px solid #344269!important;box-shadow:12px 0 36px #0007;
  }
  body.ds-mobile-layout .ds-mobile-drawer .sidebar-head,body.ds-mobile-layout .ds-mobile-drawer>.ds-site-brand {display:none!important}
  body.ds-mobile-layout.ds-mobile-drawer-open .ds-mobile-drawer {transform:translateX(0)!important}
  body.ds-mobile-layout.ds-mobile-drawer-open #topJarvisBtn {visibility:hidden!important;pointer-events:none!important}
  body.ds-mobile-layout.ds-mobile-drawer-open .ds-mobile-menu {position:fixed!important}
  body.ds-mobile-layout .ds-mobile-dismiss:not([hidden]) {display:block;position:fixed;inset:0;z-index:580;background:#020612b8;border:0;border-radius:0;padding:0}
  body.ds-mobile-layout .ds-mobile-drawer :is(nav a,nav button) {min-height:44px;font-size:14px;box-sizing:border-box}
  body.ds-mobile-layout .ds-mobile-drawer .ds-invite-entry {margin-top:16px;width:100%;font-size:14px!important}
  body.ds-mobile-layout .ds-site-mobile-toggle:not(.ds-mobile-menu) {display:none!important}
  body.ds-mobile-layout .ds-site-scrim {display:none!important}
  body.ds-mobile-layout main {min-width:0}
  body.ds-mobile-layout .et-topbar {display:none!important}
  body.ds-mobile-layout main.free-tools-page[data-tool-hub] {padding-top:16px!important}
  @media(max-width:350px) {
    body.ds-mobile-layout .ds-mobile-controls {inset-inline:6px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}
    body.ds-mobile-layout .ds-mobile-controls :is(button,a,select) {font-size:10px!important;padding:6px!important}
    body.ds-mobile-layout .ds-mobile-controls select {width:44px!important;padding:5px 1px!important}
    .ds-mobile-control-left,.ds-mobile-control-right {gap:4px}
  }
}
@media(prefers-reduced-motion:reduce) {.ds-mobile-drawer {transition:none!important}}

/* Keep secondary mobile screens within the Android WebView viewport. */
@media(max-width:760px) {
  body.ds-mobile-layout .ds-section-nav {flex-wrap:wrap;overflow:visible}
  body.ds-mobile-layout .ds-section-nav a {flex:0 1 auto;overflow-wrap:anywhere}
  body.ds-mobile-layout .studio-grid {grid-template-columns:minmax(0,1fr)}
  body.ds-mobile-layout .studio-card {min-width:0;max-width:100%;box-sizing:border-box}
  body.ds-mobile-layout .terminal-input-bar {flex-wrap:wrap}
  body.ds-mobile-layout .terminal-input-bar input {min-width:0;max-width:100%}
  body.ds-mobile-layout .terminal-logs {overflow-wrap:anywhere}
}
@media(max-width:760px) {
  body.ds-mobile-layout .specs-table {width:100%;table-layout:fixed}
  body.ds-mobile-layout .specs-table :is(th,td) {overflow-wrap:anywhere;white-space:normal}
  body.ds-mobile-layout .badge-guard {max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:760px) {
  body.ds-mobile-layout .scenarios-grid {grid-template-columns:minmax(0,1fr)}
  body.ds-mobile-layout :is(.scenario-card,.step-item,.scenario-head>div) {min-width:0}
  body.ds-mobile-layout :is(.scenario-head,.step-top,.step-badges) {flex-wrap:wrap}
  body.ds-mobile-layout :is(.launch-all-btn,.step-btn) {max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
/* Account dialogs must cover the pinned header and its navigation button. */
@media(max-width:760px) {
 body.ds-mobile-layout :is(#authModal,#onboardingModal):not([hidden]) {z-index:800!important}
}
/* Owner reference: cyan reactor, violet rails; tools and tour replace language/referral. */
#topJarvisBtn{width:62px!important;height:62px!important;min-width:62px!important;padding:0!important;border-radius:50%!important;border:1px solid #03e5f4!important;background:radial-gradient(circle,#e9ffff 0%,#63ffff 10%,#03d6e9 21%,#007e9b 31%,#031325 45%,#041022 70%)!important;box-shadow:0 0 8px #00efff,0 0 24px #00d9ff9c,inset 0 0 12px #04d9ef66!important;view-transition-name:ds-orb}
#topJarvisBtn .jarvis-name{display:none!important}
#topJarvisBtn .jarvis-mini-orb,body.ds-mobile-layout #topJarvisBtn .jarvis-mini-orb{position:absolute!important;inset:5px!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important}
#topJarvisBtn .jarvis-core{position:absolute!important;inset:32%!important;width:auto!important;height:auto!important;border-radius:50%!important;background:radial-gradient(circle,#f0ffff,#37f7ff 48%,#00aec7)!important;box-shadow:0 0 13px #16efff!important}
#topJarvisBtn .jarvis-ring{position:absolute!important;inset:3px!important;width:auto!important;height:auto!important;border:2px dashed #de56ff!important;border-radius:50%!important;animation:ds-orb-rotate 9s linear infinite!important;transform-origin:center!important;opacity:1!important}
#topJarvisBtn .jarvis-ring.ring-violet{inset:8px!important;border-color:#00eaff!important;animation:ds-orb-rotate-reverse 6s linear infinite!important}
#topJarvisBtn::before,#topJarvisBtn::after{display:none!important}
.ds-desktop-actions{display:flex;gap:8px;align-items:center}
.ds-desktop-actions :is(a,button){min-height:38px;padding:8px 12px;border:1px solid #7e58c9;border-radius:12px;background:linear-gradient(125deg,#231534,#09172c);color:#f0edff;font:600 12px system-ui;text-decoration:none;cursor:pointer;box-sizing:border-box}
.ds-stable-header{view-transition-name:ds-header}.ds-stable-sidebar{view-transition-name:ds-sidebar}
@view-transition{navigation:auto}
/* Owner correction: a full-page navigation must retain the old desktop header
   snapshot until the destination header is ready. Disabling cross-document
   transitions caused the reported flash on every sidebar click. */
::view-transition-group(ds-header),::view-transition-group(ds-sidebar),::view-transition-group(ds-orb),::view-transition-group(ds-menu){animation:none}
::view-transition-old(ds-header),::view-transition-old(ds-sidebar),::view-transition-old(ds-orb),::view-transition-old(ds-menu){display:none}
::view-transition-new(ds-header),::view-transition-new(ds-sidebar),::view-transition-new(ds-orb),::view-transition-new(ds-menu){animation:none;mix-blend-mode:normal}
@media(min-width:761px){
 ::view-transition-group(ds-header),::view-transition-group(ds-sidebar),::view-transition-group(ds-orb){
  animation:none!important;z-index:20!important;
 }
 ::view-transition-old(ds-header),::view-transition-old(ds-sidebar),::view-transition-old(ds-orb){
  display:block!important;animation:none!important;opacity:1!important;
  mix-blend-mode:normal!important;z-index:2!important;
 }
 ::view-transition-new(ds-header),::view-transition-new(ds-sidebar),::view-transition-new(ds-orb){
  display:block!important;animation:none!important;opacity:1!important;
  mix-blend-mode:normal!important;z-index:1!important;
 }
}
.ds-tour-controls{position:fixed;z-index:720;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 12px;border:1px solid #6d62c6;border-radius:18px;background:#071426f5;box-shadow:0 0 22px #06799766;color:#eef7ff;font:12px system-ui}
.ds-tour-controls button{min-height:44px;padding:8px 13px;border:1px solid #6e69bf;border-radius:12px;background:#182541;color:#fff;font:600 12px system-ui;cursor:pointer}
.ds-tour-controls button[hidden]{display:none}.ds-tour-label{min-width:0;max-width:180px;overflow-wrap:anywhere}
.jarvis-tour-spotlight{outline:2px solid #22e5fa!important;outline-offset:4px;box-shadow:0 0 24px #1eb6ff55!important}
@keyframes ds-tour-pulse{50%{filter:brightness(1.35);box-shadow:0 0 12px #00efff,0 0 34px #00d9ffb0}}
#topJarvisBtn.ds-tour-speaking{animation:ds-tour-pulse 1.6s ease-in-out infinite}
@media(max-width:760px){
 body.ds-mobile-layout header.ds-mobile-header{background:radial-gradient(ellipse at 50% 90%,#06314b99,transparent 48%),linear-gradient(115deg,#030e1d,#070c24 55%,#020e1a)!important;border-bottom:1px solid #744bff!important;box-shadow:0 7px 24px #00b9e31c!important}
 body.ds-mobile-layout header.ds-mobile-header::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#c237ff,#00efff,#187fff,transparent);box-shadow:0 0 10px #03d9ff;pointer-events:none}
 body.ds-mobile-layout .ds-mobile-menu{view-transition-name:ds-menu}
 .ds-mobile-control-left,.ds-mobile-control-right{position:relative;min-height:48px;border:1px solid transparent;border-radius:24px;padding:5px;background:linear-gradient(#071025,#071025) padding-box,linear-gradient(125deg,#27baff,#b13fff,#163dbe) border-box;box-shadow:inset 0 0 12px #6b34cf40,0 0 8px #1b80f047}
 body.ds-mobile-layout .ds-mobile-controls{inset-inline:8px;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}
 body.ds-mobile-layout .ds-mobile-controls :is(button,a){flex:1;min-height:32px!important;border-radius:12px!important;background:linear-gradient(125deg,#17142d,#071429)!important;border-color:#6257ad!important;font-size:10px!important;padding:5px!important;line-height:1.15!important;overflow-wrap:anywhere;box-shadow:inset 0 0 9px #252448!important}
 body.ds-mobile-layout .ds-mobile-control-right>:last-child{background:linear-gradient(110deg,#a82df2,#ef65e5)!important;border-color:#dc69fb!important;color:#10091e!important;box-shadow:0 0 12px #d849ea55!important}
 body.ds-mobile-layout #topJarvisBtn{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}
 body.ds-mobile-layout .ds-mobile-brand{font-size:23px!important;gap:8px}
 .ds-tour-controls{gap:5px;padding:8px;flex-wrap:wrap;justify-content:center;min-width:260px}.ds-tour-label{flex-basis:100%;max-width:none;text-align:center}
 @media(max-width:350px){.ds-mobile-control-left,.ds-mobile-control-right{gap:3px;padding:4px;border-radius:20px}body.ds-mobile-layout .ds-mobile-controls{inset-inline:5px;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)}body.ds-mobile-layout .ds-mobile-controls :is(button,a){font-size:9px!important;padding:4px!important}}
}
@media(prefers-reduced-motion:reduce){#topJarvisBtn.ds-tour-speaking{animation:none}::view-transition-group(*){animation-duration:0s!important}}
@media(min-width:761px){body .ds-stable-header{position:sticky!important;top:0!important;z-index:500!important}}
.jarvis-tour-spotlight{scroll-margin-top:150px}

/* Owner correction 6 Nov: original desktop actions, mobile-only tools, moving reactor. */
@keyframes ds-orb-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ds-orb-rotate-reverse{from{transform:rotate(18deg)}to{transform:rotate(-342deg)}}
.ds-desktop-actions>.ds-header-tools{display:none}
@media(min-width:761px){
 .ds-stable-header .ds-desktop-actions{flex-shrink:0;margin-right:8px}
 .ds-stable-header .top-language select{width:54px!important;min-width:54px!important;height:32px;padding:4px!important;font-size:10px!important}
 .ds-stable-header .top-actions{flex-wrap:nowrap;gap:9px}
 .ds-tour-controls{left:auto;right:16px;top:88px;bottom:auto;transform:none;padding:6px 8px;gap:6px;border-radius:13px}
 .ds-tour-controls button{min-height:32px;padding:5px 9px;font-size:11px;border-radius:9px}
 .ds-tour-label{max-width:140px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#topJarvisBtn .jarvis-ring{animation:none!important}}

/* Owner 6 Nov: only transport buttons, up near the brand on mobile. */
.ds-tour-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ds-tour-controls{width:auto;min-width:0;flex-wrap:nowrap}
@media(min-width:761px){
 .top.ds-stable-header #dsTakeTour{position:static;transform:none}
 #topPricing{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px!important;border-radius:13px;color:#fff!important;border:1px solid #00beff!important;background:linear-gradient(105deg,#21164b,#03509b)!important;box-shadow:0 0 13px #0befff68;font-weight:650}
}
@media(max-width:760px){
 .ds-tour-controls{inset:calc(7px + env(safe-area-inset-top)) 6px auto auto;transform:none;max-width:102px;padding:3px;gap:3px;border-radius:12px}
 .ds-tour-controls button{min-height:38px;min-width:40px;padding:4px 6px;font-size:10px;border-radius:9px}
 body.ds-mobile-layout:has(.ds-tour-controls) .ds-mobile-brand{font-size:18px!important;gap:4px}
 body.ds-mobile-layout:has(.ds-tour-controls) .ds-mobile-brand img{width:23px;height:23px}
}
.ds-tour-drawer-target{outline:2px solid #4de7ff!important;outline-offset:2px;background:#163c60!important}
/* Page-shell styles load later; pin the header above those route overrides. */
@media(min-width:761px){html body.deepsyq-sitewide-shell header.ds-stable-header,html body.home-neon header.ds-stable-header{position:sticky!important;top:0!important;z-index:500!important}}

/* Owner screenshot: mobile drawer occupies half the screen, never the whole page. */
@media(max-width:760px){
 body.ds-mobile-layout .ds-mobile-drawer :is(nav a,nav button,.nav-pending){min-width:0;max-width:100%;font-size:12px!important;line-height:1.35;white-space:normal!important;overflow-wrap:anywhere;padding-inline:8px}
 body.ds-mobile-layout .ds-mobile-drawer :is(.nav-label,.jarvis-name){min-width:0;white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important}
 body.ds-mobile-layout .ds-mobile-drawer :is(.nav-icon,.ds-icon){flex-shrink:0;width:18px!important;min-width:18px!important;font-size:17px!important}
 body.ds-mobile-layout .ds-mobile-drawer nav a{gap:7px}
 body.ds-mobile-layout .ds-mobile-drawer :is(.caption,.ds-site-caption){font-size:10px;letter-spacing:1px;overflow-wrap:anywhere}
 body.ds-mobile-layout .ds-mobile-drawer .ds-invite-entry{font-size:12px!important}
}

/* OWNER 2026-11-06 — mobile-only hero crop corrections.
   Scope is limited to the two existing banner images; preserve all desktop styles,
   approved artwork and other page layouts. Shared stylesheet avoids altering locked designs. */
@media (max-width: 590px) {
  body.vu-reference #dashboardView .hero.card {
    background-size: 100% 100%, auto 86%, auto 86% !important;
    background-position: center center, 94% center, 94% center !important;
  }
}
@media (max-width: 700px) {
  body.deepsyq-pricing-page .price-hero-art {
    background-size: cover, auto 84%;
    background-position: center center, 90% 32%;
  }
}

/* GO Stage 02 / Owner 2026-11-07 — keep existing common chrome visible.
   Presentation-only: do not duplicate nav controls or alter page handlers.
   Use the same pinned header and sidebar selectors on Home and all subpages. */
@media (min-width:761px) {
 .ds-desktop-header-spacer:not([hidden]){
   display:block!important;box-sizing:border-box;width:100%;flex:0 0 auto;
 }
 html body :is(header.ds-stable-header,.vu-appbar.ds-stable-header).ds-hard-fixed{
   position:fixed!important;top:0!important;left:var(--ds-chrome-left,0px)!important;
   right:auto!important;width:var(--ds-chrome-width,100%)!important;
   max-width:none!important;margin:0!important;box-sizing:border-box;
   z-index:500!important;transform:none!important;visibility:visible!important;
 }
 html body :is(#sidebar.ds-stable-sidebar,#dsSiteSidebar.ds-stable-sidebar){
   position:fixed!important;top:0!important;bottom:0!important;
   max-height:100dvh!important;overflow-y:auto!important;
   overscroll-behavior:contain;
 }
}
@media (max-width:760px) {
 .ds-desktop-header-spacer{display:none!important}
 html body header.ds-stable-header.ds-mobile-header{
   position:fixed!important;top:0!important;left:0!important;right:0!important;
   z-index:500!important;visibility:visible!important;
 }
 html body :is(#sidebar.ds-stable-sidebar,#dsSiteSidebar.ds-stable-sidebar).ds-mobile-drawer{
   position:fixed!important;top:0!important;bottom:0!important;
   height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;
 }
}

/* The subtitle is the actual recorded or synthesized JARVIX utterance.
   It is outside the transport row so longer languages do not move Pause/Stop. */
.ds-tour-controls .ds-tour-caption{position:absolute;top:calc(100% + 9px);right:0;width:max-content;max-width:min(430px,calc(100vw - 24px));padding:10px 14px;border:1px solid #3184d5;border-radius:12px;background:#061329f2;color:#f0f8ff;box-shadow:0 6px 24px #0009;font:500 13px/1.45 system-ui;text-align:left;overflow-wrap:break-word;pointer-events:none}
.ds-tour-controls .ds-tour-caption:empty{display:none}
@media(max-width:760px){.ds-tour-controls .ds-tour-caption{max-width:calc(100vw - 20px);width:315px;padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.jarvis-tour-spotlight{animation:none!important}}


/* During a read-only tour, an unaccepted Studio terms overlay must not block JARVIX
   transport controls. Its original visibility returns when Stop removes the class.
   No consent is ever accepted, stored or bypassed for an actual generation. */
body.ds-tour-active #luminaTermsModal.is-open{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* GO Stage 03 / Approved mobile screenshot 2026-11-07.
   Preserves original handlers, links, and existing mobile drawer.
   Logo in upper center; account at upper right; two lower button groups;
   central JARVIX sphere is always aligned to the viewport centerline. */
@media(max-width:760px){
 html body.ds-mobile-layout .ds-mobile-brand{
   position:absolute!important;left:50%!important;
   transform:translateX(-50%)!important;
   top:calc(9px + env(safe-area-inset-top))!important;
   z-index:3!important;
 }
 html body.ds-mobile-layout .ds-mobile-controls{
   position:absolute!important;left:9px!important;right:9px!important;
   top:calc(65px + env(safe-area-inset-top))!important;
   inset-inline:9px!important;
   grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)!important;
 }
 html body.ds-mobile-layout .ds-mobile-control-left{
   grid-column:1!important;justify-content:flex-end!important;
 }
 html body.ds-mobile-layout .ds-mobile-control-right{
   grid-column:3!important;justify-content:flex-start!important;
 }
 html body.ds-mobile-layout .ds-mobile-controls #topLogin{
   position:fixed!important;right:12px!important;
   top:calc(10px + env(safe-area-inset-top))!important;
   width:auto!important;min-width:52px!important;max-width:78px!important;
   min-height:36px!important;z-index:603!important;
   border:1px solid #a45aff!important;
   border-radius:13px!important;
   background:linear-gradient(120deg,#a42fe9,#04dff9)!important;
   color:#0b1430!important;
 }
 html body.ds-mobile-layout #topJarvisBtn{
   position:absolute!important;left:50%!important;
   top:calc(94px + env(safe-area-inset-top))!important;
   transform:translate(-50%,-50%)!important;
   width:74px!important;height:74px!important;
   min-width:74px!important;min-height:74px!important;
   z-index:3!important;
 }
}
@media(max-width:360px){
 html body.ds-mobile-layout .ds-mobile-controls{
   left:5px!important;right:5px!important;
   grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr)!important;
 }
 html body.ds-mobile-layout #topJarvisBtn{
   width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;
 }
}

/* Owner 07 Nov: mobile header button swap only.
   Keep existing Tools, JARVIX, Pricing and Tour handlers and shell geometry. */
@media(max-width:760px){
 html body.ds-mobile-layout .ds-mobile-control-left .ds-header-credit{
  white-space:nowrap!important;overflow-wrap:normal!important;
  font-size:clamp(10px,2.85vw,12px)!important;letter-spacing:-.01em!important;
  border-color:#12d4f2!important;color:#eafcff!important;
  box-shadow:0 0 10px #00d4f844,inset 0 0 7px #046ba333!important;
 }
 html body.ds-mobile-layout .ds-mobile-control-right .ds-header-tour{
  border-color:#9b65f1!important;color:#f3ecff!important;
  box-shadow:0 0 10px #a34afb44,inset 0 0 7px #5b259433!important;
 }
}

/* Owner 07 Nov follow-up: moving the original Tour DOM button is not enough.
   Historical #dsTakeTour absolute/fixed left offsets must NOT override its new
   right-hand flex slot beside the JARVIX orb on small screens. */
@media(max-width:760px){
 html body.ds-mobile-layout .ds-mobile-control-right #dsTakeTour{
  position:static!important;inset:auto!important;
  top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
  transform:none!important;float:none!important;margin:0!important;
  width:auto!important;max-width:100%!important;min-width:0!important;
  flex:1 1 0!important;
 }
}

/* Owner 07 Nov: the existing Russian Tour label must remain one line.
   Preserve the same button, event handler and header groups. */
@media(max-width:760px){
 html body.ds-mobile-layout .ds-mobile-control-right #dsTakeTour{
  flex:0 0 auto!important;
  width:max-content!important;min-width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;overflow-wrap:normal!important;
  word-break:keep-all!important;
  padding-inline:5px!important;
  text-align:center!important;
 }
 /* Lower the existing centered Deepsyq signature without resizing the menu
    or changing the JARVIX sphere/its uploaded original artwork. */
 html body.ds-mobile-layout .ds-mobile-brand{
  top:calc(18px + env(safe-area-inset-top))!important;
  left:50%!important;transform:translateX(-50%)!important;
 }
}
@media(max-width:360px){
 html body.ds-mobile-layout .ds-mobile-control-right #dsTakeTour{
  padding-inline:3px!important;font-size:9px!important;
 }
 html body.ds-mobile-layout .ds-mobile-control-right #topPricing{
  padding-inline:3px!important;font-size:9px!important;
 }
 html body.ds-mobile-layout .ds-mobile-control-right{gap:2px!important}
}


/* OWNER 2026-11-07 — one compact mobile header on every page.
   Align the WORD "Deepsyq" (not the logo+word group) to viewport center
   and share the first-row centerline with the existing Login and menu.
   Older JARVIX workspace rules stretched just Home/Studio/Chat to 156px.
   Keep the original 74px JARVIX orb/second row and their click handlers.
   Collapse header AND matching flow spacer together; no desktop changes. */
@media(max-width:760px){
 html{scroll-padding-top:calc(132px + var(--ds-mobile-safe-top))!important}
 html body.ds-mobile-layout header.ds-mobile-header,
 html body.ds-mobile-layout.j-action-workspace header.ds-mobile-header{
  height:calc(132px + var(--ds-mobile-safe-top))!important;
  min-height:calc(132px + var(--ds-mobile-safe-top))!important;
 }
 html body.ds-mobile-layout .ds-mobile-header-spacer,
 html body.ds-mobile-layout.j-action-workspace .ds-mobile-header-spacer{
  height:calc(132px + var(--ds-mobile-safe-top))!important;
 }
 html body.ds-mobile-layout .ds-mobile-brand{
  position:absolute!important;top:calc(22px + var(--ds-mobile-safe-top))!important;
  left:50%!important;transform:translateX(-50%)!important;
  height:36px!important;gap:0!important;z-index:605!important;
  justify-content:center!important;
 }
 /* Taking the logo out of text flow centers the actual word, not the pair.
    The exact same approved image stays to its left and inside its link. */
 html body.ds-mobile-layout .ds-mobile-brand img{
  position:absolute!important;right:calc(100% + 8px)!important;left:auto!important;
  top:50%!important;transform:translateY(-50%)!important;
  margin:0!important;
 }
 html body.ds-mobile-layout .ds-mobile-menu,
 html body.ds-mobile-layout.j-action-workspace .ds-mobile-menu{
  top:calc(20px + var(--ds-mobile-safe-top))!important;
  height:40px!important;min-height:40px!important;
 }
 html body.ds-mobile-layout .ds-mobile-controls,
 html body.ds-mobile-layout.j-action-workspace .ds-mobile-controls{
  top:calc(65px + var(--ds-mobile-safe-top))!important;
  height:58px!important;
 }
 html body.ds-mobile-layout .ds-mobile-controls #topLogin,
 html body.ds-mobile-layout.j-action-workspace .ds-mobile-control-right>#topLogin{
  top:calc(20px + var(--ds-mobile-safe-top))!important;
  height:38px!important;min-height:38px!important;
 }
 html body.ds-mobile-layout #topJarvisBtn,
 html body.ds-mobile-layout.j-action-workspace #topJarvisBtn{
  top:calc(95px + var(--ds-mobile-safe-top))!important;
 }
}
/* On the narrowest phones the approved logo and title still fit between
   menu and account, without moving either control or changing typography. */

/* Owner 07 Nov: mobile Home is the reference for EVERY page.
   Only remove the large extra group outlines (not individual pill borders).
   Keep the same dimensions, button handlers, 132px header and original orb art. */
@media (max-width:760px){
  html body.ds-mobile-layout .ds-mobile-control-left,
  html body.ds-mobile-layout .ds-mobile-control-right{
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:none!important;
  }
  /* The shared original button must remain visible in the mobile header,
     including on pages which previously nested it in a desktop wrapper. */
  html body.ds-mobile-layout header.ds-mobile-header > #topJarvisBtn:not([hidden]){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:606!important;
  }
  html body.ds-mobile-layout.ds-mobile-drawer-open header.ds-mobile-header > #topJarvisBtn{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}