:root {
  --bg: #071111;
  --bg-soft: #0b1918;
  --panel: rgba(12, 28, 26, 0.82);
  --panel-solid: #102321;
  --panel-2: #142a27;
  --text: #f2f8f5;
  --muted: #a6b8b1;
  --line: rgba(190, 229, 211, 0.16);
  --line-strong: rgba(190, 229, 211, 0.28);
  --accent: #c7ff56;
  --accent-2: #4fe4c1;
  --accent-3: #ff9864;
  --blue: #72a7ff;
  --shadow: 0 28px 90px rgba(0,0,0,.38);
  --header-bg: rgba(7,17,17,.80);
  --radius: 28px;
}
html[data-theme="light"] {
  --bg: #f5f2e9;
  --bg-soft: #eef3ec;
  --panel: rgba(255,255,255,.80);
  --panel-solid: #ffffff;
  --panel-2: #f2f6ef;
  --text: #172521;
  --muted: #65746f;
  --line: rgba(26,65,54,.13);
  --line-strong: rgba(26,65,54,.23);
  --shadow: 0 28px 80px rgba(51,74,62,.15);
  --header-bg: rgba(245,242,233,.84);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; overflow-x: hidden; transition: background .35s ease, color .35s ease; }
body.no-scroll { overflow: hidden; }
button, a, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { display: block; max-width: 100%; }
.section-shell { width: min(1240px, calc(100% - 44px)); margin-inline: auto; }
.scroll-progress { position: fixed; inset: 0 auto auto 0; z-index: 1000; height: 3px; width: 0; background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3)); box-shadow: 0 0 18px var(--accent-2); }
.ambient { position: fixed; pointer-events: none; border-radius: 999px; filter: blur(100px); opacity: .16; z-index: -1; }
.ambient-a { width: 460px; height: 460px; background: var(--accent-2); top: 8%; right: -180px; }
.ambient-b { width: 400px; height: 400px; background: var(--accent-3); bottom: 6%; left: -200px; opacity: .10; }
.site-header { width: min(1380px, calc(100% - 24px)); height: 78px; position: sticky; top: 12px; z-index: 900; margin: 12px auto 0; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--header-bg); backdrop-filter: blur(18px); box-shadow: 0 12px 44px rgba(0,0,0,.12); }
.brand { display: flex; align-items: center; gap: 12px; min-width: 238px; }
.brand-logo-wrap { width: 48px; height: 48px; border-radius: 13px; background: #fff; overflow: hidden; display: grid; place-items: center; flex: 0 0 auto; box-shadow: inset 0 0 0 1px rgba(20,30,50,.08); }
.brand-logo-wrap img { width: 100%; height: 100%; object-fit: contain; transform: scale(1.08); }
.brand-copy { display: grid; line-height: 1.15; }
.brand-copy strong { font-size: 17px; letter-spacing: -.02em; }
.brand-copy small { color: var(--muted); font-size: 11px; margin-top: 4px; }
.desktop-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; color: var(--muted); }
.desktop-nav a { position: relative; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--text); }
.desktop-nav a::after { content: ""; position: absolute; height: 2px; width: 0; left: 0; bottom: -9px; background: var(--accent); transition: width .2s ease; }
.desktop-nav a:hover::after { width: 100%; }
.header-actions { display: flex; gap: 9px; align-items: center; }
.icon-button { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line); background: var(--panel); cursor: pointer; display: grid; place-items: center; position: relative; overflow: hidden; }
.icon-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.theme-icon { position: absolute; transition: transform .3s ease, opacity .3s ease; font-size: 17px; }
html[data-theme="dark"] .theme-icon.sun { opacity: 1; transform: translateY(0); }
html[data-theme="dark"] .theme-icon.moon { opacity: 0; transform: translateY(22px); }
html[data-theme="light"] .theme-icon.sun { opacity: 0; transform: translateY(-22px); }
html[data-theme="light"] .theme-icon.moon { opacity: 1; transform: translateY(0); }
.header-cta, .primary-button { padding: 12px 18px; border-radius: 12px; background: var(--accent); color: #14210c; font-weight: 800; font-size: 13px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 12px 30px rgba(199,255,86,.16); transition: transform .2s ease, box-shadow .2s ease; }
.header-cta:hover, .primary-button:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(199,255,86,.25); }
main { padding-top: 24px; }
.hero { min-height: 760px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 70px; padding-block: 70px 84px; }
.eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 800; color: var(--accent-2); }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 28px; height: 1px; background: var(--accent-2); }
h1 { font-size: clamp(54px, 6.2vw, 88px); line-height: .98; letter-spacing: -.065em; margin: 22px 0 26px; max-width: 780px; }
h1 em { color: var(--accent); font-style: normal; }
.hero-subtitle { max-width: 680px; font-size: 18px; color: var(--muted); }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.primary-button, .secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; cursor: pointer; }
.secondary-button { padding: 12px 18px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--panel); font-weight: 750; font-size: 13px; }
.powered-line { margin-top: 24px; display: flex; gap: 7px; font-size: 13px; color: var(--muted); align-items: center; }
.powered-line strong { color: var(--text); }
.hero-metrics { margin-top: 42px; padding-top: 25px; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.hero-metrics div { display: grid; gap: 3px; }
.hero-metrics strong { font-size: 26px; letter-spacing: -.04em; color: var(--accent-2); }
.hero-metrics span { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; }
.hero-console, .dataset-console, .retina-illustration-card, .results-feature, .media-card, .closing-cta { background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.hero-console { border-radius: 32px; padding: 15px; position: relative; transform: perspective(1200px) rotateY(-3deg); }
.hero-console::before { content:""; position:absolute; inset:-16px; border:1px solid rgba(79,228,193,.12); border-radius: 42px; z-index:-1; }
.console-topbar, .console-bottom { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; font-size: 11px; color: var(--muted); }
.console-topbar > div { display:flex; gap:8px; align-items:center; color:var(--text); font-weight:700; }
.status-dot { width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px var(--accent); }
.oct-stage { background: #020505; border-radius: 22px; overflow: hidden; position: relative; border: 1px solid rgba(255,255,255,.09); }
.oct-stage img { width: 100%; height: 100%; object-fit: contain; image-rendering: auto; }
.hero-stage { aspect-ratio: 500 / 216; }
.scan-beam { position:absolute; top:0; bottom:0; width:2px; left:0; background:linear-gradient(180deg, transparent, var(--accent), transparent); box-shadow:0 0 14px 4px rgba(199,255,86,.35); animation: scan 4.2s linear infinite; }
@keyframes scan { from { left: 2%; } to { left: 98%; } }
.retinal-guide { position:absolute; left:7%; right:7%; height:1px; border-top:1px dashed rgba(199,255,86,.32); pointer-events:none; }
.guide-one{top:36%}.guide-two{top:56%}.guide-three{top:72%}
.focus-marker { position:absolute; width:70px; height:70px; border:1px solid rgba(199,255,86,.55); border-radius:50%; left:52%; top:42%; transform:translate(-50%,-50%); animation:pulseMarker 2.2s ease-in-out infinite; }
.focus-marker span::before, .focus-marker span::after { content:""; position:absolute; background:var(--accent); }
.focus-marker span::before { width:14px; height:1px; top:50%; left:-7px; }
.focus-marker span::after { height:14px; width:1px; left:50%; top:-7px; }
@keyframes pulseMarker { 50% { transform:translate(-50%,-50%) scale(1.08); opacity:.65; } }
.console-bottom { gap: 16px; }
.signal-bars { display:flex; gap:3px; align-items:end; height:24px; }
.signal-bars i { width:4px; background:var(--accent-2); border-radius:4px; }
.signal-bars i:nth-child(1){height:7px}.signal-bars i:nth-child(2){height:12px}.signal-bars i:nth-child(3){height:17px}.signal-bars i:nth-child(4){height:21px}.signal-bars i:nth-child(5){height:24px}
.console-data { display:grid; margin-left:auto; }
.console-data strong { color:var(--text); font-size:12px; }
.trust-strip { min-height: 74px; display:flex; align-items:center; justify-content:center; gap:24px; color:var(--muted); font-size:12px; border-block:1px solid var(--line); }
.trust-strip i { width:4px; height:4px; border-radius:50%; background:var(--accent-2); }
.purpose-grid { padding-block: 110px; display:grid; grid-template-columns: 1.6fr repeat(3,1fr); gap:14px; }
.purpose-card { border:1px solid var(--line); border-radius:24px; padding:28px; min-height:270px; background:linear-gradient(160deg,var(--panel),transparent); position:relative; overflow:hidden; }
.highlight-card { background:linear-gradient(145deg, rgba(199,255,86,.16), var(--panel)); }
.card-number { color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.15em; }
.purpose-card h2 { font-size:32px; line-height:1.12; letter-spacing:-.045em; margin:40px 0 16px; max-width:460px; }
.purpose-card h3 { font-size:18px; margin:52px 0 13px; }
.purpose-card p { color:var(--muted); font-size:14px; }
.card-icon { font-size:30px; color:var(--accent-2); }
.mini-retina { position:absolute; right:-28px; bottom:-22px; width:190px; height:110px; transform:rotate(-8deg); opacity:.6; }
.mini-retina span { position:absolute; left:0; right:0; border-radius:50%; border-top:9px solid; }
.mini-retina span:nth-child(1){top:0;border-color:#ff3c47}.mini-retina span:nth-child(2){top:14px;border-color:#3bea64}.mini-retina span:nth-child(3){top:29px;border-color:#ffc15a}.mini-retina span:nth-child(4){top:45px;border-color:#1257e5}.mini-retina span:nth-child(5){top:62px;border-color:#7c83ff}
.dataset-section, .layer-map-section, .impact-section { background:var(--bg-soft); border-block:1px solid var(--line); }
.dataset-section { padding-block:110px; }
.section-heading { display:flex; justify-content:space-between; gap:80px; align-items:end; margin-bottom:42px; }
.section-heading h2, .layer-copy h2, .closing-cta h2 { font-size:clamp(38px,4.5vw,58px); line-height:1.04; letter-spacing:-.055em; margin:10px 0 0; }
.section-heading > p { max-width:520px; color:var(--muted); margin:0; }
.dataset-console { border-radius:32px; padding:18px; }
.dataset-meta { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-radius:16px; overflow:hidden; margin-bottom:14px; }
.dataset-meta div { background:var(--panel-solid); padding:14px 16px; display:grid; }
.dataset-meta span { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; }
.dataset-meta strong { font-size:13px; margin-top:4px; }
.dataset-viewer { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:14px; }
.dataset-stage { min-height:430px; display:grid; place-items:center; background:#030606; }
.dataset-stage img { max-height:100%; }
.viewer-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:48px 48px; pointer-events:none; }
.measurement-line { position:absolute; left:4%; right:4%; border-top:1px dashed rgba(79,228,193,.42); }
.measurement-line span { position:absolute; right:0; top:-23px; font-size:10px; color:var(--accent-2); background:rgba(2,5,5,.75); padding:2px 7px; }
.measurement-a{top:32%}.measurement-b{top:78%}
.dataset-sidepanel { background:var(--panel-solid); border:1px solid var(--line); border-radius:20px; padding:20px; }
.sidepanel-title { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; margin-bottom:18px; }
.signal-item { display:flex; justify-content:space-between; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); font-size:11px; }
.signal-item span { color:var(--muted); display:flex; align-items:center; gap:8px; }
.signal-item i { width:7px;height:7px;border-radius:50%; }.layer-c1{background:#ff3c47}.layer-c2{background:#3bea64}.layer-c3{background:#ffc15a}.layer-c4{background:#1257e5}
.signal-item b { color:var(--accent); font-size:10px; }
.radial-meter { width:130px; height:130px; border-radius:50%; margin:28px auto 0; display:grid; place-items:center; background:conic-gradient(var(--accent) 0 94%, var(--line) 94% 100%); position:relative; }
.radial-meter::before { content:""; position:absolute; inset:10px; border-radius:50%; background:var(--panel-solid); }
.radial-meter div { z-index:1; display:grid; text-align:center; line-height:1; }
.radial-meter strong { font-size:30px; }.radial-meter span{font-size:10px;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.12em}
.dataset-controls { display:grid; grid-template-columns:44px auto 44px minmax(220px,1fr) auto; align-items:center; gap:10px; margin-top:14px; }
.dataset-controls button { height:44px; border:1px solid var(--line); background:var(--panel-solid); border-radius:12px; cursor:pointer; }
.play-button { padding:0 18px; display:flex; align-items:center; gap:10px; color:#13200d!important; background:var(--accent)!important; font-size:12px; font-weight:800; }
#frameRange { accent-color:var(--accent-2); width:100%; }
.frame-dots { display:flex; gap:5px; }
.frame-dots i { width:5px;height:5px;border-radius:50%;background:var(--line-strong);transition:.2s; }.frame-dots i.active{background:var(--accent);transform:scale(1.45)}
#workflow { padding-block:110px; }
.workflow-track { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap:12px; align-items:center; }
.workflow-track article { min-height:230px; background:var(--panel); border:1px solid var(--line); border-radius:22px; padding:22px; position:relative; }
.workflow-track article > span { position:absolute; right:18px; top:14px; color:var(--muted); font-size:10px; }
.workflow-icon { font-size:28px; color:var(--accent-2); }
.workflow-track h3 { margin:38px 0 9px; }.workflow-track p{color:var(--muted);font-size:13px}.flow-arrow{color:var(--accent);font-size:22px}
.preprocess-comparison { display:grid; grid-template-columns:1fr 160px 1fr; align-items:center; gap:24px; margin-top:56px; }
.media-card { border-radius:24px; padding:16px; }
.media-card-head { display:flex; align-items:center; justify-content:space-between; padding:5px 6px 14px; }
.media-card-head span, .result-tag { color:var(--accent-2); text-transform:uppercase; letter-spacing:.13em; font-size:9px; font-weight:800; }
.media-card-head h3 { margin:3px 0 0; font-size:18px; }
.expand-media { cursor:pointer; }
.media-card-head button { width:37px;height:37px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2); }
.contain-frame { border-radius:17px; overflow:hidden; background:#fff; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; }
.contain-frame img { width:100%; height:100%; object-fit:contain; }
.compact { min-height:250px; padding:24px; background:#020505; }
.processing-orb { width:140px;height:140px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 35% 30%,var(--accent),var(--accent-2) 38%,#153b36 70%);color:#102018;box-shadow:0 0 0 15px var(--line),0 0 60px rgba(79,228,193,.2);animation:orb 4s ease-in-out infinite; }
@keyframes orb{50%{transform:translateY(-8px) rotate(4deg)}}
.layer-map-section { padding-block:110px; }
.layer-map-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.layer-copy > p { color:var(--muted); }
.layer-legend { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:30px; }
.layer-legend button { text-align:left; display:flex; align-items:center; gap:10px; padding:12px 13px; border:1px solid var(--line); border-radius:12px; background:var(--panel); cursor:pointer; color:var(--text); transition:.2s; font-size:11px; }
.layer-legend button:hover, .layer-legend button.active { border-color:var(--accent-2); transform:translateY(-2px); background:rgba(79,228,193,.08); }
.layer-legend i { width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c); }
.retina-illustration-card { border-radius:30px; padding:18px; }
.retina-illustration { height:480px; border-radius:22px; position:relative; overflow:hidden; background:linear-gradient(#09100f 0 25%, #19201c 25% 100%); }
.retina-band { position:absolute; left:-6%; right:-6%; border-radius:50%; transition:opacity .3s, filter .3s, transform .3s; }
.b0{height:80px;top:115px;background:#7c83ff}.b1{height:58px;top:150px;background:#1257e5}.b2{height:24px;top:185px;background:#ff3c47}.b3{height:58px;top:198px;background:#3bea64}.b4{height:72px;top:235px;background:#ffc15a}.b5{height:34px;top:292px;background:#075b2b}.b6{height:50px;top:315px;background:#8ba47b}.b7{height:56px;top:354px;background:#ff9e0c}
.retina-band.dim { opacity:.17; filter:saturate(.15); }.retina-band.focus { transform:scaleY(1.12); filter:brightness(1.18); z-index:5; }
.fluid-pocket { position:absolute;background:#1257e5;border-radius:50% 50% 46% 54%;box-shadow:inset 0 -10px 24px rgba(0,0,0,.25);z-index:8;transition:.3s}.f1{width:74px;height:44px;left:27%;top:218px}.f2{width:52px;height:31px;left:49%;top:247px}.f3{width:86px;height:40px;right:16%;top:235px}
.fovea-pin { position:absolute; top:54px; left:50%; width:1px; height:95px; background:var(--accent); }.fovea-pin::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);left:-4px;bottom:-5px;box-shadow:0 0 20px var(--accent)}.fovea-pin span{position:absolute;top:-28px;left:10px;white-space:nowrap;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.illustration-footer { display:flex; justify-content:space-between; gap:20px; padding:14px 4px 2px; color:var(--muted); font-size:11px; }.illustration-footer strong{color:var(--text)}
#results { padding-block:110px; }
.results-feature { border-radius:30px; padding:22px; display:grid; grid-template-columns:.75fr 1.25fr; gap:30px; align-items:center; }
.results-copy { padding:20px; }.results-copy h3{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:12px 0}.results-copy p{color:var(--muted)}
.result-stat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0; }.result-stat-grid div{padding:14px;border:1px solid var(--line);border-radius:14px;display:grid}.result-stat-grid strong{font-size:20px;color:var(--accent)}.result-stat-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.comparison-frame { min-height:560px; padding:12px; }
.result-cards { display:grid; grid-template-columns:.42fr 1fr; gap:18px; margin-top:18px; }
.tall-card p { color:var(--muted);font-size:12px;padding:0 8px; }.portrait-frame{height:380px;padding:15px;background:#fff}.chart-frame{height:380px;padding:12px;background:#fff}.chart-summary{display:flex;gap:20px;align-items:center;padding:13px 8px 2px;font-size:11px;color:var(--muted)}.chart-summary span{display:flex;gap:7px;align-items:center}.chart-summary i{width:7px;height:7px;border-radius:50%;background:var(--accent-2)}.chart-summary span:nth-child(2) i{background:var(--accent-3)}.chart-summary strong{margin-left:auto;color:var(--text)}
.impact-section { padding-block:110px; }
.impact-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px }.impact-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.impact-grid span{font-size:11px;color:var(--accent)}.impact-grid h3{margin:42px 0 10px;font-size:18px}.impact-grid p{font-size:13px;color:var(--muted)}
.closing-cta { margin-block:110px; border-radius:34px; padding:46px; display:grid;grid-template-columns:160px 1fr auto;gap:36px;align-items:center;background:linear-gradient(135deg,rgba(79,228,193,.15),var(--panel),rgba(255,152,100,.1)) }.closing-cta p{color:var(--muted);max-width:650px}.closing-eye{width:140px;height:90px;border:2px solid var(--accent-2);border-radius:50% 0 50% 0;transform:rotate(45deg);display:grid;place-items:center;position:relative}.closing-eye div{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 18%,#112b27 20% 48%,var(--accent-2) 50% 55%,#09120f 56%);}.closing-eye span{position:absolute;inset:-10px;border:1px solid var(--line);border-radius:50% 0 50% 0}
footer { border-top:1px solid var(--line); padding:36px 0 18px; }
.footer-inner { display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center }.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand strong{font-size:18px}.footer-brand p{color:var(--muted);font-size:11px;margin:3px 0 0}.footer-links{display:flex;gap:20px;color:var(--muted);font-size:12px}.footer-powered{font-size:12px}.footer-powered strong{color:var(--accent-2)}.footer-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}
.lightbox { position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(12px) }.lightbox.open{display:flex}.lightbox-content{width:min(1300px,92vw);height:min(850px,88vh);display:grid;grid-template-rows:auto 1fr;gap:12px}.lightbox-content h3{margin:0;color:#fff}.lightbox-content img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:18px}.lightbox-close{position:absolute;right:24px;top:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}
.reveal { opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease; }.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;gap:45px}.hero-console{transform:none}.purpose-grid{grid-template-columns:1fr 1fr}.highlight-card{grid-column:span 2}.dataset-viewer{grid-template-columns:1fr}.dataset-sidepanel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sidepanel-title,.radial-meter{display:none}.signal-item{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid}.workflow-track{grid-template-columns:1fr 1fr 1fr}.flow-arrow{display:none}.workflow-track article:nth-of-type(4),.workflow-track article:nth-of-type(5){grid-column:span 1}.layer-map-grid,.results-feature{grid-template-columns:1fr}.result-cards{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr 1fr}.closing-cta{grid-template-columns:120px 1fr}.closing-cta .primary-button{grid-column:2}.footer-inner{grid-template-columns:1fr auto}.footer-links{display:none}}
@media(max-width:760px){.section-shell{width:min(100% - 26px,1240px)}.site-header{height:68px;top:6px;margin-top:6px}.brand{min-width:0}.brand-logo-wrap{width:42px;height:42px}.brand-copy small{display:none}.brand-copy strong{font-size:15px}.header-cta{display:none}.hero{padding-top:42px;min-height:auto}.hero-copy h1{font-size:52px}.hero-subtitle{font-size:16px}.hero-metrics{grid-template-columns:1fr 1fr}.trust-strip{display:grid;grid-template-columns:1fr 1fr;padding-block:20px;gap:12px}.trust-strip i{display:none}.purpose-grid{grid-template-columns:1fr;padding-block:76px}.highlight-card{grid-column:auto}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:18px}.dataset-section,#workflow,.layer-map-section,#results,.impact-section{padding-block:76px}.dataset-meta{grid-template-columns:1fr 1fr}.dataset-stage{min-height:270px}.dataset-sidepanel{grid-template-columns:1fr 1fr}.dataset-controls{grid-template-columns:44px 1fr 44px}.dataset-controls input,.frame-dots{grid-column:1/-1}.play-button b{display:none}.workflow-track{grid-template-columns:1fr}.preprocess-comparison{grid-template-columns:1fr}.processing-orb{margin:auto;width:110px;height:110px}.layer-legend{grid-template-columns:1fr}.retina-illustration{height:360px}.b0{top:80px}.b1{top:110px}.b2{top:142px}.b3{top:152px}.b4{top:190px}.b5{top:238px}.b6{top:255px}.b7{top:290px}.f1{top:170px}.f2{top:195px}.f3{top:180px}.comparison-frame{min-height:350px}.results-copy{padding:5px}.results-copy h3{font-size:29px}.result-stat-grid{grid-template-columns:1fr}.portrait-frame,.chart-frame{height:300px}.chart-summary{flex-wrap:wrap}.chart-summary strong{margin-left:0}.impact-grid{grid-template-columns:1fr}.closing-cta{grid-template-columns:1fr;padding:30px}.closing-eye{margin:auto}.closing-cta .primary-button{grid-column:auto}.footer-inner{grid-template-columns:1fr}.footer-powered{margin-top:10px}.footer-bottom{display:grid;gap:7px}.console-data:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}