:root{--ink: #13203a;--ink-soft: #2b3a58;--paper: #f6f7fb;--card: #ffffff;--muted: #5b6579;--line: #e2e6ef;--star: #f4b400;--star-soft: #fff1c2;--blue: #1f4fbf;--red: #b3412c;--red-soft: #fbe9e5;--green: #227a4b;--green-soft: #e3f3e9;--display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--body: "Figtree", "Helvetica Neue", Arial, system-ui, sans-serif;--radius: 14px;--wrap: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--body)}img{max-width:100%}a{color:var(--blue)}h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;text-wrap:balance}h1{font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.01em}h3{font-size:1.2rem;font-weight:600}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hl{background:linear-gradient(100deg,transparent 2%,var(--star-soft) 3%,var(--star-soft) 97%,transparent 98%);padding:0 .15em}section{padding-block:72px}.section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:46rem}.btn{display:inline-flex;align-items:center;gap:8px;font:600 1rem/1 var(--body);text-decoration:none;padding:14px 22px;border-radius:999px;border:2px solid var(--ink);transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--star);outline-offset:3px}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-soft)}.btn-ghost{background:transparent;color:var(--ink)}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font:800 1.1rem var(--display)}.logo svg{width:22px;height:22px;fill:var(--star);stroke:var(--ink);stroke-width:1.2}.logo.small{font-size:1rem}nav{display:flex;gap:4px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--muted);font-weight:500;padding:8px 12px;border-radius:999px}nav a:hover,nav a[aria-current=page]{color:var(--ink);background:var(--card)}.site-footer{border-top:1px solid var(--line);padding-block:40px 24px;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{color:var(--ink);text-decoration:none}.footer-links a:hover{text-decoration:underline}.fineprint{font-size:.8rem;color:var(--muted);margin-top:28px}.hero{padding-block:72px 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}.hero p.lede{font-size:1.2rem;color:var(--ink-soft);margin-block:20px 28px;max-width:34rem}.hero .meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:.92rem;color:var(--muted)}.hero .meta b{color:var(--ink);font-family:var(--display);font-size:1.3rem;display:block}.marker{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px -28px #13203a73}.marker .q{font-size:.9rem;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:12px}.para{border-radius:10px;padding:14px 16px;font-size:.93rem;line-height:1.55}.para .tag{display:inline-block;font:600 .75rem var(--body);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;margin-bottom:8px}.para.weak{background:var(--red-soft)}.para.weak .tag{background:var(--red);color:#fff}.para.strong{background:var(--green-soft)}.para.strong .tag{background:var(--green);color:#fff}.para .why{margin-top:8px;font-size:.85rem;color:var(--ink-soft)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}.card .step{font:800 2rem var(--display);color:var(--star);-webkit-text-stroke:1px var(--ink)}.course{position:relative}.course .pill{align-self:flex-start;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px}.pill.available{background:var(--star);color:var(--ink)}.pill.soon{background:var(--line);color:var(--muted)}.course .paper{font-size:.85rem;color:var(--muted)}.course .foot{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.course.is-soon{opacity:.75}.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.ladder>div{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.ladder>div:last-child{border-right:0;background:var(--ink);color:#fff}.ladder>div:last-child .muted{color:#c6cde0}.ladder .lv{font:800 1.6rem var(--display)}.band{background:var(--ink);color:#fff;border-radius:22px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.band .btn-primary{background:var(--star);color:var(--ink);border-color:var(--star)}.band p{color:#c6cde0;margin-top:8px}.post-list{display:flex;flex-direction:column;gap:14px}.post-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.post-item:hover h3{text-decoration:underline}.post-item time{color:var(--muted);font-size:.9rem}.prose{max-width:42rem;margin:0 auto}.prose h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}.prose h2{font-size:1.6rem;margin-top:2.2em;margin-bottom:.6em}.prose h3{margin-top:1.6em;margin-bottom:.4em}.prose p,.prose ul,.prose ol,.prose blockquote{margin-block:1em}.prose blockquote{border-left:4px solid var(--star);margin-left:0;padding:6px 18px;background:var(--card);border-radius:0 10px 10px 0}.prose code{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.9em}.page-head{padding-block:64px 24px}.page-head p{font-size:1.15rem;color:var(--ink-soft);margin-top:14px;max-width:40rem}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px}.faq summary{font-weight:600;cursor:pointer}.faq details p{margin-top:10px;color:var(--ink-soft)}.faq{display:flex;flex-direction:column;gap:10px}.lesson-list{counter-reset:l;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.lesson-list li{counter-increment:l;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.lesson-list li:before{content:counter(l,decimal-leading-zero);font:800 1rem var(--display);color:var(--muted)}@media(max-width:860px){.hero-grid,.grid-2,.grid-3,.ladder,.lesson-list{grid-template-columns:minmax(0,1fr)}.ladder>div{border-right:0;border-bottom:1px solid var(--line)}.band{padding:32px 24px}section{padding-block:52px}.post-item{grid-template-columns:minmax(0,1fr);gap:4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}html[lang=zh-HK]{--display: "Bricolage Grotesque", "Noto Sans TC", "PingFang HK", "Microsoft JhengHei", sans-serif;--body: "Figtree", "Noto Sans TC", "PingFang HK", "Microsoft JhengHei", sans-serif}html[lang=zh-HK] h1,html[lang=zh-HK] h2{letter-spacing:0;font-weight:900}html[lang=zh-HK] body{line-height:1.8}html[lang=zh-HK] .eyebrow{letter-spacing:.08em}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lang-switch{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;padding:2px}.lang-switch a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.85rem;min-width:36px;text-align:center;padding:4px 10px;border-radius:999px}.lang-switch a[aria-current=true]{background:var(--ink);color:#fff}.lang-switch a:focus-visible{outline:3px solid var(--star);outline-offset:2px}.en-sample{font-style:normal}