/* Funnel pages: one layout per page type, coloured by the funnel's palette. */
:root{--r:12px;--font:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);-webkit-font-smoothing:antialiased;background:#F4F6FA}
a{color:inherit}

/* preview bar */
.pv{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid #E2E6EE;color:#1A1D24;font-size:13px}
.pv-back{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:9px;border:1px solid #E2E6EE;font-weight:700;text-decoration:none;white-space:nowrap}
.pv-steps{display:flex;gap:4px;margin:0 auto;padding:3px;border-radius:11px;background:#F4F6FA;border:1px solid #E2E6EE}
.pv-steps a{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:8px;font-weight:700;color:#5B6272;text-decoration:none;white-space:nowrap}
.pv-steps a b{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#E2E6EE;color:#1A1D24;font-size:11px}
.pv-steps a.on{background:#1A1D24;color:#fff}
.pv-steps a.on b{background:#FFB020}
.pv-note{font-weight:700;color:#A06A00;white-space:nowrap}
.pv-edit{height:34px;display:inline-flex;align-items:center;padding:0 12px;border-radius:9px;background:#1A1D24;color:#fff;font-weight:800;text-decoration:none;white-space:nowrap}
@media (max-width:900px){ .pv-steps a span{display:none} .pv-note{display:none} }

/* palettes */
.lp{container-type:inline-size;container-name:lp;--bg:#0F2A1F;--fg:#F2F5EF;--mu:#B5C6BC;--ac:#E8C547;--on:#14231B;--card:#fff;--cfg:#1A1D24;--soft:#173A2C;--scr:15,30,22;min-height:calc(100vh - 56px);background:var(--bg);color:var(--fg)}
.pal-ink{--bg:#12151C;--fg:#F4F5F8;--mu:#A9B1C7;--ac:#FFB020;--on:#1A1D24;--soft:#1C2130;--scr:12,14,20}
.pal-berry{--bg:#2A0E1E;--fg:#FFF1F7;--mu:#E3B6CB;--ac:#FF5FA2;--on:#2A0E1E;--soft:#3D1530;--scr:30,8,20}
.pal-ocean{--bg:#0D2233;--fg:#EEF6FB;--mu:#A8C6DA;--ac:#5CC8FF;--on:#0D2233;--soft:#15324A;--scr:8,22,34}
.pal-sunrise{--bg:#2B1708;--fg:#FFF6EC;--mu:#E6C6A6;--ac:#FFA24D;--on:#2B1708;--soft:#3F230E;--scr:30,16,6}
.pal-stone{--bg:#F4F1EC;--fg:#23201C;--mu:#6B6159;--ac:#3F5E54;--on:#fff;--soft:#E9E3DA;--scr:40,34,28}

.lp-in{max-width:1120px;margin:0 auto;padding:0 28px}
.lp-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding:22px 28px;position:relative;z-index:2}
.lp-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:-.02em}
.lp-brand i{width:22px;height:22px;border-radius:7px;background:var(--ac)}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:var(--r);border:0;background:var(--ac);color:var(--on);font:800 16px var(--font);text-decoration:none;cursor:pointer;white-space:nowrap}
.lp-nav .lp-btn{height:42px;font-size:14px;padding:0 16px}
.lp h1{margin:0;font-size:clamp(30px,7cqi,64px);line-height:1.02;font-weight:900;letter-spacing:-.035em;max-width:16ch}
.lp p{font-size:18px;line-height:1.55;color:var(--mu);max-width:56ch}

/* landing */
.lp-hero{position:relative;min-height:74vh;display:flex;flex-direction:column;background:var(--soft) center/cover no-repeat;overflow:hidden}
.lp-hero .lp-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--scr),.85),rgba(var(--scr),.45) 60%,rgba(var(--scr),.15))}
.lp-hero:not(.has-photo) .lp-scrim{background:radial-gradient(60% 70% at 75% 30%,rgba(255,255,255,.1),transparent 60%)}
.lp-hero .lp-in{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding-bottom:64px;width:100%}
.lp-hero p{margin:18px 0 28px;color:inherit;opacity:.9}
.pal-stone .lp-hero.has-photo{color:#fff}
.credit{position:absolute;right:14px;bottom:10px;z-index:3;font-size:12px;opacity:.8}
.credit a{text-decoration:underline;text-underline-offset:2px}
.lp-ben{padding:56px 0 64px}
.lp-ben .lp-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.lp-ben div div,.lp-ben .lp-in > div{border-top:2px solid var(--ac);padding-top:14px}
.lp-ben strong{display:block;font-size:19px}
.lp-ben p{margin:6px 0 0;font-size:16px}

/* opt-in */
.lp-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 56px)}
.lp-pic{position:relative;background:var(--soft) center/cover no-repeat}
.lp-side{display:flex;flex-direction:column}
.lp-side .lp-nav{margin:0;width:100%}
.lp-side .lp-in{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:560px;margin:0;padding:24px 44px 56px}
.lp-tag{align-self:flex-start;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:9px;background:var(--soft);color:var(--ac);font-size:14px;font-weight:800;margin-bottom:16px}
.lp-side h1{font-size:clamp(30px,6cqi,52px)}
.lp-side p{margin:14px 0 22px}
.lp-form{display:grid;gap:12px}
.lp-form label{display:grid;gap:6px;font-size:14px;font-weight:700}
.lp-form input{height:52px;border-radius:var(--r);border:2px solid rgba(128,128,128,.3);background:#fff;padding:0 14px;font:600 16px var(--font);color:#1A1D24}
.lp-fine{display:block;margin-top:12px;font-size:13px;color:var(--mu)}

/* sales, checkout, thank-you */
.lp-plain{padding-bottom:64px}
.lp-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:44px;align-items:start;padding-top:28px}
.lp-plain p{margin:16px 0 0}
.lp-ticks{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.lp-ticks li{display:flex;gap:12px;font-size:18px;font-weight:600;line-height:1.4}
.lp-ticks li::before{content:"";flex:none;width:24px;height:24px;margin-top:1px;border-radius:8px;background:var(--ac)}
.lp-card{background:var(--card);color:var(--cfg);border-radius:18px;padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.22);display:grid;gap:10px}
.lp-card small{font-size:14px;font-weight:800;color:#5B6272}
.lp-price{display:block;font-size:48px;line-height:1.05;font-weight:900;letter-spacing:-.03em}
.lp-price.small{font-size:32px}
.lp-card .lp-btn{width:100%;margin-top:8px;background:#1A1D24;color:#fff}
.pal-stone .lp-card .lp-btn,.lp-card .lp-btn{background:var(--ac);color:var(--on)}
.lp-card em{font-style:normal;font-size:14px;color:#5B6272;text-align:center}
.lp-faq{margin-top:44px;display:grid;gap:10px}
.lp-faq details{max-width:760px}
.lp-faq details{border-radius:var(--r);background:var(--soft);padding:16px 18px}
.lp-faq summary{cursor:pointer;font-size:17px;font-weight:800;min-height:24px}
.lp-faq details p{margin:10px 0 0;font-size:16px}
.lp-light{--bg:#fff;--fg:#1A1D24;--mu:#5B6272;--soft:#F4F6FA;background:#fff;color:#1A1D24}
.lp-pay{margin-top:24px;display:grid;gap:14px;max-width:520px}
.lp-pay label{display:grid;gap:6px;font-size:14px;font-weight:700}
.lp-pay input{height:52px;border-radius:var(--r);border:2px solid #E2E6EE;padding:0 14px;font:600 16px var(--font);background:#FAFBFD}
.lp-note{padding:12px 14px;border-radius:var(--r);background:#FFF6E0;color:#6B4A00;font-size:14px;line-height:1.45}
.lp-sum{box-shadow:none;border:1px solid #E2E6EE;background:#FBFAF7}
.lp-li{display:flex;justify-content:space-between;gap:12px;font-size:17px;padding:10px 0;border-bottom:1px solid #EEE7DD}
.lp-bump{display:flex;gap:12px;padding:14px;border-radius:var(--r);border:2px dashed #E0A93B;background:#FFF6E3;font-size:15px;line-height:1.4;cursor:pointer}
.lp-bump b{display:block}
.lp-bump span span{display:block;font-weight:400}
.lp-trial{padding:10px 14px;border-radius:var(--r);background:#EEF1FF;color:#1E2C7A;font-size:14px;font-weight:700}
.lp-tot{display:flex;justify-content:space-between;font-size:18px;font-weight:800}
.lp-pay .lp-bump{display:flex;gap:12px;align-items:flex-start}
.lp-pay .lp-bump input{width:20px;height:20px;flex:none;margin-top:2px}
.lp-pay .lp-without{display:none}
.lp-in:has(input[name=bump]:not(:checked)) .lp-sum-bump{display:none}
.lp-pay:has(input[name=bump]:not(:checked)) .lp-with{display:none}
.lp-pay:has(input[name=bump]:not(:checked)) .lp-without{display:inline}
.lp-bump input{width:20px;height:20px;margin-top:2px;accent-color:#1A1D24}
.lp-center .lp-in{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:40px}
.lp-center h1{max-width:20ch}
.lp-center p{margin-left:auto;margin-right:auto}
.lp-ok{width:76px;height:76px;border-radius:50%;background:var(--ac);margin-bottom:22px;position:relative}
.lp-ok::after{content:"";position:absolute;left:26px;top:20px;width:16px;height:28px;border-right:5px solid var(--on);border-bottom:5px solid var(--on);transform:rotate(45deg)}
.lp-up{margin-top:30px;max-width:560px;text-align:left}
.lp-up strong{font-size:24px;line-height:1.2}
.lp-up p{color:#5B6272;margin:0;font-size:16px}
.lp-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}
.lp-row .lp-btn{width:auto;margin:0}
.lp-decline{justify-self:center;font-size:14px;color:#8C93A3}

.lp-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1120px;margin:0 auto;padding:22px 28px 28px;font-size:13px;color:var(--mu);border-top:1px solid rgba(128,128,128,.2)}
.lp-made a{font-weight:700;display:inline-flex;align-items:center;min-height:24px}

@container lp (max-width:720px){
  .lp-ben .lp-in,.lp-two{grid-template-columns:1fr}
  .lp-split{grid-template-columns:1fr}
  .lp-pic{min-height:34vh}
  .lp-side .lp-in{padding:20px 24px 44px}
  .lp-hero{min-height:64vh}
}
.lp h1{overflow-wrap:anywhere}
.lp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* a discount code on the checkout (phase 32, design lpb-upsell-154) */
.lp-code{display:flex;gap:8px;min-width:0}
.lp-code input{flex:1;min-width:0;text-transform:uppercase}
.lp-code button,.lp-code-x{height:52px;padding:0 18px;border-radius:var(--r);border:2px solid #E2E6EE;background:#fff;font:800 15px var(--font);color:#1A1D24;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none;flex:none}
.lp-code-ok{font-size:14px;font-weight:700;color:#128A4A}
.lp-code-bad{font-size:14px;font-weight:700;color:#C2410C}
.lp-pay .lp-tot1 b{display:inline}
.lp-li-off{color:#128A4A;font-weight:700}