/* AmbTrack landing page — response intelligence design system */
:root {
    --at-ink: #07111f;
    --at-ink-2: #0c1e2d;
    --at-paper: #f7f7f2;
    --at-surface: #ffffff;
    --at-mist: #eaf0ef;
    --at-line: #d7dfdf;
    --at-muted: #617077;
    --at-coral: #ff6259;
    --at-coral-deep: #e64b44;
    --at-cyan: #13b6c7;
    --at-mint: #9ee8d3;
    --at-sans: 'Inter', system-ui, sans-serif;
    --at-serif: 'Newsreader', Georgia, serif;
    --at-mono: 'Inter', system-ui, sans-serif;
    --sans: 'Inter', system-ui, sans-serif;
    --serif: 'Newsreader', Georgia, serif;
    --mono: 'Inter', system-ui, sans-serif;
    --at-radius-sm: 12px;
    --at-radius-md: 20px;
    --at-radius-lg: 32px;
    --at-shadow: 0 30px 90px rgba(5, 18, 30, .14);
}

html { scroll-padding-top: 84px; }
body { font-family: var(--at-sans); color: var(--at-ink); background: var(--at-paper); overflow-x: hidden; }
.wrap { width: min(100% - 48px, 1240px); max-width: 1240px; padding: 0; }
em { font-family: var(--at-serif); font-weight: 400; }
h1 br + em, h2 br + em { display: block; margin-top: 0; padding-top: .28em; line-height: .94; }
button, input, select { font: inherit; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 14px; border-radius: 10px; background: #fff; color: var(--at-ink); transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid var(--at-cyan); outline-offset: 4px; }

/* navigation */
.nav { top: 14px; left: 50%; right: auto; width: min(calc(100% - 32px), 1240px); transform: translateX(-50%); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(7,17,31,.76); box-shadow: 0 14px 45px rgba(2,10,18,.18); backdrop-filter: blur(22px) saturate(140%); }
.nav.scrolled { border-color: rgba(255,255,255,.18); background: rgba(7,17,31,.92); box-shadow: 0 16px 54px rgba(2,10,18,.24); }
.nav-inner { height: 66px; max-width: none; padding: 0 10px 0 18px; }
.nav-logo { color: #fff; font-family: var(--at-sans); font-weight: 800; letter-spacing: -.035em; }
.nav-logo-mark { width: 34px; height: 34px; border-radius: 9px; background: rgba(255,255,255,.07); }
.nav-links { gap: 6px; }
.nav-links a, .nav-link-cta { padding: 9px 12px; border-radius: 9px; color: #a9b7c0; font-size: 13px; }
.nav-links a:hover, .nav-link-cta:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-right { gap: 5px; }
.nav-primary { padding: 10px 15px; border-radius: 10px; background: var(--at-coral); color: #fff; box-shadow: 0 8px 24px rgba(255,98,89,.24); }
.nav-primary:hover { background: #ff766f; }
.nav-burger span { background: #fff; }
.nav-mobile { border-top: 1px solid rgba(255,255,255,.1); }
.nav-mobile a { color: #dce5e9; border-color: rgba(255,255,255,.08); }
.nav-mobile .btn { margin-top: 8px; background: var(--at-coral); }

/* hero */
.hero { min-height: 100vh; padding: 150px 0 0; background: var(--at-ink); color: #fff; isolation: isolate; overflow: hidden; }
.hero-atmosphere { position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 80% 26%, rgba(19,182,199,.2), transparent 25%), radial-gradient(circle at 13% 80%, rgba(255,98,89,.12), transparent 28%), linear-gradient(135deg, #07111f 0%, #0a1a29 52%, #07131f 100%); }
.hero-gridlines { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.7) 70%, transparent); }
.hero-layout { min-height: 680px; display: grid; grid-template-columns: minmax(430px,.86fr) minmax(620px,1.14fr); gap: 64px; align-items: center; padding-bottom: 80px; }
.hero-copy { position: relative; z-index: 3; }
.hero-eyebrow { margin: 0 0 26px; padding: 7px 11px 7px 8px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #a9bbc5; background: rgba(255,255,255,.04); font-family: var(--at-mono); font-size: 10px; font-weight: 500; letter-spacing: .09em; text-transform: uppercase; }
.signal-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--at-mint); box-shadow: 0 0 0 4px rgba(158,232,211,.12); }
.hero-h1 { max-width: 700px; margin-bottom: 24px; color: #fff; font-family: var(--at-sans); font-size: clamp(52px, 5.6vw, 80px); font-weight: 700; line-height: .99; letter-spacing: -.065em; }
.hero-h1 em { display: inline-block; color: #d9f8ef; font-size: 1.06em; letter-spacing: -.045em; }
.hero-p { max-width: 610px; margin: 0 0 32px; color: #a9bac4; font-size: 17px; line-height: 1.72; }
.hero-actions { gap: 24px; }
.hero-primary { min-height: 54px; padding: 14px 19px 14px 22px; border-radius: 12px; background: var(--at-coral); box-shadow: 0 14px 34px rgba(255,98,89,.2); }
.hero-primary span, .nav-primary span { font-size: 18px; transition: transform .2s; }
.hero-primary:hover { background: #ff766f; transform: translateY(-2px); box-shadow: 0 18px 40px rgba(255,98,89,.28); }
.hero-primary:hover span, .nav-primary:hover span { transform: translate(2px,-2px); }
.hero-scroll-link { display: inline-flex; align-items: center; gap: 10px; color: #b7c3ca; font-size: 13px; }
.hero-scroll-link:hover { color: #fff; }
.play-mark { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.hero-assurance { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); }
.hero-assurance span { display: flex; align-items: center; gap: 6px; color: #778c98; font-family: var(--at-mono); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.hero-assurance svg { width: 15px; fill: none; stroke: var(--at-mint); stroke-width: 2; }

/* hero product */
.hero-product { position: relative; z-index: 2; width: 780px; perspective: 1500px; }
.product-orbit { position: absolute; border: 1px solid rgba(19,182,199,.15); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 590px; height: 590px; right: -100px; top: -105px; }
.orbit-two { width: 440px; height: 440px; right: -25px; top: -30px; border-color: rgba(255,98,89,.13); }
.ops-window { position: relative; border: 1px solid rgba(255,255,255,.18); border-radius: 22px; overflow: hidden; background: #f5f8f8; color: var(--at-ink); box-shadow: 0 50px 110px rgba(0,0,0,.43), 0 0 0 10px rgba(255,255,255,.025); transform: rotateY(-3deg) rotateX(1.3deg); transform-origin: left center; }
.ops-topbar { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid #dde6e7; background: rgba(255,255,255,.94); }
.ops-brand, .ops-top-actions, .ops-live { display: flex; align-items: center; gap: 9px; }
.ops-brand { font-size: 12px; font-weight: 700; }
.ops-brand-mark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: var(--at-ink); color: var(--at-mint); font-size: 12px; font-weight: 800; }
.ops-live { padding: 5px 8px; border-radius: 99px; background: #edf7f3; color: #3a6258; font-family: var(--at-mono); font-size: 8px; text-transform: uppercase; }
.ops-live i { width: 5px; height: 5px; border-radius: 50%; background: #26a87d; }
.ops-avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #e4ebed; color: #4d5f68; font-size: 9px; font-weight: 800; }
.ops-body { height: 432px; display: grid; grid-template-columns: 48px 1fr 196px; }
.ops-sidebar { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 13px 7px; border-right: 1px solid #dfe7e8; background: #fbfdfd; }
.side-icon { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 9px; color: #96a7ad; }
.side-icon.active { background: var(--at-ink); color: #fff; }
.side-icon svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.side-bottom { margin-top: auto; }
.ops-map { position: relative; min-width: 0; overflow: hidden; }
.city-map { width: 100%; height: 100%; display: block; }
.map-roads path { stroke-width: 10; }
.route-shadow, .route-line { fill: none; stroke-linecap: round; }
.route-shadow { stroke: rgba(255,98,89,.18); stroke-width: 14; }
.route-line { stroke: url(#routeGradient); stroke-width: 4; stroke-dasharray: 8 8; filter: url(#routeGlow); }
.map-toolbar { position: absolute; left: 12px; bottom: 12px; display: grid; border: 1px solid #dae3e4; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 8px 18px rgba(7,17,31,.08); }
.map-toolbar span { display: grid; place-items: center; width: 27px; height: 27px; color: #536870; font-size: 16px; }
.map-toolbar span + span { border-top: 1px solid #e3e9ea; }
.unit-card { position: absolute; display: flex; align-items: center; gap: 8px; min-width: 155px; padding: 7px; border: 1px solid #dce5e6; border-radius: 10px; background: rgba(255,255,255,.96); box-shadow: 0 12px 25px rgba(7,17,31,.12); }
.unit-card small, .route-caption small { display: block; color: #839399; font-family: var(--at-mono); font-size: 6px; letter-spacing: .08em; }
.unit-card strong, .route-caption strong { display: block; margin-top: 2px; color: #1d323c; font-size: 8px; white-space: nowrap; }
.unit-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: #d7f4ed; color: #087c7e; }
.unit-icon.coral { background: #ffe4e1; color: var(--at-coral-deep); }
.unit-icon svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.unit-ambulance { left: 34%; top: 49%; }.unit-hospital { right: 3%; top: 13%; }
.route-caption { position: absolute; left: 14px; top: 13px; padding: 9px 11px 9px 25px; border: 1px solid #dce5e6; border-radius: 9px; background: rgba(255,255,255,.92); }
.route-spark { position: absolute; left: 10px; top: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--at-cyan); box-shadow: 0 0 0 4px rgba(19,182,199,.12); }
.case-panel { padding: 18px 15px; border-left: 1px solid #dfe7e8; background: #fff; }
.case-heading { display: flex; justify-content: space-between; align-items: center; color: #6e7e84; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.case-priority { padding: 4px 6px; border-radius: 99px; background: #ffe5e2; color: #c9463f; font-family: var(--at-mono); font-size: 6px; }
.case-code { display: block; margin-top: 20px; font-size: 22px; letter-spacing: -.04em; }
.case-panel > p { color: #75858b; font-size: 9px; }
.case-timeline { margin-top: 24px; }
.timeline-item { position: relative; display: grid; grid-template-columns: 10px 1fr auto; gap: 7px; min-height: 67px; }
.timeline-item:not(:last-child)::after { content: ''; position: absolute; left: 4px; top: 11px; bottom: -1px; width: 1px; background: #dce5e6; }
.timeline-item > i { position: relative; z-index: 1; width: 9px; height: 9px; border: 2px solid #c7d2d5; border-radius: 50%; background: #fff; }
.timeline-item.done > i { border-color: #34aa85; background: #34aa85; }.timeline-item.active > i { border-color: var(--at-coral); box-shadow: 0 0 0 4px rgba(255,98,89,.12); }
.timeline-item strong { display: block; font-size: 8px; }.timeline-item small { display: block; margin-top: 2px; color: #95a1a6; font-size: 7px; }.timeline-item time { color: #95a1a6; font-family: var(--at-mono); font-size: 6px; }
.case-action { width: 100%; margin-top: 4px; padding: 9px 10px; border: none; border-radius: 8px; background: var(--at-ink); color: #fff; text-align: left; font-size: 8px; font-weight: 700; }.case-action span { float: right; color: var(--at-mint); }
.hero-product-caption { display: flex; justify-content: flex-end; align-items: center; gap: 7px; margin: 15px 2px 0 0; color: #70838e; font-family: var(--at-mono); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.hero-product-caption span { width: 18px; height: 1px; background: #60747f; }

/* proof strip */
.hero-proof { margin: 0; border: solid rgba(255,255,255,.08); border-width: 1px 0; background: rgba(255,255,255,.025); }
.proof-grid { grid-template-columns: 1.5fr repeat(4, 1fr); }
.proof-intro, .proof-item { min-height: 98px; display: flex; flex-direction: column; justify-content: center; padding: 18px 24px; border-right: 1px solid rgba(255,255,255,.08); text-align: left; }
.proof-intro span { color: #fff; font-size: 12px; font-weight: 700; }.proof-intro small { margin-top: 5px; color: #657984; font-size: 10px; }
.proof-num { color: #fff; font-family: var(--at-sans); font-size: 13px; font-weight: 700; }.proof-label { color: #70838e; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }

/* shared section typography */
.section { padding: 130px 0; }
.section-heading { margin-bottom: 64px; }
.section-index { display: inline-block; margin-bottom: 20px; color: #718087; font-family: var(--at-mono); font-size: 10px; font-weight: 500; letter-spacing: .12em; }
.section-h2, .gap-heading h2 { color: var(--at-ink); font-family: var(--at-sans); font-size: clamp(42px, 4.8vw, 66px); font-weight: 650; line-height: 1.04; letter-spacing: -.06em; }
.section-h2 em, .gap-heading em { color: #24515d; font-family: var(--at-serif); font-size: 1.06em; }
.section-sub { max-width: 510px; margin: 0; color: var(--at-muted); font-size: 16px; line-height: 1.7; }
.section-label, .section-index { text-align: left; }
.split-heading { display: grid; grid-template-columns: 1.1fr .75fr; gap: 80px; align-items: end; }
.centered-heading { display: flex; flex-direction: column; align-items: center; text-align: center; }.centered-heading .section-index, .centered-heading .section-sub { text-align: center; }.centered-heading .section-sub { margin-top: 20px; }

/* gap */
.gap-section { padding: 135px 0 130px; background: var(--at-paper); }
.gap-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 110px; align-items: end; }
.gap-heading h2 { max-width: 760px; }.gap-copy { padding-bottom: 8px; color: var(--at-muted); font-size: 16px; line-height: 1.75; }.gap-punch { margin-top: 18px; color: var(--at-ink); font-weight: 700; }
.handoff-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 72px; }
.handoff-card { min-width: 0; padding: 26px; border: 1px solid var(--at-line); border-radius: 26px; overflow: hidden; }.handoff-card > p { max-width: 510px; color: var(--at-muted); font-size: 13px; line-height: 1.65; }
.handoff-top { display: flex; justify-content: space-between; align-items: center; }.handoff-top span { font-size: 13px; font-weight: 750; }.handoff-top i { padding: 5px 8px; border-radius: 99px; color: #7a878b; background: #eef1ef; font-family: var(--at-mono); font-size: 7px; font-style: normal; text-transform: uppercase; }
.connected-card { background: #fff; box-shadow: 0 28px 70px rgba(7,17,31,.07); }.connected-card .handoff-top i { color: #147363; background: #e0f4ee; }
.handoff-chaos, .handoff-system { position: relative; height: 235px; margin: 5px 0; }
.handoff-chaos svg, .handoff-system svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #b9c3c5; stroke-width: 1.3; stroke-dasharray: 4 7; }
.handoff-system svg { stroke: var(--at-cyan); stroke-dasharray: none; }
.chaos-node, .system-node { position: absolute; z-index: 1; min-width: 78px; padding: 8px 12px; border: 1px solid #d8dede; border-radius: 9px; background: #f2f3ef; color: #7c8789; font-size: 9px; font-weight: 700; text-align: center; }.n1,.s1 { left: 2%; top: 16%; }.n2,.s2 { right: 2%; top: 19%; }.n3,.s3 { left: 1%; bottom: 16%; }.n4,.s4 { right: 1%; bottom: 16%; }
.system-node { border-color: #cae7e5; background: #edf8f5; color: #286c67; }.system-core { position: absolute; z-index: 2; left: 50%; top: 50%; display: grid; place-items: center; width: 92px; height: 92px; border: 1px solid rgba(19,182,199,.35); border-radius: 50%; background: var(--at-ink); color: #fff; transform: translate(-50%,-50%); box-shadow: 0 0 0 12px rgba(19,182,199,.07); }.system-core b { color: var(--at-mint); font-size: 24px; }.system-core small { margin-top: -19px; color: #9eb0b8; font-size: 7px; text-transform: uppercase; }

/* workflow */
.work-section { background: #fff; }
.workflow-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 96px; align-items: center; }
.workflow-visual { min-width: 0; }
.workflow-map { position: relative; height: 590px; overflow: hidden; border-radius: 30px; background: linear-gradient(145deg, #0b2131, #07131f); box-shadow: var(--at-shadow); }
.workflow-head { position: absolute; z-index: 2; top: 20px; left: 20px; right: 20px; display: flex; justify-content: space-between; color: #fff; font-size: 11px; font-weight: 700; }.workflow-head span { display: flex; align-items: center; gap: 7px; }.workflow-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--at-mint); }.workflow-head small { color: #7e929d; font-family: var(--at-mono); font-size: 8px; }
.workflow-map > svg { position: absolute; inset: 48px 0 0; width: 100%; height: calc(100% - 48px); }.flow-road { fill: none; stroke: rgba(255,255,255,.07); stroke-width: 24; stroke-linecap: round; }.flow-path { fill: none; stroke: var(--at-cyan); stroke-width: 3; stroke-dasharray: 7 9; }.workflow-map g circle { fill: #0d2636; stroke: var(--at-mint); stroke-width: 2; }.workflow-map g circle.hot { fill: var(--at-coral); stroke: #ffb1ab; }.workflow-map g path { fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.flow-status { position: absolute; min-width: 158px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(15,38,53,.88); box-shadow: 0 15px 35px rgba(0,0,0,.2); }.flow-status small { display: block; color: #6f8b97; font-family: var(--at-mono); font-size: 7px; }.flow-status strong { color: #eaf5f8; font-size: 10px; }.status-one { left: 9%; bottom: 10%; }.status-two { left: 42%; top: 52%; }.status-three { right: 3%; top: 19%; border-color: rgba(255,98,89,.28); }
.process { max-width: none; margin: 0; }
.process-step { gap: 24px; padding: 28px 0; border-color: var(--at-line); }
.process-num { width: 42px; color: #bdc8c8; font-family: var(--at-mono); font-size: 11px; font-style: normal; }
.process-step:hover .process-num { color: var(--at-coral); }
.process-kicker { color: var(--at-coral-deep); font-family: var(--at-mono); font-size: 8px; letter-spacing: .12em; }
.process-body h3 { margin: 7px 0 7px; color: var(--at-ink); font-size: 18px; font-weight: 750; letter-spacing: -.025em; }.process-body p { max-width: 440px; color: var(--at-muted); font-size: 13px; line-height: 1.65; }

/* features */
.feature-section { background: var(--at-mist); }
.feature-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; }
.feature-card { position: relative; min-height: 330px; padding: 28px; border: 1px solid rgba(7,17,31,.09); border-radius: 26px; overflow: hidden; background: rgba(255,255,255,.76); transition: transform .3s, box-shadow .3s, border-color .3s; }.feature-card:hover { transform: translateY(-5px); border-color: rgba(19,182,199,.35); box-shadow: 0 22px 55px rgba(7,17,31,.09); }
.feature-card h3 { max-width: 360px; margin: 13px 0 8px; color: var(--at-ink); font-size: 22px; font-weight: 750; letter-spacing: -.035em; }.feature-card p { max-width: 400px; color: var(--at-muted); font-size: 13px; line-height: 1.65; }.feature-number { color: #8b999d; font-family: var(--at-mono); font-size: 8px; }.feature-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-top: 37px; border-radius: 13px; background: #e2f3ef; color: #137f7a; }.feature-icon svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.feature-tag { display: inline-block; margin-top: 18px; padding: 5px 9px; border-radius: 99px; background: #e0f3ee; color: #247168; font-family: var(--at-mono); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.feature-map-card { grid-column: span 7; display: grid; grid-template-columns: .9fr 1.1fr; background: #fff; }.feature-map-card .feature-card-copy { position: relative; z-index: 2; }.feature-case-card { grid-column: span 5; }.feature-hospital-card { grid-column: span 5; }.feature-alert-card { grid-column: span 7; background: var(--at-ink-2); }.feature-sos-card { grid-column: span 7; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr auto; }.feature-insight-card { grid-column: span 5; }
.mini-radar { position: absolute; right: -55px; bottom: -85px; width: 390px; height: 390px; border-radius: 50%; background: #edf6f4; }.radar-ring { position: absolute; left: 50%; top: 50%; border: 1px solid #badfd9; border-radius: 50%; transform: translate(-50%,-50%); }.radar-ring.r1 { width: 110px; height: 110px; }.radar-ring.r2 { width: 220px; height: 220px; }.radar-ring.r3 { width: 330px; height: 330px; }.radar-unit { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: var(--at-ink); color: #fff; transform: translate(-50%,-50%) rotate(-10deg); box-shadow: 0 12px 25px rgba(7,17,31,.2); }.radar-unit svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }.radar-point { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--at-coral); box-shadow: 0 0 0 6px rgba(255,98,89,.12); }.radar-point.p1 { top: 23%; left: 29%; }.radar-point.p2 { right: 17%; bottom: 32%; background: var(--at-cyan); }
.case-chips { display: flex; align-items: center; gap: 7px; margin-top: 34px; }.case-chips span { padding: 6px 8px; border-radius: 7px; background: #f0f4f3; color: #65767b; font-family: var(--at-mono); font-size: 7px; }.case-chips i { flex: 1; height: 1px; background: #cbd6d6; }
.readiness-row { display: flex; gap: 8px; margin-top: 30px; }.readiness-row span { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border: 1px solid #d8e1e1; border-radius: 8px; color: #596b70; font-size: 8px; }.readiness-row i { width: 6px; height: 6px; border-radius: 50%; background: #d5a54b; }.readiness-row i.ready { background: #2eaa82; }
.feature-alert-card .feature-number, .feature-alert-card p { color: #78909c; }.feature-alert-card h3 { color: #fff; }.dark-tag { color: var(--at-mint); background: rgba(158,232,211,.08); }.alert-rings { position: absolute; right: -55px; top: -80px; width: 350px; height: 350px; }.alert-rings i { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,98,89,.22); border-radius: 50%; transform: translate(-50%,-50%); }.alert-rings i:nth-child(1) { width: 100px; height: 100px; }.alert-rings i:nth-child(2) { width: 220px; height: 220px; }.alert-rings i:nth-child(3) { width: 340px; height: 340px; }.alert-rings b { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 65px; height: 65px; border-radius: 50%; background: var(--at-coral); color: #fff; font-family: var(--at-mono); font-size: 11px; transform: translate(-50%,-50%); box-shadow: 0 0 0 12px rgba(255,98,89,.08); }
.sos-button { grid-row: 1 / span 3; grid-column: 2; place-self: center; display: grid; place-items: center; align-content: center; width: 170px; height: 170px; border: 1px solid #f1c6c2; border-radius: 50%; background: radial-gradient(circle, #fff 48%, #ffe9e7 49%, #fff1ef 66%, #fff 67%); box-shadow: inset 0 0 0 12px #fff0ee, 0 16px 50px rgba(255,98,89,.13); }.sos-button span { color: var(--at-coral-deep); font-size: 30px; font-weight: 800; }.sos-button small { color: #a37875; font-family: var(--at-mono); font-size: 6px; text-transform: uppercase; }
.insight-bars { height: 55px; display: flex; align-items: end; gap: 7px; margin-top: 27px; }.insight-bars i { flex: 1; height: 28%; border-radius: 4px 4px 1px 1px; background: #bcded8; }.insight-bars i:nth-child(2) { height: 42%; }.insight-bars i:nth-child(3) { height: 65%; }.insight-bars i:nth-child(4) { height: 47%; }.insight-bars i:nth-child(5) { height: 78%; background: var(--at-cyan); }.insight-bars i:nth-child(6) { height: 61%; }.insight-bars i:nth-child(7) { height: 90%; background: var(--at-coral); }

/* role views */
.roles-section { background: #fff; }
.role-tabs { display: grid; grid-template-columns: repeat(4,1fr); margin: 0 0 24px; border: 1px solid var(--at-line); border-radius: 16px; background: #f3f5f3; overflow: visible; padding: 5px; }
.role-tab { min-height: 58px; padding: 12px 15px; border: none; border-radius: 11px; background: transparent; color: #728086; font-size: 12px; gap: 9px; }.role-tab:hover { background: #fff; color: var(--at-ink); }.role-tab.active { background: var(--at-ink); color: #fff; box-shadow: 0 8px 22px rgba(7,17,31,.16); }.role-tab-num { font-family: var(--at-mono); font-size: 8px; }
.role-stage { min-height: 600px; border-radius: 28px; overflow: hidden; background: var(--at-paper); }
.role-panel { display: none; }.role-panel.active { display: block; }.role-grid { min-height: 600px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; align-items: center; }.role-info { padding: 64px; }.role-eyebrow { color: var(--at-coral-deep); font-family: var(--at-mono); font-size: 8px; letter-spacing: .13em; }.role-info h3 { margin: 15px 0 14px; color: var(--at-ink); font-size: clamp(28px,3.2vw,42px); font-weight: 700; line-height: 1.08; letter-spacing: -.055em; }.role-info > p { max-width: 500px; color: var(--at-muted); font-size: 14px; line-height: 1.7; }.role-list { margin-top: 27px; gap: 11px; }.role-list li { color: #46585e; font-size: 12px; }.role-list li::before { width: 17px; height: 17px; margin-top: 1px; background: #daf1ea; content: '✓'; color: #18836f; font-size: 9px; font-weight: 800; text-align: center; line-height: 17px; }
.role-mockup { min-height: 600px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 45%, rgba(19,182,199,.16), transparent 35%), linear-gradient(150deg,#0b2131,#07131f); }
.role-device { position: relative; overflow: hidden; background: #f8fbfb; color: var(--at-ink); box-shadow: 0 40px 90px rgba(0,0,0,.36), 0 0 0 8px rgba(255,255,255,.04); }.phone-device { width: 286px; min-height: 510px; padding: 12px; border: 7px solid #020b12; border-radius: 38px; }.device-notch { width: 80px; height: 17px; margin: -4px auto 10px; border-radius: 0 0 12px 12px; background: #020b12; }.device-head, .tablet-top { display: flex; justify-content: space-between; align-items: center; padding: 8px 6px 13px; border-bottom: 1px solid #e0e8e8; color: #64767c; font-family: var(--at-mono); font-size: 7px; }.device-case { display: flex; justify-content: space-between; padding: 15px 6px 10px; }.device-case span { color: #248268; font-family: var(--at-mono); font-size: 7px; }.device-case i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #38ac85; }.device-case small { color: var(--at-ink); font-family: var(--at-mono); font-size: 8px; font-weight: 700; }.device-map { position: relative; height: 210px; border-radius: 13px; overflow: hidden; background-image: linear-gradient(#dae6e5 1px, transparent 1px),linear-gradient(90deg,#dae6e5 1px,transparent 1px); background-size: 26px 26px; background-color: #eef4f3; }.device-map svg { width: 100%; height: 100%; }.device-road,.device-route { fill: none; stroke-linecap: round; }.device-road { stroke: #d4e1e0; stroke-width: 15; }.device-route { stroke: var(--at-cyan); stroke-width: 3; stroke-dasharray: 6 7; }.device-map circle:first-of-type { fill: var(--at-ink); stroke: #fff; stroke-width: 3; }.device-map circle:last-of-type { fill: var(--at-coral); stroke: #fff; stroke-width: 3; }.device-unit { position: absolute; left: 41%; top: 53%; padding: 4px 6px; border-radius: 5px; background: var(--at-ink); color: #fff; font-family: var(--at-mono); font-size: 6px; }.device-details { padding: 15px 7px; }.device-details small { display: block; color: #8a989d; font-family: var(--at-mono); font-size: 6px; }.device-details strong { display: block; margin: 4px 0; font-size: 16px; }.device-details span { color: var(--at-coral-deep); font-size: 9px; }.device-actions { display: flex; gap: 7px; padding: 0 6px; }.device-actions b, .device-actions span { display: flex; align-items: center; justify-content: center; min-height: 39px; border-radius: 9px; font-size: 9px; }.device-actions b { flex: .4; background: #ffe6e3; color: var(--at-coral-deep); }.device-actions > span { flex: 1; background: var(--at-ink); color: #fff; }.device-actions .full-action { width: 100%; }
.traffic-device { min-height: 490px; }.traffic-alert { display: flex; flex-direction: column; align-items: center; padding: 38px 12px 22px; text-align: center; }.traffic-beacon { position: relative; display: grid; place-items: center; width: 122px; height: 122px; margin-bottom: 26px; }.traffic-beacon i { position: absolute; inset: 0; border: 1px solid rgba(255,98,89,.25); border-radius: 50%; }.traffic-beacon i:nth-child(2) { inset: 20px; }.traffic-beacon b { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: var(--at-coral); color: #fff; font-size: 25px; }.traffic-alert small { color: var(--at-coral-deep); font-family: var(--at-mono); font-size: 7px; }.traffic-alert strong { margin-top: 6px; font-size: 21px; }.traffic-alert p { color: #77888e; font-size: 10px; }.junction-card { margin: 0 6px 14px; padding: 12px; border: 1px solid #dce4e4; border-radius: 10px; }.junction-card span,.junction-card small { display: block; }.junction-card span { font-size: 10px; font-weight: 700; }.junction-card small { color: #89989d; font-size: 8px; }
.tablet-device { width: 500px; min-height: 350px; padding: 14px; border: 8px solid #020b12; border-radius: 24px; }.tablet-top { padding: 5px 3px 14px; }.tablet-top small { color: #7e8e93; }.inbound-banner { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; padding: 17px; border-radius: 13px; background: var(--at-ink); color: #fff; }.inbound-banner small,.inbound-banner strong,.inbound-banner span { display: block; }.inbound-banner small { color: var(--at-mint); font-family: var(--at-mono); font-size: 6px; }.inbound-banner strong { margin: 5px 0; font-size: 17px; }.inbound-banner span { color: #9db0b9; font-size: 8px; }.inbound-banner b { padding: 8px 11px; border-radius: 8px; background: var(--at-coral); font-size: 8px; }.capacity-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 9px; }.capacity-grid > span { position: relative; padding: 13px; border: 1px solid #dfe6e6; border-radius: 11px; }.capacity-grid small,.capacity-grid strong { display: block; }.capacity-grid small { color: #8b989c; font-family: var(--at-mono); font-size: 6px; }.capacity-grid strong { margin-top: 7px; font-size: 10px; }.capacity-grid i { position: absolute; right: 10px; top: 12px; width: 7px; height: 7px; border-radius: 50%; background: #d8a74c; }.capacity-grid i.green-dot { background: #2ba87e; }.patient-min { margin-top: 9px; padding: 13px; border-radius: 10px; background: #edf3f2; }.patient-min small { color: #809095; font-family: var(--at-mono); font-size: 6px; }.patient-min p { margin-top: 4px; font-size: 9px; }
.command-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 12px; }.command-stats span { padding: 12px; border-radius: 10px; background: #edf3f2; }.command-stats small,.command-stats strong { display: block; }.command-stats small { color: #839297; font-family: var(--at-mono); font-size: 6px; }.command-stats strong { font-size: 21px; }.command-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 7px; margin-top: 7px; }.command-map { height: 178px; border-radius: 11px; background-image: linear-gradient(#dce7e6 1px,transparent 1px),linear-gradient(90deg,#dce7e6 1px,transparent 1px); background-size: 22px 22px; background-color: #eef5f4; }.command-map svg { width: 100%; height: 100%; }.command-map path { fill: none; stroke: var(--at-cyan); stroke-width: 3; stroke-dasharray: 6 6; }.command-map circle { fill: var(--at-coral); stroke: #fff; stroke-width: 3; }.command-list { display: flex; flex-direction: column; gap: 5px; }.command-list span { display: grid; grid-template-columns: 8px 1fr; gap: 2px 5px; padding: 10px; border: 1px solid #dce5e5; border-radius: 9px; }.command-list i { grid-row: span 2; align-self: center; width: 6px; height: 6px; border-radius: 50%; background: #34a783; }.command-list i.urgent { background: var(--at-coral); }.command-list b { font-size: 8px; }.command-list small { color: #8a989c; font-size: 6px; }

/* trust */
.trust-section { position: relative; overflow: hidden; background: var(--at-ink); color: #fff; }
.trust-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 70px 70px; mask-image: radial-gradient(circle at 20% 50%,#000,transparent 75%); }
.trust-layout { position: relative; display: grid; grid-template-columns: 1fr .82fr; gap: 100px; align-items: center; }.light-index { color: #78919c; }.trust-main h2 { max-width: 750px; color: #fff; font-size: clamp(43px,5vw,66px); line-height: 1.05; letter-spacing: -.06em; }.trust-main h2 em { color: var(--at-mint); }.trust-main > p { max-width: 610px; margin-top: 25px; color: #92a6b0; font-size: 15px; line-height: 1.75; }.stack-row { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 42px; color: #68808b; font-family: var(--at-mono); font-size: 7px; letter-spacing: .08em; }.stack-row i { width: 3px; height: 3px; border-radius: 50%; background: var(--at-coral); }
.trust-cards { display: flex; flex-direction: column; gap: 10px; }.trust-cards article { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 22px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.035); }.trust-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(158,232,211,.08); color: var(--at-mint); }.trust-icon svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.trust-cards small { color: var(--at-coral); font-family: var(--at-mono); font-size: 7px; letter-spacing: .1em; }.trust-cards h3 { margin: 4px 0; color: #fff; font-size: 15px; }.trust-cards p { color: #8297a1; font-size: 11px; line-height: 1.6; }
.positioning-note { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 22px; align-items: start; margin-top: 90px; padding-top: 38px; border-top: 1px solid rgba(255,255,255,.1); }.positioning-note > span { color: var(--at-coral); font-family: var(--at-serif); font-size: 56px; line-height: .8; }.positioning-note p { max-width: 960px; color: #c4d1d6; font-family: var(--at-serif); font-size: clamp(21px,2.2vw,30px); font-style: italic; line-height: 1.4; }

/* faq */
.faq-section { background: var(--at-paper); }.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 120px; align-items: start; }.faq-heading { position: sticky; top: 130px; }.faq-heading > p { max-width: 330px; margin-top: 18px; color: var(--at-muted); font-size: 14px; line-height: 1.65; }.faq-heading > a { display: inline-flex; gap: 10px; margin-top: 28px; color: var(--at-ink); font-size: 12px; font-weight: 750; text-decoration: none; }.faq-heading > a span { color: var(--at-coral); }.faq-list { margin: 0; }.faq-item, .faq-item:first-child { border-color: var(--at-line); }.faq-item summary { min-height: 78px; padding: 24px 0; color: var(--at-ink); font-size: 16px; font-weight: 700; }.faq-item summary span { display: flex; align-items: center; gap: 18px; }.faq-item summary b { color: #9ba6a9; font-family: var(--at-mono); font-size: 8px; }.faq-item summary::after { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #ccd6d6; border-radius: 50%; color: var(--at-ink); font-size: 16px; }.faq-item p { max-width: 670px; padding: 0 46px 25px; color: var(--at-muted); font-size: 13px; line-height: 1.75; }

/* conversion section */
.cta { padding: 0 0 96px; background: var(--at-paper); }.cta-inner { position: relative; display: grid; grid-template-columns: 1fr .8fr; gap: 80px; align-items: center; min-height: 650px; padding: 72px; border-radius: 32px; background: var(--at-ink); text-align: left; }.cta-inner::before { display: none; }.cta-route { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }.cta-route svg { width: 100%; height: 100%; }.cta-route path { fill: none; stroke: rgba(19,182,199,.13); stroke-width: 2; stroke-dasharray: 8 11; }.cta-route circle:first-of-type { fill: var(--at-cyan); }.cta-route circle:last-of-type { fill: var(--at-coral); }.cta-copy { position: relative; z-index: 2; }.cta-copy h2 { max-width: 690px; margin: 0; color: #fff; font-size: clamp(43px,4.9vw,66px); font-weight: 650; line-height: 1.04; letter-spacing: -.06em; }.cta-copy h2 em { color: var(--at-mint); }.cta-copy > p { max-width: 550px; margin: 25px 0 28px; color: #90a5af; font-size: 14px; line-height: 1.75; }.cta-copy ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }.cta-copy li { color: #a8b8c0; font-size: 11px; }.cta-copy li::before { content: '✓'; display: inline-grid; place-items: center; width: 16px; height: 16px; margin-right: 9px; border-radius: 50%; background: rgba(158,232,211,.12); color: var(--at-mint); font-size: 8px; }
.cta-form-card { position: relative; z-index: 3; padding: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.075); box-shadow: 0 30px 70px rgba(0,0,0,.2); backdrop-filter: blur(20px); }.form-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 22px; }.form-card-head span { color: #fff; font-size: 15px; font-weight: 750; }.form-card-head small { color: #77909b; font-size: 8px; }.demo-form { max-width: none; }.demo-fields { display: grid; grid-template-columns: 1fr; gap: 13px; margin-bottom: 16px; }.demo-fields label > span { display: block; margin-bottom: 6px; color: #8ea2ac; font-family: var(--at-mono); font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }.demo-input { height: 46px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 10px; background: rgba(4,13,23,.65); color: #fff; font-size: 12px; }.demo-input::placeholder { color: #5f7782; }.demo-input:focus { border-color: var(--at-cyan); box-shadow: 0 0 0 3px rgba(19,182,199,.13); }.demo-select { color-scheme: dark; }.demo-input.invalid { border-color: var(--at-coral); }.demo-error { color: #ff8f89; }.demo-submit { min-height: 49px; border-radius: 10px; background: var(--at-coral); font-size: 12px; }.demo-submit:hover { background: #ff766f; }.demo-submit:disabled { cursor: wait; filter: saturate(.6); }.form-privacy { margin: 10px 0 0; color: #617986; font-size: 8px; line-height: 1.5; text-align: center; }.demo-success { min-height: 260px; justify-content: center; }.demo-success svg { width: 35px; fill: none; stroke: var(--at-mint); stroke-width: 2; }.demo-success strong { color: #fff; }.cta-note { max-width: 950px; margin: 17px auto 0; color: #8b979a; font-size: 10px; text-align: center; }

/* footer */
.footer { padding: 75px 0 30px; background: #050d16; }.footer .nav-logo { color: #fff; }.footer-top { grid-template-columns: 2.2fr 1fr 1fr 1fr; gap: 55px; }.footer-brand p { max-width: 330px; color: #687d87; font-size: 12px; }.footer-col strong { color: #d9e2e6; font-family: var(--at-mono); font-size: 8px; }.footer-col a { color: #71858f; font-size: 12px; }.footer-col a:hover { color: #fff; }.footer-bottom { color: #596f79; font-family: var(--at-mono); font-size: 8px; letter-spacing: .04em; }.footer-status { display: flex; align-items: center; gap: 7px; }.footer-status i { width: 6px; height: 6px; border-radius: 50%; background: #44ad8d; }

/* dark theme: same art direction, deeper operating-room surfaces */
html.amb-public-page[data-theme="dark"] body { background: #050b13 !important; color: #eaf3f6 !important; }
html.amb-public-page[data-theme="dark"] body::before, html.amb-public-page[data-theme="dark"] body::after { display: none !important; }
html.amb-public-page[data-theme="dark"] .nav, html.amb-public-page[data-theme="dark"] .nav.scrolled { background: rgba(7,17,31,.9) !important; border-color: rgba(255,255,255,.14) !important; }
html.amb-public-page[data-theme="dark"] body .hero, html.amb-public-page[data-theme="dark"] body .trust-section { background: var(--at-ink) !important; }
html.amb-public-page[data-theme="dark"] body .gap-section, html.amb-public-page[data-theme="dark"] body .feature-section, html.amb-public-page[data-theme="dark"] body .faq-section, html.amb-public-page[data-theme="dark"] body .cta { background: #06111d !important; }
html.amb-public-page[data-theme="dark"] body .work-section, html.amb-public-page[data-theme="dark"] body .roles-section { background: #091827 !important; }
html.amb-public-page[data-theme="dark"] body .hero-h1, html.amb-public-page[data-theme="dark"] body .trust-main h2, html.amb-public-page[data-theme="dark"] body .cta-copy h2, html.amb-public-page[data-theme="dark"] body .section-h2, html.amb-public-page[data-theme="dark"] body .gap-heading h2, html.amb-public-page[data-theme="dark"] body .role-info h3, html.amb-public-page[data-theme="dark"] body .feature-card h3, html.amb-public-page[data-theme="dark"] body .faq-item summary { color: #eef7f8 !important; text-shadow: none; }
html.amb-public-page[data-theme="dark"] body .section-h2 em, html.amb-public-page[data-theme="dark"] body .gap-heading em { color: var(--at-mint) !important; }
html.amb-public-page[data-theme="dark"] body .section-sub, html.amb-public-page[data-theme="dark"] body .gap-copy, html.amb-public-page[data-theme="dark"] body .role-info > p, html.amb-public-page[data-theme="dark"] body .feature-card p, html.amb-public-page[data-theme="dark"] body .faq-heading > p, html.amb-public-page[data-theme="dark"] body .faq-item p { color: #91a6b0 !important; }
html.amb-public-page[data-theme="dark"] body .handoff-card, html.amb-public-page[data-theme="dark"] body .feature-card, html.amb-public-page[data-theme="dark"] body .role-stage { background: #0c1e2d !important; border-color: rgba(255,255,255,.1) !important; box-shadow: none !important; }
html.amb-public-page[data-theme="dark"] body .handoff-card > p, html.amb-public-page[data-theme="dark"] body .process-body p { color: #8197a1 !important; }
html.amb-public-page[data-theme="dark"] body .handoff-top span, html.amb-public-page[data-theme="dark"] body .gap-punch, html.amb-public-page[data-theme="dark"] body .process-body h3, html.amb-public-page[data-theme="dark"] body .role-list li, html.amb-public-page[data-theme="dark"] body .faq-heading > a { color: #e5f0f3 !important; }
html.amb-public-page[data-theme="dark"] body .process-step, html.amb-public-page[data-theme="dark"] body .faq-item { border-color: rgba(255,255,255,.1) !important; }
html.amb-public-page[data-theme="dark"] body .role-tabs { border-color: rgba(255,255,255,.1) !important; background: #07131f !important; box-shadow: none !important; }
html.amb-public-page[data-theme="dark"] body .role-tab { border-color: transparent !important; background: transparent !important; color: #8297a1 !important; box-shadow: none !important; backdrop-filter: none; }
html.amb-public-page[data-theme="dark"] body .role-tab.active { background: #e8f5f2 !important; border-color: transparent !important; color: var(--at-ink) !important; }
html.amb-public-page[data-theme="dark"] body .feature-icon { background: rgba(158,232,211,.09); color: var(--at-mint); }
html.amb-public-page[data-theme="dark"] body .case-chips span, html.amb-public-page[data-theme="dark"] body .readiness-row span { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); color: #91a6b0; }
html.amb-public-page[data-theme="dark"] body .mini-radar { background: #0a2633; }
html.amb-public-page[data-theme="dark"] body .faq-item summary::after { border-color: rgba(255,255,255,.18); color: #fff; }
html.amb-public-page[data-theme="dark"] .footer { background: #030910 !important; }

/* motion */
@media (prefers-reduced-motion: no-preference) {
    .route-line, .flow-path, .device-route, .cta-route path { animation: routeFlow 12s linear infinite; }
    .signal-dot, .ops-live i, .workflow-head i { animation: signalPulse 2.4s ease-in-out infinite; }
    .product-orbit { animation: orbitDrift 14s ease-in-out infinite alternate; }
    .orbit-two { animation-duration: 18s; animation-direction: alternate-reverse; }
    .hero-product { animation: productFloat 7s ease-in-out infinite; }
    .radar-ring, .alert-rings i { animation: ringBreathe 4s ease-in-out infinite alternate; }
}
@keyframes routeFlow { to { stroke-dashoffset: -160; } }
@keyframes signalPulse { 50% { box-shadow: 0 0 0 7px rgba(158,232,211,.05); filter: brightness(1.25); } }
@keyframes orbitDrift { to { transform: translate(-16px,12px) scale(1.04); } }
@keyframes productFloat { 50% { transform: translateY(-7px); } }
@keyframes ringBreathe { to { transform: translate(-50%,-50%) scale(1.04); } }

@media (max-width: 1180px) {
    .hero-layout { grid-template-columns: .8fr 1.2fr; gap: 24px; }.hero-product { width: 700px; }.ops-body { grid-template-columns: 45px 1fr 180px; }.hero-h1 { font-size: 58px; }
    .workflow-layout { gap: 55px; }.role-info { padding: 45px; }.cta-inner { gap: 45px; padding: 55px; }
}

@media (max-width: 980px) {
    .wrap { width: min(100% - 36px, 760px); }
    .nav { width: calc(100% - 24px); top: 8px; }.nav-links, .nav-right { display: none; }.nav-burger { display: block; }.nav-mobile.open { display: flex; padding: 6px 18px 18px; }
    .hero { padding-top: 125px; }.hero-layout { min-height: auto; grid-template-columns: 1fr; gap: 70px; }.hero-copy { max-width: 680px; }.hero-product { width: 100%; }.ops-window { transform: none; }.hero-product-caption { justify-content: center; }.hero-assurance { max-width: 650px; }
    .proof-grid { grid-template-columns: repeat(4,1fr); }.proof-intro { grid-column: 1 / -1; border-bottom: 1px solid rgba(255,255,255,.08); }.proof-item { min-height: 82px; padding: 14px; }
    .gap-layout, .split-heading, .workflow-layout, .trust-layout, .faq-layout, .cta-inner { grid-template-columns: 1fr; }.gap-layout, .split-heading { gap: 32px; }.handoff-grid { grid-template-columns: 1fr; }.workflow-layout { gap: 55px; }.workflow-map { height: 520px; }.process { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }.process-step:nth-last-child(2) { border-bottom: none; }
    .feature-map-card,.feature-case-card,.feature-hospital-card,.feature-alert-card,.feature-sos-card,.feature-insight-card { grid-column: span 6; }.feature-map-card { display: block; }.mini-radar { width: 280px; height: 280px; right: -65px; }.feature-map-card .feature-card-copy { max-width: 62%; }.feature-sos-card { display: block; }.sos-button { position: absolute; right: -22px; top: 28px; width: 145px; height: 145px; }.feature-sos-card h3,.feature-sos-card p { max-width: 60%; }
    .role-grid { grid-template-columns: 1fr; }.role-info { padding: 55px; }.role-mockup { min-height: 540px; }.role-stage { min-height: auto; }.role-grid { min-height: auto; }
    .trust-layout { gap: 60px; }.faq-heading { position: static; }.faq-layout { gap: 55px; }.cta-inner { gap: 55px; }.cta-form-card { max-width: 570px; }.footer-top { grid-template-columns: 1.7fr 1fr 1fr; }.footer-col:last-child { grid-column: 2; }
}

@media (max-width: 700px) {
    .wrap { width: min(100% - 28px, 620px); }
    .section { padding: 92px 0; }.hero { padding-top: 112px; }.hero-layout { gap: 50px; padding-bottom: 58px; }.hero-h1 { font-size: clamp(45px,13.5vw,62px); }.hero-p { font-size: 15px; }.hero-actions { align-items: stretch; flex-direction: column; gap: 14px; }.hero-primary { justify-content: center; }.hero-scroll-link { justify-content: center; }.hero-assurance { gap: 11px 15px; }
    h1 br + em, h2 br + em { padding-top: .3em; }
    .ops-window { border-radius: 16px; }.ops-body { height: 390px; grid-template-columns: 40px 1fr; }.case-panel { display: none; }.ops-topbar { height: 50px; }.ops-map { min-width: 0; }.unit-card { transform: scale(.86); transform-origin: left center; }.unit-hospital { right: -12px; transform-origin: right center; }
    .proof-grid { grid-template-columns: 1fr 1fr; }.proof-intro { min-height: 82px; }.proof-item { border-bottom: 1px solid rgba(255,255,255,.08); }.hero-proof-note { margin: 10px 14px; line-height: 1.5; }
    .gap-section { padding: 90px 0; }.section-h2,.gap-heading h2 { font-size: clamp(38px,11vw,54px); }.handoff-grid { margin-top: 48px; }.handoff-card { padding: 20px; }.handoff-chaos,.handoff-system { height: 200px; }
    .workflow-map { height: 440px; }.flow-status { min-width: 135px; padding: 9px; }.status-two { left: 35%; }.process { grid-template-columns: 1fr; }.process-step:nth-last-child(2) { border-bottom: 1px solid var(--at-line); }
    .feature-grid { grid-template-columns: 1fr; }.feature-map-card,.feature-case-card,.feature-hospital-card,.feature-alert-card,.feature-sos-card,.feature-insight-card { grid-column: 1; }.feature-card { min-height: 315px; }.mini-radar { right: -105px; }.feature-map-card .feature-card-copy { max-width: 70%; }.feature-alert-card { min-height: 350px; }.alert-rings { right: -100px; }.sos-button { width: 125px; height: 125px; }.sos-button span { font-size: 23px; }
    .role-tabs { grid-template-columns: 1fr 1fr; gap: 4px; }.role-tab { min-height: 52px; }.role-info { padding: 40px 27px; }.role-mockup { min-height: 500px; }.phone-device { transform: scale(.9); }.tablet-device { width: 470px; transform: scale(.82); }.roles-heading { margin-bottom: 40px; }
    .trust-main h2,.cta-copy h2 { font-size: clamp(39px,11vw,55px); }.positioning-note { margin-top: 65px; }.positioning-note p { font-size: 21px; }.faq-item summary { font-size: 14px; }.faq-item p { padding-left: 33px; }.cta { padding-bottom: 50px; }.cta-inner { min-height: auto; padding: 45px 25px; border-radius: 24px; }.cta-form-card { padding: 22px 18px; }.form-card-head { align-items: flex-start; flex-direction: column; gap: 5px; }
    .footer { padding-top: 55px; }.footer-top { grid-template-columns: 1fr 1fr; gap: 35px; }.footer-brand { grid-column: 1 / -1; }.footer-col:last-child { grid-column: auto; }.footer-bottom { align-items: flex-start; }
}

@media (max-width: 430px) {
    .nav-logo { font-size: 16px; }.nav-logo-mark { width: 30px; height: 30px; }.hero-eyebrow { font-size: 8px; }.hero-assurance span { font-size: 8px; }.ops-sidebar { display: none; }.ops-body { grid-template-columns: 1fr; height: 350px; }.unit-card { min-width: 142px; }.handoff-top { align-items: flex-start; gap: 10px; }.chaos-node,.system-node { min-width: 66px; padding: 7px 8px; }.workflow-map { height: 390px; }.flow-status { min-width: 118px; }.flow-status strong { font-size: 8px; }.status-three { right: -3%; }.feature-card { padding: 23px; }.feature-map-card .feature-card-copy { max-width: 82%; }.readiness-row { flex-wrap: wrap; }.role-tabs { grid-template-columns: 1fr; }.role-mockup { min-height: 455px; }.phone-device { transform: scale(.82); }.tablet-device { transform: scale(.64); }.trust-cards article { padding: 18px; }.positioning-note { gap: 12px; }.faq-item summary b { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}