/* Product Advance Growth System visual reskin */
:root {
  --navy-950: #010e16;
  --navy-900: #031b28;
  --navy-850: #062a39;
  --navy-800: #093b4a;
  --teal-700: #087174;
  --teal-600: #0e9494;
  --aqua: #55c9c8;
  --aqua-light: #9deade;
  --coral: #f06452;
  --coral-dark: #d94e43;
  --sand: #f1ece3;
  --sand-deep: #e4dbce;
  --paper: #f8f6f1;
  --white: #fbfdfc;
  --display: 'Cabinet Grotesk', Arial, sans-serif;
  --sans: 'Switzer', Arial, sans-serif;
  --shadow: 0 34px 84px rgba(0, 12, 19, .34);
  --shadow-soft: 0 18px 42px rgba(4, 26, 38, .13);
  --radius-sm: 9px;
  --radius: 16px;
  --radius-lg: 24px;
}

body {
  background: #010d14;
  letter-spacing: -.006em;
}

main, .site-footer { box-shadow: 0 0 110px rgba(0, 5, 9, .58); }
h1, h2 { line-height: .94; letter-spacing: -.048em; text-wrap: balance; }
h3, h4, strong { letter-spacing: -.012em; }

.site-header {
  border-bottom: 1px solid rgba(157, 234, 222, .09);
  background: rgba(1, 14, 22, .52);
}

.site-header.is-scrolled {
  border-bottom-color: rgba(157, 234, 222, .15);
  background: rgba(1, 14, 22, .86);
  box-shadow: 0 12px 44px rgba(0, 8, 13, .22);
}

.site-nav a::after { height: 1px; }

.button {
  min-height: 52px;
  border-radius: 9px;
  padding-inline: 25px;
  letter-spacing: -.01em;
}

