:root {
  --ink: #071414;
  --ink-2: #0e2222;
  --offwhite: #f8f5ef;
  --sand: #efe4d2;
  --stone: #d8ccb8;
  --mint: #9fd4c1;
  --sea: #0f5660;
  --blue: #2c87ff;
  --coral: #ff875f;
  --gold: #d9ad69;
  --text: #192323;
  --muted: #607070;
  --white: #ffffff;
  --line: rgba(7, 20, 20, 0.12);
  --glass: rgba(255, 255, 255, 0.12);
  --shadow: 0 28px 70px rgba(3, 16, 18, 0.28);
  --radius-lg: 34px;
  --radius-md: 22px;
  --radius-sm: 14px;
  --container: min(1180px, calc(100vw - 40px));
  --font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background: var(--offwhite);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p { font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.65; margin: 0; }
h1, h2, h3 { margin: 0; letter-spacing: -0.055em; line-height: 0.96; text-wrap: balance; }
h1 { font-size: clamp(4.4rem, 14vw, 10.6rem); max-width: 8ch; }
h2 { font-size: clamp(2.35rem, 6vw, 5.9rem); }
h3 { font-size: clamp(1.35rem, 2.3vw, 2rem); }
button, input, textarea { font: inherit; }

.skip-link {
  position: absolute;
  top: -60px;
  left: 16px;
  background: var(--white);
  color: var(--ink);
  padding: 12px 16px;
  z-index: 100;
  border-radius: 10px;
}
.skip-link:focus { top: 16px; }

.container { width: var(--container); margin: 0 auto; }
.site-header {
  position: fixed;
  top: 14px;
  left: 0;
  width: 100%;
  z-index: 50;
  pointer-events: none;
}
.nav {
  width: min(1120px, calc(100vw - 28px));
  margin: 0 auto;
  min-height: 58px;
  padding: 9px 10px 9px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  color: var(--white);
  background: rgba(7, 20, 20, 0.78);
  backdrop-filter: blur(22px) saturate(160%);
  box-shadow: 0 18px 60px rgba(0,0,0,0.18);
  pointer-events: auto;
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 760; letter-spacing: -0.03em; }
.brand img { border-radius: 9px; }
.nav-links { display: flex; align-items: center; gap: 8px; }
.nav-links a { color: rgba(255,255,255,0.82); font-size: 0.91rem; padding: 10px 13px; border-radius: 999px; }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--white); background: rgba(255,255,255,0.11); outline: none; }
.nav-links .nav-cta { color: var(--ink); background: var(--white); font-weight: 720; }
.menu-toggle { display: none; border: 0; color: var(--white); background: rgba(255,255,255,0.12); border-radius: 999px; padding: 10px 14px; }

section { position: relative; padding: clamp(76px, 10vw, 150px) 0; overflow: hidden; }
.section-dark { background: var(--ink); color: var(--white); }
.section-ink { background: #020606; color: var(--white); }
.section-light { background: var(--offwhite); color: var(--text); }
.section-sand { background: var(--sand); color: var(--text); }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--mint);
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.8;
}
.eyebrow.dark { color: var(--sea); }

.hero { min-height: 100svh; display: grid; align-items: center; padding-top: 118px; }
.hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 19%, rgba(159,212,193,0.42), transparent 29%),
    radial-gradient(circle at 88% 84%, rgba(255,135,95,0.26), transparent 28%),
    linear-gradient(120deg, rgba(7,20,20,0.96), rgba(7,20,20,0.86)),
    url("assets/profile.webp") center right / cover no-repeat;
  transform: scale(1.02);
}
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr); gap: clamp(28px, 6vw, 82px); align-items: center; }
.hero-subhead { max-width: 780px; margin-top: 26px; color: rgba(255,255,255,0.82); font-size: clamp(1.15rem, 2.2vw, 1.55rem); }
.hero-actions, .store-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 34px; }
.button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 780;
  letter-spacing: -0.02em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .app-store:focus-visible, .mobile-sticky-cta:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.button-primary { background: var(--white); color: var(--ink); box-shadow: 0 18px 50px rgba(255,255,255,0.18); }
.button-secondary { color: var(--white); border: 1px solid rgba(255,255,255,0.28); background: rgba(255,255,255,0.08); }
.section-light .button-primary, .section-sand .button-primary { color: var(--white); background: var(--ink); box-shadow: none; }
.benefit-chips { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 30px 0 0; }
.benefit-chips li { border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.84); padding: 10px 13px; border-radius: 999px; font-size: 0.95rem; }
.hero-visual { min-height: 600px; position: relative; display: grid; place-items: center; }
.phone-stack { position: relative; width: min(420px, 88vw); height: 610px; }
.phone-frame {
  position: relative;
  width: min(254px, 64vw);
  padding: 9px;
  background: linear-gradient(135deg, #263839, #020606 40%, #385153);
  border-radius: 38px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,0.18);
}
.phone-frame::before { content: ""; position: absolute; top: 16px; left: 50%; translate: -50% 0; width: 70px; height: 20px; border-radius: 99px; background: #050505; z-index: 2; }
.phone-frame img { border-radius: 30px; width: 100%; }
.phone-main { position: absolute; right: 30px; top: 12px; z-index: 2; transform: rotate(4deg); }
.phone-side { position: absolute; left: 10px; bottom: 8px; transform: rotate(-9deg) scale(.88); opacity: .72; filter: saturate(.85); }
.glass-card { border: 1px solid rgba(255,255,255,0.16); background: rgba(7,20,20,0.58); backdrop-filter: blur(18px); }
.live-card { position: absolute; left: 0; bottom: 86px; width: min(330px, 84vw); display: flex; gap: 14px; align-items: flex-start; padding: 17px; border-radius: 22px; box-shadow: var(--shadow); }
.live-card small { display: block; margin-top: 4px; color: rgba(255,255,255,0.7); line-height: 1.4; }
.pulse { width: 12px; height: 12px; border-radius: 50%; margin-top: 4px; background: var(--mint); box-shadow: 0 0 0 10px rgba(159,212,193,0.18); animation: pulse 1.9s ease-in-out infinite; }

.two-column, .feature-showcase, .community-grid, .cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 86px); }
.align-center { align-items: center; }
.align-start { align-items: start; }
.copy-block p + p { margin-top: 20px; }
.section-heading { max-width: 820px; }
.section-heading.centered { margin: 0 auto 48px; text-align: center; }
.section-heading p { margin-top: 20px; color: var(--muted); }
.section-dark .section-heading p, .section-ink .section-heading p { color: rgba(255,255,255,0.72); }

