.annual-plan-summary{border-color:#cbdcc5;background:linear-gradient(135deg,#f4f8ed,#fff8e5)}
.annual-plan-summary .eyebrow{color:#6e8b64;font-size:10px;display:block;margin-bottom:10px}
.annual-plan-summary h2{color:#326d53}
.annual-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:18px 0 10px;color:#2d6e51}
.annual-plan-price strong{font-family:'Baloo 2','Nunito',sans-serif;font-size:clamp(38px,7vw,55px);line-height:1.1;letter-spacing:-1px}
.annual-plan-price>span{font-size:15px;color:#7d8e74}
.annual-plan-summary .annual-plan-price strong{font-size:36px}
.annual-plan-summary .button{width:100%;margin-top:20px}
.plan-page{max-width:980px}
.plan-heading{max-width:650px;margin:28px auto;text-align:center}
.plan-heading h1{font-size:clamp(32px,5vw,47px);margin:12px 0;color:#315f49}
.annual-plan-card{max-width:640px;margin:28px auto;padding:34px;border:2px solid #c9dec1;border-radius:29px;background:linear-gradient(145deg,#fffef7,#f4f8ed);box-shadow:0 12px 36px #4d764313}
.annual-plan-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.plan-book{display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:#e3efda;border-radius:17px;color:#47825b}
.plan-book svg{width:31px;height:31px}
.annual-plan-top .pill{color:#71884d;background:#fff0bf}
.annual-plan-card h2{font-size:33px;color:#315f49}
.plan-payment-term{font-size:14px;line-height:1.8;color:#7a8c76}
.plan-benefits{list-style:none;padding:0;margin:23px 0;display:grid;gap:15px}
.plan-benefits li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.7}
.plan-benefits svg{width:21px;height:21px;color:#559968;margin-top:2px}
.plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dce6d3;border-bottom:1px solid #dce6d3;padding:19px 0;margin:22px 0;gap:12px;text-align:center}
.plan-facts>span{font-size:11px;color:#7d8e74;line-height:1.6}
.plan-facts b{display:block;font-family:'Baloo 2','Nunito',sans-serif;font-size:27px;line-height:1.3;color:#3e7756}
.annual-plan-card>.button{width:100%;min-height:49px}
.annual-plan-card>.button+.button{margin-top:13px}
.plan-pay-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:7px 10px;border-radius:10px;background:#358869;color:white;font-size:11px;font-weight:800}
.payment-bank-summary{max-width:640px;margin:30px auto}
.payment-bank-summary h2{font-size:25px;margin-bottom:12px}
.payment-bank-summary>strong{display:block;font-size:25px;color:#356e52;margin:12px 0;letter-spacing:1px}
.checkout-page{max-width:1050px}
.checkout-heading{margin:28px 0}
.checkout-heading h1{font-size:clamp(30px,5vw,43px);color:#315f49;margin:12px 0}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.checkout-qr-panel,.checkout-details{border:1px solid #dce5d2;border-radius:25px;background:#fffef8;padding:25px;min-width:0}
.checkout-qr-panel{text-align:center}
.checkout-bank-label{font-size:25px;font-weight:900;color:#245994}
.checkout-bank-label span{display:block;font-size:11px;font-weight:700;color:#869480;margin-top:5px}
.payment-qr-image{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:1;margin:17px auto 0;background:white;border:1px solid #edf0e7;border-radius:12px;image-rendering:pixelated}
.checkout-total{font-family:'Baloo 2','Nunito',sans-serif;font-size:38px;color:#327650;margin:18px 0}
.checkout-qr-panel>.button{width:100%;min-height:48px}
.checkout-details h2{font-size:26px;margin-bottom:24px}
.checkout-details dl{margin:0}
.checkout-details dl>div{padding:14px 0;border-bottom:1px solid #e7ecdf}
.checkout-details dt{font-size:12px;font-weight:700;color:#819177;margin-bottom:8px}
.checkout-details dd{margin:0;font-size:18px;line-height:1.6;color:#3e5d4c;overflow-wrap:anywhere}
.checkout-copy-row dd{display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:space-between}
.checkout-copy-row .button{font-size:10px;min-height:44px;flex-shrink:0}
.checkout-copy-row .button svg{width:16px;height:16px}
.transfer-reference{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.2px}
.checkout-check-note{font-size:13px;line-height:1.8;padding:15px;margin-top:20px;border-radius:14px;color:#817044;background:#fff4d8}
.checkout-next{margin:25px 0}
.checkout-next h2{font-size:24px;margin-bottom:13px}
.checkout-next p{font-size:14px;line-height:1.8;color:#7b8b73}
.checkout-next .button{margin-top:18px}
.checkout-unavailable{max-width:640px;margin:30px auto}
.checkout-unavailable h1{font-size:30px;margin-bottom:15px;color:#58754e}
.checkout-unavailable p{font-size:15px;line-height:1.8;color:#819177;margin-bottom:22px}
#payment-copy-fallback label{display:block;font-size:13px;line-height:1.8;margin-bottom:12px}
#payment-copy-value{width:100%;min-height:48px;border:1px solid #dbe4d1;padding:11px;border-radius:11px;font:inherit;font-size:16px}
@media(max-width:700px){.checkout-layout{grid-template-columns:1fr;gap:16px}.checkout-heading{margin:22px 0}.checkout-heading .eyebrow{font-size:9px}.checkout-qr-panel,.checkout-details{padding:22px 18px;border-radius:21px}.payment-qr-image{max-width:330px}.checkout-details h2{font-size:24px}.checkout-details dd{font-size:17px}.checkout-copy-row dd{gap:8px}.transfer-reference{font-size:13px}.checkout-check-note{font-size:12px}.checkout-next p{font-size:13px}.payment-bank-summary>strong{font-size:24px}.checkout-unavailable h1{font-size:27px}}
.plan-opening-note{font-size:12px;color:#8a927b;line-height:1.8;text-align:center;margin-top:16px}
.plan-includes{max-width:640px;margin:36px auto}
.plan-includes>h2{font-size:26px;margin-bottom:19px}
.plan-subjects{display:grid;gap:12px}
.plan-subjects>a{display:flex;align-items:center;gap:14px;border:1px solid #e1e6d7;background:#fffefa;padding:17px;border-radius:20px}
.plan-subjects>a>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;color:var(--subject);background:var(--soft);flex-shrink:0}
.plan-subjects>a>div{flex:1;min-width:0}
.plan-subjects h3{font-size:24px;color:var(--subject)}
.plan-subjects p{font-size:12px;line-height:1.7;color:#819177;margin-top:5px}
.plan-subjects>a>svg{width:18px;height:18px;color:#8eaa7e}
.grade-pricing{max-width:640px;margin:34px auto}
.grade-pricing>h2{font-size:26px;margin-bottom:12px}
.grade-pricing>p{font-size:14px;line-height:1.8;color:#7d8e74}
.grade-pricing-table{margin-top:18px;border:1px solid #dce5d2;border-radius:20px;overflow:hidden;background:#fffefa}
.grade-pricing table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}
.grade-pricing th,.grade-pricing td{padding:16px 18px;border-bottom:1px solid #e5eadd}
.grade-pricing thead th{font-size:12px;color:#718769;background:#edf4e5}
.grade-pricing tbody td:nth-child(2){font-weight:900;white-space:nowrap;color:#386e51}
.grade-pricing tbody tr:last-child>*{border-bottom:0}
.grade-content-ready{background:#f5faed}
.grade-content-status{font-size:11px;color:#8a917c;line-height:1.6}
.grade-content-ready .grade-content-status{color:#4e865c;font-weight:800}
.combo-pricing{max-width:640px;margin:38px auto}
.combo-pricing>h2{font-size:26px;margin-bottom:12px}
.combo-pricing>p{font-size:14px;line-height:1.8;color:#7d8e74}
.combo-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}
.combo-plan{padding:23px 20px;border:1px solid #e5dcc4;border-radius:22px;background:linear-gradient(145deg,#fffdf4,#fff6df);min-width:0}
.combo-plan>.grade-content-status{display:inline-block;padding:5px 9px;border-radius:10px;background:#f0ecdf;font-size:10px}
.combo-plan h3{font-size:25px;color:#6d6d42;margin:16px 0}
.combo-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;color:#436e4c}
.combo-price strong{font-size:33px;font-family:'Baloo 2','Nunito',sans-serif;line-height:1.2;letter-spacing:-.5px}
.combo-price>span{font-size:12px;color:#8b917b}
.combo-duration{font-size:12px;line-height:1.8;color:#7b8b70;margin-top:8px}
.combo-comparison{font-size:11px;line-height:1.8;color:#919480;margin-top:18px}
.combo-saving{display:inline-block;font-size:12px;line-height:1.7;font-weight:800;color:#5c8654;background:#edf3de;padding:6px 10px;border-radius:10px;margin-top:8px}
@media(max-width:700px){.combo-pricing{margin:30px 0}.combo-pricing>h2{font-size:23px}.combo-pricing>p{font-size:13px}.combo-plan-grid{grid-template-columns:1fr;gap:12px}.combo-plan{padding:21px}.combo-plan h3{font-size:25px}.combo-price strong{font-size:35px}}
@media(max-width:700px){.grade-pricing{margin:30px 0}.grade-pricing>h2{font-size:23px}.grade-pricing>p{font-size:13px}.grade-pricing th,.grade-pricing td{padding:13px 10px;font-size:13px}.grade-pricing thead th{font-size:11px}.grade-content-status{font-size:10px}}
@media(max-width:700px){.plan-heading{margin:22px 0;text-align:left}.plan-heading .eyebrow{font-size:9px}.annual-plan-card{padding:23px 19px;border-radius:23px;margin:22px 0}.annual-plan-card h2{font-size:29px}.plan-benefits li{font-size:14px}.plan-facts{gap:8px}.plan-facts>span{font-size:10px}.plan-facts b{font-size:24px}.plan-includes{margin:30px 0}.plan-includes>h2{font-size:23px}.plan-subjects>a{padding:14px;gap:11px}.plan-subjects h3{font-size:21px}.plan-subjects p{font-size:11px}.annual-plan-summary .button{min-height:46px}}