:root{--brand:#0e7c6b;--brand-dark:#07584d;--brand-soft:#e7f5f0;--text:#0d3b36;--muted:#647874;--line:#d9e7e2;--bg:#f4f8f6;--white:#fff;--gold:#f5d45f;--shadow:0 10px 28px rgba(20,82,69,.10);--shadow-lg:0 18px 50px rgba(20,82,69,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.45}button,input,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body,button,a,img,input,textarea{-webkit-touch-callout:default}body{-webkit-user-select:text;user-select:text}button{border:0;cursor:pointer}a{color:inherit}.hidden{display:none!important}.app-shell{max-width:1100px;margin:0 auto;min-height:100vh;padding:0 18px 110px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:52px;height:52px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.brand strong{display:block;font-size:20px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.install-mini{padding:10px 13px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-weight:900;font-size:13px}.view{display:none;animation:fade .18s ease}.view.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.card{background:var(--white);border:1.5px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.splash-wrap{display:grid;place-items:center;min-height:calc(100vh - 120px);padding:8px 0 25px}.splash-art{padding:0;background:transparent;width:min(410px,100%);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg)}.splash-art img{display:block;width:100%;height:auto}.splash-hint{text-align:center;color:var(--muted);font-size:14px;margin:12px 0 0}.onboard-card{max-width:920px;margin:20px auto;padding:34px}.progress-dots{display:flex;gap:8px;margin-bottom:22px}.progress-dots span{height:6px;flex:1;border-radius:999px;background:#dce8e4}.progress-dots span.on{background:var(--brand)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:950;color:var(--brand);text-transform:uppercase}.eyebrow.light{color:#c8eee4}.onboard-card h1{font-size:clamp(32px,5vw,52px);line-height:1.03;letter-spacing:-1.8px;margin:10px 0}.lead{color:var(--muted);font-size:18px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:26px 0}.choice-card{background:#fff;border:2px solid var(--line);border-radius:22px;padding:20px;text-align:left;min-height:150px;box-shadow:0 5px 0 #edf3f0;transition:.15s}.choice-card:hover{border-color:#9bcdbf}.choice-card.selected{border-color:var(--brand);background:#eaf7f2;box-shadow:0 5px 0 #cce8dd}.choice-card span{display:block;font-size:30px;margin-bottom:15px}.choice-card strong{display:block;font-size:19px}.choice-card small{display:block;color:var(--muted);margin-top:4px}.primary,.secondary{min-height:56px;border-radius:17px;padding:14px 18px;font-weight:950}.primary{background:var(--brand);color:#fff;box-shadow:0 5px 0 #c7e3da}.primary:active{transform:translateY(2px);box-shadow:0 3px 0 #c7e3da}.secondary{background:var(--brand-soft);color:var(--brand)}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.full{width:100%}.onboard-actions{display:grid;grid-template-columns:130px 1fr;gap:12px}.check-list{display:grid;gap:10px;margin:24px 0}.check-list label,.check-row{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1.5px solid var(--line);border-radius:16px;background:#fff}.check-list input,.check-row input,.checklist input{width:22px;height:22px;accent-color:var(--brand)}.hero-card{padding:30px;background:linear-gradient(135deg,#0e7c6b,#0a5b50);color:#fff;border:0;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;box-shadow:var(--shadow-lg)}.hero-card h1{font-size:clamp(32px,5vw,52px);line-height:1.02;letter-spacing:-1.8px;max-width:720px;margin:7px 0}.hero-card p{color:#e2f4ef;max-width:700px;font-size:18px;margin:10px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:220px}.hero-primary{background:#fff;color:var(--brand);box-shadow:none}.ghost-light{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.25);padding:14px 18px;border-radius:17px;font-weight:900}.install-card{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:16px 0}.install-card>span{font-size:28px}.install-card>div{flex:1}.install-card strong,.install-card small{display:block}.install-card small{color:var(--muted);font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:28px 0 12px}.section-head h2{margin:2px 0 0;font-size:28px;line-height:1.1;letter-spacing:-.8px}.pill,.free-pill{background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:950;padding:9px 12px;border-radius:999px;white-space:nowrap}.path-grid{display:grid;gap:12px}.path-card,.feature-banner,.service-card{width:100%;display:grid;grid-template-columns:58px 1fr 25px;align-items:center;gap:14px;text-align:left;padding:16px;border:2px solid var(--line);box-shadow:0 5px 0 #edf3f0;background:#fff}.path-card.current{border-color:#3ba98e}.path-card>span,.feature-banner>span,.service-card>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:#edf8f4}.path-card em{font-style:normal;color:var(--brand);font-size:10px;font-weight:950;letter-spacing:1px}.path-card strong,.feature-banner strong,.service-card strong{display:block;font-size:18px;margin-top:2px}.path-card small,.feature-banner small,.service-card small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.path-card>b,.feature-banner>b,.service-card>b{font-size:27px;color:var(--brand)}.feature-banner{margin-top:4px;background:linear-gradient(135deg,#fff,#f8f3ff);border-color:#e8dff0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-card{padding:20px;text-align:left}.help-card span{font-size:30px;display:block}.help-card strong{display:block;font-size:18px;margin-top:10px}.help-card small{display:block;color:var(--muted);margin-top:3px}.simple-membership{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;margin-top:28px;background:linear-gradient(135deg,#fff8d7,#fff)}.simple-membership h2{margin:2px 0;font-size:24px}.simple-membership p{margin:4px 0;color:var(--muted);max-width:680px}.page-head{display:flex;gap:14px;align-items:flex-start;margin:14px 0 18px}.page-head h1{margin:2px 0;font-size:clamp(31px,5vw,46px);line-height:1.04;letter-spacing:-1.4px}.page-head p{margin:4px 0;color:var(--muted)}.back-btn{width:48px;height:48px;border-radius:16px;background:var(--brand-soft);color:var(--brand);font-size:24px;flex:0 0 auto}.lesson-hero,.tele-hero,.care-hero{padding:24px;display:flex;gap:18px;align-items:center}.lesson-hero>span,.tele-hero>span,.care-hero>span{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;background:#fff2b9;font-size:40px;flex:0 0 auto}.lesson-hero h2,.tele-hero h2,.care-hero h2{margin:3px 0;font-size:27px}.lesson-hero p,.tele-hero p,.care-hero p{color:var(--muted);margin:4px 0 12px}.lesson-article{padding:24px;margin-top:14px}.lesson-article h2{font-size:31px}.lesson-article h3{margin-top:24px}.lesson-article p{color:#455b56;font-size:17px}.lesson-tag{display:inline-block;background:#eef7f3;color:var(--brand);font-size:10px;font-weight:950;padding:7px 10px;border-radius:999px;letter-spacing:.8px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video-card{padding:18px;text-decoration:none}.video-card>span{font-size:29px}.video-card strong{display:block;font-size:17px;margin-top:10px}.video-card small{display:block;color:var(--muted);margin-top:3px}.video-card em{display:block;color:var(--brand);font-style:normal;font-size:12px;font-weight:900;margin-top:12px}.notice{padding:13px 15px;border-radius:15px;margin-top:14px;font-size:13px}.notice.info{background:#edf7f4;color:#27675d}.progress-hero{padding:22px;display:flex;align-items:center;gap:20px}.progress-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--brand) 0deg,#dfece8 0);display:grid;place-items:center;flex:0 0 auto;position:relative}.progress-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.progress-ring span,.progress-ring small{position:relative;z-index:1}.progress-ring span{font-size:27px;font-weight:950}.progress-ring small{font-size:11px;color:var(--muted);margin-top:-24px}.progress-hero h2{margin:0;font-size:26px}.progress-hero p{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric{padding:18px}.metric>span{font-size:25px}.metric strong{display:block;font-size:30px;margin-top:10px}.metric small{color:var(--muted)}.checklist{padding:20px;margin-bottom:14px}.checklist h2{margin-top:0}.checklist label{display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.form-card{padding:22px;margin-bottom:14px}.form-card h2{margin-top:0}.form-card label{display:block;font-weight:850;font-size:14px;margin:14px 0 6px}.form-card input,.form-card textarea{width:100%;border:1.5px solid #cfded9;border-radius:15px;padding:14px 15px;outline:0;background:#fbfdfc;color:var(--text)}.form-card input:focus,.form-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #dff2eb}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.slot-grid button{padding:15px;border:2px solid var(--line);border-radius:16px;background:#fff;text-align:left;color:var(--text)}.slot-grid button strong{display:block;font-size:18px;margin-top:2px}.slot-grid button.selected{border-color:var(--brand);background:#eaf7f2}.fee-box{margin-top:14px;padding:15px;border-radius:16px;background:#f5faf8;font-weight:900;color:var(--brand)}.result-card{padding:22px;border-color:#a9d9cb;background:#f2fbf7}.result-page{max-width:620px;margin:80px auto;padding:35px;text-align:center}.result-icon{width:82px;height:82px;border-radius:28px;background:#e6f6ef;color:var(--brand);display:grid;place-items:center;font-size:42px;font-weight:950;margin:0 auto 18px}.result-page h1{font-size:37px;line-height:1.05}.help-stack{display:grid;gap:12px}.help-stack .service-card{grid-template-columns:58px 1fr 28px;text-decoration:none}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{padding:20px}.product-card>span{font-size:32px}.product-card strong{display:block;font-size:18px;margin-top:8px}.product-card small{display:block;color:var(--muted);margin:5px 0 14px}.membership-hero{padding:28px;display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#0e7c6b,#07584d);color:#fff;border:0}.membership-hero>span{width:78px;height:78px;border-radius:25px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:40px}.membership-hero h2{font-size:30px;margin:0}.membership-hero p{color:#e2f4ef}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.plan-option{display:grid;grid-template-columns:52px 1fr 25px;align-items:center;gap:12px;text-align:left;padding:17px;border:2px solid var(--line);border-radius:20px;background:#fff}.plan-option>span{width:52px;height:52px;border-radius:17px;background:#eef7f3;display:grid;place-items:center;font-size:26px}.plan-option strong{display:block;font-size:18px}.plan-option small{display:block;color:var(--muted)}.plan-option em{font-style:normal;font-size:9px;background:#ffe27c;padding:4px 6px;border-radius:999px;margin-left:4px}.plan-option b{color:var(--brand);opacity:.25}.plan-option.selected{border-color:var(--brand);background:#f0faf6}.plan-option.selected b{opacity:1}.tiny{font-size:12px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(15px);background:#173f38;color:#fff;padding:13px 17px;border-radius:14px;opacity:0;pointer-events:none;transition:.2s;z-index:1000;max-width:min(92vw,600px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.bottom-nav{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);width:min(680px,calc(100% - 16px));background:rgba(255,255,255,.97);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(15,62,52,.16);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px;z-index:900;backdrop-filter:blur(12px)}.nav-item{background:transparent;border-radius:13px;min-height:50px;height:50px;padding:3px 2px;color:#6d7d79;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0}.nav-item span{display:block;font-size:19px;line-height:20px}.nav-item small{display:block;font-size:10px;line-height:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active{background:var(--brand-soft);color:var(--brand)}@media(max-width:760px){body{font-size:16px}.app-shell{padding:0 12px 82px}.topbar{height:70px}.brand img{width:46px;height:46px}.brand strong{font-size:18px}.brand small{font-size:10px}.hero-card{display:block;padding:24px}.hero-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr}.choice-grid,.help-grid,.plan-options,.product-grid{grid-template-columns:1fr}.choice-card{min-height:130px}.onboard-card{padding:24px}.onboard-card h1{font-size:35px}.video-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.progress-hero{align-items:flex-start}.progress-ring{width:100px;height:100px}.simple-membership{display:block}.simple-membership .primary{width:100%;margin-top:12px}.page-head h1{font-size:34px}.splash-wrap{min-height:calc(100vh - 90px)}}@media(max-width:470px){.video-grid{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr}.slot-grid{grid-template-columns:1fr}.path-card{grid-template-columns:52px 1fr 20px}.path-card>span{width:52px;height:52px}.bottom-nav{bottom:5px}.nav-item{min-height:48px;height:48px}.nav-item span{font-size:18px}.nav-item small{font-size:9px}.splash-art{width:min(390px,100%)}}
.otp-box{margin-top:14px;padding:16px;border:1.5px dashed #b9d8cf;border-radius:16px;background:#f6fbf9}.otp-box input{font-size:24px;letter-spacing:7px;text-align:center}.member-summary,.membership-status-card{padding:22px;display:flex;align-items:center;gap:18px;margin-bottom:14px}.member-avatar,.status-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--brand-soft);font-size:34px;flex:0 0 auto}.member-summary h2,.membership-status-card h2{margin:2px 0;font-size:27px}.simple-list{display:grid;gap:9px}.simple-row{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fbfdfc}.simple-row strong,.simple-row small{display:block}.simple-row small{color:var(--muted);margin-top:4px}.simple-row a{color:var(--brand);font-weight:900}.member-summary .eyebrow,.membership-status-card .eyebrow{margin-bottom:2px}