/* Scoped drop-in styles: no changes to host page typography or controls. */
#mm-exam-feature{--ink:#263f35;--green:#2c513f;--muted:#657066;--line:#dcded1;color:var(--ink);background:#f6f3e8;padding:64px 24px;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}#mm-exam-feature *{box-sizing:border-box}#mm-exam-feature .feature-wrap{max-width:1160px;margin:auto}#mm-exam-feature h2{font:400 clamp(34px,4vw,52px)/1.08 Georgia,serif;letter-spacing:-1.4px;max-width:840px;margin:12px 0 22px}#mm-exam-feature h2 em{font-style:normal;color:#5c7855}#mm-exam-feature p{margin:10px 0}#mm-exam-feature .eyebrow{font-size:14px;font-weight:750;letter-spacing:1.8px}#mm-exam-feature .facts{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:24px}#mm-exam-feature .grade-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:24px 0 12px}#mm-exam-feature .grades{display:flex;gap:12px}#mm-exam-feature button,#mm-exam-feature a{font:inherit}#mm-exam-feature .grades button{min-width:44px;min-height:56px;border:1px solid #adbba6;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer}#mm-exam-feature .grades button[aria-pressed=true]{background:var(--green);color:white}#mm-exam-feature .sample-note{font-size:14px;color:#796950}#mm-exam-feature .comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}#mm-exam-feature article{background:#fffdf7;border:1px solid var(--line);border-radius:14px;overflow:hidden}#mm-exam-feature article.learning{border-color:#749076}#mm-exam-feature .column-title{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:14px}#mm-exam-feature .learning .column-title{background:#e4ebda}#mm-exam-feature .paper-sample{padding:22px}#mm-exam-feature .question{font:24px/1.65 "PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;margin:10px 0 20px;min-height:80px}#mm-exam-feature .options{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mm-exam-feature .option{padding:13px 12px;border:1px solid #d7dace;border-radius:6px;min-height:68px;display:flex;align-items:center;gap:12px;position:relative}#mm-exam-feature .option span[lang]{font-size:20px}#mm-exam-feature .option.selected{background:#fff1df;border-color:#a37544}#mm-exam-feature .pick{font-size:14px;display:block;margin-left:auto}#mm-exam-feature .result{font-size:14px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}#mm-exam-feature .teaching{background:#f1f5e9;border-top:1px solid #d3ddc7;padding:22px;font-size:14px}#mm-exam-feature h3{font-size:18px;line-height:1.3;margin:8px 0}#mm-exam-feature dt{font-size:14px;font-weight:750;margin-top:15px;color:var(--muted)}#mm-exam-feature dd{margin:4px 0}#mm-exam-feature .word{font-size:21px}#mm-exam-feature .why{border-left:3px solid #bd985c;padding:4px 12px;margin:20px 0}#mm-exam-feature .why p{margin:5px 0}#mm-exam-feature .teach-actions{display:flex;gap:12px;flex-wrap:wrap}#mm-exam-feature .secondary{border:1px solid #8b9b81;background:transparent;border-radius:7px;color:var(--ink);padding:10px 14px;min-height:56px;cursor:pointer}#mm-exam-feature .text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--green);padding:10px 0;min-height:56px;cursor:pointer}#mm-exam-feature .small{font-size:14px;min-height:18px}#mm-exam-feature .feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}#mm-exam-feature .feature-bottom p{font-size:14px;max-width:540px;color:var(--muted)}#mm-exam-feature .ctas{display:flex;gap:20px;align-items:center;flex-shrink:0}#mm-exam-feature .cta{display:inline-flex;min-height:56px;align-items:center;padding:12px 20px;color:#fff;background:var(--green);border-radius:8px;text-decoration:none;font-weight:650;font-size:14px}#mm-exam-feature a.secondary-link{color:var(--ink);font-size:14px;min-height:56px;display:inline-flex;align-items:center;text-underline-offset:4px}#mm-exam-feature :focus-visible{outline:3px solid #a77433;outline-offset:3px}@media(max-width:650px){#mm-exam-feature{padding:35px 18px}#mm-exam-feature .comparison{grid-template-columns:1fr;gap:20px}#mm-exam-feature .column-title,#mm-exam-feature .paper-sample,#mm-exam-feature .teaching{padding:18px}#mm-exam-feature .question{font-size:24px;min-height:0}#mm-exam-feature .facts{gap:12px 18px}#mm-exam-feature .feature-bottom{display:block}#mm-exam-feature .ctas{margin-top:18px;gap:16px}#mm-exam-feature .option{padding:12px 8px}#mm-exam-feature .pick{font-size:14px}#mm-exam-feature .grades{gap:12px}#mm-exam-feature .grades button{min-width:43px}}
/* Shared warm cream / honey identity. */
#mm-exam-feature{--ink:#392e20;--green:#825b21;--muted:#716552;--line:#e5d9c4;background:#faf4e7}#mm-exam-feature h2 em{color:#946b28}#mm-exam-feature [lang^="zh"],#mm-exam-feature .question,#mm-exam-feature .word{font-family:"PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif}#mm-exam-feature button,#mm-exam-feature a{min-height:56px}#mm-exam-feature .grades{gap:12px}#mm-exam-feature .grades button{min-height:56px;min-width:56px}#mm-exam-feature .grades button[aria-pressed=true],#mm-exam-feature .cta{background:#e7b34f;color:#392e20;border-color:#b78324}#mm-exam-feature article.learning{border-color:#cba154}#mm-exam-feature .learning .column-title{background:#f7e5bd}#mm-exam-feature .teaching{background:#fff7e6;border-color:#e3d0a9}#mm-exam-feature .teach-actions{gap:12px}#mm-exam-feature .option{display:grid;grid-template-columns:44px 1fr;gap:12px}#mm-exam-feature .pick{grid-column:2;font-size:14px;margin:0}#mm-exam-feature .option span[lang]{font-size:20px;overflow-wrap:anywhere}#mm-exam-feature .sample-note,#mm-exam-feature dt,#mm-exam-feature .small,#mm-exam-feature .facts,#mm-exam-feature .eyebrow,#mm-exam-feature .feature-bottom p{font-size:14px}#mm-exam-feature .options{grid-template-columns:1fr}#mm-exam-feature .column-title{gap:12px}#mm-exam-feature .secondary{border-color:#bea77c}#mm-exam-feature .ctas{flex-wrap:wrap;gap:12px}
@media(max-width:650px){#mm-exam-feature .grades{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:12px}#mm-exam-feature .grades button{min-width:0}#mm-exam-feature .option{padding:12px}#mm-exam-feature .column-title{font-size:14px}}
#mm-exam-feature .read-aloud{width:100%;height:72px;min-height:72px}#mm-exam-feature .save-word{width:100%;min-height:56px}
#mm-exam-feature .sample-grade{display:flex;align-items:center;gap:12px;font-size:14px}#mm-exam-feature select{min-height:56px;padding:10px 18px;font:inherit;border:1px solid #bdaa88;border-radius:7px;background:#fffdf7;color:var(--ink)}#mm-exam-feature .shared-paper{grid-column:1/-1;background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:24px}#mm-exam-feature .shared-paper .options{grid-template-columns:repeat(4,minmax(0,1fr))}#mm-exam-feature .shared-paper .question{min-height:0}#mm-exam-feature .free-proof .result{margin:0;padding:0;border:0}#mm-exam-feature .audio-grid,#mm-exam-feature .retry-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}#mm-exam-feature [data-audio]{min-height:72px;width:100%;background:#f3dfb0;border-color:#bdaa88}#mm-exam-feature [data-retry]{display:flex;align-items:center;gap:12px;justify-content:flex-start;min-height:66px}#mm-exam-feature [data-retry] [lang]{font-size:20px}#mm-exam-feature [data-retry][aria-pressed=true]{background:#f3dfb0;border-color:#a77727}#mm-exam-feature .teaching-step{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}#mm-exam-feature .retry-status{min-height:100px}#mm-exam-feature .paper-more{grid-column:1/-1;background:#f7ecd4;padding:24px;border-radius:12px}#mm-exam-feature .paper-more>div{display:flex;gap:12px;flex-wrap:wrap}#mm-exam-feature .paper-more a{display:inline-flex;align-items:center;min-height:56px;color:var(--ink);padding:10px 14px;border:1px solid #bdaa88;border-radius:7px}#mm-exam-feature .comparison{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}@media(max-width:650px){#mm-exam-feature .comparison{grid-template-columns:1fr}#mm-exam-feature .shared-paper .options{grid-template-columns:1fr 1fr}#mm-exam-feature .shared-paper{padding:18px}#mm-exam-feature .audio-grid,#mm-exam-feature .retry-options{grid-template-columns:1fr}#mm-exam-feature .paper-more a{width:100%}}
.exam-season-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100vw - 1160px)/2));background:#f0d99e;color:#392e20;font:16px/1.5 system-ui}.exam-season-band a{min-height:56px;display:inline-flex;align-items:center;white-space:nowrap;border-radius:7px;padding:12px 18px;background:#e7b34f;color:#392e20;font-weight:700;text-decoration:none}#mm-exam-feature .question-teaching{display:grid;gap:16px}#mm-exam-feature .question-teaching>*{margin:0}#mm-exam-feature .question-teaching h3{margin:0;font-size:21px;line-height:1.35}#mm-exam-feature .question-teaching p{margin:8px 0 0}#mm-exam-feature .evidence-row{padding:14px;border-radius:7px;background:#f7ecd4}#mm-exam-feature .teaching-row{border-bottom:1px solid var(--line);padding-bottom:16px}#mm-exam-feature .island-save{min-height:72px;width:100%;padding:16px;background:#e7b34f;border:2px solid #a87523;border-radius:8px;color:#392e20;font-weight:800;font-size:18px;cursor:pointer}#mm-exam-feature .parent-line{font-size:14px;color:var(--muted)}#mm-exam-feature .option{min-height:66px}#mm-exam-feature .growing-bank{font-size:16px;max-width:760px}@media(max-width:650px){.exam-season-band{flex-direction:column;align-items:stretch;padding:18px;gap:12px}.exam-season-band a{justify-content:center}}

