/* Bayti landing page. One bold thing (the live phone tour); everything else quiet and warm. */
:root{
 --night:#17110c;--night-2:#1f1710;--card:#251b13;--card-2:#2d2117;--line:#3b2d20;
 --paper:#f7efe4;--dust:#bba993;--ember:#f0a94e;--clay:#e0693a;--glow:#ffd59a;--sage:#7fbf9e;--plum:#8b6cff;
 --display:'Secular One','Rubik',system-ui,sans-serif;--body:'Rubik',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
 --radius-lg:28px;--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
html,body.lp{overflow-x:clip}
body.lp{margin:0;background:var(--night);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
body.lp a{color:inherit}
.lp :focus-visible{outline:3px solid var(--ember);outline-offset:3px;border-radius:10px}
.lp-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;background:var(--ember);color:#1b1208!important;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.lp-skip:focus{top:12px}
main{display:block}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;letter-spacing:-.01em}

/* ---------- bar ---------- */
.lp-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(12px + env(safe-area-inset-top,0px)) clamp(16px,4vw,48px) 12px;background:rgba(23,17,12,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0d}
.lp-brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:22px;text-decoration:none}
.lp-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ember),var(--clay));color:#fff;box-shadow:0 8px 20px -8px #e0693a99}
.lp-logo svg{width:20px;height:20px}
.lp-nav{display:flex;align-items:center;gap:clamp(10px,2vw,22px);font-size:15px}
.lp-nav>a:not(.lp-btn){text-decoration:none;color:var(--dust)}
.lp-nav>a:not(.lp-btn):hover{color:var(--paper)}
@media (max-width:560px){.lp-nav .lp-btn-sm{display:none}}

