:root{--ink:#103e36;--green:#195c47;--cream:#fcfaf4;--sage:#edf3e7;--line:#dfe6d8;--muted:#57716a;--gold:#93640e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.5vw,50px);line-height:1.14;letter-spacing:-1.8px;font-weight:800}h2{font-size:30px;line-height:1.22;letter-spacing:-1px}h3{font-size:21px;line-height:1.3}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a:hover{color:var(--green)}.wrap{max-width:1320px;width:calc(100% - 80px);margin:auto}header{border-bottom:1px solid var(--line);background:#fffdf8}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;line-height:1.1;letter-spacing:-1px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.5px;margin-top:8px;color:#557081;font-weight:700}.mark{background:var(--green);color:#fff8dd;width:49px;height:49px;border-radius:12px;display:grid;place-content:center;font:39px Georgia;position:relative}.mark i{position:absolute;background:#e7dda4;width:8px;height:8px;border-radius:50%;right:9px;top:8px}nav,.nav-actions{display:flex;align-items:center;gap:30px}nav a{font-weight:700;font-size:14px}nav a.active{box-shadow:0 2px var(--green);padding-bottom:4px}.nav-actions{gap:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:white!important;padding:11px 25px;font-weight:700;min-height:46px;transition:background .18s,transform .18s}.button:hover{background:#0d4635;transform:translateY(-1px)}.button.small{min-height:40px;padding:8px 25px;font-size:14px}.button.outline{background:transparent;color:var(--green)!important}.button.outline:hover{background:var(--sage)}.textlink{font-weight:700;color:var(--green);display:inline-flex;gap:18px;align-items:center}.textlink:hover{text-decoration:underline}.language{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.language button{background:transparent;border:0;color:var(--ink);padding:10px 14px;font-size:13px}.language button[aria-pressed=true]{background:var(--green);color:white}.intro{text-align:center;padding:25px 0 24px}.intro h1{font-size:clamp(28px,3.05vw,44px);letter-spacing:-1.6px}.intro h1 em{font-style:normal;color:var(--gold)}.intro p{font-size:18px;margin-top:9px}.products{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fffdf8;transition:box-shadow .2s}.product:hover{box-shadow:0 10px 30px #1246310d}.art{position:relative;overflow:hidden;aspect-ratio:747/336;background:#3dbdec}.art img{position:absolute;width:223.82865%;max-width:none;height:auto;top:-70.5357%;left:-9.9063%;pointer-events:none}.art.writing img{left:-113.7885%}.product-body{text-align:center;padding:15px 20px 18px}.product h2{font-size:30px}.product p{font-size:16px;margin-top:2px}.actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:20px}.product .actions{justify-content:center;gap:44px;margin-top:14px}.product .button{min-width:200px;padding:9px 24px;min-height:43px}.utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.utility{display:flex;align-items:center;gap:18px;min-height:132px;background:var(--sage);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:15px 20px}.mini-art{position:relative;overflow:hidden;flex:none;width:32%;aspect-ratio:2/1}.mini-art img{position:absolute;width:557.33%;max-width:none;left:-24.66%;top:-524%}.mini-art.sign img{left:-415.33%}.utility h2{font-size:25px}.utility p{font-size:14px;line-height:1.45;margin:5px 0}.utility .textlink{font-size:14px}.utility.partner{justify-content:space-between}.utility.partner .mini-art{order:2;width:36%}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6b7d70;padding:20px 0 15px}footer a{text-decoration:underline}.concept{letter-spacing:.7px}.breadcrumb{display:inline-block;font-size:13px;color:var(--muted);margin:22px 0}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:9px 0 35px}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.detail-hero h1{max-width:580px;font-size:clamp(32px,3.7vw,50px)}.detail-hero p{margin-top:18px;font-size:17px;max-width:560px}.detail-hero .art{border-radius:20px}.landscape{width:100%;display:block;aspect-ratio:1.65;object-fit:cover;border-radius:20px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:35px}.benefits article{padding-right:18px}.benefits .benefit-number{color:var(--gold);display:block;font-size:12px;font-weight:700;margin-bottom:12px}.benefits p{font-size:14px;margin-top:9px}.section{padding:48px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-head p{max-width:560px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.journey article{border-top:2px solid #ccdcbe;padding:16px 6px 0 0}.journey b{display:block;font-size:12px;color:var(--gold);margin-bottom:9px}.journey h3{font-size:17px}.journey p{font-size:14px;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split p{margin:14px 0}.panel{border-radius:20px;padding:32px;background:var(--sage);border:1px solid var(--line)}.demo-caption{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#647a64;margin-bottom:15px}.sounds{display:flex;gap:12px;margin:20px 0}.sound{display:grid;place-items:center;min-width:65px;height:76px;border-radius:12px;background:#fffdf8;border:1px solid #c3d2b7;color:var(--green);font-size:31px;font-weight:700}.sound:hover{background:#e1edce}.demo-result{min-height:26px;color:var(--green);font-weight:700;font-size:14px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:25px;flex-wrap:wrap}.tabs button{border:0;background:transparent;padding:13px 17px;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.sentence{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.word{padding:13px 18px;border-radius:10px;border:0;color:#263d35;font-weight:700;background:#f4c685}.word:nth-child(2){background:#f4d66e}.word:nth-child(3){background:#acd4b3}.word:nth-child(4){background:#a2c9e4}.word small{display:block;font-size:10px;font-weight:500}.cta{background:var(--green);color:#fffdf5;padding:30px 36px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:8px 0 30px}.cta p{color:#d1e1d6;margin-top:8px}.cta .button{background:#fcfaf4;color:var(--green)!important;border-color:#fcfaf4;white-space:nowrap}.roster{width:100%;border-collapse:collapse;font-size:14px}.roster th,.roster td{text-align:left;padding:13px 8px;border-bottom:1px solid #d5dfcd}.roster th{font-size:11px;color:var(--muted)}.badge{background:#d7e8c9;padding:4px 9px;border-radius:20px;font-size:11px}.roster button{border:0;background:transparent;color:var(--green);font-weight:700}.faq{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{padding-top:12px;max-width:800px}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;max-width:1110px;margin:42px auto 55px}.login-scene .art{border-radius:20px}.login-scene h2{margin-top:22px;font-size:32px}.login-scene p{margin-top:10px}.login-card{padding:30px;border:1px solid var(--line);background:#fffdf8;border-radius:20px;box-shadow:0 10px 40px #173f3410}.login-card h1{font-size:29px;letter-spacing:-1px}.login-card .tabs{margin-top:0}.login-card .tabs button{font-size:12px;padding:10px 9px}.login-card p{font-size:14px;margin:12px 0}.segmented{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:20px 0}.segmented button{flex:1;border:0;padding:8px;background:transparent;color:var(--muted);font-size:13px}.segmented button.active{background:var(--sage);color:var(--green);font-weight:700}label{display:block;font-weight:700;font-size:13px;margin:16px 0 6px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cad6c5;border-radius:8px;background:#fff;color:var(--ink)}input:focus,textarea:focus{border-color:var(--green)}form .button{width:100%;margin-top:18px}.notice{font-size:11px!important;background:var(--sage);padding:10px 13px;border-radius:7px;line-height:1.6}.login-help{font-size:12px!important}.source-list{display:grid;gap:18px;margin:30px 0}.source-list a{text-decoration:underline}.source-list p{font-size:14px}.source-page{max-width:850px;padding:45px 0}.source-page h1{margin-bottom:20px}.source-page p{margin-top:14px}dialog{border:1px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink);padding:35px;max-width:540px;width:calc(100% - 35px);box-shadow:0 30px 100px #103e3630}dialog::backdrop{background:#073e3466;backdrop-filter:blur(3px)}dialog p{margin:14px 0}.close{position:absolute;right:12px;top:8px;font-size:28px;background:none;border:0;color:var(--green)}.skip{position:fixed;top:-100px;left:15px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}@media(min-width:1000px) and (max-height:800px){.nav{height:66px}.intro{padding:17px 0}.intro h1{font-size:36px}.intro p{font-size:16px}.product .art{aspect-ratio:2.55}.product .art img{top:-87%}.product-body{padding:12px 16px 14px}.product h2{font-size:27px}.utility{min-height:108px;padding:10px 17px}.utility p{font-size:12px}.utility h2{font-size:22px}.utility-grid{margin-top:14px}footer{padding-top:14px}}@media(min-width:1500px){.wrap{max-width:1380px}}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.nav{gap:15px}.nav-actions{gap:12px}nav{gap:14px}nav a{font-size:12px}.brand{font-size:23px}.language button{padding:9px}.product .button{min-width:150px}.product .actions{gap:25px}.utility{padding:15px;gap:12px}.utility h2{font-size:21px}.utility .mini-art{width:27%}.detail-hero{gap:25px}.login-layout{gap:30px}.journey{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{height:auto;min-height:76px;flex-wrap:wrap;padding:13px 0;gap:12px}.mark{width:40px;height:40px;font-size:32px;border-radius:10px}.brand{font-size:21px}.brand small{font-size:7px;margin-top:5px}.nav nav{order:3;width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}.nav-actions{margin-left:auto}.nav-actions .button{padding:7px 16px;font-size:12px;min-height:37px}.language button{font-size:11px;padding:9px}.intro{padding:24px 2px}.intro h1{font-size:31px;letter-spacing:-1.2px}.intro h1 em{display:block}.intro p{font-size:15px}.products,.utility-grid,.detail-hero,.split,.login-layout{grid-template-columns:1fr}.products{gap:18px}.product h2{font-size:28px}.product-body{padding:18px}.product .actions{gap:32px}.utility-grid{gap:12px}.utility{min-height:125px}.utility .mini-art{width:30%}.utility h2{font-size:24px}footer{flex-wrap:wrap;font-size:10px;gap:7px}.concept{margin-left:auto}footer a{width:100%}.detail-hero{padding-bottom:25px;gap:25px}.detail-hero h1{font-size:37px}.detail-hero p{font-size:16px}.benefits{grid-template-columns:1fr;gap:25px}.benefits article{padding-right:0}.benefits .benefit-number{margin-bottom:5px}.section{padding:30px 0}.section-head{display:block}.section-head p{margin-top:12px}.split{gap:24px}.cta{display:block;padding:25px}.cta .button{margin-top:20px}.login-layout{margin:25px auto}.login-scene h2,.login-scene p{display:none}.login-scene .art{aspect-ratio:3.1}.login-scene .art img{top:-118%}.login-card{padding:23px}.journey{gap:20px 16px}.panel{padding:23px}h2{font-size:27px}.actions{gap:20px}}

/* Compact homepage, distinct story art and access layout. */
.art-window{position:absolute;width:100%;aspect-ratio:747/336;top:50%;transform:translateY(-50%)}
.art .art-window img{top:-70.5357%}
.page-art{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;display:block}
.detail-hero .page-art{max-height:340px;object-position:center}
.split .page-art{max-height:360px}
[data-page=home] .intro{padding:20px 0 19px}
[data-page=home] .intro h1{font-size:clamp(27px,2.8vw,39px)}
[data-page=home] .intro p{font-size:16px;margin-top:6px}
[data-page=home] .product .art{aspect-ratio:auto;height:clamp(125px,23vh,210px)}
[data-page=home] .product-body{padding:12px 18px 15px}
[data-page=home] .product h2{font-size:27px}
[data-page=home] .product p{font-size:15px}
[data-page=home] .product .actions{margin-top:11px}
[data-page=home] .product .button{min-height:40px;padding:7px 22px}
[data-page=home] .utility{min-height:112px;padding:12px 18px}
.realms-teaser{display:flex;align-items:center;gap:12px;padding:12px 3px 0;font-size:12px;color:var(--muted)}
.realms-teaser strong{color:var(--green)}
.realms-spark{color:var(--gold);font-size:20px}
.realms-link{margin-left:auto;color:var(--green);font-weight:700;white-space:nowrap}
.realms-teaser:hover .realms-link{text-decoration:underline}
[data-page=login] .breadcrumb{margin:14px 0 8px}
[data-page=login] .login-layout{margin:6px auto 30px;align-items:start;gap:40px}
[data-page=login] .login-scene{padding-top:0}
[data-page=login] .login-scene .page-art{aspect-ratio:1.65;max-height:320px}
[data-page=login] .login-scene h2{font-size:29px;margin-top:18px}
[data-page=login] .login-card{padding:22px 26px}
[data-page=login] .login-card .tabs{margin-bottom:18px}
.game-demo{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:stretch}
.game-demo .panel{display:flex;flex-direction:column;justify-content:center}
.game-answers{display:flex;gap:12px;margin:20px 0}
.game-landscape{position:relative;overflow:hidden;border-radius:18px}
.game-landscape .page-art{height:100%;min-height:300px;border-radius:0}
.garden-reward{position:absolute;left:20px;bottom:20px;right:20px;background:#fffbeaef;border:1px solid #dcce8f;padding:18px;border-radius:14px;color:var(--green);display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #174b3820}
.garden-reward[hidden]{display:none}
.garden-reward span{font-size:40px;color:#d39422;line-height:1}
.button:disabled{opacity:.5;cursor:default;transform:none}
@media(min-width:761px) and (max-height:740px){
 .nav{height:60px}
 [data-page=home] .intro{padding:12px 0 14px}
 [data-page=home] .intro h1{font-size:clamp(27px,2.7vw,35px)}
 [data-page=home] .intro p{font-size:14px;margin-top:5px}
 [data-page=home] .products{gap:20px}
 [data-page=home] .product .art{height:clamp(100px,22vh,155px)}
 [data-page=home] .product-body{padding:9px 15px 11px}
 [data-page=home] .product h2{font-size:25px}
 [data-page=home] .product p{font-size:13px}
 [data-page=home] .product .actions{margin-top:9px}
 [data-page=home] .product .button{min-height:36px;font-size:13px;padding:6px 22px}
 [data-page=home] .product .textlink{font-size:13px}
 [data-page=home] .utility-grid{gap:20px;margin-top:12px}
 [data-page=home] .utility{min-height:92px;padding:9px 16px}
 [data-page=home] .utility h2{font-size:22px}
 [data-page=home] .utility p{font-size:12px;margin:3px 0}
 [data-page=home] .utility .textlink{font-size:12px}
 [data-page=home] .mini-art{max-width:145px}
 [data-page=home] .realms-teaser{padding-top:7px;font-size:11px}
 [data-page=home] footer{padding:10px 0;font-size:10px}
 [data-page=login] .login-card{padding:18px 23px}
 [data-page=login] .login-card .tabs{margin-bottom:13px}
 [data-page=login] .login-card h1{font-size:26px}
 [data-page=login] .segmented{margin:14px 0}
 [data-page=login] .login-card p{margin:9px 0;font-size:13px}
 [data-page=login] .login-card .notice{font-size:10px!important;padding:7px 10px}
 [data-page=login] label{margin-top:12px}
 [data-page=login] form .button{margin-top:13px;min-height:40px}
}
@media(max-width:760px){
 [data-page=home] .intro{padding:21px 0}
 [data-page=home] .intro h1{font-size:31px}
 [data-page=home] .intro p{font-size:14px}
 [data-page=home] .product .art{height:155px}
 [data-page=home] .product h2{font-size:26px}
 [data-page=home] .product-body{padding:14px 16px 16px}
 [data-page=home] .utility{min-height:110px}
 .realms-teaser{align-items:flex-start;font-size:12px;flex-wrap:wrap;padding-top:15px;gap:4px 10px}
 .realms-teaser>span:nth-child(2){flex:1;min-width:250px}
 .realms-link{margin-left:27px}
 [data-page=login] .login-layout{gap:18px;margin:4px auto 25px}
 [data-page=login] .login-scene .page-art{aspect-ratio:3.2;max-height:140px}
 [data-page=login] .login-card{padding:20px}
 .game-demo{grid-template-columns:1fr}
 .game-landscape .page-art{min-height:0;height:auto}
 .detail-hero .page-art{max-height:300px}
}

.art img.home-banner{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%;left:auto;top:auto}
@media(min-width:761px) and (max-height:740px){
 [data-page=home] .intro{padding:9px 0 11px}
 [data-page=home] .intro h1{line-height:1.12;font-size:clamp(26px,2.5vw,32px)}
 [data-page=home] .product .art{height:clamp(95px,20vh,145px)}
 [data-page=home] .utility .mini-art{max-width:120px}
 [data-page=home] .utility{padding:7px 15px;min-height:88px}
 [data-page=home] .utility p br{display:none}
 [data-page=home] .realms-teaser{padding-top:5px}
}

/* Fixed banner composition: the same complete scene at every viewport height. */
[data-page=home] .product .art{height:auto;aspect-ratio:5.2/1}
.art img.home-banner{object-fit:cover;object-position:50% 50%}
/* Visual explanations give each benefit a concrete example. */
.benefit-section{padding:23px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.benefit-heading .eyebrow{margin:0}
.benefit-note{font-size:10px;color:var(--muted);letter-spacing:.7px;text-transform:uppercase}
.benefits{border:0;padding:0;gap:18px;align-items:stretch}
.benefits article{padding:17px 19px 21px;border:1px solid #e0e6d6;border-radius:15px;background:#f2f5eb}
.benefits article:nth-child(2){background:#f5f2e7;border-color:#e9e1cf}
.benefits article:nth-child(3){background:#edf4f0;border-color:#dce7e1}
.benefits .benefit-number{font-size:10px;letter-spacing:1px;margin:16px 0 6px;color:var(--gold);display:block}
.benefits h3{font-size:20px;letter-spacing:-.4px}
.benefits p{font-size:14px;line-height:1.65;margin-top:9px}
.feature-example{min-height:108px;height:108px;display:flex;align-items:center;justify-content:center;background:#ffffff9e;border:1px solid #ffffffb8;border-radius:11px;color:var(--ink);padding:14px;overflow:hidden}
.feature-example small{font-size:10px;color:var(--muted);font-weight:500;line-height:1.35}
.feature-example b,.feature-example strong{font-weight:700}
.feature-sounds{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}
.letter-pair{display:flex;gap:5px}
.letter-pair b{width:38px;height:46px;display:grid;place-content:center;font-size:25px;color:var(--green);border:1px solid #c8d9c0;background:#eaf3de;border-radius:7px;box-shadow:0 3px #d6e2cc}
.feature-arrow{font-size:21px;color:#77936c}
.feature-word{display:flex;align-items:center;gap:9px}
.feature-word strong{font-size:22px}
.little-sun{display:block;flex:none;width:27px;height:27px;border-radius:50%;background:#efc84b;box-shadow:0 0 0 6px #f8ebbd}
.feature-trail{display:flex;align-items:flex-start;justify-content:space-between;width:100%;position:relative;gap:7px}
.feature-trail:before{content:'';position:absolute;top:19px;left:15%;right:15%;height:2px;background:#c7d8b9}
.feature-trail>div{position:relative;flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;min-width:0}
.feature-trail i{font-style:normal;display:grid;place-content:center;width:39px;height:39px;background:#e6eddc;border:1px solid #cadab9;border-radius:50%;color:var(--green);font-size:18px;box-shadow:0 0 0 4px #fffef9}
.feature-trail>div:nth-child(2) i{background:#f6dda1;border-color:#e5c87f;color:#806013}
.feature-trail span{font-size:10px;font-weight:700;line-height:1.4}
.feature-speech{display:flex;gap:13px;width:100%;justify-content:space-evenly}
.feature-speech>div{display:flex;align-items:center;gap:8px}
.feature-speech b{display:block;font-size:12px;white-space:nowrap}
.feature-speech small{display:block;max-width:90px;margin-top:4px}
.feature-speech i,.language-glyph{font-style:normal;color:var(--green);font-size:21px;font-weight:600}
.feature-sentence{display:flex;gap:6px;flex-wrap:wrap;width:100%;justify-content:center}
.feature-sentence>span{display:block;background:#efd0a0;border-radius:7px;padding:9px 9px;color:#3b422e}
.feature-sentence>span:nth-child(2){background:#f4e0a0}.feature-sentence>span:nth-child(3){background:#c5e0c6}
.feature-sentence small{display:block;color:#555b42;font-size:9px}
.feature-sentence b{display:block;font-size:12px;margin-top:4px}
.feature-pages{display:flex;gap:16px;align-items:center;justify-content:center}
.feature-pages>div{display:flex;align-items:center;flex-direction:column;gap:3px}
.feature-pages i{font-style:normal;font-size:27px;color:var(--green);line-height:1}
.feature-pages div span{font-size:10px;font-weight:600}
.feature-class{display:flex;flex-direction:column;align-items:center;gap:4px}
.feature-class strong{font-size:11px}
.feature-avatars{display:flex;margin-bottom:3px;padding-left:10px}
.feature-avatars i{font-style:normal;display:grid;place-content:center;width:35px;height:35px;border-radius:50%;border:3px solid #fffdf6;margin-left:-8px;background:#d7e5be;font-size:12px;font-weight:700}
.feature-avatars i:nth-child(2){background:#f3d69b}.feature-avatars i:nth-child(3){background:#c3e3e1}
.feature-evidence{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;font-size:11px}
.feature-evidence i{font-style:normal;color:var(--green)}
.feature-evidence strong{grid-column:1/-1;background:#eaf0e0;padding:5px 12px;border-radius:5px;text-align:center;font-size:10px}
.feature-document{display:flex;align-items:center;gap:14px}
.feature-document strong{font-size:12px;display:block}
.feature-document small{display:block;margin-top:4px}
.paper-lines{display:flex;flex-direction:column;gap:6px;border:1px solid #cbd8c0;background:#fffef8;padding:15px 10px;width:44px;height:57px;transform:rotate(-5deg);box-shadow:3px 3px #e5eddb}
.paper-lines i{height:2px;width:22px;background:#9caf8c}.paper-lines i:last-child{width:14px}
.feature-books{display:flex;align-items:center;gap:25px}
.feature-books span{display:flex;align-items:center;gap:9px;font-size:12px}
.feature-books i{display:block;width:25px;height:34px;background:#608361;border-left:5px solid #355f46;border-radius:2px 5px 5px 2px;box-shadow:2px 2px #e4d9b6}
.feature-books span:last-child i{background:#c9aa5c;border-left-color:#957835}
.feature-team{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.team-lead{color:var(--green);font-size:24px}
.team-branches{display:flex;gap:21px;border-top:1px solid #afc49f;padding-top:2px;margin-top:3px}
.team-branches i{font-style:normal;color:#a5bd8b;font-size:20px}
.feature-team strong{font-size:10px;margin-top:7px}
.feature-challenges{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.feature-challenges span{padding:9px 10px;background:#dceacb;border-radius:6px;font-size:11px;font-weight:700}
.feature-challenges span:nth-child(2){background:#f5dda3}.feature-challenges span:nth-child(3){background:#cfe6e2}
.feature-settings{display:flex;gap:13px;align-items:center}
.settings-sun{font-size:30px;color:#b68a27}
.feature-settings strong,.feature-settings small{display:block}.feature-settings strong{font-size:13px}.feature-settings small{max-width:150px;margin-top:5px}
@media(max-width:1100px) and (min-width:761px){.feature-example{padding:9px}.feature-speech{gap:9px}.feature-speech>div{gap:4px}.feature-speech b{font-size:10px}.feature-speech small{font-size:9px}.letter-pair b{width:29px;height:40px;font-size:21px}.feature-sounds{gap:10px}.feature-word strong{font-size:18px}.little-sun{width:21px;height:21px}.benefits h3{font-size:18px}.feature-sentence>span{padding:6px}.feature-sentence b{font-size:10px}}
@media(max-width:760px){
 [data-page=home] .product .art{aspect-ratio:5.2/1;height:auto}
 .benefit-section{padding:20px 0 8px}.benefit-heading{align-items:flex-start}.benefit-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.benefit-note{font-size:8px;white-space:nowrap}.benefits{gap:13px}.benefits article{padding:15px 17px 19px}.feature-example{height:104px;min-height:104px}.benefits h3{font-size:20px}.benefits .benefit-number{margin-top:13px}
}

.speaker-icon{width:25px;height:25px;flex:none;color:var(--green)}