:root {
  --bg: #20211f;
  --surface: #292a27;
  --surface-deep: #171816;
  --text: #f4f4ee;
  --muted: #b8b8af;
  --line: #4b4d47;
  --accent: #d2ff00;
  --page-gutter: clamp(18px, 4.6vw, 76px);
  --content-width: 1240px;
  --wide-width: 1800px;
  --section-space: clamp(92px, 11vw, 174px);
  --heading: clamp(3.1rem, 5.6vw, 5.9rem);
  --heading-small: clamp(2.7rem, 4.7vw, 4.9rem);
  --radius: 3px;
  --sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img, video { display: block; max-width: 100%; }
::selection { background: var(--accent); color: var(--bg); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.band { width: min(100%, var(--content-width)); margin-inline: auto; padding-inline: var(--page-gutter); }
.band-wide { width: min(100%, var(--wide-width)); margin-inline: auto; }
.section-label { margin: 0 0 22px; color: var(--muted); font-size: .75rem; font-weight: 700; line-height: 1.2; letter-spacing: .08em; }
h1, h2, p { text-wrap: pretty; }
h1 em, h2 em { color: var(--accent); font-style: normal; }

.growth-header { position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 42px; height: 70px; padding-inline: var(--page-gutter); border-bottom: 1px solid var(--line); background: rgba(32, 33, 31, .95); backdrop-filter: blur(14px); }
.brand { width: clamp(108px, 12vw, 144px); }
.brand img, .footer-growth img, .final-logo { filter: invert(1); }
.growth-brand, .hero-product, .footer-growth { display: flex; align-items: center; }
.growth-brand { gap: 10px; min-width: 0; }
.growth-header-icon, .hero-product-icon, .footer-growth-icon { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; }
.growth-header-icon img, .hero-product-icon img, .footer-growth-icon img { width: 100%; height: 100%; object-fit: contain; filter: invert(1); }
.growth-brand .brand, .footer-growth > img { width: 112px; height: auto; }
.hero-product { gap: 12px; }
.hero-product-icon { flex-basis: 42px; width: 42px; height: 42px; }
.hero-product > img.hero-product-logo { width: 168px; height: auto; }
.growth-nav { display: flex; justify-content: flex-end; gap: clamp(17px, 2.4vw, 38px); min-width: 0; color: var(--muted); font-size: .8125rem; }
.growth-nav a { padding-block: 8px; cursor: pointer; }
.growth-nav a:hover, .footer-meta a:hover { color: var(--text); }
.growth-nav .nav-store { color: var(--accent); }
.growth-menu { display: none; min-width: 64px; min-height: 44px; padding: 9px 10px; border: 1px solid var(--line); border-radius: var(--radius); background: transparent; color: var(--text); font-size: .6875rem; letter-spacing: .08em; }

.hero { position: relative; display: grid; min-height: min(940px, calc(100svh - 70px)); overflow: hidden; isolation: isolate; }
.hero-media, .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media { z-index: -2; object-fit: cover; object-position: 58% 46%; filter: saturate(.66) brightness(.62); }
.hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(8, 9, 8, .91) 0%, rgba(8, 9, 8, .69) 38%, rgba(8, 9, 8, .16) 82%), linear-gradient(0deg, rgba(8, 9, 8, .72), transparent 55%); }
.hero-copy { align-self: end; padding-top: 118px; padding-bottom: clamp(74px, 8vw, 126px); }
.hero-product { gap: 12px; margin-bottom: 27px; font-size: 1.1rem; font-weight: 800; letter-spacing: .01em; }
.hero-product img { width: 42px; height: 42px; object-fit: contain; filter: invert(1); }
.hero-description { max-width: 520px; margin: 32px 0 0; color: #e6e6df; font-size: clamp(1.05rem, 1.45vw, 1.35rem); line-height: 1.6; }
.hero h1 { display: grid; width: fit-content; margin: 0; font-size: clamp(4.8rem, 8.5vw, 8.8rem); font-weight: 800; line-height: .88; letter-spacing: -.09em; }
.hero h1 span, .hero h1 em { display: block; white-space: nowrap; }
.store-cta { display: inline-flex; align-items: center; gap: 11px; min-width: 174px; min-height: 50px; margin-top: 36px; padding: 10px 14px 10px 11px; border: 1px solid #777a70; border-radius: 4px; background: #050505; color: #fff; cursor: pointer; transition: border-color .2s ease, transform .2s ease; }
.store-cta:not(.is-pending):hover { border-color: var(--accent); transform: translateY(-2px); }
.store-cta.is-pending { cursor: default; opacity: .92; }
.store-apple { display: grid; width: 25px; height: 25px; place-items: center; font-size: 18px; }
.store-cta span:last-child { display: grid; gap: 1px; }
.store-cta small { color: #d5d5d5; font-size: .5rem; letter-spacing: .11em; }
.store-cta strong { font-size: .8125rem; font-weight: 600; }

.value-hero { position: relative; display: grid; min-height: clamp(650px, 69vw, 940px); overflow: hidden; isolation: isolate; }
.value-hero > img, .value-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.value-hero > img { z-index: -2; object-fit: cover; object-position: 58% 48%; filter: saturate(.72) brightness(.72); }
.value-shade { z-index: -1; background: linear-gradient(90deg, rgba(8,9,8,.84), rgba(8,9,8,.30) 67%, rgba(8,9,8,.18)), linear-gradient(0deg, rgba(8,9,8,.68), transparent 55%); }
.value-copy { align-self: end; padding-top: 120px; padding-bottom: clamp(72px, 9vw, 136px); }
.value-copy h2, .feature-copy h2, .drop-copy h2, .image-break-copy h2, .photo-story h2, .history-copy h2, .data-heading h2 { max-width: 980px; margin: 0; font-size: var(--heading); font-weight: 800; line-height: .96; letter-spacing: -.075em; }
.value-copy > p:last-child, .image-break-copy > p:last-child, .history-copy > p:last-child { max-width: 620px; margin: 36px 0 0; color: #ebebe4; font-size: clamp(1.05rem, 1.45vw, 1.35rem); line-height: 1.72; }

.feature-section { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: center; gap: clamp(48px, 8vw, 140px); padding-top: var(--section-space); padding-bottom: var(--section-space); }
.feature-copy { max-width: 570px; }
.feature-copy h2, .drop-copy h2, .history-copy h2, .data-heading h2 { font-size: clamp(2.65rem, 4.2vw, 4rem); }
.feature-copy h2 { margin-bottom: 36px; }
.feature-copy > p:last-child, .data-heading > p:last-child, .photo-story-copy > p:last-child { margin: 0; color: #deded6; font-size: clamp(1.05rem, 1.35vw, 1.27rem); line-height: 1.72; }
.product-frame, .progress-visual { min-width: 0; border: 1px solid #575a52; background: #171816; box-shadow: 20px 22px 0 rgba(0,0,0,.17); }
.product-frame { width: min(100%, 610px); justify-self: end; padding: clamp(20px, 3vw, 34px); }
.frame-top, .progress-heading { display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: .75rem; }
.frame-top span:first-child, .progress-heading span { color: var(--text); font-size: 1.05rem; font-weight: 700; letter-spacing: -.03em; }
.exercise-title { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin: clamp(42px, 6vw, 72px) 0 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.exercise-title strong { font-size: clamp(1.75rem, 3vw, 2.7rem); letter-spacing: -.07em; }
.exercise-title span { color: var(--muted); font-size: .75rem; text-align: right; }
.target-strip { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; margin-bottom: 18px; padding: 13px 14px; background: rgba(210,255,0,.08); border-left: 2px solid var(--accent); }
.target-strip span { color: var(--muted); font-size: .75rem; }
.target-strip strong { font-size: 1rem; }
.target-strip b { color: var(--accent); font-size: .625rem; }
.set-table { display: grid; gap: 8px; }
.set-table > div { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1.15fr; gap: 8px; align-items: center; min-height: 48px; padding: 0 13px; border: 1px solid rgba(72,74,69,.72); color: var(--muted); font-size: .75rem; }
.set-table > div:first-child { min-height: 25px; border: 0; color: #8d9188; font-size: .625rem; }
.set-table strong { color: var(--text); font-size: 1rem; }
.set-table span:last-child { justify-self: end; color: var(--accent); font-size: .625rem; }
.set-table .set-active { border-color: var(--accent); background: rgba(210,255,0,.08); }
.frame-footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 25px; color: var(--muted); font-size: .75rem; }
.frame-footer b { color: var(--accent); font-weight: 600; }

.drop-section { padding-block: var(--section-space); background: var(--surface); }
.drop-inner { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(48px, 8vw, 140px); }
.drop-copy > p:last-child { max-width: 590px; margin: 34px 0 0; color: #deded6; font-size: clamp(1.05rem, 1.35vw, 1.25rem); }
.drop-proof { padding: clamp(22px, 3.5vw, 42px); border: 1px solid #60625b; background: var(--surface-deep); box-shadow: 20px 22px 0 rgba(0,0,0,.18); }
.drop-row { display: grid; grid-template-columns: 1fr auto auto; align-items: baseline; gap: clamp(14px, 3vw, 34px); padding: 25px 0; border-bottom: 1px solid var(--line); }
.drop-row span { color: var(--muted); font-size: .75rem; }
.drop-row strong { font-size: clamp(3.4rem, 7vw, 6rem); line-height: .9; letter-spacing: -.08em; }
.drop-row small { margin-left: 5px; color: var(--muted); font-size: .8rem; letter-spacing: 0; }
.drop-row b { font-size: clamp(1.5rem, 3vw, 2.4rem); }
.drop-row-accent { border: 0; color: var(--accent); }
.drop-connector { display: flex; align-items: center; gap: 12px; padding-block: 15px; color: var(--muted); }
.drop-connector span { width: 42px; height: 1px; background: var(--accent); }
.drop-connector em { font-size: .75rem; font-style: normal; }

.image-break { position: relative; display: grid; min-height: clamp(620px, 68vw, 920px); overflow: hidden; isolation: isolate; }
.image-break > img, .image-break-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.image-break > img { z-index: -2; object-fit: cover; object-position: 52% 44%; filter: saturate(.62) brightness(.67); }
.image-break-shade { z-index: -1; background: linear-gradient(90deg, rgba(7,8,7,.84), rgba(7,8,7,.24) 72%), linear-gradient(0deg, rgba(7,8,7,.66), transparent 58%); }
.image-break-copy { align-self: end; padding-top: 100px; padding-bottom: clamp(72px, 9vw, 138px); }
.image-break-copy h2 { font-size: var(--heading-small); }

.feature-progress { grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); }
.progress-visual { width: 100%; padding: clamp(22px, 3vw, 40px); background: radial-gradient(circle at 72% 24%, rgba(210,255,0,.12), transparent 38%), #171816; }
.progress-heading strong { color: var(--muted); font-weight: 400; }
.metric-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 44px; }
.metric-row > div { display: grid; gap: 7px; padding: 18px 0 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.metric-row small { color: var(--muted); font-size: .6875rem; }
.metric-row strong { font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.08em; }
.metric-row i { color: var(--muted); font-size: .8125rem; font-style: normal; letter-spacing: 0; }
.metric-row span { color: var(--accent); font-size: .75rem; }
.growth-chart { width: 100%; height: auto; margin-top: 34px; overflow: visible; }
.chart-grid { fill: none; stroke: rgba(182,182,173,.18); stroke-width: 1; }
.chart-line { fill: none; stroke: var(--accent); stroke-width: 5; stroke-linecap: round; }
.chart-line-muted { stroke: rgba(182,182,173,.42); stroke-width: 2; }
.chart-dot { fill: var(--accent); }
.chart-labels { display: flex; justify-content: space-between; color: var(--muted); font-size: .6875rem; }

.photo-story { padding-block: var(--section-space); background: var(--surface); }
.photo-story-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .52fr); align-items: end; gap: 46px 90px; margin-bottom: clamp(55px, 7vw, 100px); }
.photo-story-copy .section-label { grid-column: 1 / -1; margin-bottom: -15px; }
.photo-story h2 { font-size: var(--heading-small); }
.photo-timeline { position: relative; min-height: clamp(560px, 55vw, 840px); }
.timeline-card { position: absolute; margin: 0; overflow: hidden; border: 1px solid #565951; background: #171816; box-shadow: 18px 20px 0 rgba(0,0,0,.18); }
.timeline-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) brightness(.74); }
.timeline-card figcaption { position: absolute; right: 0; bottom: 0; left: 0; display: grid; gap: 3px; padding: 17px 19px; background: linear-gradient(0deg, rgba(0,0,0,.84), transparent); }
.timeline-card strong { font-size: .8125rem; }
.timeline-card span { color: var(--muted); font-size: .75rem; }
.timeline-card-main { top: 0; left: 4%; width: 67%; height: 84%; z-index: 1; }
.timeline-card-small { right: 4%; bottom: 0; width: 36%; height: 47%; }

.feature-ai { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.ai-frame { justify-self: end; }
.ai-message { max-width: 84%; margin-top: 38px; padding: 13px 15px; border: 1px solid var(--line); font-size: .875rem; line-height: 1.55; }
.ai-message-user { margin-left: auto; background: #30322d; }
.ai-message-answer { display: grid; gap: 9px; margin-top: 13px; background: rgba(210,255,0,.06); }
.ai-message-answer strong { color: var(--accent); font-size: 1.0625rem; }
.ai-message-answer span { color: #deded6; font-size: .8125rem; }
.ai-input { display: flex; justify-content: space-between; margin-top: 64px; padding: 12px 13px; border: 1px solid var(--line); color: var(--muted); font-size: .75rem; }
.ai-input span { color: var(--accent); font-size: 1.2rem; line-height: .8; }

.history-visual { position: relative; display: grid; min-height: clamp(720px, 78vw, 1040px); overflow: hidden; isolation: isolate; }
.history-visual > img, .history-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.history-visual > img { z-index: -2; object-fit: cover; object-position: 50% 48%; filter: saturate(.55) brightness(.55); }
.history-shade { z-index: -1; background: linear-gradient(90deg, rgba(10,11,9,.91), rgba(10,11,9,.48) 60%, rgba(10,11,9,.28)), linear-gradient(0deg, rgba(10,11,9,.7), transparent 54%); }
.history-content { align-self: end; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .75fr); gap: clamp(48px, 8vw, 130px); padding-top: 120px; padding-bottom: clamp(74px, 9vw, 140px); }
.history-proof { align-self: end; border-top: 1px solid rgba(244,244,238,.46); }
.history-proof div { display: grid; grid-template-columns: minmax(100px, .45fr) 1fr; gap: 16px; padding: 17px 0; border-bottom: 1px solid rgba(244,244,238,.25); }
.history-proof span { color: var(--muted); font-size: .75rem; }
.history-proof strong { font-size: 1rem; }

.data-section {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: clamp(48px, 8vw, 130px);
  width: 100%;
  max-width: none;
  padding-top: var(--section-space);
  padding-right: max(var(--page-gutter), calc((100vw - var(--content-width)) / 2 + var(--page-gutter)));
  padding-bottom: var(--section-space);
  padding-left: max(var(--page-gutter), calc((100vw - var(--content-width)) / 2 + var(--page-gutter)));
  overflow: hidden;
  background: #252525;
}

.data-section::before,
.data-section::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.data-section::before {
  z-index: -2;
  background-image: url("assets/data-portability-bg.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: max(1280px, 100%) auto;
  opacity: .66;
}

.data-section::after {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(37, 37, 37, .98) 0%, rgba(37, 37, 37, .94) 31%, rgba(37, 37, 37, .72) 53%, rgba(37, 37, 37, .54) 100%),
    linear-gradient(180deg, rgba(37, 37, 37, .42), rgba(37, 37, 37, .72));
}
.data-heading { position: sticky; top: 110px; }
.data-heading h2 { margin-bottom: 34px; }
.data-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.data-grid article { min-height: 196px; padding: 28px 25px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.data-grid article:nth-child(even) { border-right: 0; }
.data-grid strong { display: block; margin-bottom: 13px; color: var(--accent); font-size: 1rem; }
.data-grid p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.7; }

.final-cta { position: relative; display: grid; min-height: clamp(680px, 74vw, 980px); overflow: hidden; isolation: isolate; }
.final-cta > img, .final-cta-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.final-cta > img { z-index: -2; object-fit: cover; object-position: 34% 50%; filter: saturate(.7) brightness(.68); }
.final-cta-shade { z-index: -1; background: linear-gradient(90deg, rgba(7,8,7,.78), transparent 73%), linear-gradient(0deg, rgba(7,8,7,.82), transparent 58%); }
.final-cta-content { align-self: end; padding-top: 110px; padding-bottom: clamp(70px, 9vw, 140px); }
.final-brand { display: flex; align-items: center; gap: 16px; }
.final-icon { width: 54px; height: 54px; object-fit: contain; filter: invert(1); }
.final-logo { width: min(210px, 48vw); }
.final-cta-content > p { margin: 28px 0 0; color: #e8e8e1; font-size: clamp(1rem, 1.4vw, 1.25rem); }
.final-cta h2 { margin: 30px 0 0; font-size: clamp(4.2rem, 8.5vw, 8.7rem); font-weight: 800; line-height: .88; letter-spacing: -.09em; }

.growth-footer { width: min(100%, var(--wide-width)); margin-inline: auto; display: flex; justify-content: space-between; gap: 30px; padding: 28px var(--page-gutter) 34px; border-top: 1px solid var(--line); }
.footer-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 12px; color: var(--muted); font-size: .6875rem; }
.footer-growth { width: auto; gap: 10px; margin-right: 6px; }
.footer-company { display: inline-flex; align-items: center; gap: 7px; color: var(--text); font-size: .6875rem; letter-spacing: .05em; }
.footer-company:hover { color: var(--accent); }
.footer-company img { width: 18px; height: 18px; object-fit: contain; }
.footer-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: flex-start; gap: 8px 18px; color: var(--muted); font-size: .6875rem; }
.footer-meta small { flex-basis: 100%; text-align: right; font-size: .6875rem; }

.contact-page { min-height: calc(100svh - 70px); }
.contact-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr); align-items: end; gap: clamp(46px, 8vw, 120px); padding-top: clamp(100px, 12vw, 180px); padding-bottom: clamp(82px, 10vw, 138px); }
.contact-heading > img { width: 58px; height: 58px; margin-bottom: 30px; object-fit: contain; filter: invert(1); }
.contact-heading h1 { margin: 0; font-size: var(--heading); font-weight: 800; line-height: .96; letter-spacing: -.075em; }
.contact-heading h1 em { color: var(--accent); font-style: normal; }
.contact-hero > p { margin: 0; color: #deded6; font-size: clamp(1.05rem, 1.35vw, 1.24rem); line-height: 1.75; }
.form-message { display: grid; gap: 3px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.form-message strong { color: var(--accent); }
.form-message span { color: var(--muted); }
.form-message.error strong { color: #ff8b72; }
.contact-form-wrap { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .5fr); align-items: start; gap: clamp(44px, 8vw, 120px); padding-top: 36px; padding-bottom: var(--section-space); }
.growth-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.growth-contact-form label { display: grid; gap: 10px; }
.growth-contact-form label > span { color: var(--text); font-size: .82rem; font-weight: 700; }
.growth-contact-form label small { color: var(--muted); font-size: .72rem; font-weight: 400; }
.growth-contact-form input, .growth-contact-form select, .growth-contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 0; background: #171816; color: var(--text); }
.growth-contact-form input, .growth-contact-form select { min-height: 52px; padding: 0 14px; }
.growth-contact-form textarea { min-height: 210px; padding: 14px; resize: vertical; }
.growth-contact-form input:focus, .growth-contact-form select:focus, .growth-contact-form textarea:focus { border-color: var(--accent); outline: 0; }
.growth-contact-form textarea::placeholder { color: #777970; }
.growth-contact-form .form-message-field { grid-column: 1 / -1; }
.growth-contact-form button { grid-column: 1 / -1; justify-self: start; min-height: 52px; padding: 0 24px; border: 1px solid var(--accent); background: var(--accent); color: #151613; font-weight: 800; cursor: pointer; }
.growth-contact-form button:hover { background: transparent; color: var(--accent); }
.hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.contact-aside { display: grid; gap: 8px; padding-top: 28px; border-top: 1px solid var(--line); }
.contact-aside p { margin: 0; color: var(--muted); font-size: .9rem; }
.contact-aside a { color: var(--accent); overflow-wrap: anywhere; }
.contact-aside small { color: var(--muted); font-size: .75rem; }

@media (max-width: 1050px) {
  .feature-section, .drop-inner, .history-content, .data-section { grid-template-columns: 1fr; }
  .product-frame, .ai-frame { justify-self: start; }
  .data-heading { position: static; }
  .photo-story-copy { grid-template-columns: 1fr; }
  .photo-story-copy .section-label { grid-column: 1; margin-bottom: -18px; }
  .contact-hero, .contact-form-wrap { grid-template-columns: 1fr; }
  .contact-hero > p { max-width: 640px; }
}

@media (max-width: 760px) {
  :root { --section-space: 90px; --heading: clamp(2.55rem, 10.7vw, 3.65rem); --heading-small: clamp(2.45rem, 10.2vw, 3.45rem); --page-gutter: 18px; }
  .growth-header { grid-template-columns: auto 1fr auto; height: 64px; padding-inline: 18px; }
  .brand { width: 112px; }
  .growth-header-icon, .footer-growth-icon { flex-basis: 24px; width: 24px; height: 24px; }
  .growth-brand .brand, .footer-growth > img { width: 96px; }
  .hero-product-icon { flex-basis: 36px; width: 36px; height: 36px; }
  .hero-product > img.hero-product-logo { width: 144px; height: auto; }
  .growth-nav { position: absolute; top: 63px; right: 0; left: 0; display: none; grid-template-columns: 1fr 1fr; padding: 10px 18px 16px; border-bottom: 1px solid var(--line); background: var(--bg); }
  .growth-nav.is-open { display: grid; }
  .contact-nav { display: none; }
  .growth-nav a { min-height: 44px; padding: 12px 0; border-bottom: 1px solid var(--line); }
  .growth-menu { display: inline-block; }
  .contact-page + .growth-footer { margin-top: 0; }
  .hero { min-height: 780px; }
  .hero-media { object-position: 59% 43%; }
  .hero-shade { background: linear-gradient(180deg, rgba(8,9,8,.35), rgba(8,9,8,.88) 67%), linear-gradient(90deg, rgba(8,9,8,.36), transparent); }
  .hero-copy { padding-top: 100px; padding-bottom: 34px; }
  .hero-product { margin-bottom: 20px; }
  .hero-product img { width: 36px; height: 36px; }
  .hero-description { margin-top: 28px; font-size: 1rem; }
  .hero h1 { font-size: clamp(3.8rem, 17vw, 5rem); }
  .store-cta { margin-top: 28px; }
  .value-hero { min-height: 720px; }
  .value-hero > img { object-position: 61% 50%; }
  .value-shade { background: linear-gradient(180deg, rgba(8,9,8,.16), rgba(8,9,8,.84) 73%); }
  .value-copy { padding-bottom: 58px; }
  .value-copy > p:last-child, .image-break-copy > p:last-child, .history-copy > p:last-child { margin-top: 27px; font-size: 1rem; }
  .feature-section { gap: 52px; }
  .feature-copy h2 { margin-bottom: 28px; }
  .product-frame { width: 100%; padding: 20px; box-shadow: 12px 14px 0 rgba(0,0,0,.16); }
  .target-strip { grid-template-columns: 1fr auto; }
  .target-strip b { grid-column: 2; }
  .drop-inner { gap: 48px; }
  .drop-proof { box-shadow: 12px 14px 0 rgba(0,0,0,.16); }
  .drop-row strong { font-size: clamp(3rem, 16vw, 4.5rem); }
  .image-break { min-height: 680px; }
  .image-break > img { object-position: 58% 45%; }
  .image-break-shade { background: linear-gradient(180deg, rgba(7,8,7,.2), rgba(7,8,7,.87) 72%); }
  .image-break-copy { padding-bottom: 58px; }
  .metric-row { margin-top: 36px; }
  .metric-row strong { font-size: clamp(1.75rem, 8vw, 2.7rem); }
  .photo-story-copy { margin-bottom: 50px; }
  .photo-timeline { min-height: 500px; }
  .timeline-card-main { left: 0; width: 78%; height: 77%; }
  .timeline-card-small { right: 0; width: 44%; height: 42%; }
  .history-visual { min-height: 860px; }
  .history-visual > img { object-position: 50% 50%; }
  .history-shade { background: linear-gradient(180deg, rgba(10,11,9,.33), rgba(10,11,9,.9) 63%); }
  .history-content { gap: 48px; padding-bottom: 60px; }
  .data-grid { grid-template-columns: 1fr; }
  .data-grid article, .data-grid article:nth-child(even) { min-height: 0; border-right: 0; }
  .data-section {
    padding-right: var(--page-gutter);
    padding-left: var(--page-gutter);
  }
  .data-section::before {
    background-position: 82% 78%;
    background-size: auto 76%;
    opacity: .5;
  }
  .data-section::after {
    background:
      linear-gradient(180deg, rgba(37, 37, 37, .98) 0%, rgba(37, 37, 37, .92) 42%, rgba(37, 37, 37, .76) 100%),
      linear-gradient(90deg, rgba(37, 37, 37, .9), rgba(37, 37, 37, .58));
  }
  .final-cta { min-height: 720px; }
  .final-cta > img { object-position: 46% 52%; }
  .final-brand { gap: 12px; }
  .final-icon { width: 46px; height: 46px; }
  .final-logo { width: 175px; }
  .final-cta h2 { font-size: clamp(3.9rem, 16.5vw, 5.2rem); }
  .growth-footer { flex-direction: column; gap: 22px; padding: 28px 18px; }
  .footer-meta { justify-content: flex-start; }
  .footer-meta small { text-align: left; }
  .contact-hero { padding-top: 90px; padding-bottom: 70px; }
  .contact-heading > img { width: 48px; height: 48px; }
  .growth-contact-form { grid-template-columns: 1fr; }
  .growth-contact-form .form-message-field, .growth-contact-form button { grid-column: 1; }
}

@media (max-width: 430px) {
  :root { --page-gutter: 16px; }
  .growth-header { padding-inline: 16px; }
  .hero h1 { font-size: 16.3vw; }
  .value-copy h2, .feature-copy h2, .drop-copy h2, .image-break-copy h2, .photo-story h2, .history-copy h2, .data-heading h2, .contact-heading h1 { font-size: 2.48rem; }
  .set-table > div { padding-inline: 10px; }
  .drop-row { grid-template-columns: .8fr 1fr auto; }
  .drop-row b { font-size: 1.35rem; }
  .photo-timeline { min-height: 420px; }
  .history-proof div { grid-template-columns: 88px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero-media { display: none; }
}

/* Mobile MENU alignment only; retain heights, logo and button dimensions. */
@media (max-width:760px){.growth-header:has(> .growth-menu){grid-template-columns:auto 1fr;column-gap:84px}}