/* Xleaf: editorial type, warm surfaces, and actual product screens. */
.xleaf-landing,.x-spotlight{--x-ink:#20231e;--x-muted:#5d6258;--x-peach:#f6dccc;--x-green:#dfe8c9;--x-line:#d9dbd0;color:var(--x-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.xleaf-landing{padding-top:32px}.x-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;padding-bottom:60px}
.x-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.x-brand img{border-radius:13px;flex-shrink:0}.x-brand strong{display:block;font-size:25px;font-weight:650;line-height:1.15;letter-spacing:-1px}.x-brand small{display:block;font-size:12px;line-height:1.5;color:var(--x-muted);margin-top:4px}
.x-hero h1{font-size:clamp(58px,6.8vw,94px);line-height:.99;letter-spacing:-.06em;font-weight:650;margin:0 0 26px}.xleaf-landing em,.x-spotlight em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em}
.x-intro{font-size:18px;line-height:1.7;max-width:35ch;color:var(--x-muted);margin-bottom:26px}
.x-download{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.x-download>span{font-size:11px;color:var(--x-muted);line-height:1.7}.xleaf-landing .play-store-link,.x-spotlight .play-store-link{border-radius:12px;min-height:58px}
.x-discover{display:flex;align-items:center;gap:30px;max-width:320px;font-size:12px;margin-top:30px;padding-top:18px;border-top:1px solid var(--x-line);text-decoration:none}.x-discover span{font-size:20px;margin-left:auto}
.x-stage{height:650px;position:relative;background:var(--x-green);border-radius:160px 160px 28px 28px;overflow:hidden;isolation:isolate}
.x-stage-label{position:absolute;top:35px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:1.3px;z-index:3}
.x-orbit{position:absolute;width:430px;height:430px;border:1px solid #bcc5a7;border-radius:50%;top:100px;left:50%;transform:translateX(-50%)}
.x-phone{position:absolute;width:47%;height:auto;border:5px solid #353834;border-radius:34px;box-shadow:0 24px 35px #1c251e30}
.x-phone-back{top:122px;left:8%;width:39%;transform:rotate(-11deg)}.x-phone-front{top:74px;right:12%;width:43%;transform:rotate(7deg);z-index:2}
.x-note{position:absolute;bottom:80px;left:24px;z-index:4;background:#fbfaf5;box-shadow:0 12px 24px #29351d1c;border-radius:16px;display:flex;gap:14px;padding:18px 22px;align-items:center;transform:rotate(-4deg)}
.x-note-symbol{font-size:42px;color:#66704e;line-height:1}.x-note strong{display:block;font-size:17px;line-height:1.25;font-weight:600}.x-note div>span{display:block;font-size:10px;margin-top:8px;color:var(--x-muted)}
.x-stage-footer{position:absolute;bottom:23px;left:0;width:100%;font-size:8px;letter-spacing:2px;text-align:center}
.x-format-strip{display:flex;align-items:center;gap:30px;border-block:1px solid var(--x-line);padding-block:24px;font-size:13px}.x-format-strip>span:first-child{color:var(--x-muted);margin-right:auto}.x-format-strip strong{font-size:20px;letter-spacing:-.6px;font-weight:550}.x-format-strip a{margin-left:auto;font-size:11px;text-decoration:none}.x-format-strip>span:not(:first-child){color:#75845b}
.x-features{padding-block:88px}.x-kicker{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;line-height:1.6}
.x-section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:22px 48px;margin-bottom:40px}.x-section-heading .x-kicker{grid-column:1/-1;color:var(--x-muted)}.x-section-heading h2{font-size:clamp(38px,4.6vw,64px);line-height:1.05;margin:0;font-weight:600;letter-spacing:-.045em}.x-section-heading>p{color:var(--x-muted);font-size:15px;line-height:1.7;margin:0 0 4px}
.x-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.x-feature{border-radius:24px;overflow:hidden;background:var(--x-peach);min-width:0}.x-listen{background:#e6e9ee}
.x-feature-copy{padding:38px 40px 12px}.x-feature-copy .x-kicker{margin-bottom:20px}.x-feature h3{font-size:clamp(28px,3vw,40px);font-weight:550;line-height:1.08;letter-spacing:-.04em;margin-bottom:16px}.x-feature p{color:var(--x-muted);font-size:15px;max-width:37ch;line-height:1.7;margin:0}
.x-feature-image{height:390px;position:relative;overflow:hidden;margin-top:24px}.x-feature-image img{position:absolute;width:240px;max-width:52%;height:auto;top:22px;left:40px;border:5px solid #363834;border-radius:32px;transform:rotate(-7deg);box-shadow:10px 10px 28px #191f1a20}.x-listen .x-feature-image img{transform:rotate(7deg);left:auto;right:36px;top:-90px}
.x-image-caption{position:absolute;right:28px;top:100px;max-width:120px;font:italic 24px/1.25 Georgia,serif;letter-spacing:-.7px}.x-listen .x-image-caption{left:32px;right:auto;top:190px}
.x-sage{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:24px;border-block:1px solid var(--x-line);padding-block:34px}.x-sage-mark{font-size:64px;color:#778457;line-height:1}.x-sage h2{font-size:28px;margin:10px 0 12px;font-weight:550;letter-spacing:-.035em}.x-sage p{max-width:62ch;font-size:14px;line-height:1.7;color:var(--x-muted);margin:0}.x-sage a{font-size:12px;text-decoration:none}
.x-end{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:76px}.x-end h2{font-size:clamp(38px,5vw,64px);font-weight:550;line-height:1.05;letter-spacing:-.04em;margin:18px 0 0}.x-end-action{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.x-end-action>a:last-child{font-size:12px;text-decoration:none}
.x-spotlight{display:grid;grid-template-columns:1fr 1fr;margin-bottom:64px;border-radius:28px;overflow:hidden;background:#f0f0e7}.x-spotlight-copy{padding:48px}.x-spotlight-copy .x-brand{margin-bottom:36px}.x-spotlight-copy h2{font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1.02;letter-spacing:-.055em;margin:20px 0 24px}.x-spotlight-copy>p{font-size:17px;line-height:1.7;color:var(--x-muted);max-width:34ch}.x-spotlight-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.x-spotlight-actions>a:last-child{font-size:12px;text-decoration:none}
.x-spotlight-art{position:relative;min-height:660px;background:var(--x-green);overflow:hidden}.x-spotlight-phone{position:absolute;top:85px;width:270px;max-width:53%;height:auto;left:50%;transform:translateX(-50%) rotate(8deg);border:5px solid #343733;border-radius:36px;box-shadow:12px 25px 28px #283a2230}.x-spotlight-stamp{position:absolute;bottom:55px;left:30px;font-size:clamp(32px,4vw,50px);font-weight:550;line-height:1.02;letter-spacing:-2px;background:var(--x-green);padding:12px 18px;border-radius:16px}
@media(prefers-color-scheme:dark){.xleaf-landing{--x-ink:#f1f0e8;--x-muted:#b4b7ac;--x-line:#42463b}.x-stage,.x-feature,.x-spotlight{color:#20231e}.x-feature{--x-muted:#5d6258}.x-note,.x-spotlight{--x-muted:#5d6258}.x-spotlight-actions>a:last-child{color:#20231e}}
@media(max-width:1100px){.x-hero{gap:30px}.x-stage{height:580px}.x-phone-front{top:110px;right:10%;width:49%}.x-phone-back{top:150px}.x-note{bottom:66px;padding:16px;left:16px}.x-download{gap:12px}.x-feature-copy{padding:32px 28px 12px}.x-feature-image img{left:26px;width:210px}.x-image-caption{right:20px;font-size:20px;max-width:90px}.x-listen .x-feature-image img{right:25px}.x-listen .x-image-caption{left:24px}.x-sage{grid-template-columns:60px minmax(0,1fr)}.x-sage a{grid-column:2}.x-spotlight-copy{padding:36px}.x-spotlight-art{min-height:650px}}
@media(max-width:780px){.x-hero{grid-template-columns:1fr;gap:36px;padding-bottom:36px}.x-hero-copy{padding-top:6px}.x-hero h1{font-size:72px}.x-brand{margin-bottom:26px}.x-intro{max-width:46ch}.x-stage{width:100%;max-width:550px;height:610px;margin-inline:auto}.x-phone-front{top:80px;width:44%;right:14%}.x-phone-back{top:125px;left:12%;width:37%}.x-note{bottom:75px;left:30px}.x-format-strip{gap:18px;flex-wrap:wrap}.x-format-strip>span:first-child{width:100%;margin:0}.x-format-strip a{margin-left:auto}.x-features{padding-block:54px}.x-section-heading{grid-template-columns:1fr;gap:18px}.x-section-heading .x-kicker{grid-column:1}.x-section-heading h2{font-size:48px}.x-feature-grid{grid-template-columns:1fr;gap:20px}.x-feature-copy{padding:32px 32px 8px}.x-feature h3{font-size:36px}.x-feature-image{height:390px;margin-top:18px}.x-feature-image img{width:250px;left:42px}.x-image-caption{right:32px;max-width:140px;font-size:27px}.x-listen .x-feature-image img{right:42px}.x-listen .x-image-caption{left:32px}.x-end{padding-block:50px}.x-spotlight{grid-template-columns:1fr}.x-spotlight-art{min-height:570px}.x-spotlight-phone{top:65px;width:245px}.x-spotlight-stamp{bottom:35px;left:40px}.x-spotlight-copy{padding:32px}.x-spotlight-copy h2{font-size:64px}}
@media(max-width:480px){.xleaf-landing{padding-top:26px}.x-hero h1{font-size:clamp(56px,16vw,72px)}.x-brand small{font-size:11px}.x-intro{font-size:16px;line-height:1.65}.x-download>span{font-size:10px}.x-discover{margin-top:24px}.x-stage{height:470px;border-radius:110px 110px 22px 22px}.x-stage-label{top:28px;font-size:7px;letter-spacing:1px}.x-phone{border-width:3px;border-radius:24px}.x-phone-front{width:47%;top:75px;right:12%}.x-phone-back{width:42%;top:125px;left:8%}.x-note{bottom:52px;left:16px;padding:12px 14px;gap:10px;border-radius:12px}.x-note strong{font-size:14px}.x-note-symbol{font-size:32px}.x-note div>span{font-size:9px}.x-stage-footer{font-size:6px;letter-spacing:1.5px;bottom:19px}.x-orbit{width:320px;height:320px}.x-format-strip{gap:14px;padding-block:20px}.x-format-strip strong{font-size:18px}.x-format-strip a{width:100%;margin:0}.x-section-heading h2{font-size:40px}.x-kicker{font-size:8px;letter-spacing:1.1px}.x-feature-copy{padding:28px 24px 8px}.x-feature h3{font-size:31px}.x-feature p{font-size:14px}.x-feature-image{height:330px}.x-feature-image img{width:195px;max-width:56%;left:22px;border-width:3px;border-radius:24px}.x-image-caption{right:18px;max-width:88px;font-size:21px;top:130px}.x-listen .x-feature-image img{right:20px;top:-60px}.x-listen .x-image-caption{left:20px;top:130px;font-size:19px}.x-sage{grid-template-columns:1fr;gap:18px;padding-block:28px}.x-sage-mark{font-size:44px}.x-sage h2{font-size:28px}.x-sage a{grid-column:1}.x-end{flex-direction:column;align-items:flex-start;gap:26px}.x-end h2{font-size:44px}.x-spotlight{border-radius:22px;margin-bottom:40px}.x-spotlight-copy{padding:28px 24px}.x-spotlight-copy h2{font-size:54px}.x-spotlight-copy>p{font-size:16px}.x-spotlight-art{min-height:465px}.x-spotlight-phone{top:70px;width:210px;max-width:62%;border-width:3px;border-radius:28px}.x-spotlight-stamp{font-size:34px;left:14px;bottom:24px;padding:12px}.x-spotlight-copy .x-brand{margin-bottom:28px}}

@media(max-width:360px){.x-feature-image img{max-width:48%}.x-image-caption{font-size:19px;max-width:82px}.x-listen .x-image-caption{max-width:78px}.x-stage{height:430px}.x-phone-front{top:78px}.x-phone-back{top:110px}.x-note{bottom:45px}}