/* Homie Scheduler — homie.family
   Tokens are authoritative from design_handoff_homie (tokens_*.css). */

@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Figtree:wght@400;500;600;700&display=swap");

:root {
  /* Cornflower palette (theme_cornflower.css, owner pick 2026-07-17) —
     variable names kept from the warm system (terra=accent, etc.). */
  /* Neutrals */
  --cream-50: #F5F7FB;
  --cream-100: #FFFFFF;
  --cream-200: #E9EDF5;
  --cream-300: #EDE9DC;
  /* Ink */
  --ink-900: #1F2940;
  --ink-800: #2B3550;
  --ink-600: #414D68;
  --ink-400: #65718C;
  /* Accent (cornflower) */
  --terra-600: #2E4A8C;
  --terra-500: #3F5FA8;
  --terra-200: #E3E9F6;
  /* Support tints */
  --sage-600: #4C6252;
  --sage-400: #7A9184;
  --sage-200: #E0E9E2;
  --sage-eyebrow: #7A9184;
  --sky-600: #3D5578;
  --sky-400: #6C82A3;
  --sky-200: #D9E4F0;
  --sand-600: #7C7048;
  --sand-400: #99906B;
  /* Borders */
  --line: #DEE3EE;
  --line-soft: #E6EAF3;
  /* Inverse */
  --inv-bg: #1F2940;
  --inv-heading: #EDF1F9;
  --inv-body: #B9C4DC;
  --inv-accent: #A9BCE0;
  --inv-link: #C3D2EE;
  /* Semantic */
  --surface-page: var(--cream-50);
  --surface-section: #EBEFF7;
  --surface-inverse: var(--inv-bg);
  --text-heading: var(--ink-900);
  --text-body: var(--ink-600);
  --text-strong: var(--ink-800);
  --text-muted: var(--ink-400);
  --accent: var(--terra-500);
  --accent-hover: var(--terra-600);
  --on-accent: #F5F7FB;
  --border: var(--line);
  --selection: #DCE4F4;
  --shadow-device: 0 24px 60px rgba(31, 41, 64, 0.20);
  /* Layout */
  --content-max: 1080px;
  --section-pad-x: 40px;
  /* Type */
  --font-display: 'Newsreader', Georgia, serif;
  --font-body: 'Figtree', -apple-system, BlinkMacSystemFont, sans-serif;
  --text-display: 500 56px/1.08 var(--font-display);
  --text-h2: 500 38px/1.15 var(--font-display);
  --text-lead: 400 19px/1.65 var(--font-body);
  --text-body-lg: 400 17px/1.65 var(--font-body);
  --text-eyebrow: 600 13px/1.4 var(--font-body);
  --tracking-eyebrow: 0.1em;
  --tracking-display: -0.015em;
  /* Radii */
  --radius-pill: 999px;
  --radius-panel: 20px;
  --radius-device: 44px;
}

* { box-sizing: border-box; }
::selection { background: var(--selection); }

body {
  margin: 0;
  background: var(--surface-page);
  font: 400 15.5px/1.6 var(--font-body);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-hover); text-decoration: underline; }

.wrap { max-width: var(--content-max); margin: 0 auto; padding: 0 var(--section-pad-x); }

.eyebrow {
  font: var(--text-eyebrow);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  margin: 0 0 16px;
}

