:root{--paper:#fffaf5;--ink:#302229;--muted:#766b70;--pink:#ad205f;--pink-dark:#801844;--gold:#8d6727;--line:#e6d9cf;--soft:#f7e5ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:82px;border-bottom:1px solid var(--line)}.logo{text-decoration:none;line-height:1.1}.logo b{font-family:Georgia,serif;font-size:29px;letter-spacing:.04em;color:var(--pink)}.logo small{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold);margin-top:6px}.links{display:flex;align-items:center;gap:23px;font-size:13px}.links a{text-decoration:none}.links .navcta{background:var(--pink);color:white;border-radius:4px;padding:9px 15px}.links .lang{color:var(--gold)}.hero{padding:46px 0 32px;display:grid;grid-template-columns:1.38fr 1fr;gap:62px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:600;color:var(--gold);margin:0 0 16px}.eyebrow span{display:block;font-size:10px;letter-spacing:.1em;margin-top:3px}.hero h1{font-size:clamp(38px,4.4vw,60px);font-weight:750;letter-spacing:-.025em;line-height:1.25;margin:0 0 13px}.hero h1 em{font-style:normal;color:var(--pink)}.hero-en{font-size:17px;line-height:1.5;margin:0 0 17px;color:var(--pink-dark)}.hero-copy{font-size:15px;color:var(--muted);max-width:520px;margin:0}.hero-copy small{display:block;font-size:12px;margin-top:7px;line-height:1.6}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;flex-direction:column;justify-content:center;padding:10px 20px;background:var(--pink);color:white;border:1px solid var(--pink);border-radius:5px;text-decoration:none;font-size:14px;text-align:center;line-height:1.5}.btn small{font-size:10px;opacity:.87}.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn:hover{filter:brightness(.94)}.teacher-mini{position:relative;padding:28px 32px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #6c393010}.teacher-mini:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--pink),#c0862c);border-radius:12px 12px 0 0}.teacher-mini .mini-label{font-size:11px;letter-spacing:.16em;color:var(--gold)}.teacher-mini h2{font-family:Georgia,serif;font-size:37px;font-weight:500;margin:7px 0 12px}.experience{display:flex;align-items:center;gap:18px;padding:12px 0 17px;border-bottom:1px solid var(--line)}.experience strong{font:66px/1 Georgia,serif;color:var(--pink)}.experience span{font-size:17px;line-height:1.5}.experience small{font-size:11px;display:block;color:var(--muted)}.badges{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.badges span{font-size:11px;color:var(--pink-dark);background:var(--soft);padding:5px 9px;border-radius:3px}.teacher-mini p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.selling{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:32px;border-bottom:1px solid var(--line)}.sell{padding:19px 20px;border:1px solid var(--line);background:#fff;border-radius:7px}.sell .num{font:13px Georgia,serif;color:var(--gold);display:block;margin-bottom:6px}.sell h3{font-size:18px;font-weight:650;margin:0 0 2px}.sell .en{font-size:10px;letter-spacing:.07em;color:var(--pink);text-transform:uppercase;margin:0 0 8px}.sell p{font-size:12px;color:var(--muted);margin:0}.sell p small{display:block;font-size:10px;margin-top:4px}section{padding:64px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:740px;margin-bottom:31px}.section-heading .overline{display:block;font-size:11px;letter-spacing:.16em;color:var(--gold);margin-bottom:12px}.section-heading h2{font-size:31px;line-height:1.4;letter-spacing:-.01em;margin:0 0 8px;font-weight:650}.section-heading .sub-en{font-size:14px;color:var(--pink-dark);margin:0 0 14px}.section-heading p{font-size:14px;color:var(--muted);margin:0}.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.situation{border-top:2px solid #c3a36c;padding-top:19px}.situation h3{font-size:18px;margin:0 0 2px}.situation .en{font-size:12px;color:var(--pink);margin:0 0 11px}.situation p{font-size:13px;color:var(--muted);margin:0}.situation p small{display:block;font-size:11px;margin-top:7px}.method-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start}.method-list{list-style:none;padding:0;margin:0}.method-list li{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.method-list li:first-child{padding-top:0}.method-list .no{font:22px Georgia,serif;color:var(--gold)}.method-list h3{font-size:16px;font-weight:600;margin:0 0 4px}.method-list h3 small{display:block;font-weight:400;font-size:11px;color:var(--pink)}.method-list p{font-size:12px;color:var(--muted);margin:0}.method-list p small{display:block;font-size:10px;margin-top:5px}.demo{background:var(--pink-dark);color:#fff8f3;padding:29px;border-radius:10px}.demo .caption{font-size:11px;color:#f2c6d7;letter-spacing:.04em}.demo h3{font-family:Georgia,serif;font-size:30px;line-height:1.4;font-weight:400;margin:22px 0 8px}.demo .meaning{font-size:12px;color:#f3dce5;margin:0}.demo .next{border-top:1px solid #ffffff33;margin-top:23px;padding-top:18px}.demo .next span{font-size:11px;color:#f2c6d7}.demo .next p{font-size:16px;margin:8px 0 0}.demo .foot{font-size:10px;color:#f2c6d7;margin:24px 0 0}.booknote{font-size:11px;color:var(--muted);margin-top:22px;max-width:650px}.teacher-section{background:#f7eee7}.teacher-layout{display:grid;grid-template-columns:.8fr 1.6fr;gap:65px}.teacher-name{font:54px/1.2 Georgia,serif;color:var(--pink);margin:0 0 14px}.teacher-tagline{font-size:17px;margin:0 0 8px}.teacher-tagline small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.teacher-copy h3{font-size:23px;margin:0 0 10px}.teacher-copy p{font-size:14px;line-height:1.9;margin:0 0 12px}.teacher-copy .en-copy{font-size:12px;color:var(--muted);line-height:1.8}.experience-types{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.experience-types span{border:1px solid #d6c7bc;padding:7px 11px;border-radius:4px;font-size:11px}.course-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.course-benefit{font-size:18px;line-height:1.8;margin:0 0 15px}.course-benefit small{font-size:12px;display:block;color:var(--muted);margin-top:10px}.course-points{list-style:none;padding:0;margin:0}.course-points li{font-size:14px;padding:11px 0;border-bottom:1px solid var(--line)}.course-points span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.course-card{background:white;border:1px solid var(--line);padding:28px;border-radius:10px}.course-card .label{font-size:11px;color:var(--gold);letter-spacing:.1em;margin:0 0 15px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.metric strong{font:34px/1.2 Georgia,serif;color:var(--pink);display:block}.metric span{font-size:12px;display:block;margin-top:6px}.metric small{font-size:10px;color:var(--muted);display:block}.price-label{font-size:12px;color:var(--muted);margin:20px 0 4px}.price{font:40px/1.3 Georgia,serif;color:var(--pink);margin:0}.price small{font:12px Arial,sans-serif;color:var(--muted)}.course-card .detail{font-size:11px;line-height:1.7;color:var(--muted);margin:15px 0 20px}.course-card .btn{width:100%}.contact{text-align:center;background:#f4e5eb;padding:59px 0}.contact h2{font-size:32px;line-height:1.45;margin:0 0 9px}.contact .en{font-size:15px;color:var(--pink-dark);margin:0 0 16px}.contact .copy{max-width:600px;margin:0 auto 25px;color:var(--muted);font-size:13px}.contact .copy small{display:block;font-size:11px;margin-top:7px}.email{display:block;margin:14px auto 0;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.footer{background:var(--ink);color:#f9eee6;padding:24px 0;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer span:last-child{color:#d6bfae}@media(max-width:850px){.wrap{width:calc(100% - 36px)}.nav{min-height:74px}.links{gap:14px;font-size:11px}.links .optional{display:none}.links .navcta{padding:8px 11px}.hero{grid-template-columns:1fr;gap:28px;padding:35px 0 24px}.hero h1{font-size:43px}.hero-en{font-size:14px}.hero-copy{font-size:14px}.hero-copy small{font-size:11px}.teacher-mini{padding:21px 23px}.teacher-mini h2{font-size:30px}.experience strong{font-size:48px}.experience span{font-size:15px}.badges{margin:14px 0}.selling{grid-template-columns:1fr;gap:11px;padding-bottom:25px}.sell{padding:15px 17px}.sell .num{float:right;margin:0}.sell h3{font-size:17px}.sell p small{display:none}section{padding:44px 0}.section-heading{margin-bottom:26px}.section-heading h2{font-size:26px}.situations{grid-template-columns:1fr;gap:23px}.situation{padding-top:15px}.method-grid,.teacher-layout,.course-layout{grid-template-columns:1fr;gap:28px}.teacher-name{font-size:43px}.teacher-copy h3{font-size:21px}.course-card{padding:23px}.contact{padding:44px 0}.contact h2{font-size:26px}.course-benefit{font-size:17px}}@media(min-width:851px) and (max-height:760px){.hero{padding-top:30px;padding-bottom:24px}.hero h1{font-size:48px}.teacher-mini{padding:23px 28px}.selling{padding-bottom:24px}.sell{padding:15px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-proof{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 0}.hero-proof span{background:var(--soft);border-radius:3px;padding:4px 8px;color:var(--pink-dark);font-size:11px}@media(max-width:850px){main>.wrap{display:flex;flex-direction:column}.hero{display:contents}.hero>div:first-child{order:0;padding:28px 0 23px}.teacher-mini{order:2;margin:8px 0 28px}.selling{order:1;border-bottom:none;padding-bottom:12px;gap:9px}.sell{padding:12px 15px}.sell .en{font-size:9px;margin-bottom:5px}.sell h3{font-size:16px}.sell p{font-size:11px}.hero h1{font-size:40px}.hero-copy{font-size:13px}.hero-en{font-size:13px}.hero-proof{margin-top:11px}.actions{margin-top:16px}.btn{padding:9px 14px;font-size:12px}.btn small{font-size:9px}}

/* Four core product selling points, V0.3 */
.selling{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sell{padding:17px 18px}.sell h3{line-height:1.45;font-size:19px}.sell h3 strong{font-weight:650;color:var(--pink)}.sell .en{margin-top:6px;font-size:9px;letter-spacing:.03em}.pathway-goal{font-size:13px;line-height:1.8;padding:18px 20px;margin:22px 0 0;background:var(--soft);border-radius:6px;color:var(--pink-dark)}.pathway-goal strong{display:block;font-size:10px;letter-spacing:.06em;margin-bottom:8px}.pathway-goal small{display:block;font-size:11px;color:var(--muted);margin-top:7px}@media(max-width:850px){.hero h1{font-size:36px}.hero>div:first-child{padding:24px 0 20px}.selling{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sell{padding:12px}.sell .num{font-size:10px}.sell h3{font-size:17px}.sell .en{font-size:8px;line-height:1.45;margin-top:5px}.sell p{font-size:11px;line-height:1.6}.sell p small{display:none}.hero-copy small{font-size:10px}.teacher-mini{margin-top:14px}}@media(max-width:360px){.hero h1{font-size:31px}.sell{padding:10px}.sell h3{font-size:15px}.sell .en{font-size:7px}.sell p{font-size:10px}}

/* Supplied S.H.E brand assets and Miss Lu portrait, V0.4 */
.logo{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:56px;height:56px;object-fit:contain;flex:none}.brand-wordmark{display:block}.mini-profile{display:grid;grid-template-columns:122px minmax(0,1fr);gap:20px;align-items:center}.mini-photo{width:122px;height:158px;object-fit:cover;object-position:50% 70%;border-radius:7px;display:block}.teacher-mini h2{font-size:32px;margin:3px 0 8px}.mini-facts{display:flex;gap:19px}.mini-facts>div{min-width:0}.mini-facts strong{font:40px/1.1 Georgia,serif;color:var(--pink);display:block}.mini-facts span{font-size:11px;line-height:1.5;display:block;margin-top:6px}.mini-facts small{font-size:9px;color:var(--muted);display:block}.teacher-mini p small{font-size:10px;display:block;margin-top:5px}.teacher-portrait{display:block;width:100%;max-width:340px;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 70%;border-radius:9px;margin:0 0 23px;box-shadow:0 12px 30px #6c393014}.teacher-visual .eyebrow{margin-bottom:9px}.teacher-layout{grid-template-columns:.85fr 1.45fr;align-items:center;gap:58px}.new-experience{padding:16px 18px;border-left:3px solid var(--pink);background:#fffaf5;border-radius:0 5px 5px 0}.new-experience strong{font-size:17px;line-height:1.65;font-weight:600;display:block;color:var(--pink-dark)}.new-experience small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.teacher-section{position:relative;isolation:isolate;overflow:hidden}.teacher-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/she-gold-emblem-v4.webp") right 15px center/280px auto no-repeat;opacity:.07;pointer-events:none}.footer .wrap{align-items:center}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px;object-fit:contain}@media(max-width:850px){.logo{gap:7px}.brand-logo{width:40px;height:40px}.logo b{font-size:22px}.logo b>span{font-size:9px!important}.logo small{font-size:6px;letter-spacing:.08em;margin-top:4px}.nav{gap:9px}.links{gap:10px}.hero-proof span{font-size:10px;padding:4px 6px}.mini-profile{grid-template-columns:112px minmax(0,1fr);gap:17px}.mini-photo{width:112px;height:143px}.teacher-mini h2{font-size:29px}.mini-facts{gap:16px}.mini-facts strong{font-size:35px}.teacher-layout{grid-template-columns:1fr;gap:30px}.teacher-portrait{max-width:320px;margin:0 auto 22px}.teacher-section:before{background-size:190px;background-position:right bottom;opacity:.05}.new-experience strong{font-size:16px}}@media(max-width:360px){.brand-logo{width:33px;height:33px}.logo{gap:5px}.logo b{font-size:19px}.logo small{font-size:5px}.links{font-size:10px;gap:7px}.links .navcta{padding:8px}.mini-profile{grid-template-columns:95px minmax(0,1fr);gap:13px}.mini-photo{width:95px;height:126px}.teacher-mini{padding:19px}.teacher-mini h2{font-size:26px}.mini-facts{gap:12px}.mini-facts span{font-size:10px}.mini-facts small{font-size:8px}}

/* Four benefits first; complete learning system and real screenshots, V0.5 */
.selling-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;color:var(--gold);margin:26px 0 12px}.selling-heading span{font-size:9px;font-weight:400;letter-spacing:.09em}.intro-wrap>.selling{padding-bottom:24px;border-bottom:1px solid var(--line);gap:15px}.intro-wrap .sell{border-top:3px solid var(--pink);padding:19px 20px;box-shadow:0 5px 16px #6c393006}.intro-wrap .sell:nth-child(2){border-top-color:#bc8a36}.intro-wrap .sell h3{font-size:21px}.intro-wrap>.hero{padding-top:33px}.system-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}.system-list{list-style:none;margin:0;padding:0}.system-list li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.system-list li:first-child{padding-top:0}.system-number{font:23px/1.45 Georgia,serif;color:var(--gold)}.system-list h3{font-size:18px;line-height:1.5;font-weight:600;margin:0 0 8px}.system-list h3 small{display:block;font-size:11px;font-weight:400;color:var(--pink);line-height:1.6;margin-top:3px}.system-list p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.system-list p small{display:block;font-size:11px;line-height:1.7;margin-top:6px}.platform-gallery{position:sticky;top:24px;border:1px solid var(--line);border-radius:11px;padding:23px;background:#fff;box-shadow:0 12px 28px #6c39300a}.gallery-overline{font-size:10px;letter-spacing:.08em;color:var(--gold);margin:0 0 8px}.platform-gallery h3{font-size:22px;line-height:1.5;margin:0 0 5px}.gallery-subtitle{font-size:11px;color:var(--muted);margin:0 0 17px}.gallery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:14px}.gallery-tab{font-family:inherit;font-size:11px;line-height:1.4;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--muted);padding:9px 5px;cursor:pointer}.gallery-tab small{display:block;font-size:8px;line-height:1.5;margin-top:3px}.gallery-tab[aria-pressed=true]{color:var(--pink-dark);background:var(--soft);border-color:#d5a4b8}.screenshot-frame{display:block;padding:12px;border:1px solid #eee5dd;border-radius:6px;background:#faf8f5;cursor:zoom-in}.screenshot-frame img{display:block;width:100%;height:485px;object-fit:contain;object-position:center;max-width:100%}.gallery-caption{font-size:12px;line-height:1.7;color:var(--ink);margin:14px 0 12px}.gallery-caption small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.gallery-enlarge{display:block;width:100%;font-family:inherit;border:1px solid var(--line);background:transparent;color:var(--pink-dark);border-radius:5px;padding:10px;cursor:pointer;font-size:12px;line-height:1.5}.gallery-enlarge small{display:block;font-size:9px;color:var(--muted)}#system-lightbox{width:min(94vw,1000px);max-height:92vh;border:0;padding:0 18px 18px;border-radius:10px;background:var(--paper);color:var(--ink);overflow:auto}#system-lightbox::backdrop{background:#302229c9}.lightbox-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;background:var(--paper)}.lightbox-toolbar h3{font-size:15px;margin:0}.lightbox-toolbar button{font-family:inherit;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);padding:7px 11px;cursor:pointer}.lightbox-image,#lightbox-image{display:block;max-width:100%;height:auto;margin:0 auto}html.lightbox-open{overflow:hidden}@media(max-width:850px){.selling-heading{order:0;display:block;margin:22px 0 12px;font-size:12px}.selling-heading span{display:block;font-size:8px;margin-top:3px}.intro-wrap>.selling{order:1;gap:9px;padding-bottom:22px}.intro-wrap>.hero>div:first-child{order:2;padding-top:28px}.intro-wrap .teacher-mini{order:3}.intro-wrap .sell{padding:13px 12px}.intro-wrap .sell h3{font-size:18px}.system-grid{grid-template-columns:1fr;gap:31px}.system-list li{grid-template-columns:29px minmax(0,1fr);gap:11px;padding:18px 0}.system-number{font-size:20px}.system-list h3{font-size:17px}.system-list h3 small{font-size:10px}.system-list p{font-size:12px}.system-list p small{font-size:10px}.platform-gallery{position:static;padding:18px}.platform-gallery h3{font-size:20px}.gallery-tab{font-size:10px}.gallery-tab small{font-size:7px}.screenshot-frame{padding:9px}.screenshot-frame img{height:460px}.lightbox-toolbar h3{font-size:12px}#system-lightbox{padding:0 10px 10px}}@media(max-width:360px){.intro-wrap .sell{padding:12px 10px}.intro-wrap .sell h3{font-size:16px}.gallery-tab{font-size:9px}.screenshot-frame img{height:400px}.platform-gallery{padding:14px}}

/* V0.6: one bold benefits panel; evidence-based four-book pathway and term offer. */
.benefit-board{margin:26px 0 0;padding:24px 29px 17px;border-radius:13px;background:#801844;color:#fff8f2;box-shadow:0 13px 33px #80184416;isolation:isolate;position:relative;overflow:hidden}
.benefit-board:before{content:"";position:absolute;right:-48px;bottom:-170px;width:330px;height:330px;border:1px solid #f3d28f33;border-radius:50%;z-index:-1;pointer-events:none}
.benefit-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #ffffff26;font-size:12px;letter-spacing:.05em;color:#f6d8a6}
.benefit-board-heading small{font-size:9px;letter-spacing:.1em;color:#efd9e3}
.benefit-board .benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:0;padding:24px 0 18px;margin:0}
.benefit{min-width:0;padding:0 24px;border-left:1px solid #ffffff26}.benefit:first-child{padding-left:0;border:0}.benefit:last-child{padding-right:0}
.benefit-number{display:block;font:15px/1 Georgia,serif;color:#e7c487;margin-bottom:15px}
.benefit h3{font-size:25px;font-weight:650;line-height:1.45;letter-spacing:.005em;margin:0 0 13px}.benefit h3 strong{display:block;font-weight:650;color:#f6d8a6}
.benefit p{font-size:11px;line-height:1.65;color:#efd9e3;margin:0;max-width:210px}
.benefit-goal-note{margin:0;padding-top:13px;border-top:1px solid #ffffff26;font-size:10px;line-height:1.6;color:#efd9e3}
.intro-wrap>.hero{padding-top:43px}
.pathway-heading{max-width:900px}
.textbook-basis{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:30px}
.textbook-basis strong{display:block;font-size:14px;letter-spacing:.06em;color:var(--pink-dark)}.textbook-basis span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.textbook-basis p{margin:0;flex:none;text-align:right}.textbook-basis b{display:inline-block;font-size:11px;font-weight:500;border:1px solid #d6b8a0;border-radius:4px;padding:4px 8px;margin-left:7px;color:var(--gold)}.textbook-basis small{display:block;font-size:9px;color:var(--muted);margin-top:5px}
.book-pathway{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.book-stage{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 28px;position:relative;overflow:hidden}.book-stage:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c49b61}.book-stage:nth-child(2):before{background:#c96882}.book-stage:nth-child(3):before{background:#ad205f}.book-stage:nth-child(4):before{background:#801844}
.book-stage-head{display:flex;align-items:center;gap:18px}.book-number{font:45px/1 Georgia,serif;color:#d2b996;align-self:flex-start;padding-top:6px}.book-stage:nth-child(2) .book-number{color:#d99dad}.book-stage:nth-child(3) .book-number{color:#c3648f}.book-stage:nth-child(4) .book-number{color:#a54c73}.book-stage-head>div{min-width:0}.book-level{display:flex;gap:11px;align-items:center;margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em}.book-level small{font-size:9px;font-weight:400;color:var(--muted)}.book-stage h3{font-size:23px;line-height:1.4;margin:0 0 4px;font-weight:650}.book-title-translation{font-size:11px;line-height:1.5;color:var(--pink);margin:0}.book-change{font-size:13px;color:var(--ink);line-height:1.7;margin:21px 0 19px;padding-bottom:19px;border-bottom:1px solid var(--line)}.book-change small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.book-tasks{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 23px}.book-tasks li{font-size:12px;line-height:1.65;padding-left:12px;position:relative}.book-tasks li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#b9894c}.book-tasks small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}
.route-goal{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:center;border-radius:10px;background:#f5e6eb;margin-top:24px;padding:29px 32px}.route-goal-number{text-align:center;border-right:1px solid #d7b9c4;padding:4px 24px 4px 0}.route-goal-number span{display:block;font-size:10px;color:var(--pink-dark);letter-spacing:.04em}.route-goal-number strong{font:72px/1.15 Georgia,serif;display:block;color:var(--pink);margin:8px 0 5px}.route-goal-number small{font-size:10px;color:var(--pink-dark);letter-spacing:.08em}.route-goal-copy h3{font-size:22px;line-height:1.5;margin:0 0 10px;color:var(--pink-dark)}.route-goal-copy p{font-size:13px;line-height:1.8;margin:0 0 7px}.route-goal-copy .goal-translation{font-size:11px;color:var(--muted)}.route-goal-copy>small{font-size:10px;line-height:1.7;color:var(--muted);display:block;margin-top:10px}.pathway-source{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0 0}.pathway-source a{color:var(--pink-dark);text-underline-offset:3px;white-space:nowrap}
.enrol-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:49px;padding-top:49px;border-top:1px solid var(--line)}.enrol-intro .overline{font-size:11px;letter-spacing:.12em;color:var(--gold)}.enrol-intro h3{font-size:30px;line-height:1.55;margin:14px 0 9px;font-weight:650}.enrol-intro p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 17px}.enrol-intro .enrol-translation{font-size:13px;color:var(--pink-dark);margin:0 0 24px}.enrol-intro .enrol-scope{font-size:12px;border-left:2px solid #c49b61;padding:11px 15px;background:#f6eee7;margin-top:26px}.enrol-system-link{font-size:12px;color:var(--pink);text-underline-offset:4px}.term-title{font-size:21px;line-height:1.5;margin:0 0 24px;font-weight:650}.price-panel{padding:22px 0 0}.standard-price{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;color:var(--muted);font-size:12px}.standard-price small{display:block;font-size:8px;line-height:1.5;margin-top:3px}.standard-price s{font:25px/1.2 Georgia,serif;text-decoration-thickness:1px;text-decoration-color:#9c858f}.offer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.offer-label{font-size:14px;color:var(--pink-dark);line-height:1.5;margin:0}.offer-label small{display:block;font-size:9px;margin-top:4px}.offer-row .price{font-size:49px;line-height:1.15}.price-unit{font-size:11px;text-align:right;margin:10px 0 0;color:var(--muted)}.price-unit small{display:block;font-size:9px;margin-top:3px}
html[lang=en] .benefit h3{font-size:20px;line-height:1.45}html[lang=en] .book-stage h3{font-size:20px}html[lang=en] .book-stage-head{align-items:flex-start}html[lang=en] .book-tasks li{font-size:12px}
@media(max-width:1000px) and (min-width:851px){.benefit-board{padding:22px 23px 16px}.benefit{padding:0 18px}.benefit h3{font-size:22px}html[lang=en] .benefit h3{font-size:18px}.enrol-layout{gap:34px}.book-stage{padding:24px}.book-stage h3{font-size:21px}.book-number{font-size:40px}}
@media(max-width:850px){.intro-wrap>.benefit-board{order:0}.benefit-board{margin-top:19px;padding:20px 21px 15px;border-radius:10px}.benefit-board-heading{display:block;font-size:11px;padding-bottom:17px}.benefit-board-heading small{display:block;font-size:8px;letter-spacing:.04em;margin-top:5px}.benefit-board .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:7px 0 13px}.benefit{padding:19px 0 17px;border:0}.benefit:nth-child(even){padding-left:20px;border-left:1px solid #ffffff26}.benefit:nth-child(odd){padding-right:17px}.benefit:nth-child(n+3){border-top:1px solid #ffffff26}.benefit-number{font-size:12px;margin-bottom:10px}.benefit h3{font-size:20px;line-height:1.5;margin-bottom:9px}.benefit p{font-size:9px;line-height:1.6}.benefit-goal-note{font-size:9px;padding-top:11px}.intro-wrap>.hero>div:first-child{order:1;padding-top:28px}.intro-wrap .teacher-mini{order:2}.textbook-basis{display:block;padding:16px 0;margin-bottom:21px}.textbook-basis strong{font-size:12px}.textbook-basis span{font-size:11px;line-height:1.7}.textbook-basis p{text-align:left;margin-top:12px}.textbook-basis b{margin:0 7px 0 0}.textbook-basis small{font-size:9px}.book-pathway{grid-template-columns:1fr;gap:15px}.book-stage{padding:23px 21px}.book-stage-head{gap:15px}.book-number{font-size:39px}.book-stage h3{font-size:21px}.book-title-translation{font-size:10px}.book-change{font-size:12px;margin:18px 0 17px;padding-bottom:17px}.book-change small{font-size:10px}.book-tasks{gap:17px 18px}.book-tasks li{font-size:12px}.book-tasks small{font-size:10px}.route-goal{grid-template-columns:1fr;gap:23px;padding:23px}.route-goal-number{border-right:0;border-bottom:1px solid #d7b9c4;padding:0 0 20px}.route-goal-number strong{font-size:62px;margin:5px 0}.route-goal-copy h3{font-size:20px}.route-goal-copy p{font-size:12px}.route-goal-copy .goal-translation{font-size:10px}.route-goal-copy>small{font-size:9px}.enrol-layout{grid-template-columns:1fr;gap:29px;margin-top:35px;padding-top:35px}.enrol-intro h3{font-size:26px}.enrol-intro p{font-size:13px}.enrol-intro .enrol-translation{font-size:12px;margin-bottom:19px}.enrol-intro .enrol-scope{font-size:11px;margin-top:20px}.offer-row .price{font-size:45px}.term-title{font-size:20px}html[lang=en] .benefit h3{font-size:17px}html[lang=en] .benefit:nth-child(even){padding-left:16px}html[lang=en] .benefit:nth-child(odd){padding-right:13px}}
@media(max-width:360px){.benefit-board{padding:17px 16px 13px}.benefit:nth-child(even){padding-left:13px}.benefit:nth-child(odd){padding-right:12px}.benefit h3{font-size:17px}.benefit p{font-size:8px}html[lang=en] .benefit h3{font-size:15px}.book-stage{padding:21px 18px}.book-stage h3{font-size:19px}.book-number{font-size:34px}.book-stage-head{gap:12px}.book-tasks{gap:15px 14px}.book-tasks li{font-size:11px}.book-tasks small{font-size:9px}.offer-row .price{font-size:41px}.offer-label{font-size:13px}}

/* V0.7: light editorial palette for the four key benefits. */
.benefit-board{color:#29272c;background:linear-gradient(118deg,#fff 0%,#fcf8fa 57%,#faf6ee 100%);border:1px solid #e5dcdd;box-shadow:0 6px 24px #30222905}
.benefit-board:before{display:none}
.benefit-board-heading{color:#29272c;border-bottom-color:#e5dcdd}
.benefit-board-heading small{color:#625d65}
.benefit{border-left-color:#e5dcdd}
.benefit-number{color:#a83267}
.benefit h3{color:#29272c}
.benefit h3 strong{color:#a83267}
.benefit p{color:#625d65;font-size:12px;line-height:1.65}
.benefit-goal-note{border-top-color:#e5dcdd;color:#625d65;font-size:11px}
@media(max-width:850px){
 .benefit-board{padding:21px 22px 16px}
 .benefit-board-heading{font-size:12px}
 .benefit-board-heading small{font-size:10px;line-height:1.6;letter-spacing:.03em}
 .benefit:nth-child(even){border-left-color:#e5dcdd}
 .benefit:nth-child(n+3){border-top-color:#e5dcdd}
 .benefit p{font-size:11px;line-height:1.65}
 .benefit-goal-note{font-size:11px;line-height:1.7}
}
@media(max-width:360px){
 .benefit-board{padding:18px 17px 14px}
 .benefit p,.benefit-goal-note{font-size:11px}
 .benefit-board-heading small{font-size:9px}
}

/* V0.8: colour-block benefits with graphic accents; future service announcement. */
.benefit-board{margin-top:28px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.benefit-board-heading{padding:0 0 17px;border:0;font-size:13px;font-weight:600;letter-spacing:.025em;color:#24222d}
.benefit-board-heading>span{display:flex;gap:10px;align-items:center}
.benefit-board-heading>span:before{content:"";display:block;width:17px;height:17px;flex:none;background:#d92a78;clip-path:polygon(50% 0,60% 31%,85% 15%,69% 40%,100% 50%,69% 60%,85% 85%,60% 69%,50% 100%,40% 69%,15% 85%,31% 60%,0 50%,31% 40%,15% 15%,40% 31%)}
.benefit-board-heading small{font-size:10px;letter-spacing:.06em;color:#625d65;font-weight:400}
.benefit-board .benefit-grid{gap:13px;padding:0;margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.benefit,.benefit:first-child,.benefit:last-child{position:relative;min-width:0;padding:23px 21px 24px;border:0;border-radius:13px;overflow:hidden;background:#ffe3ee}
.benefit:nth-child(2){background:#eee4ff}.benefit:nth-child(3){background:#e6f5b8}.benefit:nth-child(4){background:#ffe8d9}
.benefit-number{display:inline-flex;align-items:center;justify-content:center;min-width:31px;background:#ffffff99;color:#24222d;padding:6px 8px;border-radius:20px;font:600 10px/1 Arial,sans-serif;margin:0 0 25px}
.benefit-symbol{position:absolute;top:17px;right:16px;width:37px;height:37px;color:#b51f61;transform:rotate(-7deg)}
.benefit:nth-child(2) .benefit-symbol{transform:rotate(5deg)}.benefit:nth-child(3) .benefit-symbol{color:#477a25;transform:rotate(-6deg)}.benefit:nth-child(4) .benefit-symbol{color:#b75e29;transform:rotate(7deg)}
.benefit h3{font-size:25px;line-height:1.45;letter-spacing:-.015em;color:#24222d;margin:0 0 13px;font-weight:700}
.benefit h3 strong{font-weight:700;color:#ad205f}
.benefit p{font-size:12px;line-height:1.65;color:#514a54;margin:0}
.benefit-goal-note{padding:12px 1px 0;margin:0;border:0;color:#625d65;font-size:11px;line-height:1.7}
.future-preview{padding:39px 0;background:#e6f5b8;border:0}
.future-inner{display:grid;grid-template-columns:150px minmax(0,1fr) 64px;gap:34px;align-items:center}
.future-label{font-size:22px;font-weight:700;line-height:1.5;color:#24222d}.future-label small{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;margin-top:6px;color:#3d5d28}
.future-copy h2{font-size:26px;line-height:1.5;letter-spacing:-.015em;font-weight:650;margin:0 0 12px;color:#24222d}
.future-copy p{font-size:12px;line-height:1.8;color:#405330;margin:0;max-width:670px}
.future-copy .future-translation{font-size:12px;margin-top:8px}
.future-symbol{width:54px;height:54px;color:#ad205f;transform:rotate(7deg)}
html[lang=en] .benefit h3{font-size:20px;line-height:1.45}
html[lang=en] .future-label{font-size:17px}html[lang=en] .future-copy h2{font-size:23px}
@media(max-width:1000px) and (min-width:851px){.benefit,.benefit:first-child,.benefit:last-child{padding:21px 17px}.benefit h3{font-size:23px}html[lang=en] .benefit h3{font-size:18px}.benefit-symbol{width:33px;height:33px;right:13px}.future-inner{gap:26px;grid-template-columns:125px minmax(0,1fr) 52px}}
@media(max-width:850px){
 .benefit-board{margin-top:20px;padding:0}
 .benefit-board-heading{padding-bottom:14px;font-size:12px}
 .benefit-board-heading small{font-size:9px;line-height:1.6;margin-top:6px}
 .benefit-board .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
 .benefit,.benefit:first-child,.benefit:last-child,.benefit:nth-child(even),.benefit:nth-child(odd),.benefit:nth-child(n+3){padding:19px 16px 21px;border:0;border-radius:11px}
 .benefit-number{min-width:28px;font-size:9px;padding:6px 8px;margin-bottom:23px}
 .benefit-symbol{width:33px;height:33px;top:15px;right:12px}
 .benefit h3{font-size:20px;line-height:1.5;margin-bottom:11px}
 .benefit p{font-size:11px;line-height:1.65}
 .benefit-goal-note{font-size:11px;padding-top:12px}
 .future-preview{padding:31px 0}
 .future-inner{grid-template-columns:minmax(0,1fr) 44px;gap:18px}
 .future-label{grid-column:1;font-size:19px}.future-label small{font-size:9px;margin-top:3px}
 .future-copy{grid-column:1/-1;grid-row:2}
 .future-copy h2{font-size:21px;line-height:1.55}
 .future-copy p{font-size:11px}.future-copy .future-translation{font-size:11px}
 .future-symbol{grid-column:2;grid-row:1;width:36px;height:36px;justify-self:center}
 html[lang=en] .benefit h3{font-size:17px}html[lang=en] .benefit:nth-child(even),html[lang=en] .benefit:nth-child(odd){padding-left:16px;padding-right:16px}
 html[lang=en] .future-label{font-size:16px}html[lang=en] .future-copy h2{font-size:20px}
}
@media(max-width:360px){
 .benefit-board .benefit-grid{gap:9px}
 .benefit,.benefit:first-child,.benefit:last-child,.benefit:nth-child(even),.benefit:nth-child(odd),.benefit:nth-child(n+3){padding:17px 13px 18px}
 .benefit-symbol{width:29px;height:29px;right:10px;top:13px}
 .benefit h3{font-size:17px}
 .benefit p{font-size:11px}
 html[lang=en] .benefit h3{font-size:15px}html[lang=en] .benefit:nth-child(even),html[lang=en] .benefit:nth-child(odd){padding-left:13px;padding-right:13px}
 .future-copy h2{font-size:19px}
}
