:root{color-scheme:light;--ink:#173c35;--muted:#58746b;--green:#197b60;--line:#dceae2;--pale:#f1f9f3}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);line-height:1.75;background:#fff}
a{color:var(--green)}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.site-header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{color:var(--ink);font-size:1.5rem;font-weight:800;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.brand span{color:var(--green)}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px;font-size:.95rem}
.site-nav a{text-decoration:none;color:var(--ink);white-space:nowrap;padding:7px 0}
.site-nav a:hover,.site-nav a:focus-visible{text-decoration:underline}
.site-nav a[aria-current="page"]{color:var(--green);font-weight:750}
.masthead{background:linear-gradient(125deg,#f0f9f3,#e4f5ed);padding:70px 0 72px}
.eyebrow{display:inline-block;padding:4px 13px;border:1px solid #b7dfc6;border-radius:99px;background:#fff;color:var(--green);font-size:.87rem;font-weight:750}
h1{font-size:clamp(2.1rem,4.8vw,3.55rem);line-height:1.25;letter-spacing:-.025em;margin:22px 0 16px}
.lead{font-size:1.09rem;color:var(--muted);max-width:740px;margin:0}
main .content{padding:60px 0 92px}
h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.4;margin:0 0 12px}
h3{font-size:1.16rem;line-height:1.4;margin:0 0 9px}
p{margin:0 0 18px}
.muted{color:var(--muted)}
.section{margin-bottom:66px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:#fff}
.card p:last-child{margin-bottom:0}
.badge{display:inline-block;padding:2px 9px;border-radius:99px;background:var(--pale);color:var(--green);font-size:.83rem;font-weight:700;margin-bottom:13px}
.steps{padding-left:1.6rem;margin:20px 0 0}
.steps li{padding-left:.45rem;margin:0 0 15px}
.callout{border:1px solid #cce6d7;border-radius:16px;background:var(--pale);padding:26px 29px}
.callout p:last-child{margin-bottom:0}
.button{display:inline-block;border-radius:10px;padding:11px 22px;background:var(--green);color:#fff;text-decoration:none;font-weight:700}
.button:hover,.button:focus-visible{background:#145d49}
.site-footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.9rem}
.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:800px){.site-header .wrap{flex-wrap:wrap;padding:11px 0}.site-nav{width:100%;gap:3px 14px}}
@media(max-width:640px){.masthead{padding:55px 0}.grid{grid-template-columns:1fr}.card,.callout{padding:22px}}