.demo-app{color:#0e262b;min-height:100vh;font-family:var(--font-manrope);background:#dbe8e4;display:flex}.demo-rail{z-index:2;color:#eaf0ed;background:#0b2429;flex-direction:column;align-items:center;width:78px;padding:25px 0;display:flex;position:fixed;inset:0 auto 0 0}.demo-logo{letter-spacing:-.08em;font-size:11px;font-weight:800}.demo-logo b{color:#51d5cd}.demo-logo span{font-weight:400}.demo-rail__mark{font:9px/1.66 var(--font-mono);letter-spacing:.17em;color:#53d7cf;text-align:center;margin:auto 0}.demo-rail__status{font:8px/1.45 var(--font-mono);letter-spacing:.12em;color:#b9d2ce;text-align:center}.demo-rail__status i{background:#51d5cd;border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.demo-workspace{width:calc(100% - 78px);margin-left:78px;padding:0 clamp(28px,5vw,88px) 80px}.demo-topbar{min-height:80px;font:9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #0e262b3b;justify-content:space-between;align-items:center;display:flex}.demo-topbar>div:first-child{align-items:center;gap:13px;display:flex}.demo-topbar i{background:#0b2429;border-radius:50%;width:4px;height:4px}.demo-topbar small{color:#5d7676}.demo-topbar__links{align-items:center;gap:25px;display:flex}.demo-topbar__links a{color:#0c7979;border-bottom:1px solid #0c7979;padding-bottom:4px}.demo-topbar__links b{color:#168a83;font-weight:400}.demo-persona{border-bottom:1px solid #0e262b3b;align-items:center;gap:16px;padding:21px 0 18px;display:flex}.demo-persona img{object-fit:cover;object-position:center 20%;border:1px solid #49d4cb;width:62px;height:62px}.demo-persona span,.demo-persona p,.demo-content>header p,.demo-insight span,.demo-method b,.demo-content article span{font:9px var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.demo-persona span{color:#0c8280}.demo-persona h1{font:400 25px/.95 var(--font-serif);letter-spacing:-.05em;margin:4px 0}.demo-persona p{color:#607979;margin:5px 0 0}.demo-persona__score{align-items:flex-start;gap:4px;margin-left:auto;display:flex}.demo-persona__score b{font:400 43px/.8 var(--font-serif);letter-spacing:-.09em;color:#0c8680}.demo-persona__score span{color:#44706e;font-size:8px;line-height:1.18}.demo-tabs{border-bottom:1px solid #0e262b3b;gap:2px;display:flex}.demo-tabs button{font:9px var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#587270;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:17px 17px 15px}.demo-tabs button i{color:#0c908a;margin-right:8px;font-style:normal}.demo-tabs button.active{color:#0a2429;border-bottom-color:#0c918b}.demo-content{padding-top:46px}.demo-overview{grid-template-columns:1.1fr .48fr;gap:0 7vw;display:grid}.demo-overview__intro p:first-child,.demo-content>header p{color:#0d8682}.demo-overview__intro h2,.demo-content h2{font:400 clamp(40px,5.2vw,76px)/.88 var(--font-serif);letter-spacing:-.07em;margin:16px 0 24px}.demo-overview__intro h2 em,.demo-content h2 em{color:#0b9995;font-style:italic}.demo-overview__intro>p:last-child{max-width:590px;margin:0;font-size:15px;line-height:1.7}.demo-recovery{aspect-ratio:1;text-align:center;border:1px solid #0e262b40;border-radius:50%;flex-direction:column;justify-content:center;place-self:end;align-items:center;width:190px;display:flex;position:relative}.demo-recovery:before,.demo-recovery:after{content:"";border:1px solid #0c918b8c;border-radius:50%;position:absolute;inset:13px}.demo-recovery:after{opacity:.4;inset:-12px}.demo-recovery span,.demo-recovery small{z-index:1;font:8px var(--font-mono);letter-spacing:.1em}.demo-recovery b{z-index:1;font:400 53px/.85 var(--font-serif);color:#0b9995}.demo-recovery small{color:#526f6f;font-size:7px}.demo-recovery i{background:#50d9d0;border-radius:50%;width:7px;height:7px;position:absolute;top:22px;right:14px;box-shadow:0 0 20px 7px #50d9d054}.demo-measurements{border-top:1px solid #0e262b47;border-bottom:1px solid #0e262b47;grid-column:1/-1;margin-top:50px;padding:24px 0}.demo-measurements header{font:9px var(--font-mono);letter-spacing:.1em;justify-content:space-between;margin-bottom:24px;display:flex}.demo-measurements header small{color:#5d7473}.demo-meter{grid-template-columns:178px 1fr 34px;align-items:center;gap:20px;margin:12px 0;display:grid}.demo-meter div{align-items:baseline;gap:8px;display:flex}.demo-meter span{font:10px var(--font-mono)}.demo-meter small{color:#647b7a;font-size:10px}.demo-meter i{background:#9ebfbb;height:4px;display:block}.demo-meter b{background:#13a49d;height:100%;display:block;box-shadow:0 0 12px #13a49d57}.demo-meter strong{font:10px var(--font-mono);color:#0a7775}.demo-insight{color:#edf1ed;background:#0d292e;grid-column:1/2;margin-top:42px;padding:27px}.demo-insight span{color:#54d9d0}.demo-insight h3{font:400 32px/1.02 var(--font-serif);letter-spacing:-.05em;margin:19px 0}.demo-insight p{color:#c1d4d1;font-size:13px;line-height:1.55}.demo-insight button,.demo-week footer button,.demo-route aside button,.demo-script button{color:#092329;font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#50d9d0;border:0;padding:13px 16px}.demo-method{border-top:1px solid #0e262b47;align-self:end;margin-top:42px;padding-top:18px}.demo-method b{color:#0c8581}.demo-method p{font-size:12px;line-height:1.6}.demo-method a{font:9px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid;padding-bottom:5px}.demo-week>header,.demo-route>header,.demo-library>header{border-bottom:1px solid #0e262b40;justify-content:space-between;align-items:end;gap:65px;padding-bottom:34px;display:flex}.demo-week>header>p{max-width:340px;margin-bottom:7px;font-size:13px;line-height:1.6}.demo-days{background:#0e262b38;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:1px;display:grid}.demo-days article{background:#dbe8e4;min-height:295px;padding:18px;transition:all .25s}.demo-days article:hover,.demo-days article.done{background:#c7ddd8}.demo-days button{color:#0d7673;width:30px;height:30px;font:9px var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0d827d;border-radius:50%}.demo-days span{color:#0d8681;font:8px var(--font-mono);letter-spacing:.09em;margin-top:35px;display:block}.demo-days h3{font:400 25px/.95 var(--font-serif);letter-spacing:-.05em;margin:12px 0}.demo-days p{font-size:11px;line-height:1.5}.demo-days small{font:8px var(--font-mono);letter-spacing:.08em;color:#607977;margin-top:21px;display:block}.demo-week footer{font:9px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding-top:25px;display:flex}.demo-route>header{display:block}.demo-route>header span{font:9px var(--font-mono);letter-spacing:.1em;color:#56706f}.demo-route>div{background:#0e262b40;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:38px;display:grid}.demo-route article{background:#dbe8e4;min-height:340px;padding:23px}.demo-route article:nth-child(2),.demo-route article:nth-child(4){background:#cde1dc}.demo-route article span{color:#0c8580}.demo-route article h3{font:400 31px/.95 var(--font-serif);letter-spacing:-.05em;margin:20px 0}.demo-route article>p{min-height:76px;font-size:12px;line-height:1.55}.demo-route dl{border-top:1px solid #0e262b38;margin:32px 0 0}.demo-route dl div{border-bottom:1px solid #0e262b38;padding:12px 0}.demo-route dt{font:8px var(--font-mono);letter-spacing:.09em;color:#0b8580}.demo-route dd{margin:5px 0 0;font-size:11px;line-height:1.35}.demo-route aside{border-left:1px solid #0b8e89;max-width:400px;margin:30px 0 0 auto;padding:4px 0 4px 20px}.demo-route aside b{font:9px var(--font-mono);letter-spacing:.1em;color:#0b8580}.demo-route aside p{font:14px/1.5 var(--font-serif)}.demo-conversation>header{border-bottom:1px solid #0e262b40;padding-bottom:35px}.demo-conversation__grid{background:#0e262b38;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.demo-conversation__grid article{background:#dbe8e4;min-height:274px;padding:25px}.demo-conversation__grid article:nth-child(2){color:#edf1ed;background:#0d292e}.demo-conversation__grid span{color:#0b8984}.demo-conversation__grid h3{font:400 30px/1 var(--font-serif);letter-spacing:-.05em}.demo-conversation__grid p,.demo-conversation__grid li{font-size:12px;line-height:1.6}.demo-conversation__grid ol{padding-left:17px}.demo-conversation__grid li{margin:0 0 14px}.demo-script{text-align:center;max-width:760px;margin:38px auto 0}.demo-script span{font:9px var(--font-mono);letter-spacing:.1em;color:#0a8580}.demo-script blockquote{font:400 35px/1.04 var(--font-serif);letter-spacing:-.05em;margin:20px 0 30px}.demo-library>div{border-top:1px solid #0e262b3d;margin-top:38px}.demo-library article{border-bottom:1px solid #0e262b3d;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;padding:22px 0;display:grid}.demo-library article>i{font:400 47px/.8 var(--font-serif);color:#0b9690;font-style:normal}.demo-library article span{color:#0a8580}.demo-library article h3{font:400 29px/.95 var(--font-serif);letter-spacing:-.05em;margin:9px 0}.demo-library article p{color:#4e6b6a;margin:0;font-size:12px}.demo-library article button{font:9px var(--font-mono);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0c292c;padding:0 0 5px}.demo-library footer{justify-content:space-between;gap:30px;margin-top:28px;font-size:12px;line-height:1.5;display:flex}.demo-library footer p{max-width:560px;margin:0}.demo-library footer a{font:9px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid;align-self:end;padding-bottom:5px}@media (max-width:900px){.demo-workspace{padding-left:28px;padding-right:28px}.demo-overview{grid-template-columns:1fr}.demo-recovery{justify-self:start;margin-top:25px}.demo-days,.demo-route>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.demo-rail{display:none}.demo-workspace{width:100%;margin:0;padding:0 20px 55px}.demo-topbar{min-height:60px}.demo-topbar__links b{display:none}.demo-persona{gap:10px}.demo-persona__score{display:none}.demo-persona h1{font-size:20px}.demo-tabs{overflow-x:auto}.demo-tabs button{white-space:nowrap;padding-left:10px;padding-right:10px}.demo-content{padding-top:32px}.demo-overview__intro h2,.demo-content h2{font-size:45px}.demo-meter{grid-template-columns:1fr 27px;gap:10px}.demo-meter div{grid-column:1/-1}.demo-insight h3{font-size:28px}.demo-week>header,.demo-route>header,.demo-library>header{display:block}.demo-days,.demo-route>div,.demo-conversation__grid{grid-template-columns:1fr}.demo-days article{min-height:0}.demo-week footer,.demo-library footer{gap:20px;display:grid}.demo-library article{grid-template-columns:38px 1fr}.demo-library article button{grid-column:2;justify-self:start}.demo-script blockquote{font-size:29px}}