.ai-hero-section { position: relative; min-height: auto; display: flex; align-items: center; padding: 0; }
.ai-hero-content-wrap { position: relative; width: 100%; padding: 0 1rem; }
.ai-hero-grid { display: grid; grid-template-columns: 1fr; align-items: center; max-width: 80rem; margin: 0 auto; }
.ai-hero-grid > * + * { margin-top: 2rem; }
.ai-hero-content { text-align: center; position: relative; z-index: 20; }
.ai-hero-trust { display: flex; flex-direction: column; align-items: center; margin-bottom: 0.5rem; }
.ai-hero-trust > * + * { margin-top: 0.5rem; }
.ai-hero-trust-image { width: auto; height: 2.5rem; box-shadow: 0 10px 24px rgba(2,6,23,.35); }
/* Trust line under avatars: always centered. At 1024px+ .ai-hero-content is text-align:left — flex + explicit text-align beat inheritance/cascade. */
.ai-hero-trust .testimonials-trust-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.ai-hero-trust .testimonials-trust-text {
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ai-hero-wish-text,
.hero-wish-text {
  color: #bfdbfe;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  text-align: center;
}
.ai-hero-title { font-size: clamp(1.125rem, 4vw, 3rem); font-weight: 700; color: #fff; margin: 0 0 1rem; line-height: 1.25; padding: 0 .5rem; }
.ai-hero-subtitle { font-size: clamp(1.125rem, 2.5vw, 1.5rem); color: #dbeafe; margin: 0 0 1.5rem; line-height: 1.6; padding: 0 .75rem; }
.ai-hero-benefits { display: flex; flex-direction: column; margin: 0 0 2rem; padding: 0; gap: 0; }
.ai-hero-benefit-item + .ai-hero-benefit-item,
.hero-benefit-item + .hero-benefit-item { margin-top: 0.375rem; }
.ai-hero-benefit-item,
.hero-benefit-item { display: flex; justify-content: flex-start; align-items: flex-start; gap: 0; color: #bfdbfe; font-size: clamp(1rem, 2vw, 1.25rem); }
.ai-hero-benefit-check,
.hero-benefit-check { width: 1.25rem; height: 1.25rem; margin-top: 0.25rem; margin-right: 0.5rem; flex-shrink: 0; }
.ai-hero-benefit-text { text-align: left; line-height: 1.6; }
.ai-hero-cta-section { margin: 0 0 2rem; padding: 0 .75rem; }
.ai-hero-countdown-box { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 42rem; padding: 1rem; }
.ai-hero-countdown-text { font-size: clamp(1.125rem, 2vw, 1.5rem); }
.ai-hero-countdown-date { color: #93c5fd; font-weight: 600; }
.ai-hero-primary-cta { font-size: clamp(1.125rem,2vw,1.25rem); padding: .75rem 1.5rem; width: 100%; }
.ai-hero-right-column { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 10; }
.ai-hero-media-wrap { width: 100%; max-width: 42rem; }
.ai-hero-media-wrap-mobile { display: flex; justify-content: center; }
.ai-hero-gif-shell { background: color-mix(in srgb, var(--ai-color-black) 90%, transparent); backdrop-filter: blur(6px); border-radius: 1rem; border: 1px solid color-mix(in srgb, var(--ai-color-gray) 35%, transparent); }
.ai-hero-gif-image { border-radius: .5rem; max-width: 100%; height: auto; }
.ai-hero-desktop-shell { background: color-mix(in srgb, var(--ai-color-black) 90%, transparent); backdrop-filter: blur(6px); border-radius: 1rem; padding: 2rem; border: 1px solid color-mix(in srgb, var(--ai-color-gray) 35%, transparent); }
.ai-hero-code-row { display: flex; align-items: center; margin-bottom: 1.5rem; }
.ai-hero-code-col { color: var(--ai-color-white); flex: 1; }
.ai-hero-scroll-text { font-family: Inter, sans-serif; font-size: .875rem; min-height: 5rem; overflow: hidden; position: relative; padding: .5rem; }
.ai-hero-scroll-line { white-space: nowrap; flex-shrink: 0; height: 100%; display: flex; align-items: center; padding: 0 .5rem; }
.ai-hero-ai-circle-wrap { display: flex; align-items: center; justify-content: center; }
.ai-hero-ai-circle-text { color: var(--ai-color-white); font-weight: 900; font-size: 1.125rem; letter-spacing: .1em; text-transform: uppercase; }
.ai-hero-building-header { display: flex; align-items: center; margin-bottom: 1rem; }
.ai-hero-building-icon { width: 1rem; height: 1rem; margin-right: .5rem; }
.ai-hero-building-label { font-weight: 500; }
.ai-hero-building-shell { background: var(--ai-color-surface); border-radius: .5rem; padding: 1rem; box-shadow: 0 10px 24px color-mix(in srgb, var(--ai-color-black) 35%, transparent); border: 1px solid color-mix(in srgb, var(--ai-color-gray) 30%, transparent); }
.ai-hero-building-stack { display: flex; flex-direction: column; }
.ai-hero-building-stack > * + * { margin-top: .75rem; }
.ai-hero-building-lines { display: flex; flex-direction: column; }
.ai-hero-building-lines > * + * { margin-top: .5rem; }
.ai-hero-building-line { height: 1.5rem; background: color-mix(in srgb, var(--ai-color-gray) 30%, var(--ai-color-surface) 70%); border-radius: .375rem; display: flex; align-items: center; padding: 0 .75rem; }
.ai-hero-building-line-inner { height: .5rem; background: color-mix(in srgb, var(--ai-color-gray) 55%, var(--ai-color-surface) 45%); border-radius: .25rem; }
.ai-hero-building-button { height: 2rem; background: linear-gradient(135deg, var(--ai-color-accent), color-mix(in srgb, var(--ai-color-accent) 70%, var(--ai-color-black) 30%)); border-radius: .375rem; display: flex; align-items: center; justify-content: center; }
.ai-hero-building-button-inner { height: .5rem; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-color-accent) 20%, var(--ai-color-white) 80%), color-mix(in srgb, var(--ai-color-accent) 35%, var(--ai-color-white) 65%)); border-radius: .25rem; }
.ai-hero-author-wrap { width: 100%; max-width: 42rem; margin: 1.5rem 0 5rem; }
.ai-hero-author-card { border-radius: 1rem; padding: 1.5rem; }
.ai-hero-author-row { display: flex; align-items: center; }
.ai-hero-author-row > * + * { margin-left: 1rem; }
.ai-hero-author-photo-col { flex-shrink: 0; }
.ai-hero-author-photo-shell { width: 4rem; height: 4rem; border-radius: 9999px; overflow: hidden; background: linear-gradient(135deg,#60a5fa,#2563eb); }
.ai-hero-author-photo { width: 100%; height: 100%; object-fit: cover; }
.ai-hero-author-fallback { width: 100%; height: 100%; background: linear-gradient(135deg,#60a5fa,#2563eb); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.25rem; }
.ai-hero-author-copy-col { flex: 1; }
.ai-hero-author-title { font-size: clamp(1rem,2vw,1.25rem); font-weight: 600; margin-bottom: .25rem; }
.ai-hero-author-name { font-weight: 700; white-space: nowrap; }
.ai-hero-author-stats-row { display: flex; align-items: center; }
.ai-hero-author-stats-row > * + * { margin-left: .5rem; }
.ai-hero-author-stats-text { font-size: clamp(.75rem,1.5vw,.875rem); color: #d1d5db; font-weight: 500; }

.ai-pricing-intro-section {}
.ai-pricing-intro-heading { text-align: center; margin-bottom: 3rem; }
.ai-pricing-intro-copy { font-size: clamp(1.125rem,2vw,1.25rem); color: #e2e8f0; max-width: 72rem; margin: 0 auto 2rem; padding: 0 1rem; }
.ai-pricing-intro-grid { display: grid; grid-template-columns: 1fr; align-items: center; }
.ai-pricing-intro-grid > * + * { margin-top: 2rem; }
.ai-pricing-intro-left { display:flex; justify-content:center; }
.ai-pricing-intro-list { display:flex; flex-direction:column; text-align:left; }
.ai-pricing-intro-list > * + * { margin-top: 1rem; }
.ai-pricing-intro-item { display:flex; align-items:flex-start; justify-content:flex-start; }
.ai-pricing-intro-check { width:1.25rem; height:1.25rem; color:var(--ai-color-accent); flex-shrink:0; margin-right:.75rem; margin-top:0.15em; }
.ai-pricing-lead-text { font-size: 1.25rem; flex: 1; min-width: 0; }
.ai-pricing-intro-right { display:flex; justify-content:center; }
.ai-pricing-visual { border-radius:.5rem; max-width:100%; height:auto; }
.ai-pricing-main-wrap { max-width: 42rem; margin: 0 auto; padding: 0 .5rem; }
.ai-pricing-main-item { position: relative; }
.ai-pricing-badge-wrap { display:flex; justify-content:center; align-items:center; width:100%; padding:0 1rem; margin:0 0 1rem; }
.ai-pricing-badge { background: linear-gradient(90deg,#2563eb,#1e40af); color:#fff; padding:.375rem 1rem; border-radius:9999px; font-size:.75rem; font-weight:600; box-shadow:0 10px 24px rgba(2,6,23,.35); border:1px solid rgba(96,165,250,.3); text-align:center; white-space:nowrap; }
.ai-pricing-card { border-color:#2563eb; box-shadow:0 25px 50px rgba(2,6,23,.4); height:100%; padding:2.5rem 2rem; }
.ai-pricing-subtitle { font-size:var(--font-size-subheading); margin:0 0 2rem; text-align:center; color:#60a5fa; line-height:1.4; }
.ai-pricing-features { display:flex; flex-direction:column; margin:0 0 2rem; padding:0; flex-grow:1; }
.ai-pricing-features > * + * { margin-top: 1rem; }
.ai-pricing-features:empty { display:none; }
.ai-pricing-feature-item { display:flex; align-items:flex-start; }
.ai-pricing-feature-check { width:1.25rem; height:1.25rem; color:#60a5fa; margin:.25rem .75rem 0 0; flex-shrink:0; }
.ai-pricing-feature-text { color:var(--color-text-secondary); font-size:var(--font-size-standard); line-height:1.6; }
.ai-pricing-cta-block { padding:0; }
.ai-pricing-cta-wrap { width:100%; display:flex; flex-direction:column; }
.ai-pricing-cta-wrap > * + * { margin-top: 2rem; }
.ai-pricing-cta { position:relative; width:100%; overflow:hidden; background:#1e40af; color:#fff; font-weight:700; font-size:var(--font-size-standard); padding:1.25rem 1.5rem; border-radius:1rem; box-shadow:0 25px 50px rgba(2,6,23,.45); border:1px solid rgba(37,99,235,.5); display:flex; align-items:center; justify-content:center; transition:all .4s; line-height:1.2; }
.ai-pricing-cta:hover { background:#1e3a8a; transform:scale(1.02); box-shadow:0 25px 50px rgba(59,130,246,.35); border-color:rgba(59,130,246,.7); }
.ai-pricing-cta-content { position:relative; display:flex; align-items:center; justify-content:center; }
.ai-pricing-cta-content > * + * { margin-left: .875rem; }
.ai-pricing-cta-icon-wrap { background:rgba(255,255,255,.2); border-radius:9999px; padding:.375rem; transition:background-color .3s; flex-shrink:0; }
.group:hover .ai-pricing-cta-icon-wrap { background:rgba(255,255,255,.3); }
.ai-pricing-cta-icon { width:1.25rem; height:1.25rem; }
.ai-pricing-cta-text-wrap { text-align:center; }
.ai-pricing-cta-text { font-size:var(--font-size-standard); font-weight:700; line-height:1.2; }
.ai-pricing-cta-glow { position:absolute; inset:0; border-radius:1rem; background:linear-gradient(90deg,rgba(96,165,250,.4),rgba(59,130,246,.4),rgba(37,99,235,.4)); opacity:0; transition:opacity .5s; pointer-events:none; }
.group:hover .ai-pricing-cta-glow { opacity:1; }
.ai-pricing-meta { text-align:center; display:flex; flex-direction:column; }
.ai-pricing-meta > * + * { margin-top: 1.25rem; }
.ai-pricing-meta-line { color:var(--color-text-muted); font-size:var(--font-size-standard); margin:0; }
.ai-pricing-guarantee-line { color:var(--color-text-primary); font-size:var(--font-size-standard); font-weight:700; margin:0; text-align:center; display:flex; justify-content:center; align-items:center; }
.ai-pricing-guarantee-icon { width:1.25rem; height:1.25rem; color:#4ade80; flex-shrink:0; margin-right:.5rem; }
.ai-pricing-meta-subline { color:var(--color-text-secondary); font-size:var(--font-size-standard); margin:0; }

.ai-countdown-expired { display:flex; align-items:center; justify-content:center; color:#f87171; }
.ai-countdown-expired > * + * { margin-left: .5rem; }
.ai-countdown-expired-icon { width:1.25rem; height:1.25rem; }
.ai-countdown-expired-text { font-size:.875rem; font-weight:600; }
.ai-countdown-label-row { display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.ai-countdown-label-icon { width:1.25rem; height:1.25rem; color:#60a5fa; margin-right:.5rem; }
.ai-countdown-label-text { font-size:clamp(1rem,2vw,1.125rem); font-weight:600; color:#fff; }
.ai-countdown-boxes-row { display:flex; align-items:center; justify-content:center; }
.ai-countdown-boxes-row > * + * { margin-left: .5rem; }
.ai-countdown-box { display:flex; flex-direction:column; align-items:center; background:linear-gradient(135deg,rgba(30,58,138,.4),rgba(30,64,175,.4)); border-radius:.75rem; padding:.75rem 1rem; border:1px solid rgba(37,99,235,.5); box-shadow:0 10px 24px rgba(2,6,23,.3); }
.ai-countdown-value { font-size:1.875rem; font-weight:700; color:#fff; font-variant-numeric: tabular-nums; }
.ai-countdown-unit { font-size:.75rem; color:#93c5fd; text-transform:uppercase; font-weight:500; margin-top:.25rem; }
.ai-countdown-separator { font-size:1.5rem; color:#60a5fa; font-weight:700; }
.ai-countdown-note { font-size:.75rem; color:#9ca3af; text-align:center; margin-top:.75rem; }
.ai-countdown-extend-link-row { display:flex; justify-content:center; margin-top:.5rem; }
.ai-countdown-extend-link { font-size:.75rem; color:#60a5fa; text-decoration:underline; transition:color .2s; }
.ai-countdown-extend-link:hover { color:#93c5fd; }
.ai-countdown-modal-overlay { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); backdrop-filter:blur(8px); }
.ai-countdown-modal-card { background:#111827; border-radius:1rem; padding:1.5rem; max-width:28rem; width:100%; margin:0 1rem; border:1px solid rgba(37,99,235,.5); box-shadow:0 25px 50px rgba(2,6,23,.45); }
.ai-countdown-modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.ai-countdown-modal-title { font-size:1.25rem; font-weight:700; color:#fff; }
.ai-countdown-modal-close { color:#9ca3af; transition:color .2s; }
.ai-countdown-modal-close:hover { color:#fff; }
.ai-countdown-modal-current { background:rgba(31,41,55,.5); border-radius:.75rem; padding:1rem; margin-bottom:1rem; border:1px solid rgba(37,99,235,.3); }
.ai-countdown-modal-current-label { font-size:.75rem; color:#9ca3af; margin-bottom:.5rem; text-align:center; }
.ai-countdown-modal-current-row { display:flex; align-items:center; justify-content:center; }
.ai-countdown-modal-current-row > * + * { margin-left: .5rem; }
.ai-countdown-modal-box { display:flex; flex-direction:column; align-items:center; background:linear-gradient(135deg,rgba(30,58,138,.4),rgba(30,64,175,.4)); border-radius:.5rem; padding:.5rem .75rem; border:1px solid rgba(37,99,235,.5); }
.ai-countdown-modal-value { font-size:1.5rem; font-weight:700; color:#fff; font-variant-numeric: tabular-nums; }
.ai-countdown-modal-unit { font-size:.75rem; color:#93c5fd; text-transform:uppercase; font-weight:500; margin-top:.125rem; }
.ai-countdown-modal-separator { font-size:1.25rem; color:#60a5fa; font-weight:700; }
.ai-countdown-modal-description { color:#d1d5db; font-size:.875rem; margin-bottom:1rem; }
.ai-countdown-modal-form { display:flex; flex-direction:column; }
.ai-countdown-modal-form > * + * { margin-top: 1rem; }
.ai-countdown-modal-label { display:block; color:#d1d5db; font-size:.875rem; margin-bottom:.25rem; }
.ai-countdown-modal-input { width:100%; background:#1f2937; border:1px solid #374151; border-radius:.5rem; padding:.5rem 1rem; color:#fff; outline:none; }
.ai-countdown-modal-input:focus { box-shadow:0 0 0 2px rgba(59,130,246,.8); }
.ai-countdown-modal-error { color:#f87171; font-size:.875rem; }
.ai-countdown-modal-success { color:#4ade80; font-size:.875rem; }
.ai-countdown-modal-submit { width:100%; background:#2563eb; color:#fff; font-weight:600; padding:.75rem; border-radius:.5rem; transition:background-color .2s; }
.ai-countdown-modal-submit:hover { background:#1d4ed8; }
.ai-countdown-modal-submit:disabled { opacity:.6; cursor:not-allowed; }

@media (min-width: 640px) {
  .ai-hero-content-wrap { padding: 0 1.5rem; }
  .ai-hero-trust > * + * { margin-top: 1rem; }
  .ai-hero-trust { margin-bottom: 1rem; }
  .ai-hero-trust-image { height: 3rem; }
  .ai-hero-primary-cta { width: auto; }
  .ai-pricing-badge { font-size: .875rem; }
}

@media (min-width: 1024px) {
  .ai-hero-content { text-align: left; }
  .ai-hero-trust .testimonials-trust-wrapper,
  .ai-hero-trust .testimonials-trust-text {
    text-align: center !important;
  }
  /* Eyebrow stays centered when hero column is left-aligned on desktop */
  .ai-hero-wish-text,
  .hero-wish-text {
    display: block;
    width: 100%;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
  }
  .ai-hero-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-hero-grid > * + * { margin-top: 0; }
  .ai-hero-grid > :nth-child(2) { margin-left: 3rem; }
  .ai-pricing-intro-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-pricing-intro-grid > * + * { margin-top: 0; }
  .ai-pricing-intro-grid > :nth-child(2) { margin-left: 2rem; }
  .ai-pricing-intro-right { justify-content: flex-end; }
}