:root{--pw:#FBFBF9;--card:#FFFFFF;--s2:#F2F0EA;--s3:#EFEDE7;--line:#E5E2DA;--line2:#CFCABE;
 --ink:#0D0D0D;--ink2:#5C5951;--wine:#3E1519;--wine2:#310F13;--rmut:#C9A0A2;
 --accent:#4A1618;--alarm:#9E2A24;--bone:#F2F0EA;
 --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
 --sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
 --w:1240px;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--pw:#15120F;--card:#1C1815;--s2:#241F1B;--s3:#2A241F;
 --line:#332C27;--line2:#463C35;--ink:#F2F0EA;--ink2:#A8A29A;--wine:#2E1012;--wine2:#250C0F;
 --accent:#CA6C63;--alarm:#DC6F66;color-scheme:dark}}
:root[data-theme="dark"]{--pw:#15120F;--card:#1C1815;--s2:#241F1B;--s3:#2A241F;--line:#332C27;--line2:#463C35;
 --ink:#F2F0EA;--ink2:#A8A29A;--wine:#2E1012;--wine2:#250C0F;--accent:#CA6C63;--alarm:#DC6F66;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--pw);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;
 letter-spacing:-.008em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2{margin:0;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.92;text-wrap:balance}
h1{font-size:clamp(46px,8.6vw,104px)}
h2{font-size:clamp(34px,5.6vw,68px)}
h3{margin:0;font-size:clamp(18px,2vw,22px);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;line-height:1.08}
.w{max-width:var(--w);margin:0 auto;padding-inline:20px}
@media(min-width:800px){.w{padding-inline:56px}}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.eb{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;display:block}
/* line-height .92 makes the cap overhang scale with type size, so the optical gap
   under an eyebrow drifts between a 104px h1 and a 68px h2. This cancels the drift. */
.eb+h1,.eb+h2{margin-top:calc(.11em + 2.6px)}
.bd{font-size:clamp(17px,1.8vw,20px);line-height:1.7;max-width:52ch}
.bd+.bd{margin-top:18px}
section{padding-block:clamp(72px,9vw,132px)}
/* two sections on the same ground must not stack two full paddings */
.bn+.bn,.ox+.ox{padding-top:0}
.bn+.bn>.w>.ehd,.ox+.ox>.w>.ehd{padding-top:clamp(52px,6vw,76px);border-top:1px solid var(--line);
 margin-top:0}
.ox+.ox>.w>.ehd{border-top-color:rgba(242,240,234,.22)}

/* -- the strip: G4 hairline bar, taking the ground it sits on -- */
.led{position:sticky;top:0;z-index:60;
 --lb:var(--pw);--lt:var(--ink);--lm:var(--ink2);--ll:var(--line);--lf:var(--accent);
 --lcb:var(--ink);--lcf:var(--pw);--lmk:var(--accent);
 background:var(--lb);color:var(--lt);border-bottom:1px solid var(--ll);
 transition:background .28s ease,color .28s ease,border-color .28s ease}
.led.on-ox{--lb:var(--wine);--lt:var(--bone);--lm:var(--rmut);--ll:rgba(242,240,234,.22);--lf:var(--bone);
 --lcb:var(--bone);--lcf:var(--wine);--lmk:var(--bone)}
.led .in{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 20px}
@media(min-width:800px){.led .in{padding:13px 56px}}
.led .lock{display:flex;align-items:center;gap:9px;flex:none}
.led .mk{width:24px;height:24px;color:var(--lmk);flex:none;display:block;transition:color .28s ease}
.led .mk svg{width:100%;height:100%;display:block}
.led .wm{font-size:19px;font-weight:900;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;
 display:inline-flex;align-items:center;gap:9px}
.led .wm small{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--lm);
 line-height:1;position:relative;top:0}
@media(max-width:620px){.led .wm small{display:none}}
/* Strip button reads "Start your record" (28 Sep). Only below 375px, where it cannot fit beside the lock, it shortens to "Start". */
@media(min-width:375px){.led .cta .sm{display:none}}
@media(max-width:374px){.led .cta .lg{display:none}}
.led .sec{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--lm);
 white-space:nowrap;flex:none;display:none}
