:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172033;--muted:#607087;--line:#24375524;--panel:#fff;--soft:#f4f8fb;--blue:#2563eb;--teal:#0f9f9b;--green:#20a65a;--amber:#d7901c;--rose:#d9365e;--shadow:0 18px 48px #1720331f;--small-shadow:0 10px 28px #17203317;background:#f7fafc;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:#fff;min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;padding:14px 5vw;display:flex;position:sticky;top:0}.brand,.footer-brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{width:42px;height:42px;box-shadow:var(--small-shadow);background:#101827;border-radius:8px;place-items:center;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand strong{color:var(--ink);font-size:1rem;font-weight:900;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem;font-weight:700;display:block}.nav-links{color:#31425a;align-items:center;gap:4px;font-size:.95rem;font-weight:800;display:flex}.nav-links a{border-radius:8px;padding:10px 12px}.nav-links a:hover{color:var(--blue);background:#eef6ff}.nav-cta,.button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex}.nav-cta{color:#fff;background:var(--ink);padding:0 16px}.section-band{position:relative;overflow:hidden}.section-inner{width:min(1140px,100% - 40px);margin:0 auto}[data-reveal]{opacity:0;filter:blur(4px);transition:opacity .62s,transform .62s cubic-bezier(.2,.8,.2,1),filter .62s;transform:translateY(24px)}[data-reveal].is-visible{opacity:1;filter:none;transform:none}.hero{color:#fff;background:#101827;align-items:center;min-height:82vh;padding:112px 0 80px;display:grid;position:relative;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{background:url(/assets/Kid.png) 50%/cover no-repeat;transform:scale(1.02)}.hero-overlay{background:linear-gradient(90deg,#091220e0 0%,#091220a8 45%,#09122038 100%),linear-gradient(#09122033,#091220b8)}.hero:after{content:"";background:linear-gradient(#fff0,#fff);height:92px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:1;grid-template-columns:minmax(0,.78fr) minmax(260px,.32fr);align-items:end;gap:36px;display:grid;position:relative}.hero-copy{max-width:760px}.eyebrow{color:var(--teal);letter-spacing:0;margin:0 0 12px;font-size:.88rem;font-weight:900}.hero .eyebrow{color:#8af2e7}h1,h2,h3,p{margin-top:0}h1{color:#fff;margin-bottom:18px;font-size:4.1rem;font-weight:950;line-height:1.08}h2{color:#142238;margin-bottom:14px;font-size:2.45rem;font-weight:920;line-height:1.22}h3{color:#16243a;margin-bottom:10px;font-size:1.28rem;line-height:1.35}.hero-copy p{color:#e8f1fb;max-width:700px;margin-bottom:28px;font-size:1.14rem;line-height:1.86}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions.center{justify-content:center}.button{border:1px solid #0000;padding:0 20px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--blue), var(--teal));box-shadow:0 16px 34px #2563eb47}.button.secondary{color:#183553;background:#fff;border-color:#1720331f}.button.secondary.light{color:#fff;background:#ffffff1f;border-color:#ffffff40}.hero-proof{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border:1px solid #ffffff42;border-radius:8px;padding:22px;box-shadow:0 18px 42px #0000002e}.hero-proof span,.hero-proof small,.metric-card span,.metric-card p{display:block}.hero-proof span{color:#bcefe9;font-weight:900}.hero-proof strong{margin:8px 0;font-size:2.65rem;line-height:1;display:block}.hero-proof small{color:#e8f1fb;line-height:1.5}.metrics-band{background:#fff;padding:24px 0 82px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.metric-card,.feature-card,.workflow-card,.audience-grid article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--small-shadow);border-radius:8px}.metric-card{min-height:146px;padding:22px}.metric-card strong{color:#13223a;margin-bottom:10px;font-size:2.35rem;line-height:1;display:block}.metric-card span{color:#24354e;font-weight:900}.metric-card p{color:var(--muted);margin:8px 0 0;line-height:1.55}.screens-band,.tutor-band,.workflow-band{background:#f5f9fc;padding:92px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 38px}.section-heading p,.section-copy{color:#53647b;font-size:1.06rem;line-height:1.82}.screen-stack{gap:34px;display:grid}.screen-row{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:minmax(300px,.44fr) minmax(0,.78fr);align-items:center;gap:28px;padding:24px;display:grid}.screen-row:nth-child(2n){grid-template-columns:minmax(0,.78fr) minmax(300px,.44fr)}.screen-row:nth-child(2n) .screen-copy{order:2}.screen-row:nth-child(2n) .screen-frame{order:1}.screen-row.text-only,.screen-row.text-only:nth-child(2n){grid-template-columns:1fr}.screen-row.text-only .screen-copy,.screen-row.text-only:nth-child(2n) .screen-copy{order:initial;max-width:860px}.screen-copy{padding:10px 4px;position:relative}.step-number{color:#fff;background:var(--ink);border-radius:8px;place-items:center;width:44px;height:44px;margin-bottom:16px;font-weight:950;display:inline-grid}.screen-copy p{color:#53647b;line-height:1.78}.screen-copy ul,.feature-card ul,.tutor-steps{margin:18px 0 0;padding:0;list-style:none}.screen-copy li{color:#26384f;align-items:flex-start;gap:8px;margin-top:10px;font-weight:800;line-height:1.5;display:flex}.screen-copy li svg{color:var(--green);flex:none;margin-top:2px}.screen-frame{background:#eef4f8;border:1px solid #17203321;border-radius:8px;margin:0;display:block;overflow:hidden;box-shadow:0 18px 42px #1720331c}.screen-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.screen-frame.large img{aspect-ratio:16/9}.screen-frame.tall-preview{background:#fff}.screen-frame.tall-preview img{aspect-ratio:5/4;object-fit:contain}.features-band,.audience-band{background:#fff;padding:92px 0}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card{min-height:260px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card:hover{box-shadow:var(--shadow);border-color:#2563eb47;transform:translateY(-4px)}.feature-icon{width:54px;height:54px;color:var(--blue);background:#eef6ff;border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.feature-card p,.workflow-card p,.audience-grid p{color:#53647b;margin-bottom:0;line-height:1.75}.tutor-layout,.map-layout,.writing-layout{grid-template-columns:minmax(320px,.48fr) minmax(0,.72fr);align-items:center;gap:40px;display:grid}.tutor-steps{counter-reset:tutor;gap:12px;display:grid}.tutor-steps li{color:#26384f;border:1px solid var(--line);box-shadow:var(--small-shadow);counter-increment:tutor;background:#fff;border-radius:8px;padding:16px 16px 16px 52px;font-weight:800;line-height:1.6;position:relative}.tutor-steps li:before{content:counter(tutor);color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:28px;height:28px;font-weight:950;display:grid;position:absolute;top:14px;left:14px}.map-band,.writing-band{background:#fff;padding:92px 0}.writing-layout{grid-template-columns:minmax(320px,.52fr) minmax(0,.68fr)}.writing-feedback{gap:12px;margin-top:24px;display:grid}.writing-feedback span{color:#26384f;background:#f6fbff;border:1px solid #2563eb24;border-radius:8px;align-items:flex-start;gap:10px;padding:15px 16px;font-weight:850;line-height:1.55;display:flex}.writing-feedback svg{color:var(--green);flex:none;margin-top:2px}.writing-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:24px}.writing-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.writing-panel-header span,.rubric-item span,.revision-card strong{color:#24354e;font-weight:950;display:block}.writing-panel-header strong{color:#142238;margin-top:6px;font-size:2.1rem;line-height:1.08;display:block}.writing-panel-header svg{color:#fff;background:linear-gradient(135deg, var(--rose), var(--amber));border-radius:8px;flex:none;width:48px;height:48px;padding:8px}.writing-panel-copy,.rubric-item p,.revision-card p{color:#53647b;line-height:1.68}.writing-panel-copy{margin:18px 0 0}.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.rubric-item{background:#f8fbff;border:1px solid #2437551c;border-radius:8px;min-height:132px;padding:16px}.rubric-item p{margin:8px 0 0}.revision-card{background:#fff8eb;border:1px solid #d7901c38;border-radius:8px;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;display:flex}.revision-card svg{color:var(--amber);flex:none;margin-top:2px}.revision-card p{margin:6px 0 0}.writing-panel small{color:#6a788b;margin-top:14px;line-height:1.6;display:block}.map-layout{max-width:860px;display:block}.map-benefits{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.map-benefits span{color:#0c5d59;background:#e8faf7;border:1px solid #0f9f9b2e;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:900;display:inline-flex}.workflow-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.workflow-card{min-height:210px;padding:20px}.workflow-card span{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:36px;height:36px;margin-bottom:16px;font-weight:950;display:grid}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.audience-grid article{padding:26px}.audience-grid svg{color:var(--rose);margin-bottom:16px}.cta-band{color:#fff;background:linear-gradient(135deg,#172033f7,#0c5f5beb),#172033;padding:96px 0}.cta-content{text-align:center;max-width:760px}.cta-content svg{color:#8af2e7}.cta-content h2{color:#fff;margin-top:16px}.cta-content p{color:#dcecf5;font-size:1.07rem;line-height:1.8}.footer{color:#dce7f1;background:#101827;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;gap:22px;display:flex}.footer-brand img{border-radius:8px;width:min(260px,72vw);display:block}.footer strong,.footer span{text-align:right;display:block}.footer span{color:#aab9ca;margin-top:6px}@media (width<=1080px){h1{font-size:3.35rem}h2{font-size:2.05rem}.metrics-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-row,.screen-row:nth-child(2n),.tutor-layout,.map-layout,.writing-layout{grid-template-columns:1fr}.screen-row:nth-child(2n) .screen-copy,.screen-row:nth-child(2n) .screen-frame{order:initial}}@media (width<=820px){.site-header{padding:12px 20px}.nav-links{display:none}.hero{min-height:76vh;padding:88px 0 68px}.hero-inner{grid-template-columns:1fr}.hero-proof{max-width:360px}.hero-overlay{background:linear-gradient(#091220e6 0%,#091220c2 54%,#0912206b 100%),linear-gradient(90deg,#091220e6,#0912208f)}.screens-band,.features-band,.tutor-band,.writing-band,.map-band,.workflow-band,.audience-band,.cta-band{padding:72px 0}.audience-grid{grid-template-columns:1fr}}@media (width<=620px){.section-inner{width:min(100% - 28px,1140px)}.brand small{display:none}.brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:8.5em;overflow:hidden}.brand-mark{width:38px;height:38px}.nav-cta{min-height:40px;padding:0 12px;font-size:.9rem}h1{font-size:2.42rem}h2{font-size:1.72rem}.hero-copy p,.section-heading p,.section-copy,.cta-content p{font-size:1rem}.hero-actions,.button{width:100%}.metrics-grid,.feature-grid,.workflow-rail,.rubric-grid{grid-template-columns:1fr}.metric-card,.screen-row,.feature-card,.writing-panel,.workflow-card,.audience-grid article{padding:18px}.screen-frame img,.screen-frame.large img{aspect-ratio:4/3}.footer-inner{flex-direction:column;align-items:flex-start}.footer strong,.footer span{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;filter:none;transform:none}}