/* ---------- buttons ---------- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border-radius:99px;background:linear-gradient(150deg,var(--ember),var(--clay));color:#1b1208!important;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 16px 36px -14px #e0693acc,inset 0 1px 0 #ffffff55;transition:transform .15s ease,box-shadow .15s ease}
.lp-btn:hover{transform:translateY(-2px);box-shadow:0 22px 42px -14px #e0693aee,inset 0 1px 0 #ffffff55}
.lp-btn:active{transform:translateY(0) scale(.98)}
.lp-btn-sm{min-height:40px;padding:0 18px;font-size:14px}
.lp-btn-ghost{background:transparent;color:var(--paper)!important;border:1px solid var(--line);box-shadow:none}
.lp-btn-ghost:hover{border-color:var(--ember);box-shadow:none}

.lp-invited{margin:18px auto 0;max-width:640px;padding:12px 18px;border-radius:var(--radius);background:#7fbf9e1c;border:1px solid #7fbf9e55;color:#cfe9dc;text-align:center;font-size:15px}

/* ---------- hero ---------- */
.lp-hero{position:relative;overflow:clip;overflow-clip-margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,56px);align-items:center;max-width:1240px;margin:0 auto;padding:clamp(40px,7vw,96px) clamp(18px,4vw,48px) clamp(48px,7vw,96px)}
.lp-hero::before{content:'';position:absolute;inset-inline-end:0;top:-8%;width:70%;height:110%;background:radial-gradient(closest-side,#f0a94e2e,#e0693a12 55%,transparent);pointer-events:none;z-index:0}
.lp-hero>*{position:relative;z-index:1}
.lp-hero h1{font-size:clamp(40px,4.3vw,64px);line-height:1.06}
.lp-hero h1 span{display:block}
.lp-lead{font-size:clamp(17px,1.6vw,20px);color:#e2d5c4;max-width:34em;margin:22px 0 0}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.lp-note{margin:12px 0 0;color:var(--dust);font-size:14px}
.lp-facts{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:26px 0 0;color:#e2d5c4;font-size:15px}
.lp-facts li{display:flex;align-items:center;gap:8px}
.lp-facts li::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px #7fbf9e26}

/* ---------- the live tour ---------- */
.lp-tour{position:relative;display:grid;grid-template-columns:auto minmax(210px,1fr);gap:clamp(16px,2vw,28px);align-items:center}
.lp-phone{position:relative;width:300px;height:612px;border-radius:48px;padding:12px;background:linear-gradient(160deg,#3a2c20,#1d150e);box-shadow:0 50px 100px -30px #000,0 0 0 1px #ffffff14 inset,0 0 80px -10px #f0a94e33}
.lp-notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:94px;height:26px;border-radius:20px;background:#0a0705;z-index:3}
.lp-screen{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#110c08;direction:inherit}
.lp-slide{position:absolute;inset:0;padding:56px 16px 16px;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.lp-slide.active{opacity:1;transform:none}
.lp-steps{display:flex;flex-direction:column;gap:8px}
.lp-step{position:relative;display:block;width:100%;text-align:start;padding:14px 16px 16px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--dust);font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.lp-step b{display:block;font-family:var(--display);font-weight:400;font-size:19px;color:#d9ccbb;line-height:1.25}
.lp-step span{display:block;font-size:14px;line-height:1.5;margin-top:3px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease}
.lp-step[aria-selected=true]{background:var(--card);border-color:var(--line);color:#e2d5c4}
.lp-step[aria-selected=true] b{color:var(--paper)}
.lp-step[aria-selected=true] span{max-height:80px;opacity:1}
.lp-step:hover:not([aria-selected=true]) b{color:var(--paper)}
.lp-step-bar{position:absolute;inset-inline:16px;bottom:8px;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden;opacity:0}
.lp-step[aria-selected=true] .lp-step-bar{opacity:1}
.lp-step-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ember),var(--clay))}
.lp-tour.playing .lp-step[aria-selected=true] .lp-step-bar>i{animation:lpFill var(--dur,4.6s) linear forwards}
.lp-tour.paused .lp-step[aria-selected=true] .lp-step-bar>i{animation-play-state:paused}
@keyframes lpFill{to{width:100%}}
.lp-pause{grid-column:2;justify-self:start;margin-inline-start:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--paper);display:grid;place-items:center;cursor:pointer;z-index:4}
.lp-pause .ic-pause{width:12px;height:13px;border-inline:4px solid currentColor}
.lp-pause.is-paused .ic-pause{width:0;height:0;border:0;border-block:7px solid transparent;border-inline-start:12px solid currentColor;margin-inline-start:3px}
[dir=rtl] .lp-pause.is-paused .ic-pause{transform:scaleX(-1);margin-inline-start:0;margin-inline-end:3px}

/* ---------- mock screens (inside the phone) ---------- */
.m-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px}
.m-head b{display:block;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1}
.m-head small{display:block;color:var(--dust);font-size:12px;margin-top:3px}
.m-pts{padding:5px 10px;border-radius:99px;background:#f0a94e22;border:1px solid #f0a94e66;color:var(--ember);font-weight:700;font-size:13px;white-space:nowrap}
.m-pts em{font-style:normal}
.m-row{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-bottom:8px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.m-row>div{flex:1;min-width:0}
.m-row b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-row small{display:block;color:var(--dust);font-size:11px}
.m-check{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #6c5c4c;position:relative}
.m-check.on,.lp-slide.active .m-done-anim .m-check{background:var(--sage);border-color:var(--sage)}
.m-check.on::after,.lp-slide.active .m-done-anim .m-check::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #10261b;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.lp-slide.active .m-done-anim .m-check{animation:mPop .45s 1.1s both}
.lp-slide.active .m-done-anim b{animation:mStrike .4s 1.3s both}
.m-strike{text-decoration:line-through;color:#8f8070!important}
@keyframes mPop{0%{transform:scale(.3);background:transparent;border-color:#6c5c4c}70%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes mStrike{to{text-decoration:line-through;color:#8f8070}}
.m-av{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#1b1208}
.m-av.big{width:64px;height:64px;font-size:28px;margin:0 auto 10px;box-shadow:0 0 0 4px #ffffff10}
.c1{background:#b79bff}.c2{background:var(--ember)}.c3{background:var(--sage)}.c4{background:#f29a7a}
.m-toast{position:absolute;inset-inline:40px;bottom:22px;padding:11px 14px;border-radius:99px;text-align:center;font-weight:700;font-size:14px;color:#1b1208;background:linear-gradient(150deg,var(--ember),var(--clay));box-shadow:0 12px 26px -10px #000;opacity:0;transform:translateY(20px)}
.m-toast-purple{background:linear-gradient(150deg,var(--plum),#e0693a);color:#fff}
.lp-slide.active .m-toast{animation:mToast 2.2s 1.6s both}
@keyframes mToast{0%{opacity:0;transform:translateY(20px)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}
.m-live{width:12px;height:12px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 0 #7fbf9e88;margin-top:8px}
.lp-slide.active .m-live{animation:mPulse 1.6s infinite}
@keyframes mPulse{70%{box-shadow:0 0 0 10px #7fbf9e00}100%{box-shadow:0 0 0 0 #7fbf9e00}}
.m-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:12px;margin-bottom:10px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:12px;color:var(--dust)}
.m-progress b{color:var(--paper);font-size:14px}
.m-bar{flex-basis:100%;height:6px;border-radius:6px;background:#ffffff14;overflow:hidden}
.m-bar i{display:block;height:100%;width:0;border-radius:6px;background:var(--sage)}
.lp-slide.active .m-bar i{animation:mGrow 1s .3s ease-out forwards}
@keyframes mGrow{to{width:var(--w)}}
.m-new{border-color:var(--ember);opacity:0}
.lp-slide.active .m-new{animation:mIn .5s 1.2s both}
@keyframes mIn{0%{opacity:0;transform:translateY(-14px) scale(.96)}100%{opacity:1;transform:none}}
.m-tag{flex:none;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:700;color:#1b1208;background:linear-gradient(150deg,var(--ember),var(--clay))}
.m-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px}
.m-week span{display:flex;flex-direction:column;align-items:center;padding:7px 0;border-radius:12px;font-size:10px;color:var(--dust)}
.m-week span b{font-size:15px;color:var(--paper);font-weight:600}
.m-week span.on{background:linear-gradient(150deg,var(--ember),var(--clay));color:#3b2208}
.m-week span.on b{color:#1b1208}
.m-event{position:relative;padding:11px 12px;padding-inline-start:18px;margin-bottom:8px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.m-event::before{content:'';position:absolute;inset-inline-start:7px;top:10px;bottom:10px;width:4px;border-radius:4px;background:currentColor}
.m-event.c1,.m-event.c2,.m-event.c3{background:var(--card)}
.m-event.c1{color:#b79bff}.m-event.c2{color:var(--ember)}.m-event.c3{color:var(--sage)}
.m-event small{display:block;font-size:11px;color:var(--dust)}
.m-event b{display:block;font-size:14px;font-weight:600;color:var(--paper)}
.m-bell{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:99px;background:#f0a94e22;color:var(--ember);font-size:10.5px;font-weight:600}
.lp-slide.active .m-bell{animation:mIn .5s 1s both}
.m-card{padding:13px;margin-bottom:10px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.m-card-top{display:flex;gap:10px;align-items:center}
.m-card-top b{display:block;font-size:14px;font-weight:600}
.m-card-top small{display:block;font-size:11px;color:var(--dust)}
.m-ico{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0a94e22;font-size:18px}
.m-adopt{position:relative;display:grid;margin-top:11px;height:36px;border-radius:99px;overflow:hidden}
.m-adopt i{grid-area:1/1;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;border-radius:99px;transition:opacity .3s ease}
.m-adopt .a1{background:linear-gradient(150deg,var(--ember),var(--clay));color:#1b1208}
.m-adopt .a2{background:var(--sage);color:#10261b;opacity:0}
.lp-slide.active .m-adopt:not(.idle) .a1{animation:mOut .3s 1.5s both}
.lp-slide.active .m-adopt:not(.idle) .a2{animation:mFade .3s 1.5s both}
.lp-slide.active .m-adopt:not(.idle){animation:mTap .35s 1.3s}
@keyframes mOut{to{opacity:0}}@keyframes mFade{to{opacity:1}}
@keyframes mTap{50%{transform:scale(.94)}}
.m-req{text-align:center;padding:20px 14px}
.m-req>b{display:block;font-size:14px;font-weight:600;margin-bottom:14px}
.m-req-btns{display:flex;gap:8px}
.m-req-btns span{flex:1;padding:9px 0;border-radius:99px;font-weight:700;font-size:13px}
.m-yes{background:linear-gradient(150deg,var(--ember),var(--clay));color:#1b1208}
.m-no{border:1px solid var(--line);color:var(--dust)}
.lp-slide.active .m-yes{animation:mTap .35s 1.4s}
.m-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-top:12px;border-radius:99px;background:var(--card);border:1px solid var(--line)}
.m-seg span{padding:8px 0;border-radius:99px;text-align:center;font-size:12px;color:var(--dust)}
.m-seg span.on{background:#7fbf9e26;color:var(--sage);font-weight:700}
.m-ring{width:150px;height:150px;margin:6px auto 8px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ember) 0 var(--deg,0deg),#ffffff12 0)}
.m-ring>div{width:120px;height:120px;border-radius:50%;background:#110c08;display:grid;place-items:center;align-content:center}
.m-ring span{font-size:30px;line-height:1}
.m-ring b{font-family:var(--display);font-weight:400;font-size:34px;line-height:1.1}
.lp-slide.active .m-ring{animation:mRing 1.2s .2s ease-out forwards}
@property --deg{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes mRing{to{--deg:250deg}}
.m-level{text-align:center;margin:0 0 14px;color:var(--dust);font-size:13px}

/* ---------- sections ---------- */
.lp-sec{max-width:1120px;margin:0 auto;padding:clamp(56px,8vw,112px) clamp(18px,4vw,48px)}
.lp-sec-head{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.lp-sec-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1}
.lp-sec-head p{color:#d6c8b6;font-size:clamp(16px,1.4vw,18px);margin:14px 0 0}

/* before / after */
.lp-vs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lp-vs-side{position:relative;padding:26px;border-radius:var(--radius-lg);min-height:300px}
.lp-vs-side h3{font-size:20px;margin-bottom:18px}
.lp-before{background:#1d1510;border:1px solid #3a2419}
.lp-before h3{color:#e89a86}
.lp-before::after{content:'41';position:absolute;top:22px;inset-inline-end:22px;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:#e0503f;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.bub{max-width:78%;width:fit-content;padding:10px 14px;margin-bottom:10px;border-radius:18px;background:#2b2019;font-size:15px}
.bub.a{transform:rotate(-1.2deg)}.bub.b{transform:rotate(1.4deg);margin-inline-start:10%}
.bub.me{margin-inline-start:auto;background:#1f4a3c;transform:rotate(-.8deg)}
.lp-after{background:linear-gradient(160deg,#1f2a22,#1a1f19);border:1px solid #7fbf9e40}
.lp-after h3{color:var(--sage)}
.calm{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:10px;border-radius:16px;background:#ffffff08;border:1px solid #7fbf9e26;font-size:15px}
.calm span{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7fbf9e26;font-size:15px}

/* tools */
.lp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.lp-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;border:1px solid var(--line);background:transparent;color:#d6c8b6;font:inherit;font-size:15px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.lp-tabs button:hover{border-color:#6b5440;color:var(--paper)}
.lp-tabs button[aria-selected=true]{background:var(--paper);border-color:var(--paper);color:#1b1208;font-weight:600}
.lp-panel{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--line)}
.lp-panel-ico{width:clamp(96px,14vw,150px);aspect-ratio:1;border-radius:32px;display:grid;place-items:center;font-size:clamp(46px,7vw,72px);background:radial-gradient(circle at 30% 25%,#f0a94e40,#e0693a14 70%);border:1px solid #f0a94e33}
.lp-panel h3{font-size:clamp(26px,3vw,36px)}
.lp-panel p{color:#d6c8b6;margin:10px 0 16px;max-width:36em;font-size:17px}
.lp-panel ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.lp-panel li{padding:7px 14px;border-radius:99px;background:#ffffff0a;border:1px solid var(--line);font-size:14px;color:#e2d5c4}
.lp-panel:not([hidden]){animation:lpPanel .35s ease}
@keyframes lpPanel{from{opacity:0;transform:translateY(6px)}}

/* community */
.lp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0 0 clamp(32px,5vw,56px);counter-reset:none}
.lp-flow li{position:relative;padding:22px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);font-size:17px;line-height:1.45}
.lp-flow li span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--paper);color:#1b1208;font-family:var(--display);font-size:17px}
.lp-flow li:not(:last-child)::after{content:'';position:absolute;top:38px;inset-inline-end:-14px;width:14px;height:2px;background:var(--line)}
.lp-tiers{padding:clamp(22px,3vw,34px);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--night-2)}
.lp-tiers h3{font-size:22px;margin-bottom:16px}
.tier{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding:14px 4px;border-top:1px solid var(--line)}
.tier b{font-weight:600;font-size:17px}
.tier span{color:var(--dust)}
.tier.mid b{color:var(--sage)}

/* points */
.lp-ladder{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;margin-bottom:22px}
.rung{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:calc(80px + var(--n) * 34px);padding:14px 8px;border-radius:20px 20px 12px 12px;background:linear-gradient(180deg,#f0a94e26,#f0a94e08);border:1px solid #f0a94e33;text-align:center}
.rung span{font-size:clamp(24px,3vw,34px)}
.rung b{font-weight:600;font-size:clamp(12px,1.3vw,15px);line-height:1.25}
.lp-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-trio div{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)}
.lp-trio span{font-size:24px}
.lp-trio b{font-weight:600}

/* privacy */
.lp-checks{list-style:none;padding:0;margin:0;display:grid;gap:4px;max-width:760px}
.lp-checks li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}
.lp-checks li::before{content:'';flex:none;width:26px;height:26px;margin-top:2px;border-radius:50%;background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2310261b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

/* start */
.lp-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0}
.lp-steps3 li{padding:26px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line)}
.lp-steps3 span{display:block;font-family:var(--display);font-size:56px;line-height:1;color:var(--ember);margin-bottom:12px}
.lp-steps3 b{display:block;font-family:var(--display);font-weight:400;font-size:22px}
.lp-steps3 p{margin:8px 0 0;color:var(--dust)}

/* faq */
.lp-faq details{max-width:820px;border-bottom:1px solid var(--line)}
.lp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:19px;font-weight:600;cursor:pointer}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:'+';flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:20px;font-weight:400;transition:transform .2s ease}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq details p{margin:0 0 20px;color:#d6c8b6;max-width:40em;font-size:17px}

/* final */
.lp-final{position:relative;max-width:980px;margin:clamp(20px,4vw,40px) auto clamp(60px,8vw,100px);padding:clamp(44px,7vw,88px) clamp(22px,5vw,64px);border-radius:40px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 0%,#f0a94e40,transparent 60%),var(--card);border:1px solid #f0a94e40}
.lp-final h2{font-size:clamp(34px,5vw,60px);line-height:1.05}
.lp-final p{color:#e2d5c4;font-size:clamp(17px,1.6vw,20px);margin:16px auto 30px;max-width:30em}
.lp-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px clamp(18px,4vw,48px) calc(26px + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff0d;color:var(--dust);font-size:14px}
.lp-foot nav{display:flex;gap:18px}
.lp-foot a{text-decoration:none}.lp-foot a:hover{color:var(--paper)}

/* ---------- responsive ---------- */
@media (max-width:1120px){
 .lp-hero{grid-template-columns:1fr;text-align:center}
 .lp-hero h1,.lp-lead{margin-inline:auto}
 .lp-cta-row,.lp-facts{justify-content:center}
 .lp-tour{grid-template-columns:1fr;justify-items:center}
 .lp-steps{flex-direction:row;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
 .lp-steps::-webkit-scrollbar{display:none}
 .lp-step{flex:0 0 min(78vw,300px);scroll-snap-align:center;text-align:center}
 .lp-pause{grid-column:1;justify-self:center;margin:0}
}
@media (max-width:760px){
 .lp-vs,.lp-flow,.lp-steps3,.lp-trio{grid-template-columns:1fr}
 .lp-flow li:not(:last-child)::after{display:none}
 .lp-panel{grid-template-columns:1fr;text-align:center}
 .lp-panel-ico{margin:0 auto}
 .lp-panel ul{justify-content:center}
 .lp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * clamp(18px,4vw,48px));padding-inline:clamp(18px,4vw,48px)}
 .lp-tabs::-webkit-scrollbar{display:none}
 .lp-tabs button{flex:none}
 .lp-ladder{gap:6px}
 .rung{height:calc(64px + var(--n) * 24px);padding:10px 4px}
}
@media (max-width:380px){.lp-phone{width:272px;height:560px}}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important}
}

.lp-note-closed{margin:16px 0 0;max-width:34em;text-align:start}
@media (max-width:1120px){.lp-note-closed{margin-inline:auto;text-align:center}}

/* ===== v4 alignment: the same typography and icons as the app ===== */
:root{--display:'Rubik',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
h1,h2,h3,.lp-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.035em}
.ic{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.18em;line-height:0}
.ic .ui-ic{width:1.15em;height:1.15em;stroke-width:1.9}
.lp-invited .ic,.tier b .ic,.m-bell .ic,.m-pts .ic{margin-inline-end:.35em}
.m-ico .ic .ui-ic{width:22px;height:22px}
.calm span .ic .ui-ic,.lp-trio span .ic .ui-ic{width:26px;height:26px}
.m-ring span .ic .ui-ic{width:20px;height:20px;color:var(--glow)}
.ui-ic{display:block}

/* the secondary button keeps the text colour in light mode too (beats the generated body.light .lp-btn rule) */
body.light .lp-btn.lp-btn-ghost{color:var(--paper)!important;border-color:var(--line)}

/* brand: the family scene in the closing call to action */
.lp-final-illo{display:block;width:min(360px,80%);height:auto;margin:0 auto 18px}