.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step-card { min-height: 300px; padding: 26px; border-radius: var(--radius-lg); background: rgba(255,255,255,0.5); border: 1px solid rgba(7,20,20,0.1); display: flex; flex-direction: column; justify-content: space-between; }
.step-number { color: var(--sea); font-weight: 900; letter-spacing: -0.04em; font-size: clamp(2.8rem, 6vw, 6rem); opacity: .28; }
.step-card p { color: #4b5d5c; }

.split-feature { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: clamp(32px, 6vw, 80px); align-items: start; }
.prompt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.prompt-grid article, .use-case-row article {
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.075);
  border-radius: 22px;
  padding: 19px;
}
.prompt-grid span, .use-case-row span { display: block; color: var(--mint); font-weight: 850; margin-bottom: 8px; }
.prompt-grid p, .use-case-row p { font-size: 0.98rem; color: rgba(255,255,255,0.72); }

.feature-showcase { align-items: center; }
.feature-showcase.reversed { grid-template-columns: 1fr 1fr; }
.feature-showcase .phone-frame { margin: 0 auto; }
.check-list { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 10px; }
.check-list li { position: relative; padding: 14px 14px 14px 42px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.check-list li::before { content: "✓"; position: absolute; left: 15px; top: 13px; color: var(--sea); font-weight: 900; }

.comparison-list { display: grid; gap: 14px; }
.comparison-list div { display: grid; grid-template-columns: 140px 1fr; gap: 22px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,0.14); }
.comparison-list strong { color: var(--mint); font-size: 1.15rem; }
.comparison-list span { color: rgba(255,255,255,0.74); line-height: 1.55; }

