/* mind.ai landing — the public expression of the intent-first product system. */
body[data-page="landing"] {
  --canvas: #eeeae2;
  --canvas-cool: #e9eff3;
  --paper: #faf8f3;
  --paper-strong: #fff;
  --ink: #0d1016;
  --muted: #625f58;
  --faint: #8b877e;
  --line: rgba(13, 16, 22, .11);
  --line-soft: rgba(13, 16, 22, .07);
  --blue: #2f80ff;
  --green: #48b16e;
  --teal: #0e7169;
  --violet: #6e5bff;
  --amber: #d8892d;
  --accent: #0d1016;
  --accent-dark: #22262e;
  --accent-soft: rgba(13, 16, 22, .065);
  --success: #0e7169;
  --shadow-soft: 0 20px 60px rgba(19, 25, 35, .10);
  --shadow-strong: 0 30px 90px rgba(19, 25, 35, .18);
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 5%, rgba(203, 218, 229, .72), transparent 27rem),
    linear-gradient(180deg, #eeeae2 0, #f3f0e9 33rem, #eeeae2 76rem);
}

body[data-page="landing"] .symbol-library {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

body[data-page="landing"] svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-page="landing"] .site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 14px 0;
  border-bottom: 1px solid rgba(13, 16, 22, .07);
  background: rgba(238, 234, 226, .78);
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
}

body[data-page="landing"] .nav-shell { min-height: 48px; }
body[data-page="landing"] .mind-brand { gap: 9px; color: var(--ink); font-size: 18px; font-weight: 600; letter-spacing: -.045em; }
body[data-page="landing"] .brand-mark { width: 34px; height: 34px; padding: 0; border-radius: 0; object-fit: contain; background: transparent; box-shadow: none; }
body[data-page="landing"] .desktop-nav { gap: 26px; }
body[data-page="landing"] .desktop-nav a { color: rgba(13, 16, 22, .58); font-size: 12px; font-weight: 600; }
body[data-page="landing"] .desktop-nav a:hover { color: var(--ink); }

