.landing{--ink:#f4f3ff;--muted:#b8b8d0;--purple:#a778ff;--cyan:#36d7ed;background:#101027;color:var(--ink);font-family:Inter,system-ui,sans-serif}.landing .wrap{max-width:1240px;width:calc(100% - 64px)}.landing .site-header{height:100px;border-bottom:1px solid #ffffff14}.landing .logo{width:175px;height:auto}.landing a{color:inherit}.landing .site-header nav a,.landing .text-button{color:#d1d0e4}.landing .button{background:linear-gradient(110deg,#8860ed,#a644db);color:white;border:1px solid #c7a8ff55;border-radius:12px;box-shadow:0 8px 30px #7b38db25;font:600 14px/1.3 Inter,system-ui;padding:16px 23px;text-decoration:none}.landing .button:hover{filter:brightness(1.12);transform:translateY(-1px)}.landing .button:disabled{opacity:.55;transform:none;cursor:default}.landing :focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.landing .eyebrow{color:#ba98ff;font:700 11px/1.5 Inter,system-ui;letter-spacing:.17em}.landing h1,.landing h2,.landing h3{font-family:Inter,system-ui,sans-serif;letter-spacing:-.045em;color:var(--ink)}.landing h2{font-size:clamp(29px,4vw,48px);line-height:1.12}.landing h3{font-size:25px;line-height:1.2}.landing p{color:var(--muted);line-height:1.75}.landing-hero{position:relative;text-align:center;padding:92px 0 65px;isolation:isolate}.landing-hero h1{font-size:clamp(52px,7vw,94px);line-height:1.03;margin:18px 0 24px;font-weight:750}.landing-hero h1 em{font-style:normal;background:linear-gradient(100deg,#d9b2ff,#a69bff 45%,#3de0ec);color:transparent;background-clip:text}.landing-hero>p:not(.eyebrow){max-width:580px;margin:0 auto 28px;font-size:18px}.landing-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin:25px 0}.landing-secondary{font-size:14px;text-decoration:none}.landing small{color:#a5a5bf;font-size:12px;line-height:1.6}.hero-orbit{position:absolute;inset:-80px -20px -180px;background:radial-gradient(ellipse at center,#7928cd29,transparent 65%);z-index:-1;pointer-events:none}.showcase{padding:28px;border:1px solid #c4b1ff30;border-radius:24px;background:linear-gradient(145deg,#25203b,#15182e);box-shadow:0 45px 100px #0004;scroll-margin-top:25px}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.showcase-heading h2{margin:8px 0 0;font-size:32px}.showcase-heading>p{font-size:13px;margin:0}.showcase-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.preview-group{display:flex;background:#0b0c20;border:1px solid #ffffff12;border-radius:10px;padding:4px;gap:2px}.preview-group button,.light-toggle{font:600 12px/1.4 Inter,system-ui;color:#bcbcd2;border:0;background:transparent;border-radius:7px;padding:9px 11px;cursor:pointer}.preview-group button[aria-pressed=true]{background:#7650ba;color:white;box-shadow:0 2px 10px #0003}.light-toggle{margin-left:auto;background:#363045;border:1px solid #ffffff16}.light-toggle[aria-pressed=true]{color:#ffe3a0;background:#6a4e30}.showcase-window{overflow:hidden;border:1px solid #ffffff22;border-radius:14px;background:#171423}.window-bar{height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 16px;background:#101124;font-size:9px;letter-spacing:.12em;color:#aaa9c1}.window-bar>span:first-child{color:#9469cf;letter-spacing:4px}.window-bar>span:last-child{letter-spacing:0}.preview-stage{aspect-ratio:1188/760;overflow:hidden;background:#272334}.preview-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .2s}.preview-stage.is-loading img{opacity:.45}.preview-caption{text-align:center;font-size:11px;margin:16px 0 0}.landing-section{padding-top:110px;padding-bottom:15px}.landing-section-heading{max-width:650px;margin-bottom:40px}.landing-section-heading h2{margin:12px 0 20px}.landing-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.landing-feature-grid article{padding:35px;background:linear-gradient(140deg,#211e38,#191b30);border:1px solid #ffffff12;border-radius:20px;overflow:hidden}.landing-feature-grid article h3{margin:20px 0 15px}.landing-feature-grid article p{font-size:14px}.feature-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #c2a4ff40;background:#9057de22;border-radius:14px;color:#ceacff;font-size:25px}.landing-feature-grid .feature-wide{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding-right:0;padding-bottom:0;align-items:center}.feature-wide>div{padding-bottom:35px}.feature-wide img{width:100%;height:340px;object-fit:cover;object-position:top;border-radius:15px 0 0 0;align-self:end}.feature-wide a{color:#83ddea;font-size:13px}.feature-pill{display:inline-block;padding:7px 12px;background:#ffffff08;border:1px solid #ffffff15;border-radius:30px;font-size:11px;color:#cfc8e8}.landing-feature-grid article>small{display:block;margin-top:12px}.mini-milestones{display:flex;gap:10px;margin-top:25px}.mini-milestones span{flex:1;background:linear-gradient(120deg,#66409955,#2e294b);border:1px solid #bc88fc30;border-radius:12px;padding:12px;font-size:11px;color:#cbb7ec}.mini-milestones b{display:block;color:#ffde82;font-size:14px;margin-top:4px}.landing-feature-grid .marathon-feature{padding:0;grid-row:span 2}.marathon-feature img{width:100%;aspect-ratio:1.6;object-fit:cover}.marathon-feature>div{padding:30px 35px}.companion-band{margin-top:100px;display:flex;gap:30px;align-items:center;padding:35px;border:1px solid #b38cff30;background:radial-gradient(ellipse at left,#743db62b,transparent),#1a1930;border-radius:20px}.companion-band>img{width:80px;height:80px;object-fit:contain}.companion-band>div{flex:1}.companion-band h2{font-size:27px;margin:8px 0}.companion-band p{font-size:13px;margin:6px 0}.landing-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.landing-plans article{padding:38px;border:1px solid #ffffff20;background:#191a30;border-radius:20px}.landing-plans .pro-plan{background:linear-gradient(130deg,#3d2454,#1c213d);border-color:#b786ff66}.plan-price{font-size:37px;font-weight:700;letter-spacing:-.04em;margin:25px 0}.plan-price small{font-size:13px;font-weight:400;letter-spacing:0}.landing-plans ul{padding:0;list-style:none;min-height:125px}.landing-plans li{padding:9px 0;color:#d4d0e5;font-size:14px}.landing-plans li:before{content:'✓';color:#66d9d5;margin-right:12px}.landing-plans article>small{display:block;margin-top:17px}.landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.landing-faq details{padding:22px 0;border-bottom:1px solid #ffffff20}.landing-faq summary{font-weight:600;cursor:pointer;font-size:15px}.landing-faq details p{font-size:14px}.landing-final{text-align:center;margin-top:100px;padding:60px 25px;border-radius:25px;background:radial-gradient(ellipse at top,#7745b54d,transparent 80%),#19182e}.landing-final h2{font-size:clamp(35px,5vw,60px);margin:15px 0}.landing-footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:80px;padding-top:30px;padding-bottom:35px}.landing-footer p,.landing-footer a,.landing-footer button{font-size:11px}.landing-footer nav{display:flex;align-items:center;gap:18px}.landing dialog{color:#28243f;background:linear-gradient(145deg,#fff,#f4efff);border:1px solid #c6b2ed;border-radius:24px;box-shadow:0 30px 150px #0008;padding:38px;max-width:480px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}.landing dialog::backdrop{background:#0b0927b8;backdrop-filter:blur(9px)}.landing dialog h2{color:#262039;font-size:31px;margin:12px 0}.landing dialog p{color:#6b657a;font-size:13px}.landing dialog .eyebrow{color:#8151ba;font-size:10px}.landing dialog label{color:#443b57;font-size:12px;font-weight:600}.landing dialog input:not([type=checkbox]){border:1px solid #d4cbe4;background:white;border-radius:10px;padding:13px;color:#272037;font-size:16px}.landing dialog input:focus{border-color:#9761dc;outline:3px solid #a578ed20}.landing dialog .text-button,.landing dialog a{color:#7543b2}.landing dialog small{color:#777080;font-weight:400}.landing dialog .close-button{background:#ece5f5;color:#726180;border:0;border-radius:50%;width:30px;height:30px;font-size:22px}.landing dialog .preview-notice{background:#e9e0f7;border:0;color:#655475;border-radius:10px;padding:12px}.landing dialog .acceptance,.landing dialog .remember-login{font-weight:400}.landing .cookie-banner{background:#24203b;border:1px solid #ffffff20;color:white;box-shadow:0 -10px 50px #0005}.landing .cookie-banner p{color:#c5bdd8}.landing .cookie-banner a{color:#c4a0ff}
@media(max-width:900px){.landing .wrap{width:calc(100% - 36px)}.landing .site-header nav{display:none}.showcase-heading>p{display:none}.light-toggle{margin-left:0}.companion-band{flex-wrap:wrap}.companion-band .button{margin-left:110px}.landing-faq{gap:30px}.feature-wide img{height:300px}}@media(max-width:600px){.landing .site-header{height:78px}.landing .logo{width:130px}.landing .header-actions{gap:10px}.landing .header-actions .button{font-size:11px;padding:11px}.landing .header-actions .text-button{font-size:12px}.landing-hero{padding:60px 0 45px}.landing-hero>p:not(.eyebrow){font-size:15px}.landing-actions{gap:18px}.showcase{padding:14px;border-radius:17px}.showcase-heading h2{font-size:25px}.showcase-toolbar{gap:7px}.preview-group button,.light-toggle{font-size:10px;padding:8px}.window-bar{font-size:7px;padding:0 8px}.window-bar>span:last-child{display:none}.preview-stage{aspect-ratio:1.25}.preview-stage img{object-fit:cover}.preview-caption{font-size:9px}.landing-section{padding-top:65px}.landing-feature-grid,.landing-plans,.landing-faq{grid-template-columns:1fr}.landing-feature-grid article{padding:25px}.landing-feature-grid .feature-wide{grid-template-columns:1fr;gap:0;padding:25px 25px 0}.feature-wide>div{padding-bottom:25px}.feature-wide img{height:230px;border-radius:10px 10px 0 0}.companion-band{margin-top:60px;padding:25px;gap:18px}.companion-band>img{width:50px;height:50px}.companion-band>div{flex-basis:70%}.companion-band .button{margin-left:0;width:100%}.landing-plans article{padding:28px}.landing-final{margin-top:65px}.landing-footer{align-items:start}.landing-footer nav{flex-wrap:wrap;gap:14px}.landing dialog{padding:28px 22px}.landing dialog h2{font-size:27px}.landing .cookie-banner{max-height:45dvh;overflow:auto}.landing .cookie-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;transition:none!important}}

