:root{--bg:#f5f4ef;--surface:#fffefa;--ink:#1d2927;--muted:#626d68;--line:#dedfd7;--accent:#216453;--nav:#193d38;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a.button{min-height:44px}button,.button{border:1px solid var(--line);border-radius:8px;padding:8px 16px;color:var(--ink);background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[data-lang=en] .lang-zh,[data-lang=zh] .lang-en{display:none}header,main,footer{max-width:1200px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;border-bottom:1px solid var(--line)}.wordmark{color:var(--nav);font-weight:650;text-decoration:none;letter-spacing:-.03em}.links{display:flex;gap:24px;align-items:center}.languages{display:flex;gap:4px}.languages button{padding:8px;border:0;color:var(--muted)}.languages [aria-pressed=true]{color:var(--accent);text-decoration:underline}.menu{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:var(--surface);z-index:10;padding:12px}.hero{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:48px;padding:64px 0 80px}.hero h1{font-size:48px;line-height:1.15;letter-spacing:-.05em;font-weight:650;margin:0 0 24px}.hero p{max-width:390px;margin:0 0 24px;font-size:20px}.actions{display:flex;gap:12px}.hero small{display:block;color:var(--muted);margin-top:12px}.hero-picture{position:relative;margin:0;padding:0 36px 32px 0}.hero-picture .desktop{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.hero-picture .phone{position:absolute;width:24%;height:auto;right:0;bottom:0;border:1px solid var(--line);border-radius:8px}.hero-picture figcaption{font-size:12px;color:var(--muted);margin-top:12px}section{padding:48px 0;border-top:1px solid var(--line)}h2{font-size:28px;line-height:1.4;font-weight:650;letter-spacing:-.03em;margin:0 0 24px}h3{font-size:20px;margin:0 0 8px}p{margin:0 0 16px}.sequence{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;counter-reset:step}.sequence li{border-top:2px solid var(--accent);padding-top:16px}.sequence strong{display:block}.sequence small{display:block;color:var(--muted);font-size:14px}.switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.switcher [aria-pressed=true]{background:var(--nav);color:var(--surface);border-color:var(--nav)}figure{margin:0}.screen-image{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;display:block}.screen-phone{width:300px;max-width:100%;margin:auto}.screen-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px}.screen-caption p{margin:0}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:24px}.system{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.system h3{color:var(--accent)}.system ul{list-style:none;margin:16px 0 0;padding:0}.system li{padding:8px 0;border-top:1px solid var(--line)}.system small{color:var(--muted);display:block}.install{display:grid;grid-template-columns:1fr 2fr;gap:32px}.install ol{margin:0;padding-left:24px}.install li{padding:8px}.install a{display:inline-block;margin-top:16px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;color:var(--muted);font-size:14px}footer p{margin:0}.footer-links{display:flex;gap:24px}[hidden]{display:none!important}@media(max-width:900px){.hero{gap:24px}.hero h1{font-size:36px}.sequence{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}header{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px;min-height:72px}html.js .menu{display:block;margin-left:auto}.links{display:flex;width:100%;flex-wrap:wrap;gap:16px}html.js .links{display:none}html.js .links.open{display:flex}.hero{grid-template-columns:1fr;padding:40px 0;gap:32px}.hero h1{font-size:36px}.hero p{font-size:20px}.hero-picture{padding-right:32px}.sequence{grid-template-columns:repeat(2,1fr);gap:24px}.architecture,.install{grid-template-columns:1fr}.screen-caption{align-items:flex-start;flex-direction:column}section{padding:32px 0}footer{gap:16px;flex-wrap:wrap}.switcher{gap:4px}.switcher button{font-size:14px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}