:root {
  --ink: #07191e;
  --ink-2: #0d252b;
  --paper: #f5f6f2;
  --paper-2: #e8ece8;
  --white: #ffffff;
  --muted: #65757a;
  --muted-dark: #9eacad;
  --line: #d5dcd8;
  --line-dark: #2a4248;
  --mint: #00d5c3;
  --mint-soft: #bcf6ed;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font-geist-sans), "Noto Sans SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { overflow: hidden; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 3px solid var(--mint); outline-offset: 4px; }

.sectionFrame {
  width: min(calc(100% - 48px), 1240px);
  margin: 0 auto;
  padding: clamp(88px, 9vw, 144px) 0;
}
.sectionDark, .sectionLight, .sectionPaper, .sectionMint { scroll-margin-top: 72px; }
.sectionDark { color: var(--white); background: var(--ink); }
.sectionLight { background: var(--paper); }
.sectionPaper { background: var(--paper-2); }
.sectionMint { background: var(--mint); }
.sectionLabel {
  margin: 0 0 54px;
  color: var(--muted);
  font: 11px var(--font-geist-mono), monospace;
  letter-spacing: .14em;
}
.eyebrow {
  margin: 0 0 22px;
  color: #006c64;
  font: 700 11px var(--font-geist-mono), monospace;
  letter-spacing: .15em;
}
.eyebrow.light { color: var(--mint); }
.eyebrow::before {
  display: inline-block;
  width: 28px;
  margin-right: 12px;
  border-top: 1px solid currentColor;
  content: "";
  vertical-align: middle;
}
.sectionHeader {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .62fr);
  gap: clamp(42px, 8vw, 118px);
  align-items: end;
  margin-bottom: clamp(54px, 7vw, 92px);
}
.sectionHeader h2 {
  margin: 0;
  color: var(--white);
  font-size: clamp(40px, 5.2vw, 68px);
  font-weight: 540;
  letter-spacing: -.058em;
  line-height: 1.08;
}
.sectionHeader > p {
  margin: 0;
  color: var(--muted-dark);
  font-size: 15px;
  line-height: 1.9;
}
.darkHeader h2 { color: var(--ink); }
.darkHeader > p { color: var(--muted); }