@media(min-width:900px) and (max-width:1059px){.led .sec{display:block;margin-left:10px}}
@media(min-width:1340px){.led .sec{display:block;margin-left:10px}}
.led .nav{display:none;gap:22px;margin-left:auto;flex-wrap:nowrap;align-items:center;min-width:0}
@media(min-width:1060px){.led .nav{display:flex}}
.led .nav a{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lm);
 white-space:nowrap;flex:none}
.led .nav a{position:relative;padding-bottom:3px}
.led .nav a:hover{color:var(--lt)}
.led .nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
 background:var(--lf);opacity:0;transition:opacity .34s ease}
.led .nav a.on{color:var(--lt)}
.led .nav a.on:after{opacity:1}
.led .cta{margin-left:auto;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
 background:var(--lcb);color:var(--lcf);padding:10px 16px;border-radius:999px;white-space:nowrap;
 transition:background .28s ease,color .28s ease}
@media(min-width:1060px){.led .cta{margin-left:20px}}
@media(max-width:620px){.led .cta{padding:9px 12px;font-size:10.5px}} /* after the base rule so it applies */
.led .bar{height:2px;background:var(--ll)}
.led .bar i{display:block;height:2px;width:0;background:var(--lf);transition:background .28s ease}

/* -- grounds -- */
.ox{background:var(--wine);color:var(--bone)}
.ox .eb,.ox .mut{color:var(--rmut)}
.bn{background:var(--pw);color:var(--ink)}
.bn .eb,.bn .mut{color:var(--ink2)}
.ik{background:var(--ink);color:#F2F0EA}
.ik .eb{color:#CA6C63}
.ik .mut{color:#A8A29A}
:root[data-theme="dark"] .ik,@media (prefers-color-scheme:dark){.ik{background:#0A0908}}

/* -- entrance: fade only. no wipe, no slide, no scale. -- */
.js [data-r]{opacity:0;transition:opacity .62s cubic-bezier(.2,.7,.3,1)}
.js [data-r].in{opacity:1}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* -- hero -- */
.hero{padding-block:clamp(66px,8vw,116px) clamp(120px,14vw,188px)}
.hero .bd{margin-top:32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;
 letter-spacing:.02em;text-transform:uppercase;padding:17px 32px;min-height:56px;border-radius:999px;
 border:2px solid transparent;cursor:pointer;transition:transform .16s cubic-bezier(.2,.7,.3,1),background .16s,color .16s}
.btn:hover{transform:translateY(-2px)}
.ox .btn-p{background:var(--bone);color:var(--wine)}
.ox .btn-g{border-color:var(--rmut);color:var(--bone)}
.ox .btn-g:hover{background:var(--bone);color:var(--wine)}
.bn .btn-p{background:var(--ink);color:var(--pw)}
.bn .btn-g{border-color:var(--line2);color:var(--ink)}
.bn .btn-g:hover{background:var(--ink);color:var(--pw)}
.ik .btn-p{background:#FBFBF9;color:#0D0D0D}
.ik .btn-g{border-color:#3A3A37;color:#F2F0EA}
.price{margin-top:16px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* -- the break card: record strip crossing the boundary -- */
.break{max-width:var(--w);margin:clamp(-150px,-11vw,-96px) auto 0;padding-inline:20px;position:relative;z-index:5}
@media(min-width:800px){.break{padding-inline:56px}}
.rec{background:var(--card);border:1px solid var(--line2);border-radius:3px;
 box-shadow:0 14px 40px rgba(13,13,13,.16);overflow:hidden}
.rec .rh,.rec .rr{display:grid;grid-template-columns:96px 1fr 120px;gap:14px;padding:15px 18px;align-items:center}
@media(min-width:760px){.rec .rh,.rec .rr{grid-template-columns:112px 1fr 168px 128px}}
.rec .rh{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);
 border-bottom:2px solid var(--ink);white-space:nowrap}
.rec .rh span,.rec .rr span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.rec .rr{border-bottom:1px solid var(--line);font-size:16px;transition:opacity .5s ease}
.js .rec .rr{opacity:0}
.js .rec.in .rr{opacity:1}
.rec.in .rr:nth-of-type(1){transition-delay:.10s}
.rec.in .rr:nth-of-type(2){transition-delay:.20s}
.rec.in .rr:nth-of-type(3){transition-delay:.30s}
.rec .rm{transition:opacity .5s ease .42s}
.js .rec .rm{opacity:0}
.js .rec.in .rm{opacity:1}
.rec .rr:last-of-type{border-bottom:0}
.rec .ri,.rec .wn{font-family:var(--mono);font-size:13px;white-space:nowrap}
.rec .wn{color:var(--ink2);display:none}
@media(min-width:760px){.rec .wn{display:block}}
.pl{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;font-style:normal;
 padding:4px 10px;border:1px solid var(--line2);border-radius:2px;white-space:nowrap;color:var(--ink2)}
.pl.live{background:var(--ink);color:var(--pw);border-color:var(--ink)}
.rm{padding:13px 18px;border-top:1px solid var(--line2);font-family:var(--mono);font-size:10px;
 letter-spacing:.1em;color:var(--ink2);overflow-wrap:anywhere;background:var(--s2)}

/* -- numbered register - the piece you liked -- */
.qt{margin:46px 0 0;padding:28px 0 0;border-top:2px solid currentColor}
.qt p{font-size:clamp(19px,2.3vw,26px);line-height:1.42;letter-spacing:-.022em;font-weight:500;margin:0}
.qt cite{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
 text-transform:uppercase;font-style:normal;color:var(--ink2)}
.ox .qt cite,.ik .qt cite{color:var(--rmut)}
.lst{margin-top:44px;border-top:2px solid currentColor;display:grid;grid-auto-rows:1fr}
.lst>div{display:grid;grid-template-columns:44px 1fr;gap:6px 16px;padding:22px 0;
 border-bottom:1px solid var(--line);align-items:baseline;align-content:center}
.ox .lst>div,.ik .lst>div{border-bottom-color:rgba(242,240,234,.2)}
@media(min-width:800px){.lst>div{grid-template-columns:44px minmax(0,1fr) minmax(0,1.05fr);align-items:baseline}}
.lst .n{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent)}
.ox .lst .n,.ik .lst .n{color:var(--rmut)}
.lst b{font-size:clamp(21px,2.6vw,30px);font-weight:800;letter-spacing:-.03em}
.lst i{font-style:normal;grid-column:2;font-size:16px;line-height:1.55;color:var(--ink2)}

.ox .lst i,.ik .lst i{color:var(--rmut)}
@media(min-width:800px){.lst i{grid-column:auto}}
.lst .px{grid-column:2;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--accent)}
.ox .lst .px,.ik .lst .px{color:var(--rmut)}

/* -- plain numbered steps -- */
.steps{margin-top:44px;border-top:2px solid currentColor}
.steps>div{display:grid;grid-template-columns:44px 1fr;gap:6px 16px;padding:20px 0;border-bottom:1px solid var(--line)}
.ox .steps>div{border-bottom-color:rgba(242,240,234,.2)}
.steps .n{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent)}
.ox .steps .n{color:var(--rmut)}
.steps .t{font-size:clamp(18px,2vw,22px);font-weight:700;letter-spacing:-.02em}
.steps .dsc{grid-column:2;font-size:16px;line-height:1.6;color:var(--ink2);max-width:56ch}
.ox .steps .dsc{color:var(--rmut)}

/* -- cards -- */
.g{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
@media(min-width:720px){.g.c2{grid-template-columns:repeat(2,1fr)}.g.c3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.g.c4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:720px) and (max-width:979px){.g.c4{grid-template-columns:repeat(2,1fr)}}
.g>div{background:var(--pw);padding:28px 26px}
.ox .g{background:rgba(242,240,234,.26);border-color:rgba(242,240,234,.26)}
.ox .g>div{background:var(--wine);color:var(--bone)}
.ox .g .k{color:var(--rmut)}
.ox .g p{color:var(--rmut)}
.g .k{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2)}
.g h3{margin:12px 0 10px}
.g p{font-size:15.5px;color:var(--ink2);line-height:1.55}

/* -- comparison -- */
.cmp{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(242,240,234,.24);
 border:1px solid rgba(242,240,234,.24);margin-top:44px}
@media(min-width:760px){.cmp{grid-template-columns:.85fr 1.15fr}}
.cmp>div{background:var(--wine);padding:30px 28px}
.bn .cmp{background:var(--line);border-color:var(--line)}
.bn .cmp>div{background:var(--card);color:var(--ink)}
.bn .cmp .lbl{color:var(--ink2)}
.bn .cmp li i{color:var(--accent)}
.cmp .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rmut);margin-bottom:16px}
.cmp .big{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.045em;text-transform:uppercase;line-height:1}
.cmp ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.cmp li{font-size:16.5px;display:flex;gap:12px;align-items:flex-start}
.cmp li i{font-family:var(--mono);font-size:11px;font-style:normal;color:var(--rmut);flex:none;width:18px;padding-top:4px}

/* -- faq -- */
.faq{margin-top:40px;border-top:2px solid currentColor}
.faq details{border-bottom:1px solid var(--line)}
.ox .faq details{border-bottom-color:rgba(242,240,234,.2)}
.faq summary{list-style:none;cursor:pointer;padding:22px 34px 22px 0;position:relative;
 font-size:clamp(17px,1.9vw,20px);font-weight:700;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:20px;font-family:var(--mono);font-size:20px;
 font-weight:400;color:var(--accent)}
.ox .faq summary:after{color:var(--rmut)}
.faq details[open] summary:after{content:"–"}
.faq p{padding:0 0 22px;font-size:16.5px;line-height:1.65;max-width:62ch;color:var(--ink2)}
.ox .faq p{color:var(--rmut)}

/* -- misc -- */
.ehd{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
 border-bottom:2px solid currentColor;padding-bottom:16px;margin-bottom:40px}
.ehd span{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.small{margin-top:30px;font-size:13px;line-height:1.65;color:var(--ink2);max-width:80ch}
.ox .small,.ik .small{color:var(--rmut)}
.small a{text-decoration:underline;text-underline-offset:2px}
.cl{background:var(--wine);color:var(--bone);padding-block:clamp(96px,13vw,168px);text-align:center}
.cl .in{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3.4vw,40px)}
.cl .mk{width:clamp(52px,7vw,92px);height:clamp(52px,7vw,92px);color:var(--bone);display:block}
.cl .mk svg{width:100%;height:100%;display:block}
.cl h2{font-size:clamp(34px,6.2vw,76px)}
.cl .tag{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--rmut)}
.cl .btn{background:var(--bone);color:var(--wine);border-color:transparent}
.foot{padding-block:44px 64px;background:var(--wine2);color:var(--bone);
 border-top:1px solid rgba(242,240,234,.16)}
.foot .lock{display:flex;align-items:center;gap:10px}
.foot .mk{width:28px;height:28px;color:var(--bone);display:block}
.foot .mk svg{width:100%;height:100%;display:block}
.foot .wm{font-size:22px;font-weight:900;letter-spacing:-.05em;text-transform:uppercase}
.foot .tag{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--rmut)}
.foot p{margin-top:22px;font-size:13px;line-height:1.65;color:var(--rmut);max-width:80ch}
.foot .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px;
 margin-top:44px;padding-top:34px;border-top:1px solid rgba(240,235,229,.16)}
