/* MRA Scout landing — measured against 01-landing-page-source-of-truth.png (1586 × 992).
   --u is one reference pixel, so the composition scales proportionally from 1100px up to 1586px. */
.landing { --u: calc(min(100vw, 1586px) / 1586); background: #07050d; overflow-x: hidden; position: relative; }
.landing > *:not(.bg-light) { position: relative; z-index: 1; max-width: 1586px; margin-left: auto; margin-right: auto; }
.bg-light { position: absolute; inset: 0 0 auto 0; height: calc(992 * var(--u)); min-height: 700px; pointer-events: none; overflow: hidden; z-index: 0;
  background:
    radial-gradient(calc(900 * var(--u)) calc(520 * var(--u)) at 80% 10%, rgba(125, 40, 220, 0.34), transparent 70%),
    radial-gradient(calc(700 * var(--u)) calc(260 * var(--u)) at 72% 64%, rgba(166, 44, 255, 0.28), transparent 70%),
    radial-gradient(calc(600 * var(--u)) calc(400 * var(--u)) at 10% 40%, rgba(70, 30, 140, 0.25), transparent 70%),
    linear-gradient(180deg, #0b0716 0%, #07050d 100%); }
.beam { position: absolute; width: 140%; height: calc(90 * var(--u)); left: 30%; top: 0; transform-origin: 0 0; filter: blur(calc(18 * var(--u))); opacity: .55;
  background: linear-gradient(90deg, transparent, rgba(166, 70, 255, 0.55) 35%, rgba(200, 120, 255, 0.35) 55%, transparent 80%); }
.beam.b1 { transform: rotate(-17deg) translate(calc(-60 * var(--u)), calc(180 * var(--u))); }
.beam.b2 { transform: rotate(-11deg) translate(calc(80 * var(--u)), calc(90 * var(--u))); height: calc(40 * var(--u)); opacity: .45; }
.beam.b3 { transform: rotate(-24deg) translate(calc(200 * var(--u)), calc(260 * var(--u))); height: calc(60 * var(--u)); opacity: .3; }

/* top brand line */
.topline { height: calc(48 * var(--u)); display: flex; align-items: center; gap: calc(14 * var(--u)); padding: 0 calc(80 * var(--u)); font-family: var(--font-ui); font-size: max(11px, calc(13.5 * var(--u))); font-weight: 600; letter-spacing: 0.3em; color: #d6cdef; border-bottom: 1px solid rgba(183, 160, 255, 0.12); }
.topline i { width: calc(92 * var(--u)); height: 1px; background: linear-gradient(90deg, rgba(200, 180, 255, .8), transparent); }

/* nav */
.nav { height: calc(74 * var(--u)); display: flex; align-items: center; padding: 0 calc(72 * var(--u)) 0 calc(77 * var(--u)); }
.brand { display: flex; align-items: center; gap: calc(18 * var(--u)); }
.brand [data-lens] svg { width: calc(42 * var(--u)); height: calc(42 * var(--u)); min-width: 30px; min-height: 30px; }
.brand-word { font-family: var(--font-ui); font-weight: 700; font-size: max(15px, calc(19 * var(--u))); letter-spacing: 0.3em; color: #f1ecff; }
.nav-links { display: flex; gap: calc(44 * var(--u)); margin-left: calc(150 * var(--u)); }
.nav-links a { font-size: max(14px, calc(16.5 * var(--u))); font-weight: 500; color: #e6e0f6; padding: 10px 0; position: relative; transition: color var(--dur); }
.nav-links a:hover, .nav-links a:focus-visible { color: #fff; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; border-radius: 2px; background: var(--scout-gradient); transform: scaleX(0); transition: transform var(--dur); }
.nav-links a:hover::after, .nav-links a.is-active::after { transform: scaleX(1); }
.nav-right { margin-left: auto; display: flex; align-items: center; gap: calc(28 * var(--u)); }
.signin { font-size: max(14px, calc(17 * var(--u))); color: #eee8ff; padding: 10px 0; }
.signin:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.nav-div { width: 1px; height: calc(30 * var(--u)); background: rgba(183, 160, 255, 0.35); }
.nav-cta { height: calc(48 * var(--u)); min-height: 44px; padding: 0 calc(20 * var(--u)); font-size: max(13.5px, calc(15.5 * var(--u))); border-radius: calc(12 * var(--u)); gap: 10px; }
.nav-menu { display: none; width: 44px; height: 44px; place-items: center; border-radius: 10px; border: 1px solid var(--scout-border-strong); color: #fff; }
.mobile-menu { display: none; }

/* hero */
.hero { display: grid; grid-template-columns: calc(648 * var(--u)) 1fr; height: calc(525 * var(--u)); padding-left: calc(77 * var(--u)); }
.hero-copy { padding-top: calc(50 * var(--u)); }
.hero-eyebrow { margin: 0; font-family: var(--font-ui); font-size: calc(14.2 * var(--u)); font-weight: 600; letter-spacing: 0.32em; color: #cec5ea; }
.hero-title { margin: calc(17 * var(--u)) 0 0; font-family: var(--font-display); font-weight: 900; font-stretch: 62%; font-variation-settings: "wdth" 62; font-size: calc(74 * var(--u)); line-height: calc(66 * var(--u)); letter-spacing: 0; color: #fff; text-transform: uppercase; white-space: nowrap; }
.hero-title span { display: block; }
.hero-title .grad { background: var(--scout-gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: 4px; }
.hero-lede { margin: calc(18 * var(--u)) 0 0; max-width: calc(600 * var(--u)); font-size: calc(21 * var(--u)); line-height: calc(29.5 * var(--u)); color: #e3ddf2; }
.hero-ctas { display: flex; gap: calc(21 * var(--u)); margin-top: calc(40 * var(--u)); }
.hero-btn { height: calc(59 * var(--u)); min-height: 44px; padding: 0 calc(30 * var(--u)); font-size: calc(19 * var(--u)); border-radius: calc(14 * var(--u)); gap: calc(14 * var(--u)); font-weight: 500; }
.hero-btn.btn-primary { width: calc(324 * var(--u)); }
.hero-btn-2 { width: calc(245 * var(--u)); background: rgba(12, 8, 22, 0.6); border-color: rgba(183, 150, 255, 0.55); }
.hero-meta { margin: calc(28 * var(--u)) 0 0; font-size: calc(16.3 * var(--u)); color: #c3b9dc; display: flex; gap: calc(9 * var(--u)); white-space: nowrap; }
.hero-meta a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

.hero-visual { position: relative; }
.laptop { position: absolute; left: calc(6 * var(--u)); top: calc(26 * var(--u)); width: calc(716 * var(--u)); display: block; }
.laptop-lid { position: relative; height: calc(432 * var(--u)); border-radius: calc(20 * var(--u)) calc(20 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)); background: linear-gradient(180deg, #2a2536, #121019); padding: calc(16 * var(--u)) calc(37 * var(--u)) calc(28 * var(--u)) calc(37 * var(--u)); box-shadow: 0 0 0 1px rgba(210, 190, 255, 0.28), 0 0 calc(40 * var(--u)) rgba(166, 44, 255, 0.35), inset 0 0 0 calc(7 * var(--u)) #050409; }
.laptop-lid .cam { position: absolute; left: 50%; top: calc(6 * var(--u)); width: calc(5 * var(--u)); height: calc(5 * var(--u)); border-radius: 50%; background: #2a2a3a; transform: translateX(-50%); }
.laptop-screen { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: calc(4 * var(--u)); background: #08060f; }
.laptop-screen iframe { position: absolute; left: 0; top: 0; width: 1400px; height: 826px; border: 0; transform-origin: 0 0; pointer-events: none; }
.laptop-base { height: calc(13 * var(--u)); margin: 0 calc(-10 * var(--u)); border-radius: 0 0 calc(18 * var(--u)) calc(18 * var(--u)); background: linear-gradient(180deg, #d9d5e6 0%, #8b8699 45%, #3a3646 100%); box-shadow: 0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(166, 44, 255, 0.55); }
.laptop-base::before { content: ""; display: block; width: 16%; height: 40%; margin: 0 auto; background: rgba(0,0,0,.25); border-radius: 0 0 8px 8px; }
.laptop-glow { position: absolute; left: -6%; right: -6%; bottom: calc(-40 * var(--u)); height: calc(50 * var(--u)); background: radial-gradient(50% 50% at 50% 50%, rgba(190, 90, 255, 0.55), transparent 70%); filter: blur(calc(10 * var(--u))); }
.laptop:hover .laptop-lid, .laptop:focus-visible .laptop-lid { box-shadow: 0 0 0 1px rgba(230, 200, 255, 0.55), 0 0 calc(60 * var(--u)) rgba(190, 70, 255, 0.55), inset 0 0 0 calc(7 * var(--u)) #050409; }

.phone { position: absolute; left: calc(669 * var(--u)); top: calc(132 * var(--u)); width: calc(170 * var(--u)); height: calc(378 * var(--u)); border-radius: calc(28 * var(--u)); padding: calc(6 * var(--u)); background: linear-gradient(160deg, #3a3350, #0d0b14 40%, #221c30); box-shadow: 0 0 0 1px rgba(210, 190, 255, 0.35), 0 0 calc(30 * var(--u)) rgba(166, 44, 255, 0.5), 0 calc(30 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6); transition: transform var(--dur); }
.phone:hover, .phone:focus-visible { transform: translateY(-3px); }
.phone-inner { width: 100%; height: 100%; border-radius: calc(23 * var(--u)); overflow: hidden; background: #0b0814; display: flex; flex-direction: column; font-size: calc(9 * var(--u)); color: #fff; }
.ph-status { display: flex; justify-content: space-between; align-items: center; padding: calc(9 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)); font-size: calc(8 * var(--u)); font-weight: 600; }
.ph-sig { display: flex; gap: calc(1.5 * var(--u)); align-items: flex-end; }
.ph-sig i { width: calc(2 * var(--u)); background: #fff; border-radius: 1px; }
.ph-sig i:nth-child(1) { height: calc(3 * var(--u)); } .ph-sig i:nth-child(2) { height: calc(5 * var(--u)); } .ph-sig i:nth-child(3) { height: calc(7 * var(--u)); }
.ph-sig b { width: calc(12 * var(--u)); height: calc(6 * var(--u)); border: 1px solid #fff; border-radius: 2px; margin-left: calc(3 * var(--u)); }
.ph-head { display: flex; align-items: center; gap: calc(7 * var(--u)); padding: calc(6 * var(--u)) calc(12 * var(--u)); font-family: var(--font-ui); font-size: calc(8.5 * var(--u)); font-weight: 700; letter-spacing: .14em; }
.ph-head [data-lens] svg { width: calc(18 * var(--u)); height: calc(18 * var(--u)); }
.ph-menu { margin-left: auto; } .ph-menu svg, .ph-bar svg, .ph-card svg { width: calc(12 * var(--u)); height: calc(12 * var(--u)); }
.ph-cam { position: relative; flex: 1; margin: calc(2 * var(--u)) calc(7 * var(--u)) 0; border-radius: calc(10 * var(--u)); overflow: hidden; }
.ph-cam img { width: 100%; height: 100%; object-fit: cover; }
.br { position: absolute; width: calc(16 * var(--u)); height: calc(16 * var(--u)); border: calc(2 * var(--u)) solid #f238c7; filter: drop-shadow(0 0 3px #f238c7); }
.br.tl { left: 16%; top: 18%; border-right: 0; border-bottom: 0; } .br.tr { right: 16%; top: 18%; border-left: 0; border-bottom: 0; }
.br.bl { left: 16%; top: 58%; border-right: 0; border-top: 0; } .br.bm { right: 16%; top: 58%; border-left: 0; border-top: 0; }
.reticle { position: absolute; left: 50%; top: 45%; width: calc(16 * var(--u)); height: calc(16 * var(--u)); transform: translate(-50%, -50%); border-radius: 50%; border: calc(2 * var(--u)) solid #f238c7; box-shadow: 0 0 8px #f238c7, inset 0 0 0 calc(3 * var(--u)) rgba(0,0,0,.2); }
.reticle::after { content: ""; position: absolute; inset: 30%; border-radius: 50%; background: #ff9ae6; }
.ph-card { position: absolute; left: calc(6 * var(--u)); right: calc(6 * var(--u)); bottom: calc(6 * var(--u)); display: flex; align-items: center; gap: calc(7 * var(--u)); padding: calc(6 * var(--u)); border-radius: calc(8 * var(--u)); background: rgba(14, 10, 26, 0.9); border: 1px solid rgba(183,160,255,.25); }
.ph-card-ic { width: calc(22 * var(--u)); height: calc(22 * var(--u)); display: grid; place-items: center; border-radius: calc(6 * var(--u)); background: rgba(166,44,255,.2); }
.ph-card b { display: block; font-size: calc(8.5 * var(--u)); font-weight: 600; } .ph-card small { font-size: calc(7 * var(--u)); color: #b8aed0; }
.ph-chev { margin-left: auto; color: #b8aed0; }
.ph-bar { display: flex; justify-content: space-around; align-items: center; height: calc(58 * var(--u)); padding: 0 calc(8 * var(--u)); }
.ph-bar > span:not(.ph-shutter) { width: calc(26 * var(--u)); height: calc(26 * var(--u)); display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.07); }
.ph-shutter { width: calc(36 * var(--u)); height: calc(36 * var(--u)); display: grid; place-items: center; border-radius: 50%; background: var(--scout-gradient); box-shadow: 0 0 0 calc(3 * var(--u)) rgba(242,56,199,.3), 0 0 16px rgba(242,56,199,.6); }
.ph-shutter svg { width: calc(14 * var(--u)) !important; height: calc(14 * var(--u)) !important; }

/* trust strip */
.trust { display: flex; align-items: center; height: calc(69 * var(--u)); padding: 0 calc(72 * var(--u)) 0 calc(80 * var(--u)); border-top: 1px solid rgba(183, 160, 255, 0.12); border-bottom: 1px solid rgba(183, 160, 255, 0.12); background: rgba(7, 5, 13, 0.55); }
.trust p { margin: 0; white-space: nowrap; }
.trust-l, .trust-r { font-family: var(--font-ui); font-size: max(10.5px, calc(13 * var(--u))); font-weight: 600; letter-spacing: 0.18em; color: #d3cbea; }
.trust-div { width: 1px; height: calc(30 * var(--u)); background: rgba(183, 160, 255, 0.35); margin: 0 calc(20 * var(--u)); flex: none; }
.trust-m { flex: 1; justify-content: center; display: flex; align-items: center; gap: calc(22 * var(--u)); font-family: var(--font-ui); font-size: max(14px, calc(20 * var(--u))); font-weight: 600; letter-spacing: 0.2em; }
.trust-m a { color: #c7a6ff; padding: 8px 0; } .trust-m a:hover { color: #fff; }
.trust-m i { font-style: normal; color: #b35cff; font-size: .7em; }
.trust-r { display: flex; align-items: center; gap: calc(14 * var(--u)); font-weight: 500; letter-spacing: .1em; }
.trust-r svg { color: #f238c7; width: calc(26 * var(--u)); height: calc(26 * var(--u)); }

/* system section */
.system { padding: calc(40 * var(--u)) calc(79 * var(--u)) calc(30 * var(--u)) calc(71 * var(--u)); }
.sys-eyebrow { margin: 0 0 0 calc(10 * var(--u)); font-family: var(--font-ui); font-size: max(11px, calc(13.5 * var(--u))); font-weight: 600; letter-spacing: 0.3em; color: #cfc6ea; }
.sys-title { margin: calc(12 * var(--u)) 0 0 calc(9 * var(--u)); font-family: var(--font-ui); font-weight: 800; font-size: max(26px, calc(41 * var(--u))); letter-spacing: -0.012em; line-height: 1.15; color: #fff; }
.sys-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(16 * var(--u)); margin-top: calc(24 * var(--u)); }
.sys-card { display: flex; align-items: flex-start; gap: calc(18 * var(--u)); min-height: calc(116 * var(--u)); padding: calc(18 * var(--u)) calc(14 * var(--u)) calc(18 * var(--u)) calc(16 * var(--u)); border-radius: calc(10 * var(--u)); background: linear-gradient(180deg, rgba(22, 16, 38, .85), rgba(14, 10, 25, .85)); border: 1px solid rgba(183, 160, 255, 0.18); transition: border-color var(--dur), transform var(--dur), box-shadow var(--dur); }
.sys-card:hover, .sys-card:focus-visible { border-color: rgba(199, 140, 255, 0.6); box-shadow: 0 0 30px rgba(166, 44, 255, 0.2); transform: translateY(-2px); }
.sys-ic { flex: none; width: calc(72 * var(--u)); height: calc(72 * var(--u)); min-width: 48px; min-height: 48px; display: grid; place-items: center; border-radius: calc(12 * var(--u)); border: 1px solid rgba(183, 150, 255, 0.45); background: rgba(166, 44, 255, 0.10); color: #c9b3ff; }
.sys-ic svg { width: calc(30 * var(--u)); height: calc(30 * var(--u)); min-width: 22px; min-height: 22px; }
.sys-card h3 { margin: calc(4 * var(--u)) 0 0; font-family: var(--font-ui); font-size: max(14px, calc(17.5 * var(--u))); font-weight: 600; letter-spacing: 0.08em; color: #f3eeff; }
.sys-card p { margin: calc(8 * var(--u)) 0 0; font-size: max(13px, calc(14.8 * var(--u))); line-height: 1.45; color: #c6bddd; }

/* below the fold */
.enterprise { padding: calc(90 * var(--u)) calc(80 * var(--u)) calc(40 * var(--u)); display: grid; grid-template-columns: 1fr 1.3fr; gap: calc(60 * var(--u)); align-items: start; }
.enterprise .sys-eyebrow, .enterprise .sys-title, .demo .sys-eyebrow, .demo .sys-title { margin-left: 0; }
.ent-lede { color: #c6bddd; font-size: 17px; line-height: 1.6; max-width: 560px; margin: 16px 0 0; }
.ent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ent-card { display: flex; flex-direction: column; padding: 26px; border-radius: 14px; background: linear-gradient(180deg, #171026 0%, #100b1c 100%); border: 1px solid var(--scout-border); transition: border-color .18s, transform .18s; }
.ent-card:hover { border-color: rgba(199, 125, 255, 0.55); transform: translateY(-2px); }
.ent-ic { width: 52px; height: 52px; min-width: 52px; min-height: 52px; margin-bottom: 18px; }
.ent-ic svg { width: 24px; height: 24px; min-width: 24px; min-height: 24px; }
.ent-card p { flex: 1; }
.ent-link { margin-top: 18px; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 600; font-size: 15px; color: #e3b8ff; }
.ent-link:hover { color: #fff; }
@media (prefers-reduced-motion: reduce) { .ent-card, .ent-card:hover { transition: none; transform: none; } }
.ent-card h3 { margin: 0 0 8px; font-family: var(--font-ui); font-size: 17px; }
.ent-card p { margin: 0; color: #c6bddd; font-size: 15px; line-height: 1.5; }
.demo { padding: calc(50 * var(--u)) calc(80 * var(--u)) calc(90 * var(--u)); }
.demo-card { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; padding: 40px; border-radius: 22px; background: radial-gradient(600px 300px at 0% 0%, rgba(166,44,255,.18), transparent 70%), #110c1e; border: 1px solid var(--scout-border-strong); }
.demo-try { color: #c6bddd; margin-top: 18px; } .demo-try a { color: #d9b8ff; text-decoration: underline; text-underline-offset: 3px; }
.demo-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.demo-form .full { grid-column: 1 / -1; }
.demo-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.form-msg { margin: 0; font-size: 14px; color: #c6bddd; }
.form-msg.ok { color: var(--scout-success); } .form-msg.err { color: var(--scout-danger); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.foot { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; padding: 28px 80px 40px; border-top: 1px solid rgba(183,160,255,.12); color: #b8aed0; font-size: 14px; }
.foot-brand { display: flex; align-items: center; gap: 10px; font-family: var(--font-ui); font-weight: 700; letter-spacing: .2em; color: #fff; }
.foot-brand small { font-family: var(--font-body); font-weight: 400; letter-spacing: 0; color: #b8aed0; }
.foot-links { display: flex; gap: 22px; flex-wrap: wrap; } .foot-links a { padding: 10px 0; } .foot-links a:hover { color: #fff; }
.foot-note { margin: 0 0 0 auto; }

/* 1100–1300: tighten nav so it never wraps */
@media (max-width: 1300px) { .nav-links { margin-left: calc(110 * var(--u)); gap: calc(34 * var(--u)); } }

/* Below 1100: stack hero, keep the product visible */
@media (max-width: 1099px) {
  .landing { --u: calc(100vw / 1100); }
  .nav-links { display: none; }
  .nav-div, .signin { display: none; }
  .nav-menu { display: grid; }
  .nav { height: 72px; padding: 0 20px; }
  .topline { padding: 0 20px; height: 40px; }
  .mobile-menu:not([hidden]) { display: flex; flex-direction: column; padding: 8px 20px 16px; border-bottom: 1px solid var(--scout-border); background: #0b0716; }
  .mobile-menu a { padding: 13px 0; font-size: 17px; border-top: 1px solid rgba(183,160,255,.1); }
  .hero { grid-template-columns: 1fr; height: auto; padding: 36px 20px 0; }
  .hero-eyebrow { font-size: 12px; }
  .hero-title { font-size: clamp(38px, 8.6vw, 76px); line-height: 0.95; white-space: normal; margin-top: 14px; }
  .hero-lede { font-size: 18px; line-height: 1.55; max-width: 620px; }
  .hero-ctas { flex-wrap: wrap; margin-top: 28px; gap: 12px; }
  .hero-btn { height: 54px; font-size: 17px; border-radius: 12px; padding: 0 22px; }
  .hero-btn.btn-primary, .hero-btn-2 { width: auto; }
  .hero-meta { font-size: 14px; flex-wrap: wrap; white-space: normal; margin-top: 20px; column-gap: 18px; row-gap: 0; }
  .hero-meta > span { display: none; }
  .hero-visual { height: calc(100vw * 0.62); margin-top: 36px; --u: calc((100vw - 40px) / 900); }
  .laptop { top: 0; left: 0; }
  .phone { left: auto; right: 0; top: calc(110 * var(--u)); }
  .trust { flex-wrap: wrap; height: auto; padding: 18px 20px; gap: 12px 24px; justify-content: center; text-align: center; }
  .trust-div { display: none; }
  .system, .enterprise, .demo { padding-left: 20px; padding-right: 20px; }
  .system { padding-top: 48px; }
  .sys-title { font-size: clamp(26px, 5vw, 40px); }
  .sys-cards { grid-template-columns: 1fr 1fr; gap: 14px; }
  .sys-card { padding: 18px; gap: 16px; }
  .sys-card h3 { font-size: 15px; } .sys-card p { font-size: 14.5px; }
  .enterprise { grid-template-columns: 1fr; gap: 24px; padding-top: 60px; }
  .demo-card { grid-template-columns: 1fr; padding: 28px 22px; gap: 24px; }
  .foot { padding: 24px 20px 36px; } .foot-note { margin-left: 0; }
}
@media (max-width: 640px) {
  .nav-cta { display: none; }
  .hero-btn { flex: 1 1 100%; }
  .hero-visual { height: calc(100vw * 0.75); }
  .sys-cards, .ent-grid, .demo-form { grid-template-columns: 1fr; }
  .trust-m { font-size: 16px; }
}
@media (max-width: 760px) {
  .brand, .hero-meta a, .trust-m a, .foot-links a, .demo-try a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Old inbound anchors (#how, #pricing, #signup) land on their new sections */
/* Absolutely positioned so it never takes a cell in the sections' grids */
.system, .enterprise, .demo { position: relative; }
.anchor-alias { position: absolute; top: -96px; left: 0; width: 0; height: 0; }
/* The laptop shows a still of Scout Desk: the live Desk needs a signed-in member. */
.laptop-screen .desk-still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top left; }