:root {
  --ink: #121416;
  --forest: #0a0b0d;
  --forest-2: #1d2024;
  --pine: #34383d;
  --teal: #c58a00;
  --teal-bright: #ffd56a;
  --cream: #fbf6e9;
  --paper: #fffdfa;
  --mist: #efe5d0;
  --sage: #a9acb2;
  --muted: #57534c;
  --coral: #a97100;
  --coral-soft: #f3dfae;
  --sun: #ffb612;
  --sky: #d6d7da;
  --lavender: #aeb0b5;
  --lime: #f6e1a7;
  --line: rgba(16,24,32,.2);
  --white-line: rgba(255,255,255,.3);
  --shadow: 0 28px 60px rgba(0,0,0,.2);
  --soft-shadow: 0 16px 34px rgba(0,0,0,.12);
  --dark-title-shadow: 0 3px 0 rgba(0,0,0,.92), 0 11px 24px rgba(0,0,0,.72);
  --dark-copy-shadow: 0 2px 5px rgba(0,0,0,.9);
}

body {
  background: var(--cream);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: .002em;
}

h1, h2, h3, .brand, .button, summary {
  font-family: "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
}

h1, h2, h3 {
  font-weight: 850;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.site-header {
  background: rgba(8,9,11,.98);
  border-bottom: 2px solid var(--sun);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  backdrop-filter: blur(14px);
}

.brand { font-size: 21px; letter-spacing: -.025em; }
.brand-mark {
  color: var(--forest);
  background: var(--sun);
  border: 2px solid #fff6dc;
  box-shadow: 0 7px 18px rgba(0,0,0,.32);
}
.brand-text small { color: #ffd66d; font-weight: 800; }
.nav-links { font-size: 15px; }
.nav-links > a:not(.nav-cta) { color: #fff; text-decoration-thickness: 3px; text-underline-offset: 7px; }
.site-header .brand, .nav-links > a:not(.nav-cta) { text-shadow: 0 2px 8px rgba(0,0,0,.8); }
.nav-links > a:not(.nav-cta):hover { color: var(--sun); text-decoration-line: underline; }
.nav-cta {
  color: var(--forest);
  background: var(--sun);
  border: 1px solid #ffd66b;
  box-shadow: 0 6px 16px rgba(0,0,0,.3);
}

.hero {
  padding: 92px 0 126px;
  background:
    radial-gradient(circle at 82% 25%, rgba(255,182,18,.12), transparent 31%),
    linear-gradient(132deg, #070809 0%, #171717 54%, #0a0b0c 100%);
  border-bottom: 6px solid var(--sun);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .13;
  background-image: radial-gradient(rgba(255,255,255,.8) 1.2px, transparent 1.2px);
  background-size: 40px 40px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.hero::after { background: var(--cream); bottom: -82px; }
.hero-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 74px;
  padding: 9px 18px 9px 9px;
  border: 2px solid rgba(255,182,18,.78);
  border-radius: 21px;
  background: rgba(0,0,0,.38);
  box-shadow: 0 12px 30px rgba(0,0,0,.34);
  backdrop-filter: blur(10px);
}
.hero-brand-paw {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--forest);
  background: var(--sun);
  box-shadow: 0 5px 0 #8b6000;
  font-size: 27px;
}
.hero-brand-copy { display: grid; line-height: 1; }
.hero-brand-copy strong {
  color: #fff;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -.035em;
  text-shadow: var(--dark-copy-shadow);
}
.hero-brand-copy small {
  margin-top: 7px;
  color: #ffd568;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: var(--dark-copy-shadow);
}
.eyebrow {
  min-height: 42px;
  color: #ffd568;
  background: rgba(255,182,18,.08);
  border: 1px solid rgba(255,182,18,.65);
  box-shadow: none;
  font-size: 12px;
}
.eyebrow-dot { background: var(--sun); box-shadow: 0 0 0 5px rgba(255,182,18,.14); }
h1 {
  max-width: 760px;
  font-size: clamp(56px, 6.4vw, 82px);
  text-shadow: var(--dark-title-shadow);
}
.highlight { color: var(--sun); }
.highlight::after { display: none; }
.hero-copy {
  max-width: 690px;
  color: #f5efe4;
  font-size: clamp(19px, 1.8vw, 23px);
  font-weight: 560;
  line-height: 1.55;
  text-shadow: var(--dark-copy-shadow);
}
.button {
  border: 1px solid var(--forest);
  border-radius: 16px;
  font-weight: 850;
}
.button-primary {
  color: var(--forest);
  background: var(--sun);
  box-shadow: 0 7px 0 #8b6000, 0 14px 28px rgba(0,0,0,.24);
}
.button-primary:hover { color: var(--forest); background: #ffc33b; box-shadow: 0 5px 0 #8b6000, 0 15px 30px rgba(0,0,0,.28); }
.button-ghost { color: #fff; border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.06); box-shadow: none; }
.hero-note { gap: 10px; color: #fff; font-size: 14px; font-weight: 800; }
.hero-note { text-shadow: var(--dark-copy-shadow); }
.hero-note span {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.hero-note b { color: var(--sun); }

.trail { border-color: rgba(255,182,18,.52); border-left-color: transparent; border-bottom-color: rgba(255,182,18,.24); }
.sun { background: var(--sun); box-shadow: 0 0 0 14px rgba(255,182,18,.14), 0 18px 42px rgba(255,182,18,.18); }
.hunter-card {
  padding: 12px;
  border: 4px solid var(--sun);
  background: var(--paper);
  box-shadow: 9px 11px 0 rgba(255,255,255,.9), 0 34px 68px rgba(0,0,0,.5);
}
.hunter-card img { filter: saturate(1.08) contrast(1.05); }
.hunter-caption {
  width: min(320px, calc(100% - 12px));
  max-width: none;
  padding: 19px 21px;
  color: var(--forest);
  background: #fffdf7;
  border: 3px solid var(--sun);
  box-shadow: 0 7px 0 #8b6000, 0 20px 38px rgba(0,0,0,.38);
}
.hunter-caption strong { color: #0a0b0d; font-size: 23px; line-height: 1.08; letter-spacing: -.025em; }
.hunter-caption span { margin-top: 7px; color: #242424; font-size: 16px; font-weight: 760; line-height: 1.42; }
.paw-step { color: rgba(255,182,18,.72); text-shadow: none; }
.hero-phone {
  position: absolute;
  right: -34px;
  bottom: -10px;
  z-index: 7;
  width: 168px;
  color: #fff;
  text-decoration: none;
  transform: rotate(4deg);
  transition: transform .2s ease;
}
.hero-phone:hover { transform: rotate(2deg) translateY(-6px); }
.hero-phone-label {
  position: relative;
  z-index: 2;
  display: block;
  width: max-content;
  margin: 0 auto -7px;
  padding: 7px 10px;
  border: 2px solid var(--sun);
  border-radius: 999px;
  color: var(--forest);
  background: #fffdf7;
  box-shadow: 0 4px 0 #8b6000, 0 10px 20px rgba(0,0,0,.34);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.hero-phone-shell {
  position: relative;
  display: block;
  height: 338px;
  padding: 8px;
  overflow: hidden;
  border: 4px solid var(--sun);
  border-radius: 32px;
  background: #050607;
  box-shadow: 0 7px 0 #8b6000, 0 28px 48px rgba(0,0,0,.58);
}
.hero-phone-shell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 21px;
}
.hero-phone-speaker {
  position: absolute;
  top: 13px;
  left: 50%;
  z-index: 2;
  width: 48px;
  height: 10px;
  border-radius: 999px;
  background: #060708;
  transform: translateX(-50%);
  box-shadow: 0 1px 0 rgba(255,255,255,.14);
}

.step-strip { margin-top: -26px; }
.step-strip {
  padding-top: 16px;
  scroll-margin-top: 92px;
}
.quick-tour-label {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: max-content;
  margin: 0;
  padding: 8px 15px;
  color: #fff;
  background: var(--forest-2);
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(47,64,88,.18);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.step-card {
  padding: 19px 8px 8px;
  overflow: hidden;
  border: 1px solid rgba(10,11,13,.18);
  background: #fff;
  box-shadow: 0 18px 38px rgba(0,0,0,.13);
}
.step { min-height: 88px; border-right: 1px solid rgba(10,11,13,.14); }
.step:nth-child(1), .step:nth-child(2), .step:nth-child(3) { background: #fff; }
.step-number { color: var(--forest); background: var(--sun); border: 0; box-shadow: none; }
.step strong { color: var(--ink); font-size: 17px; }
.step span span { color: #34373b; font-size: 14px; font-weight: 650; }

.ai-section {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 92% 10%, rgba(255,182,18,.16), transparent 24%),
    linear-gradient(135deg, #08090b, #181818 58%, #0b0c0f);
  border-bottom: 6px solid var(--sun);
}
.ai-section::after { content: "AI"; position: absolute; right: -3%; bottom: -17%; color: rgba(255,255,255,.055); font-size: 28vw; font-weight: 950; line-height: .8; pointer-events: none; }
.ai-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: clamp(44px,7vw,90px); }
.ai-badge { display: inline-flex; padding: 9px 15px; color: var(--forest); background: var(--sun); border: 1px solid #ffd66b; border-radius: 999px; box-shadow: none; font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.ai-copy h2 { margin: 24px 0 20px; color: var(--sun); font-size: clamp(46px,5.4vw,72px); text-shadow: var(--dark-title-shadow); }
.ai-copy > p { margin: 0; color: #fff; font-size: 21px; font-weight: 650; text-shadow: var(--dark-copy-shadow); }
.ai-guardrail { margin-top: 28px; padding: 18px 20px; color: #242629; background: #f7e4b4; border: 1px solid #d9b85c; border-radius: 18px; box-shadow: 0 14px 30px rgba(0,0,0,.22); font-size: 16px; }
.ai-guardrail strong { display: block; color: var(--forest); font-size: 18px; }
.ai-demo { position: relative; padding: 28px; color: var(--ink); background: #fff; border: 2px solid var(--sun); border-radius: 30px; box-shadow: 8px 10px 0 var(--sun), 0 38px 70px rgba(0,0,0,.4); transform: rotate(.7deg); }
.ai-demo-label { color: #775600; font-size: 13px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ai-demo blockquote { margin: 12px 0 22px; padding: 19px 21px; color: #25272a; background: #f8e8bb; border: 2px solid #8d6500; border-radius: 18px; font-size: 19px; font-weight: 650; font-style: normal; line-height: 1.45; }
.ai-pulse { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #705000; font-size: 15px; font-weight: 850; }
.ai-pulse span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--sun); box-shadow: 3px 3px 0 var(--coral); }
.ai-results { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.ai-results div { min-height: 126px; padding: 14px; border: 2px solid var(--forest); border-radius: 16px; }
.ai-results div:nth-child(1) { background: #f7d574; }
.ai-results div:nth-child(2) { background: #fffaf0; }
.ai-results div:nth-child(3) { background: #f3e5bd; }
.ai-results span, .ai-results strong, .ai-results small { display: block; }
.ai-results span { font-size: 24px; }
.ai-results strong { margin-top: 7px; font-size: 16px; }
.ai-results small { margin-top: 3px; color: #3d4045; font-size: 12px; font-weight: 650; }
.ai-tools { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin-top: 72px; }
.ai-tools article { display: flex; align-items: flex-start; gap: 12px; padding: 20px; color: var(--ink); background: #fff; border: 1px solid rgba(255,182,18,.7); border-radius: 20px; box-shadow: 0 14px 28px rgba(0,0,0,.22); }
.ai-tools article > span { font-size: 27px; }
.ai-tools strong { display: block; line-height: 1.2; }
.ai-tools p { margin: 6px 0 0; color: #4a4d52; font-size: 14px; font-weight: 600; line-height: 1.45; }

.features {
  background:
    linear-gradient(90deg, transparent 0 96%, rgba(0,0,0,.055) 96%),
    var(--cream);
  background-size: 44px 44px;
  border-bottom: 6px solid var(--sun);
}
.section-kicker {
  color: var(--forest);
  font-size: 13px;
  font-weight: 900;
}
.section-kicker::before { width: 36px; height: 7px; background: var(--coral); }
.section-head { max-width: 840px; }
.section-head h2 { color: var(--forest); font-size: clamp(44px, 5vw, 68px); }
.section-head p { max-width: 720px; color: var(--muted); font-size: 21px; font-weight: 600; }
.feature-grid { gap: 24px; }
.feature-card {
  min-height: 280px;
  border: 1px solid rgba(10,11,13,.2);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease;
}
.feature-card:nth-child(1), .feature-card:nth-child(3), .feature-card:nth-child(4), .feature-card:nth-child(6) { background: #fffdfa; }
.feature-card:nth-child(2), .feature-card:nth-child(5) { background: #f5dda0; }
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 20px 38px rgba(0,0,0,.16); }
.feature-card:nth-child(2), .feature-card:nth-child(5),
.feature-card:nth-child(2):hover, .feature-card:nth-child(5):hover { transform: none; }
.feature-icon { color: var(--forest); background: rgba(255,255,255,.82); border: 2px solid var(--forest); box-shadow: 4px 4px 0 rgba(0,0,0,.24); }
.feature-card h3 { color: var(--ink); font-size: 27px; }
.feature-card p { color: #34373b; font-size: 18px; font-weight: 600; }

.product-walk {
  background:
    radial-gradient(circle at 80% 18%, rgba(255,182,18,.14), transparent 24%),
    linear-gradient(135deg, #08090b, #191919 72%);
  border-bottom: 6px solid var(--sun);
}
.product-copy .section-kicker { color: var(--sun); }
.product-copy h2 { color: #fff; text-shadow: var(--dark-title-shadow); }
.product-copy > p { color: #fff; font-size: 21px; font-weight: 600; text-shadow: var(--dark-copy-shadow); }
.check-list li { color: #fff; font-size: 18px; font-weight: 700; text-shadow: var(--dark-copy-shadow); }
.check { border: 2px solid #fff; box-shadow: 3px 3px 0 var(--coral); }
.phone { border: 8px solid var(--sun); box-shadow: 15px 18px 0 var(--coral), 0 40px 80px rgba(0,0,0,.42); }
.phone-stage::before { background: var(--sun); opacity: .22; }
.float-note { border: 3px solid var(--forest); background: var(--paper); box-shadow: 8px 9px 0 var(--sun); }
.float-note small { color: #4a4d52; font-weight: 650; }

.pricing { background: #f2e8d2; border-bottom: 6px solid var(--forest); }
.price-card { border: 2px solid var(--forest); background: #f5d77f; box-shadow: 0 18px 34px rgba(0,0,0,.15); }
.price-card.best { border: 2px solid var(--sun); background: #fff; box-shadow: 0 18px 34px rgba(0,0,0,.15); }
.best-label { color: #fff; background: var(--forest); border: 2px solid #fff; }
.price-card p, .price span, .trial-note { color: #414449; font-weight: 600; }
.price-card .button { color: #fff; background: var(--forest); box-shadow: 5px 6px 0 var(--teal); }

.hunter-story { background: var(--cream); }
.story-card { border: 2px solid var(--forest); background: #f3cf6d; box-shadow: 0 28px 54px rgba(0,0,0,.2); }
.story-photo { border-right: 4px solid var(--forest); }
.story-copy .section-kicker { color: var(--forest); }
.story-copy h2 { color: var(--forest); text-shadow: none; }
.story-copy p { color: #2d3034; font-size: 20px; font-weight: 650; }
.story-signoff { color: var(--forest) !important; font-size: 22px !important; text-decoration: underline; text-decoration-color: var(--sun); text-decoration-thickness: 6px; text-underline-offset: 7px; }

section#faq { background: #f2ede3; border-bottom: 6px solid var(--sun); }
.faq-intro h2 { color: var(--forest); }
.faq-intro p { color: #4a4d52; font-size: 19px; font-weight: 600; }
.faq-list { gap: 16px; }
details { border: 1px solid rgba(10,11,13,.22); background: #fff; box-shadow: 0 10px 24px rgba(0,0,0,.1); }
details:nth-child(even) { background: #fff7df; }
summary { color: var(--ink); font-size: 18px; }
details p { color: #414449; font-size: 17px; font-weight: 550; }

.final-cta { background: var(--cream); }
.cta-card {
  border: 2px solid var(--sun);
  background: linear-gradient(135deg, #08090b, #181818 58%, #0b0c0e);
  box-shadow: 0 28px 54px rgba(0,0,0,.24);
}
.cta-card h2 { color: var(--sun); text-shadow: var(--dark-title-shadow); }
.cta-card p { color: #fff; font-size: 21px; font-weight: 650; text-shadow: var(--dark-copy-shadow); }
.cta-card .button { border-color: var(--forest); background: var(--sun); box-shadow: 7px 8px 0 var(--coral); }

footer { margin-top: 0; color: #fff; background: var(--forest); border-top: 6px solid var(--sun); }
.footer-brand p, .footer-links a, .footer-bottom { color: #f4f4f2; }
.footer-title { color: var(--sun); }

@media (max-width: 900px) {
  .nav-links { background: var(--forest); border: 1px solid var(--sun); box-shadow: 0 18px 36px rgba(0,0,0,.35); }
  .hero-grid > * { min-width: 0; }
  .highlight { display: block; white-space: normal; }
  .step { border-right: 0; border-bottom: 1px solid rgba(10,11,13,.14); }
  .story-photo { border-right: 0; border-bottom: 2px solid var(--forest); }
  .ai-grid { grid-template-columns: 1fr; }
  .ai-tools { grid-template-columns: 1fr 1fr; }
  .hero-phone { right: 2%; bottom: -12px; }
}

@media (max-width: 620px) {
  body { font-size: 17px; }
  h1 { max-width: 100%; font-size: clamp(43px, 12vw, 50px); overflow-wrap: break-word; }
  .hero { padding-top: 52px; }
  .hero-brand-lockup { min-height: 66px; padding-right: 13px; border-radius: 18px; }
  .hero-brand-paw { width: 48px; height: 48px; border-radius: 14px; font-size: 24px; }
  .hero-brand-copy strong { font-size: 26px; }
  .hero-brand-copy small { font-size: 8px; letter-spacing: .08em; }
  .eyebrow { max-width: 100%; padding-inline: 11px; font-size: 10px; letter-spacing: .075em; white-space: normal; }
  .hero-copy { max-width: 100%; font-size: 18px; }
  .hero-note span { width: fit-content; }
  .hunter-card { box-shadow: 7px 8px 0 rgba(255,255,255,.9), 0 25px 50px rgba(0,0,0,.48); }
  .hunter-caption { width: min(210px, calc(100% - 96px)); padding: 15px 13px; }
  .hunter-caption strong { font-size: 20px; }
  .hunter-caption span { font-size: 14px; line-height: 1.35; }
  .hero-phone { right: -1%; bottom: -2px; width: 118px; }
  .hero-phone-shell { height: 242px; padding: 5px; border-width: 3px; border-radius: 24px; box-shadow: 0 5px 0 #8b6000, 0 20px 36px rgba(0,0,0,.58); }
  .hero-phone-shell img { border-radius: 16px; }
  .hero-phone-label { padding: 5px 7px; font-size: 7px; }
  .hero-phone-speaker { top: 9px; width: 34px; height: 7px; }
  .step-card { box-shadow: 0 16px 32px rgba(0,0,0,.13); }
  .ai-demo { padding: 20px; box-shadow: 6px 7px 0 var(--sun), 0 26px 48px rgba(0,0,0,.36); transform: none; }
  .ai-results { grid-template-columns: 1fr; }
  .ai-results div { min-height: 0; }
  .ai-tools { grid-template-columns: 1fr; margin-top: 46px; }
  .feature-card { box-shadow: 0 12px 26px rgba(0,0,0,.12); }
  .feature-card p { font-size: 17px; }
  .phone { box-shadow: 9px 11px 0 var(--coral), 0 30px 60px rgba(0,0,0,.4); }
  .story-card { box-shadow: 0 20px 42px rgba(0,0,0,.2); }
  .cta-card { box-shadow: 0 22px 44px rgba(0,0,0,.22); }
}

/* v3 — warm meadow visual refresh */
:root {
  --ink: #26374b;
  --forest: #2f4058;
  --forest-2: #6877c8;
  --pine: #8292d7;
  --teal: #8292d7;
  --teal-bright: #cfd6f6;
  --cream: #e5e8f5;
  --paper: #fffaf4;
  --mist: #dce2f3;
  --sage: #d9def4;
  --muted: #667084;
  --coral: #ad4f5d;
  --coral-soft: #f8e4e5;
  --sun: #efb287;
  --sky: #deedf7;
  --lavender: #dfdceb;
  --lime: #e4edda;
  --line: rgba(47,64,88,.14);
  --white-line: rgba(255,255,255,.56);
  --shadow: 0 28px 60px rgba(47,64,88,.16);
  --soft-shadow: 0 16px 34px rgba(47,64,88,.10);
  --dark-title-shadow: none;
  --dark-copy-shadow: none;
}

body {
  background: linear-gradient(180deg, #e2e6f5 0%, #efe0e4 52%, #dce3f3 100%);
  color: var(--ink);
}

.site-header {
  background: rgba(255,253,248,.96);
  border-bottom: 1px solid rgba(47,64,88,.12);
  box-shadow: 0 10px 30px rgba(47,64,88,.08);
}
.site-header .brand,
.nav-links > a:not(.nav-cta) { color: var(--forest); text-shadow: none; }
.brand-mark {
  color: #fffdf8;
  background: linear-gradient(145deg, var(--forest-2), var(--teal));
  border-color: rgba(255,255,255,.82);
  box-shadow: 0 8px 20px rgba(47,64,88,.18);
}
.brand-text small { color: var(--coral); }
.nav-links > a:not(.nav-cta):hover { color: var(--coral); }
.nav-cta {
  color: #fff;
  background: var(--coral);
  border-color: #c96f76;
  box-shadow: 0 8px 20px rgba(220,127,133,.22);
}
.menu-button {
  color: var(--forest);
  background: #eef0fb;
  border-color: rgba(104,119,200,.24);
  box-shadow: 0 7px 18px rgba(47,64,88,.10);
}

.hero {
  background:
    radial-gradient(circle at 84% 20%, rgba(239,178,135,.32), transparent 29%),
    radial-gradient(circle at 14% 6%, rgba(207,214,246,.45), transparent 30%),
    linear-gradient(135deg, #fffdf8 0%, #eef0fb 54%, #f8eadf 100%);
  border-bottom: 0;
}
.hero::before {
  opacity: .34;
  background-image: radial-gradient(rgba(104,119,200,.28) 1.2px, transparent 1.2px);
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}
.hero::after { background: var(--cream); }
.hero-brand-lockup {
  border-color: rgba(104,119,200,.38);
  background: rgba(255,253,248,.86);
  box-shadow: 0 14px 34px rgba(47,64,88,.10);
}
.hero-brand-paw {
  color: #fff;
  background: linear-gradient(145deg, var(--forest-2), var(--teal));
  box-shadow: 0 7px 18px rgba(47,64,88,.20);
}
.hero-brand-copy strong { color: var(--forest); text-shadow: none; }
.hero-brand-copy small { color: var(--coral); text-shadow: none; }
h1 { color: var(--forest); text-shadow: none; }
.highlight { color: var(--coral); }
.hero-copy { color: #536178; text-shadow: none; }
.button { border-color: rgba(47,64,88,.28); }
.button-primary {
  color: #fff;
  background: var(--coral);
  border-color: #c96f76;
  box-shadow: 0 10px 24px rgba(220,127,133,.24);
}
.button-primary:hover { color: #fff; background: #963f4e; box-shadow: 0 13px 28px rgba(150,63,78,.26); }
.button-ghost { color: var(--forest); border-color: rgba(47,64,88,.34); background: rgba(255,255,255,.62); }
.hero-note { color: var(--forest); text-shadow: none; }
.hero-note b { color: var(--coral); }
.trail { border-color: rgba(104,119,200,.46); border-left-color: transparent; border-bottom-color: rgba(104,119,200,.22); }
.sun { background: var(--sun); box-shadow: 0 0 0 14px rgba(239,178,135,.20), 0 18px 42px rgba(239,178,135,.20); }
.paw-step { color: rgba(104,119,200,.56); }
.hunter-card {
  border-color: rgba(255,255,255,.92);
  background: var(--paper);
  box-shadow: 10px 12px 0 rgba(207,214,246,.76), 0 34px 68px rgba(47,64,88,.24);
}
.hunter-caption {
  color: var(--forest);
  background: rgba(255,253,248,.97);
  border-color: rgba(104,119,200,.42);
  box-shadow: 0 16px 34px rgba(47,64,88,.18);
}
.hunter-caption strong { color: var(--forest); }
.hunter-caption span { color: #56637a; }
.hero-phone-label {
  color: #fff;
  background: var(--coral);
  border-color: rgba(255,255,255,.88);
  box-shadow: 0 8px 18px rgba(220,127,133,.24);
}
.hero-phone-shell {
  border-color: var(--forest-2);
  background: var(--forest);
  box-shadow: 0 10px 0 #26364c, 0 28px 48px rgba(47,64,88,.26);
}

.step-card { border-color: rgba(47,64,88,.12); background: rgba(255,255,255,.92); box-shadow: var(--soft-shadow); }
.step { border-color: rgba(47,64,88,.11); }
.step .step-number {
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--teal);
  font-size: 14px;
  line-height: 1;
}
.step strong { color: var(--forest); }
.step span span { color: var(--muted); }

.ai-section {
  color: var(--ink);
  background:
    radial-gradient(circle at 92% 10%, rgba(220,127,133,.14), transparent 28%),
    linear-gradient(135deg, #eef0fb 0%, #f7f2e9 58%, #f8e6df 100%);
  border-bottom: 0;
}
.ai-section::after { display: none; }
.ai-badge { color: #fff; background: var(--coral); border-color: #c96f76; }
.ai-copy h2 { color: var(--forest); text-shadow: none; }
.ai-copy > p { color: #57657c; text-shadow: none; }
.ai-guardrail { color: #57657c; background: rgba(255,255,255,.78); border-color: rgba(104,119,200,.22); box-shadow: var(--soft-shadow); }
.ai-guardrail strong { color: var(--forest); }
.ai-demo { color: var(--ink); background: rgba(255,253,248,.96); border-color: rgba(104,119,200,.34); box-shadow: 10px 12px 0 rgba(207,214,246,.66), 0 30px 62px rgba(47,64,88,.16); }
.ai-demo-label { color: var(--coral); }
.ai-demo blockquote { color: var(--forest); background: var(--coral-soft); border-color: rgba(220,127,133,.28); }
.ai-pulse { color: var(--forest); }
.ai-pulse span { background: var(--sun); box-shadow: none; }
.ai-results div { border-color: rgba(47,64,88,.16); }
.ai-results div:nth-child(1) { background: var(--sky); }
.ai-results div:nth-child(2) { background: #fffdf8; }
.ai-results div:nth-child(3) { background: var(--lime); }
.ai-results small { color: var(--muted); }
.ai-tools article { color: var(--ink); background: rgba(255,255,255,.84); border-color: rgba(104,119,200,.20); box-shadow: var(--soft-shadow); }
.ai-tools p { color: var(--muted); }

.features {
  background:
    radial-gradient(circle at 88% 12%, rgba(173,79,93,.12), transparent 27%),
    linear-gradient(180deg, #e8eaf6 0%, #dce2f2 100%);
  border-bottom: 0;
}
.section-kicker { color: var(--coral); }
.section-kicker::before { background: var(--teal); }
.section-head h2 { color: var(--forest); }
.section-head p { color: var(--muted); }
.feature-card,
.feature-card:nth-child(1), .feature-card:nth-child(2), .feature-card:nth-child(3),
.feature-card:nth-child(4), .feature-card:nth-child(5), .feature-card:nth-child(6) {
  border-color: rgba(47,64,88,.12);
  background: rgba(255,253,248,.96);
  box-shadow: var(--soft-shadow);
}
.feature-card:nth-child(2), .feature-card:nth-child(5) { background: #f1f0fa; }
.feature-card:hover { box-shadow: 0 20px 42px rgba(47,64,88,.14); }
.feature-icon { color: var(--forest); background: var(--coral-soft); border-color: rgba(220,127,133,.24); box-shadow: none; }
.feature-card h3 { color: var(--forest); }
.feature-card p { color: var(--muted); }

.resources-section {
  background:
    radial-gradient(circle at 8% 18%, rgba(239,178,135,.24), transparent 26%),
    linear-gradient(145deg, #f8f1e8 0%, #e5e8f5 100%);
}
.resources-head { margin-bottom: 38px; }
.resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.resource-card {
  position: relative;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  overflow: hidden;
  color: var(--forest);
  background: rgba(255,253,248,.95);
  border: 1px solid rgba(47,64,88,.14);
  border-radius: 28px;
  box-shadow: var(--soft-shadow);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.resource-card:hover { transform: translateY(-5px); box-shadow: 0 22px 44px rgba(47,64,88,.16); }
.resource-number {
  position: absolute;
  right: 18px;
  top: 7px;
  color: rgba(104,119,200,.12);
  font-size: 84px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.08em;
}
.resource-type {
  position: relative;
  width: fit-content;
  padding: 7px 10px;
  color: #fff;
  background: var(--coral);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.resource-card strong { position: relative; margin-top: 42px; font-size: 28px; line-height: 1.05; letter-spacing: -.035em; }
.resource-card > span:not(.resource-number):not(.resource-type) { position: relative; margin-top: 16px; color: var(--muted); font-size: 16px; }
.resource-card b { position: relative; margin-top: auto; padding-top: 24px; color: var(--coral); font-size: 15px; }
.resource-all-link {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 28px auto 0;
  color: var(--forest);
  font-weight: 850;
  text-underline-offset: 5px;
}

.instagram-section { padding-top: 34px; background: linear-gradient(180deg,#e5e8f5,#e9e0e7); }
.instagram-card {
  display: grid;
  grid-template-columns: minmax(300px,.85fr) minmax(0,1.15fr);
  overflow: hidden;
  color: var(--ink);
  background: rgba(255,253,248,.96);
  border: 1px solid rgba(47,64,88,.14);
  border-radius: 38px;
  box-shadow: var(--shadow);
}
.instagram-photo { min-height: 490px; }
.instagram-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.instagram-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px,6vw,70px); }
.instagram-copy h2 { margin: 0; color: var(--forest); font-size: clamp(39px,5vw,62px); }
.instagram-copy p { margin: 22px 0 0; color: var(--muted); font-size: 19px; }
.instagram-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.instagram-guide-link { color: var(--forest); background: var(--lavender-soft); }

.product-walk {
  background:
    radial-gradient(circle at 82% 16%, rgba(239,178,135,.18), transparent 26%),
    linear-gradient(135deg, #2f4058 0%, #6877c8 72%, #4a588f 100%);
  border-bottom: 0;
}
.product-copy .section-kicker { color: #ffd6c9; }
.product-copy h2, .product-copy > p, .check-list li { text-shadow: none; }
.check { border-color: rgba(255,255,255,.86); box-shadow: none; background: var(--coral); }
.phone { border-color: #fffdf8; box-shadow: 14px 16px 0 rgba(220,127,133,.88), 0 40px 80px rgba(47,64,88,.34); }
.float-note { border-color: rgba(47,64,88,.18); box-shadow: 8px 9px 0 rgba(239,178,135,.72); }

.pricing {
  background:
    radial-gradient(circle at 12% 18%, rgba(104,119,200,.18), transparent 30%),
    linear-gradient(145deg, #eadde5 0%, #e2e5f3 100%);
  border-bottom: 0;
}
.price-card, .price-card.best { border-color: rgba(47,64,88,.16); background: var(--paper); box-shadow: var(--soft-shadow); }
.price-card.best { background: #fff6f1; border-color: rgba(220,127,133,.28); }
.best-label { color: #fff; background: var(--coral); border-color: #fff; }
.price-card p, .price span, .trial-note { color: var(--muted); }
.price-card .button { color: #fff; background: var(--forest-2); box-shadow: 0 9px 20px rgba(47,64,88,.18); }

.hunter-story { background: linear-gradient(180deg, #dce2f2 0%, #e8dfe7 100%); }
.story-card { border-color: rgba(47,64,88,.14); background: #f6e7d7; box-shadow: var(--shadow); }
.story-photo { border-right-color: rgba(47,64,88,.14); }
.story-copy h2, .story-copy .section-kicker { color: var(--forest); }
.story-copy p { color: #58657a; }
.story-signoff { color: var(--coral) !important; text-decoration-color: rgba(104,119,200,.48); }

section#faq { background: linear-gradient(145deg, #dce2f3, #e9e2ee); border-bottom: 0; }
.faq-intro h2 { color: var(--forest); }
.faq-intro p { color: var(--muted); }
details, details:nth-child(even) { border-color: rgba(47,64,88,.12); background: rgba(255,253,248,.94); box-shadow: 0 10px 24px rgba(47,64,88,.08); }
summary { color: var(--forest); }
details p { color: var(--muted); }

.final-cta { background: linear-gradient(180deg, #e9e2ee, #dfe5f3); }
.cta-card {
  border-color: rgba(47,64,88,.16);
  background: linear-gradient(135deg, #2f4058 0%, #6877c8 62%, #4a588f 100%);
  box-shadow: var(--shadow);
}
.cta-card h2 { color: #fffdf8; text-shadow: none; }
.cta-card p { color: #edf0fb; text-shadow: none; }
.cta-card .button { color: #fff; border-color: #c96f76; background: var(--coral); box-shadow: 0 10px 22px rgba(47,64,88,.20); }

footer { color: #fff; background: var(--forest); border-top: 0; }
.footer-brand p, .footer-links a, .footer-bottom { color: #e3e7f5; }
.footer-title { color: #ffd7c5; }

@media (max-width: 900px) {
  .nav-links { background: rgba(255,253,248,.98); border-color: rgba(47,64,88,.16); box-shadow: 0 18px 36px rgba(47,64,88,.16); }
  .nav-links > a:not(.nav-cta) { color: var(--forest); }
  .resource-grid { grid-template-columns: 1fr; }
  .resource-card { min-height: 260px; }
  .instagram-card { grid-template-columns: 1fr; }
  .instagram-photo { min-height: 360px; max-height: 540px; }
}

@media (max-width: 620px) {
  .instagram-section { padding-top: 18px; }
  .instagram-card { border-radius: 28px; }
  .instagram-photo { min-height: 280px; }
  .instagram-copy { padding: 30px 24px 34px; }
  .instagram-copy h2 { font-size: 38px; }
  .instagram-copy p { font-size: 17px; }
  .instagram-actions { display: grid; }
  .instagram-actions .button { width: 100%; }
}

@media (max-width: 620px) {
  .quick-tour-label { font-size: 9px; }
  .step-card { padding-top: 18px; }
  .hunter-card { box-shadow: 7px 8px 0 rgba(207,214,246,.76), 0 25px 50px rgba(47,64,88,.22); }
  .hero-phone-shell { box-shadow: 0 7px 0 #26364c, 0 20px 36px rgba(47,64,88,.28); }
  .ai-demo { box-shadow: 6px 7px 0 rgba(207,214,246,.70), 0 26px 48px rgba(47,64,88,.15); }
  .phone { box-shadow: 9px 11px 0 rgba(220,127,133,.88), 0 30px 60px rgba(47,64,88,.30); }
}

/* Build 7 launch polish — real iPhone and iPad release screens */
.release-status {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 18px;
  padding: 9px 13px;
  color: var(--forest);
  background: rgba(255,253,248,.84);
  border: 1px solid rgba(104,119,200,.28);
  border-radius: 999px;
  box-shadow: 0 9px 24px rgba(47,64,88,.08);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .035em;
}
.release-status span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--coral);
  box-shadow: 0 0 0 5px rgba(173,79,93,.12);
}

.app-showcase {
  position: relative;
  overflow: hidden;
  padding: 122px 0 132px;
  background:
    radial-gradient(circle at 12% 16%, rgba(239,178,135,.30), transparent 26%),
    radial-gradient(circle at 88% 88%, rgba(173,79,93,.14), transparent 31%),
    linear-gradient(145deg, #d7def1 0%, #e5dfe9 100%);
}
.app-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  pointer-events: none;
  background-image: radial-gradient(rgba(104,119,200,.35) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(135deg, #000, transparent 66%);
}
.app-showcase .shell { position: relative; z-index: 1; }
.showcase-head { margin-bottom: 46px; }
.showcase-stage {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(420px,.9fr);
  gap: clamp(28px,4vw,56px);
  align-items: stretch;
  padding: clamp(22px,4vw,48px);
  overflow: hidden;
  border: 1px solid rgba(47,64,88,.13);
  border-radius: 42px;
  background: linear-gradient(145deg, rgba(255,253,248,.96), rgba(226,229,247,.94));
  box-shadow: 0 34px 80px rgba(47,64,88,.16);
}
.ipad-preview { margin: 0; min-width: 0; }
.device-label {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 17px;
  padding: 9px 13px;
  color: #fff;
  background: var(--forest-2);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
}
.ipad-frame {
  height: 670px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 31px;
  background: #1b2638;
  box-shadow: 12px 14px 0 rgba(104,119,200,.38), 0 30px 62px rgba(47,64,88,.22);
}
.ipad-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
  border-radius: 20px;
}
.phone-preview-stack {
  position: relative;
  min-height: 725px;
}
.showcase-phone {
  position: absolute;
  width: min(245px,62%);
  margin: 0;
  padding: 9px;
  color: var(--forest);
  background: #1b2638;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 38px;
  box-shadow: 0 28px 58px rgba(47,64,88,.28);
}
.showcase-phone img {
  width: 100%;
  display: block;
  border-radius: 29px 29px 18px 18px;
}
.showcase-phone figcaption {
  margin-top: 9px;
  padding: 14px 12px 16px;
  color: #edf0fb;
  font-size: 16px;
  font-weight: 780;
  line-height: 1.35;
}
.showcase-phone-hunter { top: 10px; left: 0; transform: rotate(-4deg); }
.showcase-phone-tools { right: 0; bottom: 5px; z-index: 2; transform: rotate(4deg); }
.showcase-proof {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  margin-top: 24px;
}
.showcase-proof div {
  min-height: 132px;
  padding: 22px;
  border: 1px solid rgba(47,64,88,.12);
  border-radius: 22px;
  background: rgba(255,253,248,.88);
  box-shadow: 0 12px 26px rgba(47,64,88,.08);
}
.showcase-proof strong,
.showcase-proof span { display: block; }
.showcase-proof strong { color: var(--forest); font-size: 18px; }
.showcase-proof span { margin-top: 7px; color: var(--muted); font-size: 14px; line-height: 1.5; }

@media (max-width: 900px) {
  .app-showcase { padding: 96px 0 106px; }
  .showcase-stage { grid-template-columns: 1fr; }
  .ipad-frame { height: min(690px,82vw); }
  .phone-preview-stack {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
  }
  .showcase-phone {
    position: static;
    width: auto;
    transform: none;
  }
}

@media (max-width: 620px) {
  .release-status { max-width: 100%; font-size: 10px; }
  .app-showcase { padding: 82px 0 88px; }
  .showcase-head { margin-bottom: 30px; }
  .showcase-stage { padding: 16px; border-radius: 28px; }
  .ipad-frame { height: 390px; padding: 7px; border-radius: 22px; box-shadow: 7px 8px 0 rgba(104,119,200,.34), 0 22px 44px rgba(47,64,88,.18); }
  .ipad-frame img { border-radius: 15px; }
  .phone-preview-stack {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding: 6px 2px 18px;
    scroll-snap-type: x mandatory;
  }
  .showcase-phone { min-width: 226px; scroll-snap-align: start; border-radius: 32px; }
  .showcase-phone img { border-radius: 24px 24px 15px 15px; }
  .showcase-proof { grid-template-columns: 1fr; }
  .showcase-proof div { min-height: 0; }
}

/* Keep release photography and screenshots clear instead of layered or cropped. */
.hero-grid > * { min-width: 0; }
.hero h1 { font-size: clamp(52px, 5.8vw, 78px); }
.hero .highlight { white-space: normal; }

.walk-scene {
  min-height: 520px;
  grid-template-columns: minmax(0, 1fr) minmax(108px, 132px);
  gap: 14px;
  align-items: end;
  place-items: initial;
}
.hunter-card {
  grid-column: 1;
  width: 100%;
  max-width: 430px;
  height: fit-content;
  aspect-ratio: auto;
  align-self: end;
  justify-self: end;
  margin: 0;
  border-radius: 30px;
  background: rgba(255,250,244,.98);
  transform: none;
}
.hunter-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
  border-radius: 21px;
}
.hunter-caption {
  position: static;
  width: auto;
  max-width: none;
  margin-top: 10px;
  padding: 15px 14px 10px;
  border: 0;
  border-top: 1px solid rgba(104,119,200,.18);
  border-radius: 15px;
  box-shadow: none;
  transform: none;
}
.hunter-caption strong { font-size: 24px; }
.hunter-caption > span { margin-top: 5px; font-size: 15px; font-weight: 650; }
.hunter-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.hunter-features li {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  color: var(--forest);
  background: #eceefa;
  border: 1px solid rgba(104,119,200,.18);
  border-radius: 12px;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
}
.hunter-features li::before {
  content: "✓";
  flex: 0 0 auto;
  color: var(--coral);
  font-weight: 950;
}
.hero-phone {
  position: relative;
  right: auto;
  bottom: auto;
  grid-column: 2;
  width: 132px;
  margin: 0 0 22px;
  transform: none;
}
.hero-phone:hover { transform: translateY(-4px); }

.ipad-frame img { object-fit: contain; }
.phone-preview-stack {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  align-content: center;
}
.showcase-phone,
.showcase-phone-hunter,
.showcase-phone-tools {
  position: static;
  width: auto;
  transform: none;
}
.showcase-phone img { height: auto; }

@media (min-width: 1051px) {
  .showcase-stage {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(250px, 280px));
    gap: 24px;
    padding: 32px;
    align-items: center;
  }
  .phone-preview-stack { display: contents; }
  .showcase-phone,
  .showcase-phone-hunter,
  .showcase-phone-tools {
    width: 100%;
    max-width: 280px;
    align-self: center;
    justify-self: center;
  }
}

@media (min-width: 621px) and (max-width: 1050px) {
  .showcase-stage { grid-template-columns: 1fr; }
  .ipad-preview { width: 100%; max-width: 760px; margin-inline: auto; }
  .phone-preview-stack {
    width: 100%;
    max-width: 680px;
    grid-template-columns: repeat(2, minmax(260px, 300px));
    justify-content: center;
    margin: 26px auto 0;
    gap: 24px;
  }
  .showcase-phone,
  .showcase-phone-hunter,
  .showcase-phone-tools {
    width: 100%;
    max-width: 300px;
    justify-self: center;
  }
}

.phone-stage {
  min-height: 620px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.phone {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: center;
  width: 280px;
  height: auto;
  aspect-ratio: 829 / 1800;
  transform: none;
}
.phone img { object-fit: contain; }
.float-note {
  position: relative;
  width: auto;
  align-self: stretch;
  transform: none;
}
.note-one {
  left: auto;
  top: auto;
  grid-column: 1;
  grid-row: 2;
}
.note-two {
  right: auto;
  bottom: auto;
  grid-column: 2;
  grid-row: 2;
}

@media (max-width: 620px) {
  .hero h1 { font-size: clamp(45px, 14vw, 60px); }
  .walk-scene {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) 98px;
    gap: 10px;
    margin-top: 34px;
  }
  .hunter-card { width: 100%; }
  .hunter-card { padding: 8px; border-radius: 24px; }
  .hunter-card img { border-radius: 17px; }
  .hunter-caption { left: auto; bottom: auto; padding: 10px 11px; }
  .hunter-caption strong { font-size: 19px; }
  .hunter-caption > span { font-size: 12px; line-height: 1.35; }
  .hunter-features { gap: 6px; margin-top: 10px; }
  .hunter-features li { min-height: 36px; padding: 6px 7px; font-size: 11px; }
  .hero-phone { right: auto; bottom: auto; width: 98px; margin-bottom: 8px; }
  .hero-phone-shell { height: 214px; }

  .phone-preview-stack {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    margin-top: 22px;
    padding: 6px 2px 18px;
    scroll-snap-type: x mandatory;
  }
  .showcase-phone,
  .showcase-phone-hunter,
  .showcase-phone-tools {
    width: auto;
    min-width: min(270px, 82vw);
    max-width: 280px;
    scroll-snap-align: center;
  }

  .phone-stage { min-height: 0; grid-template-columns: 1fr; }
  .phone { grid-column: 1; width: min(260px, 82vw); }
  .note-one { grid-column: 1; grid-row: 2; }
  .note-two { grid-column: 1; grid-row: 3; }
}

/* Keep the first iPhone screen compact, readable, and action-focused. */
@media (max-width: 620px) {
  .hero { padding: 30px 0 72px; }
  .release-status {
    margin-bottom: 14px;
    padding: 7px 10px;
    font-size: 10px;
    line-height: 1.35;
  }
  .hero h1 {
    margin: 0 0 16px;
    font-size: clamp(36px, 10.2vw, 41px);
    line-height: 1.02;
    letter-spacing: -.04em;
  }
  .hero-copy {
    font-size: 17px;
    line-height: 1.48;
  }
  .hero-actions { gap: 10px; margin-top: 22px; }
  .hero-actions .button { min-height: 52px; padding-block: 13px; }
  .hero-note { gap: 6px; margin-top: 20px; font-size: 13px; }
  .walk-scene { margin-top: 28px; }
}