/* AlcorOS showcase only; no global application/theme overrides. */
.alcor-demo-section { padding-block: clamp(3rem, 7vw, 6rem); }
.amd-monitor { --amd-ink:#eef4f5; --amd-muted:#bdccd2; --amd-line:#6c838d; --amd-signal:#a1e2d2; color:var(--amd-ink); background:#1c252d; border:1px solid #77838c; border-radius:18px; padding:12px; box-shadow:0 24px 70px #0005; max-width:1120px; margin:32px auto 0; font:14px/1.5 system-ui,sans-serif; }
.amd-monitor *, .amd-monitor *::before, .amd-monitor *::after { box-sizing:border-box; }
.amd-monitor [hidden] { display:none !important; }
.amd-bezel { display:flex; align-items:center; justify-content:space-between; padding:1px 12px 12px; font:10px/1.5 ui-monospace,monospace; letter-spacing:.16em; color:#c7d2d9; }
.amd-camera { height:5px; width:5px; border-radius:50%; background:#7e969e; }
.amd-screen { overflow:hidden; border:1px solid #536773; border-radius:8px; background:#101c27; }
.amd-menubar { display:flex; align-items:center; gap:20px; padding:10px 18px; border-bottom:1px solid #526976; background:#13202a; color:var(--amd-muted); }
.amd-menubar strong { color:var(--amd-ink); }
.amd-menubar time { margin-left:auto; white-space:nowrap; font-variant-numeric:tabular-nums; }
.amd-workspace { position:relative; height:clamp(400px, 44vw, 500px); background-color:#101e28; background-image:url('alcoros-orbit-grid.svg'),radial-gradient(ellipse at 55% 100%,#254849 0,transparent 66%),linear-gradient(135deg,#132232,#101e28 70%); background-size:cover,auto,auto; background-position:center; overflow:hidden; }
.amd-welcome { position:absolute; inset:0; display:flex; align-items:center; justify-content:safe center; flex-direction:column; overflow:auto; text-align:center; padding:32px; }
.amd-welcome h3 { font-size:clamp(22px, 3vw, 36px); font-weight:500; line-height:1.2; letter-spacing:-.035em; margin:16px 0 10px; color:var(--amd-ink); }
.amd-welcome p { max-width:45ch; margin:0 0 24px; color:var(--amd-muted); }
.amd-mark { display:grid; place-items:center; width:62px; height:62px; border:1px solid #91bcb6; border-radius:14px; background:#214244; color:#b7efe1; font:32px/1 Georgia,serif; }
.amd-monitor button { appearance:none; color:var(--amd-ink); background:#1c303c; font:inherit; border:1px solid var(--amd-line); border-radius:5px; cursor:pointer; min-height:44px; padding:8px 12px; }
.amd-monitor button:hover:not(:disabled) { border-color:var(--amd-signal); background:#28434d; }
.amd-monitor button:disabled { cursor:not-allowed; opacity:.55; }
.amd-monitor .amd-start { color:#0d2526; background:var(--amd-signal); border-color:var(--amd-signal); font-weight:650; }
.amd-monitor .amd-start:hover:not(:disabled) { color:#fff; }
.amd-monitor button:focus-visible,.amd-monitor a:focus-visible,.amd-direct a:focus-visible,.amd-boundary summary:focus-visible { outline:3px solid #f3d48a; outline-offset:3px; }
.amd-dock { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:12px; border-top:1px solid #526976; background:#14222d; }
.amd-monitor .amd-dock button { display:flex; align-items:center; gap:9px; padding:8px; text-align:left; font-size:12px; overflow-wrap:anywhere; min-width:0; background:#1a2c38; }
.amd-dock b { flex:0 0 32px; display:grid; place-items:center; width:32px; height:32px; border:1px solid #6e9699; border-radius:7px; color:#b9e4dc; font:600 13px/1 ui-monospace,monospace; }
.amd-monitor .amd-dock button[aria-pressed=true] { border-bottom:3px solid var(--amd-signal); background:#244047; }
.amd-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 4px 0; color:var(--amd-muted); font-size:12px; }
.amd-controls > div { display:flex; flex-wrap:wrap; gap:8px; }
.amd-status { color:var(--amd-muted); font-size:12px; margin:8px 4px 0; min-height:18px; }
.amd-stand { height:34px; width:150px; margin:0 auto 24px; background:linear-gradient(90deg,#333f49,#71808a 50%,#35424c); border-bottom:5px solid #839099; border-radius:0 0 9px 9px; }
.amd-direct { display:flex; gap:12px 24px; flex-wrap:wrap; justify-content:center; }
.amd-direct a { text-decoration:underline; text-underline-offset:4px; padding-block:10px; }
.amd-boundary { max-width:75ch; margin:24px auto 0; font-size:14px; }
.amd-boundary summary { cursor:pointer; padding-block:10px; }
.amd-window { position:absolute; display:grid; grid-template-rows:auto auto minmax(0,1fr); width:min(800px,calc(100% - 72px)); height:calc(100% - 62px); overflow:hidden; border:1px solid #78949f; border-radius:8px; background:#14232d; box-shadow:0 12px 35px #0006; }
.amd-window.is-active { border-color:#a1e2d2; }
.amd-window.is-maximized { left:6px !important; top:6px !important; width:calc(100% - 12px); height:calc(100% - 12px); }
.amd-titlebar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:6px 8px 6px 16px; background:#20333e; }
.amd-titlebar h3 { margin:0; font:600 14px/1.3 system-ui,sans-serif; color:#f1f6f6; overflow-wrap:anywhere; }
.amd-window-controls { display:flex; gap:4px; flex-shrink:0; }
.amd-monitor .amd-window-controls button { min-width:40px; min-height:40px; padding:3px 8px; font-size:21px; }
.amd-window-meta { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px 16px; padding:8px 16px; font-size:12px; border-bottom:1px solid #68818c; color:var(--amd-muted); }
.amd-window-meta a { color:var(--amd-signal); text-decoration:underline; text-underline-offset:3px; padding-block:5px; }
.amd-preview { display:block; width:100%; height:100%; min-height:0; border:0; background:#111b24; }
.amd-monitor:fullscreen { width:100%; height:100%; max-width:none; border-radius:0; display:flex; flex-direction:column; }
.amd-monitor:fullscreen .amd-screen { flex:1; min-height:0; display:flex; flex-direction:column; }
.amd-monitor:fullscreen .amd-workspace { flex:1; min-height:180px; }
@media(max-width:900px) { .amd-dock { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) {
  .amd-monitor { padding:6px; border-radius:12px; }
  .amd-bezel { padding:4px 8px 8px; }
  .amd-menubar { padding:8px 12px; gap:8px; font-size:12px; }
  .amd-menubar > span { display:none; }
  .amd-workspace { height:440px; }
  .amd-window { left:4px !important; top:4px !important; width:calc(100% - 8px); height:calc(100% - 8px); }
  .amd-dock { gap:5px; padding:7px; }
  .amd-monitor .amd-dock button { flex-direction:column; text-align:center; gap:5px; font-size:11px; padding:6px 3px; }
  .amd-titlebar { padding:5px 6px 5px 10px; gap:4px; }
  .amd-monitor .amd-window-controls button { min-width:36px; min-height:44px; }
  .amd-window-meta { padding:8px 10px; }
  .amd-controls { flex-direction:column; align-items:flex-start; gap:6px; }
  .amd-welcome { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .amd-monitor *, .amd-monitor *::before, .amd-monitor *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
@media(forced-colors:active) { .amd-monitor,.amd-screen,.amd-window,.amd-dock { border:1px solid CanvasText; } .amd-monitor button[aria-pressed=true] { outline:2px solid Highlight; } }


/* AlcorOS browser v1: large tabbed shell over the closed PHP app surface. */
.alcor-demo-section > .section-inner { max-width:1600px; }
.amd-monitor { max-width:min(1560px,96vw); }
.amd-workspace { height:clamp(560px,62vw,820px); }
.amd-tabstrip {
  display:flex;
  align-items:end;
  gap:3px;
  min-height:48px;
  padding:7px 10px 0;
  overflow-x:auto;
  scrollbar-width:thin;
  border-bottom:1px solid #526976;
  background:#0e1820;
}
.amd-tab {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 1 220px;
  min-width:130px;
  max-width:260px;
  min-height:40px;
  padding:6px 6px 6px 10px;
  border:1px solid #415761;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:#182832;
  color:var(--amd-muted);
  cursor:grab;
}

.amd-tab[aria-selected=true] {
  background:#203742;
  color:var(--amd-ink);
  border-color:#78949f;
  box-shadow:inset 0 2px 0 var(--amd-signal);
}
.amd-tab.is-dragging { opacity:.55; cursor:grabbing; }
.amd-tab:focus-visible { outline:3px solid #f3d48a; outline-offset:-2px; }
.amd-tab-grip {
  color:#76909a;
  font:12px/1 ui-monospace,monospace;
  letter-spacing:-.25em;
}
.amd-tab-label {
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:600;
}
.amd-monitor .amd-tab-close {
  flex:0 0 30px;
  width:30px;
  min-width:30px;
  min-height:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  font-size:18px;
}
.amd-browserbar {
  display:flex;
  align-items:center;

  gap:10px;
  min-height:42px;
  padding:6px 12px;
  border-bottom:1px solid #526976;
  background:#13202a;
  color:var(--amd-muted);
  font:12px/1.3 ui-monospace,monospace;
}
.amd-browsermark { color:var(--amd-signal); font-size:17px; }
.amd-browserbar [data-address] {
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.amd-browserbar a {
  color:var(--amd-signal);
  white-space:nowrap;
  text-decoration:underline;
  text-underline-offset:3px;
}
.amd-window {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#111b24;
  box-shadow:none;
}
.amd-window.is-active,.amd-window.is-maximized { border:0; }
.amd-preview { width:100%; height:100%; min-height:100%; }

body.alcoros-surface-page .site-header,
body.alcoros-surface-page .site-footer,
body.alcoros-surface-page .mobile-cta {
  display:none !important;
}
body.alcoros-surface-page {
  min-height:100vh;
  background:#090f14;
}
body.alcoros-mode-desktop .alcoros-surface {
  min-height:100vh;
  padding:clamp(12px,2vw,28px);
}
body.alcoros-mode-desktop .alcor-demo-section {
  padding:0;
}
body.alcoros-mode-desktop .alcor-demo-section > .section-inner {
  width:100%;
  max-width:none;
  padding:0;
}
body.alcoros-mode-desktop .alcor-demo-section > .section-inner > :not(.amd-monitor):not(.amd-stand) {
  display:none;
}
body.alcoros-mode-desktop .amd-monitor {
  width:100%;
  max-width:none;
  margin:0;
}
body.alcoros-mode-desktop .amd-workspace {
  height:calc(100vh - 250px);
  min-height:540px;
  max-height:none;
}

body.alcoros-mode-embed .aa-page,
body.alcoros-mode-embed .av-page,
body.alcoros-mode-embed [data-arcana] {
  min-height:100vh;
  margin:0;
}
body.alcoros-mode-embed .aa-app,
body.alcoros-mode-embed .av-app {
  padding-top:clamp(10px,1.5vw,20px);
}
body.alcoros-mode-embed .ap-editor-title {
  margin-top:0;
}
.amd-monitor:fullscreen .amd-tabstrip,
.amd-monitor:fullscreen .amd-browserbar {
  flex:0 0 auto;
}
.amd-monitor:fullscreen .amd-workspace {
  flex:1;
  min-height:0;
  max-height:none;
  height:auto;
}
@media(max-width:900px) {
  .amd-monitor { max-width:98vw; }
  .amd-workspace { height:clamp(520px,85vw,720px); }
  .amd-tab { flex-basis:180px; }
}
@media(max-width:560px) {
  .amd-tabstrip { min-height:46px; padding-inline:5px; }
  .amd-tab { min-width:118px; flex-basis:150px; }
  .amd-browserbar { padding-inline:8px; }
  .amd-browserbar a { max-width:40%; overflow:hidden; text-overflow:ellipsis; }
  .amd-workspace { height:620px; }
}


/* Owner 2026-09-27: "This needs a container." The homepage monitor sits in the page container
   (it was viewport-wide before); only the /alcoros-demo/ desktop surface below stays full-screen. */
.alcor-demo-section > .section-inner { width:min(1180px,100%); max-width:none; }
.amd-monitor { width:100%; max-width:none; position:relative; margin-inline:0; }
.amd-tabstrip:empty { display:none; }
body.alcoros-surface-page { margin:0; }
body.alcoros-mode-desktop .alcoros-surface {
  width:100vw;
  min-height:100vh;
  padding:1rem;
}
body.alcoros-mode-desktop .amd-monitor {
  width:calc(100vw - 2rem);
  left:auto;
  transform:none;
  margin:0;
}
@media(max-width:700px) {
  .amd-monitor {
    width:100%;
    max-width:none;
  }
  .amd-bezel { display:none; }
  .amd-menubar { min-height:42px; }
  .amd-menubar > span { display:none; }
  .amd-workspace { height:min(70vh,680px); min-height:500px; }
}

/* Brand monitor (Alcor_Demo::render_brand): the same monitor, booted into one Arcana brand.
   Colours and type come from the --arc-* / --brand-* tokens its brands/<name>.css sets on [data-brand]. */
.amd-brand-section { padding-block:clamp(1rem,3vw,2rem) clamp(3rem,6vw,5rem); padding-inline:var(--site-gutter,72px); }
.amd-brand-section .amd-monitor {
  --amd-ink:var(--arc-ink,#eef4f5); --amd-muted:var(--arc-muted,#bdccd2); --amd-line:var(--arc-line,#6c838d); --amd-signal:var(--arc-accent,#a1e2d2);
  max-width:var(--site-column,1180px); margin:0 auto;
  background:var(--brand-bezel,#1c252d); border-color:var(--brand-bezel-edge,#77838c);
  box-shadow:0 50px 120px -50px var(--brand-glow,#000a), 0 2px 0 rgba(255,255,255,.06) inset;
  font-family:var(--arc-body,system-ui,sans-serif);
}
.amd-brand-section .amd-bezel { color:var(--brand-bezel-ink,#c7d2d9); }
.amd-brand-section .amd-camera { background:var(--arc-accent,#7e969e); box-shadow:0 0 8px var(--arc-accent,transparent); }
.amd-brand-section .amd-screen { background:var(--arc-paper,#101c27); border-color:var(--brand-bezel-edge,#536773); }
.amd-brand-section .amd-menubar { gap:10px; background:var(--arc-surface,#13202a); border-color:var(--arc-line,#526976); color:var(--arc-muted,#bdccd2); }
.amd-brand-section .amd-menubar strong { color:var(--arc-ink,#eef4f5); font:var(--brand-display-weight,600) 15px/1.2 var(--arc-display,system-ui); letter-spacing:var(--brand-track,0); }
.amd-brand-icon { flex:none; width:18px; height:18px; }
.amd-brand-section .amd-browserbar { background:var(--arc-paper,#13202a); border-color:var(--arc-line,#526976); color:var(--arc-muted,#bdccd2); }
.amd-brand-section .amd-browserbar a { color:var(--arc-accent,#a1e2d2); white-space:nowrap; }
.amd-brand-section .amd-browsermark { color:var(--arc-accent,#a1e2d2); }
.amd-viewswitch { display:flex; flex:none; gap:2px; padding:2px; border:1px solid var(--arc-line,#526976); border-radius:999px; }
.amd-monitor .amd-viewswitch button { min-height:30px; padding:2px 12px; border:0; border-radius:999px; background:transparent; color:inherit; font:600 11px/1 var(--arc-body,system-ui); letter-spacing:.04em; }
.amd-monitor .amd-viewswitch button[aria-pressed=true] { background:var(--arc-accent,#a1e2d2); color:var(--arc-on-accent,#0d2526); }
.amd-brand-section .amd-workspace { height:clamp(560px,58vw,860px); background:var(--brand-wallpaper,var(--arc-wash,#101e28)); background-size:cover; }
.amd-brand-device { position:absolute; inset:0; overflow:hidden; transition:inset .55s cubic-bezier(.2,.8,.2,1), border-radius .55s, box-shadow .55s; }
/* The site always appears: a short CSS boot (no script needed); arcana JS only skips the wait once the frame loads. */
.amd-brand-device iframe { background:var(--arc-paper,#111b24); animation:amd-frame-in .7s cubic-bezier(.2,.8,.2,1) 1.1s both; }
.is-loaded .amd-brand-device iframe { animation-delay:.15s; }
@keyframes amd-frame-in { from { opacity:0; transform:scale(.985); } to { opacity:1; transform:none; } }
[data-view=phone] .amd-brand-device { inset:22px max(12px,calc(50% - 205px)); border:10px solid #0b0b0d; border-radius:44px; box-shadow:0 30px 80px -20px #000b, 0 0 0 1px #fff2; }
.amd-brand-boot { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:16px; color:var(--arc-ink,#eef4f5); font:var(--brand-display-weight,600) clamp(22px,3vw,40px)/1 var(--arc-display,system-ui); letter-spacing:var(--brand-track,0); animation:amd-boot-out .45s ease 1.3s forwards; }
.amd-brand-boot img { width:72px; height:72px; animation:amd-brand-boot 1.4s ease-in-out infinite; }
.is-loaded .amd-brand-boot { animation-delay:.2s; }
@keyframes amd-boot-out { to { opacity:0; visibility:hidden; } }
@keyframes amd-brand-boot { 50% { transform:scale(1.08); filter:drop-shadow(0 0 18px var(--arc-accent,#a1e2d2)); } }
.amd-brand-section .amd-controls { color:var(--brand-bezel-ink,var(--amd-muted)); }
.amd-brand-section .amd-controls button { background:transparent; border-color:var(--brand-bezel-edge,#6c838d); color:var(--brand-bezel-ink,#eef4f5); }
.amd-brand-section .amd-stand { background:linear-gradient(90deg,var(--brand-bezel,#333f49),var(--brand-bezel-edge,#71808a) 50%,var(--brand-bezel,#35424c)); border-bottom-color:var(--brand-bezel-edge,#839099); }
@media(max-width:700px) {
  .amd-brand-section .amd-workspace { height:min(78vh,720px); }
  .amd-viewswitch, .amd-brand-section .amd-menubar > span { display:none; }
  .amd-brand-section .amd-browserbar [data-address] { display:none; }
  .amd-brand-section .amd-browserbar a { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) { .amd-brand-device { transition:none; } .amd-brand-device iframe { animation:none; } .amd-brand-boot { display:none; } }

/* Homepage Arcana band (Alcor_Demo::render_showcase): copy 30 / monitor 70; stacks on phones. */
.amd-showcase-section { padding-block:clamp(3.5rem,7vw,6rem); }
.amd-showcase { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,7fr); gap:clamp(1.5rem,3.5vw,3.5rem); align-items:center; width:min(var(--site-column,1180px),100%); margin-inline:auto; }
.amd-showcase__copy { display:grid; gap:1.1rem; align-content:center; }
.amd-showcase__copy .section-kicker { margin:0; }
.amd-showcase__copy h2 { margin:0; font-size:clamp(1.9rem,1.2rem + 1.8vw,3rem); line-height:1.05; letter-spacing:-.03em; text-wrap:balance; }
.amd-showcase__lede { margin:0; color:#b8bec8; line-height:1.6; }
.amd-showcase__now { display:grid; gap:.2rem; padding:.9rem 1rem; border:1px solid rgba(246,240,228,.14); border-left:3px solid #53d9d4; border-radius:10px; background:rgba(18,20,32,.55); min-height:5.6rem; }
.amd-showcase__now strong { font-size:1.25rem; line-height:1.2; color:#f6f0e4; }
.amd-showcase__now span { color:#b8bec8; font-size:.9rem; line-height:1.4; }
.amd-showcase__count { font:600 .75rem/1 ui-monospace,Consolas,monospace !important; letter-spacing:.14em; color:#53d9d4 !important; }
.amd-showcase__controls { display:flex; gap:.5rem; }
.amd-showcase__controls button { display:grid; place-items:center; inline-size:2.75rem; block-size:2.75rem; border:1px solid rgba(246,240,228,.25); border-radius:50%; background:transparent; color:#f6f0e4; font:600 1rem/1 system-ui,sans-serif; cursor:pointer; transition:border-color .2s, background-color .2s; }
.amd-showcase__controls button:hover { border-color:#53d9d4; background:rgba(83,217,212,.1); }
.amd-showcase__controls button:focus-visible { outline:3px solid #f3d48a; outline-offset:3px; }
.amd-showcase__actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.amd-showcase__stage { min-width:0; }
.amd-showcase .amd-showcase__monitor { width:auto; max-width:none; margin:0; }
.amd-showcase__screen { position:relative; height:clamp(420px,40vw,760px) !important; background:#101c27; overflow:hidden; }
.amd-showcase__frame { position:absolute; inset:0 auto auto 0; width:100%; height:100%; max-width:none; max-height:none; border:0; transform-origin:0 0; opacity:0; pointer-events:none; transition:opacity .6s ease; background:#101c27; }
.amd-showcase__frame.is-current { opacity:1; }
.amd-showcase__link { position:absolute; inset:0; z-index:2; cursor:pointer; }
.amd-showcase.is-hovering .amd-showcase__frame.is-current { pointer-events:auto; }
.amd-showcase.is-hovering .amd-showcase__link { pointer-events:none; }
.amd-showcase__link:focus-visible { outline:3px solid #f3d48a; outline-offset:-6px; }
.amd-showcase__progress { position:absolute; inset:auto 0 0; z-index:3; block-size:3px; background:rgba(246,240,228,.08); pointer-events:none; }
.amd-showcase__progress i { display:block; block-size:100%; background:#53d9d4; transform:scaleX(0); transform-origin:left; }
.amd-showcase.is-paused .amd-showcase__progress i, .amd-showcase.is-hovering .amd-showcase__progress i { opacity:.45; }
.amd-showcase__hint { margin-left:auto; font:600 10px/1 ui-monospace,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; color:#53d9d4; opacity:.8; }
.amd-showcase.is-hovering .amd-showcase__hint { opacity:0; }
.amd-showcase .amd-menubar time { display:none; }
.amd-showcase .amd-browserbar a { color:#53d9d4; white-space:nowrap; }
@media (hover: none) { .amd-showcase__hint { display:none; } }
@media (max-width: 900px) {
  .amd-showcase { grid-template-columns:minmax(0,1fr); }
  .amd-showcase__copy { order:0; }
  .amd-showcase__screen { height:min(72vh,640px) !important; }
}
@media (max-width: 560px) {
  .amd-showcase__actions a { flex:1 1 100%; text-align:center; }
  .amd-showcase .amd-menubar > span:not(.amd-showcase__hint) { display:none; }
}
@media (prefers-reduced-motion: reduce) { .amd-showcase__frame { transition:none; } }

/* Owner 2026-09-28: an opened app fits the screen with room above and below. The apps monitor's workspace
   is sized from the viewport (header, monitor chrome and margins taken off), and the dock is one row. */
[data-alcor-monitor] .amd-workspace { height:clamp(340px, calc(100svh - 450px), 760px); }
[data-alcor-monitor] .amd-dock { grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); }
[data-alcor-monitor] .amd-status:not(:empty) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.amd-preview.amd-preview--zoomed { width:125%; height:125%; min-height:125%; max-width:none; max-height:none; transform:scale(.8); transform-origin:0 0; }
@media(max-width:700px) {
  [data-alcor-monitor] .amd-workspace { height:clamp(300px, calc(100svh - 540px), 640px); min-height:0; }
  [data-alcor-monitor] .amd-dock { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .amd-preview.amd-preview--zoomed { width:100%; height:100%; min-height:100%; transform:none; }
}
body.alcoros-mode-desktop [data-alcor-monitor] .amd-workspace { height:calc(100vh - 250px); }
[data-alcor-monitor] .amd-dock button { gap:7px; padding:6px; white-space:nowrap; overflow-wrap:normal; }
[data-alcor-monitor] .amd-dock button span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
[data-alcor-monitor] .amd-dock b { flex-basis:26px; width:26px; height:26px; font-size:11px; }

/* Touch screens (owner 2026-09-28: "I can't scroll on the 22 sites on the homepage on mobile"): live sites in a
   monitor never take the touch, so a swipe always scrolls the page; a tap opens the site instead. */
.amd-brand-tap { display:none; }
@media (hover: none) {
  .amd-showcase__frame, .amd-showcase.is-hovering .amd-showcase__frame.is-current { pointer-events:none !important; }
  .amd-showcase__link, .amd-showcase.is-hovering .amd-showcase__link { pointer-events:auto !important; }
  .amd-brand-device iframe { pointer-events:none; }
  .amd-brand-tap { position:absolute; inset:0; z-index:2; display:flex; align-items:flex-end; justify-content:center; padding:0 0 16px; text-decoration:none; -webkit-tap-highlight-color:transparent; }
  .amd-brand-tap span { padding:9px 16px; border-radius:999px; background:color-mix(in srgb, var(--arc-ink,#0b0d13) 88%, transparent); color:var(--arc-paper,#f6f0e4); font:600 13px/1 var(--arc-body,system-ui); box-shadow:0 10px 30px -10px #000a; }
}

/* House pass (owner 2026-09-28: "font and style and speed overhaul").
   Type: the site's Segoe UI stack everywhere, and a real code-font stack for addresses so no
   phone or PC falls back to Courier. Colour: the site's near-black with cyan, violet and gold,
   replacing the old slate-teal. Dock icons are colour tiles per app (the Ps/Pr idea). Brand
   monitors keep their own --arc-* look: those rules are more specific and still win. */
.amd-monitor {
  --amd-font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --amd-mono:ui-monospace,"SF Mono","Cascadia Mono","Segoe UI Mono",Consolas,"Roboto Mono",Menlo,monospace;
  --amd-ink:#f1f3f7; --amd-muted:rgba(241,243,247,.64); --amd-line:rgba(246,240,228,.14); --amd-signal:#53d9d4;
  font-family:var(--amd-font);
  background:linear-gradient(180deg,#191c27,#0c0e15 60%);
  border-color:rgba(246,240,228,.16);
  box-shadow:0 60px 120px -50px rgba(0,0,0,.95), 0 0 0 1px rgba(255,255,255,.02) inset, 0 1px 0 rgba(255,255,255,.09) inset;
}
.amd-bezel { font:700 10px/1.5 var(--amd-font); letter-spacing:.24em; color:rgba(241,243,247,.5); }
.amd-camera { background:#2a2f3d; box-shadow:0 0 0 2px #11141c, 0 0 6px rgba(83,217,212,.5); }
.amd-screen { background:#07090e; border-color:rgba(246,240,228,.1); }
.amd-menubar { background:rgba(11,13,19,.94); border-color:rgba(246,240,228,.08); color:var(--amd-muted); font-size:13px; }
.amd-menubar strong { font-weight:700; letter-spacing:-.01em; }
.amd-tabstrip { background:#07090e; border-color:rgba(246,240,228,.08); }
.amd-tab { background:#10131b; border-color:rgba(246,240,228,.1); color:var(--amd-muted); }
.amd-tab[aria-selected=true] { background:#171b26; color:var(--amd-ink); border-color:rgba(246,240,228,.2); box-shadow:inset 0 2px 0 var(--amd-signal); }
.amd-tab-grip { font-family:var(--amd-mono); color:rgba(241,243,247,.35); }
.amd-browserbar { background:#0b0d13; border-color:rgba(246,240,228,.08); font:12px/1.3 var(--amd-mono); }
.amd-browserbar a { font-family:var(--amd-font); font-weight:600; text-decoration:none; }
.amd-browserbar a:hover { text-decoration:underline; }
.amd-workspace {
  background-color:#07090e;
  background-image:url('alcoros-orbit-grid.svg'), radial-gradient(ellipse 70% 60% at 70% 110%, rgba(179,140,255,.2), transparent 70%), radial-gradient(ellipse 60% 50% at 20% -10%, rgba(83,217,212,.14), transparent 70%);
  background-size:cover,auto,auto;
}
.amd-welcome h3 { font-weight:700; letter-spacing:-.025em; }
.amd-mark { width:64px; height:64px; border:0; border-radius:16px; background:linear-gradient(140deg,#53d9d4,#b38cff 70%,#d7b56d); color:#07090e; font:800 30px/1 var(--amd-font); box-shadow:0 18px 40px -16px rgba(179,140,255,.7), inset 0 1px 0 rgba(255,255,255,.4); }
.amd-monitor button { background:#141824; border-color:rgba(246,240,228,.14); border-radius:8px; font-family:var(--amd-font); transition:border-color .2s ease, background-color .2s ease, transform .2s ease; }
.amd-monitor button:hover:not(:disabled) { border-color:rgba(83,217,212,.6); background:#1a1f2d; }
.amd-monitor button:active:not(:disabled) { transform:scale(.97); }
.amd-monitor .amd-start { color:#04252a; background:#53d9d4; border-color:#53d9d4; font-weight:800; border-radius:999px; padding-inline:22px; box-shadow:0 14px 34px -14px rgba(83,217,212,.8); }
.amd-monitor .amd-start:hover:not(:disabled) { color:#04252a; background:#6ae3de; }
.amd-dock { background:rgba(11,13,19,.96); border-color:rgba(246,240,228,.08); }
.amd-monitor .amd-dock button { background:transparent; border-color:transparent; font-size:12px; font-weight:600; color:var(--amd-muted); }
.amd-monitor .amd-dock button:hover:not(:disabled) { background:rgba(255,255,255,.05); border-color:transparent; color:var(--amd-ink); }
.amd-monitor .amd-dock button[aria-pressed=true] { background:rgba(83,217,212,.1); border-color:transparent; border-bottom:0; color:var(--amd-ink); box-shadow:inset 0 -2px 0 var(--amd-signal); }
.amd-dock b { --tile:#3a4152; --tile2:#1d2230; border:0; border-radius:8px; background:linear-gradient(145deg,var(--tile),var(--tile2)); color:#fff; font:800 12px/1 var(--amd-font); letter-spacing:-.02em; box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 6px 14px -8px var(--tile); }
[data-alcor-monitor] .amd-dock b { font-size:11px; }
.amd-dock [data-app=photo] b { --tile:#31a8ff; --tile2:#0f4c9c; }
.amd-dock [data-app=video] b { --tile:#b38cff; --tile2:#5a2bb3; }
.amd-dock [data-app=qr] b { --tile:#53d9d4; --tile2:#1c7a78; }
.amd-dock [data-app=reconcile] b { --tile:#78d06d; --tile2:#2f7a2a; }
.amd-dock [data-app=finance] b { --tile:#d7b56d; --tile2:#8a6a25; }
.amd-dock [data-app=translate] b { --tile:#ff8a5c; --tile2:#a33a17; }
.amd-dock [data-app=music] b { --tile:#ff5ec4; --tile2:#9b1f73; }
.amd-dock [data-app=erp] b { --tile:#8fa3c4; --tile2:#39486a; }
.amd-dock [data-app=map] b { --tile:#4fc3a1; --tile2:#1d6b55; }
.amd-dock [data-app=sites] b { --tile:#f6f0e4; --tile2:#b8a88a; color:#07090e; }
.amd-controls { color:rgba(241,243,247,.5); }
.amd-controls button { font-size:12px; font-weight:600; }
.amd-stand { background:linear-gradient(90deg,#10131b,#2a2f3d 50%,#10131b); border-bottom-color:#2a2f3d; }
.amd-window-meta a { text-decoration:none; font-weight:600; }
.amd-showcase__count, .amd-showcase__hint { font-family:var(--amd-font) !important; font-variant-numeric:tabular-nums; }
/* The screen takes the captures' own 16:10 shape, so every site shows whole (no cropped edges on
   desktop, no zoomed-in corner on phones). The live site scales to the same box. */
.amd-showcase__screen { background:#07090e; height:auto !important; min-height:0 !important; aspect-ratio:16 / 10; }
.amd-showcase__poster { object-fit:cover; object-position:top center; background:#07090e; }