/* Approved complete Business illustration design, 20 October 2026.
   Retains existing locale, account, Flex/Monthly and navigation behavior. */
.lp{--lp-bg:#faf8f1;--lp-surface:#fdfcf8;--lp-ink:#142c2e;--lp-ink-2:#405658;--lp-muted:#607476;--lp-line:#dfe7e1;--lp-line-2:#c7d9d0;--lp-accent:#24655e;--lp-accent-ink:#194d47;--lp-accent-soft:#e4f1e8;--lp-accent-line:#c7d9d0;--lp-dark:#163834;--lp-wrap:1176px;--lp-sec:96px;background:#faf8f1}
.lp :is(h1,h2,h3,.lp-h1,.lp-h2,.lp-step h3,.lp-plan h3){font-family:var(--lp-font);font-weight:700;letter-spacing:-.025em}
.lp .lp-h1{font-size:64px;line-height:1.02;max-width:12ch}.lp .lp-h2{font-size:44px;line-height:1.08}.lp p.lp-hero-summary{font-size:30px;line-height:1.2;color:var(--lp-accent);font-weight:600}.lp p.lp-lead{font-size:18px}
.lp-head{background:#faf8f1f5}.lp-head .lp-wrap{min-height:76px}.lp-nav a[aria-current=page]{background:transparent;color:var(--lp-accent)!important}
.lp-btn{border-radius:999px;white-space:normal;text-align:center;padding-block:10px}.lp-lang-trigger{border-radius:12px;white-space:nowrap}
.lp-hero{background:none;padding:64px 0 96px}.lp-hero .lp-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px}.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--lp-accent-soft);border-radius:99px;padding:6px 14px;font-size:14px;letter-spacing:0;text-transform:none}
.lp-illustrated-hero{padding:30px 0 40px;margin:0;max-width:100%}.lp-illustrated-hero::before{inset:-10px 8% 0;border-radius:999px 999px 28px 28px;background:#cfe7da;opacity:.7}.lp-illustrated-hero::after{inset:-28px 5% -18px;border:1px dashed #24655e59;border-radius:999px 999px 28px 28px;transform:none}
.lp-illustrated-hero .lp-device-stage{padding:0}.lp-art-frame{border-radius:22px;overflow:hidden;background:white;border:1px solid var(--lp-line);box-shadow:0 30px 60px -40px #142c2e80}.lp-art-frame>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.lp-illustrated-hero .lp-hero-phone{width:150px;inset-inline-end:-14px;bottom:-46px;padding:7px;border-radius:26px;background:#10201f}.lp-illustrated-hero .lp-hero-phone img{border-radius:20px}.lp-art-url{position:absolute;inset-inline-start:-18px;bottom:-22px;background:white;border:1px solid var(--lp-line);border-radius:14px;padding:11px 14px;font-size:13px;direction:ltr;box-shadow:0 14px 34px -22px #142c2e4d}
.lp-how{background:#fdfcf8;border-block:1px solid var(--lp-line)}.lp-step{border-radius:22px;padding:28px;background:white}.lp-step h3{font-size:24px}.lp-step ul{font-size:14px}
.lp-step:nth-child(2) .lp-step-ico{background:#fff;box-shadow:inset 0 0 0 1px #c7d9d0}
.lp-compare-grid{margin-top:20px}.lp-plan{border-radius:24px;background:white;padding:28px}.lp-plan h3{font-size:26px}.lp-plan dl>div{grid-template-columns:150px minmax(0,1fr)}.lp-monthly-notice{padding:14px 18px;border-radius:14px;font-size:14.5px}.lp-monthly-shot{margin-top:32px}
.lp-showcase{background:linear-gradient(140deg,#163834,#214c45)}.lp-showcase-grid{grid-template-columns:minmax(0,1fr);gap:32px}.lp-showcase .lp-product-pair{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:48px;align-items:end;max-width:none;width:100%;padding:0;isolation:auto}.lp-product-pair::before{display:none}.lp-product-pair .lp-large-desktop{display:block;width:100%;max-width:none}.lp-product-pair .lp-phone{position:static;transform:none;width:100%;max-width:210px;margin:0;justify-self:end}.lp-product-pair .lp-frame{border:1px solid #ffffff35;border-radius:16px;display:block}.lp-product-pair .lp-screen{aspect-ratio:1440/1000;object-fit:contain}.lp-showcase .lp-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.lp-point{padding-top:20px;border-top:1px solid #ffffff35}.lp-point::before{display:none}.lp-point strong{font-size:18px}.lp-point span{font-size:14px}
.lp-dark{background:#edf3eb}.lp-dark>.lp-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.lp-dark .lp-sec-head{margin:0}.lp-ctrl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lp-ctrl>div{background:#fff;border:1px solid var(--lp-line);border-radius:18px;padding:24px}.lp-ctrl h3{font-size:17px}.lp-ctrl .lp-ico{width:22px;height:22px}
.lp-faq>header{position:static}.lp-guide{display:block;width:180px;height:280px;object-fit:contain;margin-top:28px}.lp-faq summary{font-size:16px}
.lp-contact.lp-illustrated-contact{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;padding:0;border-radius:26px;overflow:hidden;align-items:stretch}.lp-contact-art{min-width:0;min-height:100%}.lp-contact-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.lp-contact-content{min-width:0;padding:40px;display:grid;gap:24px}.lp-contact-content .lp-h2{font-size:38px}.lp-contact-content .lp-intro{font-size:16px}.lp-contact-box{padding:22px;border-radius:16px}.lp-contact-box p{font-size:13px}.lp-contact .lp-have{font-size:14px}
.lp-monthly-terms{padding-top:24px}.lp-monthly-terms details{background:#fff;border-radius:14px;padding:18px 24px}
@media(max-width:1100px){.lp-hero .lp-wrap{gap:36px}.lp .lp-h1{font-size:54px}.lp-illustrated-hero .lp-hero-phone{width:125px;inset-inline-end:0}.lp-art-url{inset-inline-start:0;font-size:11px}.lp-plan dl>div{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:1023.98px){.lp-hero .lp-wrap{grid-template-columns:1fr}.lp-hero .lp-wrap>div{max-width:680px}.lp-illustrated-hero{max-width:600px;margin:30px auto}.lp-illustrated-hero .lp-hero-phone{width:150px}.lp-dark>.lp-wrap{grid-template-columns:1fr;gap:36px}.lp-showcase .lp-product-pair{grid-template-columns:minmax(0,1fr) 160px;gap:28px}.lp-showcase .lp-points{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-contact-content{padding:28px}.lp .lp-h2{font-size:36px}}
@media(max-width:700px){.lp{--lp-sec:64px;--lp-gutter:20px}.lp-hero{padding:40px 0 64px}.lp .lp-h1{font-size:44px;max-width:13ch}.lp p.lp-hero-summary{font-size:25px}.lp p.lp-lead{font-size:16px}.lp-illustrated-hero{width:calc(100% - 12px);margin:16px auto 24px;padding:20px 0 30px}.lp-illustrated-hero .lp-hero-phone{width:27%;padding:4px;border-radius:18px;bottom:-30px}.lp-illustrated-hero .lp-hero-phone img{border-radius:14px}.lp-art-url{max-width:70%;font-size:10px;padding:8px;bottom:-18px}.lp-illustrated-hero::after{inset:-5px 3% -10px}.lp-showcase .lp-product-pair{grid-template-columns:minmax(0,1fr) 90px;gap:12px;max-width:none}.lp-product-pair .lp-phone{min-width:0;padding:4px;border-radius:16px}.lp-product-pair .lp-phone-screen{border-radius:12px}.lp-product-pair .lp-frame{border-radius:8px}.lp-product-pair .lp-frame-bar{padding:4px}.lp-product-pair .lp-frame-bar span{font-size:6px}.lp-showcase .lp-points{gap:24px 16px}.lp-point strong{font-size:16px}.lp-ctrl{grid-template-columns:1fr}.lp-guide{width:120px;height:180px}.lp-contact.lp-illustrated-contact{grid-template-columns:1fr}.lp-contact-art>img{aspect-ratio:3/2;height:auto;object-fit:contain}.lp-contact-content{padding:28px 22px}.lp-contact-content .lp-h2{font-size:32px}.lp-plan dl>div{grid-template-columns:1fr}.lp-contact .lp-have{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.lp *{animation:none!important;transition:none!important}}

/* Larger helpful character; original transparent padding is trimmed by the component. */
.lp mm-helpful-guide.lp-guide{display:block;width:238px;height:420px;margin:24px 0 0;--mm-helper-bg:#faf8f1}
@media(max-width:1023px){.lp mm-helpful-guide.lp-guide{width:210px;height:370px;margin:22px auto 0}}

/* Equal action slots keep desktop CTAs aligned despite the Monthly terms link. */
.lp-plan-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:104px}
@media(max-width:860px){.lp-plan-actions{min-height:0}}
@media(max-width:420px){.lp-plan-actions .lp-btn{align-self:stretch}}

/* Keep the figure centred beneath its introduction at every breakpoint. */
.lp mm-helpful-guide.lp-guide{margin-inline:auto}
.lp-faq>header{text-align:center}
.lp-faq>header .lp-intro{margin-inline:auto}

/* Stacked contact artwork must size to its image, not the full grid height. */
@media(max-width:700px){.lp-contact.lp-illustrated-contact{display:block}.lp-contact-art{min-height:0}.lp-contact-content{align-content:start}}