.landing .wrap{padding-left:0;padding-right:0}.landing .showcase{padding:28px}.landing .companion-band{padding:35px}.landing .landing-final{padding:60px 25px}.landing .landing-footer{padding:30px 0 35px}@media(max-width:600px){.landing .showcase{padding:14px}.landing .companion-band{padding:25px}.landing .site-header{gap:12px}}

.landing-feature-grid .feature-app-shot{width:100%;height:240px;object-fit:cover;object-position:top;border:1px solid #ffffff25;border-radius:12px;margin-bottom:25px}.landing-feature-grid .timer-feature .feature-app-shot{object-fit:contain;background:#eeedf6;height:310px}.landing-feature-grid .social-feature{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;column-gap:35px}.social-feature .feature-app-shot{grid-row:1/6;height:360px;margin:0}.social-feature .feature-icon{display:none}.landing-feature-grid .social-feature h3{margin-top:15px}.social-feature .feature-pill{align-self:start;justify-self:start}@media(max-width:600px){.landing-feature-grid .social-feature{display:block}.social-feature .feature-app-shot{height:260px;margin-bottom:24px}}

.landing-hero{padding-top:55px;padding-bottom:35px}.landing-hero h1{font-size:clamp(48px,6vw,78px);margin:16px 0 20px}.landing-hero>p:not(.eyebrow){font-size:16px;margin-bottom:20px}.landing-hero .landing-actions{margin:20px 0}@media(max-width:600px){.landing-hero{padding-top:42px;padding-bottom:30px}.landing-hero h1{font-size:48px}.landing-hero>p:not(.eyebrow){font-size:14px}}

.theme-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.theme-gallery-grid article{overflow:hidden;border:1px solid #bca2ef30;border-radius:18px;background:linear-gradient(140deg,#292039,#191b30)}.theme-gallery-grid img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;object-position:center}.theme-gallery-grid article>div{padding:22px}.theme-gallery-grid h3{font-size:22px;margin:0 0 10px}.theme-gallery-grid p{font-size:13px;margin:0}@media(max-width:700px){.theme-gallery-grid{grid-template-columns:1fr}.theme-gallery-grid img{aspect-ratio:1.5}}

/* Full-room previews and compact reading tools. */
.landing .preview-stage{aspect-ratio:3/2;background:#141526}.landing .preview-stage img{object-fit:contain;object-position:center}.landing .showcase-toolbar{align-items:center}.landing .preview-group{max-width:100%;flex-wrap:wrap}.landing-feature-grid .timer-feature{display:grid;grid-template-columns:145px 1fr;column-gap:22px;align-content:center;padding:24px}.landing-feature-grid .timer-feature .feature-app-shot{grid-column:1;grid-row:1/5;width:145px;height:auto;max-height:290px;object-fit:contain;margin:0;background:none}.timer-feature>.feature-icon{display:none}.landing-feature-grid .timer-feature h3{margin:4px 0 10px}.timer-feature>p{margin:0 0 14px}.timer-feature>.feature-pill{align-self:start;justify-self:start}.landing-feature-grid .rhythm-feature{padding:24px;align-content:center}.landing-feature-grid .rhythm-feature h3{margin:12px 0 10px}.rhythm-feature>.feature-icon{width:34px;height:34px;font-size:20px}.mini-milestones{gap:7px;margin-top:18px}.mini-milestones span{padding:10px}.mini-milestones b{display:flex;align-items:center;gap:5px;white-space:nowrap}.mini-milestones b img{width:27px;height:24px;object-fit:contain}.landing-feature-grid .marathon-feature{grid-row:auto;display:flex;flex-direction:column}.landing .marathon-feature>img{width:100%;height:auto;max-height:240px;aspect-ratio:auto;object-fit:contain;background:#151225}.marathon-feature>div{padding:24px}.landing-feature-grid .marathon-feature h3{margin:12px 0}.theme-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-more{font-size:13px;color:#bfa3ed!important}.landing .feature-wide img{object-fit:contain;height:auto;aspect-ratio:1.5;background:#151526}@media(max-width:700px){.theme-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.landing-feature-grid .timer-feature{grid-template-columns:110px 1fr;gap:16px;padding:20px}.landing-feature-grid .timer-feature .feature-app-shot{width:110px;max-height:230px}.landing-feature-grid .timer-feature h3{font-size:21px}.landing-feature-grid .timer-feature p{font-size:12px}.timer-feature .feature-pill{font-size:9px}.mini-milestones b{font-size:12px}.mini-milestones b img{width:22px}.landing .preview-stage{aspect-ratio:1.5}.theme-gallery-grid{grid-template-columns:1fr}}

.preview-group button:disabled,.light-toggle:disabled{opacity:.4;cursor:default}