.foot .cols h4{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
 color:var(--rmut);margin:0 0 14px;font-weight:500}
.foot .cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot .cols a,.foot .cols button{font-size:13.5px;line-height:1.4;color:var(--bone);text-decoration:none;
 background:none;border:0;padding:0;font:inherit;font-size:13.5px;cursor:pointer;text-align:left;
 border-bottom:1px solid transparent;transition:border-color .15s}
.foot .cols a:hover,.foot .cols button:hover{border-bottom-color:var(--bone)}
.foot .base{margin-top:40px;padding-top:24px;border-top:1px solid rgba(240,235,229,.16);
 display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
 font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rmut)}
@media(max-width:820px){.foot .cols{grid-template-columns:1fr 1fr;gap:30px 26px}}
@media(max-width:520px){.foot .cols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}
 [data-r]{opacity:1!important}}

/* -- additions for the Exhibit Log preview, built only from the voted parts above -- */
body{background:var(--pw)}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--ink);color:var(--pw);padding:10px 14px;font-family:var(--mono);font-size:12px}
.skip:focus{left:12px;top:12px}
.pv{background:var(--ink);color:#F2F0EA;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:7px 16px}
.soon{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:3px 8px;border:1px solid currentColor;border-radius:2px;vertical-align:middle;margin-left:10px;line-height:1.4}
.lst b .soon{font-size:10px;letter-spacing:.14em}
.g .soon{margin-left:0;margin-top:8px}
.g ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.g li{font-size:15.5px;line-height:1.55;color:var(--ink2)}
.g li b{color:var(--ink);font-weight:700}
.ox .g li{color:var(--rmut)}.ox .g li b{color:var(--bone)}
.g .here{outline:2px solid var(--ink);outline-offset:-2px}
.ox .g .here{outline-color:var(--bone)}
.stop{margin-top:44px;border-top:2px solid currentColor;padding-top:24px}
.stop p{font-size:16.5px;line-height:1.65;max-width:62ch}
.stop p+p{margin-top:12px}
.stop a,.bd a,.faq a{text-decoration:underline;text-underline-offset:2px}
.ex{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);margin-top:12px}
/* waitlist form: pills and hairlines, same system */
.wl{margin-top:44px;border-top:2px solid currentColor;padding-top:28px;display:grid;gap:26px;max-width:720px}
.fld label,.wl legend{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-bottom:10px;padding:0}
.fld input{width:100%;font:inherit;font-size:18px;padding:16px 18px;border:1px solid var(--line2);border-radius:3px;background:var(--card);color:var(--ink)}
.fld input:focus,.chip input:focus-visible+span,.check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fld input[aria-invalid=true]{border-color:var(--alarm)}
.wl fieldset{border:0;margin:0;padding:0;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;border:2px solid var(--line2);font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.chip input:checked+span{background:var(--ink);color:var(--pw);border-color:var(--ink)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:16px;cursor:pointer}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--ink)}
.msg{font-family:var(--mono);font-size:12px;letter-spacing:.08em;min-height:1.4em}
.msg.err{color:var(--alarm)}.msg.ok{color:var(--ink)}
.wl .btn{justify-self:start}
@media (max-width:480px){.btn{padding:15px 22px;font-size:14px}}
@media (max-width:759px){.rec .rh,.rec .rr{grid-template-columns:84px minmax(0,1fr) 98px;gap:10px;padding:14px}.rec .ri{font-size:11.5px}.rec .rr{font-size:15px}.rec .rr>span:nth-child(2){overflow-wrap:anywhere}}

