/* Issue 44: approved equipment welcome. Brand blue is local to this screen. */
html:has(.mobile-shell[data-screen="welcome"]) { scrollbar-gutter:auto; }
body:has(.mobile-shell[data-screen="welcome"]) { padding:0; }
.mobile-shell[data-screen="welcome"] {
  --welcome-height:max(100dvh,min(216.18vw,1200px));
  --welcome-blue:#0877ff;
  --welcome-text:#f8faff;
  --welcome-muted:#acbdd9;
  display:flex;flex-direction:column;width:100%;max-width:none;margin:0;border-radius:0;
  min-height:var(--welcome-height);border:0;box-shadow:none;
  background:#040b14 url('/welcome/equipment-mobile.webp') center center / cover no-repeat;
  color:var(--welcome-text);isolation:isolate;
}
.mobile-shell[data-screen="welcome"]>.topbar {
  width:100%;max-width:720px;height:76px;flex:none;margin:0 auto;
  padding:12px 24px;position:relative;z-index:1;
}
.mobile-shell[data-screen="welcome"] .brand {
  gap:9px;font-size:22px;letter-spacing:.2px;font-weight:850;line-height:1;
  color:var(--welcome-text);min-height:44px;
}
.mobile-shell[data-screen="welcome"] .brand>.icon { color:var(--welcome-blue);width:25px;height:25px;stroke-width:2.5; }
.mobile-shell[data-screen="welcome"] .brand .brand-accent { color:var(--welcome-blue); }
.mobile-shell[data-screen="welcome"] .demo-pill {
  min-height:44px;padding:8px 12px;border:1px solid #26354b;border-radius:24px;
  background:linear-gradient(145deg,#131c28cc,#0b121dcc);
  color:#b5c8e8;font-size:11px;font-weight:750;letter-spacing:.35px;
}
.mobile-shell[data-screen="welcome"] .demo-pill i { width:6px;height:6px;background:var(--welcome-blue);box-shadow:none; }
.mobile-shell[data-screen="welcome"] .avatar { display:none; }
.mobile-shell[data-screen="welcome"]>.content {
  width:100%;max-width:720px;flex:1;margin:0 auto;padding:0 24px;
}
.mobile-shell[data-screen="welcome"] .welcome-screen {
  display:flex;flex-direction:column;min-height:calc(var(--welcome-height) - 76px);
  padding:2px 0 max(24px,env(safe-area-inset-bottom,0px));
}
.mobile-shell[data-screen="welcome"] .welcome-intro { position:relative;z-index:1; }
.mobile-shell[data-screen="welcome"] h1 {
  margin:0;font-size:clamp(26px,7.5vw,52px);font-weight:800;
  line-height:1.08;letter-spacing:-1.3px;color:var(--welcome-text);
}
.mobile-shell[data-screen="welcome"] h1>span { display:block; }
.mobile-shell[data-screen="welcome"] .welcome-description {
  margin:12px 0 0;max-width:30ch;color:var(--welcome-muted);
  font-size:clamp(15px,3.9vw,21px);line-height:1.35;font-weight:400;
}
.mobile-shell[data-screen="welcome"] .welcome-art-space { flex:1;min-height:220px; }
.mobile-shell[data-screen="welcome"] .welcome-entry { position:relative;z-index:1; }
.mobile-shell[data-screen="welcome"] .welcome-catalog {
  display:flex;align-items:baseline;justify-content:center;gap:5px;
  margin:0 0 12px;color:var(--welcome-text);font-size:16px;line-height:1.4;
}
.mobile-shell[data-screen="welcome"] .welcome-catalog strong { color:#2a92ff;font-size:19px;font-weight:800; }
.mobile-shell[data-screen="welcome"] .welcome-actions { display:grid;gap:10px; }
.mobile-shell[data-screen="welcome"] .welcome-action {
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:100%;min-height:54px;padding:13px 18px;border-radius:17px;
  border:1px solid #1c8eff;background:linear-gradient(115deg,#087bff,#0062fb);
  color:var(--welcome-text);font-size:19px;font-weight:750;line-height:1.25;
  box-shadow:inset 0 1px 0 #8bc8ff55,0 3px 20px #0056eb24;
  transition:background .15s,border-color .15s;
}
.mobile-shell[data-screen="welcome"] .welcome-action>.icon { width:22px;height:22px;stroke-width:1.65; }
.mobile-shell[data-screen="welcome"] .welcome-action-secondary {
  min-height:48px;background:linear-gradient(120deg,#101c2b99,#0a121eaa);
  border-color:#52749e;color:var(--welcome-text);font-size:17px;
  box-shadow:inset 0 1px 0 #adc9ed12;
}
.mobile-shell[data-screen="welcome"] .welcome-action-secondary>.icon { color:#a9c5ec; }
.mobile-shell[data-screen="welcome"] .welcome-demo-note {
  margin:18px 0 0;text-align:center;color:#a2b4d0;font-size:12px;line-height:1.5;
}
.mobile-shell[data-screen="welcome"] button:focus-visible { outline:3px solid #d0e5ff;outline-offset:4px; }
@media (hover:hover) {
  .mobile-shell[data-screen="welcome"] .welcome-action-primary:hover { background:linear-gradient(115deg,#288cff,#1675ff); }
  .mobile-shell[data-screen="welcome"] .welcome-action-secondary:hover { border-color:#9bbff0;background:#15243bd9; }
  .mobile-shell[data-screen="welcome"] .demo-pill:hover { border-color:#6282ac; }
}
@media (min-width:600px) and (max-width:959px) {
  .mobile-shell[data-screen="welcome"] { background-size:auto 100%; }
  .mobile-shell[data-screen="welcome"]>.topbar { height:96px;padding-inline:40px; }
  .mobile-shell[data-screen="welcome"]>.content { padding-inline:40px; }
  .mobile-shell[data-screen="welcome"] .welcome-screen { min-height:calc(var(--welcome-height) - 96px);padding-bottom:38px; }
  .mobile-shell[data-screen="welcome"] .welcome-actions { max-width:520px;width:100%;margin:auto; }
  .mobile-shell[data-screen="welcome"] .welcome-action { min-height:62px;font-size:22px; }
  .mobile-shell[data-screen="welcome"] .welcome-action-secondary { min-height:56px;font-size:20px; }
}
@media (min-width:960px) {
  .mobile-shell[data-screen="welcome"] {
    --welcome-height:max(100dvh,760px);
    background-image:url('/welcome/equipment-desktop.webp');
    background-position:center center;background-size:cover;
  }
  .mobile-shell[data-screen="welcome"]>.topbar { max-width:1440px;height:112px;padding:24px 64px; }
  .mobile-shell[data-screen="welcome"] .brand { font-size:31px;gap:14px; }
  .mobile-shell[data-screen="welcome"] .brand>.icon { width:36px;height:36px; }

  .mobile-shell[data-screen="welcome"] .demo-pill { min-height:44px;padding-inline:18px;font-size:13px; }
  .mobile-shell[data-screen="welcome"]>.content { max-width:1440px;padding:0 64px; }
  .mobile-shell[data-screen="welcome"] .welcome-screen {
    min-height:calc(var(--welcome-height) - 112px);width:53%;max-width:620px;
    justify-content:center;padding:34px 0 50px;
  }
  .mobile-shell[data-screen="welcome"] h1 { font-size:clamp(54px,5.6vw,86px);font-weight:850;line-height:1.06;letter-spacing:-2.3px; }
  .mobile-shell[data-screen="welcome"] .welcome-description { margin-top:24px;font-size:clamp(19px,1.7vw,25px);line-height:1.4; }
  .mobile-shell[data-screen="welcome"] .welcome-mobile-break { display:none; }
  .mobile-shell[data-screen="welcome"] .welcome-art-space { display:none; }
  .mobile-shell[data-screen="welcome"] .welcome-entry { margin-top:34px; }
  .mobile-shell[data-screen="welcome"] .welcome-catalog { justify-content:flex-start;margin-bottom:22px;font-size:19px; }
  .mobile-shell[data-screen="welcome"] .welcome-catalog strong { font-size:23px; }
  .mobile-shell[data-screen="welcome"] .welcome-actions { grid-template-columns:1.1fr 1fr;gap:12px; }
  .mobile-shell[data-screen="welcome"] .welcome-action,
  .mobile-shell[data-screen="welcome"] .welcome-action-secondary { min-height:62px;padding:16px 12px;border-radius:18px;font-size:19px;gap:12px; }
  .mobile-shell[data-screen="welcome"] .welcome-demo-note { margin-top:28px;text-align:left;font-size:13px; }
}