/* Ritual Learn · articles, infographics and interactive tools */
.l-hero{padding:clamp(36px,5vw,68px) 0 clamp(24px,3vw,36px)}
.l-hero h1{margin:16px 0 18px;max-width:16em}
.l-hero .lede{max-width:660px}
.l-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:13px;color:var(--ink3)}
.l-meta span{display:inline-flex;align-items:center;gap:7px}
.l-meta i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.l-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}
.l-toc{position:sticky;top:84px;font-size:13.5px}
.l-toc b{display:block;font-size:13px;;color:var(--ink3);font-weight:600;margin-bottom:12px}
.l-toc a{display:block;padding:6px 0 6px 14px;border-left:1px solid var(--line);color:var(--ink3);text-decoration:none;transition:color .25s,border-color .25s}
.l-toc a:hover,.l-toc a.on{color:var(--ink);border-left-color:var(--gold)}
.l-body{min-width:0;max-width:780px}
.l-body>section{padding:0 0 clamp(32px,4vw,48px);scroll-margin-top:84px}
.l-body h2{font-size:clamp(30px,3.2vw,42px);margin:0 0 14px}
.l-body h3{font-size:21px;margin:28px 0 10px}
.l-body p,.l-body li{color:var(--ink2);font-size:17px;line-height:1.65}
.l-body p strong,.l-body li strong{color:var(--ink);font-weight:500}
.l-body ul{padding-left:1.1em}
.l-body li{margin:.35em 0}