.community-grid { align-items: center; }
.share-card { margin-top: 28px; padding: 24px; border-radius: var(--radius-md); background: #fff; border: 1px solid var(--line); box-shadow: 0 18px 60px rgba(7,20,20,0.08); }
.share-card p { margin-top: 9px; color: var(--muted); }
.image-card { overflow: hidden; border-radius: var(--radius-lg); box-shadow: 0 24px 70px rgba(7,20,20,0.16); background: #fff; }
.image-card img { width: 100%; object-fit: cover; }
.signal-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.signal-grid span { padding: 10px 13px; border-radius: 999px; background: rgba(7,20,20,0.08); color: var(--sea); font-weight: 760; }
.strong-line { margin-top: 26px; font-weight: 760; color: var(--ink); }

.feature-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.feature-card { min-height: 318px; border-radius: 26px; background: #fff; border: 1px solid var(--line); overflow: hidden; box-shadow: 0 14px 42px rgba(7,20,20,0.06); }
.feature-card img { width: 100%; height: 150px; object-fit: cover; background: #e8ded0; }
.feature-card h3 { padding: 17px 17px 0; font-size: 1.32rem; letter-spacing: -0.04em; line-height: 1.05; }
.feature-card p { padding: 10px 17px 18px; color: var(--muted); font-size: 0.94rem; line-height: 1.5; }

.use-case-row { display: grid; grid-template-columns: repeat(6, minmax(220px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 16px; scroll-snap-type: x mandatory; }
.use-case-row article { scroll-snap-align: start; min-height: 190px; }
.early-card { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding: clamp(28px, 5vw, 62px); border-radius: var(--radius-lg); color: var(--white); background: linear-gradient(135deg, var(--ink), #123d3d); box-shadow: var(--shadow); }
.early-card p { color: rgba(255,255,255,0.75); margin-top: 18px; }

.final-cta { padding-bottom: clamp(120px, 12vw, 170px); }
.cta-grid { align-items: center; }
.final-cta h2 { max-width: 780px; }
.final-cta p { margin-top: 22px; color: rgba(255,255,255,0.75); max-width: 700px; }
.app-store { display: inline-flex; min-height: 56px; align-items: center; border-radius: 14px; transition: transform .2s ease; }
.app-store:hover { transform: translateY(-2px); }
.launch-note { display: block; margin-top: 16px; color: rgba(255,255,255,0.48); }
.phone-cluster { display: flex; align-items: center; justify-content: center; min-height: 520px; }
.phone-cluster .phone-frame:first-child { transform: rotate(-8deg) translateX(26px); z-index: 2; }
.phone-cluster .phone-frame:last-child { transform: rotate(7deg) translateX(-26px) scale(.92); opacity: .7; }

.footer { padding: 44px 0 92px; background: #020606; color: rgba(255,255,255,0.68); border-top: 1px solid rgba(255,255,255,0.08); }
.footer-grid { display: grid; grid-template-columns: 1.1fr 1fr auto; gap: 26px; align-items: start; }
.footer-brand { color: var(--white); }
.footer p { margin-top: 12px; max-width: 390px; font-size: .95rem; }
.footer nav { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.footer nav a:hover { color: var(--white); }
.copyright { white-space: nowrap; }
.mobile-sticky-cta { display: none; }

.reveal { opacity: 1; transform: none; }
.reveal.can-animate { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.can-animate.is-visible { opacity: 1; transform: translateY(0); }

@keyframes pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 7px rgba(159,212,193,0.12); }
  50% { transform: scale(1.1); box-shadow: 0 0 0 14px rgba(159,212,193,0.24); }
}

@media (max-width: 1080px) {
  .feature-grid { grid-template-columns: repeat(3, 1fr); }
  .hero-grid, .two-column, .feature-showcase, .feature-showcase.reversed, .community-grid, .cta-grid, .split-feature { grid-template-columns: 1fr; }
  .hero-copy { max-width: 860px; }
  .hero-visual { min-height: 560px; }
  .comparison-list div { grid-template-columns: 1fr; gap: 6px; }
  .footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root { --container: min(100vw - 28px, 1180px); }
  .site-header { top: 8px; }
  .nav { border-radius: 24px; align-items: flex-start; flex-wrap: wrap; }
  .menu-toggle { display: inline-flex; }
  .nav-links { width: 100%; display: none; flex-direction: column; align-items: stretch; padding: 6px 0 2px; }
  .nav-links.is-open { display: flex; }
  .nav-links a { padding: 13px 14px; }
  section { padding: 72px 0; }
  .hero { padding-top: 112px; }
  h1 { font-size: clamp(4rem, 23vw, 7rem); }
  .hero-subhead { font-size: 1.12rem; }
  .hero-actions .button, .store-row .button { width: 100%; }
  .benefit-chips li { width: 100%; }
  .hero-visual { min-height: 480px; overflow: visible; }
  .phone-stack { height: 500px; }
  .phone-main { right: 30px; width: 210px; }
  .phone-side { left: 18px; width: 190px; }
  .live-card { left: 4px; bottom: 36px; }
  .steps, .prompt-grid, .feature-grid { grid-template-columns: 1fr; }
  .step-card { min-height: 230px; }
  .section-heading.centered { text-align: left; margin-left: 0; }
  .early-card { grid-template-columns: 1fr; }
  .early-card .button { width: 100%; }
  .phone-cluster { min-height: 440px; }
  .phone-cluster .phone-frame { width: 205px; }
  .footer { padding-bottom: 104px; }
  .mobile-sticky-cta {
    position: fixed;
    z-index: 60;
    left: 14px;
    right: 14px;
    bottom: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 54px;
    border-radius: 999px;
    color: var(--ink);
    background: var(--white);
    font-weight: 850;
    box-shadow: 0 18px 50px rgba(0,0,0,0.22);
  }
}

@media (max-width: 430px) {
  .phone-main { right: 0; }
  .phone-side { left: 0; }
  .feature-card { min-height: auto; }
  .store-row .app-store { width: 100%; justify-content: center; }
}

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


/* Iteration 2: cooler feature-led media sections */
.hero-showpiece {
  min-height: 650px;
  align-items: center;
}
.hero-image-card {
  position: absolute;
  inset: 24px 0 auto auto;
  width: min(540px, 92%);
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.38);
  border: 1px solid rgba(255,255,255,.18);
  background: #050b0b;
}
.hero-image-card img { width: 100%; height: 100%; object-fit: cover; }
.hero-phone { left: 18px; bottom: 26px; top: auto; right: auto; z-index: 3; transform: rotate(-5deg); }
.smoke-card {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: min(190px, 38vw);
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: #050505;
  box-shadow: 0 22px 70px rgba(0,0,0,.42);
  z-index: 4;
}
.smoke-card img { width: 100%; aspect-ratio: 3/4; object-fit: cover; filter: contrast(1.05); }
.smoke-card span { display: block; padding: 12px; font-size: .78rem; line-height: 1.25; color: rgba(255,255,255,.82); font-weight: 760; letter-spacing: -.02em; }
.hero-showpiece .live-card { left: 105px; bottom: 38px; z-index: 5; }

.media-split { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(32px, 6vw, 82px); align-items: center; }
.video-shell, .beyond-media video {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: #000;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.14);
}
.video-shell video { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.tour-video p + p { margin-top: 18px; }

.prompt-feature { align-items: center; }
.mini-phone-row { display: flex; gap: 14px; margin-top: 28px; }
.mini-phone-row img {
  width: 108px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 18px 48px rgba(0,0,0,.25);
}
.visual-prompt-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.visual-prompt-grid article {
  position: relative;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 26px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: #111;
}
.visual-prompt-grid article::before { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.78)); z-index:1; }
.visual-prompt-grid img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter: saturate(.92) contrast(1.05); }
.visual-prompt-grid span, .visual-prompt-grid p { position: relative; z-index: 2; }
.visual-prompt-grid span { display:block; color: var(--mint); font-weight: 900; margin-bottom: 8px; }
.visual-prompt-grid p { color: rgba(255,255,255,.78); font-size: .9rem; line-height: 1.42; }

.food-bar-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 16px; align-items: stretch; }
.big-image-card, .food-card {
  overflow: hidden;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 18px 54px rgba(7,20,20,.08);
}
.big-image-card { grid-column: span 2; min-height: 460px; position: relative; color: #fff; }
.big-image-card img { position:absolute; inset:0; width:100%; height:100%; object-fit: cover; filter: saturate(.9) contrast(1.04); }
.big-image-card::before { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.76)); }
.big-image-card div { position:absolute; left:24px; right:24px; bottom:24px; z-index:2; }
.big-image-card strong { display:block; font-size: clamp(1.8rem, 4vw, 3.4rem); line-height:.95; letter-spacing:-.055em; }
.big-image-card span { display:block; margin-top: 12px; max-width: 640px; color: rgba(255,255,255,.8); line-height:1.5; }
.food-card img { width: 100%; height: 210px; object-fit: cover; background: #eadfce; }
.food-card h3 { padding: 18px 18px 0; font-size: 1.45rem; line-height: 1; }
.food-card p { padding: 10px 18px 20px; color: var(--muted); font-size: .96rem; line-height: 1.48; }

.beyond-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(32px, 6vw, 82px); align-items: center; }
.beyond-card-list { display: grid; gap: 12px; margin-top: 28px; }
.beyond-card-list article { padding: 18px; border-radius: 18px; background: rgba(255,255,255,.58); border: 1px solid rgba(7,20,20,.1); }
.beyond-card-list strong { display:block; color: var(--sea); margin-bottom: 5px; }
.beyond-card-list span { color: #4b5d5c; line-height: 1.5; }
.beyond-media { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.beyond-main-img { grid-column: 1 / -1; width: 100%; height: 320px; object-fit: cover; border-radius: 30px; box-shadow: 0 20px 60px rgba(7,20,20,.13); }
.beyond-small-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.beyond-small-grid img { width: 100%; height: 160px; object-fit: cover; border-radius: 24px; box-shadow: 0 14px 42px rgba(7,20,20,.1); }
.beyond-media video { width: 100%; height: 334px; object-fit: cover; }

.phone-frame img { aspect-ratio: 254 / 568; object-fit: cover; }

@media (max-width: 1080px) {
  .media-split, .beyond-grid { grid-template-columns: 1fr; }
  .visual-prompt-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .food-bar-grid { grid-template-columns: repeat(2, 1fr); }
  .big-image-card { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .hero-showpiece { min-height: 560px; }
  .hero-image-card { width: 96%; top: 10px; }
  .hero-phone { width: 205px; left: 4px; }
  .smoke-card { right: 0; bottom: 20px; width: 145px; }
  .hero-showpiece .live-card { left: 2px; bottom: 10px; width: min(300px, 92vw); }
  .visual-prompt-grid, .food-bar-grid, .beyond-media { grid-template-columns: 1fr; }
  .visual-prompt-grid article { min-height: 230px; }
  .big-image-card { min-height: 390px; }
  .beyond-main-img, .beyond-media video { height: 260px; }
}


/* Iteration 3: tighter buyer-flow rebuild */
.tight-flow section { padding: clamp(64px, 8vw, 118px) 0; }
.tight-flow .compact-section { padding: clamp(54px, 7vw, 96px) 0; }
.top-logo-panel { padding: 112px 0 28px !important; background: #020606; }
.logo-panel-card { overflow: hidden; border-radius: 34px; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 28px 80px rgba(0,0,0,.38); background:#050b0b; }
.logo-panel-card img { width: 100%; max-height: 410px; object-fit: cover; object-position: center; }
.hero-v3 { min-height: auto; padding-top: clamp(64px, 8vw, 112px) !important; }
.hero-grid-v3 { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); gap: clamp(32px, 6vw, 82px); align-items: center; }
.hero-visual-v3 { min-height: 590px; position: relative; }
.smoke-portrait { position: absolute; inset: 0 32px 20px auto; width: min(365px, 78%); border-radius: 38px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 30px 90px rgba(0,0,0,.42); background:#000; }
.smoke-portrait img { width:100%; height:100%; object-fit: cover; filter: grayscale(1) contrast(1.08); }
.hero-phone-v3 { position:absolute; left:0; bottom:0; z-index:3; transform: rotate(-4deg); }
.hero-fact-card { left: 96px; bottom: 42px; z-index: 5; }
.how-grid-v3 { display:grid; grid-template-columns: .82fr 1.18fr; gap: clamp(34px, 6vw, 82px); align-items:center; }
.tech-detail {
  margin-top: 14px !important;
  font-size: clamp(.86rem, 1.35vw, .98rem) !important;
  line-height: 1.45 !important;
  color: #49605e !important;
  max-width: 620px;
}
.app-button-board { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px; border-radius: 34px; background: #081616; box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.08); }
.app-button-board article { min-height: 158px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; border-radius: 24px; padding: 14px; background:#111; color:#fff; }
.app-button-board article::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.68)); }
.app-button-board img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.04); }
.app-button-board span { position:relative; z-index:1; font-weight:900; letter-spacing:-.03em; }
.compact-media { grid-template-columns: .95fr 1.05fr; }
.prompt-benefit-list { display:grid; gap: 14px; }
.prompt-benefit-list article { display:grid; grid-template-columns: 130px 1fr; gap: 18px; align-items:center; padding: 14px; border-radius: 28px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.075); }
.prompt-benefit-list img { width: 130px; height: 130px; border-radius: 22px; object-fit: cover; }
.prompt-benefit-list strong { display:block; color: var(--mint); font-size: 1.35rem; letter-spacing:-.04em; margin-bottom:6px; }
.prompt-benefit-list span { color: rgba(255,255,255,.74); line-height:1.5; }
.app-screens-row img { width: 124px; }
.food-story-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items:stretch; }
.food-story-grid > div:first-child { grid-row: span 2; padding: clamp(24px, 4vw, 44px); border-radius: 32px; background:#fff; border:1px solid var(--line); box-shadow: 0 16px 48px rgba(7,20,20,.07); }
.food-story-grid .big-image-card { grid-column:auto; min-height: 380px; }
.feature-pill-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.feature-pill-row span { display:inline-flex; align-items:center; gap:8px; padding:8px 12px 8px 8px; border-radius:999px; background:#f0eadf; color:var(--sea); font-weight:800; }
.feature-pill-row img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.beyond-v3 .beyond-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.beyond-v3 .beyond-card-list article { padding: 16px; }
.community-v3 .signal-grid span { background:#fff; border:1px solid var(--line); }
.comparison-v3 { background:#050909; }
.final-v3 { background: radial-gradient(circle at 78% 12%, rgba(159,212,193,.22), transparent 30%), #020606; }
.final-v3 .phone-cluster { min-height: 450px; }

@media (max-width:1080px){
  .hero-grid-v3, .how-grid-v3, .food-story-grid { grid-template-columns:1fr; }
  .hero-visual-v3 { min-height: 540px; }
  .food-story-grid > div:first-child { grid-row:auto; }
}
@media (max-width:760px){
  .top-logo-panel { padding-top: 92px !important; }
  .logo-panel-card { border-radius: 24px; }
  .logo-panel-card img { min-height: 210px; object-fit: cover; }
  .hero-visual-v3 { min-height: 500px; }
  .smoke-portrait { right:0; width: 76%; }
  .hero-phone-v3 { width: 205px; }
  .hero-fact-card { left:0; bottom: 18px; width:min(315px, 92vw); }
  .app-button-board { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .prompt-benefit-list article { grid-template-columns: 92px 1fr; }
  .prompt-benefit-list img { width:92px; height:92px; }
  .beyond-v3 .beyond-card-list { grid-template-columns:1fr; }
}
@media (max-width:430px){
  .app-button-board article { min-height: 138px; }
  .smoke-portrait { width:82%; }
}

/* Iteration 4: overnight polish pass */
.offer-strip { padding: 34px 0 !important; background: linear-gradient(135deg, #020606, #071414); }
.offer-card {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(280px, 1fr) auto;
  gap: clamp(18px, 4vw, 40px);
  align-items: center;
  padding: clamp(22px, 4vw, 38px);
  border-radius: 32px;
  background:
    radial-gradient(circle at 18% 0%, rgba(159,212,193,.22), transparent 28%),
    rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
}
.offer-card h2 { font-size: clamp(2.15rem, 4.4vw, 4.8rem); }
.offer-card p:not(.eyebrow) { color: rgba(255,255,255,.78); max-width: 720px; }
.offer-card .eyebrow { margin-bottom: 10px; }
.offer-card .button { white-space: nowrap; }

.moment-rail { padding: 0 0 clamp(54px, 7vw, 92px) !important; margin-top: -24px; }
.moment-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.moment-grid article {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(20px, 3vw, 30px);
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 16px 46px rgba(7,20,20,.065);
}
.moment-grid span { color: var(--sea); font-weight: 900; letter-spacing: .12em; font-size: .78rem; }
.moment-grid h3 { margin-top: 34px; color: var(--ink); }
.moment-grid p { margin-top: 12px; color: #526665; font-size: 1rem; line-height: 1.5; }

.logo-panel-card { position: relative; }
.logo-panel-card::after {
  content: "AI travel intelligence for the world in front of you";
  position: absolute;
  left: clamp(18px, 3vw, 34px);
  bottom: clamp(16px, 3vw, 30px);
  max-width: 390px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(2,6,6,.55);
  color: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  font-weight: 780;
  letter-spacing: -.02em;
}

.problem .copy-block, .food-story-grid > div:first-child, .beyond-card-list article, .moment-grid article { color: #243333; }
.problem .copy-block p, .food-story-grid > div:first-child p, .beyond-card-list span { color: #4c605f; }
.hero-fact-card { transform: translateZ(0); }
.hero-fact-card strong { letter-spacing: -.02em; }
.final-v3 .launch-note { color: rgba(255,255,255,.62); }
.footer nav a[href="#"] { opacity: .72; }

@media (max-width:1080px){
  .offer-card { grid-template-columns: 1fr; }
  .offer-card .button { justify-self: start; }
  .moment-grid { grid-template-columns: 1fr; }
  .moment-grid article { min-height: auto; }
}
@media (max-width:760px){
  .offer-strip { padding: 22px 0 !important; }
  .offer-card { border-radius: 24px; }
  .logo-panel-card::after { display: none; }
  .moment-rail { margin-top: 0; }
}

/* Iteration 4b: visual QA fixes */
.hero-v3 .hero-bg { opacity: 1; }
.hero-v3 .hero-copy { position: relative; z-index: 2; }
.hero-visual-v3 { z-index: 2; }
.app-button-board { gap: 16px; padding: 20px; }
.app-button-board article { min-height: 166px; }
.app-button-board article::after { background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.72)); }
.mini-phone-row { gap: 22px; align-items: flex-start; }
.app-screens-row img { box-shadow: 0 22px 54px rgba(0,0,0,.34); }
.prompt-feature { gap: clamp(38px, 7vw, 92px); }
.big-image-card div { left: clamp(28px, 4vw, 42px); right: clamp(28px, 4vw, 42px); bottom: clamp(26px, 4vw, 38px); }
.big-image-card::before { background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.82)); }
.food-card h3 { padding-left: 22px; padding-right: 22px; }
.food-card p { padding-left: 22px; padding-right: 22px; }
.final-v3 { border-top: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 58px 90px rgba(0,0,0,.18); }
.footer { line-height: 1.5; }
.footer nav { gap: 12px 22px; }
.footer nav a { font-size: .95rem; }
@media (max-width:760px){
  .prompt-feature { gap: 30px; }
  .app-button-board { gap: 12px; padding: 14px; }
  .app-button-board article { min-height: 144px; }
}

/* Iteration 5: Gavin phone-first refinement + Dropbox app assets */
.hero-proof {
  display: grid;
  gap: 8px;
  margin-top: 28px;
  max-width: 560px;
  color: rgba(255,255,255,.78);
  font-weight: 680;
}
.hero-proof span { display: block; padding-left: 18px; position: relative; line-height: 1.35; }
.hero-proof span::before { content: ""; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background: var(--mint); }
.clean-hero-phone { min-height: 560px; display:grid; place-items:center; }
.clean-hero-phone .hero-phone-v3 { position: relative; left:auto; bottom:auto; width:min(330px, 78vw); transform: rotate(-3deg); }
.clean-hero-phone .hero-fact-card { left: 50%; bottom: 18px; transform: translateX(-48%); }
.smoke-portrait { display:none; }
.editorial-strip { margin: 28px 0 0; display:grid; grid-template-columns: 92px 1fr; align-items:center; gap:14px; padding: 12px; border-radius: 24px; background:#fff; border:1px solid var(--line); box-shadow: 0 14px 38px rgba(7,20,20,.06); }
.editorial-strip img { width:92px; height:112px; object-fit:cover; border-radius:18px; filter:grayscale(1) contrast(1.05); }
.editorial-strip figcaption { color: var(--sea); font-weight: 820; line-height:1.25; letter-spacing:-.025em; }

.moment-rail { padding: 0 0 42px !important; }
.moment-box { display:grid; gap:0; overflow:hidden; border-radius: 28px; background:#fff; border:1px solid var(--line); box-shadow: 0 16px 46px rgba(7,20,20,.07); }
.moment-box article { display:grid; grid-template-columns: 42px 112px 1fr; gap:12px; align-items:start; padding: 16px; border-bottom:1px solid var(--line); }
.moment-box article:last-child { border-bottom:0; }
.moment-box span { color:var(--sea); font-weight:900; font-size:.78rem; letter-spacing:.12em; padding-top:4px; }
.moment-box strong { color:var(--ink); font-size:1.05rem; letter-spacing:-.03em; }
.moment-box p { color:#536766; font-size:.96rem; line-height:1.42; }

.video-shell video { width:100%; height:auto; aspect-ratio: 16/10; object-fit:cover; }
.tour-video .media-split { align-items:center; }
.phone-frame video { width:100%; aspect-ratio: 1170 / 2532; object-fit: cover; border-radius:30px; background:#030303; }
.demo-phone { width:min(250px, 68vw); margin:0 auto; }
.demo-phone::before { width:68px; height:19px; }
.prompt-carousel { width:min(250px, 70vw); margin-top:28px; aspect-ratio:1170/2532; overflow:hidden; }
.prompt-carousel img { position:absolute; inset:9px; width:calc(100% - 18px); height:calc(100% - 18px); border-radius:30px; object-fit:cover; opacity:0; animation: seerPhoneLoop 16s infinite; }
.prompt-carousel img:nth-child(1){ animation-delay:0s; }
.prompt-carousel img:nth-child(2){ animation-delay:4s; }
.prompt-carousel img:nth-child(3){ animation-delay:8s; }
.prompt-carousel img:nth-child(4){ animation-delay:12s; }
@keyframes seerPhoneLoop { 0%,20%{opacity:1} 25%,95%{opacity:0} 100%{opacity:1} }

.feature-box, .signal-box { display:grid; gap:0; margin-top:26px; overflow:hidden; border-radius:24px; background:#fff; border:1px solid var(--line); box-shadow: 0 14px 38px rgba(7,20,20,.06); }
.feature-box div { display:grid; grid-template-columns:52px 1fr; gap:12px; align-items:center; padding:12px; border-bottom:1px solid var(--line); }
.feature-box div:last-child { border-bottom:0; }
.feature-box img { width:52px; height:52px; object-fit:cover; border-radius:14px; }
.feature-box strong { display:block; color:var(--ink); letter-spacing:-.025em; }
.feature-box small { display:block; margin-top:3px; color:#526665; line-height:1.35; }
.phone-demo-card { display:grid; grid-template-columns:.72fr 1fr; gap:22px; align-items:center; padding:22px; border-radius:32px; background:#fff; border:1px solid var(--line); box-shadow: 0 18px 54px rgba(7,20,20,.08); }
.phone-demo-card > div:last-child strong { display:block; font-size:clamp(1.6rem, 4vw, 3rem); line-height:.98; letter-spacing:-.055em; color:var(--ink); }
.phone-demo-card > div:last-child span { display:block; margin-top:10px; color:#526665; line-height:1.5; }
.food-story-grid .phone-demo-card { min-height: 380px; }
.guide-box { background:rgba(255,255,255,.7); box-shadow:none; }
.phone-demo-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:20px; align-items:center; justify-items:center; }
.signal-box { display:flex; flex-wrap:wrap; gap:8px; padding:12px; }
.signal-box span { padding:9px 11px; border-radius:999px; background:#f0eadf; color:var(--sea); font-weight:780; font-size:.92rem; }
.share-demo-card { display:grid; grid-template-columns:.72fr .58fr; gap:16px; align-items:center; }
.mini-stack { display:grid; gap:12px; }
.mini-stack img { width:100%; border-radius:24px; box-shadow:0 14px 42px rgba(7,20,20,.12); }
.app-demos-grid { display:grid; gap:34px; }
.demo-strip { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; align-items:start; }
.demo-strip article { display:grid; gap:14px; justify-items:center; padding:18px; border-radius:30px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); }
.demo-strip strong { color:rgba(255,255,255,.88); text-align:center; letter-spacing:-.02em; }
.phone-frame img { width:100%; height:auto; }

@media (min-width: 761px) {
  .moment-box { grid-template-columns: repeat(3, 1fr); }
  .moment-box article { grid-template-columns: 1fr; border-bottom:0; border-right:1px solid var(--line); min-height:168px; }
  .moment-box article:last-child { border-right:0; }
  .moment-box strong { font-size:1.3rem; }
}

@media (max-width:1080px){
  .phone-demo-card, .share-demo-card { grid-template-columns:1fr; }
  .demo-strip { grid-template-columns:1fr; }
}
@media (max-width:760px){
  .hero { padding-top: 104px; }
  .hero-grid-v3 { display:flex; flex-direction:column; gap:28px; }
  .hero-copy { order:1; }
  .clean-hero-phone { order:2; min-height: 500px; width:100%; }
  .clean-hero-phone .hero-phone-v3 { width:min(285px, 76vw); }
  .clean-hero-phone .hero-fact-card { position:absolute; left:50%; bottom:0; width:min(320px, 92vw); }
  .hero-proof { margin-top:22px; gap:7px; font-size:.98rem; }
  .editorial-strip { grid-template-columns:74px 1fr; border-radius:20px; }
  .editorial-strip img { width:74px; height:92px; border-radius:15px; }
  .moment-box article { grid-template-columns:34px 1fr; gap:8px 10px; padding:13px; }
  .moment-box strong { grid-column:2; }
  .moment-box p { grid-column:2; font-size:.92rem; }
  .tour-video .media-split { display:flex; flex-direction:column; gap:24px; }
  .tour-video .video-shell { order:2; width:100%; border-radius:24px; }
  .tour-video .reveal:not(.video-shell) { order:1; }
  .video-shell video { aspect-ratio: 16/11; }
  .prompt-feature { display:flex; flex-direction:column; }
  .prompt-carousel { align-self:center; width:min(250px, 72vw); }
  .prompt-benefit-list article { grid-template-columns:72px 1fr; border-radius:22px; }
  .prompt-benefit-list img { width:72px; height:72px; }
  .food-story-grid { display:flex; flex-direction:column; }
  .phone-demo-card { padding:18px; border-radius:26px; }
  .phone-demo-card .demo-phone { width:min(245px, 70vw); }
  .phone-demo-grid { grid-template-columns:1fr; }
  .community-grid { display:flex; flex-direction:column; }
  .share-demo-card .demo-phone { width:min(245px, 70vw); }
  .mini-stack { grid-template-columns:1fr 1fr; }
  .app-demos { padding-top:74px; }
  .demo-strip article:nth-child(n+3) { display:none; }
}
@media (max-width:430px){
  .hero-proof { font-size:.94rem; }
  .clean-hero-phone .hero-phone-v3 { width:min(268px, 78vw); }
  .clean-hero-phone { min-height: 472px; }
  .feature-box div { grid-template-columns:46px 1fr; padding:11px; }
  .feature-box img { width:46px; height:46px; }
  .signal-box span { font-size:.86rem; }
}

/* Iteration 5b: video-fit corrections */
.tour-video .media-split { grid-template-columns: .72fr 1.08fr; }
.tour-video .video-shell {
  width:min(330px, 82vw);
  justify-self:center;
  padding:9px;
  border-radius:42px;
  background:linear-gradient(135deg,#263839,#020606 42%,#385153);
  box-shadow:var(--shadow);
}
.tour-video .video-shell video {
  aspect-ratio:416 / 752;
  height:auto;
  width:100%;
  object-fit:cover;
  border-radius:30px;
}
.phone-demo-grid .phone-frame video,
.app-demos .phone-frame video,
.food-bars .phone-frame video,
.community .phone-frame video { height:auto !important; aspect-ratio:1170 / 2532 !important; object-fit:cover; }
@media (max-width:760px){
  .tour-video .video-shell { width:min(310px, 84vw); }
  .tour-video .video-shell video { aspect-ratio:416/752; }
}

/* Iteration 6: Gavin iPhone layout refinement */
.offer-store {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.offer-store img { width: 185px; height: auto; }
.moment-combo {
  display: grid;
  gap: 14px;
}
.moment-combo .editorial-strip { margin: 0; }
.prompt-phone-wrap {
  position: relative;
  display: grid;
  justify-items: center;
  width: min(360px, 100%);
  margin: 28px auto 0;
}
.prompt-phone-wrap .prompt-carousel { margin-top: 0; }
.prompt-callout {
  position: absolute;
  right: -84px;
  top: 42%;
  width: 150px;
  padding: 12px 13px;
  border-radius: 18px;
  background: rgba(159,212,193,.94);
  color: #062020;
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
  font-weight: 850;
  font-size: .82rem;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.prompt-callout::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 22px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 10px solid rgba(159,212,193,.94);
}
.prompt-benefit-list {
  padding: 14px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.075);
}
.prompt-benefit-list article {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
  border-radius: 0;
  padding: 14px 0;
}
.prompt-benefit-list article:last-child { border-bottom: 0; }
.paired-phone-demos article,
.personal-intel-media article {
  display: grid;
  justify-items: center;
  gap: 10px;
}
.paired-phone-demos article p,
.personal-intel-media article p {
  margin: 0;
  text-align: center;
  color: #4f6261;
  font-size: .95rem;
  line-height: 1.35;
  font-weight: 720;
  letter-spacing: -.02em;
}
.paired-phone-demos .demo-phone { width: min(210px, 32vw); }
.personal-intel-media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  align-items: start;
}
.personal-intel-media .demo-phone { width: min(205px, 30vw); }
.share-love-grid { display: grid; gap: 22px; }
.share-love-header {
  display: grid;
  grid-template-columns: minmax(160px, .72fr) 1fr;
  gap: clamp(18px, 4vw, 34px);
  align-items: center;
  padding: clamp(16px, 3vw, 24px);
  border-radius: 34px;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(7,20,20,.1);
  box-shadow: 0 16px 46px rgba(7,20,20,.07);
}
.share-love-header img {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 26px;
}
.share-love-copy {
  max-width: 760px;
  color: #4f6261;
}
.share-love-phones {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(10px, 2vw, 18px);
  align-items: start;
  justify-items: center;
}
.share-love-phones .phone-frame { width: min(205px, 29vw); }
.demo-strip article p {
  margin: -4px 0 0;
  text-align: center;
  color: rgba(255,255,255,.66);
  font-size: .95rem;
  line-height: 1.42;
}
@media (max-width: 760px) {
  .tight-flow section { padding: 46px 0; }
  .tight-flow .compact-section { padding: 42px 0 22px; }
  h2 { font-size: clamp(2rem, 12vw, 3.35rem); }
  p { font-size: .99rem; line-height: 1.5; }
  .mobile-sticky-cta {
    left: auto;
    right: 14px;
    width: 25vw;
    min-width: 86px;
    max-width: 106px;
    min-height: 42px;
    font-size: .82rem;
    padding: 0 10px;
  }
  .offer-card { text-align: left; gap: 14px; }
  .offer-store { justify-self: center; width: 100%; }
  .offer-store img { width: 178px; }
  .moment-rail { padding: 0 0 38px !important; }
  .moment-combo { gap: 0; }
  .moment-combo .editorial-strip {
    border-radius: 24px 24px 0 0;
    border-bottom: 0;
  }
  .moment-combo .moment-box {
    border-radius: 0 0 24px 24px;
  }
  .prompt-feature { align-items: stretch; }
  .prompt-phone-wrap { width: 100%; margin-top: 22px; }
  .prompt-carousel { width: min(218px, 58vw); padding: 8px; border-radius: 34px; }
  .prompt-carousel::before { top: 14px; width: 58px; height: 17px; }
  .prompt-carousel img { inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); border-radius: 26px; }
  .prompt-callout {
    right: 2px;
    top: 54%;
    width: 124px;
    padding: 10px 11px;
    font-size: .72rem;
    border-radius: 15px;
  }
  .prompt-benefit-list { margin-top: 4px; border-radius: 24px; padding: 10px 14px; }
  .prompt-benefit-list article { grid-template-columns: 56px 1fr; padding: 12px 0; }
  .prompt-benefit-list img { width:56px; height:56px; border-radius: 16px; }
  .prompt-benefit-list strong { font-size: 1.06rem; }
  .prompt-benefit-list span { font-size: .9rem; line-height: 1.35; }
  .phone-demo-grid.paired-phone-demos { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .paired-phone-demos .demo-phone { width: min(145px, 37vw); }
  .beyond-grid { gap: 22px; }
  .personal-intel-media { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; width: 100%; }
  .personal-intel-media .demo-phone { width: min(145px, 37vw); }
  .personal-intel-media article p,
  .paired-phone-demos article p { font-size: .78rem; line-height: 1.25; }
  .share-love-header { grid-template-columns: 1fr; gap: 14px; border-radius: 26px; padding: 14px; }
  .share-love-header img { max-height: 150px; border-radius: 20px; }
  .share-love-grid { gap: 16px; }
  .share-love-phones { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
  .share-love-phones .phone-frame { width: min(112px, 29vw); padding: 5px; border-radius: 23px; }
  .share-love-phones .phone-frame::before { top: 9px; width: 36px; height: 10px; }
  .share-love-phones .phone-frame img { border-radius: 18px; }
  .demo-strip { grid-template-columns: 1fr; gap: 16px; }
  .demo-strip article:nth-child(n+3) { display: grid; }
  .demo-strip .demo-phone { width: min(238px, 66vw); }
  .demo-strip article { padding: 16px; border-radius: 26px; }
  .food-story-grid .phone-demo-card { min-height: auto; }
  .food-card img { height: 150px; }
}
@media (max-width:430px){
  .mobile-sticky-cta { right: 12px; bottom: 12px; width: 25vw; }
  .prompt-callout { right: 0; }
  .prompt-carousel { width: min(212px, 56vw); }
  .paired-phone-demos .demo-phone,
  .personal-intel-media .demo-phone { width: min(138px, 36vw); }
}

/* Iteration 7: minor iPhone polish tweaks */
.prompt-callout {
  background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.04)), rgba(3,8,8,.72);
  color: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.30);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow: 0 22px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.28);
}
.prompt-callout::before {
  border-right-color: rgba(3,8,8,.72);
  filter: drop-shadow(-1px 0 0 rgba(255,255,255,.22));
}
.food-card img {
  height: 280px;
}
.single-profile-phone {
  grid-template-columns: 1fr;
  justify-items: center;
}
.single-profile-phone .demo-phone {
  width: min(285px, 42vw);
}
.single-profile-phone article p {
  max-width: 390px;
}
.share-love-header {
  grid-template-columns: minmax(190px, .84fr) 1fr;
}
.share-love-header img {
  min-height: 300px;
  object-position: center;
}
.comparison-v3 {
  padding: clamp(46px, 6vw, 78px) 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(159,212,193,.18), transparent 26%),
    radial-gradient(circle at 86% 82%, rgba(44,135,255,.12), transparent 28%),
    #020606;
}
.comparison-v3 .two-column {
  gap: clamp(22px, 4vw, 46px);
  align-items: center;
  padding: clamp(18px, 3vw, 28px);
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 24px 76px rgba(0,0,0,.28);
}
.comparison-v3 h2 { font-size: clamp(2.1rem, 4.8vw, 4.7rem); }
.comparison-v3 p { color: rgba(255,255,255,.70); }
.comparison-list {
  gap: 8px;
}
.comparison-list div {
  grid-template-columns: 112px 1fr;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
}
.comparison-list div + div { margin-top: 0; }
.comparison-list strong { font-size: 1rem; }
.comparison-list span { font-size: .95rem; line-height: 1.38; }
@media (max-width: 760px) {
  .prompt-callout {
    width: 132px;
    top: 52%;
    right: -2px;
    font-size: .71rem;
    text-transform: none;
  }
  .food-card img { height: 200px; }
  .personal-intel-media.single-profile-phone { grid-template-columns: 1fr; }
  .single-profile-phone .demo-phone { width: min(210px, 56vw); }
  .single-profile-phone article p { font-size: .9rem; max-width: 290px; }
  .share-love-header { grid-template-columns: 1fr; }
  .share-love-header img {
    max-height: none;
    min-height: 173px;
    height: 173px;
    object-position: center 44%;
  }
  .comparison-v3 { padding: 40px 0 !important; }
  .comparison-v3 .two-column {
    padding: 18px;
    border-radius: 26px;
  }
  .comparison-list div {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
  }
}

/* Iteration 8/9/10: unified larger feature thumbnails */
.prompt-benefit-list article,
.feature-box div {
  grid-template-columns: 190px 1fr;
  gap: 16px;
}
.prompt-benefit-list img,
.feature-box img {
  width: 190px;
  height: 190px;
  border-radius: 24px;
}
@media (max-width: 760px) {
  .prompt-benefit-list article,
  .feature-box div {
    grid-template-columns: 103px 1fr;
    gap: 13px;
  }
  .prompt-benefit-list img,
  .feature-box img {
    width: 103px;
    height: 103px;
    border-radius: 24px;
  }
}
@media (max-width: 430px) {
  .prompt-benefit-list article,
  .feature-box div {
    grid-template-columns: 99px 1fr;
    gap: 12px;
  }
  .prompt-benefit-list img,
  .feature-box img {
    width: 99px;
    height: 99px;
    border-radius: 23px;
  }
}

/* Iteration 11: original elephant video footer */
.elephant-video {
  padding: clamp(34px, 6vw, 72px) 0 clamp(50px, 7vw, 90px) !important;
  background: #020606;
}
.elephant-video-card {
  overflow: hidden;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.13);
  background: #000;
  box-shadow: 0 26px 80px rgba(0,0,0,.36);
}
.elephant-video-card video {
  width: 100%;
  max-height: 780px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 760px) {
  .elephant-video { padding: 30px 0 64px !important; }
  .elephant-video-card { border-radius: 26px; }
  .elephant-video-card video { max-height: 520px; }
}

/* Iteration 12: Gavin desktop/mobile tweak pass */
.logo-panel-card img {
  max-height: 560px;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #020606;
}
@media (min-width: 1081px) {
  .top-logo-panel { padding-bottom: 38px !important; }
  .logo-panel-card img { width: 100%; }
}
.prompt-carousel {
  width: min(272px, 70vw);
}
.prompt-carousel img {
  object-fit: contain;
  object-position: center;
  background: #020606;
  transform: translateX(0);
}
.signal-line {
  margin-top: 14px;
  color: var(--sea);
  font-weight: 830;
  letter-spacing: -.02em;
  line-height: 1.45;
}
.signal-line span {
  color: var(--coral);
  padding: 0 8px;
}
.guide-box .postcard-thumb {
  object-fit: cover;
  object-position: center center;
  background: #020606;
  padding: 0;
}
.guide-box .postcard-thumb-tight {
  transform: none;
  transform-origin: center;
}
@media (max-width: 760px) {
  .logo-panel-card img {
    min-height: 240px;
    max-height: none;
    object-fit: contain;
  }
  .prompt-carousel {
    width: min(230px, 60vw);
  }
  .signal-line {
    font-size: .92rem;
  }
  .signal-line span {
    padding: 0 5px;
  }
}

/* Iteration 12b: top image breathing room + prompt phone centering */
.logo-panel-card::after {
  display: none;
}
.logo-panel-card {
  display: grid;
  place-items: center;
  background: #020606;
}
.logo-panel-card img {
  width: 100%;
  height: clamp(500px, 42vw, 620px);
  max-height: none;
  object-fit: contain;
  object-position: center;
}
.prompt-phone-wrap {
  justify-items: center;
}
.prompt-phone-wrap .prompt-carousel {
  margin-left: auto;
  margin-right: auto;
}
.prompt-carousel img {
  inset: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  object-fit: contain;
  object-position: center center;
}
@media (max-width: 760px) {
  .logo-panel-card img {
    height: clamp(250px, 64vw, 360px);
  }
}


/* Iteration 13: prompt carousel assets + desktop footer video fit */
.prompt-carousel img {
  object-fit: cover;
  object-position: center center;
  background: #020606;
}
.signal-line {
  font-size: clamp(.82rem, 1.05vw, .96rem);
  color: #536766;
  font-weight: 760;
}
.signal-line span {
  color: #a0aaa8;
  padding: 0 7px;
}
@media (min-width: 761px) {
  .elephant-video-card {
    max-width: 860px;
  }
  .elephant-video-card video {
    width: 100%;
    height: min(1120px, 86vw);
    max-height: none;
    object-fit: contain;
    background: #000;
  }
  .bottom-eye-card {
    width: 25vw;
    max-width: 330px;
    min-width: 230px;
    margin-top: 28px;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 18px 54px rgba(0,0,0,.30);
    background: #000;
  }
  .bottom-eye-card video {
    width: 100%;
    display: block;
  }
  .flyingman-footer-lockup {
    width: 20vw;
    max-width: 264px;
    min-width: 184px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: rgba(255,255,255,.72);
    font-size: .78rem;
    font-weight: 760;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .flyingman-footer-lockup img {
    width: 18px;
    height: auto;
    display: block;
    opacity: .82;
  }
  .bottom-brain-card {
    width: 25vw;
  }
  .bottom-brain-card img {
    aspect-ratio: 260 / 182;
    object-fit: cover;
  }
}
@media (max-width: 760px) {
  .logo-panel-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    object-position: center center;
  }
  .signal-line {
    font-size: .82rem;
    line-height: 1.38;
  }
  .signal-line span {
    color: #9aa4a2;
    padding: 0 4px;
  }
  .bottom-eye-card {
    width: min(48vw, 190px);
    margin-top: 18px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.12);
    background: #000;
  }
  .bottom-eye-card video { width: 100%; display:block; }
  .flyingman-footer-lockup {
    width: min(38vw, 152px);
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: rgba(255,255,255,.72);
    font-size: .66rem;
    font-weight: 760;
    letter-spacing: .035em;
    text-transform: uppercase;
  }
  .flyingman-footer-lockup img { width: 15px; height:auto; display:block; opacity:.82; }
  .bottom-brain-card img { aspect-ratio: 260 / 182; object-fit: cover; }
}