:root{--brand-blue:#1c9dd7;--brand-blue-dark:#1580b4;--brand-green:#8cc63f;--brand-green-dark:#6ba82e;--sky:#eaf5ff;--ink:#1f2733;--ink-soft:#4a5568;--line:#e2e8f0;--white:#fff;--max-width:1200px;--radius:14px;--shadow-sm:0 2px 10px rgba(15,40,80,.06);--shadow-md:0 8px 28px rgba(15,40,80,.1);--header-h:76px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;background:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{line-height:1.3;margin:0 0 .5em;color:var(--ink)}p{margin:0 0 1em;color:var(--ink-soft)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section--sky{background:var(--sky)}.section-title{font-size:clamp(1.6rem,3vw,2.3rem);text-align:center;margin-bottom:.4em}.section-subtitle{text-align:center;max-width:720px;margin:0 auto 2.5rem;color:var(--ink-soft)}.eyebrow{color:var(--brand-green-dark);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-bottom:.6rem}.btn,.eyebrow{display:inline-block}.btn{padding:12px 28px;border-radius:999px;font-weight:600;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;cursor:pointer;border:2px solid transparent}.btn--primary{background:var(--brand-green);color:var(--white)}.btn--primary:hover{background:var(--brand-green-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--outline{border-color:var(--white);color:var(--white)}.btn--outline:hover{background:var(--white);color:var(--brand-blue)}.btn--blue{background:var(--brand-blue);color:var(--white)}.btn--blue:hover{background:var(--brand-blue-dark);transform:translateY(-2px)}.grid{display:grid;grid-gap:28px;gap:28px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:960px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.section{padding:48px 0}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}