.landing { --lp-ink:#191c20; --lp-blue:#3544ee; --lp-lime:#d8f86c; --lp-paper:#f7f7f0; --lp-line:#dcdcce; margin:0; background:var(--lp-paper); color:var(--lp-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.landing *, .landing *::before, .landing *::after { box-sizing:border-box; }
.landing h1,.landing h2,.landing h3,.landing p { margin:0; }
.landing a { color:inherit; text-decoration:none; }
.landing button,.landing input { font:inherit; }
.landing button,.landing a { -webkit-tap-highlight-color:transparent; }
.landing button { cursor:pointer; }
.landing .lp-icon { width:24px; height:24px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.lp-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.lp-wrap { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.lp-skip { position:fixed; top:-100px; left:16px; padding:16px; background:white; z-index:11000; }
.lp-skip:focus { top:16px; }
.landing .lp-nav { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(1440px,100%); margin:auto; padding:10px 32px; background:var(--lp-paper); border-bottom:1px solid var(--lp-line); position:sticky; top:0; z-index:100; box-shadow:none; }
.landing .lp-logo { display:inline-flex; align-items:center; gap:8px; font-size:29px; font-weight:800; letter-spacing:-1.6px; color:var(--lp-ink); }
.lp-logo-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:var(--lp-blue); color:white; }
.lp-brand-dot { color:var(--lp-blue); margin-left:-8px; }
.landing .nav-links { display:flex; align-items:center; gap:32px; font-size:13px; font-weight:600; }
.landing .nav-links > a { display:inline-flex; align-items:center; min-height:44px; }
.landing .nav-links a:hover { color:var(--lp-blue); }
.landing .auth-nav-signin-btn { background:transparent; color:var(--lp-ink); border:1px solid var(--lp-ink); border-radius:6px; box-shadow:none; min-height:44px; }
.landing .auth-nav-container { min-width:120px; }
.lp-hero.lp-wrap { width:100%; }
.lp-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding-block:16px 32px; }
.lp-hero-copy { display:flex; justify-content:space-between; gap:24px; align-items:center; width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.lp-hero-intro,.lp-hero-details { min-width:0; }
.lp-eyebrow { font-size:11px; font-weight:700; letter-spacing:1.6px; line-height:1.6; text-transform:uppercase; }
.lp-status-dot,.lp-live-dot { width:7px; height:7px; background:var(--lp-blue); border-radius:50%; display:inline-block; margin-right:8px; }
.lp-hero h1 { display:flex; flex-wrap:wrap; gap:0 .2em; font-size:clamp(36px,3.6vw,48px); font-weight:800; letter-spacing:-.065em; line-height:1.08; margin:0; }
.lp-hero h1 br { display:none; }
.lp-hero h1>span { color:var(--lp-blue); white-space:nowrap; }
.lp-hero-description { font-size:17px; line-height:1.65; color:#555b63; max-width:540px; }
.lp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:30px; }
.lp-hero .lp-actions { margin:0; }
.lp-hero .lp-actions .lp-button { min-height:48px; padding:12px 18px; gap:18px; white-space:nowrap; }
.lp-button { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:56px; padding:16px 22px; border:0; border-radius:6px; font-size:14px; font-weight:650; transition:transform .2s; }
.lp-button:hover { transform:translateY(-2px); }
.landing .lp-button-blue { color:white; background:var(--lp-blue); }
.lp-video-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:13px; font-weight:600; }
.lp-play { display:grid; place-items:center; width:32px; height:32px; border:1px solid #bdc0c3; border-radius:50%; font-size:11px; }
.lp-microcopy { display:flex; gap:7px; align-items:center; color:#656b70; font-size:10px; line-height:1.6; margin-top:17px!important; }
.lp-microcopy .lp-icon { width:15px; height:15px; color:#596938; }
.lp-hero-bottom { display:flex; gap:16px; font-size:11px; font-weight:600; margin-top:24px; }
.lp-hero-bottom span+span { border-left:1px solid var(--lp-line); padding-left:16px; }
.lp-hero-visual { min-width:0; width:min(1600px,calc(100% - 48px),calc((100svh - 232px)*16/9)); margin-inline:auto; border:1px solid #cfd2da; border-radius:12px; overflow:hidden; background:var(--lp-paper); position:relative; scroll-margin-top:80px; }
.lp-live-dot { background:#3544ee; width:6px; height:6px; }
.lp-tour::cue { font-size:12px; background:#191c20dd; color:white; }
.lp-transcript summary::after { content:"+"; margin-left:auto; }
.lp-transcript[open] summary::after { content:"−"; }
.lp-tour { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:var(--lp-ink); }
.lp-video-footer { padding:4px 14px; display:flex; justify-content:space-between; align-items:center; gap:8px; background:var(--lp-lime); font-size:11px; font-weight:600; }
.lp-video-footer button { display:flex; gap:10px; align-items:center; min-height:44px; border:1px solid #50611e; background:transparent; border-radius:5px; padding:8px 12px; font-size:11px; }
.lp-transcript { font-size:10px; color:#51586a; padding:8px 18px; background:var(--lp-paper); }
.lp-transcript summary { cursor:pointer; min-height:44px; display:flex; align-items:center; }
.lp-transcript p { line-height:1.6; padding:8px 0; }
.lp-hero-support { width:min(740px,calc(100% - 40px)); margin:8px auto 0; text-align:center; }
.lp-hero-support .lp-hero-description { max-width:none; font-size:15px; }
.lp-hero-support .lp-microcopy { justify-content:center; max-width:none; margin-top:10px!important; }
.lp-hero-support .lp-transcript { margin-top:18px; padding:0; border-top:1px solid var(--lp-line); text-align:left; }
.lp-proof-strip { border-top:1px solid var(--lp-line); border-bottom:1px solid var(--lp-line); }
.lp-proof-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:28px; }
.lp-proof-inner>p { font-size:9px; line-height:1.7; letter-spacing:1px; color:#6d7277; }
.lp-proof-inner strong { color:var(--lp-ink); font-size:10px; }
.lp-proof-inner>span { display:flex; gap:10px; align-items:center; font-size:13px; font-weight:550; }
.lp-proof-inner .lp-icon { width:21px; height:21px; color:var(--lp-blue); }
.lp-section { padding-block:90px; scroll-margin-top:90px; }
.lp-section-top { margin-bottom:36px; }
.lp-section h2,.lp-savings-section h2 { font-size:clamp(32px,3.4vw,48px); font-weight:700; line-height:1.14; letter-spacing:-2px; margin-top:14px; }
.lp-section-top h2>span { color:#7b7e78; }
.lp-section-top>p:last-child { margin-top:20px; font-size:15px; line-height:1.6; color:#646a6e; }
.lp-benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.lp-benefit { padding:36px; border-radius:10px; }
.lp-benefit-number { font-size:10px; letter-spacing:1px; font-weight:650; margin-bottom:20px; }
.lp-benefit h3 { font-size:36px; font-weight:700; letter-spacing:-1.5px; line-height:1.1; margin-bottom:18px; }
.lp-benefit p { font-size:14px; line-height:1.75; max-width:430px; }
.lp-benefit-savings { background:#e9edff; }
.lp-text-link { display:inline-flex; gap:18px; align-items:center; font-size:13px; font-weight:650; min-height:44px; margin-top:20px; }
.lp-text-link:hover { color:var(--lp-blue); }
.lp-price-demo { border:1px solid #b6bddb; border-radius:6px; background:var(--lp-paper); padding:18px 20px; margin-top:28px; }
.lp-price-demo>div { display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:12px; padding-bottom:12px; }
.lp-price-demo strong { font-size:20px; font-weight:650; }
.lp-price-demo .lp-price-gap { border-top:1px solid var(--lp-line); padding-top:14px; padding-bottom:10px; }
.lp-price-gap strong { color:var(--lp-blue); display:flex; align-items:center; gap:12px; }
.lp-price-demo small { font-size:9px; line-height:1.5; color:#707477; display:block; }
.lp-benefit-checks { background:#eeeede; }
.lp-checklist { list-style:none; margin:36px 0 22px; padding:0; }
.lp-checklist li { display:flex; gap:12px; align-items:center; font-size:13px; border-top:1px solid #cdcfb9; padding-block:18px; }
.lp-checklist .lp-icon { width:20px; height:20px; }
.lp-card-note { font-size:10px!important; color:#777b69; }
.lp-benefit-fit { grid-column:1/-1; background:var(--lp-lime); display:grid; grid-template-columns:80px 1.5fr 1fr; gap:25px; align-items:center; }
.lp-fit-icon { width:72px; height:72px; border:1px solid #76864a; border-radius:50%; display:grid; place-items:center; }
.lp-fit-icon .lp-icon { width:40px; height:40px; }
.lp-benefit-fit h3 { font-size:31px; }
.lp-fit-tags { display:flex; flex-wrap:wrap; align-content:center; gap:12px; }
.lp-fit-tags span { padding:13px 18px; border:1px solid #7b8e40; border-radius:6px; font-size:12px; }
.lp-fit-tags span:nth-child(2) { background:var(--lp-ink); color:var(--lp-lime); border-color:var(--lp-ink); }
.lp-savings-section { background:#ecece5; padding-block:70px; }
.lp-savings-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.lp-savings-section h2 { margin-bottom:24px; }
.lp-savings-section p:not(.lp-eyebrow) { font-size:14px; line-height:1.8; color:#666b6b; }
.lp-calculator { background:var(--lp-paper); padding:30px; border:1px solid #cfcfc0; border-radius:10px; }
.lp-budget-line { display:flex; align-items:center; justify-content:space-between; font-size:11px; gap:12px; }
.lp-budget-line output { font-size:24px; font-weight:700; letter-spacing:-1px; }
.lp-calculator input { width:100%; height:44px; accent-color:var(--lp-blue); cursor:pointer; }
.lp-range-labels { display:flex; justify-content:space-between; font-size:10px; color:#777d7a; }
.lp-scenario { display:flex; gap:8px; flex-wrap:wrap; padding:0; border:0; margin:26px 0; }
.lp-scenario legend { font-size:11px; margin-bottom:12px; }
.lp-scenario button { flex:1; border:1px solid #c2c6be; background:transparent; border-radius:5px; min-height:44px; min-width:68px; font-size:12px; }
.lp-scenario button[aria-pressed=true] { background:var(--lp-ink); color:white; border-color:var(--lp-ink); }
.lp-savings-output { display:flex; flex-direction:column; gap:8px; padding:20px; border-radius:6px; background:var(--lp-lime); }
.lp-savings-output>span { font-size:11px; }
.lp-savings-output>strong { font-size:52px; letter-spacing:-2px; }
.landing .lp-calculator .lp-calculator-note { font-size:9px; line-height:1.7; margin-top:14px; }
.lp-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; list-style:none; margin:44px 0 0; padding:0; }
.lp-steps>li { border-top:1px solid #aaaeb0; padding-top:20px; }
.lp-steps>li>span { display:block; font-size:14px; font-weight:650; color:var(--lp-blue); margin-bottom:35px; }
.lp-steps h3 { font-size:20px; letter-spacing:-.6px; margin-bottom:16px; }
.lp-steps p { font-size:13px; line-height:1.8; color:#666c6e; }
.lp-featured-section { padding-top:20px; }
.lp-featured-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:32px; }
.lp-featured-heading h2 { font-size:35px; }
.lp-featured-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.lp-featured-card { min-width:0; border:1px solid #d1d4ca; border-radius:10px; overflow:hidden; background:#fff; }
.lp-featured-image-link { display:block; position:relative; aspect-ratio:5/3; overflow:hidden; }
.lp-featured-image-link img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.lp-featured-image-link:hover img { transform:scale(1.03); }
.lp-featured-image-link>span { position:absolute; top:14px; left:14px; background:var(--lp-paper); padding:7px 10px; border-radius:4px; font-size:10px; font-weight:600; }
.lp-featured-body { padding:20px; }
.lp-featured-body h3 { font-size:21px; letter-spacing:-.7px; margin-bottom:20px; }
.lp-featured-prices { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lp-featured-prices>div { min-width:0; }
.lp-featured-prices span { display:block; font-size:10px; color:#727779; margin-bottom:8px; }
.lp-featured-prices strong { font-size:19px; letter-spacing:-.6px; }
.lp-featured-prices strong[data-used-price] { color:var(--lp-blue); }
.lp-featured-prices small,.lp-reference-source { display:block; font-size:9px; color:#747a7e; line-height:1.6; margin-top:7px; }
.landing .lp-reference-source { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; }
.lp-featured-body .lp-text-link { width:100%; justify-content:space-between; border-top:1px solid var(--lp-line); padding-top:14px; }
.lp-featured-note { font-size:10px; line-height:1.7; color:#747970; margin-top:18px!important; }
.lp-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:80px; border-top:1px solid var(--lp-line); padding-top:65px; }
.lp-faq-list details { border-bottom:1px solid var(--lp-line); }
.lp-faq-list summary { cursor:pointer; min-height:70px; display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:600; gap:20px; list-style:none; }
.lp-faq-list summary::-webkit-details-marker { display:none; }
.lp-faq-list summary::after { content:'+'; font-size:24px; font-weight:400; }
.lp-faq-list details[open] summary::after { content:'−'; }
.lp-faq-list p { font-size:13px; line-height:1.8; color:#666c6e; padding:0 28px 24px 0; }
.lp-final-cta { background:var(--lp-blue); color:white; padding:68px 0; overflow:hidden; }
.lp-final-cta .lp-wrap { position:relative; }
.lp-final-cta h2 { font-size:clamp(44px,5vw,70px); font-weight:700; letter-spacing:-3px; line-height:1.05; margin:24px 0 28px; }
.lp-final-cta h2 span { color:var(--lp-lime); }
.landing .lp-button-lime { background:var(--lp-lime); color:var(--lp-ink); min-width:230px; }
.lp-final-cta .lp-wrap>p:last-of-type { font-size:11px; margin-top:18px; color:#d3d7ff; }
.lp-cta-spark { position:absolute; width:190px; height:190px; right:40px; top:40px; fill:var(--lp-lime); stroke:none; transform:rotate(15deg); }
.lp-footer { min-height:108px; display:flex; align-items:center; gap:30px; }
.lp-footer-brand { font-size:22px; font-weight:800; letter-spacing:-1px; }
.lp-footer>p { font-size:11px; color:#71796e; }
.lp-footer>div { display:flex; gap:26px; margin-left:auto; }
.lp-footer>div>a { display:inline-flex; align-items:center; min-height:44px; font-size:11px; }
.lp-toasts { position:fixed; top:88px; right:16px; max-width:calc(100vw - 32px); z-index:11000; }
.lp-toast { background:var(--lp-ink); color:white; border-radius:6px; padding:16px; font-size:13px; margin-top:8px; }
@media(max-width:1100px) { .lp-wrap { width:calc(100% - 64px); } .lp-hero-copy { width:calc(100% - 64px); gap:24px; } .lp-savings-grid { gap:50px; } .lp-actions { gap:16px; } .lp-proof-inner { gap:18px; } .lp-proof-inner>span { font-size:11px; } .lp-benefit { padding:30px; } }
@media(max-width:900px) { .landing .lp-nav { padding:8px 24px; min-height:60px; } .landing .nav-links { gap:18px; } .landing .nav-links>a:first-child { display:none; } .lp-hero { padding-block:12px 28px; } .lp-hero-copy { gap:16px; } .lp-hero h1 { font-size:36px; } .lp-hero-visual { width:min(calc(100% - 32px),calc((100svh - 280px - env(safe-area-inset-bottom,0px))*16/9)); } .lp-hero-description { font-size:15px; } .lp-hero-bottom { flex-wrap:wrap; gap:10px; font-size:9px; } .lp-hero-bottom span+span { padding-left:10px; } .lp-actions { gap:10px; } .lp-button { font-size:12px; min-height:52px; } .lp-video-link { font-size:11px; } .lp-section { padding-block:65px; } .lp-proof-inner { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .lp-benefit-fit { grid-template-columns:56px 1fr; } .lp-fit-icon { width:56px; height:56px; } .lp-fit-tags { grid-column:2; } .lp-benefit h3 { font-size:30px; } .lp-savings-grid { gap:32px; } .lp-calculator { padding:22px; } .lp-steps { gap:24px; } .lp-featured-heading h2 { font-size:30px; } .lp-featured-prices { grid-template-columns:1fr; gap:12px; } .lp-faq { gap:40px; } .lp-cta-spark { right:10px; width:130px; height:130px; } }
@media(max-width:767px) { .lp-wrap { width:calc(100% - 40px); } .landing .lp-nav { padding:max(8px,env(safe-area-inset-top,0px)) 20px 8px!important; min-height:60px; background:var(--lp-paper); } .landing .lp-logo { font-size:25px; min-width:0; gap:7px; } .lp-logo-mark { width:32px; height:32px; border-radius:7px; } .landing .lp-logo-mark .lp-icon { width:21px; height:21px; } .landing .auth-nav-container { min-width:104px; } .landing .auth-nav-signin-btn { font-size:12px; padding:10px 14px; border-radius:5px; } .landing .nav-links>a { display:none; } .lp-hero { gap:12px; padding-block:12px 28px; } .lp-hero-copy { width:calc(100% - 40px); gap:12px; } .lp-hero-visual { width:min(calc(100% - 24px),calc((100svh - 280px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*4/3)); border-radius:10px; scroll-margin-top:72px; } .lp-tour { aspect-ratio:4/3; } .lp-hero .lp-eyebrow { font-size:9px; letter-spacing:.7px; } .lp-hero h1 { display:block; font-size:clamp(28px,8vw,36px); line-height:1.03; margin:0; } .lp-hero h1 br { display:block; } .lp-hero .lp-actions .lp-button { min-height:44px; font-size:12px; padding:10px 12px; gap:10px; } .lp-hero .lp-actions .lp-icon { width:18px; height:18px; } .lp-hero-description { font-size:15px; max-width:470px; line-height:1.7; } .lp-actions { margin-top:24px; gap:18px; } .lp-button { font-size:13px; padding:15px 18px; gap:20px; min-height:52px; } .lp-video-link { font-size:12px; } .lp-microcopy { font-size:9px; align-items:flex-start; max-width:300px; } .lp-hero-bottom { margin-top:24px; font-size:9px; } .lp-video-heading { padding:13px 14px; font-size:7px; } .lp-video-footer { padding:4px 12px; font-size:9px; } .lp-video-footer button { font-size:10px; padding:8px 10px; } .lp-transcript { padding-inline:14px; } .lp-proof-inner { padding-block:24px; gap:20px 12px; } .lp-proof-inner>span { font-size:10px; gap:8px; } .lp-proof-inner .lp-icon { width:18px; height:18px; } .lp-proof-inner>p { font-size:8px; } .lp-proof-inner strong { font-size:9px; } .lp-section { padding-block:52px; scroll-margin-top:74px; } .lp-section-top { margin-bottom:26px; } .lp-section h2,.lp-savings-section h2 { font-size:32px; letter-spacing:-1.4px; line-height:1.16; } .lp-eyebrow { font-size:9px; letter-spacing:1px; } .lp-section-top>p:last-child { font-size:13px; margin-top:16px; } .lp-benefit-grid { grid-template-columns:1fr; gap:14px; } .lp-benefit { padding:26px; border-radius:8px; } .lp-benefit h3 { font-size:32px; } .lp-benefit p { font-size:13px; } .lp-benefit-number { font-size:9px; margin-bottom:18px; } .lp-price-demo { padding:16px; margin-top:22px; } .lp-price-demo>div { font-size:11px; } .lp-price-demo strong { font-size:19px; } .lp-price-gap strong { gap:5px; } .lp-price-gap .lp-icon { width:18px; height:18px; } .lp-checklist { margin-top:24px; } .lp-checklist li { font-size:12px; padding-block:16px; } .lp-benefit-fit { grid-template-columns:1fr; gap:24px; } .lp-fit-tags { grid-column:1; gap:8px; } .lp-fit-tags span { font-size:10px; padding:10px 12px; } .lp-savings-section { padding-block:48px; } .lp-savings-grid { grid-template-columns:1fr; gap:28px; } .lp-savings-section p:not(.lp-eyebrow) { font-size:13px; } .lp-calculator { padding:22px; } .lp-budget-line { font-size:10px; } .lp-budget-line output { font-size:24px; } .lp-savings-output>strong { font-size:48px; } .lp-steps { grid-template-columns:1fr; gap:28px; margin-top:30px; } .lp-steps>li>span { margin-bottom:16px; } .lp-steps h3 { font-size:20px; margin-bottom:10px; } .lp-steps p { font-size:13px; } .lp-featured-section { padding-top:8px; } .lp-featured-heading { display:block; margin-bottom:24px; } .lp-featured-heading h2 { font-size:32px; } .lp-featured-grid { grid-template-columns:1fr; gap:20px; } .lp-featured-prices { grid-template-columns:1fr 1fr; } .lp-featured-body { padding:22px; } .lp-featured-body h3 { font-size:24px; } .lp-featured-prices strong { font-size:21px; } .lp-featured-prices span { font-size:11px; } .lp-featured-prices small,.lp-reference-source { font-size:10px; } .lp-faq { grid-template-columns:1fr; gap:26px; } .lp-faq-list summary { font-size:14px; min-height:68px; } .lp-faq-list p { font-size:12px; } .lp-final-cta { padding-block:46px; } .lp-final-cta h2 { font-size:44px; letter-spacing:-2px; position:relative; z-index:1; } .lp-cta-spark { width:70px; height:70px; top:0; right:0; opacity:.75; } .lp-final-cta .lp-eyebrow { max-width:230px; } .lp-final-cta .lp-wrap>p:last-of-type { font-size:10px; } .lp-footer { padding-block:26px; flex-wrap:wrap; gap:10px 20px; } .lp-footer>div { width:100%; margin:0; gap:28px; } .landing .mobile-tab-bar { background:var(--lp-paper); border-top:1px solid var(--lp-line); backdrop-filter:none; } .landing .mobile-tab-bar a[aria-current=page] { color:var(--lp-blue); background:#e8eafe; border-radius:7px; } }
@media(max-width:360px) { .lp-hero h1 { font-size:26px; } .lp-actions { gap:10px; } .lp-video-link { font-size:10px; gap:7px; } .lp-actions .lp-button { font-size:12px; gap:14px; padding-inline:14px; } .lp-play { width:26px; height:26px; } .lp-hero-bottom { gap:7px; font-size:8px; } .lp-hero-bottom span+span { padding-left:7px; } .lp-price-demo { padding:12px; } .lp-price-gap strong { font-size:17px; } .lp-calculator { padding:18px; } .lp-featured-body { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .landing *, .landing *::before,.landing *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

@media (min-width:768px) and (max-height:500px) { .landing .lp-nav { padding-block:4px; min-height:52px; } .lp-hero { padding-top:8px; gap:8px; } .lp-hero h1 { font-size:28px; } .lp-hero .lp-actions .lp-button { min-height:44px; padding-block:10px; } .lp-hero-visual { width:min(calc(100% - 32px),calc((100svh - 170px - var(--tab-height,0px) - env(safe-area-inset-bottom,0px))*16/9)); } .lp-video-footer { padding-block:0; } .lp-video-footer>span { display:none; } .lp-video-footer button { margin-left:auto; } }