:root{color-scheme:light;--ink:#1d2a44;--blue:#2f5da8;--paper:#fbf8f1;--card:#fffdf8;--sand:#e9dfcc;--gold:#bd8c42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:var(--blue)}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-weight:bold;font-size:21px;text-decoration:none;white-space:nowrap}.brand img{border-radius:11px}.site-header nav,.site-footer span:last-child{display:flex;gap:30px}.site-header nav a,.site-footer a{text-decoration:none;font-size:14px;font-weight:600}.hero{padding:82px 0 118px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.84fr);align-items:center;gap:90px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.19em}.hero h1,.document h1{font-family:Georgia,serif;font-size:clamp(56px,6.4vw,91px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}.hero h1 em{color:var(--blue);font-weight:normal}.lede,.intro{font-size:21px;line-height:1.7;max-width:610px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--ink);color:white;text-decoration:none;border-radius:14px;padding:18px 23px;margin-top:25px;font-weight:700}.button:hover{background:var(--blue);color:white}.reading-demo{position:relative;border:1px solid #d7c7ad;border-radius:27px;background:var(--card);box-shadow:0 35px 75px #1d2a4420;transform:rotate(2deg);padding:27px 32px 30px;max-width:495px;margin:auto;width:100%}.demo-top{display:flex;justify-content:space-between;color:#8390a0;font-size:11px;letter-spacing:.12em;font-weight:700}.demo-art{height:235px;position:relative;overflow:hidden;margin-top:25px;border-radius:17px;background:linear-gradient(#dce8ed,#ecdfbf);isolation:isolate}.sun{position:absolute;background:#e8b765;width:72px;height:72px;right:70px;top:28px;border-radius:50%}.hill{position:absolute;bottom:-60px;width:135%;height:180px;left:-20%;border-radius:50%}.hill-back{background:#b9c5ad;bottom:-85px;left:28%}.hill-front{background:#869d80}.flower{position:absolute;z-index:2;color:#faf4e7;font-size:43px;text-shadow:0 2px 2px #567552}.f1{left:85px;bottom:18px}.f2{left:135px;bottom:33px;font-size:28px}.f3{right:55px;bottom:26px;font-size:33px}.demo-words{display:flex;flex-wrap:wrap;gap:9px 14px;margin:33px 0 15px;font-family:Georgia,serif;font-size:26px;line-height:1.1}.demo-words span{display:inline-flex;flex-direction:column;gap:6px}.demo-words small{color:#8a8d94;font:12px Arial,Helvetica,sans-serif}.demo-note{font-size:13px;color:#697586;line-height:1.5;margin-bottom:0}.details{background:#e8f0f8;padding:100px 0 115px}.details h2,.closing h2{font:normal clamp(42px,5vw,64px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:20px 0 42px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{background:var(--card);border:1px solid #d6e0e8;border-radius:23px;padding:32px 30px 35px}.feature-number{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.12em}.feature-grid h3{font:normal 28px Georgia,serif;margin:33px 0 16px}.feature-grid p{color:#4e5a6b;line-height:1.65;margin:0}.closing{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:110px;padding-bottom:110px;align-items:center}.closing h2{margin-bottom:0}.closing>p{line-height:1.75;font-size:19px}.site-footer{border-top:1px solid #d9d1c3;display:flex;justify-content:space-between;padding-top:33px;padding-bottom:40px;color:#5e6878;font-size:13px}.document{max-width:800px;padding-top:80px;padding-bottom:110px}.document h1{font-size:clamp(51px,6vw,74px)}.document .intro{margin-bottom:58px}.document h2{font:normal 30px Georgia,serif;margin-top:42px;margin-bottom:13px}.document p:not(.eyebrow){line-height:1.8}.document a{color:var(--blue)}@media(max-width:880px){.hero{grid-template-columns:1fr;gap:70px;padding-top:55px}.hero-copy{max-width:700px}.reading-demo{transform:none}.feature-grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr;gap:10px}}@media(max-width:540px){.wrap{width:min(100% - 32px,1180px)}.site-header{height:78px}.brand{font-size:16px;gap:9px}.brand img{width:34px;height:34px}.site-header nav{gap:13px}.site-header nav a{font-size:12px}.hero{padding:45px 0 80px}.hero h1{font-size:52px}.lede,.intro{font-size:18px}.reading-demo{padding:21px}.demo-art{height:185px}.demo-words{font-size:22px;gap:10px}.details{padding:72px 0}.details h2,.closing h2{font-size:42px}.closing{padding-top:75px;padding-bottom:75px}.site-footer{gap:20px;flex-direction:column}.document{padding-top:50px}}

@media(max-width:540px){.site-header nav a:first-child{display:none}}

/* Shared home for the language collections. */
body{background:radial-gradient(circle at 8% 6%,#e7efe9 0,transparent 25%),radial-gradient(circle at 94% 18%,#f2e4d9 0,transparent 29%),var(--paper)}
.site-header{position:relative;z-index:1}
.hero{position:relative}
.hero h1{max-width:760px}
.hero .lede{max-width:620px}
.details{background:linear-gradient(125deg,#e6edea 0%,#e8f0f8 56%,#f2e9e4 100%)}
.languages{padding-top:105px;padding-bottom:105px}
.section-heading{max-width:700px;margin-bottom:37px}
.section-heading h2{font:normal clamp(42px,5vw,66px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:18px 0}
.section-heading>p:last-child{color:#4e5a6b;font-size:19px;line-height:1.6;margin:0}
.language-card{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);border:1px solid #d9d2c8;background:#fffdf8;border-radius:30px;overflow:hidden;box-shadow:0 26px 60px #1d2a4414}
.language-art{min-height:400px;background:radial-gradient(circle at 70% 23%,#f5d6ac 0,transparent 26%),linear-gradient(160deg,#dce9e7 0%,#d7e1ce 45%,#eddccd 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative;overflow:hidden}
.language-art:before,.language-art:after{content:"";position:absolute;width:560px;height:240px;border-radius:50%;background:#a9c0ac8c;bottom:-160px;left:-160px;transform:rotate(-10deg)}
.language-art:after{background:#8ba9ac77;bottom:-182px;left:120px}
.language-art img{position:relative;z-index:1;border-radius:28px;box-shadow:0 18px 36px #1d2a4429}
.language-art span{position:relative;z-index:1;color:#1d2a44;font-size:13px;font-weight:800;letter-spacing:.24em}
.language-copy{padding:57px 62px;align-self:center}
.language-copy h3{font:normal clamp(35px,3.8vw,54px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:16px 0 22px}
.language-copy>p:not(.eyebrow){color:#4e5a6b;line-height:1.75;font-size:18px;max-width:550px}
.language-meta{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 33px}
.language-meta span{border:1px solid #d6ddd6;border-radius:100px;padding:8px 13px;color:#425469;background:#f3f7f3;font-size:12px;font-weight:700}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:17px;font-weight:700;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:5px}
.future-note{color:#66747e;font-size:15px;margin:27px 0 0}
.page-hero{padding-top:72px;padding-bottom:84px}
.page-hero .reading-demo{transform:none}
.collection-label{display:inline-flex;border-radius:100px;padding:8px 14px;background:#e4ece7;font-size:12px;font-weight:800;letter-spacing:.1em;color:#31506a}
.collection-stats{display:flex;gap:25px;flex-wrap:wrap;margin-top:32px;color:#44556a;font-weight:700}
.collection-stats span{border-left:2px solid #d8c6ae;padding-left:13px}
.pricing{padding-top:92px;padding-bottom:92px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:80px;align-items:center}
.pricing h2{font:normal clamp(39px,4.8vw,62px)/1.15 Georgia,serif;letter-spacing:-.04em;margin:20px 0}
.pricing p{font-size:18px;line-height:1.7}
.price-card{background:#fffdf8;border:1px solid #d9d2c8;border-radius:24px;padding:34px;box-shadow:0 18px 45px #1d2a4410}
.price-card h3{font:normal 30px Georgia,serif;margin:0 0 22px}
.price-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4ded4;padding:17px 0;font-size:17px}
.price-row strong{white-space:nowrap}
.price-card p{font-size:14px;color:#596779;margin:16px 0 0}
.directory-list{display:grid;gap:15px;margin-top:28px}
.directory-list a{display:block;background:#fffdf8;border:1px solid #d9d2c8;border-radius:16px;padding:22px;text-decoration:none;font-weight:700;color:var(--blue)}
.directory-list a:hover{border-color:var(--blue)}
.document .eyebrow{margin-top:0}
.document .intro{margin-bottom:42px}
.document .notice{border-left:3px solid var(--blue);background:#e8f0f8;padding:17px 20px;border-radius:0 10px 10px 0}
@media(max-width:880px){.languages{padding-top:75px;padding-bottom:75px}.language-card{grid-template-columns:1fr}.language-art{min-height:285px}.language-copy{padding:42px}.pricing{grid-template-columns:1fr;gap:20px}.page-hero{padding-top:45px}}
@media(max-width:540px){.site-header nav a:first-child{display:none}.language-art{min-height:250px}.language-art img{width:112px;height:112px}.language-copy{padding:28px}.language-copy h3{font-size:38px}.section-heading>p:last-child{font-size:17px}.price-card{padding:25px}.collection-stats{gap:12px}.collection-stats span{font-size:13px}.site-footer span:last-child{flex-wrap:wrap}}

/* Real app art and screens. */
.demo-photo{display:block;width:100%;height:auto;aspect-ratio:1000/746;object-fit:cover;margin-top:22px;border-radius:17px}
.reading-demo .demo-words{margin:22px 0 6px}
.reading-demo .demo-words+.demo-words{margin-top:10px}
.demo-words small{white-space:nowrap}
.language-art{background:url(images/watercolor.jpg) center/cover}
.language-art:before,.language-art:after{display:none}
.language-art span{background:#fffdf8d9;padding:6px 12px;border-radius:999px}
.phone-shot{margin:0}
.phone-shot img{display:block;width:100%;height:auto;border-radius:34px;border:7px solid #fff;box-shadow:0 30px 60px #1d2a4424}
.hero-shot{max-width:330px;justify-self:center}
.screens{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:56px;padding-top:84px;padding-bottom:20px}
.screens figcaption{margin-top:20px;color:#4e5a6b;font-size:16px;line-height:1.5;text-align:center}
@media(max-width:880px){.hero-shot{max-width:290px}.screens{gap:32px;padding-top:60px}}
@media(max-width:540px){.screens{grid-template-columns:minmax(0,300px)}.hero-shot{max-width:260px}}