/* ARKHE / Public Command Launch • November 2026
   Deliberate new landing composition: electrical blue launch deck, not stock photography.
   The actual demo remains visible AND usable on mobile. */
:root{--launch-bg:#030713;--launch-ink:#edf8ff;--launch-blue:#5abaff;--launch-aqua:#78eaf4}
html{scroll-behavior:smooth}
body.arkhe-home{
  color:var(--launch-ink);background:#030713!important;
  background-image:radial-gradient(ellipse 55% 70% at 15% 42%,#0c2a505a,transparent 74%),linear-gradient(135deg,#040818,#050a19 54%,#02060f)!important
}
.atmosphere{background:radial-gradient(ellipse 37% 55% at 70% 18%,#2968c81c,transparent),radial-gradient(ellipse 55% 77% at 11% 99%,#1d74af12,transparent),#030713!important}
.atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(#70baff09 1px,transparent 1px),linear-gradient(90deg,#70baff09 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#0007,transparent 80%)}
.topbar{background:#030918e8!important;border-bottom:1px solid #7bc8ff25!important;box-shadow:0 12px 50px #0107167a!important}
.wordmark-name{font-family:Sora,Inter,sans-serif;letter-spacing:.24em!important}
.wordmark-detail,.nav-status{color:#89bcda!important}
.wordmark .mark{filter:drop-shadow(0 0 9px #33bdff8c);color:#86dcff}
.nav-status .pulse,.intro-top .pulse,.workspace-state .pulse{background:#67e6ff;box-shadow:0 0 13px #40c9ff}
.explore summary{border-color:#639bd84c!important;background:#0a1930!important;color:#d9efff!important}
.menu-panel{background:#081323!important;border-color:#5a9edb75!important}
.menu-panel>a:hover{background:#1b3c604f!important}
.login{background:linear-gradient(115deg,#b2faff,#67b9ff)!important;color:#041527!important;box-shadow:0 10px 24px #2189d327!important}
.stage{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)!important;gap:clamp(13px,1.8vw,32px)!important;padding:clamp(12px,1.5vw,25px) clamp(12px,2.5vw,44px)!important}
.intro{
  border-radius:22px!important;border:1px solid #578dcd54!important;
  background:radial-gradient(ellipse at 90% 40%,#205c9d21,transparent 52%),linear-gradient(145deg,#0b1a32,#060d1f 58%,#050c1a)!important;
  box-shadow:inset 0 1px #b4e9ff20,0 28px 75px #010612a8!important;
  padding:clamp(22px,3.1vw,52px)!important;overflow:hidden;
  justify-content:center!important
}
.intro:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#58afff10 1px,transparent 1px),linear-gradient(#58afff10 1px,transparent 1px);
  background-size:42px 42px;mask-image:radial-gradient(ellipse at 80% 36%,#000,transparent 72%)
}
.intro::after{background:linear-gradient(90deg,#060c19f1,#060c19b5 58%,#060c1920)!important;z-index:0!important;pointer-events:none}
.cinematic-scene{background:transparent!important;z-index:0!important}
.scene-room,.scene-robot{background-image:none!important;animation:none!important;filter:none!important}
.scene-room{inset:0!important;background:radial-gradient(circle at 80% 33%,#38a5ff42,transparent 27%),radial-gradient(ellipse at 70% 85%,#2c71b019,transparent 45%)!important}
.scene-robot{display:none!important}
.scene-beam{right:17%;background:linear-gradient(transparent,#b3eeff6b,transparent)!important;box-shadow:0 0 48px 8px #48bbff27}
.scene-id{color:#83b7e0!important;z-index:1}
.scene-vignette{background:none!important}
.orb{display:block!important;z-index:1!important;right:-39%!important;top:2%!important;width:min(100%,620px)!important;opacity:.57!important;filter:drop-shadow(0 0 31px #39b6ff6b)!important;transform:rotate(-15deg)!important}
.orb .ring{stroke:#5db7ff!important}.orb .ring.two{stroke:#93e3ff!important}
.orb .axis{stroke:#3ba3ff!important}
.core-caption{display:none!important}
.intro-top{font:700 clamp(9px,.9vw,11px) var(--mono)!important;color:#80d5f7!important;border-color:#6bbdff!important;letter-spacing:.17em!important}
.intro h1{
  margin:clamp(30px,6vh,64px) 0 16px!important;
  font:800 clamp(49px,5.1vw,101px)/.97 Sora,Inter,sans-serif!important;
  letter-spacing:-.09em!important;text-shadow:0 8px 35px #000a!important;max-width:100%!important
}
.intro h1 .line{display:block!important;color:#f4faff!important;white-space:normal!important}
.intro h1 .impact{
  display:block!important;padding:.08em .08em .11em 0!important;white-space:normal!important;
  font-style:normal!important;letter-spacing:-.09em!important;
  background:linear-gradient(107deg,#a5f1ff,#61bcff 49%,#9694ff)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important
}
.intro h1 .impact::after{bottom:0!important;width:43%!important;height:2px!important;background:linear-gradient(90deg,#6adfff,transparent)!important}
.intro p{max-width:390px!important;margin-top:10px!important;font:500 clamp(12px,1vw,15px)/1.76 Inter,sans-serif!important;color:#b2cde6!important;text-shadow:none!important}
.intro-actions{margin-top:28px!important}
.gold-cta{background:linear-gradient(115deg,#aff9ff,#5aaeff)!important;color:#06162c!important;border-radius:10px!important;box-shadow:0 12px 35px #238ce64d!important}
.quiet-cta{color:#c5dcef!important}
.intro-sequence{width:100%!important;gap:11px!important;margin-top:clamp(24px,5vh,48px)!important;border-color:#59b7fb40!important}
.intro-sequence span{color:#c5dbed!important;font-size:11px!important}
.intro-sequence small{color:#7db9e5!important;font-size:8px!important}
.intro-footer{color:#76b0d3!important;margin-top:19px!important}
.workspace{
  border:1px solid #66b7fa73!important;background:#071121!important;border-radius:20px!important;
  box-shadow:inset 0 1px #f1faff1b,0 30px 100px #000b,0 0 100px -60px #428dff!important
}
.workspace::before{height:2px!important;background:linear-gradient(90deg,transparent,#66e6ff 26%,#608aff 64%,transparent)!important}
.workspace-top{background:linear-gradient(100deg,#0c1d35,#081225)!important}
.workspace-label,.workspace-state{color:#d7efff!important}.workspace-glyph{color:#83d8ff!important}
.workspace-sub{color:#83aaca!important}
.window-lights i:first-child{background:#71e7ff!important}
.external-demo{width:auto!important;min-width:37px!important;padding:0 12px!important;gap:7px;border-radius:9px!important;border-color:#75c7fd68!important;color:#d1f2ff!important;text-decoration:none!important;font:750 10px Inter,sans-serif!important;white-space:nowrap}
.external-demo:hover{background:#1d477078!important}
.workspace-controls{background:#08182d!important;border-color:#4879a73c!important}
.demo-tab{background:#17335448!important;border-color:#5597d050!important;color:#bad4e9!important;border-radius:8px!important}
.demo-tab:hover{background:#2b61836b!important;color:#fff!important}
.demo-tab.active{background:linear-gradient(115deg,#a1e6ff,#66aafa)!important;border-color:#77c7ff!important;color:#04172b!important;box-shadow:0 4px 20px #2d8ddd30!important}
.workspace-window{background:#071021!important}
.workspace-window iframe{background:#071021!important;transform:none!important;filter:none!important;opacity:1!important}
.workspace-bottom{background:#081b30!important}
.workspace-bottom>span{color:#9fc8e0!important}.full-link,.profit-link{color:#b8ecff!important}
.bottomline{background:#040b1a!important;border-top-color:#75b5ea25!important;color:#83a8c8!important}
@media(max-width:1080px) and (min-width:851px){
 .stage{grid-template-columns:minmax(0,.39fr) minmax(0,.61fr)!important}
 .intro{padding:24px!important}.intro h1{font-size:clamp(42px,5.1vw,65px)!important}
 .intro-sequence{display:none!important}
}
@media(max-width:850px){
 body.arkhe-home{height:auto!important;min-height:100dvh!important;display:block!important;overflow-y:auto!important}
 .stage{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;min-height:0!important;height:auto!important;padding:11px!important;gap:12px!important}
 .intro{min-height:320px!important;max-height:none!important;justify-content:center!important;padding:26px!important}
 .intro h1{font-size:clamp(45px,9vw,77px)!important;margin:19px 0 11px!important}
 .intro p{display:block!important;max-width:430px!important;font-size:12px!important}
 .intro-sequence{display:none!important}
 .orb{top:-44%!important;right:-12%!important;width:56%!important}
 .workspace{display:grid!important;height:min(82dvh,840px)!important;min-height:570px!important;max-height:none!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
 .workspace-window{min-height:360px!important}
 .intro-footer{display:flex!important}
 .topbar{position:sticky!important;top:0;z-index:25!important}
}
@media(max-width:550px){
 body.arkhe-home{display:block!important;height:auto!important;min-height:100dvh!important;overflow-y:auto!important}
 .stage{display:flex!important;height:auto!important;min-height:0!important;padding:8px!important;gap:9px!important}
 .intro{height:auto!important;min-height:340px!important;max-height:none!important;justify-content:center!important;padding:22px 19px!important}
 .intro h1{font-size:clamp(42px,10.5vw,58px)!important;margin:20px 0 7px!important}
 .intro h1 .line,.intro h1 .impact{display:block!important}
 .intro p{font-size:11px!important;max-width:285px!important;line-height:1.6!important}
 .intro-actions{flex-direction:row!important;gap:9px!important;align-items:center!important;margin-top:16px!important}
 .intro-footer{font-size:8px!important}
 .orb{top:-17%!important;right:-40%!important;width:96%!important;opacity:.29!important}
 .workspace{display:grid!important;height:680px!important;min-height:0!important;overflow:hidden!important}
 .workspace-top{min-height:42px!important;padding:6px 9px!important}
 .workspace-label{font-size:9px!important}.workspace-sub{display:none!important}
 .workspace-controls{min-height:46px!important;padding:8px!important;overflow-x:auto!important}
 .demo-tab{font-size:10px!important;padding:8px 10px!important;min-height:31px!important}
 .workspace-window{min-height:465px!important}
 .workspace-bottom{min-height:47px!important;padding:8px 10px!important}
 .workspace-bottom>span{font-size:8px!important}
 .full-link{font-size:10px!important}
 .bottomline{padding:9px 11px!important;min-height:34px!important}
 .external-demo{min-width:33px!important;padding:7px 9px!important}
}
@media(prefers-reduced-motion:reduce){.orb .ring{animation:none!important}}