/* Hero */
.hero {
  position: relative;
  min-height: 100vh;
  color: var(--white);
  background-color: var(--ink);
  background-image:
    linear-gradient(rgba(188,246,237,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(188,246,237,.035) 1px, transparent 1px),
    radial-gradient(circle at 78% 45%, rgba(0,213,195,.07), transparent 30%);
  background-size: 72px 72px, 72px 72px, auto;
}
.siteNav {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(calc(100% - 48px), 1240px);
  height: 76px;
  margin: 0 auto;
  border-bottom: 1px solid var(--line-dark);
}
.brand {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-height: 44px;
  font-size: 18px;
  font-weight: 780;
  letter-spacing: -.04em;
}
.brand span { color: var(--mint); }
.navLinks { display: flex; gap: clamp(18px, 3vw, 40px); }
.navLinks a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #bdc8c6;
  font-size: 13px;
  transition: color .18s ease;
}
.navLinks a:hover { color: var(--mint); }
.navAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 46px;
  padding: 0 19px;
  color: var(--ink);
  background: var(--mint);
  font-size: 12px;
  font-weight: 750;
  transition: background-color .18s ease;
}
.navAction:hover { background: var(--mint-soft); }
.heroGrid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(410px, .8fr);
  gap: clamp(38px, 7vw, 102px);
  align-items: center;
  width: min(calc(100% - 48px), 1240px);
  min-height: calc(100vh - 190px);
  margin: 0 auto;
  padding: clamp(60px, 7vw, 108px) 0 44px;
}
.heroCopy { position: relative; z-index: 3; }
.heroCopy h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(56px, 6.5vw, 92px);
  font-weight: 520;
  letter-spacing: -.075em;
  line-height: .99;
}
.heroCopy h1 span { display: block; color: #738488; }
.heroLead {
  max-width: 650px;
  margin: 36px 0 0;
  color: #bec9c7;
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.9;
}
.heroActions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 52px;
  padding: 0 22px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 740;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.button:hover { transform: translateY(-2px); }
.buttonPrimary { color: var(--ink); background: var(--mint); }
.buttonPrimary:hover { background: var(--mint-soft); }
.buttonGhost { color: var(--white); border-color: #52666b; }
.buttonGhost:hover { border-color: var(--mint); }
.heroProduct { position: relative; display: grid; min-height: 560px; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(0,213,195,.22); border-radius: 50%; }
.orbitOne { width: 420px; height: 420px; }.orbitTwo { width: 550px; height: 550px; opacity: .5; }
.robot { position: relative; z-index: 2; width: 240px; filter: drop-shadow(0 34px 42px rgba(0,0,0,.46)); }
.robotHead { position: relative; width: 178px; height: 82px; margin: 0 auto; border: 1px solid #e1e9e7; border-radius: 34px 34px 22px 22px; background: linear-gradient(145deg,#e5ece9,#89989b 78%); }
.radarEye { position: absolute; top: 14px; left: 20px; width: 17px; height: 17px; border: 5px solid var(--ink); border-radius: 50%; background: var(--mint); box-shadow: 0 0 18px rgba(0,213,195,.8); }
.cameraEye { position: absolute; top: 16px; right: 20px; width: 12px; height: 12px; border: 3px solid #42565a; border-radius: 50%; background: #020808; }
.screenFace { position: absolute; right: 20px; bottom: 13px; left: 20px; padding: 6px 8px; color: var(--mint); background: var(--ink); font: 9px var(--font-geist-mono),monospace; letter-spacing: .09em; }
.robotNeck { width: 36px; height: 22px; margin: 0 auto; background: linear-gradient(90deg,#53666a,#c7d0ce,#53666a); }
.robotBody { position: relative; width: 210px; height: 294px; margin: 0 auto; border: 1px solid #dbe3e1; border-radius: 34px 34px 52px 52px; background: linear-gradient(145deg,#d9e1df 0%,#93a1a4 57%,#718084 100%); }
.airSlot { width: 104px; height: 8px; margin: 28px auto 0; border-top: 2px solid #506368; border-bottom: 2px solid #506368; }
.bodyScreen { display: flex; flex-direction: column; width: 130px; height: 92px; margin: 22px auto 0; padding: 14px; color: #a9b7b9; background: var(--ink); border: 1px solid #40565a; font-family: var(--font-geist-mono),monospace; }
.bodyScreen span { font-size: 8px; letter-spacing: .12em; }.bodyScreen strong { margin-top: 5px; color: var(--mint); font-size: 21px; font-weight: 520; }.bodyScreen small { margin-top: 5px; font-size: 7px; }
.scanArm { position: absolute; top: 150px; right: -55px; width: 80px; height: 16px; border-radius: 0 12px 12px 0; background: linear-gradient(#c7d2cf,#68797c); transform: rotate(-12deg); transform-origin: left; }
.scanArm::after { position: absolute; right: -12px; bottom: -10px; width: 30px; height: 28px; content: ""; border-radius: 4px 12px 12px 4px; background: #bec9c6; }
.scentBay { position: absolute; right: 30px; bottom: 28px; display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #526267; border-radius: 50%; color: #33474c; font: 10px var(--font-geist-mono),monospace; }
.robotBase { position: relative; width: 240px; height: 64px; margin-top: -20px; border: 1px solid #bdc8c6; border-radius: 50% 50% 28px 28px; background: linear-gradient(#88979a,#35484c); }
.robotBase span { position: absolute; right: 34px; bottom: 6px; left: 34px; height: 10px; border-radius: 50%; background: #061216; box-shadow: 0 0 18px rgba(0,213,195,.28); }
.sceneLabel { position: absolute; margin: 0; color: #7d8d90; font: 9px var(--font-geist-mono),monospace; letter-spacing: .12em; white-space: nowrap; }
.sceneLabel::before { display: inline-block; width: 32px; margin-right: 10px; border-top: 1px solid var(--mint); content: ""; vertical-align: middle; }
.sceneLabelOne { top: 17%; left: -4%; }.sceneLabelTwo { top: 49%; right: -8%; }.sceneLabelThree { bottom: 11%; left: -2%; }
.heroProof {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: min(calc(100% - 48px), 1240px);
  margin: 0 auto;
  border-top: 1px solid var(--line-dark);
}
.heroProof div { display: grid; grid-template-columns: 26px 1fr; gap: 4px 13px; padding: 22px 20px 25px 0; border-right: 1px solid var(--line-dark); }
.heroProof div + div { padding-left: 20px; }.heroProof div:last-child { border-right: 0; }
.heroProof span { grid-row: 1 / 3; color: var(--mint); font: 10px var(--font-geist-mono),monospace; }
.heroProof strong { font-size: 13px; font-weight: 650; }.heroProof small { color: #738488; font-size: 10px; }

/* Idea */
.whyGrid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.62fr); gap: clamp(48px,9vw,130px); align-items: end; }
.whyGrid h2 {
  margin: 0;
  font-size: clamp(50px,7vw,94px);
  font-weight: 530;
  letter-spacing: -.07em;
  line-height: 1.01;
}
.whyCopy { display: grid; gap: 22px; }
.whyCopy p { margin: 0; color: #46595e; font-size: 16px; line-height: 1.95; }
.ideaStatement {
  max-width: 1060px;
  margin: clamp(84px,10vw,150px) 0 0;
  padding-top: 42px;
  border-top: 1px solid var(--line);
  color: #8a9698;
  font-size: clamp(38px,5.8vw,78px);
  font-weight: 520;
  letter-spacing: -.06em;
  line-height: 1.08;
}

/* One study day */
.flowGrid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.flowStep { min-height: 360px; padding: 28px; border-right: 1px solid var(--line-dark); }
.flowStep:last-child { border-right: 0; }
.flowMeta { display: flex; align-items: center; justify-content: space-between; }
.flowMeta span { color: var(--mint); font: 11px var(--font-geist-mono),monospace; }
.flowMeta small { color: #718488; font-size: 10px; }
.flowStep h3 { margin: 108px 0 20px; font-size: 25px; font-weight: 560; letter-spacing: -.035em; }
.flowStep > p { margin: 0; color: var(--muted-dark); font-size: 13px; line-height: 1.8; }

/* Three systems */
.systemList { border-top: 1px solid #b9c3bf; }
.systemRow {
  display: grid;
  grid-template-columns: 74px minmax(190px,.7fr) minmax(260px,.9fr) minmax(240px,.8fr);
  gap: 34px;
  align-items: start;
  padding: 46px 0;
  border-bottom: 1px solid #b9c3bf;
}
.systemCode { display: flex; flex-direction: column; gap: 8px; }
.systemCode span { color: #08736b; font: 12px var(--font-geist-mono),monospace; }
.systemCode small { color: #7b898c; font: 8px var(--font-geist-mono),monospace; letter-spacing: .1em; }
.systemTitle h3 { margin: 0 0 10px; font-size: 28px; font-weight: 620; letter-spacing: -.04em; }
.systemTitle strong { color: #4e6064; font-size: 13px; font-weight: 500; }
.systemRow > p { margin: 0; color: #4c5f64; font-size: 14px; line-height: 1.85; }
.systemRow ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.systemRow li { color: #405359; font-size: 12px; }
.systemRow li::before { margin-right: 10px; color: #008c82; content: "—"; }

/* Product form */
.product { position: relative; }
.anchorTarget { position: absolute; top: -72px; }
.productGrid { display: grid; grid-template-columns: minmax(450px,1.05fr) minmax(340px,.95fr); gap: clamp(48px,8vw,108px); }
.blueprint { position: relative; min-height: 620px; overflow: hidden; color: var(--mint-soft); background: var(--ink-2); }
.blueprintGrid { position: absolute; inset: 0; background-image: linear-gradient(rgba(188,246,237,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(188,246,237,.07) 1px,transparent 1px); background-size: 32px 32px; }
.blueprintCode { position: absolute; top: 26px; left: 28px; margin: 0; color: var(--mint); font: 10px var(--font-geist-mono),monospace; letter-spacing: .13em; }
.machineDrawing { position: absolute; top: 82px; left: 50%; width: 220px; height: 500px; transform: translateX(-50%); }
.drawHead,.drawNeck,.drawBody,.drawBase { position: absolute; display: block; border: 1.5px solid var(--mint-soft); }
.drawHead { top: 0; left: 29px; width: 162px; height: 72px; border-radius: 30px 30px 18px 18px; }.drawHead::after { position: absolute; top: 17px; left: 26px; width: 18px; height: 18px; content: ""; border: 1px solid var(--mint); border-radius: 50%; }.drawHead i { position: absolute; right: 22px; bottom: 14px; left: 58px; border-top: 1px solid var(--mint-soft); }
.drawNeck { top: 72px; left: 92px; width: 36px; height: 34px; }.drawBody { top: 106px; left: 10px; width: 200px; height: 286px; border-radius: 28px 28px 48px 48px; }.drawBody::before { position: absolute; top: 32px; right: 36px; left: 36px; height: 80px; content: ""; border: 1px solid var(--mint-soft); }.drawBody i { position: absolute; top: 142px; right: -74px; width: 94px; border-top: 4px double var(--mint-soft); transform: rotate(-11deg); transform-origin: left; }.drawBody b { position: absolute; right: 32px; bottom: 34px; width: 42px; height: 42px; border: 1px solid var(--mint-soft); border-radius: 50%; }
.drawBase { top: 372px; left: 0; width: 220px; height: 72px; border-radius: 50% 50% 24px 24px; }.drawBase i { position: absolute; right: 34px; bottom: 10px; left: 34px; border-top: 1px solid var(--mint-soft); }
.callout { position: absolute; padding-bottom: 6px; border-bottom: 1px solid rgba(188,246,237,.28); color: #9aadaf; font: 9px var(--font-geist-mono),monospace; letter-spacing: .06em; }.calloutA { top: 120px; right: 22px; }.calloutB { top: 290px; left: 22px; }.calloutC { top: 408px; right: 22px; }.calloutD { bottom: 48px; left: 22px; }
.moduleList { border-top: 1px solid var(--line-dark); }
.moduleList article { display: grid; grid-template-columns: 38px 1fr; gap: 20px; padding: 29px 0; border-bottom: 1px solid var(--line-dark); }
.moduleList article > span { display: grid; width: 30px; height: 30px; place-items: center; color: var(--mint); border: 1px solid #496066; font: 10px var(--font-geist-mono),monospace; }
.moduleList h3 { margin: 0 0 9px; font-size: 19px; font-weight: 600; }
.moduleList p { margin: 0; color: var(--muted-dark); font-size: 13px; line-height: 1.75; }
.principleLine { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 50px; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.principleLine span { padding: 17px; border-right: 1px solid var(--line-dark); color: #95a5a7; font-size: 11px; text-align: center; }
.principleLine span:last-child { border-right: 0; }

/* Learning memory */
.memoryGrid { display: grid; grid-template-columns: minmax(340px,.85fr) minmax(480px,1.15fr); gap: clamp(54px,9vw,130px); align-items: start; }
.memoryGrid h2 { margin: 0; font-size: clamp(42px,5.6vw,74px); font-weight: 540; letter-spacing: -.06em; line-height: 1.06; }
.memoryPath { display: grid; grid-template-columns: 1fr; }
.memoryPath > div { display: grid; grid-template-columns: 74px 1fr; gap: 7px 20px; padding: 24px 0; border-top: 1px solid rgba(7,25,30,.34); }
.memoryPath > div:last-of-type { border-bottom: 1px solid rgba(7,25,30,.34); }
.memoryPath span { grid-row: 1 / 3; font: 10px var(--font-geist-mono),monospace; letter-spacing: .1em; }
.memoryPath strong { font-size: 17px; font-weight: 650; }.memoryPath p { margin: 0; color: #14504d; font-size: 12px; }
.memoryPath > i { padding-left: 26px; color: #0a5752; font-style: normal; transform: rotate(90deg); transform-origin: left; }

/* Use cases and evidence */
.scenarioGrid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.scenario { padding: clamp(34px,5vw,64px); }
.scenario + .scenario { border-left: 1px solid var(--line); }
.scenario > p { display: flex; gap: 18px; margin: 0 0 54px; color: #6c7c80; font: 9px var(--font-geist-mono),monospace; letter-spacing: .12em; }
.scenario > p span { color: #00786f; }
.scenario h3 { margin: 0 0 20px; font-size: clamp(38px,4vw,54px); font-weight: 550; letter-spacing: -.055em; }
.scenario > strong { display: block; max-width: 420px; min-height: 72px; color: #46595e; font-size: 16px; font-weight: 500; line-height: 1.75; }
.scenario ul { display: grid; gap: 0; margin: 38px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.scenario li { padding: 14px 0; border-bottom: 1px solid var(--line); color: #596b70; font-size: 12px; }.scenario li::before { margin-right: 10px; color: #008c82; content: "—"; }
.evidenceBand { display: grid; grid-template-columns: repeat(3,1fr) auto; margin-top: 60px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.evidenceBand > div { display: flex; flex-direction: column; gap: 8px; min-height: 104px; padding: 22px 20px 22px 0; border-right: 1px solid var(--line); }
.evidenceBand > div + div { padding-left: 20px; }.evidenceBand span { color: #7b898c; font-size: 9px; }.evidenceBand strong { font-size: 12px; font-weight: 600; }
.evidenceBand a { display: grid; min-width: 160px; place-items: center; padding: 20px; color: var(--ink); background: var(--mint); font-size: 11px; font-weight: 700; }

/* Business */
.businessGrid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
.businessGrid article { min-height: 260px; padding: 26px; border-right: 1px solid var(--line-dark); }.businessGrid article:last-child { border-right: 0; }
.businessGrid span { color: var(--mint); font: 10px var(--font-geist-mono),monospace; }.businessGrid h3 { margin: 72px 0 14px; font-size: 25px; font-weight: 570; }.businessGrid p { margin: 0; color: var(--muted-dark); font-size: 12px; line-height: 1.75; }
.roadmap { display: grid; margin-top: 74px; border-top: 1px solid var(--line-dark); }
.roadmap article { display: grid; grid-template-columns: 120px 1fr; gap: 24px; padding: 26px 0; border-bottom: 1px solid var(--line-dark); }
.roadmap article > span { color: var(--mint); font: 10px var(--font-geist-mono),monospace; letter-spacing: .1em; }.roadmap h3 { margin: 0 0 7px; font-size: 18px; }.roadmap p { margin: 0; color: var(--muted-dark); font-size: 12px; line-height: 1.7; }
.regionLine { display: grid; grid-template-columns: 260px 1fr; gap: 36px; margin-top: 52px; padding: 28px; background: var(--ink-2); }
.regionLine strong { color: var(--mint); font: 11px var(--font-geist-mono),monospace; letter-spacing: .1em; }.regionLine p { margin: 0; color: #a7b4b4; font-size: 13px; line-height: 1.75; }

/* Resources and close */
.compactHeader { margin-bottom: 48px; }
.resourceList { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid #bac4c0; }
.resourceList a { display: grid; grid-template-columns: 112px 1fr 26px; align-items: center; min-height: 90px; padding-right: 20px; border-right: 1px solid #bac4c0; border-bottom: 1px solid #bac4c0; transition: background-color .18s ease; }
.resourceList a:nth-child(even) { padding-left: 20px; border-right: 0; }.resourceList a:hover { background: var(--white); }
.resourceList span { color: #748488; font: 8px var(--font-geist-mono),monospace; letter-spacing: .1em; }.resourceList strong { font-size: 15px; font-weight: 600; }.resourceList i { color: #008c82; font-size: 18px; font-style: normal; text-align: right; }
.finalCta { color: var(--white); background: var(--ink-2); }
.finalCta h2 { max-width: 1020px; margin: 0; font-size: clamp(52px,7.6vw,102px); font-weight: 520; letter-spacing: -.072em; line-height: 1; }
.finalCta .sectionFrame > p:not(.eyebrow) { max-width: 680px; margin: 38px 0 0; color: #aebbb9; font-size: 15px; line-height: 1.85; }
footer { display: flex; align-items: center; justify-content: space-between; min-height: 104px; padding: 0 max(24px,calc((100vw - 1240px)/2)); color: #75868a; background: var(--ink); border-top: 1px solid var(--line-dark); font-size: 10px; }
footer .brand { color: var(--white); } footer p { margin: 0; } footer > a:last-child { display: inline-flex; align-items: center; min-height: 44px; }

@media (max-width: 1050px) {
  .heroGrid { grid-template-columns: 1fr 390px; }.heroProduct { min-height: 510px; transform: scale(.88); }
  .flowGrid { grid-template-columns: repeat(2,1fr); }.flowStep:nth-child(2) { border-right: 0; }.flowStep:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
  .systemRow { grid-template-columns: 60px .8fr 1.2fr; }.systemRow ul { grid-column: 2 / 4; padding-top: 8px; }
  .productGrid { grid-template-columns: 1fr; }.blueprint { min-height: 600px; }
  .memoryGrid { grid-template-columns: 1fr; }
  .evidenceBand { grid-template-columns: repeat(3,1fr); }.evidenceBand a { grid-column: 1 / 4; min-height: 54px; }
}

@media (max-width: 800px) {
  .navLinks { display: none; }
  .sectionHeader, .whyGrid { grid-template-columns: 1fr; gap: 34px; align-items: start; }
  .heroGrid { grid-template-columns: 1fr; min-height: auto; }.heroProduct { min-height: 480px; margin-top: -20px; }
  .heroProof { grid-template-columns: 1fr; }.heroProof div { border-right: 0; border-bottom: 1px solid var(--line-dark); }.heroProof div + div { padding-left: 0; }.heroProof div:last-child { border-bottom: 0; }
  .systemRow { grid-template-columns: 50px 1fr; }.systemRow > p,.systemRow ul { grid-column: 2; }
  .scenarioGrid { grid-template-columns: 1fr; }.scenario + .scenario { border-top: 1px solid var(--line); border-left: 0; }
  .businessGrid { grid-template-columns: 1fr; }.businessGrid article { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line-dark); }.businessGrid article:last-child { border-bottom: 0; }.businessGrid h3 { margin-top: 42px; }
  .regionLine { grid-template-columns: 1fr; gap: 14px; }
  footer { flex-wrap: wrap; gap: 12px 24px; padding-top: 22px; padding-bottom: 22px; } footer p { order: 3; width: 100%; }
}

@media (max-width: 560px) {
  .sectionFrame { width: calc(100% - 40px); padding: 76px 0; }
  .siteNav { width: calc(100% - 40px); height: 70px; }.navAction { padding: 0 12px; }.navAction span { display: none; }
  .hero { background-size: 48px 48px,48px 48px,auto; }.heroGrid,.heroProof { width: calc(100% - 40px); }.heroGrid { padding-top: 70px; }.heroCopy h1 { font-size: clamp(48px,14.5vw,66px); }.heroLead { margin-top: 28px; font-size: 16px; }.heroActions { flex-direction: column; }.button { width: 100%; }
  .heroProduct { min-height: 420px; margin: -38px 0; transform: scale(.72); }.sceneLabelOne { left: -16%; }.sceneLabelTwo { right: -23%; }.sceneLabelThree { left: -16%; }
  .heroProof div { padding: 18px 0; }
  .sectionHeader { margin-bottom: 50px; }.sectionHeader h2 { font-size: 39px; }.sectionHeader > p,.whyCopy p { font-size: 16px; }.whyGrid h2 { font-size: 48px; }.ideaStatement { margin-top: 70px; font-size: 39px; }
  .flowGrid { grid-template-columns: 1fr; }.flowStep { min-height: 270px; padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line-dark); }.flowStep h3 { margin-top: 60px; }.flowStep > p { font-size: 16px; }
  .systemRow { grid-template-columns: 42px 1fr; gap: 20px; padding: 34px 0; }.systemTitle h3 { font-size: 24px; }.systemRow > p { font-size: 16px; }.systemRow li { font-size: 14px; }
  .blueprint { min-height: 550px; margin-right: -20px; margin-left: -20px; }.machineDrawing { transform: translateX(-50%) scale(.84); transform-origin: top center; }.calloutA,.calloutC { right: 12px; }.calloutB,.calloutD { left: 12px; }
  .principleLine { grid-template-columns: repeat(2,1fr); }.principleLine span:nth-child(2) { border-right: 0; }.principleLine span:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
  .memoryGrid h2 { font-size: 41px; }.memoryPath > div { grid-template-columns: 58px 1fr; }.memoryPath strong { font-size: 16px; }
  .scenario { padding: 38px 0; }.scenario > strong { min-height: auto; font-size: 16px; }.scenario li { font-size: 15px; }
  .evidenceBand { grid-template-columns: 1fr; }.evidenceBand > div,.evidenceBand > div + div { min-height: 78px; padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }.evidenceBand a { grid-column: auto; }
  .roadmap article { grid-template-columns: 76px 1fr; }.roadmap p,.businessGrid p,.regionLine p { font-size: 15px; }
  .resourceList { grid-template-columns: 1fr; }.resourceList a,.resourceList a:nth-child(even) { grid-template-columns: 86px 1fr 24px; padding: 0; border-right: 0; }.resourceList strong { font-size: 14px; }
  .finalCta h2 { font-size: 50px; }.finalCta .sectionFrame > p:not(.eyebrow) { font-size: 16px; }
}

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

@media print {
  .siteNav,.heroActions,.navAction { display: none; }
  .hero,.sectionDark,.finalCta { color: #000; background: #fff !important; }
  .sectionHeader h2,.heroCopy h1,.finalCta h2 { color: #000; }
  a { text-decoration: underline; }
}