.btn {
  display: inline-block;
  background: var(--accent);
  color: var(--on-accent);
  padding: 15px 28px;
  border-radius: var(--radius-pill);
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.btn:hover { background: var(--accent-hover); color: var(--on-accent); text-decoration: none; }
.btn.sm { padding: 10px 20px; font-size: 15px; }

/* ── Nav ── */
.nav { display: flex; align-items: center; justify-content: space-between; padding-top: 28px; gap: 16px; }
.wordmark { display: flex; align-items: baseline; gap: 10px; }
.wordmark .homie { font: 600 26px var(--font-display); color: var(--text-strong); letter-spacing: -0.01em; }
.wordmark .scheduler { font-size: 13px; color: var(--text-muted); letter-spacing: 0.06em; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 32px; font-size: 15px; font-weight: 500; }
.nav-links a { color: var(--text-body); }
.nav-links a.btn { color: var(--on-accent); }

/* ── Hero ── */
.hero {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 64px;
  align-items: center;
  padding-top: 88px;
  padding-bottom: 96px;
}
.hero h1 { margin: 0; font: var(--text-display); letter-spacing: var(--tracking-display); color: var(--text-heading); text-wrap: pretty; }
.hero .lead { margin: 28px 0 0; font: var(--text-lead); max-width: 520px; text-wrap: pretty; }
.hero .eyebrow { margin-bottom: 20px; color: var(--sage-eyebrow); }
.cta-row { display: flex; align-items: center; gap: 18px; margin-top: 36px; }
.cta-note { font-size: 14px; color: var(--text-muted); line-height: 1.4; }
.phone-slot { display: flex; justify-content: center; }
.phone {
  width: 300px; height: 610px;
  background: var(--ink-900);
  border-radius: var(--radius-device);
  padding: 12px;
  box-shadow: var(--shadow-device);
}
.phone-screen {
  width: 100%; height: 100%;
  border-radius: 34px;
  background: var(--surface-page);
  overflow: hidden;
}

/* ── In-app mockup (hero phone) — fictional demo data, no gated tabs ── */
.app-mock {
  width: 100%; height: 100%;
  display: flex; flex-direction: column;
  background: var(--surface-page);
  font-family: var(--font-body);
  color: var(--text-heading);
  overflow: hidden;
  -webkit-user-select: none; user-select: none;
}
.am-status {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 20px 3px; font-size: 11px; font-weight: 700;
}
.am-status-right { display: inline-flex; align-items: center; gap: 6px; }
.am-sig { display: inline-flex; align-items: flex-end; gap: 1.5px; height: 10px; }
.am-sig i { width: 2.5px; background: var(--text-heading); border-radius: 1px; }
.am-sig i:nth-child(1) { height: 4px; }
.am-sig i:nth-child(2) { height: 6px; }
.am-sig i:nth-child(3) { height: 8px; }
.am-sig i:nth-child(4) { height: 10px; }
.am-batt {
  width: 20px; height: 10px; border: 1.4px solid var(--text-heading);
  border-radius: 3px; position: relative; display: inline-block;
}
.am-batt::before {
  content: ""; position: absolute; left: 1.4px; top: 1.4px; bottom: 1.4px;
  width: 12px; background: var(--text-heading); border-radius: 1px;
}
.am-batt::after {
  content: ""; position: absolute; right: -3px; top: 3px; width: 2px; height: 4px;
  background: var(--text-heading); border-radius: 0 1px 1px 0;
}
.am-header {
  text-align: center; font-weight: 700; font-size: 15px; padding: 2px 0 9px;
  border-bottom: 1px solid var(--line-soft);
}
.am-roster { display: flex; gap: 6px; padding: 9px 12px 5px; align-items: center; }
.am-chip {
  width: 24px; height: 24px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700; color: #fff; flex: none;
}
.am-chip.all { width: auto; padding: 0 11px; border-radius: 999px; background: var(--accent); }
.am-tabs { display: flex; gap: 6px; padding: 3px 12px 10px; }
.am-tab {
  flex: 1; text-align: center; font-size: 10.5px; font-weight: 600; padding: 7px 0;
  border-radius: 8px; background: var(--surface-section); color: var(--text-body);
}
.am-tab.on { background: var(--accent); color: var(--on-accent); }
.am-feed { flex: 1; background: var(--surface-section); padding: 12px; overflow: hidden; }
.am-day {
  font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em;
  color: var(--accent); padding: 2px 2px 8px;
}
.am-pill {
  font-size: 10px; font-weight: 600; padding: 6px 10px; border-radius: 999px;
  display: inline-block; background: var(--sage-200); color: var(--sage-600);
}
.am-card {
  background: var(--cream-100); border-radius: 12px; padding: 12px;
  border-left: 3px solid var(--accent); box-shadow: 0 6px 16px rgba(31, 41, 64, 0.06);
  margin-top: 10px;
}
.am-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.am-card-title { font-size: 13px; font-weight: 700; }
.am-must {
  font-size: 8.5px; font-weight: 800; letter-spacing: 0.04em; color: #fff;
  background: var(--accent); padding: 3px 7px; border-radius: 6px; flex: none;
}
.am-meta { font-size: 10.5px; color: var(--text-muted); margin-top: 3px; }
.am-winbar {
  display: flex; height: 8px; border-radius: 4px; overflow: hidden;
  margin: 10px 0 5px; background: var(--line-soft);
}
.am-winbar i { display: block; height: 100%; }
.am-winbar .s-pre { flex: 15; background: var(--sky-200); }
.am-winbar .s-drv { flex: 22; background: var(--sky-400); }
.am-winbar .s-buf { flex: 10; background: var(--line); }
.am-winbar .s-evt { flex: 60; background: var(--accent); }
.am-wintimes { display: flex; justify-content: space-between; font-size: 9.5px; color: var(--text-muted); }
.am-leave { font-size: 10.5px; color: var(--text-body); margin-top: 6px; }
.am-leave strong { color: var(--text-heading); }
.am-learn { font-size: 10.5px; color: var(--text-body); margin-top: 11px; }
.am-learn-chips { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 6px; }
.am-lc {
  font-size: 10px; font-weight: 600; padding: 5px 9px; border-radius: 999px;
  background: var(--surface-section); color: var(--text-body);
}
.am-nav {
  display: flex; justify-content: space-around; align-items: flex-start;
  padding: 8px 0 11px; border-top: 1px solid var(--line-soft); background: var(--surface-page);
}
.am-navitem { font-size: 9px; font-weight: 600; color: var(--text-muted); text-align: center; }
.am-navitem .ic { display: block; font-size: 15px; line-height: 1; margin-bottom: 3px; }
.am-navitem.on { color: var(--accent); }

/* ── Walkthrough loop (status bar + nav stay put; screens cross-fade) ── */
.walk { --walk-dur: 22s; }
.am-stage { position: relative; flex: 1; overflow: hidden; }
.am-screen {
  position: absolute; inset: 0; opacity: 0;
  display: flex; flex-direction: column;
  animation: var(--walk-dur) linear infinite;
}
.s1 { animation-name: s1fade; }
.s2 { animation-name: s2fade; }
.s3 { animation-name: s3fade; }
@keyframes s1fade { 0%,30% { opacity: 1 } 33%,97% { opacity: 0 } 100% { opacity: 1 } }
@keyframes s2fade { 0%,30% { opacity: 0 } 33%,63% { opacity: 1 } 66%,100% { opacity: 0 } }
@keyframes s3fade { 0%,63% { opacity: 0 } 66%,97% { opacity: 1 } 100% { opacity: 0 } }

/* Screen 1 auto-scrolls through the week */
.am-scroll { animation: s1scroll var(--walk-dur) ease-in-out infinite; }
@keyframes s1scroll {
  0%,8% { transform: translateY(0) }
  30%,33% { transform: translateY(-172px) }
  34%,100% { transform: translateY(0) }
}

/* Compact event rows (the filler the feed scrolls past) */
.am-ev { display: flex; gap: 8px; align-items: baseline; padding: 9px 2px; border-bottom: 1px solid var(--line-soft); }
.am-ev .t { font-size: 10.5px; color: var(--text-muted); width: 54px; flex: none; }
.am-ev .n { font-size: 12px; font-weight: 600; color: var(--text-heading); }

/* ── Screen 2 · conflict resolution ── */
.am-conflict {
  margin-top: 8px; border-radius: 12px; padding: 10px 11px 12px;
  background: rgba(178, 58, 46, 0.07); border: 1px solid rgba(178, 58, 46, 0.28);
}
.amc-row { display: flex; align-items: center; gap: 8px; }
.amc-head { font-size: 11px; font-weight: 800; color: #B23A2E; }
.amc-kind { font-size: 11px; font-weight: 700; color: #B23A2E; }
.amc-sub { display: flex; align-items: center; gap: 7px; margin-top: 5px; }
.amc-dots { display: inline-flex; }
.amc-dots i { width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid var(--cream-100); margin-left: -4px; }
.amc-dots i:first-child { margin-left: 0; }
.amc-time { font-size: 10.5px; color: var(--text-body); }
.amc-chev { margin-left: auto; font-size: 14px; color: var(--text-muted); }

/* FootprintBars — the "conflict is geometry" diagram */
.fb { margin-top: 11px; }
.fb-item { margin-bottom: 8px; }
.fb-name { display: flex; align-items: center; gap: 5px; font-size: 9.5px; font-weight: 700; color: var(--text-strong); margin-bottom: 3px; }
.fb-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.fb-t { margin-left: auto; font-weight: 500; color: var(--text-muted); font-size: 9px; }
.fb-track { position: relative; display: flex; height: 11px; border-radius: 3px; overflow: visible; }
.fb-track > i { display: block; height: 100%; }
.fb-track > i:first-child { border-radius: 3px 0 0 3px; }
.fb-prep { flex: 15; background: #E0E9E2; }
.fb-trav { flex: 20; background: #D9E4F0; }
.fb-evt  { flex: 55; background: var(--accent); }
.fb-sp   { flex: 10; background: transparent; }
.fb-band {
  position: absolute; left: 35%; width: 55%; top: -3px; bottom: -3px;
  background: rgba(178, 58, 46, 0.16);
  border-left: 1.5px solid #B23A2E; border-right: 1.5px solid #B23A2E;
}
.fb-legend { display: flex; gap: 10px; margin-top: 7px; font-size: 8.5px; color: var(--text-muted); }
.fb-legend span { display: inline-flex; align-items: center; gap: 3px; }
.fb-legend .k { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.k-prep { background: #E0E9E2; }
.k-trav { background: #D9E4F0; }
.k-evt  { background: var(--accent); }
.k-ovl  { background: rgba(178, 58, 46, 0.18); border: 1.5px solid #B23A2E; }

/* the resolution sheet (dispatcher) that slides up */
.am-dim {
  position: absolute; inset: 0; background: rgba(31, 41, 64, 0.32); opacity: 0;
  animation: dimIn var(--walk-dur) ease-out infinite;
}
.am-sheet {
  position: absolute; left: 0; right: 0; bottom: 0;
  background: var(--cream-100); border-radius: 20px 20px 0 0; padding: 8px 16px 18px;
  box-shadow: 0 -12px 30px rgba(31, 41, 64, 0.18);
  transform: translateY(112%);
  animation: sheetUp var(--walk-dur) cubic-bezier(.22,.61,.36,1) infinite;
}
.ash-grip { width: 34px; height: 4px; border-radius: 999px; background: var(--line); margin: 0 auto 12px; }
.ash-dots { display: inline-flex; margin-bottom: 8px; }
.ash-dots i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--cream-100); margin-left: -5px; }
.ash-dots i:first-child { margin-left: 0; }
.ash-title { font-size: 14px; font-weight: 700; color: var(--text-heading); }
.ash-sub { font-size: 10.5px; color: var(--text-muted); margin-top: 2px; }
.ash-cov { font-size: 10.5px; color: var(--text-body); margin-top: 13px; }
.ash-cov::before { content: ""; }
.ash-chips { display: flex; gap: 6px; margin-top: 7px; }
.ash-chip {
  font-size: 10.5px; font-weight: 600; padding: 7px 12px; border-radius: 999px;
  background: var(--surface-section); color: var(--text-body); border: 1px solid var(--line-soft);
}
.ash-chip.chosen {
  animation: chipChosen var(--walk-dur) ease-out infinite;
}
@keyframes sheetUp {
  0%,38% { transform: translateY(112%) }
  44%,63% { transform: translateY(0) }
  66%,100% { transform: translateY(112%) }
}
@keyframes dimIn {
  0%,38% { opacity: 0 } 44%,63% { opacity: 1 } 66%,100% { opacity: 0 }
}
@keyframes chipChosen {
  0%,52% { background: var(--surface-section); color: var(--text-body); border-color: var(--line-soft); }
  56%,100% { background: var(--sage-600); color: #fff; border-color: var(--sage-600); }
}

/* ── Screen 3 · "Can we fit it?" verdict ── */
.am-ask { background: var(--cream-100); padding: 14px 12px; }
.ask-quote { font-size: 12px; font-style: italic; color: var(--text-body); margin-bottom: 12px; }
.ask-check {
  background: var(--terra-200); border: 1px solid var(--accent); border-radius: 12px;
  padding: 11px 12px; animation: askIn1 var(--walk-dur) ease-out infinite;
}
.ask-kicker { font-size: 8.5px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); margin-bottom: 7px; }
.ask-line { font-size: 11px; color: var(--text-strong); padding: 2px 0; }
.ask-line .ai { font-size: 11px; }
.ask-verdict {
  margin-top: 11px; background: var(--cream-100); border: 1px solid var(--line-soft); border-radius: 12px;
  padding: 12px; box-shadow: 0 6px 16px rgba(31, 41, 64, 0.06);
  animation: askIn2 var(--walk-dur) ease-out infinite;
}
.ask-vhead { font-size: 10px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-muted); }
.ask-vans { font-size: 15px; font-weight: 700; color: #B5833C; margin: 4px 0 10px; }
.ask-r { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
.ask-rl { font-size: 10.5px; color: var(--text-body); flex: 1; }
.ask-c {
  font-size: 10px; font-weight: 600; padding: 5px 9px; border-radius: 999px; flex: none;
  background: var(--surface-section); color: var(--text-body); border: 1px solid var(--line-soft);
}
.ask-c.chosen { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.ask-btn {
  margin-top: 13px; text-align: center; font-size: 12px; font-weight: 700;
  color: var(--on-accent); background: var(--accent); border-radius: 999px; padding: 11px 0;
  animation: askIn3 var(--walk-dur) ease-out infinite;
}
@keyframes askIn1 { 0%,67% { opacity: 0; transform: translateY(6px) } 70%,100% { opacity: 1; transform: none } }
@keyframes askIn2 { 0%,73% { opacity: 0; transform: translateY(6px) } 76%,100% { opacity: 1; transform: none } }
@keyframes askIn3 { 0%,79% { opacity: 0; transform: translateY(8px) } 82%,100% { opacity: 1; transform: none } }

@media (prefers-reduced-motion: reduce) {
  .am-screen, .am-scroll, .am-dim, .am-sheet, .ash-chip.chosen,
  .ask-check, .ask-verdict, .ask-btn { animation: none !important; }
  .s1 { opacity: 1 !important; }
  .s2, .s3 { display: none !important; }
}

/* ── How it works ── */
.how {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  padding-bottom: 96px;
}
.how .eyebrow { color: var(--accent); }
.how h2 { margin: 0; font: var(--text-h2); color: var(--text-heading); text-wrap: pretty; }
.how .body { margin: 20px 0 0; font: var(--text-body-lg); text-wrap: pretty; }
.chat { display: flex; flex-direction: column; gap: 14px; }
.bubble-user {
  align-self: flex-end; max-width: 85%;
  background: var(--accent); color: var(--on-accent);
  border-radius: 20px 20px 4px 20px;
  padding: 16px 20px;
  font-size: 15.5px; line-height: 1.5;
}
.bubble-homie {
  align-self: flex-start; max-width: 90%;
  background: var(--surface-section);
  border-radius: 20px 20px 20px 4px;
  padding: 18px 22px;
  font-size: 15.5px; line-height: 1.6;
  color: var(--text-strong);
}
.bubble-homie .verdict {
  display: block; color: var(--sage-600);
  font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase;
  margin-bottom: 8px; font-weight: 700;
}

/* ── Committed window ── */
.window-section { background: var(--surface-section); padding: 88px 0; }
.window-section .eyebrow { color: var(--accent); }
.window-section h2 { margin: 0; font: var(--text-h2); color: var(--text-heading); max-width: 640px; text-wrap: pretty; }
.window-panel {
  margin-top: 40px;
  background: var(--surface-page);
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  padding: 36px 40px;
}
.window-bar { display: flex; gap: 4px; height: 64px; }
.seg { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 4px; }
.seg .t { font-size: 13px; font-weight: 600; }
.seg .s { font-size: 12px; }
.seg-prep { flex: 15; background: var(--sage-200); border-radius: 10px 4px 4px 10px; }
.seg-prep .t { color: var(--sage-600); } .seg-prep .s { color: var(--sage-400); }
.seg-drive { flex: 22; background: var(--sky-200); }
.seg-drive .t { color: var(--sky-600); } .seg-drive .s { color: var(--sky-400); }
.seg-buffer { flex: 10; background: var(--cream-300); }
.seg-buffer .t { color: var(--sand-600); } .seg-buffer .s { color: var(--sand-400); }
.seg-event { flex: 60; background: var(--accent); border-radius: 4px 10px 10px 4px; align-items: flex-start; padding-left: 20px; }
.seg-event .t { font-size: 14px; color: var(--on-accent); }
.seg-event .s { color: var(--terra-200); }
.window-caption { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: 13px; color: var(--text-muted); }
.window-caption strong { color: var(--text-body); }

/* ── Privacy ── */
.privacy-section { background: var(--surface-inverse); padding: 96px 0; }
.privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.privacy-section .eyebrow { color: var(--inv-accent); }
.privacy-section h2 { margin: 0; font: var(--text-h2); color: var(--inv-heading); text-wrap: pretty; }
.privacy-link { display: inline-block; margin-top: 26px; color: var(--inv-link); font-size: 15px; font-weight: 600; }
.privacy-link:hover { color: var(--inv-link); }
.privacy-body { font-size: 14.5px; line-height: 1.6; color: var(--inv-body); }

/* ── Footer ── */
footer { border-top: 1px solid var(--line-soft); }
.footer-row {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding-top: 32px; padding-bottom: 32px;
  font-size: 13.5px; color: var(--text-muted);
}
.footer-mark { font: 400 17px var(--font-display); color: var(--text-body); }
.footer-mark span { font: 400 12px var(--font-body); letter-spacing: 0.06em; text-transform: uppercase; }
.footer-links { display: flex; gap: 28px; }
.footer-links a { color: var(--text-muted); }

/* ── Responsive ── */
@media (max-width: 920px) {
  :root { --section-pad-x: 24px; }
  .hero { grid-template-columns: 1fr; gap: 48px; padding-top: 56px; padding-bottom: 64px; }
  .hero h1 { font-size: 42px; }
  .how { grid-template-columns: 1fr; gap: 40px; padding-bottom: 64px; }
  .privacy-grid { grid-template-columns: 1fr; gap: 32px; }
  .window-section, .privacy-section { padding: 64px 0; }
  .window-panel { padding: 24px 20px; }
  .seg-event { padding-left: 12px; }
  .nav-links { gap: 18px; }
  .nav-links .nav-anchor { display: none; }
  .footer-row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: 36px; }
  .window-bar { height: 56px; }
  .seg .s { display: none; }
  .cta-row { flex-direction: column; align-items: flex-start; }
}