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