/* A quiet floating island, informed by Vyray's session controls. */
html{scroll-padding-top:108px}
.site-header.nav-island{position:sticky;top:16px;z-index:12;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);max-width:1120px;min-height:66px;margin:16px auto 18px;padding:9px 12px 9px 22px;gap:24px;border:1px solid #ffffffd9;border-radius:35px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:0 0 0 1px #d8dfe363,0 7px 24px #1d354913;transition:box-shadow 200ms ease}
.site-header.nav-island.is-scrolled{box-shadow:0 0 0 1px #d8dfe380,0 7px 24px #1d354924}
.nav-island .brand{font-size:27px;letter-spacing:-1.2px;gap:8px;flex-shrink:0}
.nav-island .brand img{width:32px;height:32px}
.site-header.nav-island .primary-menu{display:flex;position:static;align-items:center;justify-content:center;flex-wrap:nowrap;gap:3px;margin:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header.nav-island .primary-menu>a,.site-header.nav-island .primary-menu>button,.nav-island .use-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;line-height:20px;font-weight:500;letter-spacing:-.015em;padding:12px 11px;border:0;border-radius:22px;color:#4e5b6a;cursor:pointer;background:transparent;transition:background-color 160ms ease,color 160ms ease}
.nav-island summary{list-style:none}
.site-header.nav-island .primary-menu>a[aria-current="page"]{background:#edf3f8;color:#215b98}
.nav-island summary::-webkit-details-marker{display:none}
.nav-island .use-menu>summary span{padding:0}
.nav-island .nav-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms ease;flex-shrink:0}
.nav-island details[open]>summary .nav-chevron{transform:rotate(180deg)}
.nav-island .use-menu[open]>summary,.nav-island .language[open]>summary{background:#eaf0f6;color:#215b98}
.site-header.nav-island .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;border-left:1px solid #d8dfe3;padding-left:12px}
.nav-island .language summary{display:flex;align-items:center;gap:6px;padding:12px 9px;border-radius:22px;min-height:44px;font-size:12px;color:#526274}
.nav-island .language summary span{padding:0}
.nav-globe{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}
.nav-island .header-actions .button.small{display:inline-flex;min-height:44px;border-radius:24px;padding:12px 19px;background:#215b98;color:white;font-size:12px;font-weight:500;box-shadow:inset 0 -2px 0 #173e6829}
.nav-island .use-menu-panel,.nav-island .language-menu{top:calc(100% + 17px);border:1px solid #e0e7ed;border-radius:20px;background:#fff;box-shadow:0 12px 40px #1d35491f;padding:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav-island .use-menu-panel{width:335px;left:-12px;transform-origin:top left}
.nav-island .nav-panel-label{font-size:9px!important;letter-spacing:.13em;line-height:1.5;color:#82909d;padding:9px 12px 10px;margin:0;font-weight:500}
.nav-island .use-menu-panel a{display:flex;gap:13px;padding:14px 12px;align-items:center;border-radius:12px}
.nav-case-icon{display:grid;place-items:center;width:39px;height:39px;background:#edf3f8;border:1px solid #e3ebf3;border-radius:11px;color:#356796;flex-shrink:0}
.nav-case-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.nav-island .use-menu-panel strong{display:block;font-size:14px;font-weight:500;color:#253c54;line-height:1.5}
.nav-island .use-menu-panel small{display:block;font-size:11px;color:#7c8996;line-height:1.5;margin-top:3px}
.nav-island .language-menu{width:210px;right:-8px}
.nav-island .language-menu button{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:11px 13px;border-radius:10px;font-size:13px;color:#46576a}
.nav-island .language-menu button[aria-current=true]{background:#edf3f8;color:#215b98}
.language-selected{width:5px;height:5px;border-radius:50%;background:#215b98}
.nav-island .language-menu p:last-child{font-size:10px;line-height:1.5;margin:10px 0 3px;padding:0 12px;color:#8492a0}
.site-header.nav-island .primary-menu>.mobile-release{display:none}
.nav-island .mobile-menu-toggle{display:none}
.nav-island :is(a,button,summary):focus-visible{outline:2px solid #215b98;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.site-header.nav-island .primary-menu>a:hover,.site-header.nav-island .primary-menu>button:hover,.nav-island summary:hover{background:#edf2f7;color:#215b98}.nav-island .use-menu-panel a:hover,.nav-island .language-menu button:hover{background:#edf3f8}.nav-island .header-actions .button.small:hover{background:#174f89}.nav-island .mobile-menu-toggle:hover{background:#e4edf5}}
@media(max-width:1000px){
.site-header.nav-island{gap:12px;top:12px;width:calc(100% - 32px);margin:12px auto 16px;min-height:62px;padding:7px 8px 7px 18px;border-radius:32px}
.site-header.nav-island .header-actions{border-left:0;padding-left:0;gap:4px;margin-left:auto}
.nav-island .brand{font-size:26px}.nav-island .brand img{width:30px;height:30px}
.nav-island .header-actions .button.small{display:none}
.nav-island .mobile-menu-toggle{display:flex;align-items:center;gap:12px;justify-content:center;min-height:44px;padding:10px 17px;border:0;border-radius:24px;background:#edf2f7;color:#2c4b69;font-size:12px;cursor:pointer}
.menu-lines{position:relative;width:15px;height:14px;display:block}
.menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;top:4px;width:15px;height:1px;background:currentColor;transition:transform 180ms ease}
.menu-lines:after{top:9px}
.mobile-menu-toggle[aria-expanded=true] .menu-lines:before{transform:translateY(2.5px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded=true] .menu-lines:after{transform:translateY(-2.5px) rotate(-45deg)}
.site-header.nav-island .primary-menu{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:16px;border:1px solid #dce5ed;border-radius:24px;background:#fff;box-shadow:0 15px 45px #1d35491f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header.nav-island .primary-menu.is-open{display:flex}
.site-header.nav-island .primary-menu>a,.site-header.nav-island .primary-menu>button,.nav-island .use-menu>summary{justify-content:space-between;min-height:48px;padding:13px 15px;font-size:15px;border-radius:12px;width:100%}
.nav-island .use-menu-panel{position:static;width:100%;box-shadow:none;border:0;padding:4px 0 8px;background:transparent;backdrop-filter:none;animation:none!important}
.nav-island .use-menu-panel a{padding:12px 15px}
.nav-island .use-menu-panel .nav-panel-label{display:none}
.site-header.nav-island .primary-menu>.mobile-release{display:flex;justify-content:center;background:#215b98;color:#fff;margin-top:12px}
.nav-island .language-menu{right:0;top:calc(100% + 17px)}
html{scroll-padding-top:96px}
}
@media(prefers-reduced-motion:reduce){.site-header.nav-island,.nav-island .nav-chevron,.menu-lines:before,.menu-lines:after{transition:none}}

.keyboard-input .nav-island .nav-chevron,.keyboard-input .menu-lines:before,.keyboard-input .menu-lines:after,.keyboard-input .answer-toggle:after{transition:none}

/* Temporarily withheld marketing pages, at the owner's request (2026-10-27).
   Keep the pages and links in source; remove this block when ready to resume. */
.use-menu,
a:is([href$="product-preview.html"], [href*="product-preview.html#"],
     [href*="product-draft"],
     [href$="cloud-workspace.html"], [href*="cloud-workspace.html#"],
     [href$="remote-support.html"], [href*="remote-support.html#"],
     [href$="education.html"], [href*="education.html#"],
     [href$="blog.html"], [href*="blog.html#"]) {
  display: none !important;
}

/* English-only navigation until translations and pricing are ready. */
.site-header .language,
.footer-languages,
a:is([href$="pricing.html"], [href*="pricing.html#"]) {
  display: none !important;
}

/* With pricing hidden the desktop header has no actions; keep the menu centered. */
@media (min-width: 1001px) {
  .site-header.nav-island .header-actions { border-left: 0; padding-left: 0; }
  .site-header.nav-island .primary-menu { position: absolute; left: 50%; transform: translateX(-50%); }
}

/* Photo/illustration captions are not part of the marketing presentation.
   Keep media actions, scenario labels and source/license disclosures intact. */
.product-scene > figcaption,
.marketing-art > figcaption,
.about-scene > figcaption,
.portrait-scene > figcaption,
.workspace-model > figcaption,
.story-caption,
.scene-context,
.download-scene-caption {
  display: none !important;
}

/* Home product footage is withheld until the product presentation is ready. */
.home-page #product-recording.product-media { display: none !important; }