:root {
  --navy-950: #07151c;
  --navy-900: #0a1d26;
  --navy-800: #102b35;
  --navy-700: #1b3a43;
  --sand-50: #f8f5ed;
  --sand-100: #f0eadc;
  --sand-200: #e1d7c3;
  --gold-300: #d9bd80;
  --gold-400: #caaa63;
  --gold-500: #b48a36;
  --gold-text: #765716;
  --ink: #16232a;
  --muted: #66747a;
  --red: #a9473c;
  --white: #fffefa;
  --line: rgba(24, 47, 57, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  background: var(--sand-50);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link {
  background: var(--navy-950);
  color: white;
  font-size: 13px;
  font-weight: 700;
  left: 16px;
  padding: 12px 16px;
  position: fixed;
  top: -80px;
  z-index: 100;
}
.skip-link:focus { top: 16px; }

.site-header {
  align-items: center;
  background: rgba(248, 245, 237, .94);
  border-bottom: 1px solid var(--line);
  display: flex;
  height: 82px;
  justify-content: space-between;
  left: 0;
  padding: 0 clamp(24px, 4.5vw, 72px);
  position: sticky;
  right: 0;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
}
.brand { align-items: center; display: flex; gap: 12px; }
.brand-mark {
  align-items: center;
  border: 1px solid var(--gold-500);
  border-radius: 50%;
  display: flex;
  height: 34px;
  justify-content: center;
  position: relative;
  width: 34px;
}
.brand-mark::before, .brand-mark::after, .brand-mark span {
  background: var(--gold-500);
  border-radius: 4px;
  content: "";
  height: 2px;
  position: absolute;
  transform-origin: left;
  width: 11px;
}
.brand-mark::before { transform: translate(-7px, 6px) rotate(-53deg); }
.brand-mark::after { transform: translate(0, -3px) rotate(53deg); }
.brand-mark span { transform: translate(-1px, 4px) rotate(-53deg); }
.brand-name { display: flex; flex-direction: column; line-height: 1.05; }
.brand-name strong { font-family: Georgia, serif; font-size: 18px; letter-spacing: .02em; }
.brand-name span { color: #536268; font-size: 12px; letter-spacing: .16em; margin-top: 4px; text-transform: uppercase; }
.desktop-nav { align-items: center; display: flex; gap: clamp(15px, 2vw, 29px); }
.desktop-nav a { color: #435359; font-size: 14px; font-weight: 600; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { color: var(--gold-text); }
.nav-cta {
  align-items: center;
  border: 1px solid var(--navy-800);
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 9px;
  letter-spacing: .08em;
  padding: 10px 15px;
  text-transform: uppercase;
}
.mobile-nav { display: none; }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr);
  min-height: calc(100vh - 82px);
  overflow: hidden;
  padding: 72px clamp(24px, 7vw, 112px) 80px;
  position: relative;
}
.hero::before {
  background-image: radial-gradient(rgba(25, 60, 68, .12) .7px, transparent .7px);
  background-size: 12px 12px;
  content: "";
  inset: 0 0 0 50%;
  mask-image: linear-gradient(to right, transparent, black);
  opacity: .45;
  position: absolute;
}
.hero-copy { align-self: center; max-width: 750px; position: relative; z-index: 2; }
.section-kicker {
  align-items: center;
  color: var(--gold-text);
  display: flex;
  font-size: 14px;
  font-weight: 800;
  gap: 10px;
  letter-spacing: .18em;
  margin-bottom: 26px;
  text-transform: uppercase;
}
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
h1 { font-size: clamp(48px, 5vw, 78px); letter-spacing: -.045em; line-height: 1.02; margin-bottom: 30px; max-width: 760px; }
h1 em, h2 em { color: var(--gold-text); font-style: italic; }
.hero-lead { color: #4c5e64; font-size: clamp(17px, 1.35vw, 20px); line-height: 1.75; max-width: 670px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.button {
  align-items: center;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 24px;
  justify-content: center;
  letter-spacing: .03em;
  min-height: 52px;
  padding: 0 23px;
  transition: transform .18s ease, background .18s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--navy-900); color: var(--white); }
.button-primary:hover { background: var(--navy-800); }
.button-secondary { border: 1px solid var(--sand-200); color: #33464d; }
.availability-note { color: #58686d; font-size: 14px; font-weight: 700; margin: 18px 0 0; }
.trust-row { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 30px; }
.trust-row span { color: #56666b; font-size: 14px; }
.trust-row span::before { color: var(--gold-text); content: "✓"; font-weight: 900; margin-right: 7px; }

.hero-visual { align-items: center; display: flex; justify-content: center; min-height: 590px; position: relative; z-index: 2; }
.halo { border: 1px solid rgba(180, 138, 54, .25); border-radius: 50%; position: absolute; }
.halo-one { height: 510px; width: 510px; }
.halo-two { height: 390px; width: 390px; }
.phone-card {
  background: var(--navy-950);
  border: 8px solid var(--navy-950);
  border-radius: 40px;
  box-shadow: 0 35px 80px rgba(9, 31, 38, .18);
  overflow: hidden;
  position: relative;
  transform: rotate(1.5deg);
  width: min(320px, 75vw);
  z-index: 2;
}
.phone-card img { display: block; height: auto; width: 100%; }
.poc-badge { background: var(--sand-50); border: 1px solid var(--sand-200); bottom: 27px; color: #505f63; font-size: 12px; font-weight: 800; left: 1%; letter-spacing: .1em; padding: 8px 11px; position: absolute; text-transform: uppercase; z-index: 3; }
.private-note { align-items: center; background: var(--navy-800); bottom: 68px; box-shadow: 0 15px 35px rgba(7, 21, 28, .2); color: white; display: flex; gap: 12px; padding: 14px 17px; position: absolute; right: 0; z-index: 3; }
.private-note .lock { align-items: center; border: 1px solid var(--gold-400); border-radius: 50%; color: var(--gold-300); display: flex; height: 28px; justify-content: center; width: 28px; }
.private-note div { display: flex; flex-direction: column; }
.private-note strong { font-family: Georgia, serif; font-size: 14px; }
.private-note div span { color: #c6d0d1; font-size: 12px; }

.section { padding: 105px clamp(24px, 7vw, 112px); }
.purpose { background: var(--white); }
.purpose-grid { display: grid; gap: 8vw; grid-template-columns: 1.1fr .9fr; }
.purpose h2, .section-heading h2, .everyday h2 { font-size: clamp(38px, 4.2vw, 61px); letter-spacing: -.035em; line-height: 1.08; margin-bottom: 0; }
.why-heading { max-width: 900px; }
.purpose-grid .section-kicker { margin-bottom: 24px; }
.purpose-grid h3 {
  color: var(--navy-900);
  font-family: Georgia, serif;
  font-size: clamp(38px, 4.2vw, 61px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.08;
  margin: 0;
}
.purpose-copy { color: #526168; font-size: 17px; line-height: 1.8; }
.purpose-copy p:last-child { margin-bottom: 0; }
.synodos-note {
  align-items: start;
  background: var(--sand-100);
  border-left: 3px solid var(--gold-text);
  display: grid;
  gap: 28px 7vw;
  grid-template-columns: .55fr 1.45fr;
  margin-top: 64px;
  padding: clamp(28px, 4vw, 44px);
}
.synodos-note .section-kicker { margin: 4px 0 0; }
.synodos-note p {
  color: #48595e;
  font-size: 17px;
  line-height: 1.8;
  margin: 0;
}
.synodos-note strong { color: var(--navy-900); font-family: Georgia, serif; font-size: 21px; font-weight: 400; }
.caregiving-bridge {
  background: var(--navy-900);
  color: white;
  display: grid;
  gap: 20px 7vw;
  grid-template-columns: .8fr 1.2fr;
  margin-top: 70px;
  padding: clamp(30px, 4vw, 50px);
}
.caregiving-bridge .section-kicker { color: var(--gold-300); grid-column: 1 / -1; margin-bottom: 0; }
.caregiving-bridge h3 { font-family: Georgia, serif; font-size: clamp(29px, 3.2vw, 44px); font-weight: 400; line-height: 1.12; margin: 0; }
.caregiving-bridge p { color: #c4ced0; font-size: 16px; line-height: 1.8; margin: 0; }
.evidence-heading { margin-top: 72px; max-width: 830px; }
.evidence-heading .section-kicker { margin-bottom: 18px; }
.evidence-heading h3 { color: var(--navy-900); font-family: Georgia, serif; font-size: clamp(30px, 3.4vw, 46px); font-weight: 400; line-height: 1.15; margin: 0 0 15px; }
.evidence-heading p { color: #59686d; font-size: 16px; line-height: 1.75; margin: 0; max-width: 760px; }
.evidence-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); margin-top: 36px; }
.evidence-note { background: var(--sand-50); border-left: 3px solid var(--gold-text); display: flex; flex-direction: column; padding: 24px; }
.evidence-note strong { color: var(--navy-900); display: block; font-family: Georgia, serif; font-size: 20px; font-weight: 400; }
.evidence-note p { color: #536268; font-size: 14px; line-height: 1.7; margin: 8px 0 12px; }
.evidence-note a { color: var(--gold-text); font-size: 14px; font-weight: 800; margin-top: auto; text-decoration: underline; text-underline-offset: 3px; }
.evidence-caveat { color: #667478; font-size: 13px; line-height: 1.65; margin: 18px 0 0; }
.principle { align-items: center; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: flex; gap: 25px; margin-top: 64px; padding: 27px 0; }
.principle-rule { background: var(--gold-400); display: block; height: 48px; width: 3px; }
.principle p { font-family: Georgia, serif; font-size: clamp(18px, 2vw, 25px); margin: 0; }
.principle strong { display: block; font-weight: 400; }

.how { background: var(--sand-100); }
.section-heading.centered { margin: 0 auto 58px; max-width: 780px; text-align: center; }
.centered .section-kicker { justify-content: center; }
.section-heading p { color: var(--muted); font-size: 17px; margin: 22px auto 0; max-width: 570px; }
.section-heading .terminology-note {
  background: rgba(255,255,255,.62);
  border-left: 3px solid var(--gold-text);
  color: #566568;
  font-size: 14px;
  line-height: 1.65;
  max-width: 680px;
  padding: 13px 17px;
  text-align: left;
}
.terminology-note strong { color: var(--navy-900); }
.steps-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1280px; }
.step-card { background: rgba(255,255,255,.76); border: 1px solid rgba(55, 64, 59, .1); display: flex; flex-direction: column; min-height: 390px; padding: 30px; }
.step-top { align-items: center; display: flex; justify-content: space-between; }
.step-number { color: var(--gold-text); font-family: Georgia, serif; font-size: 20px; font-style: italic; }
.step-label { color: #596565; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.step-card h3 { color: var(--navy-900); font-family: Georgia, serif; font-size: 27px; font-weight: 400; margin: 65px 0 20px; }
.step-card > p { color: #5d6969; font-size: 14px; line-height: 1.75; }
.step-detail { border-top: 1px solid var(--line); color: var(--navy-800); font-family: Georgia, serif; font-size: 14px; font-style: italic; margin-top: auto; padding-top: 18px; }
.unknown-note { color: #566568; font-size: 14px; margin: 34px auto 0; max-width: 870px; text-align: center; }
.unknown-note strong { color: var(--ink); }

.readiness { align-items: center; background: var(--navy-900); color: white; display: grid; gap: 9vw; grid-template-columns: 1fr 1fr; }
.section-kicker.light { color: var(--gold-300); }
.readiness h2 { font-size: clamp(41px, 4.5vw, 64px); letter-spacing: -.035em; line-height: 1.08; }
.readiness-copy > p { color: #b9c5c7; font-size: 16px; line-height: 1.8; max-width: 600px; }
.emergency-types { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.emergency-types span { border: 1px solid rgba(255,255,255,.3); color: #e1e7e7; font-size: 13px; padding: 8px 11px; }
.emergency-types span:nth-child(4) { border-color: rgba(169, 71, 60, .6); }
.brief-card { background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.27); color: var(--ink); margin-left: auto; max-width: 530px; padding: 27px; width: 100%; }
.brief-card-header { align-items: center; border-bottom: 1px solid #e6e2d9; display: flex; justify-content: space-between; padding-bottom: 16px; }
.brief-card-header span:first-child { color: var(--gold-text); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.brief-card-header span:last-child { font-family: Georgia, serif; font-size: 17px; }
.brief-alert { background: #f4e7e3; border-left: 3px solid var(--red); display: flex; flex-direction: column; margin: 19px 0; padding: 14px 16px; }
.brief-alert span { color: #71473f; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.brief-alert strong { color: #7d3028; font-family: Georgia, serif; font-size: 18px; font-weight: 400; }
.brief-grid { display: grid; gap: 1px; grid-template-columns: 1fr 1fr; }
.brief-grid div { border: 1px solid #ece9e1; display: flex; flex-direction: column; margin: 0 -1px -1px 0; min-height: 76px; padding: 13px; }
.brief-grid span, .brief-note span { color: #685b44; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.brief-grid strong { color: #334247; font-size: 13px; margin-top: 6px; }
.brief-note { background: var(--sand-50); margin-top: 18px; padding: 14px; }
.brief-note p { color: #435155; font-size: 13px; margin: 4px 0 0; }
.example-label { color: #59686b; font-size: 12px; letter-spacing: .06em; margin: 14px 0 0; text-align: center; text-transform: uppercase; }

.everyday { background: var(--white); }
.everyday-grid { display: grid; gap: 8vw; grid-template-columns: 1fr 1fr; }
.everyday-copy > p { color: #58676c; font-size: 17px; line-height: 1.8; }
.use-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.use-chips span { background: var(--sand-50); border: 1px solid var(--sand-200); color: #4c5b60; font-size: 13px; padding: 8px 12px; }
.readiness-loop { align-items: center; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; margin-top: 70px; padding: 34px 0; }
.readiness-loop div { align-items: center; display: flex; gap: 12px; }
.readiness-loop span { align-items: center; border: 1px solid var(--gold-400); border-radius: 50%; color: var(--gold-text); display: flex; font-family: Georgia, serif; font-size: 13px; height: 31px; justify-content: center; width: 31px; }
.readiness-loop strong { color: #405056; font-size: 14px; font-weight: 600; }
.readiness-loop i { color: var(--gold-400); font-style: normal; }
.routine-principle { color: var(--gold-text); font-family: Georgia, serif; font-size: 21px; font-style: italic; margin: 27px 0 0; text-align: center; }

.privacy { align-items: center; background: var(--navy-950); color: white; display: grid; gap: clamp(35px, 6vw, 95px); grid-template-columns: .6fr 1.25fr 1fr; }
.privacy-seal { align-items: center; display: flex; justify-content: center; }
.seal-ring { align-items: center; border: 1px solid rgba(217,189,128,.35); border-radius: 50%; display: flex; height: 190px; justify-content: center; position: relative; width: 190px; }
.seal-ring::before { border: 1px dashed rgba(217,189,128,.2); border-radius: 50%; content: ""; inset: 12px; position: absolute; }
.seal-ring span { align-items: center; border: 1px solid var(--gold-300); border-radius: 50%; color: var(--gold-300); display: flex; font-size: 31px; height: 77px; justify-content: center; width: 77px; }
.privacy h2 { font-size: clamp(43px, 4.4vw, 64px); line-height: 1.05; }
.privacy-copy > p { color: #b9c4c5; font-size: 14px; line-height: 1.85; }
.privacy-emphasis { border-left: 2px solid var(--gold-400); color: #e8e3d7 !important; font-family: Georgia, serif; font-size: 16px !important; padding-left: 18px; }
.no-tracking-note { background: rgba(255,255,255,.045); border: 1px solid rgba(217,189,128,.2); margin-top: 28px; padding: 19px; }
.no-tracking-note > span { color: var(--gold-300); display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; margin-bottom: 7px; }
.no-tracking-note strong { display: block; font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.no-tracking-note p { color: #c2cccc; font-size: 13px; line-height: 1.65; margin: 7px 0 0; }
.privacy-list { display: grid; gap: 14px; }
.privacy-list div { align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); color: #dbe2e2; display: flex; font-size: 14px; gap: 11px; padding-bottom: 13px; }
.privacy-list span { align-items: center; border: 1px solid rgba(217,189,128,.45); border-radius: 50%; color: var(--gold-300); display: flex; font-size: 7px; height: 18px; justify-content: center; width: 18px; }

.responders { background: var(--white); display: grid; gap: 7vw; grid-template-columns: 1fr 1fr; }
.responder-intro h2, .alerts h2, .served h2, .screens h2, .faq h2, .download h2, .about h2 { font-size: clamp(39px, 4vw, 58px); letter-spacing: -.035em; line-height: 1.08; }
.responder-intro > p { color: #59676c; font-size: 16px; line-height: 1.8; }
.responder-no-list { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 31px; }
.responder-no-list span { background: var(--sand-50); border-left: 2px solid var(--gold-text); color: #3f4f53; font-size: 13px; font-weight: 700; padding: 12px; }
.responder-details { border-top: 1px solid var(--line); }
.detail-title { color: var(--gold-text); display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; padding: 15px 0; text-transform: uppercase; }
.responder-details > div { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 20px; grid-template-columns: 34px 1fr; padding: 12px 0; }
.responder-details > div > span { color: var(--gold-text); font-family: Georgia, serif; font-size: 12px; }
.responder-details p { color: #435257; font-size: 14px; margin: 0; }
.authority-note { border-top: 1px solid var(--line); display: grid; gap: 30px; grid-column: 1 / -1; grid-template-columns: 1fr 2fr; padding-top: 28px; }
.authority-note span { color: var(--navy-800); font-family: Georgia, serif; font-size: 19px; }
.authority-note p { color: #536165; font-size: 14px; margin: 0; }

.alerts { align-items: center; background: var(--sand-100); display: grid; gap: 6vw; grid-template-columns: .3fr 1.3fr .9fr; }
.alerts-mark { align-items: center; border: 1px solid rgba(169,71,60,.4); border-radius: 50%; color: var(--red); display: flex; font-family: Georgia, serif; font-size: 45px; height: 110px; justify-content: center; width: 110px; }
.alerts-copy > p { color: #59666a; font-size: 14px; line-height: 1.8; }
.classification-card { background: var(--navy-900); color: white; padding: 30px; }
.classification-card > span { color: var(--gold-300); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.classification-card strong { display: block; font-family: Georgia, serif; font-size: 23px; font-weight: 400; line-height: 1.3; margin: 35px 0; }
.classification-card p { border-top: 1px solid rgba(255,255,255,.16); color: #c7d0d1; font-size: 13px; margin: 0; padding-top: 17px; }

.served { background: var(--white); }
.served-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1280px; }
.served-grid article { border: 1px solid var(--line); margin: 0 -1px -1px 0; min-height: 225px; padding: 30px; }
.served-dot { background: var(--gold-400); border-radius: 50%; display: block; height: 7px; width: 7px; }
.served-grid h3 { font-family: Georgia, serif; font-size: 22px; font-weight: 400; margin: 36px 0 13px; }
.served-grid p { color: #536267; font-size: 14px; line-height: 1.7; margin: 0; }

.screens { background: var(--navy-800); color: white; overflow: hidden; padding-left: 0; padding-right: 0; }
.screens-copy { margin: 0 auto 60px; max-width: 750px; text-align: center; }
.screens-copy .section-kicker { justify-content: center; }
.screens-copy > p { color: #bdc7c8; margin: 0 auto; max-width: 610px; }
.screen-gallery { display: grid; gap: clamp(15px, 2vw, 28px); grid-template-columns: repeat(5, minmax(170px, 230px)); justify-content: center; margin: 0 auto; max-width: 1320px; padding: 0 clamp(24px, 4vw, 70px); }
.screen-shot { margin: 0; min-width: 0; }
.screen-frame { background: var(--navy-950); border: 6px solid #07151c; border-radius: 29px; box-shadow: 0 24px 55px rgba(0,0,0,.28); overflow: hidden; }
.screen-frame img { display: block; height: auto; width: 100%; }
.screen-shot figcaption { display: grid; gap: 4px; grid-template-columns: 30px 1fr; margin-top: 19px; }
.screen-shot figcaption span { color: var(--gold-300); font-family: Georgia, serif; font-size: 12px; font-style: italic; grid-row: 1 / 3; }
.screen-shot figcaption strong { color: #f4f5f2; font-family: Georgia, serif; font-size: 15px; font-weight: 400; }
.screen-shot figcaption small { color: #b7c3c4; font-size: 13px; line-height: 1.4; }
.featured-screen { transform: translateY(-18px); }
.poc-note { color: #b0bec0; font-size: 12px; letter-spacing: .07em; margin: 42px 0 0; text-align: center; text-transform: uppercase; }

.faq { background: var(--sand-50); display: grid; gap: 8vw; grid-template-columns: .7fr 1.3fr; }
.faq-heading { position: sticky; top: 125px; height: fit-content; }
.faq-heading > p { color: #657278; font-size: 14px; max-width: 400px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { align-items: center; color: #33464c; cursor: pointer; display: flex; font-family: Georgia, serif; font-size: 18px; justify-content: space-between; list-style: none; padding: 22px 0; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--gold-text); font-family: Arial, sans-serif; font-size: 21px; font-weight: 300; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { color: #536267; font-size: 15px; line-height: 1.75; max-width: 680px; padding: 0 35px 23px 0; }

.download { background: var(--navy-950); color: white; text-align: center; }
.download-inner { margin: 0 auto; max-width: 790px; }
.download-inner .section-kicker { justify-content: center; }
.download-inner > p { color: #bcc6c7; margin: 0 auto; max-width: 590px; }
.store-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 39px 0 29px; }
.store-links > span { border: 1px solid rgba(217,189,128,.5); display: flex; flex-direction: column; min-width: 210px; padding: 12px 22px; text-align: left; }
.store-links small { color: #c1cacc; font-size: 12px; letter-spacing: .1em; }
.store-links strong { font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.download-inner .store-note { color: #b2bec0; font-size: 13px; max-width: 520px; }

.about { background: var(--white); display: grid; gap: 8vw; grid-template-columns: 1fr 1fr; }
.about-copy > p { color: #5c6a6f; font-size: 16px; line-height: 1.8; }
.contact-card { border: 1px solid var(--sand-200); margin-top: 38px; padding: 26px; }
.contact-card > span { color: var(--gold-text); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.contact-card strong { display: block; font-family: Georgia, serif; font-size: 20px; font-weight: 400; margin: 16px 0 8px; }
.contact-card strong a { text-decoration: underline; text-decoration-color: var(--gold-400); text-underline-offset: 5px; }
.contact-card strong a:hover, .contact-card strong a:focus-visible { color: var(--gold-text); }
.contact-card p { color: #536166; font-size: 14px; margin-bottom: 18px; }
.contact-card small { border-top: 1px solid var(--sand-200); color: #77483f; display: block; font-size: 13px; padding-top: 14px; }

.disclaimer { align-items: flex-start; background: var(--sand-100); border-bottom: 1px solid var(--sand-200); border-top: 1px solid var(--sand-200); display: grid; gap: 35px; grid-template-columns: .25fr 1.75fr; padding: 34px clamp(24px, 7vw, 112px); }
.disclaimer strong { color: #8c372f; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.disclaimer p { color: #536166; font-size: 14px; line-height: 1.7; margin: 0; }
footer { align-items: center; background: var(--sand-50); display: grid; gap: 25px; grid-template-columns: 1fr 1fr 1fr auto; padding: 42px clamp(24px, 4.5vw, 72px); }
.footer-brand { width: fit-content; }
footer > p { color: #59676b; font-size: 13px; margin: 0; }
footer nav { display: flex; gap: 18px; justify-content: center; }
footer nav a { color: #4f5e62; font-size: 13px; }
.copyright { color: #647174; font-size: 12px; }

@media (max-width: 1050px) {
  .desktop-nav { display: none; }
  .hero { grid-template-columns: 1fr 390px; padding-left: 5vw; padding-right: 5vw; }
  .privacy { grid-template-columns: .5fr 1.25fr 1fr; gap: 35px; }
  .seal-ring { height: 135px; width: 135px; }
  .alerts { gap: 35px; grid-template-columns: .25fr 1.2fr .9fr; }
  footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 800px) {
  .site-header { height: 72px; padding: 0 20px; }
  .nav-cta { font-size: 12px; padding: 8px 11px; }
  .hero { grid-template-columns: 1fr; padding: 57px 24px 68px; }
  .hero::before { inset: 45% 0 0; }
  .hero-copy { text-align: left; }
  .hero-lead { font-size: 16px; }
  .hero-visual { min-height: 570px; }
  .private-note { right: 2%; }
  .section { padding: 78px 24px; }
  .purpose-grid, .synodos-note, .evidence-grid, .readiness, .everyday-grid { gap: 38px; grid-template-columns: 1fr; }
  .caregiving-bridge { grid-template-columns: 1fr; margin-top: 54px; }
  .evidence-grid { margin-top: 38px; }
  .steps-grid { grid-template-columns: 1fr; }
  .step-card { min-height: 310px; }
  .step-card h3 { margin-top: 40px; }
  .readiness { gap: 55px; }
  .brief-card { margin: 0; }
  .readiness-loop { gap: 15px; grid-template-columns: 1fr; }
  .readiness-loop i { display: none; }
  .privacy { grid-template-columns: 1fr; text-align: left; }
  .privacy-seal { justify-content: flex-start; }
  .seal-ring { height: 110px; width: 110px; }
  .seal-ring span { height: 53px; width: 53px; }
  .mobile-nav { background: var(--sand-50); border-bottom: 1px solid var(--line); display: flex; gap: 22px; overflow-x: auto; padding: 10px 20px; position: sticky; scrollbar-width: none; top: 72px; z-index: 45; }
  .mobile-nav::-webkit-scrollbar { display: none; }
  .mobile-nav a { align-items: center; color: #4e5d61; display: inline-flex; flex: 0 0 auto; font-size: 13px; font-weight: 700; min-height: 44px; text-transform: uppercase; }
  .responders, .alerts, .faq, .about { grid-template-columns: 1fr; }
  .authority-note { grid-template-columns: 1fr; }
  .alerts-mark { height: 80px; width: 80px; }
  .served-grid { grid-template-columns: 1fr 1fr; }
  .screen-gallery { gap: 18px; grid-template-columns: repeat(3, minmax(190px, 230px)); }
  .faq-heading { position: static; }
  footer { grid-template-columns: 1fr; }
  footer nav { justify-content: flex-start; }
}

@media (max-width: 480px) {
  .brand-name strong { font-size: 16px; }
  .brand-name span { font-size: 12px; }
  .nav-cta span { display: none; }
  h1 { font-size: 45px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .button { width: 100%; }
  .trust-row { gap: 9px 18px; }
  .hero-visual { min-height: 535px; transform: scale(.92); transform-origin: center top; }
  .phone-card { width: 285px; }
  .halo-one { height: 390px; width: 390px; }
  .halo-two { height: 320px; width: 320px; }
  .private-note { bottom: 50px; right: -12px; }
  .principle { align-items: flex-start; }
  .brief-card { padding: 20px; }
  .brief-grid { grid-template-columns: 1fr; }
  .responder-no-list, .served-grid { grid-template-columns: 1fr; }
  .screen-gallery { display: flex; gap: 16px; justify-content: flex-start; max-width: none; overflow-x: auto; padding: 0 24px 22px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .screen-gallery::-webkit-scrollbar { display: none; }
  .screen-shot { flex: 0 0 72vw; max-width: 270px; scroll-snap-align: center; }
  .featured-screen { transform: none; }
  .disclaimer { grid-template-columns: 1fr; }
}

@media (min-width: 801px) {
  .site-header a, .desktop-nav a { min-height: 44px; }
  .desktop-nav a { align-items: center; display: inline-flex; }
}

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

:focus-visible { outline: 3px solid #f6c453; outline-offset: 3px; box-shadow: 0 0 0 6px var(--navy-950); }

/* Legal, safety, privacy, and accessibility pages */
.legal-shell { min-height: 100vh; }
.legal-header {
  align-items: center;
  background: rgba(248, 245, 237, .96);
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  padding: 22px clamp(24px, 7vw, 112px);
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
}
.legal-back { color: #435359; font-size: 14px; font-weight: 700; }
.legal-back:hover, .legal-back:focus-visible { color: var(--gold-text); }
.legal-page { margin: 0 auto; max-width: 930px; padding: 92px 28px 110px; }
.legal-page > h1 {
  font-size: clamp(44px, 6vw, 76px);
  margin-bottom: 30px;
  max-width: 900px;
}
.legal-intro { color: #526168; font-size: clamp(17px, 2vw, 21px); line-height: 1.75; max-width: 790px; }
.legal-intro > p { margin-bottom: 0; }
.legal-date {
  border-bottom: 1px solid var(--line);
  color: #808b8d;
  font-size: 12px;
  letter-spacing: .12em;
  margin: 42px 0 0;
  padding-bottom: 24px;
  text-transform: uppercase;
}
.legal-content { display: grid; gap: 0; }
.legal-content section { border-bottom: 1px solid var(--line); padding: 42px 0; }
.legal-content h2 { color: var(--navy-900); font-size: clamp(27px, 3vw, 36px); margin-bottom: 17px; }
.legal-content p, .legal-content li { color: #57666b; font-size: 15px; line-height: 1.85; }
.legal-content p a { color: var(--navy-800); font-weight: 700; text-decoration: underline; text-decoration-color: var(--gold-text); text-underline-offset: 3px; }
.legal-content p a:hover, .legal-content p a:focus-visible { color: var(--gold-text); }
.legal-content p:last-child { margin-bottom: 0; }
.legal-content ul { margin: 0; padding-left: 22px; }
.legal-content li + li { margin-top: 8px; }
.legal-alert {
  background: #f4e7e3;
  border-left: 4px solid var(--red);
  color: #71352f;
  padding: 22px 25px;
}
.legal-alert strong { display: block; font-family: Georgia, serif; font-size: 22px; font-weight: 400; }
.legal-alert p { color: #77514c; font-size: 15px; margin: 5px 0 0; }
.legal-footer {
  align-items: center;
  background: var(--navy-950);
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 35px clamp(24px, 7vw, 112px);
}
.legal-footer p { color: #bdc7c8; font-size: 13px; margin: 0; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
.legal-footer a { color: #e0e6e6; font-size: 13px; }
.legal-footer a:hover, .legal-footer a:focus-visible { color: var(--gold-300); }

@media (max-width: 600px) {
  .legal-header { align-items: flex-start; gap: 18px; }
  .legal-back { max-width: 110px; text-align: right; }
  .legal-page { padding: 65px 24px 80px; }
  .legal-content section { padding: 34px 0; }
  .legal-footer { align-items: flex-start; flex-direction: column; gap: 20px; }
}

/* Approved Care Ready product homepage */
.cr-hero {
  align-items: center;
  background:
    radial-gradient(circle at 85% 20%, rgba(202,170,99,.18), transparent 31%),
    linear-gradient(140deg, var(--sand-50) 0%, #fffefa 68%);
  display: grid;
  gap: clamp(50px, 7vw, 110px);
  grid-template-columns: minmax(0, 1.05fr) minmax(350px, .75fr);
  min-height: calc(100vh - 82px);
  overflow: hidden;
  padding: 72px clamp(24px, 7vw, 112px) 82px;
}
.cr-hero-copy { max-width: 760px; }
.product-visual { margin: 0 auto; max-width: 470px; position: relative; width: 100%; }
.product-visual > p, .product-visual figcaption { color: #6b7779; font-size: 12px; letter-spacing: .05em; margin: 17px 0 0; text-align: center; }
.app-screen-feature { align-items: center; display: flex; flex-direction: column; }
.app-screen-frame {
  background: var(--navy-950);
  border: 1px solid rgba(217,189,128,.35);
  border-radius: 28px;
  box-shadow: 0 26px 65px rgba(7,21,28,.19);
  line-height: 0;
  max-width: 290px;
  overflow: hidden;
  width: 100%;
}
.app-screen-frame img { display: block; height: auto; width: 100%; }
.hero-app-screen { max-width: 330px; transform: rotate(1.25deg); }
.product-phone {
  background: var(--navy-950);
  border: 1px solid rgba(217,189,128,.36);
  border-radius: 32px;
  box-shadow: 0 35px 75px rgba(7,21,28,.22);
  color: white;
  padding: clamp(24px, 4vw, 38px);
}
.product-phone-top { border-bottom: 1px solid rgba(255,255,255,.13); display: flex; flex-direction: column; padding-bottom: 24px; text-align: center; }
.product-phone-top span { color: #92bdff; font-family: Georgia, serif; font-size: 17px; }
.product-phone-top strong { font-family: Georgia, serif; font-size: 35px; font-weight: 400; line-height: 1.1; }
.product-phone-top small { color: var(--gold-300); font-size: 11px; font-weight: 800; letter-spacing: .14em; margin-top: 10px; text-transform: uppercase; }
.share-now, .profile-row { align-items: center; display: grid; gap: 14px; grid-template-columns: 42px 1fr; margin-top: 18px; padding: 17px; }
.share-now { background: #c14b50; border-radius: 16px; }
.share-now > span, .profile-row > span { align-items: center; border: 1px solid currentColor; border-radius: 50%; display: flex; font-size: 14px; height: 36px; justify-content: center; width: 36px; }
.share-now div, .profile-row div { display: flex; flex-direction: column; }
.share-now strong, .profile-row strong { font-size: 15px; }
.share-now small, .profile-row small { color: rgba(255,255,255,.76); font-size: 12px; }
.profile-row { background: var(--navy-800); border: 1px solid rgba(255,255,255,.16); border-radius: 16px; }
.profile-row > span { border-radius: 12px; color: #9ec7ff; font-size: 11px; font-weight: 800; }
.path-grid { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 18px; }
.path-grid div { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); min-height: 100px; padding: 15px; }
.path-grid span { color: var(--gold-300); display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.path-grid strong { display: block; font-family: Georgia, serif; font-size: 17px; font-weight: 400; line-height: 1.25; margin-top: 14px; }

.cr-how { background: var(--sand-100); }
.four-steps { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); margin: 0 auto; max-width: 1320px; }
.four-steps article { background: rgba(255,255,255,.78); border: 1px solid var(--line); min-height: 290px; padding: 28px; }
.four-steps article > span { color: var(--gold-text); font-family: Georgia, serif; font-size: 18px; font-style: italic; }
.four-steps h3 { color: var(--navy-900); font-family: Georgia, serif; font-size: 24px; font-weight: 400; line-height: 1.25; margin: 55px 0 15px; }
.four-steps p { color: #59676b; font-size: 14px; line-height: 1.75; margin: 0; }
.profile-panel { background: var(--navy-900); color: white; display: grid; gap: clamp(36px, 7vw, 95px); grid-template-columns: .85fr 1.15fr; margin-top: 20px; padding: clamp(30px, 4vw, 52px); }
.profile-panel .section-kicker { color: var(--gold-300); margin-bottom: 19px; }
.profile-panel h3 { font-family: Georgia, serif; font-size: clamp(29px, 3vw, 42px); font-weight: 400; line-height: 1.15; margin: 0 0 18px; }
.profile-panel p { color: #c1cbcd; line-height: 1.75; margin: 0; }
.profile-panel ul { display: grid; gap: 0 30px; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 0; }
.profile-panel li { border-bottom: 1px solid rgba(255,255,255,.15); color: #e1e6e6; font-size: 14px; padding: 15px 0 15px 25px; position: relative; }
.profile-panel li::before { color: var(--gold-300); content: "✓"; left: 0; position: absolute; }

.app-showcase {
  background:
    radial-gradient(circle at 50% 15%, rgba(202,170,99,.13), transparent 32%),
    var(--white);
}
.showcase-grid {
  align-items: start;
  display: grid;
  gap: clamp(24px, 4vw, 52px);
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  max-width: 1120px;
}
.showcase-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: 0;
}
.showcase-card:nth-child(2) { padding-top: 46px; }
.showcase-card .app-screen-frame { max-width: 270px; }
.showcase-card figcaption {
  color: #59676b;
  font-size: 14px;
  line-height: 1.65;
  margin-top: 24px;
  max-width: 290px;
  text-align: center;
}
.showcase-card figcaption span {
  color: var(--navy-900);
  display: block;
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 8px;
}
.sample-data-note {
  border-top: 1px solid var(--line);
  color: #6b7779;
  font-size: 12px;
  letter-spacing: .03em;
  margin: 54px auto 0;
  max-width: 760px;
  padding-top: 19px;
  text-align: center;
}

.audience { background: var(--white); display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.audience-card { min-width: 0; padding: clamp(34px, 5vw, 65px); }
.caregiver-card { border: 1px solid var(--sand-200); }
.responder-card { background: var(--navy-800); color: white; }
.audience-card h2 { font-size: clamp(37px, 4vw, 56px); line-height: 1.08; }
.audience-card > p { color: #58676c; line-height: 1.8; }
.responder-card > p { color: #c3cdcf; }
.audience-card ul { list-style: none; margin: 30px 0 0; padding: 0; }
.audience-card li { border-top: 1px solid var(--line); color: #46575c; font-size: 14px; padding: 15px 0 15px 26px; position: relative; }
.audience-card li::before { color: var(--gold-text); content: "✓"; left: 0; position: absolute; }
.responder-points { border-top: 1px solid rgba(255,255,255,.14); margin-top: 28px; }
.responder-points div { align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); display: grid; gap: 15px; grid-template-columns: 30px 1fr; padding: 12px 0; }
.responder-points span { color: var(--gold-300); font-family: Georgia, serif; font-size: 12px; }
.responder-points p { color: #d8dfdf; font-size: 14px; margin: 0; }

.workflows { background: var(--sand-50); }
.workflow-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; margin: 0 auto; max-width: 1320px; }
.workflow-card { background: white; border: 1px solid var(--sand-200); padding: clamp(28px, 4vw, 45px); }
.workflow-header { border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 12px 25px; justify-content: space-between; padding-bottom: 19px; }
.workflow-header span { font-family: Georgia, serif; font-size: 28px; }
.emergency-card .workflow-header span { color: #8c372f; }
.everyday-card .workflow-header span { color: var(--navy-800); }
.workflow-header strong { align-self: center; color: var(--gold-text); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.workflow-card > p { color: #57666b; line-height: 1.8; margin: 23px 0; }
.workflow-card > ul { display: grid; gap: 9px; list-style: none; margin: 0; padding: 0; }
.workflow-card > ul li { background: var(--sand-50); border-left: 3px solid var(--gold-400); color: #34474d; font-size: 14px; font-weight: 700; padding: 12px 14px; }
.emergency-card > ul li { border-left-color: var(--red); }
.alert-boundary, .routine-value { border: 1px solid var(--sand-200); margin-top: 28px; padding: 21px; }
.alert-boundary { background: #f7ebe8; border-color: #e6b8b1; }
.routine-value { background: #eef3f1; }
.alert-boundary strong, .routine-value strong { display: block; font-family: Georgia, serif; font-size: 18px; font-weight: 400; line-height: 1.4; }
.alert-boundary p, .routine-value p { color: #59676b; font-size: 13px; line-height: 1.75; margin: 8px 0 0; }

.cr-privacy { background: var(--navy-950); color: white; }
.cr-privacy { display: grid; gap: 50px 7vw; grid-template-columns: 1fr 1fr; }
.privacy-copy h2 { font-size: clamp(42px, 4.5vw, 63px); line-height: 1.06; }
.privacy-copy > p { color: #bec9ca; line-height: 1.8; }
.privacy-facts { display: grid; gap: 0; }
.privacy-facts div { align-items: center; border-bottom: 1px solid rgba(255,255,255,.15); color: #e0e6e6; display: flex; font-size: 14px; gap: 12px; padding: 14px 0; }
.privacy-facts span { align-items: center; border: 1px solid rgba(217,189,128,.5); border-radius: 50%; color: var(--gold-300); display: flex; font-size: 9px; height: 21px; justify-content: center; min-width: 21px; }
.sharing-status { border-top: 1px solid rgba(255,255,255,.16); display: grid; gap: 25px; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; padding-top: 35px; }
.sharing-status span { color: var(--gold-300); display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; margin-bottom: 9px; text-transform: uppercase; }
.sharing-status strong { font-family: Georgia, serif; font-size: 21px; font-weight: 400; }
.sharing-status p, .sharing-status small { color: #bdc8c9; line-height: 1.7; }
.sharing-status p { font-size: 14px; margin: 10px 0 0; }
.planned-box { background: rgba(255,255,255,.06); border: 1px solid rgba(217,189,128,.25); padding: 22px; }
.planned-box small { display: block; font-size: 12px; margin-top: 9px; }

.availability { background: var(--navy-900); color: white; display: grid; gap: clamp(40px, 8vw, 110px); grid-template-columns: 1.1fr .9fr; }
.availability h2 { font-size: clamp(40px, 4vw, 58px); line-height: 1.08; }
.availability > div > p { color: #c0cacc; line-height: 1.8; max-width: 680px; }
.boundary-card { border: 1px solid rgba(217,189,128,.36); padding: clamp(27px, 4vw, 40px); }
.boundary-card strong { display: block; font-family: Georgia, serif; font-size: 24px; font-weight: 400; line-height: 1.35; }
.boundary-card p { color: #c3cdce; font-size: 14px; line-height: 1.8; margin: 17px 0 0; }
.contact-strip { align-items: center; background: var(--sand-100); border-bottom: 1px solid var(--sand-200); display: grid; gap: 35px; grid-template-columns: .75fr 1.25fr; padding: 35px clamp(24px, 7vw, 112px); }
.contact-strip div { display: flex; flex-direction: column; }
.contact-strip div > span { color: var(--gold-text); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.contact-strip a { font-family: Georgia, serif; font-size: 22px; text-decoration: underline; text-decoration-color: var(--gold-400); text-underline-offset: 5px; }
.contact-strip p { color: #536166; font-size: 14px; margin: 0; }
.contact-strip strong { color: #754139; display: block; margin-top: 5px; }

@media (max-width: 1050px) {
  .cr-hero { gap: 45px; grid-template-columns: 1fr 380px; padding-left: 5vw; padding-right: 5vw; }
  .four-steps { grid-template-columns: 1fr 1fr; }
  .four-steps article { min-height: 255px; }
}

@media (max-width: 800px) {
  .cr-hero { grid-template-columns: 1fr; min-height: 0; padding: 57px 24px 70px; }
  .product-visual { max-width: 430px; }
  .four-steps, .profile-panel, .showcase-grid, .audience, .workflow-grid, .cr-privacy, .sharing-status, .availability, .contact-strip { grid-template-columns: 1fr; }
  .profile-panel ul { grid-template-columns: 1fr; }
  .sharing-status { grid-column: auto; }
  .four-steps article { min-height: 235px; }
  .four-steps h3 { margin-top: 38px; }
  .showcase-card:nth-child(2) { padding-top: 0; }
  .showcase-card + .showcase-card { margin-top: 28px; }
}

@media (max-width: 480px) {
  .app-screen-frame { border-radius: 24px; }
  .hero-app-screen { max-width: 290px; transform: none; }
  .product-phone { border-radius: 25px; padding: 20px; }
  .product-phone-top strong { font-size: 30px; }
  .path-grid { grid-template-columns: 1fr; }
  .path-grid div { min-height: 82px; }
  .workflow-header { align-items: flex-start; flex-direction: column; }
  .contact-strip a { font-size: 19px; overflow-wrap: anywhere; }
}

/* Homeschool Assistant product adaptations */
.app-icon {width:42px;height:42px;border-radius:10px;flex-shrink:0;}
.brand-name span {white-space:nowrap;}
.hero-logo {max-width:360px;width:100%;border-radius:64px;box-shadow:0 28px 65px rgba(7,21,28,.2);}
.dark-kicker {color:var(--gold-300);}
.section-heading {max-width:850px;margin-bottom:52px;}
.section-heading>p {color:#59676b;margin-top:24px;}
footer nav {flex-wrap:wrap;}
.contact-pair {display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.contact-pair .contact-card {margin-top:0;}
.contact-card a {overflow-wrap:anywhere;}
.legal-content code {font:inherit;}
.legal-content a {text-decoration:underline;text-underline-offset:3px;}
@media (min-width:801px) and (max-width:1050px){.mobile-nav{display:flex;gap:24px;padding:8px 5vw;border-bottom:1px solid var(--line);}.mobile-nav a{padding:10px 0;font-size:13px;}}
@media(max-width:800px){html{scroll-padding-top:145px;}.contact-pair{grid-template-columns:1fr;}.brand{gap:8px;}.app-icon{width:38px;height:38px;}.brand-name strong{font-size:16px;}.brand-name span{font-size:11px;letter-spacing:.1em;}.site-header{gap:8px;}.nav-cta{padding:8px 9px;white-space:nowrap;}.hero-logo{max-width:280px;border-radius:48px;}}
@media(max-width:370px){.app-icon{width:34px;height:34px;}.brand{gap:8px;}.nav-cta{font-size:10px;padding:8px;}.site-header{padding:0 14px;}.brand-name span{font-size:10px;}}