/* ═══════════════════════════════════════════════════════════
   Landing Pages — shared components (ao-lp-*)
   Extracted from marketing-digital-para-medicos.php
   Reusable across all segment/vertical landing pages
   ═══════════════════════════════════════════════════════════ */

/* ── Hero split layout ─────────────────────────────────────── */
.ao-lp-hero{min-height:min(92vh,820px)}
.ao-lp-hero .ao-solution-hero__bg{background:radial-gradient(ellipse 80% 70% at 20% 0%,rgba(123,107,255,.22),transparent 65%),radial-gradient(ellipse 50% 60% at 80% 30%,rgba(6,182,212,.1),transparent 60%),linear-gradient(180deg,#060920,#05071c)}
.ao-lp-hero h1{max-width:none;text-align:left;font-size:clamp(34px,5vw,62px)}
.ao-lp-hero p{text-align:left;margin:18px 0 0}
.ao-lp-hero .ao-solution-eyebrow{justify-content:flex-start}
.ao-lp-hero .ao-solution-hero__actions{justify-content:flex-start}
.ao-lp-hero .ao-solution-hero__chips{justify-content:flex-start;margin:24px 0 0}
.ao-lp-hero .ao-solution-breadcrumb{justify-content:flex-start;margin-bottom:28px}
.ao-lp-hero__split{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}
.ao-lp-hero__subtitle{display:block;max-width:52ch;margin:12px 0 0;color:#8b93c0;font-size:clamp(13.5px,1.25vw,15px);line-height:1.7;text-align:left}

@media(max-width:960px){
  .ao-lp-hero__split{grid-template-columns:1fr;text-align:center}
  .ao-lp-hero h1,.ao-lp-hero p{text-align:center}
  .ao-lp-hero .ao-solution-eyebrow{justify-content:center}
  .ao-lp-hero .ao-solution-hero__actions{justify-content:center}
  .ao-lp-hero .ao-solution-hero__chips{justify-content:center}
  .ao-lp-hero .ao-solution-breadcrumb{justify-content:center}
  .ao-lp-hero__subtitle{text-align:center;margin-left:auto;margin-right:auto}
}

/* ── Browser mockup ────────────────────────────────────────── */
.ao-lp-mockup{width:100%;max-width:380px;margin-left:auto;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 32px 80px -24px rgba(0,0,0,.5)}
.ao-lp-mockup__bar{display:flex;gap:6px;padding:12px 16px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)}
.ao-lp-mockup__bar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12)}
.ao-lp-mockup__search{display:flex;align-items:center;gap:10px;margin:14px 14px 16px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#aeb4e0;font-size:13px;font-weight:600}
.ao-lp-mockup__search::before{content:"\2315";color:#7b6bff;font-size:15px;opacity:.6}
.ao-lp-mockup__result{margin:0 14px 10px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:background .2s ease}
.ao-lp-mockup__result strong{display:block;color:#cdd2f0;font-family:var(--font-heading);font-size:13.5px;font-weight:800;margin-bottom:3px}
.ao-lp-mockup__result .ao-mockup-stars{color:#f5c542;font-size:12px;letter-spacing:1px}
.ao-lp-mockup__result .ao-mockup-meta{display:block;color:#717aae;font-size:11.5px;margin-top:2px}
.ao-lp-mockup__result--you{background:rgba(123,107,255,.08);border-color:rgba(123,107,255,.22)}
.ao-lp-mockup__result--you strong{color:#fff}
.ao-lp-mockup__result--dim strong{color:#717aae}
.ao-lp-mockup__result--dim .ao-mockup-stars{opacity:.4}
.ao-lp-mockup__ai{margin:4px 14px 8px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(6,182,212,.06),rgba(123,107,255,.04));border:1px solid rgba(6,182,212,.12)}
.ao-lp-mockup__ai small{display:block;color:#06b6d4;font-family:var(--font-heading);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.ao-lp-mockup__ai p{color:#aeb4e0;font-size:12px;line-height:1.55;margin:0}
.ao-lp-mockup__ai span{color:#fff;font-weight:700}
.ao-lp-mockup__highlight-label{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:6px;background:linear-gradient(135deg,#7b6bff,#06b6d4);color:#fff;font-family:var(--font-heading);font-size:10px;font-weight:800;letter-spacing:.04em}

@media(max-width:960px){
  .ao-lp-mockup{margin:0 auto;max-width:340px}
}

/* ── Journey / identification ──────────────────────────────── */
.ao-lp-journey{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:start}
.ao-lp-journey__left{position:sticky;top:32px}
.ao-lp-journey__question{color:#12182a;font-family:var(--font-heading);font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0 0 22px}
.ao-lp-journey__question span{background:linear-gradient(135deg,#7b6bff 0%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ao-lp-journey__intro{color:#4d5b76;font-size:clamp(15.5px,1.4vw,17px);line-height:1.75;margin:0}
.ao-lp-journey__steps{display:grid;gap:14px}
.ao-lp-journey__step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:20px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(91,103,255,.12);box-shadow:0 12px 32px -16px rgba(26,35,75,.14);transition:transform .25s ease,box-shadow .25s ease}
.ao-lp-journey__step:hover{transform:translateY(-2px);box-shadow:0 16px 38px -14px rgba(26,35,75,.2)}
.ao-lp-journey__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(123,107,255,.12),rgba(6,182,212,.1));color:#7b6bff;font-size:20px}
.ao-lp-journey__step strong{display:block;color:#12182a;font-family:var(--font-heading);font-size:15px;font-weight:800;margin-bottom:4px}
.ao-lp-journey__step span{color:#4d5b76;font-size:14px;line-height:1.55}
.ao-lp-journey__warning{margin-top:18px;padding:18px 22px;border-radius:14px;background:linear-gradient(135deg,rgba(255,100,100,.06),rgba(255,160,60,.04));border:1px solid rgba(255,100,100,.16);color:#6b3a3a;font-size:14.5px;line-height:1.6;font-weight:600}
.ao-lp-journey__cta-panel{margin-top:28px;padding:28px 32px;border-radius:18px;background:linear-gradient(135deg,#7b6bff 0%,#5b4cd4 50%,#06b6d4 100%);text-align:center}
.ao-lp-journey__cta-panel p{color:#ffffff;font-family:var(--font-heading);font-size:clamp(16px,1.6vw,19px);font-weight:800;line-height:1.45;margin:0}

@media(max-width:880px){
  .ao-lp-journey{grid-template-columns:1fr}
  .ao-lp-journey__left{position:static}
}

/* ── Pain points / dores ───────────────────────────────────── */
.ao-lp-dores{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}
.ao-lp-dores div{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(120,130,255,.14);color:#cdd2f0;font-size:15px;line-height:1.55}
.ao-lp-dores div::before{content:"\00d7";flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,100,100,.12);color:#ff6b6b;font-weight:900;font-size:15px}
.ao-lp-dores-closing{margin-top:28px;text-align:center;color:#7b6bff;font-family:var(--font-heading);font-weight:800;font-size:clamp(16px,1.6vw,20px)}

@media(max-width:880px){
  .ao-lp-dores{grid-template-columns:1fr}
}

/* ── SEO vs GEO comparison ─────────────────────────────────── */
.ao-lp-busca{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}
.ao-lp-busca__col{border-radius:20px;padding:clamp(28px,3.5vw,40px);border:1px solid rgba(91,103,255,.12)}
.ao-lp-busca__col--seo{background:rgba(255,255,255,.82);box-shadow:0 14px 36px -16px rgba(26,35,75,.12)}
.ao-lp-busca__col--geo{background:linear-gradient(135deg,#0d1033,#0a0e28);border-color:rgba(123,107,255,.2);box-shadow:0 14px 36px -16px rgba(5,7,28,.5)}
.ao-lp-busca__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-family:var(--font-heading);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.ao-lp-busca__col--seo .ao-lp-busca__badge{background:rgba(123,107,255,.1);color:#7b6bff}
.ao-lp-busca__col--geo .ao-lp-busca__badge{background:rgba(6,182,212,.12);color:#06b6d4}
.ao-lp-busca__col h3{font-family:var(--font-heading);font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.25;margin:0 0 8px}
.ao-lp-busca__col--seo h3{color:#12182a}
.ao-lp-busca__col--geo h3{color:#fff}
.ao-lp-busca__desc{font-size:14.5px;line-height:1.65;margin:0 0 22px}
.ao-lp-busca__col--seo .ao-lp-busca__desc{color:#4d5b76}
.ao-lp-busca__col--geo .ao-lp-busca__desc{color:#aeb4e0}
.ao-lp-busca__label{font-family:var(--font-heading);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.ao-lp-busca__col--seo .ao-lp-busca__label{color:#9b8fff}
.ao-lp-busca__col--geo .ao-lp-busca__label{color:#06b6d4}
.ao-lp-busca__examples{display:flex;flex-direction:column;gap:10px}
.ao-lp-busca__ex{position:relative;padding:13px 18px 13px 42px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.4}
.ao-lp-busca__col--seo .ao-lp-busca__ex{background:rgba(123,107,255,.06);border:1px solid rgba(123,107,255,.1);color:#12182a}
.ao-lp-busca__col--geo .ao-lp-busca__ex{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.12);color:#e0e4ff}
.ao-lp-busca__ex::before{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.55}
.ao-lp-busca__col--seo .ao-lp-busca__ex::before{content:"\2315";color:#7b6bff}
.ao-lp-busca__col--geo .ao-lp-busca__ex::before{content:"AI";font-family:var(--font-heading);font-size:10px;font-weight:900;letter-spacing:.05em;color:#06b6d4;opacity:1}

@media(max-width:880px){
  .ao-lp-busca{grid-template-columns:1fr}
}

/* ── Specs / tags cloud ────────────────────────────────────── */
.ao-lp-specs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.ao-lp-specs span{padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(174,180,224,.18);color:#cdd2f0;font-size:13.5px;font-weight:700;transition:border-color .2s ease}
.ao-lp-specs span:hover{border-color:rgba(123,107,255,.4)}

/* ── Differentials grid ────────────────────────────────────── */
.ao-lp-diff{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ao-lp-diff__item{padding:22px 18px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(91,103,255,.1);text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ao-lp-diff__item:hover{transform:translateY(-3px);box-shadow:0 16px 36px -14px rgba(26,35,75,.18);border-color:rgba(123,107,255,.3)}
.ao-lp-diff__icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:12px;background:linear-gradient(135deg,rgba(123,107,255,.1),rgba(6,182,212,.08));color:#7b6bff;font-size:18px}
.ao-lp-diff__item strong{display:block;color:#12182a;font-family:var(--font-heading);font-size:13.5px;font-weight:800;line-height:1.35}

@media(max-width:880px){
  .ao-lp-diff{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ao-lp-diff{grid-template-columns:repeat(2,1fr);gap:10px}
  .ao-lp-diff__icon{width:36px;height:36px;font-size:15px}
  .ao-lp-diff__item{padding:16px 12px}
}

/* ── Para quem é ───────────────────────────────────────────── */
.ao-lp-paraquem{max-width:920px;margin:0 auto;padding:clamp(36px,5vw,52px) clamp(28px,4vw,48px);border-radius:22px;background:linear-gradient(135deg,#0d1033 0%,#0a0e28 50%,#091024 100%);border:1px solid rgba(123,107,255,.16);box-shadow:0 24px 64px -24px rgba(5,7,28,.6)}
.ao-lp-paraquem__header{text-align:center;margin-bottom:32px}
.ao-lp-paraquem__header h3{color:#fff;font-family:var(--font-heading);font-size:clamp(22px,2.8vw,32px);font-weight:800;line-height:1.2;margin:12px 0 0}
.ao-lp-paraquem__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ao-lp-paraquem__item{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(120,130,255,.12)}
.ao-lp-paraquem__item::before{content:"\2713";flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,rgba(123,107,255,.18),rgba(6,182,212,.12));color:#7fe3a8;font-weight:900;font-size:13px}
.ao-lp-paraquem__item span{color:#cdd2f0;font-size:14.5px;line-height:1.55}

@media(max-width:880px){
  .ao-lp-paraquem__grid{grid-template-columns:1fr}
}

/* ── Notes / closing text ──────────────────────────────────── */
.ao-lp-note{margin-top:26px;color:#4d5b76;font-size:14.5px;line-height:1.65;text-align:center;max-width:780px;margin-left:auto;margin-right:auto}
.ao-lp-cta-sub{margin-top:18px;color:#8b93c0;font-size:14.5px;line-height:1.6;max-width:62ch;margin-left:auto;margin-right:auto}

/* ── GBP section ───────────────────────────────────────────── */
.ao-lp-gbp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,56px);align-items:start;margin-top:40px}
.ao-lp-gbp__featured{padding:clamp(28px,3.5vw,40px);border-radius:20px;background:linear-gradient(135deg,#0d1033,#0a0e28);border:1px solid rgba(123,107,255,.18);box-shadow:0 20px 48px -20px rgba(5,7,28,.5)}
.ao-lp-gbp__featured h3{color:#fff;font-family:var(--font-heading);font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.25;margin:14px 0 12px}
.ao-lp-gbp__featured p{color:#aeb4e0;font-size:15px;line-height:1.65;margin:0 0 22px}
.ao-lp-gbp__cards{display:grid;gap:14px}
.ao-lp-gbp__card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:20px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(91,103,255,.1);box-shadow:0 10px 28px -14px rgba(26,35,75,.12);transition:transform .25s ease,box-shadow .25s ease}
.ao-lp-gbp__card:hover{transform:translateY(-2px);box-shadow:0 14px 34px -12px rgba(26,35,75,.18)}
.ao-lp-gbp__card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(123,107,255,.1),rgba(6,182,212,.08));color:#7b6bff;font-size:18px}
.ao-lp-gbp__card strong{display:block;color:#12182a;font-family:var(--font-heading);font-size:15px;font-weight:800;margin-bottom:4px}
.ao-lp-gbp__card span{color:#4d5b76;font-size:13.5px;line-height:1.55}

@media(max-width:880px){
  .ao-lp-gbp{grid-template-columns:1fr}
}

/* ── Plans / tiers ─────────────────────────────────────────── */
.ao-lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ao-lp-plan{display:flex;flex-direction:column;padding:clamp(24px,3vw,36px);border-radius:20px;border:1px solid rgba(120,130,255,.14);background:rgba(255,255,255,.035);transition:border-color .25s ease,transform .25s ease}
.ao-lp-plan:hover{border-color:rgba(123,107,255,.3);transform:translateY(-3px)}
.ao-lp-plan--featured{background:linear-gradient(135deg,rgba(123,107,255,.08),rgba(6,182,212,.04));border-color:rgba(123,107,255,.28);position:relative}
.ao-lp-plan__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:5px 16px;border-radius:999px;background:var(--gradient-primary);color:#fff;font-family:var(--font-heading);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ao-lp-plan__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(123,107,255,.12);color:#7b6bff;font-family:var(--font-heading);font-size:13px;font-weight:900;margin-bottom:16px}
.ao-lp-plan h3{color:#fff;font-family:var(--font-heading);font-size:clamp(18px,1.8vw,22px);font-weight:800;line-height:1.25;margin:0 0 8px}
.ao-lp-plan__target{color:#8b93c0;font-size:13.5px;line-height:1.55;margin:0 0 18px}
.ao-lp-plan__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.ao-lp-plan__tags span{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(174,180,224,.14);color:#cdd2f0;font-size:11.5px;font-weight:700}
.ao-lp-plan--featured .ao-lp-plan__tags span{background:rgba(123,107,255,.1);border-color:rgba(123,107,255,.22);color:#c3c9ff}
.ao-lp-plan__cta{margin-top:auto;padding-top:18px}
.ao-lp-plan__cta a{display:block;text-align:center;padding:13px 20px;border-radius:999px;font-family:var(--font-heading);font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease}
.ao-lp-plan__cta a.ao-lp-btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}
.ao-lp-plan__cta a.ao-lp-btn--ghost{background:rgba(255,255,255,.055);border:1px solid rgba(174,180,224,.22);color:#dfe2ff}
.ao-lp-plan__cta a:hover{transform:translateY(-1px)}

@media(max-width:880px){
  .ao-lp-plans{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
}

/* ── Compare table ─────────────────────────────────────────── */
.ao-lp-compare{max-width:680px;margin:32px auto 0;border-radius:16px;overflow:hidden;border:1px solid rgba(120,130,255,.14)}
.ao-lp-compare__row{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;padding:14px 22px;border-bottom:1px solid rgba(120,130,255,.08)}
.ao-lp-compare__row:last-child{border-bottom:0}
.ao-lp-compare__row--accent{background:rgba(123,107,255,.06)}
.ao-lp-compare__from{color:#aeb4e0;font-size:14px;text-align:right}
.ao-lp-compare__arrow{color:#7b6bff;font-weight:900;text-align:center;font-size:15px}
.ao-lp-compare__to{color:#fff;font-family:var(--font-heading);font-size:14px;font-weight:800}

/* ── Trust diagram ─────────────────────────────────────────── */
.ao-lp-diagram{display:grid;grid-template-columns:1fr 160px 1fr;max-width:940px;margin:48px auto 0}
.ao-lp-diagram__left,.ao-lp-diagram__right{display:flex;flex-direction:column;gap:16px;justify-content:center}
.ao-lp-diagram__center{position:relative;display:flex;align-items:center;justify-content:center}
.ao-lp-diagram__line{position:absolute;top:4%;bottom:4%;left:50%;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(123,107,255,.22) 18%,rgba(123,107,255,.22) 82%,transparent)}
.ao-lp-diagram__hub{position:relative;z-index:2;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#7b6bff 0%,#06b6d4 100%);display:grid;place-items:center;text-align:center;box-shadow:0 0 48px rgba(123,107,255,.32),0 0 96px rgba(6,182,212,.1)}
.ao-lp-diagram__hub span{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:14px;line-height:1.3}
.ao-lp-diagram__hub small{display:block;color:rgba(255,255,255,.7);font-size:10.5px;font-weight:600;margin-top:2px}
.ao-lp-diagram__item{position:relative;padding:14px 18px;border-radius:14px;border:1px solid rgba(120,130,255,.14);background:rgba(255,255,255,.035);color:#cdd2f0;font-size:14px;line-height:1.5;transition:border-color .25s ease,background .25s ease}
.ao-lp-diagram__item:hover{border-color:rgba(123,107,255,.35);background:rgba(123,107,255,.06)}
.ao-lp-diagram__num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:rgba(123,107,255,.14);color:#9b8fff;font-family:var(--font-heading);font-size:10px;font-weight:900;margin-right:8px;vertical-align:middle}
.ao-lp-diagram__left .ao-lp-diagram__item{text-align:right}
.ao-lp-diagram__left .ao-lp-diagram__num{margin-right:0;margin-left:8px}
.ao-lp-diagram__left .ao-lp-diagram__item::after{content:'';position:absolute;right:-32px;top:50%;width:32px;height:1px;background:linear-gradient(90deg,rgba(123,107,255,.28),rgba(123,107,255,.06))}
.ao-lp-diagram__right .ao-lp-diagram__item::before{content:'';position:absolute;left:-32px;top:50%;width:32px;height:1px;background:linear-gradient(270deg,rgba(123,107,255,.28),rgba(123,107,255,.06))}
.ao-lp-diagram__left .ao-lp-diagram__item::before{content:'';position:absolute;right:-36px;top:50%;width:8px;height:8px;border-radius:50%;background:rgba(123,107,255,.22);transform:translate(0,-50%)}
.ao-lp-diagram__right .ao-lp-diagram__item::after{content:'';position:absolute;left:-36px;top:50%;width:8px;height:8px;border-radius:50%;background:rgba(123,107,255,.22);transform:translate(0,-50%)}

@media(max-width:880px){
  .ao-lp-diagram{grid-template-columns:1fr;gap:0;max-width:480px}
  .ao-lp-diagram__left,.ao-lp-diagram__right{gap:12px}
  .ao-lp-diagram__left .ao-lp-diagram__item,
  .ao-lp-diagram__right .ao-lp-diagram__item{text-align:left}
  .ao-lp-diagram__left .ao-lp-diagram__num{margin-left:0;margin-right:8px}
  .ao-lp-diagram__left .ao-lp-diagram__item::after,
  .ao-lp-diagram__left .ao-lp-diagram__item::before,
  .ao-lp-diagram__right .ao-lp-diagram__item::before,
  .ao-lp-diagram__right .ao-lp-diagram__item::after{display:none}
  .ao-lp-diagram__center{padding:28px 0}
  .ao-lp-diagram__line{display:none}
}