body[data-page="landing"] .button {
  border-radius: 999px;
  font-weight: 600;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body[data-page="landing"] .button-primary { color: #f8f5ef; background: var(--ink); box-shadow: none; }
body[data-page="landing"] .button-primary:hover { background: #23272f; box-shadow: 0 9px 24px rgba(13, 16, 22, .16); }
body[data-page="landing"] .button-quiet { color: rgba(13, 16, 22, .67); }
body[data-page="landing"] .button-quiet:hover { background: rgba(13, 16, 22, .055); }
body[data-page="landing"] .button-glass { color: var(--ink); border-color: rgba(13, 16, 22, .14); background: rgba(255, 255, 255, .48); box-shadow: none; }
body[data-page="landing"] .button-glass:hover { border-color: rgba(13, 16, 22, .23); background: rgba(255, 255, 255, .72); }
body[data-page="landing"] .button-icon { width: 16px; height: 16px; }

body[data-page="landing"] .eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(13, 16, 22, .50);
  font: 600 10px/1.2 var(--font-body);
  letter-spacing: .11em;
  text-transform: uppercase;
}
body[data-page="landing"] .eyebrow-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #38d5c8; box-shadow: 0 0 0 5px rgba(56, 213, 200, .13); }
body[data-page="landing"] .eyebrow.light { color: rgba(246, 242, 233, .49); }

.mind-hero {
  min-height: 760px;
  padding: 76px 0 82px;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
  align-items: center;
  gap: clamp(48px, 6vw, 92px);
}

.mind-hero .hero-copy { position: relative; z-index: 2; }
.mind-hero h1 {
  max-width: 660px;
  margin: 22px 0 25px;
  color: var(--ink);
  font: 500 clamp(54px, 5.1vw, 78px)/.94 var(--font-display);
  letter-spacing: -.072em;
}
.mind-hero h1 span { color: var(--ink); }
.mind-hero h1 span::after { content: ""; width: 52px; height: 5px; margin: 19px 0 0 4px; display: block; border-radius: 999px; background: linear-gradient(90deg, var(--blue), #38d5c8); }
.mind-hero .hero-lead { max-width: 610px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.context-chips { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.context-chips > span { height: 32px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(13, 16, 22, .09); border-radius: 999px; color: rgba(13, 16, 22, .62); background: rgba(255, 255, 255, .42); font-size: 10.5px; font-weight: 600; }
.chip-dot { width: 6px; height: 6px; border-radius: 50%; }
.chip-dot.personal { background: var(--green); }.chip-dot.family { background: var(--violet); }.chip-dot.business { background: var(--amber); }
.mind-hero .hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 9px; }
.mind-hero .hero-note { max-width: 560px; margin: 20px 0 0; display: flex; align-items: flex-start; gap: 8px; color: rgba(13, 16, 22, .47); font-size: 10.5px; line-height: 1.55; }
.mind-hero .hero-note svg { width: 15px; height: 15px; flex: 0 0 15px; color: var(--teal); }

.hero-stage { min-height: 610px; position: relative; display: grid; place-items: center; }
.demo-halo { position: absolute; border: 1px solid rgba(13, 16, 22, .08); border-radius: 50%; pointer-events: none; }
.halo-one { width: 540px; height: 540px; }
.halo-two { width: 430px; height: 430px; border-style: dashed; animation: slow-spin 34s linear infinite; }
.intent-demo {
  width: min(100%, 580px);
  min-height: 610px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgba(13, 16, 22, .12);
  border-radius: 34px;
  background: rgba(247, 247, 244, .86);
  box-shadow: var(--shadow-strong);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
}
.demo-topbar { height: 62px; padding: 0 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(13, 16, 22, .065); }
.demo-brand { font: 600 14px var(--font-display); letter-spacing: -.03em; }
.demo-context { height: 30px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(13, 16, 22, .07); border-radius: 999px; background: rgba(255, 255, 255, .82); box-shadow: 0 3px 12px rgba(13, 16, 22, .06); font-size: 10px; font-weight: 600; }
.demo-context i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.demo-avatar { width: 30px; height: 30px; margin-left: auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #233f83; font-size: 9px; font-weight: 700; }
.demo-content { padding: 17px 18px 104px; }
.intent-input { min-height: 78px; padding: 13px 14px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; border: 1px solid rgba(13, 16, 22, .09); border-radius: 16px; background: #fff; box-shadow: 0 7px 22px rgba(13, 16, 22, .06); }
.intent-spark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--blue); background: rgba(47, 128, 255, .10); }
.intent-spark svg { width: 18px; height: 18px; }
.intent-input small, .permission-ticket small { display: block; color: rgba(13, 16, 22, .38); font-size: 8px; font-weight: 700; letter-spacing: .11em; }
.intent-input strong { margin-top: 5px; display: block; color: var(--ink); font-size: 12px; font-weight: 600; line-height: 1.35; }
.intent-ready { padding: 6px 8px; border-radius: 999px; color: var(--teal); background: rgba(14, 113, 105, .08); font-size: 7px; font-weight: 700; letter-spacing: .09em; }
.intent-tabs { margin-top: 10px; padding: 4px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; border-radius: 12px; background: rgba(13, 16, 22, .045); }
.intent-tabs button { height: 30px; border: 0; border-radius: 9px; color: rgba(13, 16, 22, .45); background: transparent; cursor: pointer; font-size: 9px; font-weight: 600; }
.intent-tabs button[aria-pressed="true"] { color: var(--ink); background: #fff; box-shadow: 0 3px 10px rgba(13, 16, 22, .07); }
.mind-route { margin-top: 10px; padding: 13px 14px 14px; border: 1px solid rgba(13, 16, 22, .075); border-radius: 16px; background: rgba(255, 255, 255, .56); }
.route-head { display: flex; justify-content: space-between; gap: 12px; color: rgba(13, 16, 22, .38); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }
.route-head b { color: rgba(13, 16, 22, .65); font-weight: 700; }
.route-line { height: 24px; padding: 0 29px; display: flex; align-items: center; }
.route-line i { width: 7px; height: 7px; flex: 0 0 7px; border: 2px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px rgba(47, 128, 255, .25); }
.route-line span { height: 1px; flex: 1; background: linear-gradient(90deg, rgba(47, 128, 255, .55), rgba(110, 91, 255, .40)); }
.route-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.route-steps article { min-width: 0; text-align: center; }
.route-icon { width: 34px; height: 34px; margin: 0 auto 7px; display: grid; place-items: center; border-radius: 11px; }
.route-icon svg { width: 16px; height: 16px; }
.route-icon.understand { color: var(--blue); background: rgba(47, 128, 255, .10); }.route-icon.permission { color: var(--violet); background: rgba(110, 91, 255, .10); }.route-icon.action { color: var(--teal); background: rgba(14, 113, 105, .10); }
.route-steps small { display: block; color: rgba(13, 16, 22, .34); font-size: 7px; font-weight: 700; letter-spacing: .08em; }
.route-steps strong { margin-top: 4px; display: block; overflow: hidden; color: rgba(13, 16, 22, .72); font-size: 8.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.permission-ticket { margin-top: 10px; padding: 12px 13px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; border: 1px solid rgba(110, 91, 255, .16); border-radius: 15px; background: rgba(110, 91, 255, .055); }
.ticket-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--violet); background: rgba(110, 91, 255, .11); }
.ticket-icon svg { width: 15px; height: 15px; }
.permission-ticket strong { margin-top: 4px; display: block; color: rgba(13, 16, 22, .79); font-size: 9px; line-height: 1.35; }
.permission-ticket p { margin: 3px 0 0; color: rgba(13, 16, 22, .42); font-size: 7.5px; line-height: 1.45; }
.ticket-state { max-width: 62px; padding: 7px 6px; border-radius: 8px; color: #fff; background: var(--ink); font-size: 6px; font-weight: 700; line-height: 1.25; letter-spacing: .06em; text-align: center; }
.demo-island { width: 274px; height: 62px; padding: 7px; position: absolute; left: 50%; bottom: 23px; z-index: 4; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255, 255, 255, .72); border-radius: 999px; background: rgba(255, 255, 255, .70); box-shadow: 0 16px 42px rgba(13, 16, 22, .17); backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%); }
.demo-island > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; color: rgba(13, 16, 22, .56); }
.demo-island > span.island-active { color: #fff; background: var(--ink); }
.demo-island svg { width: 17px; height: 17px; }

.principle-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .22); }
.principle-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.principle-grid p { min-height: 118px; margin: 0; padding: 25px 24px; display: grid; grid-template-columns: auto 1fr; align-content: center; column-gap: 12px; border-left: 1px solid var(--line-soft); }
.principle-grid p:last-child { border-right: 1px solid var(--line-soft); }
.principle-grid p > span { grid-row: 1 / 3; color: rgba(13, 16, 22, .28); font: 500 10px var(--font-display); }
.principle-grid strong { color: var(--ink); font-size: 12px; }
.principle-grid small { margin-top: 4px; color: var(--faint); font-size: 9.5px; line-height: 1.45; }

body[data-page="landing"] .section { padding-top: 128px; }
body[data-page="landing"] .section-heading { max-width: none; margin-bottom: 44px; }
body[data-page="landing"] .section-heading h2,
body[data-page="landing"] .family-copy h2,
body[data-page="landing"] .final-cta h2 { color: var(--ink); font: 500 clamp(40px, 4.7vw, 64px)/1 var(--font-display); letter-spacing: -.058em; }
.split-heading { display: grid; grid-template-columns: 1.2fr .72fr; align-items: end; gap: clamp(48px, 8vw, 115px); }
.split-heading h2 { margin: 14px 0 0; }
.split-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 13px; line-height: 1.75; }

.scenario-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 15px; }
.scenario-card { min-height: 250px; padding: 25px; position: relative; overflow: hidden; border: 1px solid var(--line-soft); border-radius: 24px; background: rgba(250, 248, 243, .82); box-shadow: 0 1px 3px rgba(13, 16, 22, .045); transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease; }
.scenario-card:hover { transform:translateY(-4px);border-color:rgba(13,16,22,.12);box-shadow:0 18px 42px rgba(13,16,22,.08); }
.scenario-primary { min-height: 360px; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: 30px; background: #faf8f3; }
.scenario-number { color: rgba(13, 16, 22, .35); font-size: 9px; font-weight: 700; letter-spacing: .10em; }
.scenario-card h3 { margin: 16px 0 11px; color: var(--ink); font: 500 24px/1.08 var(--font-display); letter-spacing: -.04em; }
.scenario-primary h3 { max-width: 500px; font-size: clamp(32px, 3.7vw, 48px); }
.scenario-card p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.7; }
.scenario-copy ul { margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.scenario-copy li { padding: 8px 10px; display: flex; align-items: center; gap: 6px; border: 1px solid var(--line-soft); border-radius: 999px; color: rgba(13, 16, 22, .59); background: #fff; font-size: 9px; font-weight: 600; }
.scenario-copy li svg { width: 13px; height: 13px; color: var(--green); }
.scenario-visual { min-height: 220px; padding: 24px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.8),transparent 32%),linear-gradient(145deg,#ece9e1,#e4e8e8); }
.car-flow > span { width: 150px; min-height: 145px; padding: 22px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(13, 16, 22, .08); border-radius: 18px; background: rgba(255, 255, 255, .88); box-shadow: 0 12px 30px rgba(25, 38, 54, .09); text-align: center; }
.car-flow > span svg { width: 30px; height: 30px; margin-bottom: 14px; color: var(--blue); }
.car-flow > span b { color: var(--ink); font-size: 12px; }
.car-flow > span small { margin-top: 5px; color: var(--faint); font-size: 8px; }
.car-flow > i { width: 70px; height: 1px; position: relative; background: linear-gradient(90deg, var(--blue), var(--teal)); }
.car-flow > i::after { content: ""; width: 6px; height: 6px; position: absolute; right: 0; top: -2px; border-radius: 50%; background: var(--ink); animation:landing-flow-dot 2.1s ease-in-out infinite; }
@keyframes landing-flow-dot{0%{right:calc(100% - 6px);opacity:.3}45%{opacity:1}100%{right:0;opacity:.35}}
.car-flow .flow-module svg { color: var(--teal); }
.scenario-icon { width: 44px; height: 44px; margin-bottom: 26px; display: grid; place-items: center; border-radius: 14px; }
.scenario-icon svg { width: 20px; height: 20px; }
.scenario-family .scenario-icon { color: var(--green); background: rgba(72, 177, 110, .11); }.scenario-business .scenario-icon { color: var(--amber); background: rgba(216, 137, 45, .11); }
.scenario-family,.scenario-business{display:flex;flex-direction:column}.mini-proof { margin-top:auto;padding-top:15px; display: flex; justify-content: space-between; border-top: 1px solid var(--line-soft); color: var(--faint); font-size: 10px; }.mini-proof b { color: var(--ink); }
.context-system { padding: clamp(34px, 6vw, 72px); display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(50px, 8vw, 110px); border-radius: 32px; color: #f7f3ec; background: var(--ink); box-shadow: 0 28px 80px rgba(13, 16, 22, .19); }
.context-intro h2 { margin: 16px 0 20px; color: #f7f3ec; font: 500 clamp(40px, 4.5vw, 60px)/1 var(--font-display); letter-spacing: -.058em; }
.context-intro > p:not(.eyebrow) { margin: 0; color: rgba(246, 242, 233, .55); font-size: 13px; line-height: 1.75; }
.context-switch { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 7px; }
.context-switch span { height: 34px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 999px; color: rgba(255, 255, 255, .48); font-size: 9px; font-weight: 600; }
.context-switch span.active { color: var(--ink); border-color: #fff; background: #fff; }
.context-switch i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.context-ledger { padding: 18px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 22px; background: rgba(255, 255, 255, .055); }
.ledger-head { padding: 3px 3px 13px; display: flex; justify-content: space-between; color: rgba(255, 255, 255, .35); font-size: 8px; font-weight: 700; letter-spacing: .10em; }
.ledger-head b { color: #68d6ad; }
.context-ledger article { padding: 13px; display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 11px; border-top: 1px solid rgba(255, 255, 255, .07); }
.ledger-icon { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 11px; }
.ledger-icon svg { width: 17px; height: 17px; }.ledger-icon.blue { color: #75a9ff; background: rgba(47, 128, 255, .13); }.ledger-icon.green { color: #6fd393; background: rgba(72, 177, 110, .13); }.ledger-icon.amber { color: #e9a85a; background: rgba(216, 137, 45, .13); }
.context-ledger article strong, .context-ledger article small { display: block; }
.context-ledger article strong { color: rgba(255, 255, 255, .84); font-size: 10.5px; }.context-ledger article small { margin-top: 4px; color: rgba(255, 255, 255, .34); font-size: 8px; }.context-ledger article > b { color: rgba(255, 255, 255, .52); font-size: 8px; }
.ledger-foot { margin: 13px 3px 2px; display: flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .37); font-size: 8.5px; line-height: 1.5; }.ledger-foot svg { width: 14px; height: 14px; color: #68d6ad; }

.family-section { margin-top: 128px; padding: clamp(38px, 6vw, 70px); display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: clamp(50px, 8vw, 110px); border: 1px solid rgba(110, 91, 255, .12); border-radius: 30px; background: linear-gradient(135deg, rgba(110, 91, 255, .10), rgba(56, 213, 200, .10)); }
.family-copy h2 { margin: 14px 0 18px; font-size: clamp(38px, 4.2vw, 58px); }
.family-copy > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.text-link { margin-top: 24px; display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: 11px; font-weight: 700; }.text-link svg { width: 15px; height: 15px; }
.family-card { padding: 24px; border: 1px solid rgba(255, 255, 255, .76); border-radius: 22px; background: rgba(255, 255, 255, .66); box-shadow: 0 20px 50px rgba(58, 53, 92, .10); }
.family-people { display: flex; }
.family-people span { width: 35px; height: 35px; margin-left: -7px; display: grid; place-items: center; border: 2px solid #f4f2f0; border-radius: 50%; color: #fff; background: var(--violet); font-size: 8px; font-weight: 700; }.family-people span:first-child { margin-left: 0; background: #233f83; }.family-people span:nth-child(2) { background: var(--teal); }.family-people span:nth-child(3) { background: var(--amber); }.family-people span:last-child { color: var(--ink); background: #e7e4de; }
.family-saving { margin: 24px 0 20px; }.family-saving small, .family-saving strong, .family-saving span { display: block; }.family-saving small { color: rgba(13, 16, 22, .39); font-size: 8px; font-weight: 700; letter-spacing: .1em; }.family-saving strong { margin-top: 6px; color: var(--ink); font: 600 42px var(--font-display); letter-spacing: -.05em; }.family-saving span { margin-top: 3px; color: var(--faint); font-size: 9px; }
.saving-lines p { margin: 0; padding: 11px 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 9.5px; }.saving-lines b { color: var(--teal); }

body[data-page="landing"] .mind-privacy { padding: clamp(34px, 6vw, 68px); border: 0; border-radius: 30px; color: #f7f3ec; background: var(--ink); box-shadow: 0 26px 75px rgba(13, 16, 22, .18); }
body[data-page="landing"] .mind-privacy::after { display: none; }
body[data-page="landing"] .mind-privacy .privacy-contract-head { grid-template-columns: 1.1fr .7fr; align-items: end; border-color: rgba(255, 255, 255, .09); }
body[data-page="landing"] .mind-privacy h2 { margin: 15px 0 0; color: #f7f3ec; font-size: clamp(38px, 4.8vw, 62px); }
body[data-page="landing"] .mind-privacy .privacy-contract-head > p { color: rgba(255, 255, 255, .47); }
.privacy-pillars { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(255, 255, 255, .09); }
.privacy-pillars article { padding: 30px 26px 30px 0; }
.privacy-pillars article + article { padding-left: 26px; border-left: 1px solid rgba(255, 255, 255, .09); }
.privacy-pillars article > span { width: 38px; height: 38px; margin-bottom: 42px; display: grid; place-items: center; border-radius: 12px; color: #72ddba; background: rgba(104, 214, 173, .10); }.privacy-pillars svg { width: 17px; height: 17px; }
.privacy-pillars h3 { margin: 0 0 9px; color: rgba(255, 255, 255, .88); font: 600 17px var(--font-display); }.privacy-pillars p { margin: 0; color: rgba(255, 255, 255, .42); font-size: 10.5px; line-height: 1.65; }
body[data-page="landing"] .mind-privacy .privacy-boundary { border: 0; padding-top: 24px; }
body[data-page="landing"] .mind-privacy .privacy-boundary p { color: rgba(255, 255, 255, .38); }
body[data-page="landing"] .mind-privacy .privacy-boundary a { display: flex; align-items: center; gap: 7px; color: #72ddba; }.mind-privacy .privacy-boundary svg { width: 14px; height: 14px; }

body[data-page="landing"] .final-cta { padding-top: 128px; padding-bottom: 128px; }
body[data-page="landing"] .mind-final { padding: clamp(34px, 6vw, 62px); border: 1px solid var(--line-soft); border-radius: 30px; background: linear-gradient(135deg, #faf8f3, #eef1f2); box-shadow: 0 18px 54px rgba(13, 16, 22, .08); }
body[data-page="landing"] .mind-final::after { display: none; }
body[data-page="landing"] .mind-final h2 { margin: 13px 0 0; font-size: clamp(38px, 4.8vw, 62px); }
body[data-page="landing"] .mind-final p:not(.eyebrow) { color: var(--muted); }
.final-actions { position: relative; z-index: 2; flex: none; display: flex; flex-direction: column; align-items: center; gap: 13px; }
.final-actions > a:last-child { color: rgba(13, 16, 22, .52); font-size: 10px; font-weight: 600; }

body[data-page="landing"] .site-footer { border-color: var(--line); }
body[data-page="landing"] .footer-inner p { color: var(--faint); }
body[data-page="landing"] .footer-inner .mind-brand { font-size: 14px; }
body[data-page="landing"] .footer-inner .brand-mark { width: 27px; height: 27px; padding: 0; border-radius: 0; }
body[data-page="landing"] .mind-sound-toggle { border-color: rgba(13, 16, 22, .14); color: rgba(13, 16, 22, .66); background: rgba(250, 248, 243, .82); box-shadow: 0 5px 16px rgba(13, 16, 22, .08); }

@keyframes slow-spin { to { transform: rotate(360deg); } }

@media (max-width: 1080px) {
  .mind-hero { grid-template-columns: 1fr; padding-top: 64px; }
  .mind-hero .hero-copy { max-width: 760px; text-align: center; display: flex; flex-direction: column; align-items: center; }
  .mind-hero h1 span::after { margin-inline: auto; }
  .mind-hero .hero-lead, .mind-hero .hero-note { text-align: center; }
  .hero-stage { width: min(100%, 680px); margin-inline: auto; }
  .split-heading { grid-template-columns: 1fr; gap: 22px; align-items: start; }
  .split-heading > p { max-width: 650px; }
  .context-system { grid-template-columns: 1fr; }
  .context-intro { max-width: 720px; }
  .family-section { grid-template-columns: 1fr; }
  .family-copy { max-width: 720px; }
}

@media (max-width: 820px) {
  .principle-grid { grid-template-columns: 1fr 1fr; }
  .principle-grid p:nth-child(3) { border-top: 1px solid var(--line-soft); }.principle-grid p:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .scenario-primary { grid-template-columns: 1fr; gap: 32px; }
  .scenario-grid { grid-template-columns: 1fr; }
  .privacy-pillars { grid-template-columns: 1fr; }
  .privacy-pillars article { padding: 24px 0; }
  .privacy-pillars article + article { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255, 255, 255, .09); }
  .privacy-pillars article > span { margin-bottom: 20px; }
  body[data-page="landing"] .mind-privacy .privacy-contract-head { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 620px) {
  body[data-page="landing"] .shell { width: min(100% - 28px, 620px); }
  body[data-page="landing"] .site-header { padding: 10px 0; }
  body[data-page="landing"] .mind-brand span { font-size: 16px; }
  body[data-page="landing"] .nav-actions .button-quiet { display: none; }
  .mind-hero { min-height: 0; padding: 48px 0 62px; gap: 42px; }
  .mind-hero h1 { margin-top: 19px; font-size: clamp(45px, 14vw, 62px); }
  .mind-hero .hero-lead { font-size: 13.5px; }
  .mind-hero .hero-actions { width: 100%; flex-direction: column; }
  .mind-hero .hero-actions .button { width: 100%; }
  .context-chips { justify-content: center; }
  .hero-stage { min-height: 536px; }
  .demo-halo { display: none; }
  .intent-demo { min-height: 536px; border-radius: 25px; }
  .demo-topbar { height: 54px; }
  .demo-content { padding: 13px 12px 90px; }
  .intent-input { grid-template-columns: 34px 1fr; padding: 11px; }
  .intent-spark { width: 34px; height: 34px; }
  .intent-ready { display: none; }
  .intent-input strong { font-size: 10px; }
  .route-steps strong { font-size: 7.5px; }
  .permission-ticket { grid-template-columns: 31px 1fr; }
  .ticket-state { display: none; }
  .permission-ticket p { font-size: 7px; }
  .demo-island { width: 252px; height: 58px; bottom: 18px; }
  .demo-island > span { width: 40px; height: 40px; }
  .principle-grid { width: 100% !important; grid-template-columns: 1fr; }
  .principle-grid p { min-height: 94px; border-right: 0 !important; border-bottom: 1px solid var(--line-soft); }
  body[data-page="landing"] .section { padding-top: 92px; }
  body[data-page="landing"] .section-heading h2, body[data-page="landing"] .family-copy h2, body[data-page="landing"] .final-cta h2 { font-size: 40px; }
  .scenario-card { min-height: 300px; padding: 23px; border-radius: 20px; }
  .scenario-primary { min-height: 0; }
  .scenario-primary h3 { font-size: 32px; }
  .scenario-visual { min-height: 225px; padding: 18px; }
  .car-flow > span { width: 118px; min-height: 125px; padding: 15px 10px; }
  .car-flow > i { width: 28px; }
  .scenario-copy ul { gap: 6px; }
  .scenario-copy li { padding-inline: 8px; font-size: 8px; }
  .context-system { padding: 28px 20px; border-radius: 24px; }
  .context-intro h2 { font-size: 40px; }
  .context-switch span { height: 31px; padding-inline: 9px; font-size: 8px; }
  .context-ledger { padding: 12px; }
  .context-ledger article { padding: 11px 5px; grid-template-columns: 34px 1fr auto; }
  .context-ledger article > b { display: none; }
  .family-section { margin-top: 92px; padding: 28px 20px; border-radius: 24px; }
  .family-card { padding: 20px; }
  body[data-page="landing"] .mind-privacy { padding: 30px 22px; border-radius: 24px; }
  body[data-page="landing"] .mind-privacy h2 { font-size: 39px; }
  body[data-page="landing"] .mind-privacy .privacy-boundary { align-items: flex-start; flex-direction: column; }
  body[data-page="landing"] .final-cta { padding-top: 92px; padding-bottom: 92px; }
  body[data-page="landing"] .mind-final { padding: 32px 24px; align-items: flex-start; flex-direction: column; }
  .final-actions { width: 100%; align-items: stretch; }
  .final-actions .button { width: 100%; }
  .final-actions > a:last-child { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .halo-two { animation: none; }
  body[data-page="landing"] * { scroll-behavior: auto !important; }
}

@supports not (backdrop-filter: blur(1px)) {
  .intent-demo, .demo-island, body[data-page="landing"] .site-header { background: rgba(250, 248, 243, .96); }
}