/* figure card around a chart or tool */
.l-fig{margin:24px 0;padding:22px;border-radius:var(--r);background:#0a0a0a;border:1px solid var(--line)}
.l-fig>header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.l-fig>header b{font-size:13px;font-weight:600;;color:var(--ink2)}
.l-fig>header span{font-size:12px;color:var(--ink3)}
.l-fig figcaption{margin-top:14px;text-align:left;font-size:13px;color:var(--ink3)}
.l-fig.tool{background:#0a0a0a;border-color:var(--line2)}
.l-fig.tool>header b::before{content:"Interactive · ";color:var(--ink3)}

/* key numbers */
.l-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:26px 0;border-radius:22px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.l-stats>div{background:#0a0a0a;padding:22px 20px}
.l-stats b{display:block;font-weight:200;font-size:clamp(36px,4.4vw,52px);letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#f6dc8e,#e6bf59 55%,#b98a32);-webkit-background-clip:text;background-clip:text;color:transparent}
.l-stats span{display:block;margin-top:10px;font-size:13px;color:var(--ink2);line-height:1.4}
.l-stats small{display:block;margin-top:4px;font-size:11px;color:var(--ink3)}

/* steps with a connecting line */
.l-steps{list-style:none;margin:26px 0;padding:0;counter-reset:s}
.l-steps li{position:relative;counter-increment:s;padding:0 0 26px 58px;margin:0}
.l-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(230,191,89,.45);color:var(--gold);font-size:14px;font-weight:600;background:#000;z-index:1}
.l-steps li::after{content:"";position:absolute;left:19px;top:38px;bottom:0;width:1px;background:linear-gradient(rgba(230,191,89,.45),rgba(230,191,89,.05))}
.l-steps li:last-child::after{display:none}
.l-steps b{display:block;color:var(--ink);font-weight:500;font-size:17px;margin:7px 0 4px}
.l-steps span{color:var(--ink2);font-size:15.5px;line-height:1.55}

/* do / avoid, two columns */
.l-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.l-compare>div{padding:22px;border-radius:22px;background:#0a0a0a;border:1px solid var(--line)}
.l-compare h4{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.l-compare .yes h4{color:#4dd980}.l-compare .no h4{color:#ff6b6b}
.l-compare ul{list-style:none;margin:0;padding:0}
.l-compare li{position:relative;padding-left:22px;font-size:15px;margin:9px 0}
.l-compare .yes li::before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:5px;border-left:1.5px solid #4dd980;border-bottom:1.5px solid #4dd980;transform:rotate(-45deg)}
.l-compare .no li::before{content:"";position:absolute;left:1px;top:.72em;width:10px;height:1.5px;background:#ff6b6b}

/* myth / fact flip cards */
.l-myths{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:26px 0}
.l-myth{position:relative;min-height:190px;perspective:900px;cursor:pointer;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit}
.l-myth>div{position:absolute;inset:0;padding:20px;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s var(--ease);display:flex;flex-direction:column;gap:10px}
.l-myth .f{background:#0a0a0a;border:1px solid var(--line)}
.l-myth .b{background:linear-gradient(160deg,rgba(230,191,89,.14),#0a0a0a 70%);border:1px solid rgba(230,191,89,.35);transform:rotateY(180deg)}
.l-myth.on .f{transform:rotateY(-180deg)}.l-myth.on .b{transform:rotateY(0)}
.l-myth em{font-style:normal;font-size:13px;font-weight:700;}
.l-myth .f em{color:#ff6b6b}.l-myth .b em{color:#4dd980}
.l-myth p{margin:0;font-size:16px;line-height:1.45;color:var(--ink)}
.l-myth .b p{font-size:14.5px;color:var(--ink2)}
.l-myth small{margin-top:auto;font-size:11px;color:var(--ink3)}

/* takeaways */
.l-take{margin:26px 0;padding:24px 26px;border-radius:24px;border:1px solid rgba(230,191,89,.28);background:rgba(230,191,89,.04)}
.l-take b{display:block;font-size:13px;font-weight:600;;color:var(--gold);margin-bottom:12px}
.l-take ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.l-take li{position:relative;padding-left:26px;color:var(--ink);font-size:15.5px;margin:0}
.l-take li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:7px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}

/* "In Ritual" callout with a screenshot */
.l-ritual{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:center;margin:30px 0;padding:26px;border-radius:var(--r);background:#0c0b09;border:1px solid rgba(230,191,89,.3)}
.l-ritual.noimg{grid-template-columns:1fr}
.l-ritual .k{font-size:13px;font-weight:600;;color:var(--gold)}
.l-ritual h4{font-size:22px;font-weight:300;letter-spacing:-.02em;margin:10px 0 8px}
.l-ritual p{margin:0 0 14px;font-size:15px;color:var(--ink2)}
.l-ritual .phone{width:200px;padding:7px;border-radius:36px}
.l-ritual .phone .screen{border-radius:30px}

/* glossary-like definition grid */
.l-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0}
.l-defs>div{padding:20px;border-radius:20px;background:#0a0a0a;border:1px solid var(--line)}
.l-defs i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(230,191,89,.25);color:var(--gold);font-style:normal;font-size:16px;margin-bottom:12px}
.l-defs b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.l-defs span{font-size:14px;color:var(--ink2);line-height:1.5}

/* sources */
.l-src{margin-top:10px;padding-top:24px;border-top:1px solid var(--line)}
.l-src b{display:block;font-size:13px;font-weight:600;;color:var(--ink3);margin-bottom:10px}
.l-src ol{margin:0;padding-left:1.2em}
.l-src li{font-size:13px;color:var(--ink3);margin:6px 0;line-height:1.5}
.l-note{font-size:13px;color:var(--ink3);margin-top:18px}

/* ---------- interactive widget parts ---------- */
.lw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px;margin-bottom:18px}
.lw-sl,.lw-se{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 10px}
.lw-l{font-size:13px;font-weight:600;;color:var(--lab)}
.lw-v{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.lw-sl input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--gold) var(--p,50%),rgba(255,255,255,.1) var(--p,50%));outline:0;margin:8px 0 4px;cursor:pointer;touch-action:pan-y}
.lw-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#0b0b0b;border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(230,191,89,.1)}
.lw-sl input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0b0b0b;border:2px solid var(--gold)}
.lw-se select{grid-column:1/-1;width:100%;font:inherit;font-size:15px;color:var(--ink);background:#000;border:1px solid var(--line2);border-radius:12px;padding:10px 36px 10px 12px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.lw-seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#000;border:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}
.lw-seg button{font:inherit;font-size:13.5px;color:var(--ink2);background:none;border:0;padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .25s,color .25s}
.lw-seg button[aria-checked=true]{background:rgba(230,191,89,.16);color:var(--gold)}
.lw-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;margin:18px 0 6px;border-radius:16px;overflow:hidden;background:var(--line)}
.lw-out>div{background:#060606;padding:14px 16px}
.lw-out b{display:block;font-size:22px;font-weight:300;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.lw-out span{display:block;margin-top:2px;font-size:13px;font-weight:600;;color:var(--lab)}
.lw-svg{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}
.lw-svg .ax{font-size:11px;fill:rgba(231,229,225,.4);font-family:var(--sans)}
.lw-svg .ax.hi{fill:var(--gold);font-weight:600}
.lw-svg .dn{font-size:30px;font-weight:200;fill:var(--ink);font-family:var(--sans)}
.lw-path{stroke-dasharray:2000;stroke-dashoffset:0;animation:lwdraw 1.4s var(--ease) both}
.lw-live .lw-path{animation:none;stroke-dasharray:none}
@keyframes lwdraw{from{stroke-dashoffset:2000}}
.lw-leg{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px;color:var(--ink2)}
.lw-leg span{display:inline-flex;align-items:center;gap:7px}
.lw-leg i{width:14px;height:3px;border-radius:2px;display:inline-block}
.lw-note{font-size:12.5px;color:var(--ink3);margin:14px 0 0}
.lw-meals{display:flex;gap:10px;height:150px;align-items:flex-end;margin-top:16px}
.lw-meals>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.lw-meals span{width:100%;max-width:56px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#f0cf74,#c79940);transition:height .35s var(--ease)}
.lw-meals em{font-style:normal;font-size:13px;color:var(--ink)}
.lw-meals small{font-size:11px;color:var(--ink3)}
.lw-donut{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
.lw-donut svg{width:200px;height:200px}
.lw-dl{display:grid;gap:14px}
.lw-dl div{display:grid;grid-template-columns:12px 1fr;column-gap:12px;align-items:baseline}
.lw-dl i{width:12px;height:12px;border-radius:4px;grid-row:1/3;align-self:center}
.lw-dl b{font-size:22px;font-weight:300;color:var(--ink)}
.lw-dl span{font-size:12px;color:var(--ink3)}
.lw-zone,.lw-scale{margin:18px 0 6px}
.lw-zt{display:flex;font-size:11px;color:var(--ink3);margin-bottom:8px}
.lw-zt span{text-align:center}
.lw-zb,.lw-sb{position:relative;display:flex;height:14px;border-radius:7px;overflow:visible;gap:2px}
.lw-zb i,.lw-sb i{display:block;height:100%;border-radius:4px}
.lw-zb i:first-child,.lw-sb i:first-child{border-radius:7px 4px 4px 7px}.lw-zb i:last-of-type,.lw-sb i:last-of-type{border-radius:4px 7px 7px 4px}
.lw-pin{position:absolute;top:-7px;width:4px;height:28px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 0 3px #000;transition:left .35s var(--ease)}
.lw-zx{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);margin-top:8px}
.lw-wakes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 6px}
.lw-wakes div{padding:14px;border-radius:16px;background:#060606;border:1px solid var(--line);text-align:center}
.lw-wakes div.on{border-color:rgba(230,191,89,.5);background:rgba(230,191,89,.06)}
.lw-wakes b{display:block;font-size:24px;font-weight:300;color:var(--ink)}
.lw-wakes span{font-size:12px;color:var(--ink3)}
.lw-plan{display:grid;gap:8px}
.lw-wk{display:grid;grid-template-columns:70px 1fr;gap:4px 14px;align-items:center}
.lw-wk>span{font-size:12px;color:var(--ink3);grid-row:1/3}
.lw-wk>div{display:flex;gap:2px;height:16px}
.lw-wk i{display:block;border-radius:3px}.lw-wk i.r{background:var(--gold)}.lw-wk i.w{background:rgba(255,255,255,.14)}
.lw-wk em{font-style:normal;font-size:12px;color:var(--ink2)}
.lw-zones{display:grid;gap:12px}
.lw-zones>div{display:grid;grid-template-columns:70px 1fr 110px;gap:4px 14px;align-items:center}
.lw-zones .zn{font-size:12px;font-weight:600;color:var(--ink)}
.lw-zones .zb{height:10px;border-radius:5px;background:rgba(255,255,255,.05);overflow:hidden}
.lw-zones .zb i{display:block;height:100%;border-radius:5px}
.lw-zones b{font-size:14px;font-weight:400;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.lw-zones em{grid-column:2/4;font-style:normal;font-size:12px;color:var(--ink3);margin-top:-4px}
.lw-urine{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.lw-urine button{font:inherit;border:1px solid var(--line);background:#060606;border-radius:16px;padding:12px 0 10px;display:grid;justify-items:center;gap:8px;cursor:pointer;color:var(--ink3);transition:border-color .25s,transform .3s var(--ease)}
.lw-urine button i{width:28px;height:40px;border-radius:6px 6px 12px 12px;background:var(--c);box-shadow:inset 0 -6px 10px rgba(0,0,0,.15)}
.lw-urine button[aria-pressed=true]{border-color:var(--gold);transform:translateY(-3px);color:var(--gold)}
.lw-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lw-cols h4{margin:0 0 10px;font-size:13px;font-weight:600;}
.lw-tg{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.lw-tg input{position:absolute;opacity:0;pointer-events:none}
.lw-tgb{width:36px;height:22px;border-radius:11px;background:rgba(255,255,255,.12);position:relative;transition:background .25s}
.lw-tgb::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s var(--ease)}
.lw-tg input:checked+.lw-tgb{background:var(--gold)}.lw-tg input:checked+.lw-tgb::after{transform:translateX(14px)}
.lw-tg input:focus-visible+.lw-tgb{outline:2px solid var(--gold);outline-offset:2px}
.lw-tgl{font-size:14.5px;color:var(--ink)}
.lw-tg b{font-size:12px;font-weight:600;white-space:nowrap}
.lw-net{margin-top:18px;padding:18px;border-radius:18px;background:#060606;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.lw-net span{font-size:13px;font-weight:600;;color:var(--lab)}
.lw-net b{font-size:26px;font-weight:300;color:var(--ink)}
.lw-nb{grid-column:1/-1;position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.06)}
.lw-nb::before{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:rgba(255,255,255,.3)}
.lw-nb i{position:absolute;top:0;bottom:0;border-radius:4px;transition:left .4s var(--ease),width .4s var(--ease),background .3s}
.lw-lv{display:grid;gap:6px;margin-top:16px}
.lw-lv>div{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;border:1px solid transparent;transition:background .3s,border-color .3s}
.lw-lv i{width:10px;height:10px;border-radius:50%}
.lw-lv b{font-weight:400;color:var(--ink2);font-size:15px}
.lw-lv span{font-size:12px;color:var(--ink3)}
.lw-lv>div.on{background:rgba(230,191,89,.07);border-color:rgba(230,191,89,.35)}
.lw-lv>div.on b{color:var(--ink);font-weight:500}
.lw-radar{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center}
.lw-radar svg{width:100%;max-width:320px}
.lw-radar>div{display:grid;gap:10px}
.lw-tiers{display:flex;gap:8px;overflow-x:auto;padding:16px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity}
.lw-tiers::-webkit-scrollbar{display:none}
.lw-tiers>div{flex:0 0 108px;scroll-snap-align:center;padding:14px 12px;border-radius:16px;background:#060606;border:1px solid var(--line);opacity:.45;transition:opacity .3s,border-color .3s,transform .4s var(--ease)}
.lw-tiers i{display:block;width:30px;height:30px;border-radius:50%;margin-bottom:10px;background:conic-gradient(from 200deg,hsl(calc(40 + var(--k)*260),70%,62%),#e6bf59,hsl(calc(40 + var(--k)*260),60%,40%))}
.lw-tiers b{display:block;font-size:13.5px;font-weight:500;color:var(--ink)}
.lw-tiers span{font-size:11px;color:var(--ink3)}
.lw-tiers>div.got{opacity:.85}
.lw-tiers>div.on{opacity:1;border-color:var(--gold);transform:translateY(-4px)}
.lw-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}
.lw-cal .h{font-size:11px;color:var(--ink3);padding-bottom:4px}
.lw-cal>div{padding:8px 0;border-radius:12px;background:#060606;border:1px solid var(--line)}
.lw-cal>div>span{display:block;font-size:13px;color:var(--ink2)}
.lw-cal>div>div{display:flex;justify-content:center;gap:3px;height:10px;align-items:center;margin-top:4px}
.lw-cal>div.done{background:rgba(230,191,89,.09)}
.lw-cal>div.miss{opacity:.4}
.lw-cal>div.today{border-color:var(--gold)}
.lw-cal i,.lw-leg i.cb,.lw-leg i.cd,.lw-leg i.cs,.lw-leg i.cr{display:inline-block;border-radius:2px;background:var(--gold)}
.lw-cal i.cb,.lw-leg i.cb{width:14px;height:3px}
.lw-cal i.cd,.lw-leg i.cd{width:4px;height:4px;border-radius:50%;background:#4dd980}
.lw-cal i.cs,.lw-leg i.cs{width:8px;height:3px}
.lw-cal i.cr,.lw-leg i.cr{width:8px;height:2px;background:rgba(255,255,255,.25)}
.lw-leg b.lgd{width:12px;height:12px;border-radius:4px;display:inline-block;border:1px solid var(--line)}
.lw-leg b.lgd.done{background:rgba(230,191,89,.25)}.lw-leg b.lgd.miss{background:#060606;opacity:.5}
.lw-spl{display:grid;gap:10px}
.lw-spl>div{display:grid;grid-template-columns:52px 1fr 90px;gap:12px;align-items:center}
.lw-spl span{font-size:12px;color:var(--ink3)}
.lw-spl i{display:block;height:12px;border-radius:6px;transition:width .5s var(--ease)}
.lw-spl b{font-size:14px;font-weight:400;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.lw-bars{display:grid;gap:12px}
.lw-bars>div{display:grid;grid-template-columns:minmax(90px,170px) 1fr auto;gap:14px;align-items:center}
.lw-bars span{font-size:13.5px;color:var(--ink2)}
.lw-bars i{height:12px;border-radius:6px;background:rgba(255,255,255,.05);overflow:hidden}
.lw-bars em{display:block;height:100%;width:0;border-radius:6px;transition:width 1.2s var(--ease)}
.lw-ready .lw-bars em{width:var(--w)}
.lw-bars b{font-size:14px;font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums;min-width:60px;text-align:right}

/* ---------- Learn hub ---------- */
.lh-hero{padding:clamp(40px,6vw,84px) 0 clamp(20px,3vw,32px);text-align:center}
.lh-hero h1{margin:16px auto 18px;max-width:14em}
.lh-hero .lede{margin:0 auto}
.lh-switch{display:inline-flex;gap:4px;padding:5px;border-radius:18px;background:#0a0a0a;border:1px solid var(--line);margin-top:30px}
.lh-switch a{padding:11px 20px;border-radius:13px;font-size:14.5px;color:var(--ink2);text-decoration:none;transition:background .25s,color .25s}
.lh-switch a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
.lh-sec{padding:clamp(40px,5vw,64px) 0;scroll-margin-top:60px}
.lh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.lh-head h2{margin:14px 0 0;max-width:13em}
.lh-head p{max-width:420px;color:var(--ink2);margin:0}
.lh-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.lh-filter button{font:inherit;font-size:13.5px;color:var(--ink2);background:#0a0a0a;border:1px solid var(--line2);border-radius:99px;padding:8px 16px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.lh-filter button[aria-pressed=true]{border-color:rgba(230,191,89,.6);color:var(--gold);background:rgba(230,191,89,.06)}
.lh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lh-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:22px;border-radius:var(--r);background:#0a0a0a;border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:border-color .4s,transform .5s var(--ease)}
.lh-card:hover{border-color:rgba(255,255,255,.22)}
.lh-card .viz{height:92px;margin:-4px -4px 16px;border-radius:var(--r-ctl);background:#060606;display:grid;place-items:center;overflow:hidden}
.lh-card .viz svg{width:100%;height:100%}
.lh-card .tag{font-size:13px;font-weight:600;;color:var(--ink3)}
.lh-card h3{font-size:21px;margin:8px 0 8px}
.lh-card p{font-size:14.5px;color:var(--ink2);line-height:1.5;margin:0 0 16px}
.lh-card .more{margin-top:auto;font-size:13px;color:var(--ink3);display:flex;justify-content:space-between}
.lh-card .more b{color:var(--gold);font-weight:400}
.lh-card.big{grid-column:span 2}
.lh-card[hidden]{display:none}

@media (max-width:1000px){.l-wrap{grid-template-columns:1fr}.l-toc{display:none}.lh-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .l-fig{padding:18px;border-radius:22px;margin:22px -6px}
  .l-compare{grid-template-columns:1fr}
  .l-ritual{grid-template-columns:1fr}.l-ritual .phone{margin:0 auto}
  .lw-donut,.lw-radar{grid-template-columns:1fr;justify-items:center}
  .lw-cols{grid-template-columns:1fr}
  .lw-urine{grid-template-columns:repeat(3,1fr)}
  .lw-zones>div{grid-template-columns:60px 1fr 96px}
  .lw-bars>div{grid-template-columns:96px 1fr auto}
  .lh-grid{grid-template-columns:1fr}.lh-card.big{grid-column:auto}
  .lw-wakes b{font-size:19px}
}

/* v2 widgets */
.lw-gkg{margin:18px 0 4px}.lw-gkg-t{display:flex;justify-content:space-between;font-size:11px;color:var(--ink3);margin-bottom:6px}
.lw-gkg-b{position:relative;height:12px;border-radius:6px;background:rgba(255,255,255,.06)}.lw-gkg-b i{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#c79940,#f0cf74);transition:left .35s var(--ease),width .35s var(--ease)}
.lw-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0 16px}
.lw-week>div{padding:10px 6px;border-radius:14px;background:#060606;border:1px solid var(--line);text-align:center;min-height:86px;transition:background .3s,border-color .3s}
.lw-week>div.on{background:rgba(230,191,89,.1);border-color:rgba(230,191,89,.4)}
.lw-week span{display:block;font-size:11px;color:var(--ink3)}.lw-week b{display:block;margin-top:8px;font-size:12px;font-weight:500;color:var(--ink2);line-height:1.3}.lw-week .on b{color:var(--gold)}
.lw-cover{display:grid;gap:10px}.lw-cover>div{display:grid;grid-template-columns:70px 1fr 90px;gap:12px;align-items:center;font-size:13px;color:var(--ink2)}
.lw-cover i{height:10px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}.lw-cover em{display:block;height:100%;border-radius:5px;background:var(--gold);transition:width .45s var(--ease)}.lw-cover b{font-weight:400;color:var(--ink);text-align:right}
.lw-box{position:relative;width:min(260px,100%);margin:10px auto 16px}.lw-box svg{width:100%;display:block}
.lw-orb{transition:r .2s linear}
.lw-bt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.lw-bt b{font-size:18px;font-weight:400;color:var(--ink)}.lw-bt span{font-size:40px;font-weight:200;color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums}
.lw-go{font:inherit;font-size:14px;font-weight:500;color:#0b0b0b;background:var(--gold);border:0;border-radius:14px;padding:12px 26px;cursor:pointer;transition:transform .2s}.lw-go:active{transform:scale(.97)}
.lw-go.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.lw-rt{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;margin-bottom:18px}
.lw-rr{position:relative}.lw-rr svg{width:150px;display:block}.lw-rring{transition:stroke-dasharray 1s linear}
.lw-rs{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:200;font-variant-numeric:tabular-nums}
.lw-rn{font-size:20px;font-weight:400;margin:4px 0 10px;color:var(--ink)}
.lw-rl{margin:0;padding-left:1.1em;display:grid;gap:4px}.lw-rl li{font-size:13px;color:var(--ink3)}.lw-rl li em{font-style:normal;color:var(--ink3)}.lw-rl li.on{color:var(--gold)}.lw-rl li.ok{text-decoration:line-through;opacity:.6}
.lw-eff{margin-top:18px}.lw-effb{display:flex;gap:4px}.lw-effb i{flex:1;height:14px;border-radius:5px;opacity:.25;transition:opacity .3s,transform .3s}.lw-effb i.on{opacity:1;transform:scaleY(1.4)}
.lw-efft{margin-top:16px}.lw-efft b{display:block;font-size:24px;font-weight:300}.lw-efft span{display:block;color:var(--ink);font-size:15px;margin-top:2px}.lw-efft em{display:block;font-style:normal;color:var(--ink3);font-size:13px;margin-top:4px}
@media (max-width:640px){.lw-week{grid-template-columns:repeat(7,1fr);gap:3px}.lw-week>div{padding:8px 2px;min-height:96px}.lw-week b{font-size:10.5px}.lw-rt{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* ---------- Learn v2: the two doors, indexes and article navigation ---------- */
.lx-hero{padding:clamp(40px,6vw,84px) 0 clamp(24px,3vw,36px);text-align:center}
.lx-hero h1{margin:16px auto 18px;max-width:13em}
.lx-hero .lede{margin:0 auto}
.lx-doors{padding:0 0 clamp(32px,4vw,56px)}
.lx-grid{width:min(1320px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lx-door{position:relative;display:flex;flex-direction:column;min-height:0;padding:clamp(26px,3.4vw,44px);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;border:1px solid var(--line);isolation:isolate;transition:border-color .5s,transform .7s var(--ease)}
.lx-door::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .6s,transform 1.2s var(--ease)}
.lx-ritual::before{background:#090909}
.lx-fitness::before{background:#070707}
.lx-door:hover{border-color:rgba(230,191,89,.4)}

.lx-copy{position:relative;z-index:2;max-width:30em}
.lx-door h2{font-size:clamp(36px,4.2vw,56px);line-height:1.05;margin:8px 0 14px}
.lx-door p{font-size:clamp(16px,1.3vw,19px);color:var(--ink2);margin:0 0 22px}
.lx-meta{display:flex;align-items:baseline;gap:10px}
.lx-meta b{font-size:44px;font-weight:200;letter-spacing:-.04em;color:var(--gold)}
.lx-meta span{font-size:13px;color:var(--ink3)}
.lx-cta{display:inline-flex;margin-top:18px;font-size:15px;color:var(--gold);transition:gap .3s,transform .4s var(--ease)}
.lx-door:hover .lx-cta{transform:translateX(6px)}
.lx-phone{position:absolute;right:clamp(-30px,2vw,40px);bottom:-18%;width:min(56%,300px);transform:rotate(-6deg);transition:transform 1s var(--ease)}
.lx-door:hover .lx-phone{transform:rotate(-3deg) translateY(-14px)}
.lx-phone .dev{position:relative;aspect-ratio:390/844;border-radius:16%/7.4%;background:linear-gradient(150deg,#55555a,#1e1e21 28%,#121214 62%,#3c3c40);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 60px 100px -30px #000}
.lx-phone .glass{position:absolute;inset:1.45% 3.1%;border-radius:13.4%/6.2%;overflow:hidden;background:#000}
.lx-phone .glass img{width:100%;height:100%;object-fit:cover;object-position:top}
.lx-phone .island{position:absolute;top:2.7%;left:50%;width:30%;height:3.5%;transform:translateX(-50%);background:#000;border-radius:20px}
.lx-art{position:absolute;left:6%;right:6%;bottom:6%;width:88%;height:auto;opacity:.95}
.lx-line{stroke-dasharray:700;stroke-dashoffset:700;animation:lxdraw 2.4s .3s var(--ease) forwards}
@keyframes lxdraw{to{stroke-dashoffset:0}}
.lx-pop{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lx-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:18px 20px;border-radius:var(--r-ctl);background:#0a0a0a;border:1px solid var(--line);text-decoration:none;transition:border-color .3s}
.lx-row:hover{border-color:rgba(255,255,255,.22)}
.lx-row .tag{grid-row:1/3;font-size:12px;font-weight:500;color:var(--ink3);width:92px}
.lx-row b{font-size:17px;font-weight:500;color:var(--ink)}
.lx-row .d{font-size:13px;color:var(--ink3);grid-column:2}
.lx-row i{grid-row:1/3;grid-column:3;font-style:normal;color:var(--gold)}
.lx-ihero{padding:clamp(36px,5vw,68px) 0 clamp(20px,3vw,32px)}
.lx-ihero h1{margin:16px 0 18px}
.lx-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lx-jump a{padding:9px 16px;border-radius:99px;border:1px solid var(--line2);color:var(--ink2);font-size:14px;text-decoration:none;transition:border-color .25s,color .25s}
.lx-jump a:hover{border-color:rgba(255,255,255,.3);color:var(--ink)}
.lx-group{padding:clamp(24px,3vw,40px) 0;scroll-margin-top:70px}
.lx-group h2{font-size:clamp(26px,2.6vw,34px);margin:0 0 16px}
.lx-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lx-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:14px 18px 14px 14px;border-radius:22px;background:#0a0a0a;border:1px solid var(--line);text-decoration:none;transition:border-color .3s,transform .4s var(--ease)}
.lx-item:hover{border-color:rgba(255,255,255,.22)}
.lx-item .viz{height:64px;border-radius:var(--r-chip);background:#060606;overflow:hidden}
.lx-item .viz svg{width:100%;height:100%}
.lx-item .tx b{display:block;font-size:16.5px;font-weight:500;color:var(--ink)}
.lx-item .tx span{display:block;margin-top:3px;font-size:13px;color:var(--ink3);line-height:1.45}
.lx-item .mt{display:grid;justify-items:end;gap:6px}
.lx-item .mt i{font-style:normal;font-size:13px;font-weight:600;;color:var(--ink3);border:1px solid var(--line2);border-radius:8px;padding:3px 7px}
.lx-item .mt i.sim{color:var(--gold);border-color:rgba(230,191,89,.4)}
.lx-item .mt em{font-style:normal;font-size:12px;color:var(--ink3)}
.lx-swap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 30px;border-radius:28px;background:#0a0a0a;border:1px solid var(--line);text-decoration:none;transition:border-color .3s}
.lx-swap:hover{border-color:rgba(230,191,89,.35)}
.lx-swap b{font-size:clamp(20px,2.4vw,30px);font-weight:300;color:var(--ink)}
.l-pn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.l-pn a{padding:18px 20px;border-radius:var(--r-ctl);background:#0a0a0a;border:1px solid var(--line);text-decoration:none;transition:border-color .3s}
.l-pn a:hover{border-color:rgba(230,191,89,.35)}
.l-pn a.nx{text-align:right}
.l-pn span{display:block;font-size:13px;font-weight:600;;color:var(--ink3)}
.l-pn b{display:block;margin-top:4px;font-size:16px;font-weight:400;color:var(--ink)}
@media (max-width:900px){
  .lx-grid{grid-template-columns:1fr}
  .lx-door{min-height:0;border-radius:var(--r-lg)}
  .lx-phone{width:min(52%,240px);bottom:-22%}
  .lx-pop,.lx-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .lx-door{min-height:0;padding:24px}
  .lx-item{grid-template-columns:72px 1fr;gap:14px}
  .lx-item .viz{height:56px}
  .lx-item .mt{display:none}
  .l-pn{grid-template-columns:1fr}.l-pn a.nx{text-align:left}
}
/* doors: art sits under the copy, never on it */
.lx-door{justify-content:flex-start}
.lx-phone{position:relative;right:auto;bottom:auto;width:min(52%,270px);margin:clamp(24px,3vw,36px) auto -38%;transform:rotate(-4deg)}
.lx-door:hover .lx-phone{transform:rotate(-2deg) translateY(-12px)}
.lx-art{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:auto;padding-top:28px}
@media (max-width:900px){.lx-door{min-height:0}.lx-phone{width:min(64%,260px);margin-bottom:-40%}}