:root{--ink:#392e20;--muted:#716552}body{background:#faf4e7;color:#392e20}.season-intro{max-width:520px;font-weight:600;color:#79571f}.year-round{padding-top:72px;padding-bottom:12px;max-width:900px}.year-round p:not(.eyebrow){max-width:720px;font-size:19px;line-height:1.7}.year-round h2{font-size:clamp(32px,4vw,48px)}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 40px}.value-grid article{padding:28px;border:1px solid #dfd0b6;background:#fffdf7;border-radius:14px}.value-number{font-size:14px;font-weight:700;color:#8c6325}.value-grid h3{font:28px/1.25 Georgia,serif;margin:16px 0}.value-grid p{line-height:1.7}.unified-intro{max-width:760px;font-size:19px;line-height:1.7}.unified-price{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px;background:#f5e5be;border:1px solid #d5b778;border-radius:16px}.unified-price h3{font:32px/1.2 Georgia,serif}.price-amount{font:48px/1.2 Georgia,serif;margin:20px 0}.price-amount span{font:16px system-ui}.unified-price .button{margin-top:20px;background:#e7b34f;color:#392e20}.free-boundary{border-left:1px solid #d5b778;padding-left:32px}.free-boundary ul{padding-left:20px;line-height:1.8}.free-boundary li{margin:12px 0}.unified-price .text-link{margin-top:12px}a,button,summary{min-height:56px}.button,.text-link,header nav a{display:inline-flex;align-items:center}header nav{gap:12px}.small-note{font-size:14px!important}.review-notice{font-size:14px}.hero-actions{gap:12px}.hero-actions .button{background:#e7b34f;color:#392e20}.value-grid p{font-size:16px}#mm-exam-feature .teaching .eyebrow{letter-spacing:1px}.learning h2{max-width:900px}.year-round .eyebrow{font-size:14px}@media(max-width:650px){.value-grid,.unified-price{grid-template-columns:1fr}.value-grid{gap:16px}.value-grid article{padding:22px}.unified-price{padding:24px;gap:28px}.free-boundary{border-left:0;border-top:1px solid #d5b778;padding:24px 0 0}.year-round{padding-top:42px}.year-round p:not(.eyebrow){font-size:17px}header{flex-wrap:wrap;gap:12px}header nav{width:100%;justify-content:space-between}.unified-intro{font-size:17px}}

:root{--ink:#253e35;--muted:#687268;--green:#284f3d;--cream:#fcf8ed;--paper:#fffdf6;--line:#dddccc;--sea:#daeae3;--gold:#eacb87}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.06;letter-spacing:-1.7px}h1{font-size:clamp(48px,5.3vw,76px)}h1 em{color:#578062}h2{font-size:44px}h3{font-size:21px;line-height:1.3}p{margin-top:15px}a{color:inherit;text-underline-offset:5px}.wrap{max-width:1260px;margin:auto;padding-left:42px;padding-right:42px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 18px}.review-notice{padding:9px 24px;background:var(--green);color:#f8f3df;font-size:10px;letter-spacing:1.3px;text-align:center}.review-notice span{letter-spacing:0;margin-left:15px;opacity:.8}header{height:88px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand small{font-size:17px;color:#72806c;margin-left:7px;letter-spacing:1px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:50px;border-radius:8px;background:var(--green);color:var(--paper);padding:12px 24px;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 3px 0 #183c2a}.button:hover{background:#3b684d}.hero-world{background:linear-gradient(var(--cream) 8%,#e4ede1 45%,#c4dfd9 100%);overflow:hidden}.hero-head{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:65px;padding-top:38px;position:relative;z-index:2}.hero-intro{max-width:360px}.hero-intro>p{font-size:18px;margin:0 0 22px}.hero-intro small{display:block;font-size:12px;color:var(--muted);margin-top:15px}.island-view{max-width:1310px;margin:-8px auto 0;position:relative;padding:20px 25px 40px}.aerial{display:block;width:100%;filter:drop-shadow(0 24px 16px #3a7e7626)}.island-caption{position:absolute;top:28%;left:3%;font-size:9px;font-weight:800;letter-spacing:2px;writing-mode:vertical-rl;z-index:1}.pin{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #dcd5bd;box-shadow:0 5px 12px #1c52472b;background:#fff9e8;color:var(--ink);border-radius:30px;font:700 13px/1.3 inherit;padding:9px 17px 9px 9px;min-height:44px;cursor:pointer;transition:transform .15s}.pin:hover{transform:translateY(-5px)}.pin span{background:var(--green);color:white;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:11px}.pin:after{content:'';position:absolute;width:1px;height:26px;background:var(--green);top:100%;left:28px}.pin-cook{top:41%;left:29%}.pin-shop{top:38%;left:69%}.pin-explore{top:77%;left:54%}.island-postcard{position:absolute;bottom:9%;left:5%;display:flex;align-items:center;gap:8px;padding:12px 22px;background:#fff9e5;box-shadow:0 10px 25px #26574c1f;transform:rotate(-5deg);border-radius:5px}.island-postcard img{width:70px;height:90px;object-fit:contain}.island-postcard p{font-size:13px;line-height:1.5;margin:0}.map-caption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#3f665b}.promise-strip{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.section-heading>p{font-size:15px;color:var(--muted);margin:0}.scene-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.scene-tabs button{display:flex;gap:13px;align-items:center;text-align:left;min-height:90px;border:1px solid transparent;background:transparent;border-radius:12px;color:var(--ink);padding:10px 12px;cursor:pointer;font:inherit}.scene-tabs button:hover{background:#f0eedc}.scene-tabs button[aria-pressed=true]{background:#e2eadb;border-color:#acbda0}.scene-tabs img{width:58px;height:60px;object-fit:contain}.scene-tabs span{font-size:15px;font-weight:750}.scene-tabs small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.experience{display:grid;grid-template-columns:1.4fr 1fr;border-radius:20px;overflow:hidden;min-height:515px;box-shadow:0 13px 35px #334c2d15}.scene-visual{position:relative;background:#e0e8cf;min-height:515px;isolation:isolate}.scene-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2}.scene-image.cutout{object-fit:contain;width:70%;height:66%;left:15%;top:8%;filter:drop-shadow(0 10px 10px #2a483520)}.scene-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#112c24de);z-index:-1}.scene-kicker{position:absolute;top:22px;left:24px;background:#fffbeaeb;border-radius:4px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:1.6px}.scene-caption{position:absolute;bottom:28px;left:30px;right:30px;color:white}.scene-caption h3{font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.1;max-width:390px}.scene-caption p{font-size:14px;max-width:390px;line-height:1.6;color:#f2f4e8}.language-panel{padding:30px;background:var(--green);color:#faf6e7;display:flex;flex-direction:column}.language-panel .eyebrow{font-size:10px;color:#c8d5af}.language-options{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.language-options button{min-height:44px;padding:8px 10px;font:600 11px/1.3 -apple-system,sans-serif;color:#f9f5e6;border:1px solid #76917b;border-radius:6px;background:transparent;cursor:pointer}.language-options button[aria-pressed=true]{background:#e4eacb;color:#284f3d;border-color:#e4eacb}.task-card{background:#fff8df;color:var(--ink);border-radius:3px 16px 16px 16px;padding:21px;min-height:155px;box-shadow:0 6px 0 #173e2d}.task-label{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#768363}.task-card [lang]{font-family:'PingFang SC','Microsoft YaHei',sans-serif;font-size:25px;line-height:1.55;margin-top:14px}.task-card #translation{font-size:13px;color:#6c725e;margin-top:8px}.language-panel h3{font-size:21px;margin-top:25px}.language-panel>p:not(.eyebrow){font-size:14px;color:#d6e1cb;margin-top:12px}.language-meter{display:flex;gap:5px;margin-top:18px}.language-meter i{height:4px;flex:1;background:#587960;border-radius:10px}.language-meter i.on{background:#e3c887}.language-panel .concept-note{font-size:10px!important;line-height:1.6;margin-top:auto!important;padding-top:22px;color:#c0d1b6!important}.experience-footer{text-align:center;font-size:13px;color:var(--muted);margin-top:23px}.experience-footer b{color:var(--ink)}.ownership{background:#f0e8d1;padding:60px 0}.ownership-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ownership-grid h2{font-size:40px}.ownership-grid p{font-size:16px;max-width:510px}.ownership-art{height:350px;position:relative}.own-home{width:78%;height:100%;object-fit:contain;position:absolute;left:0;top:0}.own-rabbit{height:61%;position:absolute;bottom:0;right:2%}.own-dog{height:27%;position:absolute;bottom:0;left:4%}.handnote{position:absolute;top:0;right:0;transform:rotate(8deg);font:italic 21px Georgia,serif;color:#738259}.small-note{font-size:12px!important;color:var(--muted);line-height:1.65}.district-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.district-tabs button{border:1px solid transparent;border-bottom:3px solid #e0ddc6;background:transparent;padding:10px;cursor:pointer;color:var(--ink);text-align:center;border-radius:12px 12px 0 0}.district-tabs button[aria-pressed=true]{background:#e7ebda;border-bottom-color:var(--green)}.district-tabs img{width:100%;height:125px;object-fit:contain}.district-tabs strong{display:block;font-size:14px;margin-top:10px}.district-tabs small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.district-detail{padding:25px 30px;background:#e7ebda;display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.district-detail p{font-size:15px;margin:0}.learning-bridge{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:26px;padding-bottom:26px}.learning-bridge>span{font-size:35px;white-space:nowrap;color:#7d8c54}.learning-bridge p{font-size:15px;margin-top:6px;color:var(--muted)}.section-head{max-width:750px;margin-bottom:30px}.section-head>p:last-child{color:var(--muted);font-size:16px}.offer{display:grid;grid-template-columns:1.2fr 1fr;gap:75px}.benefits article{display:flex;gap:22px;border-top:1px solid var(--line);padding:24px 0}.number{font:italic 24px Georgia,serif;color:#849566}.benefits p{font-size:15px;color:var(--muted);margin-top:9px}.price-card{background:#eee3bf;padding:30px;border-radius:14px;border:1px solid #d7c9a0}.tag{font-size:11px;font-weight:700}.price-card h3{font:400 28px/1.2 Georgia,serif;margin-top:17px}.price{font-size:50px;font-weight:750;letter-spacing:-2px;line-height:1.2;margin-top:25px}.price span{font-size:15px;font-weight:400;letter-spacing:0;margin-left:5px}.billing{font-size:13px}.trial-label{font-size:18px;font-weight:650}.availability{font-size:13px;border-top:1px solid #d6c89f;border-bottom:1px solid #d6c89f;padding:15px 0}.fine{font-size:12px;color:var(--muted)}.included{margin-top:20px;font-size:13px}.included p{margin-top:7px}.price-card details{font-size:13px}.price-card summary{font-size:13px}.exam-story{display:grid;grid-template-columns:.6fr 1fr;gap:65px;align-items:center;padding-top:10px;padding-bottom:70px}.exam-story img{width:100%;max-height:260px;object-fit:contain}.exam-story p{font-size:16px;color:var(--muted)}.exam-story .eyebrow{font-size:11px}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-weight:650;font-size:14px}.origin{display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px}.origin img{height:120px}.origin p{font-size:15px;margin:0}.origin h2{font-size:35px;margin:7px 0}.faq{display:grid;grid-template-columns:.75fr 1fr;gap:75px}.faq img{display:none}details{border-bottom:1px solid var(--line)}summary{padding:18px 0;font-size:16px;font-weight:650;cursor:pointer;min-height:48px}details p{font-size:14px;color:var(--muted);margin:0 0 20px}.closing{background:var(--sea);text-align:center;padding:50px 0}.closing .button{margin-top:25px}.closing .small-note{margin-top:20px}footer{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}footer>div{display:flex;gap:25px;font-size:13px}footer a{min-height:44px;display:inline-flex;align-items:center}.review-details{width:100%}.review-details summary{font-size:12px;color:var(--muted)}.review-details p{font-size:12px}.skip{position:absolute;top:-80px;left:10px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}*:focus-visible{outline:3px solid #bc8243;outline-offset:4px}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.hero-head{gap:30px}.hero-intro>p{font-size:16px}.scene-tabs button{padding:8px;gap:8px}.scene-tabs img{width:45px}.scene-tabs small{display:none}.language-panel{padding:23px}.experience{grid-template-columns:1.1fr 1fr}.ownership-grid,.offer,.exam-story,.faq{gap:35px}.district-tabs img{height:100px}.island-postcard{left:4%;bottom:7%}.pin-shop{left:67%}.pin{font-size:11px;padding-right:12px}.island-postcard img{width:50px;height:70px}}@media(max-width:650px){.wrap{padding-left:21px;padding-right:21px}.review-notice{font-size:9px;padding:8px 18px}.review-notice span{display:none}header{height:72px}.brand{font-size:21px}.brand small{font-size:14px}nav{gap:15px;font-size:11px}.hero-head{grid-template-columns:1fr;padding-top:25px;gap:22px}h1{font-size:48px;letter-spacing:-1.5px}.hero-intro{max-width:none}.hero-intro>p{font-size:16px;margin-bottom:18px}.hero-intro small{font-size:11px}.island-view{margin:0 -70px;padding:25px 0 36px}.aerial{width:100%}.island-caption,.island-postcard{display:none}.pin{font-size:10px;gap:5px;min-height:44px;padding:7px 10px 7px 7px}.pin span{width:22px;height:22px;font-size:9px}.pin-cook{left:20%;top:31%}.pin-shop{left:57%;top:42%}.pin-explore{left:39%;top:69%}.map-caption{font-size:9px;bottom:14px}.promise-strip{font-size:10px;gap:12px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px}.promise-strip span:first-child{width:100%}.section{padding-top:50px;padding-bottom:48px}h2{font-size:35px;letter-spacing:-1.2px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{font-size:14px;margin-top:17px}.scene-tabs{grid-template-columns:1fr 1fr;gap:7px}.scene-tabs button{min-height:65px;padding:8px}.scene-tabs span{font-size:13px}.scene-tabs img{width:42px;height:42px}.experience{grid-template-columns:1fr}.scene-visual{min-height:320px}.scene-caption{bottom:23px;left:23px;right:23px}.scene-caption h3{font-size:29px}.scene-caption p{font-size:13px}.scene-kicker{top:18px;left:20px;font-size:9px}.language-panel{padding:24px;min-height:400px}.language-options button{font-size:11px;padding:9px}.task-card{min-height:145px}.language-panel .concept-note{font-size:10px!important;padding-top:20px}.experience-footer{text-align:left;font-size:12px}.experience-footer b{display:block;margin-bottom:4px}.ownership{padding:32px 0 40px}.ownership-grid{grid-template-columns:1fr;gap:25px}.ownership-art{height:250px}.ownership-grid h2{font-size:32px}.ownership-grid p{font-size:15px}.handnote{font-size:17px}.district-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.district-tabs button:last-child{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr;text-align:left;align-items:center;padding:10px 20px}.district-tabs button:last-child img{grid-row:1/3}.district-tabs button:last-child strong{align-self:end}.district-tabs button:last-child small{align-self:start}.district-tabs img{height:105px}.district-detail{display:block;padding:23px}.district-detail h3{font-size:19px}.district-detail p{margin-top:12px;font-size:14px}.learning-bridge{gap:18px;align-items:flex-start}.learning-bridge>span{font-size:23px;writing-mode:vertical-rl}.learning-bridge h3{font-size:19px}.learning-bridge p{font-size:14px}.offer{grid-template-columns:1fr;gap:22px}.benefits h3{font-size:19px}.benefits article{gap:17px;padding:20px 0}.price-card{padding:25px}.exam-story{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.exam-story img{max-height:190px}.exam-story p{font-size:15px}.origin{gap:18px}.origin img{height:90px}.origin h2{font-size:30px}.origin p{font-size:13px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{font-size:33px}summary{font-size:15px}.closing h2{font-size:37px}footer{gap:15px}footer>div{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pin{transition:none}}
/* Original character-led opening and final island atlas. */
.original-hero{max-width:1320px;min-height:665px;position:relative;isolation:isolate;overflow:hidden;border-radius:25px;background:linear-gradient(90deg,#fcf8ed 3%,#fcf8edf2 28%,#fcf8ed18 75%),url('/home/assets/title-island.webp') center/cover;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding-top:50px;padding-bottom:55px}.opening-copy{position:relative;z-index:2;max-width:640px}.opening-copy h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(42px,4.3vw,62px);font-weight:750;letter-spacing:-2.5px;line-height:1.07}.opening-copy h1 em{font-style:normal;color:#55775a}.opening-copy>p:not(.eyebrow){max-width:450px;font-size:16px}.opening-copy .hero-lead{font-size:21px!important;font-weight:650;line-height:1.45;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px}.hero-actions .text-link{margin:0}.opening-copy small{font-size:12px;display:block;margin-top:22px}.hero-friends{align-self:end;position:relative;height:410px;min-width:0}.hero-matthias{position:absolute;height:95%;bottom:0;left:0;filter:drop-shadow(0 12px 12px #34433422)}.hero-richie{position:absolute;width:40%;max-height:250px;object-fit:contain;right:0;bottom:10px;filter:drop-shadow(0 12px 12px #34433422)}.speech{position:absolute;top:-22px;left:0;background:#fffbed;border:2px solid var(--ink);border-radius:18px;padding:10px 22px;transform:rotate(-6deg);font-size:19px;font-weight:700;z-index:2}.friend-label{position:absolute;bottom:-35px;right:15%;font-size:12px;background:#fff8e2df;padding:3px 12px;border-radius:20px}.origin{border-top:0;border-bottom:1px solid var(--line);padding-top:48px;padding-bottom:48px;gap:35px}.origin img{height:170px}.origin .origin-richie{height:100px;margin-left:15px}.origin h2{font-size:47px}.origin p{font-size:17px}.island-atlas{background:linear-gradient(#eff1df,#d2e6de 50%,#f3f1e1);padding:65px 0 60px}.atlas-heading{text-align:center;max-width:780px}.atlas-heading p:last-child{color:var(--muted);font-size:16px}.atlas-map{max-width:1250px;position:relative;margin:25px auto 0;padding:0 25px}.atlas-map>img{width:100%;display:block;filter:drop-shadow(0 20px 15px #42716a22)}.map-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;border:1px solid #d3d5b8;border-radius:25px;background:#fffbea;color:var(--ink);padding:7px 13px 7px 7px;box-shadow:0 5px 16px #20483535;min-height:44px;cursor:pointer;font:inherit;white-space:nowrap}.map-point span{display:grid;place-items:center;background:var(--green);color:white;border-radius:50%;width:26px;height:26px;font-size:10px}.map-point b{font-size:12px}.map-point:hover,.map-point[aria-pressed=true]{background:#f9dda0;border-color:#a98639}.map-story{background:#fffbee;border-radius:14px;padding:25px 30px;max-width:760px;margin:0 auto;text-align:center;min-height:175px}.map-story .eyebrow{display:block;margin-bottom:10px}.map-story h3{font:32px Georgia,serif}.map-story p{font-size:16px;margin-top:10px}.map-note{text-align:center}.horizon-heading{text-align:center;margin:50px 0 20px}.horizon-heading .eyebrow{margin-bottom:9px}.island-atlas .district-detail{border-radius:0 0 12px 12px}.island-atlas .district-tabs button[aria-pressed=true],.island-atlas .district-detail{background:#fcf8e9}.island-atlas .district-tabs{margin-top:15px}
@media(max-width:1000px){.original-hero{margin:0 18px;min-height:630px;grid-template-columns:1.3fr 1fr}.hero-friends{height:320px}.hero-richie{width:42%;right:-12px}.speech{font-size:16px;top:-25px}.map-point b{font-size:10px}.origin img{height:145px}}
@media(max-width:650px){.original-hero{margin:0 12px;display:block;padding:28px 22px 30px;background:linear-gradient(#fcf8edf5 10%,#fcf8edda 43%,#fcf8ed10 85%),url('/home/assets/title-island.webp') center bottom/cover}.opening-copy h1{font-size:40px;letter-spacing:-1.6px}.opening-copy .eyebrow{font-size:9px}.opening-copy>p:not(.eyebrow){font-size:14px}.opening-copy .hero-lead{font-size:18px!important;margin-top:22px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:12px}.hero-friends{height:285px;margin:48px 0 0}.hero-matthias{height:100%;left:8%}.hero-richie{width:37%;right:0}.speech{left:9%;font-size:16px;top:-22px;padding:7px 14px}.friend-label{bottom:-20px;right:10%;font-size:10px}.origin{gap:14px;position:relative;padding-top:35px;padding-bottom:40px}.origin>img{height:120px;width:75px;object-fit:contain}.origin p{font-size:13px}.origin h2{font-size:33px}.origin .origin-richie{height:65px;width:55px;position:absolute;bottom:17px;left:33px;margin:0;transform:translateX(-20px)}.island-atlas{padding:45px 0}.atlas-heading h2{font-size:34px}.atlas-map{padding:0;margin:22px 0}.map-point{min-height:36px;padding:3px;gap:0}.map-point span{width:28px;height:28px;font-size:11px}.map-point b{display:none}.map-story{padding:22px 18px;min-height:185px}.map-story h3{font-size:28px}.map-story p{font-size:14px}.map-point:focus-visible{outline-offset:2px}.horizon-heading{margin-top:35px}}
.map-legend{display:none}@media(max-width:650px){.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.legend-point{display:flex;align-items:center;gap:8px;text-align:left;min-height:48px;border:1px solid #c3d2bc;background:#fffbea;border-radius:8px;padding:8px;color:var(--ink);font:inherit;cursor:pointer}.legend-point span{font-size:11px;color:#68815e}.legend-point b{font-size:11px;line-height:1.35}.legend-point[aria-pressed=true]{background:#f9dda0}}
.learning .section-head{max-width:850px}.learning-value{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0 48px}.learning-value article{background:#eef0e1;border:1px solid #dce0ce;border-radius:14px;padding:26px;display:flex;flex-direction:column}.learning-value .number{font:700 10px/1.5 -apple-system,sans-serif;letter-spacing:1.3px;color:#657a55}.learning-value h3{font:400 27px/1.2 Georgia,serif;margin-top:18px}.learning-value p{font-size:15px;color:var(--muted)}.value-takeaway{margin-top:auto;padding-top:24px;font-size:14px;font-weight:600;line-height:1.5}.learning-comparison{gap:40px;grid-template-columns:1.35fr 1fr;align-items:start}.comparison-intro{font-size:14px;color:var(--muted);margin-top:8px}.learning table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5;margin:24px 0}.learning th,.learning td{padding:17px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.learning th:first-child{padding-left:0;width:38%}.learning thead th{font-size:12px}.learning tbody th{font-weight:600}.learning td:last-child,.learning thead th:last-child{background:#e9eedb}.learning td{color:#59674f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.atlas-districts{margin-top:25px;margin-bottom:45px}.atlas-districts .horizon-heading{margin-top:25px}.atlas-map{margin-top:20px}@media(max-width:800px){.learning-value{grid-template-columns:1fr;gap:12px}.learning-value article{padding:24px}.value-takeaway{padding-top:18px}.learning-comparison{grid-template-columns:1fr;gap:25px}.learning th,.learning td{padding:14px 8px}.learning table{font-size:12px}.learning .section-head h2{font-size:36px}}
.feedback-story{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 45px;margin-top:40px;padding:30px;border-top:1px solid var(--line);background:#f0eedf;border-radius:12px}.feedback-story h3{font:30px/1.2 Georgia,serif}.feedback-story p{font-size:15px;color:var(--muted)}.feedback-story .eyebrow{font-size:10px}.feedback-story ol{margin:0;padding-left:24px}.feedback-story li{padding:0 0 15px 8px;font-size:15px}.feedback-story li::marker{color:#72835a}.feedback-story li span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.feedback-story .feedback-free{grid-column:1/-1;font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin:0}@media(max-width:650px){.feedback-story{grid-template-columns:1fr;padding:23px;gap:22px}.feedback-story h3{font-size:26px}}

/* Focused accessibility and mobile polish; preserves the approved layout. */
.brand-mark{font-family:"PingFang SC","Noto Sans SC","Hiragino Sans GB",sans-serif;font-size:16px;margin-left:8px;color:#6b4d23}
header nav{display:flex;gap:12px}header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#392e20;white-space:nowrap}
.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions a{white-space:nowrap;display:inline-flex;align-items:center;min-height:56px}
.eyebrow,.language-panel .eyebrow,.feedback-story .eyebrow{font-size:11px!important;color:#6b4d23!important}
.scene-caption{background:rgba(40,30,20,.94);padding:20px;border-radius:12px;left:20px;right:20px;bottom:20px;color:#fff9ed}.scene-caption p{color:#fff9ed}
.language-panel{background:#f1dfb8;color:#392e20}.language-panel>p:not(.eyebrow){color:#59462c}.language-panel .concept-note{color:#59462c!important;font-size:14px!important}
.language-options{gap:12px}.language-options button{color:#392e20;border-color:#9a793e;background:#fff9ed}.language-options button[aria-pressed="true"]{background:#e7b34f;color:#392e20}
.task-card{box-shadow:0 4px 0 #d7bc83}.task-card #translation{color:#59462c}.task-label,.scene-kicker{color:#59462c;font-size:11px}
.closing .button,.hero-actions .button{background:#e7b34f;color:#392e20;box-shadow:0 3px 0 #96702c}.closing .button:hover,.hero-actions .button:hover{background:#f2c66f;color:#392e20}
.map-point{min-width:44px;min-height:44px}.sample-grade select{min-height:44px}
#mm-exam-feature .option span{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.legend-point span,.district-tabs small,.scene-tabs small,.friend-label,.original-hero small,.small-note{color:#59462c}
@media(max-width:650px){header.wrap{display:flex;flex-wrap:wrap;gap:8px}header nav{display:flex!important;width:100%;justify-content:space-between;gap:12px}header nav a{font-size:14px;padding:0;min-height:44px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions a{max-width:100%}.map-point{min-width:44px;min-height:44px;padding:3px}#mm-exam-feature .shared-paper .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#mm-exam-feature .option{display:grid;grid-template-columns:1fr;gap:6px;min-height:100px;padding:10px}#mm-exam-feature .option span{font-size:20px;letter-spacing:0}#mm-exam-feature .option b{font-size:14px}#mm-exam-feature .option .pick{position:static;grid-column:1}.language-options{flex-wrap:wrap}.language-options button{flex:1;min-width:80px}.scene-caption h3{font-size:28px}}
@media(max-width:650px){header.wrap{height:auto;min-height:112px;padding-top:16px;padding-bottom:12px;overflow:visible}header nav{position:relative;z-index:2}}

/* Final review: question clarity, contrast, and map separation. */
.question-ending{white-space:nowrap;display:inline-block}
#mm-exam-feature .stroke-instruction{font-size:16px;color:#392e20;margin:0 0 14px}
.feedback-story p,.feedback-story li span{color:#514632}
.handnote{color:#514632;background:#fff9ed;padding:5px 10px;border-radius:6px}
@media(max-width:800px){.map-point b{display:none}.map-point{padding:3px;gap:0}}
@media(max-width:650px){.map-point[data-place="museum"]{top:74%}}


/* staging v4: header trial button */
header nav a.nav-trial{background:#e7b34f;color:#392e20;border-radius:999px;padding:.55em 1em;font-weight:700;text-decoration:none}

/* Smart Practice launch band and Learning hero. */
.sp-band{background:#284f3d;color:#fffdf6}.sp-band .wrap{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.sp-band b{letter-spacing:.08em;margin-right:.5em}.sp-band a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-weight:700}
.sp-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:48px;align-items:center;margin-bottom:36px}.sp-copy h2{max-width:760px}.sp-lead{font-size:19px;line-height:1.7;max-width:720px}.sp-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.sp-actions .text-link{font-size:14px}.sp-shot{margin:0;background:#fffdf7;border:1px solid #d9ccb4;border-radius:16px;padding:14px;box-shadow:0 16px 35px #273e321f}.sp-shot img{display:block;width:100%;height:auto;border-radius:9px}.sp-shot figcaption{font-size:12px;color:#59462c;line-height:1.5;margin-top:10px}.sp-things{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sp-things article{background:#eef0e1;border:1px solid #dce0ce;border-radius:14px;padding:25px}.sp-things article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#284f3d;color:white;font-weight:800}.sp-things h3{font:26px/1.2 Georgia,serif;margin-top:18px}.sp-things p{font-size:15px;color:#514632}.sp-return{margin:24px 0 50px;font-weight:650}.also-learning{margin-bottom:40px}.also-learning>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.also-learning article{border-top:1px solid var(--line);padding-top:18px}.also-learning p{font-size:15px}.unified-price ul{padding-left:20px;line-height:1.65}.unified-price li{margin:10px 0}
@media(max-width:800px){.sp-hero{grid-template-columns:1fr;gap:28px}.sp-shot{max-width:680px}.sp-things,.also-learning>div{grid-template-columns:1fr}.sp-things{gap:12px}.sp-things article{padding:22px}.sp-return{margin-bottom:38px}}
@media(max-width:650px){.sp-band .wrap{display:block;min-height:auto;font-size:11px;line-height:1.5;padding-top:10px;padding-bottom:10px}.sp-band span,.sp-band a{display:inline;white-space:normal}.sp-band b{margin-right:.35em}.sp-hero{margin-bottom:28px}.sp-copy h2{font-size:35px}.sp-lead{font-size:17px}.sp-actions{align-items:flex-start;flex-direction:column;gap:10px}.sp-shot{order:2;padding:9px}.sp-things h3{font-size:24px}}
.learn-now{padding-top:28px;padding-bottom:36px}.learn-now h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.6px;line-height:1.2;margin-bottom:20px}.learn-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.learn-tiles article{background:#fffdf7;border:1px solid #dfd0b6;border-radius:14px;padding:14px;min-width:0}.learn-tiles img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #e6dcc6}.learn-tiles h3{font-size:18px;margin-top:14px}.learn-tiles p{font-size:15px;line-height:1.6;margin-top:8px}.learn-now .learn-cta{margin-top:22px;background:#e7b34f;color:#392e20;box-shadow:0 3px 0 #96702c}.learn-now .learn-cta:hover{background:#f2c66f;color:#392e20}.sp-recap{margin:20px 0}@media(max-width:650px){.learn-now{padding:20px 16px 28px}.learn-tiles{grid-template-columns:1fr;gap:14px}.learn-tiles img{max-height:360px}.learn-now .learn-cta{width:100%}}
/* 4c0a555e (20 Oct) hid the hero art on phones to lift the Learning block; file 4 (22 Oct) wins: §2 follows the hero, art as before (smaller). */
@media(max-width:650px){.original-hero{min-height:0}.hero-friends{height:220px;margin-top:40px}}

/* Home page rewrite (file 4, 22 Oct): trial line, Matthias band, §2 demo, §3 benefits, §4 try one, §5 first week, §6 compare, §7 plans + FAQ + final, sticky bar. */
html,body{overflow-x:clip}
.trial-line{font-size:14px;color:#59462c;margin-top:10px;max-width:520px}
.hero-free{font-size:15px;margin-top:8px}.hero-free .text-link{margin:0 0 0 4px;font-size:15px}.opening-copy .trial-line{font-size:14px!important}
.matthias-band{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.matthias-band img{width:auto;height:84px;object-fit:contain}.matthias-band p{margin:0;font:italic 22px/1.4 Georgia,serif}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.trial-block{margin-top:26px}.trial-block .button,.try-side .button,.final-actions .button,.plan-btn,.sticky-trial .button{background:#e7b34f;color:#392e20;box-shadow:0 3px 0 #96702c;min-height:56px}.trial-block .button:hover,.try-side .button:hover,.final-actions .button:hover,.plan-btn:hover{background:#f2c66f;color:#392e20}
.demo h2{max-width:820px}.demo-body{max-width:760px;font-size:18px}.demo-clips{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:24px;margin-top:28px}.demo-clips figure{margin:0;min-width:0;position:relative}.demo-clips video{display:block;width:100%;height:auto;aspect-ratio:390/844;border-radius:22px;border:6px solid #392e20;background:#e9dcc0}.demo-book{display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;background:#284f3d;color:#fffdf6;font-size:14px;font-weight:700}.demo-caption{font-size:14px;color:#59462c;margin-top:14px}
.learn-now{padding-top:56px;padding-bottom:40px}.learn-tiles img{max-height:520px}.learn-tiles h3{font:400 26px/1.2 Georgia,serif}
#mm-exam-feature.try-one{padding-top:56px;padding-bottom:56px}.try-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.try-side{position:sticky;top:24px;background:#f5e5be;border:1px solid #d5b778;border-radius:14px;padding:22px}.try-side .button{width:100%}
#mm-exam-feature #sample-comparison{display:block;margin-top:16px}#mm-exam-feature .try-result{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-top:18px;align-items:start}#mm-exam-feature .try-result[hidden]{display:none}#mm-exam-feature .try-result .try-again{grid-column:1/-1;justify-self:start}
#mm-exam-feature button.option{font:inherit;color:var(--ink);background:#fffdf7;text-align:left;cursor:pointer;width:100%}#mm-exam-feature button.option:hover:not(:disabled){background:#fff5df;border-color:#bd985c}#mm-exam-feature button.option:disabled{cursor:default;opacity:1}#mm-exam-feature .option.correct{background:#e6efd8;border-color:#5c7855}#mm-exam-feature .option.selected{background:#fff1df;border-color:#a37544}#mm-exam-feature .teach-actions [data-audio]{flex:1 1 180px;width:auto}
.first-week h2{max-width:760px}.week-steps{list-style:none;counter-reset:wk;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.week-steps li{counter-increment:wk;background:#fffdf7;border:1px solid #dfd0b6;border-radius:14px;padding:20px;font-size:16px;line-height:1.55}.week-steps li:before{content:counter(wk);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#284f3d;color:#fffdf6;font-weight:700;margin-bottom:12px}.week-steps b{display:block;margin-bottom:6px}.week-line{font-size:16px;margin-top:22px}
.compare{padding-top:24px}.compare-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;table-layout:fixed}.compare-table th{font:400 28px/1.2 Georgia,serif;text-align:left;padding:14px 16px;border-bottom:2px solid #d5b778}.compare-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.compare-table th:last-child,.compare-table td:last-child{background:#f5e5be}.compare-table td:first-child{color:#59462c}
.learning-price h2{max-width:820px}.price-sub{max-width:720px;font-size:17px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;max-width:900px}.plan{background:#fffdf7;border:2px solid #dfd0b6;border-radius:16px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.plan.is-selected{border-color:#a87523;background:#fff6e2;box-shadow:0 0 0 4px #f2d8a0}.plan-name{margin:0;font-weight:750;font-size:17px}.plan-badge{margin-top:10px;background:#284f3d;color:#fffdf6;font-size:13px;font-weight:700;border-radius:999px;padding:4px 12px}.plan-price{font:44px/1.15 Georgia,serif;margin-top:16px}.plan-price span{font:16px system-ui,sans-serif}.plan-under{margin-top:4px;font-size:15px;color:#59462c}.plan-btn{margin-top:20px;width:100%}.plan .button-outline{background:transparent;color:#392e20;border:2px solid #a87523;box-shadow:none}.plan .button-outline:hover{background:#fff1d2}.plan-terms{font-size:13px;color:#59462c;margin-top:14px}
.plans-include{margin-top:30px;max-width:900px}.plans-include h3{font-size:19px}.plans-include ul{padding-left:20px;line-height:1.7;margin:12px 0 0}.plans-include li{margin:6px 0}.free-line{margin-top:18px;font-size:16px}
.faq-list{margin-top:40px;max-width:900px}
.final-panel{margin-top:48px;background:var(--sea);border-radius:18px;padding:36px 28px;text-align:center}.final-line{font:italic 24px/1.4 Georgia,serif;margin:0}.final-actions{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}.final-actions .text-link{margin:0}.final-panel .trial-line{margin:12px auto 0}
.sticky-trial{display:none}
@media(max-width:1000px){.week-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.try-grid{grid-template-columns:1fr}.try-side{position:static}}
@media(max-width:650px){.wrap{padding-left:16px;padding-right:16px}.original-hero{margin:0 8px;padding:24px 16px 26px}.matthias-band{gap:12px}.matthias-band img{height:64px}.matthias-band p{font-size:18px}.demo-body{font-size:16px}.demo-clips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-clips video{border-width:4px;border-radius:16px}.demo-book{font-size:12px;padding:3px 9px}.trial-block .button,.final-actions .button{width:100%}.learn-now{padding:36px 16px 24px}.learn-tiles h3{font-size:22px}#mm-exam-feature.try-one{padding:36px 16px}#mm-exam-feature .try-result{grid-template-columns:1fr}#mm-exam-feature .shared-paper{padding:16px}#mm-exam-feature .shared-paper .options{grid-template-columns:repeat(2,minmax(0,1fr))}.week-steps{grid-template-columns:1fr;gap:12px}.compare-table{font-size:14px}.compare-table th{font-size:22px;padding:10px}.compare-table td{padding:10px}.plans{grid-template-columns:1fr}.plan{padding:20px}.plan-price{font-size:38px}.final-panel{padding:28px 18px}.final-line{font-size:20px}
 .sticky-trial{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fffaf0;border-top:1px solid #d5b778;box-shadow:0 -6px 18px #392e2022;padding:10px 16px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .2s;visibility:hidden}.sticky-trial.on{transform:none;visibility:visible}.sticky-trial .button{width:100%;min-height:52px}.sticky-trial p{margin:6px 0 0;font-size:12px;text-align:center;color:#59462c}body{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.sticky-trial{transition:none}}
.week-steps b{display:inline}.week-steps li>b:first-child{display:block}.trial-block .trial-line,.try-side .trial-line{font-size:14px}#mm-exam-feature .try-side .button{font-weight:700;font-size:15px}
/* 23 Oct: the whole plan card is the tap target (PostHog $dead_click on the card body). Stretched link: the card's own trial button
   covers the card via ::after, so no nested interactive elements; hover and the focus ring show on the whole card */
.plan{position:relative;cursor:pointer}.plan-btn::after{content:"";position:absolute;inset:-2px;border-radius:16px}.plan:hover .plan-btn{background:#f2c66f}.plan:hover .button-outline{background:#fff1d2}.plan:has(.plan-btn:focus-visible){outline:3px solid #bc8243;outline-offset:4px}
/* Copy v4b (24 Oct): Richmond's core idea leads the hero (headline + lead + footnote); §2's button scrolls to §4 (secondary look); §7's one price sentence */
.opening-copy .hero-lead{font-size:18px!important;font-weight:500;line-height:1.55;max-width:560px!important}.opening-copy .hero-note{margin-top:8px;max-width:560px!important;color:#59462c}.opening-copy .hero-note small{display:block;margin:0;font-size:13px}
.trial-block .button-outline{background:transparent;box-shadow:none;border:2px solid #a87523}.trial-block .button-outline:hover{background:#fff1d2}.learning-price .price-sub{font-weight:700;font-size:19px}
@media(max-width:650px){.opening-copy .hero-lead{font-size:16px!important;margin-top:16px}.opening-copy h1{font-size:36px}}
/* Play CTA (Richmond 24 Oct): "Play the island" = a second primary button, same size as the honey trial button, in the site green; nav "Play" in green */
.hero-actions{display:flex;align-items:center}.hero-actions .button{min-width:210px;min-height:56px;font-size:16px}.hero-actions .button.button-play{background:var(--green);color:var(--paper);box-shadow:0 3px 0 #183c2a}.hero-actions .button.button-play:hover{background:#3b684d;color:var(--paper)}
header nav a.nav-play{color:var(--green);font-weight:800}
@media(max-width:650px){.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-actions .button{width:100%;min-width:0}
 /* both hero buttons above the fold on a 390×664 phone: the nav shares the brand's row when it fits (wraps below it on narrower phones) */
 header.wrap{min-height:0;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:6px}header nav{width:auto!important;justify-content:flex-end;gap:14px}}

/* 24 Oct: footer level links row (wraps under the footer links) + the Experience-it demo card slot in section 4 */
footer .levels{flex-basis:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;font-size:13px;line-height:1.4} /* BUG-0258 (31 Oct): the row wrapped nowhere at 375 px (478 px wide, five links clipped) */#mm-exam-feature .demo-slot{margin-top:16px}

/* CEO 26 Oct: the Experience-it card in the hero (a P4 question at first paint; card CSS inline from public/demo-card/card.css) and the
   closed disclosures that keep the page ≤ 4 screens at 375×812 (game footage, first week, free vs Learning, FAQ, what both plans include) */
.hero-demo{margin-top:22px;max-width:560px}.hero-demo .xdd{margin:0;box-shadow:0 6px 18px #392e2014}
.opening-copy .hero-note small{margin-top:12px}
.more-list{margin-top:32px;max-width:900px;border-top:1px solid var(--line)}
details.more{border-bottom:1px solid var(--line)}
details.more>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 0;cursor:pointer;list-style:none;font-size:inherit}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"+";flex:none;width:28px;text-align:center;font:400 28px/1 Georgia,serif;color:#284f3d}
details.more[open]>summary::after{content:"\2212"}
details.more>summary h2,details.more>summary h3{margin:0;max-width:none;font:650 18px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
details.more>summary:focus-visible{outline:3px solid #a87523;outline-offset:2px}
.more-body{padding:4px 0 26px}.more-body p{font-size:16px;color:inherit;margin:10px 0}.more-body .demo-caption{font-size:14px;color:#59462c}
.more-body .matthias-band{justify-content:flex-start;padding:6px 0 14px;border-bottom:0}
.more-body .demo-clips{margin-top:16px}.more-body .week-steps{margin-top:8px}
.plans-include.more{margin-top:22px;border-top:1px solid var(--line)}.plans-include.more ul{margin:0 0 18px}
.learning-price .faq-list{margin-top:0}
@media(max-width:650px){
 .hero-demo{margin-top:16px}
 /* the hero is taller with the card in it: keep the wash opaque behind the words below the card (note, buttons), the island shows under the friends */
 .original-hero{background:linear-gradient(#fcf8edf5 10%,#fcf8ede6 66%,#fcf8ed10 92%),url('/home/assets/title-island.webp') center bottom/cover}
 .hero-friends{height:130px;margin-top:22px}
 .learn-now{padding:26px 16px 6px}
 .learn-tiles{gap:10px}.learn-tiles article{padding:12px 14px}.learn-tiles img{display:none}
 .learn-tiles h3{font-size:20px;margin-top:0}.learn-tiles p{margin-top:4px}
 .learning-price.section{padding-top:30px;padding-bottom:32px}
 /* the two plans side by side (one screen for both prices); stacked again under 360 px */
 .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.plan{padding:14px 12px}.plan-name{font-size:15px;line-height:1.3}
 .plan-badge{margin-top:6px;font-size:11px;padding:3px 8px;line-height:1.3}.plan-price{font-size:28px;margin-top:8px}.plan-price span{display:block;font-size:13px}
 .plan-under{font-size:13px;line-height:1.35}.plan-btn{margin-top:auto;font-size:15px;line-height:1.25;padding:8px 10px;white-space:normal;text-align:center}.plan-under{margin-bottom:12px}
 details.more>summary h2,details.more>summary h3{font-size:17px}
 .final-panel{margin-top:28px;padding:24px 18px}
}
@media(max-width:359px){.plans{grid-template-columns:1fr}.plan-btn{margin-top:4px}}
/* CEO 26 Oct: hero lead → the two hero buttons → the card. Phones (≤ 480 px): the lead's first two sentences + a "more" toggle (the rest stays
   in the HTML); CSS alone sets the first paint. The toggle is ≥ 44 px tall but its negative margins keep the line height, so the lead doesn't grow. */
.lead-toggle{display:none}
@media(max-width:480px){
 .hero-lead .lead-more{display:none}.hero-lead.is-open .lead-more{display:inline}
 .lead-toggle{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0 -10px 0;padding:0 6px;vertical-align:middle;border:0;background:none;color:#284f3d;font:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .lead-toggle:focus-visible{outline:3px solid #a87523;outline-offset:2px}
 .opening-copy .hero-actions{margin-top:16px;gap:8px}.hero-demo{margin-top:14px}
}
/* CEO 27 Oct (measured at 375×679, the real iPhone Safari viewport): phones drop the eyebrow line and take the H1 one step down, so the
   card's stem and all four options are on the first screen under the lead and the two hero buttons. Text unchanged; desktop unchanged. */
@media(max-width:480px){
 .opening-copy .eyebrow{display:none}
 .opening-copy h1{font-size:34px;letter-spacing:-1.2px;margin-top:0}
 .original-hero{padding-top:14px}.opening-copy .hero-lead{margin-top:12px!important;line-height:1.4}
 .opening-copy .hero-actions{margin-top:12px}.hero-demo{margin-top:10px}
 /* the card a little tighter here (options stay ≥ 44 px tall) */
 .hero-demo .xdd{padding:10px 10px 12px}.hero-demo .xdd-k{margin-bottom:4px}.hero-demo .xdd-q{margin-top:8px;min-height:170px}.hero-demo .xdd-stem{margin-bottom:6px}.hero-demo .xdd-opts button{min-height:46px;padding:6px 8px}
 /* the two hero buttons side by side (Start learning first), one row instead of two; stacked again under 360 px */
 .opening-copy .hero-actions{flex-direction:row;align-items:stretch;gap:8px}.opening-copy .hero-actions .button{flex:1 1 0;width:auto;min-width:0;padding-left:8px;padding-right:8px;justify-content:center;text-align:center;white-space:normal}
}
@media(max-width:359px){.opening-copy .hero-actions{flex-direction:column}}
/* LANDING door (31 Oct): level tiles → a real school paper; one Learning line; proof; the one price sentence. "How it works" right below. */
.landing-door{max-width:600px;margin-top:14px}.landing-door .pick-label{margin:6px 0 6px;font-size:17px}.landing-door .lv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 6px}@media(min-width:620px){.landing-door .lv{grid-template-columns:repeat(3,minmax(0,1fr))}}
.landing-door .lv a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:6px 10px;border:2px solid #284f3d;border-radius:12px;text-decoration:none;color:#284f3d;background:#fffdf6;font-size:15px;line-height:1.25}.landing-door .lv a[aria-current="true"]{background:#284f3d;color:#fff}
.landing-door .fine small{color:#59462c;font-size:13px}.landing-door .learn-line{margin:14px 0 6px;font-size:16px;line-height:1.5}.landing-door a.trial{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:#e7b34f;color:#392e20;box-shadow:0 3px 0 #96702c;font-weight:800;text-decoration:none}
.landing-door .proof,.landing-door .plan-line{margin:10px 0;font-size:15px;color:#3d4d45}.landing-door .plan-line a{color:#284f3d}.hero-actions.secondary{margin-top:12px}.hero-actions.secondary .button-play{min-height:48px}
.how-it-works{max-width:900px;margin:28px auto 8px}.how-it-works .hero-lead{font-size:18px;line-height:1.55;font-weight:500;max-width:680px}.how-it-works .hero-note small{color:#59462c}
@media(max-width:650px){.landing-door .learn-line{font-size:15px}.how-it-works .hero-lead{font-size:16px}}