.button-coral {
  background: linear-gradient(135deg, #f47761, var(--coral));
  box-shadow: 0 12px 32px rgba(240, 100, 82, .24);
}

.hero { background: #031b28; }

.hero-background {
  filter: saturate(.86) contrast(1.04);
  transform: scale(1.015);
}

.hero-shade {
  background:
    radial-gradient(circle at 72% 28%, rgba(60, 192, 186, .09), transparent 32%),
    linear-gradient(90deg, rgba(1, 15, 23, .97) 0%, rgba(2, 20, 29, .9) 34%, rgba(2, 20, 29, .35) 67%, rgba(1, 14, 21, .3)),
    linear-gradient(0deg, rgba(1, 17, 25, .96) 0%, transparent 44%);
}

.growth-wordmark {
  width: max-content;
  margin-bottom: 20px;
  color: var(--aqua-light);
}

.growth-wordmark span {
  display: block;
  text-align: left;
  font: 700 .92rem/1 var(--mono);
  letter-spacing: .22em;
}

.growth-wordmark svg { display: none; }

.hero-copy { max-width: 790px; }
.hero-copy h1 { max-width: 780px; }
.hero-subhead { color: #fff; }

.device-stage { overflow: visible; }

.laptop {
  border: 1px solid rgba(157, 234, 222, .23);
  border-radius: 20px;
  background: rgba(2, 18, 27, .92);
  box-shadow: 0 42px 90px rgba(0, 8, 13, .58), 0 0 70px rgba(48, 179, 176, .09);
}

.phone {
  width: 30.5%;
  right: 0;
  top: 108px;
  filter: drop-shadow(0 34px 50px rgba(0, 8, 13, .62));
}

.phone img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.promise-rail {
  border-color: rgba(157, 234, 222, .14);
  background: rgba(2, 22, 32, .62);
  backdrop-filter: blur(18px);
}

.paper-section {
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(5, 47, 61, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5, 47, 61, .025) 1px, transparent 1px);
  background-size: 44px 44px;
}

.paper-section::after { opacity: .08; }

.source-card, .stage-card, .email-cards > div, .owner-card,
.asset-grid article, .why-stat, .tech-cards article { border-width: 1px; }

.source-card {
  border-color: rgba(6, 64, 79, .12);
  border-radius: 12px;
  box-shadow: 0 16px 34px rgba(5, 36, 47, .08);
}

.source-referrals { left: 0; bottom: 0; }
.source-local { right: 0; bottom: 0; }
.source-referrals svg { stroke: var(--gold); }
.source-local svg { stroke: var(--teal-600); }

.engine {
  background:
    radial-gradient(circle at 72% 100%, rgba(40, 150, 151, .25), transparent 40%),
    linear-gradient(145deg, #010f18, #042735 54%, #031822);
}

.engine-line::before { height: 1px; opacity: .56; }

.stage-card {
  border-color: rgba(157, 234, 222, .13);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
  box-shadow: 0 20px 45px rgba(0, 10, 15, .22);
}

.stage-icon { border-radius: 11px; }

.website-vision {
  background:
    radial-gradient(circle at 82% 12%, rgba(85, 201, 200, .16), transparent 32%),
    linear-gradient(145deg, #052936, #074750 60%, #052733);
}

.website-vision::after { opacity: .08; }
.browser-concept { border-color: rgba(157, 234, 222, .2); border-radius: 18px; }
.sms-vision { background: radial-gradient(circle at 92% 12%, rgba(85, 201, 200, .13), transparent 30%), #f0f5f2; }
.message-phone { border-width: 5px; border-radius: 28px 28px 0 0; }
.email-system { background: #f7f4ed; }
.partnership { background: linear-gradient(145deg, #fbfaf6, #ece5da); }

.owner-card, .email-cards > div, .tech-cards article, .why-stat {
  border-radius: 13px;
  box-shadow: 0 14px 34px rgba(4, 33, 44, .07);
}

.client-row span { border-radius: 8px; background: transparent; }

.beyond {
  background:
    radial-gradient(circle at 20% 115%, rgba(20, 158, 154, .28), transparent 43%),
    linear-gradient(130deg, #021923, #064d50 55%, #02212b);
}

.asset-grid article {
  border-color: rgba(157, 234, 222, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .055);
}

.closing > img { object-position: center 51%; filter: saturate(.9) contrast(1.02); }

.closing-shade {
  background:
    linear-gradient(90deg, rgba(2, 17, 25, .96) 0%, rgba(2, 17, 25, .82) 44%, rgba(2, 17, 25, .2) 72%, rgba(2, 17, 25, .14)),
    linear-gradient(0deg, rgba(2, 17, 25, .65), transparent 55%);
}

.contact-dialog, .pitch-dialog {
  border-color: rgba(157, 234, 222, .2);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(55, 177, 173, .14), transparent 35%),
    linear-gradient(145deg, #062a38, #011822);
}

.pitch-slide h3 { letter-spacing: -.045em; }

.intro-overlay {
  background:
    radial-gradient(circle at 50% 45%, rgba(67, 191, 186, .12), transparent 30%),
    linear-gradient(145deg, #010e16, #032b38);
}

.intro-wordmark { font-family: var(--display); letter-spacing: -.045em; }

.modal-price {
  width: fit-content;
  margin: 18px 0 0 !important;
  padding: 10px 13px;
  border: 1px solid rgba(157, 234, 222, .16);
  border-radius: 9px;
  color: rgba(255,255,255,.78) !important;
  background: rgba(157, 234, 222, .055);
  font-size: .84rem;
}

.modal-price strong { color: var(--aqua-light); }

@media (max-width: 900px) {
  .hero-shade {
    background: linear-gradient(180deg, rgba(1,16,24,.95) 0%, rgba(1,19,28,.78) 50%, rgba(1,17,25,.28) 72%, rgba(1,18,27,.95) 100%);
  }

  .phone {
    width: min(22.5%, 160px);
    right: 2%;
    top: 48px;
  }
}

@media (max-width: 700px) {
  .growth-wordmark span { font-size: .78rem; }
  .hero-copy h1 { line-height: .96; }
  .phone {
    width: min(31%, 132px);
    right: 1%;
    top: 62px;
  }
  .closing > img { object-position: 67% center; }
  .closing-shade { background: linear-gradient(180deg, rgba(2,17,25,.92), rgba(2,17,25,.69) 58%, rgba(2,17,25,.24)); }
}

@media (max-width: 430px) {
  .phone {
    width: min(31%, 132px);
    right: 1%;
    top: 60px;
  }
}