/* Editorial landing page: real uses first, reading service second. */
:root{--paper:#f7f6f0;--green:#183f34;--gold:#8a673a}
.site-header{max-width:1320px;padding-top:22px;padding-bottom:22px}
main{max-width:1280px}
.life-hero{padding-top:60px}
.hero-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;margin-bottom:42px}
.hero-heading h1{font-size:clamp(34px,4.2vw,59px);font-weight:650;letter-spacing:-1.5px;line-height:1.4;margin:0}
.slogan-support{font-size:18px;line-height:1.8;margin:20px 0 0;color:var(--muted)}
@media(max-width:640px){.life-hero .hero-heading h1{font-size:clamp(27px,8.2vw,39px);letter-spacing:-1px}.slogan-support{font-size:16px}}
h1 em,h2 em{font-style:normal;color:#618368}
.hero-intro{padding-top:24px}
.hero-intro .lead{font-size:17px;margin-bottom:14px;line-height:1.85;color:var(--ink)}
.hero-intro>p:not(.lead){font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:22px}
.hero-intro .button{gap:24px}
.life-scenes{margin:0;background:#e6e6dc}
.life-scenes img{display:block;width:100%;height:370px;object-fit:cover;object-position:center 47%}
.life-scenes figcaption{display:grid;grid-template-columns:repeat(3,1fr);background:var(--green);color:#f8f8ec}
.life-scenes figcaption span{padding:16px 24px;font-size:14px;letter-spacing:.05em;border-right:1px solid #ffffff26}
.life-scenes figcaption span:last-child{border:0}
.hero-foot{display:flex;justify-content:space-between;gap:24px;padding:20px 0;font-size:13px;line-height:1.8;color:var(--muted);border-bottom:1px solid var(--line)}
.hero-foot a{white-space:nowrap}
.purpose-section{padding:94px 0 82px}
.purpose-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.purpose-columns h2{font-size:40px;line-height:1.5;margin:0}
.purpose-copy p{font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:20px}
.purpose-copy .purpose-answer{padding-top:20px;border-top:1px solid var(--line);color:var(--ink);margin-bottom:0}
.purpose-answer strong{font-weight:600}
.level-showcase{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;background:#e8ede3;padding:54px;margin-bottom:84px;scroll-margin-top:24px}
.level-intro{align-self:center}
.level-intro h2{font-size:37px;line-height:1.5}
.level-intro>p:not(.overline){line-height:1.9;color:var(--muted)}
.reading-sample{transform:none;box-shadow:none;border-color:#d6dfcf;min-width:0}
.reading-sample h2{font-size:32px}
.level-tabs{flex-wrap:wrap}
#sample-text{min-height:205px}
.section-description{color:var(--muted);line-height:1.8}
.feature-number{font-family:inherit;font-size:13px;letter-spacing:.04em}
.feature-grid{gap:42px;margin-bottom:78px}
.reading-features{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:32px}
.reading-features h3{line-height:1.65}
.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 45px}
.download-options article{background:white;border:1px solid var(--line);padding:30px;border-radius:8px}
.download-options h2{font-size:26px}.download-options p{line-height:1.8;color:var(--muted)}
.download-options button:disabled{cursor:default}.download-options .overline{color:var(--gold)}
@media(max-width:640px){.download-options{grid-template-columns:1fr}.download-options article{padding:24px}}
.pillar-section{padding:0 0 80px;margin-bottom:60px;border-bottom:1px solid var(--line)}
.context-example{margin-top:36px;padding:30px 38px;background:#e8ede3}
.example-label{font-size:13px;color:var(--muted);line-height:1.8}
.context-example blockquote{font:25px/1.6 Georgia,serif;margin:18px 0 26px}
.example-columns{display:grid;grid-template-columns:1fr 2fr;gap:38px;border-top:1px solid #c9d5c3;padding-top:24px}
.example-columns h3{font-size:16px}.example-columns p,.memory-demo p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:0}
.memory-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:36px;padding:32px 38px;background:#eeeade}
.word-demo{padding:26px;background:#fffefa;border:1px solid #d9d4c8;text-align:center}
.word-demo .demo-word{font:36px/1.6 Georgia,serif;color:var(--ink);margin:10px 0 22px}
.word-demo summary{font-size:14px;cursor:pointer;color:var(--green);padding:12px;border-top:1px solid var(--line)}
.word-demo details p{font-size:15px}
@media(max-width:640px){.pillar-section{padding-bottom:42px;margin-bottom:42px}.context-example{padding:24px}.context-example blockquote{font-size:22px}.example-columns,.memory-demo{grid-template-columns:1fr;gap:24px}.memory-demo{padding:24px}.example-columns{gap:12px}}
@media(max-width:640px){.reading-features{grid-template-columns:1fr}}
.start-reading{background:var(--green);color:#f9f8ee;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:52px 54px}
.start-reading .overline{color:#d5c39a}
.start-reading h2{font-size:36px}
.start-reading p:not(.overline){color:#cad7cd;line-height:1.9;margin-bottom:0}
.start-actions{max-width:340px;justify-self:end}
.start-actions .primary{background:#f3f1e5;color:var(--green);width:100%}
.start-actions .primary:hover{background:#fff}
.feedback-link{text-align:center;font-size:14px;color:var(--muted);margin:28px 0 64px;line-height:1.9}
.feedback-link a{margin-left:10px}
@media(min-width:1500px){.life-scenes img{height:410px}}
@media(max-width:950px){.hero-heading{gap:35px}.purpose-columns{gap:45px}.level-showcase{gap:30px;padding:32px}.level-intro h2{font-size:30px}.reading-sample{padding:23px}.life-scenes img{height:320px}.start-reading{gap:30px;padding:38px}}
@media(max-width:640px){.life-hero{padding-top:35px}.hero-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.hero-heading h1{font-size:39px;letter-spacing:-1px}.hero-intro{padding:0}.life-scenes img{height:255px;object-fit:cover}.life-scenes figcaption span{font-size:11px;padding:12px 7px;letter-spacing:0;text-align:center}.hero-foot{display:block;font-size:12px}.hero-foot a{display:inline-block;margin-top:10px}.purpose-section{padding:48px 0}.purpose-columns{grid-template-columns:1fr;gap:24px}.purpose-columns h2{font-size:31px}.purpose-copy p{font-size:16px}.level-showcase{grid-template-columns:1fr;padding:24px 18px;gap:22px;margin:0 -6px 45px}.level-intro h2{font-size:29px}.reading-sample{padding:20px}.reading-sample h2{font-size:28px}.level-tabs button{padding:10px 6px}.level-intro .fine{margin-bottom:0}#sample-text{min-height:240px;font-size:20px}.start-reading{grid-template-columns:1fr;padding:30px 25px;gap:28px}.start-reading h2{font-size:29px}.start-actions{justify-self:stretch;max-width:none}.feature-grid{gap:24px;margin-bottom:45px}.feedback-link{margin-bottom:42px}}
