/* Landing page middle. Each chapter shows the real product (sample data, labelled as such)
   with one tint per idea. Same calm look as Home and the dashboards: cream paper, forest ink,
   plain borders, no gradients, no blur. Content is fully visible without JavaScript. */

.lp{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:56px 0 24px;color:#173f35}
.lp>*{min-width:0}
.lp [hidden]{display:none!important}
.lp h2,.lp h3{background:none;-webkit-text-fill-color:currentColor;color:#173f35}
.lp p{margin:0}
.lp-fig{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#536059;font-size:.74rem;font-weight:700;letter-spacing:.04em}
.lp-fig::before{content:"";width:22px;height:1px;background:currentColor}

/* A chapter: copy on one side, a cropped product mock bleeding off the other */
.lp-chapter{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden;border:1px solid var(--lp-line);border-radius:28px;background:var(--lp-tile)}
.lp-chapter.is-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.lp-chapter.is-flip .lp-copy{order:2}
.lp-chapter.is-flip .lp-visual{order:1;padding:44px 20px 0 0;justify-content:flex-start}
.lp-chapter.is-flip .lp-card{border-left:0;border-right:1px solid #d9dfd6;border-radius:0 20px 0 0}
.lp-sage{--lp-tile:#e4eddf;--lp-line:#ceddc5}
.lp-peach{--lp-tile:#f6e5d9;--lp-line:#ead0bc}
.lp-lavender{--lp-tile:#e9e6f2;--lp-line:#d8d1e7}
.lp-copy{display:flex;flex-direction:column;align-items:flex-start;padding:52px 44px 48px}
.lp-copy h2{max-width:520px;margin:0 0 16px;font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.14;letter-spacing:-.05em}
.lp-copy>p{max-width:460px;color:#365749;font-size:.97rem;line-height:1.7}
.lp-points{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.lp-points li{display:flex;gap:11px;align-items:flex-start;color:#2f4a3f;font-size:.88rem;line-height:1.55}
.lp-points svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:#173f35;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-caption{margin-top:auto;padding-top:26px;color:#536059;font-size:.76rem;line-height:1.5}
.lp-cta{margin-top:26px}
.lp-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 18px;border:1px solid #173f35;border-radius:12px;background:#173f35;color:#fffef9;font:inherit;font-size:.84rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .16s ease}
.lp-link:hover{background:#245a4a}
.lp-link.is-quiet{background:#fffef9;color:#173f35}.lp-link.is-quiet:hover{background:#fff}
.lp-link:focus-visible,.lp a:focus-visible{outline:3px solid #173f35;outline-offset:3px}
.lp-visual{position:relative;display:flex;justify-content:flex-end;align-items:stretch;min-width:0;padding:44px 0 0 20px}

/* Mock product surfaces */
.lp-card{position:relative;width:100%;min-width:0;padding:22px 22px 28px;border:1px solid #d9dfd6;border-right:0;border-bottom:0;border-radius:20px 0 0 0;background:#fffefa;font-size:.8rem;line-height:1.5;color:#173f35}
.lp-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#536059;font-size:.72rem;font-weight:700}
.lp-dots{display:flex;gap:5px}.lp-dots i{width:8px;height:8px;border-radius:50%;background:#d9dfd6}
.lp-chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border:1px solid #d9dfd6;border-radius:99px;background:#f4f3ec;color:#3f4d45;font-size:.7rem;font-weight:700;white-space:nowrap}
.lp-chip.is-good{background:#d7eadf;border-color:#b6d6c4;color:#173f35}.lp-chip.is-warn{background:#f6e8cf;border-color:#e8d3a8;color:#5c4210}.lp-chip.is-flag{background:#f7dfe1;border-color:#e8bcc1;color:#7a2530}
.lp-chip svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lp-sticker{position:absolute;top:-15px;right:20px;z-index:2;padding:5px 12px;border:1px solid #173f35;border-radius:99px;background:#fffefa;color:#173f35;font-size:.7rem;font-weight:800;transform:rotate(3deg)}

/* Fig 1: CV result */
.lp-score{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:18px}
.lp-ring{position:relative;width:104px;height:104px}.lp-ring svg{width:104px;height:104px;transform:rotate(-90deg)}
.lp-ring circle{fill:none;stroke-width:9}.lp-ring .t{stroke:#dfebdf}.lp-ring .lp-ring-fill{stroke:#173f35;stroke-linecap:round;stroke-dasharray:263.9;stroke-dashoffset:var(--off,73.9);transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}
.lp-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.55rem;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.lp-score small{display:block;color:#536059;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.lp-score strong{display:block;margin:2px 0 4px;font-size:1.05rem;letter-spacing:-.03em}
.lp-score span{color:#536059;font-size:.76rem}
.lp-twin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-box{padding:14px 14px 12px;border:1px solid #d9dfd6;border-radius:14px;background:#fff}
.lp-box h4{margin:0 0 9px;font-size:.78rem;letter-spacing:-.01em}
.lp-box ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.lp-box li{display:flex;gap:8px;align-items:flex-start;color:#365749;font-size:.76rem;line-height:1.45}
.lp-box li svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lp-box .ok svg{stroke:#1d684d}.lp-box .no svg{stroke:#9b6a12}
.lp-float{position:relative;z-index:1;width:min(330px,74%);margin:16px 0 0 -44px;padding:14px 16px;border:1px solid #173f35;border-radius:14px;background:#fffefa;font-size:.76rem;line-height:1.5;transform:rotate(-1.5deg)}
.lp-float small{display:block;margin-bottom:3px;color:#536059;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lp-float s{color:#7a5f5f;text-decoration-color:#a52c41}
.lp-float p+p{margin-top:9px}.lp-float p+p small{color:#1d684d}
.lp-stronger{margin-top:12px}.lp-stronger s{color:#7a5f5f;text-decoration-color:#a52c41}
.lp-band-note{margin:22px 0 0;color:#c9e3d6;font-size:.95rem;line-height:1.6}
.lp-footnote{margin-top:20px;color:#536059;font-size:.7rem;line-height:1.5}

/* Fig 2: steps */
.lp-steps{padding:8px 0 4px}
.lp-steps-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 30px;margin:0 0 26px}
.lp-steps-head h2{margin:0;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.05em}
.lp-steps-head p{max-width:360px;color:#536059;font-size:.92rem;line-height:1.6}
.lp-steps ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.lp-steps ol::before{content:"";position:absolute;top:34px;left:6%;right:6%;border-top:2px dashed #b9c6bb}
.lp-step{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.lp-step-n{position:relative;display:grid;place-items:center;width:68px;height:68px;border:2px solid #173f35;border-radius:50%;background:#f7f6f2;color:#173f35;font-size:1.7rem;font-weight:800;letter-spacing:-.05em}
.lp-step h3{margin:6px 0 0;font-size:1.2rem;letter-spacing:-.035em}
.lp-step p{color:#47564d;font-size:.9rem;line-height:1.6}
.lp-mini{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid #d9dfd6;border-radius:14px;background:#fffefa;color:#365749;font-size:.8rem;font-weight:600}
.lp-mini svg{flex:none;width:20px;height:20px;fill:none;stroke:#173f35;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-mini b{margin-left:auto;color:#173f35;font-size:1.05rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.lp-mini .lp-chip{margin-left:auto}

/* Fig 3: job check */
.lp-linkbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px dashed #b9c6bb;border-radius:12px;background:#fff;color:#536059;font-size:.76rem}
.lp-linkbar svg{flex:none;width:17px;height:17px;fill:none;stroke:#173f35;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-linkbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-advert{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.lp-ad{padding:16px;border:1px solid #d9dfd6;border-radius:14px;background:#fff}
.lp-ad h4{margin:0 0 3px;font-size:.92rem;letter-spacing:-.02em}.lp-ad>small{display:block;margin-bottom:10px;color:#536059;font-size:.7rem}
.lp-ad p{color:#365749;font-size:.76rem;line-height:1.65}.lp-ad p+p{margin-top:8px}
.lp-ad mark{padding:1px 3px;border-radius:4px;background:#f7dfe1;color:#7a2530}
.lp-ad mark.is-soft{background:#f6e8cf;color:#5c4210}
.lp-flags{display:grid;gap:10px;align-content:start}
.lp-flag{display:grid;gap:3px;padding:12px 13px;border:1px solid #d9dfd6;border-radius:12px;background:#fffefa}
.lp-flag b{font-size:.76rem}.lp-flag span{color:#47564d;font-size:.72rem;line-height:1.5}

/* Fig 4: interview */
.lp-chat{display:grid;gap:12px}
.lp-msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.8rem;line-height:1.55}
.lp-msg small{display:block;margin-bottom:3px;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.lp-msg.is-q{border-radius:16px 16px 16px 4px;background:#173f35;color:#fffef9}
.lp-msg.is-a{justify-self:end;border:1px solid #d9dfd6;border-radius:16px 16px 4px 16px;background:#fff;color:#2f4a3f}
.lp-feedback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.lp-feedback div{padding:12px 13px;border-radius:12px;font-size:.74rem;line-height:1.5}
.lp-feedback b{display:block;margin-bottom:3px;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}
.lp-feedback .g{background:#d7eadf;border:1px solid #b6d6c4}.lp-feedback .w{background:#f6e8cf;border:1px solid #e8d3a8}

/* Fig 5: catalogue band */
.lp-band{overflow:hidden;border-radius:28px;background:#173f35;color:#fffef9}
.lp-band-inner{padding:56px 48px 40px}
.lp-band .lp-fig{color:#b8d9c8}
.lp-band h2{max-width:640px;margin:0 0 32px;-webkit-text-fill-color:#fffef9;color:#fffef9;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.05em}
.lp-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0 0 28px;border-bottom:1px solid rgba(255,254,249,.18)}
.lp-nums div{display:flex;flex-direction:column;gap:10px}
.lp-nums dd{margin:0;font-size:clamp(3rem,6.4vw,5.4rem);font-weight:800;line-height:1;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.lp-nums dt{color:#c9e3d6;font-size:.88rem;line-height:1.5}
.lp-band-note{max-width:680px;margin:22px 0 0;color:#c9e3d6;font-size:.8rem;line-height:1.6}
.lp-roles{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:26px 48px 40px;list-style:none;background:#112f27}
.lp-roles li{display:inline-flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid rgba(255,254,249,.2);border-radius:99px;font-size:.85rem;font-weight:700}
.lp-roles small{color:#a8cdb9;font-size:.7rem;font-weight:600}

/* Fig 6: plan */
.lp-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 16px}
.lp-day{display:grid;justify-items:center;gap:8px;padding:10px 0;border:1px solid #d9dfd6;border-radius:12px;background:#fff;font-size:.68rem;font-weight:700;color:#536059}
.lp-day i{display:grid;place-items:center;width:26px;height:26px;border:2px solid #b9c6bb;border-radius:50%}
.lp-day.is-done i{border-color:#173f35;background:#173f35}.lp-day.is-done svg{width:14px;height:14px;fill:none;stroke:#fffef9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lp-day.is-today{border-color:#173f35;color:#173f35}
.lp-goal{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.lp-goal li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d9dfd6;border-radius:12px;background:#fff;font-size:.8rem;font-weight:600}
.lp-goal li.is-done{color:#536059}
.lp-goal .lp-tick{display:grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid #b9c6bb;border-radius:50%}
.lp-goal .is-done .lp-tick{border-color:#173f35;background:#173f35}.lp-goal .lp-tick svg{width:12px;height:12px;fill:none;stroke:#fffef9;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}

/* Fig 7: what we hold */
.lp-hold{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:48px 44px;border:1px solid #d9dfd6;border-radius:28px;background:#fffefa}
.lp-hold h2{margin:0 0 14px;font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.14;letter-spacing:-.05em}
.lp-hold>div>p{max-width:420px;color:#365749;font-size:.95rem;line-height:1.7}
.lp-hold-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:20px}
.lp-hold-links a{display:inline-flex;align-items:center;min-height:44px;color:#173f35;font-size:.86rem;font-weight:700;text-underline-offset:4px}
.lp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.lp-fact{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #d9dfd6;border-radius:16px;background:#f7f6f2}
.lp-fact svg{width:26px;height:26px;fill:none;stroke:#173f35;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lp-fact b{font-size:.95rem;letter-spacing:-.025em}
.lp-fact span{color:#47564d;font-size:.82rem;line-height:1.6}

/* Fig 8: schools */
.lp-roster{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.lp-person{display:grid;grid-template-columns:34px minmax(0,1fr) 92px auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #d9dfd6;border-radius:12px;background:#fff;font-size:.78rem}
.lp-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4eddf;font-size:.7rem;font-weight:800}
.lp-person b{display:block;font-size:.8rem}.lp-person small{color:#536059;font-size:.7rem}
.lp-bar{height:8px;border-radius:99px;background:#dfebdf;overflow:hidden}.lp-bar i{display:block;height:100%;border-radius:99px;background:#173f35;width:var(--w,50%)}
.lp-person.is-request{border-style:dashed;border-color:#b9a56a;background:#fbf5e5}
.lp-person.is-request .lp-avatar{background:#f6e8cf}
.lp-fork{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.lp-fork a{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:1px solid #d9dfd6;border-radius:18px;background:#fffefa;color:#173f35;text-decoration:none;transition:border-color .16s ease,transform .16s ease}
.lp-fork a:hover{border-color:#173f35;transform:translateY(-3px)}
.lp-fork b{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1.05rem;letter-spacing:-.03em}
.lp-fork span{color:#47564d;font-size:.86rem;line-height:1.55}

/* Recently shipped */
.lp-ship{padding:6px 0 4px}
.lp-ship-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 16px}
.lp-ship-head h2{margin:0;font-size:1.35rem;letter-spacing:-.04em}.lp-ship-head p{color:#536059;font-size:.85rem}
.lp-ship ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.lp-ship li{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid #d9dfd6;border-radius:16px;background:#fffefa}
.lp-ship time{color:#536059;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.lp-ship b{font-size:.95rem;letter-spacing:-.025em}.lp-ship span{color:#47564d;font-size:.82rem;line-height:1.55}

/* Motion: only when JavaScript has opted in, never under reduced motion */
.lp-motion .lp-ring-fill{stroke-dashoffset:263.9}
.lp-motion .is-in .lp-ring-fill{stroke-dashoffset:var(--off,73.9)}
.lp-motion .lp-steps ol::before{transform:scaleX(0);transform-origin:left;transition:transform 1s ease .2s}
.lp-motion .lp-steps.is-in ol::before{transform:none}

@media(max-width:980px){
  .lp-chapter,.lp-chapter.is-flip{grid-template-columns:1fr}
  .lp-chapter.is-flip .lp-copy{order:0}
  .lp-chapter.is-flip .lp-visual{order:0;padding:0 0 0 20px;justify-content:flex-end}
  .lp-chapter.is-flip .lp-card{border-left:1px solid #d9dfd6;border-right:0;border-radius:20px 0 0 0}
  .lp-copy{padding:36px 28px 28px}.lp-visual{padding:0 0 0 20px}
  .lp-hold{grid-template-columns:1fr;gap:28px;padding:34px 28px}
  .lp-float{margin-left:-20px}
}
@media(max-width:720px){
  .lp{gap:20px;padding-top:40px}
  .lp-steps ol{grid-template-columns:1fr;gap:26px}
  .lp-steps ol::before{top:0;bottom:0;left:33px;right:auto;border-top:0;border-left:2px dashed #b9c6bb}
  .lp-step{padding-left:90px}.lp-step-n{position:absolute;left:0;top:0}
  .lp-nums{grid-template-columns:1fr;gap:20px}.lp-band-inner{padding:36px 22px 28px}.lp-roles{padding:20px 22px 28px}
  .lp-advert,.lp-twin,.lp-feedback,.lp-facts,.lp-fork,.lp-ship ol{grid-template-columns:1fr}
  .lp-score{grid-template-columns:84px minmax(0,1fr)}.lp-ring,.lp-ring svg{width:84px;height:84px}
  .lp-person{grid-template-columns:34px minmax(0,1fr) auto}.lp-person .lp-bar{display:none}
  .lp-float{width:auto;margin:14px 0 0;transform:none}
  .lp-card{padding:18px 16px 22px}.lp-week{gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .lp-motion [data-lp-reveal],.lp-motion .lp-steps ol::before{transition:none;opacity:1;transform:none}
  .lp-motion .lp-ring-fill{transition:none;stroke-dashoffset:var(--off,73.9)}
  .lp-fork a{transition:none}.lp-fork a:hover{transform:none}
}
html.access-motion .lp [data-lp-reveal]{opacity:1!important;transform:none!important;transition:none!important}
html.access-motion .lp .lp-ring-fill{stroke-dashoffset:var(--off,73.9)!important;transition:none!important}
html.access-motion .lp .lp-fork a{transition:none}html.access-motion .lp .lp-fork a:hover{transform:none}
.lp-step .lp-mini{margin-top:auto}


/* A shorter hero, so the first chapter shows on the first screen */
.landing-view .landing-copy.landing-copy{min-height:min(520px,calc(100svh - 190px));padding:clamp(48px,8vh,88px) 0 clamp(36px,5vh,56px)}
.landing-view .scroll-cue{display:none}
.lp{padding-top:8px}

/* Phones: copy first, one small result card, no cropped mockups, no masks, no fixed layers.
   iPhone Safari struggles with masked, clipped and fixed-position layers while scrolling. */
@media(max-width:720px){
  body.application-page{background:linear-gradient(180deg,#e6f1e8 0%,#f1f4ea 40%,#f6f2e9 100%)}
  body.application-page::before{display:none}
  .landing-view .landing-copy.landing-copy{min-height:0;padding:36px 0 28px}
  .lp{gap:12px;padding:0 0 8px}
  .lp-chapter,.lp-chapter.is-flip,.lp-hold,.lp-band{border-radius:20px}
  .lp-copy{padding:22px 18px 20px}
  .lp-copy h2,.lp-hold h2,.lp-band h2{margin-bottom:8px;font-size:1.35rem;line-height:1.2}
  .lp-copy>p,.lp-hold>div>p{font-size:.9rem;line-height:1.6}
  .lp-fig{margin-bottom:8px}
  .lp-points,.lp-caption,.lp-footnote,.lp-float,.lp-sticker,.lp-card-top{display:none}
  .lp-cta{margin-top:14px}
  .lp-link{width:100%;justify-content:space-between}

  /* mockups are left out on phones, except one compact result card on the first chapter */
  .lp-visual,.lp-chapter.is-flip .lp-visual{display:none}
  .lp-chapter.lp-sage:first-child .lp-visual{display:block;padding:0 14px 16px}
  .lp-chapter.lp-sage:first-child .lp-card{padding:14px;border:1px solid #d9dfd6;border-radius:16px}
  .lp-chapter.lp-sage:first-child :is(.lp-twin,.lp-stronger){display:none}
  .lp-chapter.lp-sage:first-child .lp-score{margin:0;grid-template-columns:76px minmax(0,1fr);gap:14px}
  .lp-chapter.lp-sage:first-child .lp-ring,.lp-chapter.lp-sage:first-child .lp-ring svg{width:76px;height:76px}
  .lp-chapter.lp-sage:first-child .lp-ring b{font-size:1.25rem}
  .lp-chapter.lp-sage:first-child .lp-score strong{font-size:.95rem}

  /* leave out the secondary chapters and extras */
  .lp-chapter.is-flip.lp-sage,.lp-ship,.lp-steps .lp-mini,.lp-roles li:nth-child(n+5){display:none}
  .lp-steps-head{margin-bottom:14px}.lp-steps-head p{display:none}.lp-steps-head h2{font-size:1.35rem}
  .lp-steps ol{grid-template-columns:1fr;gap:16px}
  .lp-steps ol::before{top:0;bottom:0;left:23px;right:auto;border-top:0;border-left:2px dashed #b9c6bb}
  .lp-step{gap:4px;padding-left:66px;min-height:48px}
  .lp-step-n{position:absolute;left:0;top:0;width:48px;height:48px;font-size:1.2rem}
  .lp-step h3{margin:0;font-size:1.05rem}.lp-step p{font-size:.86rem}
  .lp-band-inner{padding:24px 18px 16px}
  .lp-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:16px}
  .lp-nums dd{font-size:1.9rem}.lp-nums dt{font-size:.72rem;line-height:1.35}
  .lp-roles{padding:14px 18px 18px;gap:8px}.lp-roles li{padding:6px 10px;font-size:.78rem}
  .lp-hold{padding:22px 18px;gap:14px}
  .lp-hold-links{margin-top:10px}
  .lp-facts{grid-template-columns:1fr;gap:8px}
  .lp-fact{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:12px 14px}
  .lp-fact svg{grid-row:1 / 3;width:20px;height:20px}.lp-fact b{font-size:.9rem}.lp-fact span{font-size:.8rem}
  .lp-fork a{padding:14px 16px}
}