/* Landing 2026: the restaurant's next visit is the story. Shared legacy styles
   stay in styles.css for the legal pages and tutorials. */
html { scroll-behavior:smooth; scroll-padding-top:105px; }
.landing { margin:0; --lp-ink:#173e32; --lp-muted:#617067; --lp-bg:#faf9f5; --lp-line:#dde3db; --lp-orange:#cf4821; --lp-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:var(--lp-bg); color:var(--lp-ink); font-family:var(--lp-font); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.landing *, .landing *::before, .landing *::after { box-sizing:border-box; }
.landing h1,.landing h2,.landing h3,.landing h4,.landing p { margin:0; }
.landing a { color:inherit; text-decoration:none; }
.landing button { font:inherit; }
.landing :focus-visible { outline:3px solid var(--lp-orange); outline-offset:5px; }
.landing .lp-wrap { width:min(1240px, calc(100% - 80px)); margin-inline:auto; }
.landing .lp-skip { position:fixed; left:20px; top:-100px; z-index:1000; padding:12px 20px; background:white; }
.landing .lp-skip:focus { top:10px; }
.landing .lp-nav { position:sticky; top:0; z-index:90; background:rgba(250,249,245,.97); border-bottom:1px solid var(--lp-line); }
.landing .lp-nav-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.landing .lp-brand { display:inline-flex; align-items:center; gap:10px; font-size:25px; font-weight:800; letter-spacing:-1.1px; }
.landing .lp-brand img { width:38px; height:38px; border-radius:10px; }
.landing .lp-brand span span { font-weight:500; }
.landing .lp-links,.landing .lp-nav-actions { display:flex; align-items:center; gap:29px; font-size:14px; font-weight:600; }
.landing .lp-links a:hover,.landing .lp-login:hover { color:var(--lp-orange); }
.landing .lp-nav-actions { gap:22px; }
.landing .lp-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:54px; padding:15px 23px; border:1px solid transparent; border-radius:8px; background:var(--lp-ink); color:#fff; font-size:14px; font-weight:700; line-height:1.4; transition:background .2s,transform .2s; cursor:pointer; }
.landing .lp-button:hover { background:#265640; transform:translateY(-2px); }
.landing .lp-button--orange { background:var(--lp-orange); }
.landing .lp-button--orange:hover { background:#bf4220; }
.landing .lp-button--small { min-height:44px; padding:12px 18px; gap:16px; }
.landing .lp-button--outline { border-color:#cad4cb; color:var(--lp-ink); background:transparent; }
.landing .lp-button--outline:hover { background:#edf0e8; }
.landing .lp-arrow { font-size:21px; line-height:1; font-weight:400; }
.landing .lp-menu-button { display:none; }
.landing .lp-hero { padding:72px 0 65px; }
.landing .lp-hero-grid { display:grid; grid-template-columns:1.06fr 1fr; gap:65px; align-items:center; }
.landing .lp-eyebrow { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:1.65px; text-transform:uppercase; }
.landing .lp-eyebrow::before { content:''; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:var(--lp-orange); }
.landing .lp-hero h1 { margin-top:25px; font-size:clamp(42px,4.5vw,64px); letter-spacing:-.05em; font-weight:700; line-height:1.1; }
.landing .lp-hero h1 em { font:inherit; font-style:normal; letter-spacing:inherit; color:var(--lp-orange); }
.landing .lp-hero-lede { max-width:475px; margin-top:25px; font-size:17px; line-height:1.8; color:var(--lp-muted); }
.landing .lp-hero-lede strong { color:var(--lp-ink); font-weight:600; }
.landing .lp-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:30px; }
.landing .lp-text-link { display:inline-flex; gap:9px; align-items:center; font-size:14px; font-weight:700; padding:12px 0; }
.landing .lp-text-link:hover { color:var(--lp-orange); }
.landing .lp-play { border:1px solid #b4c0b7; border-radius:50%; width:28px; height:28px; display:grid; place-items:center; font-size:12px; padding-left:2px; }
.landing .lp-hero-note { margin-top:17px; font-size:12px; color:var(--lp-muted); }
.landing .lp-hero-note span { padding:0 9px; color:#b5bdb6; }
.landing .lp-visual { position:relative; padding-bottom:28px; }
.landing .lp-photo { width:100%; height:520px; object-fit:cover; object-position:52% center; border-radius:22px; display:block; }
.landing .lp-photo-label { position:absolute; top:20px; left:20px; background:rgba(255,255,255,.94); border-radius:30px; padding:8px 13px; font-size:12px; display:flex; align-items:center; gap:8px; }
.landing .lp-photo-label::before { content:''; width:6px; height:6px; border-radius:100%; background:#44966a; }
.landing .lp-return-card { position:absolute; bottom:8px; left:-28px; width:calc(100% - 30px); padding:20px 23px; background:#fff; box-shadow:0 16px 45px #18372b1c; border:1px solid #e8ebe4; border-radius:14px; display:flex; align-items:center; gap:16px; }
.landing .lp-return-icon { flex:0 0 47px; width:47px; height:47px; border-radius:50%; background:#e7f0e5; display:grid; place-items:center; }
.landing .lp-return-card small { display:block; font-size:12px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:#7a877e; }
.landing .lp-return-card strong { display:block; font-size:18px; font-weight:700; margin-top:2px; }
.landing .lp-return-card p { font-size:12px; color:var(--lp-muted); margin-top:2px; }
.landing .lp-return-amount { margin-left:auto; text-align:right; white-space:nowrap; }
.landing .lp-return-amount b { font-size:24px; font-weight:600; letter-spacing:-.8px; }
.landing .lp-visual-caption { text-align:right; margin-top:9px; font-size:12px; color:#8a948c; }
.landing .lp-proof { border-top:1px solid var(--lp-line); border-bottom:1px solid var(--lp-line); }
.landing .lp-proof-inner { display:flex; min-height:95px; align-items:center; justify-content:space-between; gap:28px; }
.landing .lp-proof-intro { font-size:13px; color:var(--lp-muted); max-width:180px; }
.landing .lp-proof-item { display:flex; gap:12px; align-items:center; font-size:14px; font-weight:600; }
.landing .lp-proof-item svg { width:22px; height:22px; color:#70836f; flex-shrink:0; }
.landing .lp-section { padding:104px 0; }
.landing h2 { font-size:clamp(30px,3vw,42px); font-weight:700; letter-spacing:-.04em; line-height:1.2; }
.landing h2 em { font:inherit; font-style:normal; letter-spacing:inherit; }
.landing .lp-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; margin-bottom:46px; }
.landing .lp-section-heading h2 { margin-top:19px; }
.landing .lp-section-heading > p { max-width:355px; font-size:16px; color:var(--lp-muted); line-height:1.8; padding-bottom:5px; }
.landing .lp-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.landing .lp-step { padding:26px 25px 24px; border:1px solid var(--lp-line); border-radius:13px; background:#fff; display:flex; flex-direction:column; }
.landing .lp-step-number { display:flex; align-items:center; gap:13px; color:var(--lp-orange); font-size:21px; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
.landing .lp-step-number span { color:#798479; font:600 12px var(--lp-font); letter-spacing:1.1px; }
.landing .lp-step h3 { font-size:19px; font-weight:600; letter-spacing:-.6px; margin-top:17px; }
.landing .lp-step > p { font-size:16px; color:var(--lp-muted); line-height:1.85; margin-top:10px; margin-bottom:26px; }
.landing .lp-step-example { margin-top:auto; min-height:171px; border-radius:9px; padding:20px; font-size:12px; }
.landing .lp-balance { background:#eef2e9; }
.landing .lp-balance > span { font-size:12px; }
.landing .lp-balance > strong { display:block; font-size:35px; font-weight:500; letter-spacing:-1.4px; margin:5px 0 8px; }
.landing .lp-balance > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.landing .lp-balance > div > span:first-child { max-width:120px; font-size:12px; line-height:1.5; }
.landing .lp-pill { background:#fff; border-radius:4px; padding:4px 7px; font-size:12px; white-space:nowrap; }
.landing .lp-message { background:#faf0e9; }
.landing .lp-message-title { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:700; }
.landing .lp-message-icon { display:grid; place-items:center; color:var(--lp-orange); width:24px; height:24px; border-radius:6px; background:#fff; font-size:17px; }
.landing .lp-message p { font-size:12px; line-height:1.7; color:#62584f; margin-top:11px; }
.landing .lp-message-link { display:block; font-size:12px; margin-top:10px; color:#97452b; text-decoration:underline; }
.landing .lp-new-sale { background:#f2f3ef; }
.landing .lp-new-sale > div:first-child { display:flex; align-items:center; gap:9px; }
.landing .lp-avatar { display:inline-grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:50%; background:#e3ecdf; color:#52614d; font-size:12px; font-weight:600; }
.landing .lp-avatar--peach { color:#976145; background:#f4e8dc; }
.landing .lp-avatar--blue { color:#53757d; background:#e6edef; }
.landing .lp-new-sale b { display:block; font-size:12px; }
.landing .lp-new-sale small { display:block; color:#718072; font-size:12px; margin-top:3px; }
.landing .lp-sale-check { margin-left:auto; color:#64825d; font-size:17px; }
.landing .lp-sale-total { border-top:1px solid #dfe3da; display:flex; align-items:center; justify-content:space-between; margin-top:22px; padding-top:17px; font-size:12px; }
.landing .lp-sale-total strong { font-size:20px; font-weight:600; letter-spacing:-.5px; }
.landing .lp-example-note { text-align:center; font-size:12px; color:#7c877e; margin-top:22px; }
.landing .lp-product { background:#eaf0e6; padding:95px 0; }
.landing .lp-product-grid { display:grid; grid-template-columns:.85fr 1fr; align-items:center; gap:83px; }
.landing .lp-product-copy h2 { margin-top:20px; }
.landing .lp-product-copy > p:not(.lp-eyebrow) { color:var(--lp-muted); font-size:15px; line-height:1.8; margin-top:22px; }
.landing .lp-benefit-list { margin:32px 0 0; padding:0; list-style:none; display:grid; gap:24px; }
.landing .lp-benefit-list li { display:flex; align-items:flex-start; gap:15px; }
.landing .lp-benefit-list li > span { display:grid; place-items:center; flex:0 0 29px; height:29px; border:1px solid #c4d0bf; font-size:12px; border-radius:50%; margin-top:2px; }
.landing .lp-benefit-list h3 { font-size:15px; font-weight:700; }
.landing .lp-benefit-list p { font-size:14px; line-height:1.7; margin-top:5px; color:var(--lp-muted); }
.landing .lp-dashboard { border:1px solid #d8e1d2; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 20px 65px #254a3010; }
.landing .lp-dash-header { padding:18px 23px; border-bottom:1px solid #e8ece3; display:flex; align-items:center; justify-content:space-between; }
.landing .lp-dash-header .lp-brand { font-size:17px; gap:8px; letter-spacing:-.7px; }
.landing .lp-dash-header .lp-brand img { width:27px; height:27px; border-radius:7px; }
.landing .lp-demo-label { font-size:12px; color:#7f887c; background:#f4f5f0; padding:5px 9px; border-radius:5px; }
.landing .lp-dash-content { padding:26px; }
.landing .lp-dash-title { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.landing .lp-dash-title div > span { color:#83907f; font-size:12px; }
.landing .lp-dash-title h3 { font-size:24px; font-weight:600; letter-spacing:-1px; margin-top:3px; }
.landing .lp-period { border:1px solid #e5e8e1; border-radius:6px; padding:7px 12px; font-size:12px; }
.landing .lp-dash-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:24px 0; }
.landing .lp-dash-stats > div { background:#f2f5ee; padding:17px; border-radius:8px; }
.landing .lp-dash-stats > div > span { font-size:12px; color:#708169; }
.landing .lp-dash-stats strong { display:block; margin-top:4px; font-size:29px; font-weight:600; letter-spacing:-1px; }
.landing .lp-dash-stats small { font-size:12px; font-weight:400; letter-spacing:0; }
.landing .lp-tabs { display:flex; gap:22px; border-bottom:1px solid #e2e7dd; }
.landing .lp-tabs button { min-height:46px; font-size:12px; border:0; background:transparent; color:#879080; padding:10px 0 12px; border-bottom:2px solid transparent; cursor:pointer; }
.landing .lp-tabs button[aria-selected=true] { border-bottom-color:var(--lp-ink); color:var(--lp-ink); font-weight:700; }
.landing .lp-tabs button span { font-size:12px; background:#eef2e9; padding:1px 5px; border-radius:4px; margin-left:4px; }
.landing [hidden] { display:none!important; }
.landing .lp-table-label { display:flex; justify-content:space-between; color:#879080; font-size:12px; margin-top:18px; }
.landing .lp-client-row { display:flex; align-items:center; gap:10px; padding:15px 0; border-bottom:1px solid #edf0e8; }
.landing .lp-client-row b { font-size:12px; font-weight:600; display:block; }
.landing .lp-client-row small { font-size:12px; display:block; color:#8a9385; margin-top:3px; }
.landing .lp-client-status { margin-left:auto; padding:4px 7px; font-size:12px; background:#fbefe5; color:#a0673f; border-radius:4px; white-space:nowrap; }
.landing .lp-client-status--green { color:#3e6e45; background:#edf4e7; }
.landing .lp-dash-footer { display:flex; justify-content:center; align-items:center; gap:7px; font-size:12px; color:#74816e; margin-top:18px; }
.landing .lp-dot { width:5px; height:5px; border-radius:50%; background:#91a888; }
.landing .lp-dash-disclaimer { padding:13px 23px; border-top:1px solid #e8ece3; color:#8a9583; font-size:12px; line-height:1.6; background:#fcfdf9; }
.landing .lp-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 45px; }
.landing .lp-feature-grid article { padding:30px 0; border-bottom:1px solid var(--lp-line); }
.landing .lp-feature-icon { display:block; font-size:31px; line-height:29px; margin-bottom:16px; font-weight:400; }
.landing .lp-feature-svg { display:block; width:29px; height:29px; margin-bottom:16px; }
.landing .lp-feature-grid h3 { font-size:17px; font-weight:600; letter-spacing:-.5px; }
.landing .lp-feature-grid p { font-size:16px; color:var(--lp-muted); line-height:1.8; margin-top:10px; }
.landing .lp-training { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; font-size:14px; color:var(--lp-muted); }
.landing .lp-pricing { background:#fff; border-top:1px solid var(--lp-line); text-align:center; }
.landing .lp-centered .lp-eyebrow { justify-content:center; }
.landing .lp-centered h2 { margin-top:20px; }
.landing .lp-centered > p:last-child { margin-top:22px; color:var(--lp-muted); font-size:16px; }
.landing .lp-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px; max-width:1060px; margin:58px auto 0; text-align:left; }
.landing .lp-plan { border:1px solid #dce3d9; padding:31px 28px 23px; border-radius:12px; position:relative; }
.landing .lp-plan-cycle { text-transform:uppercase; letter-spacing:1.8px; font-size:12px; font-weight:700; }
.landing .lp-plan h3 { margin-top:9px; font-size:14px; color:var(--lp-muted); font-weight:400; }
.landing .lp-price { display:flex; align-items:baseline; gap:4px; font-size:61px; letter-spacing:-2.8px; font-weight:500; line-height:1.2; margin-top:27px; }
.landing .lp-price > span { font-size:18px; letter-spacing:-.5px; margin-right:4px; }
.landing .lp-price > small { font-size:13px; letter-spacing:0; font-weight:400; color:var(--lp-muted); }
.landing .lp-price > sup { font-size:28px; letter-spacing:-1px; }
.landing .lp-price-detail { margin-top:8px; font-size:12px; color:var(--lp-muted); }
.landing .lp-plan .lp-button { width:100%; margin-top:28px; font-size:13px; justify-content:space-between; padding-inline:17px; }
.landing .lp-plan-note { margin-top:15px; text-align:center; font-size:12px; color:#7c8975; }
.landing .lp-plan--featured { background:#edf3e7; border-color:#b3c6a3; }
.landing .lp-plan-tag { position:absolute; top:-14px; left:27px; padding:5px 12px; border-radius:5px; font-size:12px; color:#fff; background:var(--lp-ink); font-weight:600; letter-spacing:.3px; }
.landing .lp-pricing-note { font-size:12px; color:var(--lp-muted); line-height:1.9; margin-top:28px; }
.landing .lp-pricing > .lp-wrap > .lp-text-link { margin-top:15px; font-size:13px; }
.landing .lp-final { background:#173e32; padding:75px 0; color:#fff; }
.landing .lp-final-inner { display:flex; justify-content:space-between; align-items:center; gap:45px; }
.landing .lp-final .lp-eyebrow { color:#bdd0c3; font-size:12px; }
.landing .lp-final h2 { margin-top:18px; font-size:36px; letter-spacing:-1.5px; }
.landing .lp-final h2 em { color:#ceddc7; }
.landing .lp-final-action { flex-shrink:0; }
.landing .lp-final-action p { font-size:12px; color:#bdcfc1; text-align:center; margin-top:13px; }
.landing .lp-footer { padding:62px 0 0; }
.landing .lp-footer-grid { display:grid; grid-template-columns:1.8fr 1fr 1.15fr 1fr; gap:40px; }
.landing .lp-footer-grid > div p { font-size:13px; color:var(--lp-muted); margin-top:17px; line-height:1.8; }
.landing .lp-footer nav { display:flex; flex-direction:column; gap:9px; }
.landing .lp-footer h3 { margin-bottom:7px; font-size:12px; font-weight:700; }
.landing .lp-footer nav a { color:var(--lp-muted); font-size:12px; padding:3px 0; }
.landing .lp-footer nav a:hover { color:var(--lp-orange); }
.landing .lp-footer-bottom { margin-top:47px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--lp-line); padding:23px 0; font-size:12px; color:#83907f; }
.landing .vdlg { width:min(980px,92vw); padding:0; background:#fff; border:0; border-radius:12px; color:var(--lp-ink); }
.landing .vdlg::backdrop { background:#142b23b8; }
.landing .vdlg__topo { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; }
.landing .vdlg__fechar { min-width:44px; min-height:44px; background:transparent; border:1px solid var(--lp-line); border-radius:6px; cursor:pointer; }
.landing .vdlg__palco { position:relative; aspect-ratio:16/9; background:#000; }
.landing .vdlg__palco iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
@media (min-width:1550px) { .landing .lp-hero { padding:90px 0 80px; } }
@media (max-width:1100px) { .landing .lp-links { gap:17px; } .landing .lp-nav-actions { gap:16px; } .landing .lp-hero-grid { gap:40px; } .landing .lp-hero h1 { font-size:50px; letter-spacing:-.05em; } .landing .lp-photo { height:500px; } .landing .lp-proof-inner { gap:20px; } }
@media (max-width:900px) { .landing .lp-links { display:none; position:absolute; top:76px; left:0; right:0; background:var(--lp-bg); padding:20px 30px; border-bottom:1px solid var(--lp-line); } .landing .lp-links.is-open { display:flex; flex-wrap:wrap; } .landing .lp-menu-button { display:grid; place-items:center; background:none; border:1px solid #ccd5cb; border-radius:7px; width:44px; height:44px; color:var(--lp-ink); cursor:pointer; } .landing .lp-nav-inner { min-height:76px; } .landing .lp-hero { padding:46px 0; } .landing .lp-hero-grid { gap:32px; grid-template-columns:1fr 1fr; } .landing .lp-hero h1 { font-size:40px; letter-spacing:-.05em; } .landing .lp-photo { height:470px; } .landing .lp-return-card { left:-15px; width:calc(100% + 5px); padding:16px; gap:10px; } .landing .lp-return-card strong { font-size:15px; } .landing .lp-return-amount b { font-size:19px; } .landing .lp-proof-intro { display:none; } .landing .lp-proof-item { font-size:12px; } }
@media (max-width:680px) { .landing .lp-wrap { width:calc(100% - 40px); } .landing .lp-nav-inner { min-height:72px; gap:12px; } .landing .lp-brand { font-size:22px; } .landing .lp-brand img { width:33px; height:33px; } .landing .lp-nav-actions { gap:10px; } .landing .lp-login { display:none; } .landing .lp-nav-actions .lp-button { font-size:12px; min-height:42px; padding:11px 13px; } .landing .lp-nav-actions .lp-arrow { display:none; } .landing .lp-menu-button { width:40px; height:42px; } .landing .lp-hero { padding:35px 0 28px; } .landing .lp-hero-grid { grid-template-columns:1fr; gap:33px; } .landing .lp-eyebrow { font-size:12px; letter-spacing:1.2px; } .landing .lp-hero h1 { margin-top:21px; font-size:clamp(38px,10.3vw,58px); letter-spacing:-.05em; line-height:1.12; } .landing .lp-hero-lede { margin-top:20px; font-size:16px; line-height:1.7; max-width:100%; } .landing .lp-hero-actions { margin-top:23px; gap:18px; } .landing .lp-hero-actions .lp-button { padding:16px 18px; gap:18px; } .landing .lp-hero-note { font-size:12px; } .landing .lp-photo { height:360px; object-position:center 44%; border-radius:16px; } .landing .lp-return-card { width:calc(100% - 20px); left:10px; bottom:7px; } .landing .lp-proof-inner { min-height:0; padding-block:23px; gap:17px; align-items:flex-start; flex-direction:column; } .landing .lp-proof-item { font-size:14px; } }
@media (prefers-reduced-motion:reduce) { .landing *, .landing *::before, .landing *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media (max-width:1100px) { .landing .lp-product-grid { gap:40px; } .landing .lp-step { padding:22px 19px; } .landing .lp-step-example { padding:16px; } .landing .lp-section-heading { gap:35px; } .landing .lp-section-heading > p { max-width:310px; } .landing .lp-price { font-size:51px; } .landing .lp-plan { padding-inline:21px; } .landing .lp-dash-stats { gap:8px; } .landing .lp-dash-stats > div { padding:13px; } }
@media (max-width:900px) { .landing .lp-section { padding:72px 0; } .landing .lp-section-heading { flex-direction:column; align-items:flex-start; gap:20px; } .landing .lp-section-heading > p { max-width:540px; } .landing .lp-steps { gap:14px; } .landing .lp-step { padding:20px 15px; } .landing .lp-step h3 { font-size:17px; } .landing .lp-step-example { padding:14px; } .landing .lp-balance > div { align-items:flex-start; flex-direction:column; gap:7px; } .landing .lp-message-title { font-size:12px; } .landing .lp-product { padding:65px 0; } .landing .lp-product-grid { grid-template-columns:1fr; gap:40px; } .landing .lp-product-copy { max-width:600px; } .landing .lp-benefit-list { grid-template-columns:repeat(3,1fr); gap:17px; } .landing .lp-benefit-list li { display:block; } .landing .lp-benefit-list li > span { width:29px; margin-bottom:12px; } .landing .lp-dashboard { width:100%; max-width:610px; justify-self:center; } .landing .lp-feature-grid { gap:0 25px; } .landing .lp-plans { gap:12px; } .landing .lp-plan { padding-inline:17px; } .landing .lp-price { font-size:42px; letter-spacing:-2px; } .landing .lp-price > sup { font-size:22px; } .landing .lp-price > small { font-size:12px; } .landing .lp-plan .lp-button { font-size:12px; padding-inline:13px; gap:10px; } .landing .lp-final-inner { align-items:flex-start; flex-direction:column; gap:32px; } .landing .lp-footer-grid { gap:24px; grid-template-columns:1.6fr 1fr 1fr; } .landing .lp-footer-grid > nav:last-child { grid-column:2; } }
@media (max-width:680px) { html { scroll-padding-top:90px; } .landing h2 { font-size:32px; letter-spacing:-1.2px; } .landing .lp-section { padding:55px 0; } .landing .lp-section-heading { margin-bottom:28px; gap:19px; } .landing .lp-section-heading > p { font-size:15px; } .landing .lp-steps { grid-template-columns:1fr; gap:17px; } .landing .lp-step { padding:24px; } .landing .lp-step h3 { font-size:21px; } .landing .lp-step > p { font-size:15px; } .landing .lp-step-example { min-height:150px; padding:20px; } .landing .lp-balance > div { flex-direction:row; align-items:center; } .landing .lp-balance > div > span:first-child { max-width:none; } .landing .lp-message-title { font-size:12px; } .landing .lp-message p { font-size:13px; } .landing .lp-example-note { font-size:12px; line-height:1.7; } .landing .lp-product { padding:55px 0; } .landing .lp-benefit-list { grid-template-columns:1fr; gap:22px; } .landing .lp-benefit-list li { display:flex; gap:13px; } .landing .lp-benefit-list li > span { margin-bottom:0; } .landing .lp-dash-header { padding:16px 18px; } .landing .lp-dash-content { padding:20px 16px; } .landing .lp-dash-title h3 { font-size:22px; } .landing .lp-dash-stats strong { font-size:25px; } .landing .lp-dash-stats > div > span { font-size:12px; } .landing .lp-dash-stats strong small { display:block; font-size:12px; } .landing .lp-dash-stats > div { padding:12px; } .landing .lp-client-row { gap:8px; } .landing .lp-client-row small { max-width:145px; font-size:12px; } .landing .lp-client-row b { font-size:12px; } .landing .lp-client-status { font-size:12px; padding:4px 5px; } .landing .lp-dash-disclaimer { font-size:12px; padding-inline:18px; } .landing .lp-feature-grid { grid-template-columns:1fr 1fr; gap:0 23px; } .landing .lp-feature-grid article { padding:24px 0; } .landing .lp-feature-grid h3 { font-size:16px; } .landing .lp-feature-grid p { font-size:15px; } .landing .lp-training { flex-direction:column; align-items:flex-start; gap:7px; } .landing .lp-training > span { font-size:13px; } .landing .lp-centered > p:last-child { font-size:14px; line-height:1.8; } .landing .lp-plans { grid-template-columns:1fr; gap:28px; max-width:400px; margin-top:36px; } .landing .lp-plan { padding:28px; } .landing .lp-price { font-size:61px; margin-top:20px; } .landing .lp-price > small { font-size:13px; } .landing .lp-price > sup { font-size:28px; } .landing .lp-plan .lp-button { font-size:14px; min-height:52px; padding-inline:20px; } .landing .lp-pricing-note { font-size:12px; margin-top:24px; } .landing .lp-final { padding:50px 0; } .landing .lp-final h2 { font-size:31px; letter-spacing:-1px; } .landing .lp-final .lp-eyebrow { font-size:12px; letter-spacing:1px; } .landing .lp-final-action { width:100%; } .landing .lp-final-action .lp-button { width:100%; justify-content:space-between; } .landing .lp-footer { padding-top:42px; } .landing .lp-footer-grid { grid-template-columns:1fr 1fr; gap:30px 20px; } .landing .lp-footer-grid > div { grid-column:1/-1; } .landing .lp-footer-grid > nav:last-child { grid-column:auto; } .landing .lp-footer nav a { font-size:13px; min-height:32px; } .landing .lp-footer h3 { font-size:13px; } .landing .lp-footer-bottom { margin-top:30px; padding:20px 0; flex-direction:column; gap:9px; font-size:12px; } }