.growth-page {
  --growth-ink: #17345a;
  --growth-muted: #475569;
  color: var(--growth-ink);
}
.growth-page a { text-underline-offset: 4px; }
.growth-page a:focus-visible, .growth-page button:focus-visible, .growth-page summary:focus-visible {
  outline: 3px solid #174ca0;
  outline-offset: 5px;
}
.growth-skip { position: fixed; top: -100px; left: 16px; z-index: 3000; padding: 12px 20px; background: white; }
.growth-skip:focus { top: 12px; }
.growth-nav-actions { display: flex; align-items: center; gap: 24px; }
.growth-nav-actions > a:first-child { font-size: 14px; color: var(--growth-ink); }
.growth-page .nav-content { gap: 20px; }
.growth-page .nav-links { gap: 24px; }
.growth-page .growth-hero { padding: 132px 0 72px; }
.growth-page .hero .landing-container { display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 48px; }
.growth-page .hero-content { display: block; text-align: left; }
.growth-page .hero h1 { font-size: clamp(34px, 3.9vw, 54px); line-height: 1.13; letter-spacing: -0.035em; margin: 20px 0; }
.growth-page .hero-subtitle { display: block; font-size: 18px; line-height: 1.75; color: var(--growth-muted); margin-bottom: 24px; }
.growth-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; font-size: 14px; margin-bottom: 30px; }
.growth-page .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 16px; justify-content: flex-start; }
.growth-page .hero-btn-primary, .growth-page .hero-btn-secondary { font: inherit; font-weight: 600; cursor: pointer; padding: 14px 20px; }
.growth-page .hero-btn-primary { background: #2563bd; color: white; }
.growth-page .hero-btn-secondary { background: white; color: var(--growth-ink); border: 1px solid #b5c8df; }
.growth-note { font-size: 14px; line-height: 1.7; color: var(--growth-muted); }
.growth-note a, .growth-section p a { color: #215fae; }
.growth-visual { margin: 0; background: white; border-radius: 24px; overflow: hidden; border: 1px solid #d5e2f0; box-shadow: 0 24px 60px #17345a12; }
.growth-visual img { width: 100%; height: auto; display: block; }
.growth-visual figcaption { padding: 24px; color: var(--growth-ink); font-weight: 650; }
.growth-visual figcaption span { display: block; font-size: 12px; color: var(--growth-muted); font-weight: 400; margin-top: 8px; }
.growth-section { padding: 76px 0; scroll-margin-top: 100px; }
.growth-alt { background: var(--landing-bg-alt); }
.growth-section h2 { font-size: clamp(27px, 3vw, 36px); line-height: 1.25; letter-spacing: -0.025em; margin: 14px 0 20px; }
.growth-section h3 { font-size: 21px; line-height: 1.4; margin: 16px 0 12px; }
.growth-section p { color: var(--growth-muted); line-height: 1.8; }
.growth-intro { max-width: 790px; margin-bottom: 36px; }
.growth-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.growth-card { border: 1px solid var(--landing-border); padding: 28px; border-radius: 20px; background: white; }
.growth-card p { margin-bottom: 0; }
.growth-number { display: inline-block; color: #215fae; background: var(--landing-primary-light); border-radius: 10px; padding: 8px 12px; font-weight: 700; }
.growth-steps { padding-left: 24px; max-width: 880px; }
.growth-steps li { padding: 0 0 20px 20px; }
.growth-steps li::marker { color: #215fae; font-weight: 700; }
.growth-checklist-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.growth-checklist { list-style: none; padding: 12px 28px; background: var(--landing-primary-light); border-radius: 20px; margin: 0; }
.growth-checklist li { padding: 18px 0; border-bottom: 1px solid #bed1e8; }
.growth-checklist li:last-child { border: 0; }
.growth-faq { max-width: 940px; }
.growth-faq details { border-bottom: 1px solid #cbd5e1; padding: 22px 0; }
.growth-faq summary { cursor: pointer; font-size: 18px; font-weight: 650; }
.growth-faq details p { margin-bottom: 0; }
.growth-demo { border: 1px solid #d5e2f0; border-radius: 24px; padding: 40px; background: linear-gradient(135deg, #f3f8ff, white); }
.growth-demo > div:first-child { max-width: 780px; }
.growth-booking-placeholder { font-size: 14px; }
.growth-related { display: flex; flex-wrap: wrap; gap: 16px; margin: 28px 0; }
.growth-related a { padding: 16px 20px; background: white; border: 1px solid #cbd5e1; border-radius: 12px; color: #215fae; font-weight: 600; }
.growth-page .footer-links h2 { font-size: 14px; color: white; margin: 0 0 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.growth-page .footer-bottom p { color: #94a3b8; }
@media (max-width: 1024px) {
  .growth-page .hero .landing-container { grid-template-columns: 1fr; }
  .growth-visual { max-width: 600px; }
  .growth-page .nav-links { display: none; }
  .growth-grid { gap: 16px; }
  .growth-card { padding: 20px; }
}
@media (max-width: 700px) {
  .growth-page .landing-container { padding-left: 20px; padding-right: 20px; }
  .growth-page .nav-logo img { width: 118px; height: auto; }
  .growth-nav-actions { gap: 0; }
  .growth-nav-actions > a:first-child { display: none; }
  .growth-nav-actions .nav-btn-primary { display: inline-flex; font-size: 12px; padding: 10px 12px; }
  .growth-page .growth-hero { padding: 112px 0 48px; }
  .growth-page .hero .landing-container { gap: 28px; }
  .growth-page .hero h1 { font-size: 36px; }
  .growth-page .hero-subtitle { font-size: 17px; }
  .growth-grid, .growth-checklist-layout { grid-template-columns: 1fr; gap: 24px; }
  .growth-section { padding: 48px 0; }
  .growth-demo { padding: 24px 20px; }
  .growth-page .hero-actions > * { width: 100%; justify-content: center; text-align: center; }
  .growth-steps li { padding-left: 8px; }
  .growth-page .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .growth-page .footer-brand { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .growth-page *, .growth-page *::before, .growth-page *::after { animation: none; transition: none; scroll-behavior: auto; }
}