/* -- strip alignment (28 Sep 2026; alignment only, same faces, colours, mark and motion) --
   1. Every text item in the strip sits on one baseline instead of being centred as a box.
   2. Every mono label in the strip is 10.5px, like the section label and the preview bar, so their capitals
      share one cap height and one cap line. The mark stays centred on the wordmark.
   3. The preview bar puts its capitals in the optical centre: IBM Plex Mono has .052em more room above the
      capitals than below the baseline, and Chrome rounds font ascent and descent to whole pixels, so .051em of padding moves from the bottom to the top. */
.led .in{align-items:baseline}
.led .wm{align-self:baseline;align-items:baseline}
.led .wm small{font-size:10.5px;line-height:inherit}
.led .nav{align-items:baseline}
.led .nav a{font-size:10.5px}
.pv{padding-top:calc(7px + .051em);padding-bottom:calc(7px - .051em)}
/* For businesses the lockup carries "for business", so the strip has less room: the section label shows where the
   nav is hidden, and the nav from 1280px, where all five links fit beside the button. */
@media(min-width:1060px) and (max-width:1279px){.led .in:has(.wm small) .nav{display:none}.led .in:has(.wm small) .sec{display:block;margin-left:10px}.led .in:has(.wm small) .cta{margin-left:auto}}
@media(min-width:1340px){.led .in:has(.wm small) .sec{display:none}}
/* Safety net: a nav link that cannot fit wraps out of sight instead of running under the button. */
.led .nav{flex-wrap:wrap;row-gap:60px;max-height:26px;overflow:clip;overflow-clip-margin:4px}
/* With 10.5px labels the nav needs a little more room: from 1060 to 1099px the section label shows instead, as below 1060. */
@media(min-width:1060px) and (max-width:1099px){.led .nav{display:none}.led .sec{display:block;margin-left:10px}.led .cta{margin-left:auto}}
/* -- waitlist on the landing pages (28 Sep 2026): the form sits on the wine ground -- */
.wl .go{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.wl .zr{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.ox .wl .zr,.ox .fld label,.ox .wl legend{color:var(--rmut)}
.ox .fld input:focus,.ox .chip input:focus-visible+span,.ox .check input:focus-visible,.ox .wl .btn:focus-visible{outline-color:var(--bone)}
.ox .chip span{border-color:rgba(242,240,234,.42);color:var(--bone)}
.ox .chip:hover span{border-color:var(--bone)}
.ox .chip input:checked+span{background:var(--bone);color:var(--wine);border-color:var(--bone)}
.ox .check{color:var(--bone)}
.ox .check input{accent-color:var(--bone)}
.ox .msg.ok{color:var(--bone)}
.ox .msg.err{color:#FFB4A8}
.msg:focus{outline:none}

/* -- landing pages, tightened 30 Sep 2026 (Lauren: "everything is so big … so many words").
   Same faces, colours and components; a smaller scale near 1.333 and less air. -- */
body.lp h1{font-size:clamp(40px,6.2vw,80px);line-height:.94}
body.lp h2{font-size:clamp(28px,3.9vw,48px)}
body.lp .cl h2{font-size:clamp(30px,4.6vw,56px)}
body.lp section{padding-block:clamp(56px,6.5vw,96px)}
body.lp .bd{font-size:clamp(16px,1.5vw,18px);line-height:1.6;margin-top:18px}
body.lp .hero .bd.sub{margin-top:24px;font-weight:600;max-width:46ch}
body.lp .lst{margin-top:28px}
body.lp .lst>div{padding:14px 0}
body.lp .lst b{font-size:clamp(17px,1.7vw,20px);font-weight:700;letter-spacing:-.02em}
body.lp .lst i{font-size:15px}
body.lp .steps{margin-top:28px}
body.lp .steps .t{font-size:clamp(17px,1.7vw,20px)}
body.lp .cmp{margin-top:28px}
body.lp .cmp .big{font-size:clamp(22px,2.4vw,30px)}
body.lp .faq{margin-top:28px}
body.lp .faq summary{font-size:clamp(16px,1.5vw,18px)}
body.lp .stop{margin-top:28px}
body.lp .small{margin-top:14px}
body.lp .wlh{margin-top:44px;font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.03em;line-height:1.05;text-transform:uppercase}
body.lp .wl{margin-top:24px}
body.lp section.hero{padding-block:clamp(52px,6.5vw,96px) clamp(124px,14vw,188px)}