:root {
  --landing-ink: #202127;
  --landing-muted: #686b78;
  --landing-accent: #a6474d;
  --landing-blush: #fbf3f3;
  --landing-line: #e8e8ec;
  --landing-gutter: clamp(24px, 4.65vw, 72px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.landing-page { margin: 0; color: var(--landing-ink); background: #fff; font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.landing-page a { color: inherit; text-decoration: none; }
.landing-page button { font: inherit; }
.landing-page img { display: block; max-width: 100%; }
.landing-page h1, .landing-page h2, .landing-page h3, .landing-page p { margin: 0; }
.landing-page a:focus-visible, .landing-page button:focus-visible, .landing-carousel:focus-visible { outline: 3px solid var(--landing-accent); outline-offset: 5px; }
.landing-container { width: min(100% - var(--landing-gutter) * 2, 1312px); margin-inline: auto; }
.landing-skip { position: absolute; z-index: 5; top: -80px; left: 20px; padding: 14px 20px; background: white; border: 1px solid var(--landing-accent); border-radius: 6px; }
.landing-skip:focus { top: 16px; }
.landing-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: clamp(64px, 7.2vw, 104px); }
.landing-brand { flex: 0 0 auto; }
.landing-brand img { width: 164px; height: auto; }
.landing-nav, .landing-account { display: flex; gap: 32px; align-items: center; font-size: 15px; }
.landing-nav a, .landing-signin { color: var(--landing-muted); padding-block: 12px; }
.landing-page nav a:hover, .landing-signin:hover { color: var(--landing-accent); }
.landing-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; min-height: 60px; padding: 17px 35px; border-radius: 8px; background: var(--landing-accent); color: white !important; font-size: 17px; font-weight: 600; transition: background .15s; }
.landing-button:hover { background: #913c42; }
.landing-button-small { min-height: 54px; padding: 15px 28px; font-size: 15px; }
.landing-text-link { color: var(--landing-accent) !important; font-size: 17px; font-weight: 600; padding: 14px 0; }
.landing-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.landing-hero { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 56px; padding-block: 40px 88px; min-height: 718px; }
.landing-hero h1 { font-size: clamp(48px, 4.9vw, 74px); font-weight: 750; line-height: 1.06; letter-spacing: -.055em; }
.landing-hero h1 span { color: var(--landing-accent); }
.landing-hero-copy p { color: var(--landing-muted); font-size: 21px; line-height: 1.5; max-width: 580px; margin-top: 30px; }
.landing-hero-actions { display: flex; align-items: center; gap: 40px; margin-top: 36px; }
.landing-hero-videos { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.landing-video { position: relative; overflow: hidden; background: #202020; border-radius: 10px; aspect-ratio: 9 / 16; }
.landing-video video { width: 100%; height: 100%; display: block; object-fit: cover; }
.landing-video.is-playing video, .landing-video.has-controls video { object-fit: contain; }
.landing-hero-second { margin-top: 40px; }
.landing-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; border: 0; background: transparent; cursor: pointer; }
.landing-play span { width: 66px; height: 66px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0007; border: 2px solid white; transition: background .15s; }
.landing-play img { filter: invert(1); margin-left: 3px; }
.landing-play:hover span { background: #000a; }
.landing-play[hidden], .landing-carousel-dots[hidden], .landing-video-error[hidden] { display: none; }
.landing-video-error { position: absolute; inset: auto 12px 12px; color: white; background: #222; border-radius: 6px; padding: 12px; font-size: 13px; line-height: 1.6; }
.landing-video-error a, .landing-video noscript a { text-decoration: underline; }
.landing-video noscript a { color: white; }
.landing-page h2 { font-size: clamp(30px, 3vw, 45px); line-height: 1.18; font-weight: 700; letter-spacing: -.045em; }
.landing-viral { background: var(--landing-blush); padding-block: 96px; }
.landing-viral-grid { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 64px; }
.landing-viral p { max-width: 650px; font-size: 19px; line-height: 1.6; color: var(--landing-muted); margin-top: 20px; }
.landing-growth { min-width: 0; margin: 0; }
.landing-growth-heading { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; margin-bottom: 20px; font-size: 17px; font-weight: 600; }
.landing-growth-label { color: var(--landing-muted); font-size: 13px; font-weight: 400; }
.landing-growth svg { display: block; width: 100%; height: auto; overflow: visible; }
.landing-growth-grid path { fill: none; stroke: #e8d8d9; stroke-width: 1; }
.landing-growth-axis { text-anchor: end; }
.landing-growth-axis, .landing-growth-days { fill: var(--landing-muted); font-family: inherit; font-size: 13px; }
.landing-growth-days text:nth-child(2) { text-anchor: middle; }
.landing-growth-days text:last-child { text-anchor: end; }
.landing-growth-line { fill: none; stroke: var(--landing-accent); stroke-width: 4; stroke-linecap: round; }
.landing-formats { padding-top: 112px; padding-bottom: 144px; scroll-margin-top: 32px; }
.landing-formats > h2 { text-align: center; }
.landing-format-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 64px; }
.landing-format .landing-video { aspect-ratio: 3 / 4; }
.landing-format:nth-child(3) video { object-position: center 10%; }
.landing-format .landing-play span { width: 56px; height: 56px; }
.landing-format h3 { font-size: 19px; letter-spacing: -.03em; font-weight: 650; margin-top: 18px; }
.landing-format p { font-size: 15px; color: var(--landing-muted); line-height: 1.6; margin-top: 7px; }
.landing-personalize { padding-top: 24px; padding-bottom: 144px; scroll-margin-top: 32px; }
.landing-personalize > h2 { text-align: center; }
.landing-personalize-grid { display: grid; gap: 88px; margin-top: 72px; }
.landing-personalize-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 120px; }
.landing-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 24px; width: 100%; max-width: 500px; }
.landing-personalize-row-reverse .landing-inputs { justify-self: end; }
.landing-inputs > img { width: 100%; height: 260px; object-fit: cover; border-radius: 8px; }
.landing-waveform { border-radius: 8px; background: var(--landing-blush); overflow: hidden; height: 230px; display: flex; align-items: center; }
.landing-waveform img { width: 100%; height: auto; }
.landing-script-preview { height: 260px; padding: 28px; background: var(--landing-blush); border-radius: 8px; display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.landing-script-preview > span { font-size: 12px; font-weight: 600; color: var(--landing-accent); }
.landing-script-preview p { font-size: 18px; line-height: 1.5; letter-spacing: -.025em; }
.landing-features { list-style: none; margin: 0; padding: 0; display: grid; gap: 36px; }
.landing-features li { display: flex; gap: 22px; align-items: center; font-size: 18px; line-height: 1.6; color: var(--landing-muted); }
.landing-features img { flex: 0 0 24px; }
.landing-cases { padding-bottom: 40px; }
.landing-section-lede { margin-top: 14px !important; font-size: 21px; line-height: 1.5; color: var(--landing-muted); }
.landing-carousel { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 30px max(var(--landing-gutter), calc((100vw - 1312px) / 2)) 12px; scroll-padding-inline: max(var(--landing-gutter), calc((100vw - 1312px) / 2)); }
.landing-carousel::-webkit-scrollbar { display: none; }
.landing-case { flex: 0 0 224px; scroll-snap-align: start; border: 1px solid var(--landing-line); border-radius: 8px; overflow: hidden; }
.landing-case > img { width: 100%; height: 240px; object-fit: cover; }
.landing-case > div { padding: 17px 14px 20px; }
.landing-case h3 { font-size: 16px; font-weight: 650; letter-spacing: -.02em; }
.landing-case p { color: var(--landing-muted); margin-top: 8px; line-height: 1.5; font-size: 14px; }
.landing-carousel-dots { display: flex; justify-content: center; margin-top: 0; }
.landing-carousel-dots button { border: 0; background: transparent; width: 44px; height: 44px; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.landing-carousel-dots button::before { content: ""; width: 10px; height: 10px; background: #dcdce1; border-radius: 50%; }
.landing-carousel-dots button[aria-pressed="true"]::before { background: var(--landing-accent); }
.landing-final { width: min(100% - var(--landing-gutter) * 2, 1080px); margin: 64px auto 56px; padding: 88px 48px; background: var(--landing-accent); color: white; text-align: center; border-radius: 12px; }
.landing-final h2 { max-width: 760px; margin-inline: auto; text-wrap: balance; font-size: clamp(30px, 3vw, 43px); }
.landing-button-white { margin-top: 36px; background: white; color: var(--landing-accent) !important; min-width: 250px; }
.landing-button-white:hover { background: #f9ecec; }
.landing-footer { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 30px; }
.landing-footer nav { display: flex; gap: 30px; align-items: center; color: var(--landing-muted); font-size: 14px; }
@media (min-width: 1500px) { .landing-hero { min-height: 760px; } }
@media (max-width: 1150px) {
  .landing-header { gap: 20px; }
  .landing-nav, .landing-account { gap: 20px; font-size: 13px; }
  .landing-brand img { width: 136px; }
  .landing-button-small { padding-inline: 20px; font-size: 13px; }
  .landing-hero { min-height: 0; gap: 30px; padding-block: 16px 60px; }
  .landing-hero h1 { font-size: clamp(44px, 5.5vw, 62px); }
  .landing-hero-copy p { font-size: 17px; }
  .landing-hero-actions { gap: 24px; }
  .landing-button { padding: 13px 24px; font-size: 14px; min-height: 46px; }
  .landing-text-link { font-size: 15px; }
  .landing-button-small { padding: 12px 20px; font-size: 13px; min-height: 42px; }
  .landing-viral-grid { gap: 32px; grid-template-columns: 1.3fr 1fr; }
  .landing-viral { padding-block: 72px; }
  .landing-viral p { font-size: 16px; }
  .landing-personalize-grid { gap: 64px; }
  .landing-personalize-row { gap: 64px; }
  .landing-inputs { gap: 16px; }
  .landing-inputs > img { height: 220px; }
  .landing-waveform { height: 190px; }
  .landing-script-preview { height: 220px; padding: 20px; }
  .landing-script-preview p { font-size: 16px; }
  .landing-features { gap: 20px; }
  .landing-features li { gap: 20px; font-size: 16px; }
  .landing-format-grid { gap: 22px; }
  .landing-format h3 { font-size: 14px; }
  .landing-format p { font-size: 12px; }
  .landing-formats { padding-top: 80px; padding-bottom: 104px; }
  .landing-format-grid { margin-top: 48px; }
  .landing-personalize { padding-bottom: 96px; }
  .landing-personalize-grid { margin-top: 56px; }
  .landing-section-lede { font-size: 17px; margin-top: 8px !important; }
  .landing-case { flex-basis: clamp(132px, 15.6vw, 224px); }
  .landing-case > img { height: clamp(144px, 16.7vw, 240px); }
  .landing-case > div { padding: 12px 10px 16px; }
  .landing-case h3 { font-size: 12px; }
  .landing-case p { font-size: 11px; margin-top: 6px; }
  .landing-carousel { padding-top: 16px; padding-bottom: 0; }
  .landing-cases { padding-bottom: 12px; }
  .landing-final { padding: 64px 36px; }
  .landing-button-white { min-width: 170px; min-height: 44px; margin-top: 16px; }
  .landing-footer { padding-block: 22px; }
  .landing-footer .landing-brand img { width: 105px; }
}
@media (max-width: 800px) {
  .landing-nav { display: none; }
  .landing-header { min-height: 88px; }
  .landing-hero { grid-template-columns: 1fr; min-height: 0; padding-top: 32px; gap: 48px; }
  .landing-hero h1 { font-size: clamp(42px, 7.5vw, 62px); max-width: 640px; }
  .landing-hero-copy p { max-width: 510px; font-size: 18px; }
  .landing-hero-videos { max-width: 570px; width: 100%; margin-inline: auto; }
  .landing-viral-grid { grid-template-columns: 1fr; gap: 48px; }
  .landing-viral { padding-block: 64px; }
  .landing-format-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .landing-formats { padding-top: 80px; padding-bottom: 96px; }
  .landing-personalize-grid { gap: 64px; margin-top: 48px; }
  .landing-personalize-row { grid-template-columns: 1fr; gap: 36px; }
  .landing-personalize-row-reverse .landing-inputs { order: -1; justify-self: start; }
  .landing-personalize { padding-bottom: 96px; }
  .landing-inputs > img, .landing-script-preview { height: 260px; }
  .landing-features li { font-size: 16px; }
  .landing-footer nav { gap: 20px; font-size: 13px; }
  .landing-case { flex-basis: 224px; }
  .landing-case > img { height: 240px; }
  .landing-case h3 { font-size: 16px; }
  .landing-case p { font-size: 14px; }
  .landing-case > div { padding: 17px 14px 20px; }
  .landing-carousel { padding-top: 24px; }
  .landing-cases { padding-bottom: 32px; }
  .landing-final { padding: 64px 28px; }
}
@media (max-width: 480px) {
  .landing-header { gap: 12px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 16px; }
  .landing-brand img { width: 100px; }
  .landing-account { gap: 12px; font-size: 12px; }
  .landing-button-small { font-size: 12px; padding: 12px; min-height: 44px; }
  .landing-hero { padding-top: 24px; padding-bottom: 56px; }
  .landing-hero h1 { font-size: clamp(34px, 10.5vw, 48px); letter-spacing: -.05em; }
  .landing-desktop-break { display: none; }
  .landing-hero-copy p { font-size: 16px; margin-top: 24px; }
  .landing-hero-actions { gap: 24px; margin-top: 28px; }
  .landing-button, .landing-text-link { font-size: 13px; }
  .landing-button { padding-inline: 20px; min-height: 50px; }
  .landing-button-small { min-height: 44px; padding: 12px; font-size: 12px; }
  .landing-hero-videos { gap: 12px; }
  .landing-hero-second { margin-top: 24px; }
  .landing-play span, .landing-format .landing-play span { width: 48px; height: 48px; }
  .landing-page h2 { font-size: 29px; letter-spacing: -.04em; }
  .landing-growth-heading { font-size: 15px; }
  .landing-format-grid { gap: 28px 16px; margin-top: 40px; }
  .landing-format h3 { font-size: 15px; line-height: 1.4; }
  .landing-inputs { gap: 10px; }
  .landing-inputs > img, .landing-script-preview { height: 210px; }
  .landing-script-preview { padding: 16px; gap: 12px; }
  .landing-script-preview p { font-size: 15px; }
  .landing-waveform { height: 190px; }
  .landing-section-lede { font-size: 16px; }
  .landing-final { margin-block: 48px; padding: 56px 24px; }
  .landing-final h2 { font-size: 29px; }
  .landing-button-white { min-width: 205px; }
  .landing-footer { flex-direction: column; align-items: flex-start; padding-block: 26px; gap: 16px; }
  .landing-footer nav { flex-wrap: wrap; gap: 18px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .landing-button, .landing-play span { transition: none; } }