:root{color-scheme:light;--paper:#fff9ed;--ink:#49372e;--muted:#75665b;--line:#e5d8c5;--green:#425e4b;--panel:#f1ead9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;font-size:17px;line-height:1.8}a{color:var(--green);text-underline-offset:5px}a:focus-visible{outline:3px solid #9b531e;outline-offset:5px}img{max-width:100%;height:auto}.draft{text-align:center;padding:7px 20px;background:#e9dfca;color:#5c4a3a;font-size:13px;letter-spacing:.08em}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-.04em;color:var(--ink)}.brand img{border-radius:12px}nav{display:flex;gap:26px}nav a{text-decoration:none;font-size:15px;color:var(--muted)}nav a[aria-current]{color:var(--ink);text-decoration:underline}main{max-width:1120px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:74px 0 100px}.eyebrow{font-size:14px;letter-spacing:.13em;font-weight:600;color:var(--green)}h1,h2,h3{line-height:1.3;font-weight:700}h1{font-size:clamp(40px,5.5vw,68px);letter-spacing:-.04em;margin:20px 0 24px}h2{font-size:34px;letter-spacing:-.03em}h3{font-size:23px}.lead{font-size:20px;color:var(--muted)}.button{display:inline-block;margin-top:18px;padding:11px 25px;border-radius:30px;background:var(--green);color:#fff9ed;text-decoration:none}.button span{padding-left:25px}.availability{font-size:13px;color:var(--muted);margin-top:22px}figure{margin:0;text-align:center}figure img{border-radius:30%;box-shadow:0 24px 70px #7b5d2020}figcaption{margin-top:24px;color:var(--muted);font-size:15px}.intro{border-top:1px solid var(--line);padding:48px 0 64px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:42px}.features p{color:var(--muted)}.number{font-size:13px;font-weight:700;color:#846f54}.gmail{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;padding:48px;border-radius:30px;background:var(--panel);margin-bottom:80px}.gmail h2{margin-bottom:0}.notice{border-left:3px solid #967a43;padding-left:18px;font-size:15px}.document{max-width:740px;margin:48px auto 90px;overflow-wrap:anywhere}.document h1{font-size:44px}.document h2{font-size:25px;margin-top:46px}.document p,.document li{color:#5b4d41}.document ul{padding-left:24px}.document code{font-size:.9em;background:#eee4d2;padding:2px 6px;border-radius:5px}footer{border-top:1px solid var(--line);max-width:1056px;margin:auto;padding:32px 0 46px;font-size:14px}footer strong{font-size:22px}footer p{margin:5px 0}.pending{color:var(--muted);padding:12px 0}@media(max-width:700px){body{font-size:16px}header{padding:20px}.brand{font-size:22px}.brand img{width:36px}nav{gap:15px}nav a{font-size:14px}main{padding:0 24px}.hero{grid-template-columns:1fr;gap:44px;padding:38px 0 56px}.hero figure img{width:220px}.lead{font-size:18px}.features{grid-template-columns:1fr;gap:22px;margin-top:25px}.features article{border-bottom:1px solid var(--line);padding-bottom:18px}.features h3{margin:8px 0}.features p{margin:8px 0}.gmail{grid-template-columns:1fr;gap:15px;padding:25px;margin:0 -4px 48px}.gmail h2{font-size:29px}.document{margin-top:30px}.document h1{font-size:36px}footer{margin:0 24px}h2{font-size:30px}.desktop{display:none}}
