:root{
  --green:#16b34a;
  --green-dark:#0b6b4f;
  --green-soft:#ecf9f1;
  --navy:#0b223f;
  --text:#1d2a3a;
  --muted:#66758a;
  --line:#dce5ec;
  --bg:#f5f8fb;
  --white:#fff;
  --shadow:0 14px 38px rgba(11,34,63,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;background:#fff;color:var(--text);padding-bottom:88px}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e9eef3}
.brand-wrap{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;flex:0 0 auto}.brand-mark svg{width:29px;height:29px;fill:var(--green);stroke:var(--green-dark);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-weight:900;color:var(--navy);font-size:18px;letter-spacing:.02em}.brand-tagline{font-size:11px;color:var(--muted);margin-top:2px}.mini-line{background:var(--green);color:#fff;font-weight:800;border-radius:999px;padding:10px 14px;font-size:14px;box-shadow:0 8px 22px rgba(22,179,74,.25)}
.section-shell{width:min(100%,720px);margin:0 auto;padding-left:18px;padding-right:18px}.hero{padding-top:24px;padding-bottom:34px}.eyebrow{font-size:13px;font-weight:800;color:var(--green-dark);display:flex;align-items:center;gap:7px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green)}h1{font-size:38px;line-height:1.18;margin:12px 0 12px;color:var(--navy);letter-spacing:-.03em}h1 em{font-style:normal;color:var(--green-dark)}.lead{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 18px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.hero-points div{border:1px solid var(--line);border-radius:14px;padding:10px 8px;text-align:center;background:#fff}.hero-points b{display:block;color:var(--navy);font-size:13px}.hero-points span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.line-button,.sticky-line{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border-radius:18px;background:linear-gradient(180deg,#25d65a,#10ae42);color:#fff;font-size:17px;font-weight:900;box-shadow:0 10px 26px rgba(22,179,74,.30);overflow:visible}.line-button.secondary{margin-top:18px}.line-badge{display:inline-grid;place-items:center;background:#fff;color:var(--green-dark);font-size:11px;border-radius:999px;min-width:40px;height:30px;padding:0 8px;font-weight:900}.pulse:before,.pulse:after{content:"";position:absolute;inset:-5px;border:2px solid rgba(37,214,90,.28);border-radius:22px;animation:pulseRing 2.2s ease-out infinite;pointer-events:none}.pulse:after{animation-delay:1.1s}@keyframes pulseRing{0%{transform:scale(.96);opacity:.55}70%,100%{transform:scale(1.08);opacity:0}}.microcopy{text-align:center;color:#6b7c8e;font-size:12px;margin:11px 0 0}
.hero-visual{margin-top:24px}.taipei-card{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#d9efff,#eef9f4 58%,#dfefff);min-height:360px;box-shadow:var(--shadow);padding:18px}.skyline{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-around;height:180px;opacity:.42}.skyline span{display:block;width:38px;background:#5c92aa;border-radius:5px 5px 0 0;height:78px}.skyline span:nth-child(2){height:120px}.skyline .tower{height:170px;width:42px;background:linear-gradient(#3e8d78,#2b665b);clip-path:polygon(30% 0,70% 0,70% 10%,80% 10%,80% 20%,90% 20%,90% 100%,10% 100%,10% 20%,20% 20%,20% 10%,30% 10%)}.skyline span:nth-child(4){height:98px}.skyline span:nth-child(5){height:140px}.market-card{position:relative;z-index:2;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:16px;box-shadow:0 16px 32px rgba(11,34,63,.14)}.market-card-head{display:flex;justify-content:space-between;font-weight:900;color:var(--navy)}.market-card-head small{font-weight:700;color:var(--muted)}.market-card ul{list-style:none;padding:0;margin:14px 0}.market-card li{padding:8px 0 8px 24px;border-bottom:1px dashed #e1e7ed;position:relative;font-size:14px}.market-card li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.chart{height:92px;background:linear-gradient(180deg,#f2fbf5,#fff);border-radius:12px;padding:10px}.chart svg{width:100%;height:100%}.chart polyline,.message-chart polyline{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.section{padding:42px 0}.section:nth-of-type(even){background:var(--bg)}.section-heading{text-align:center;margin-bottom:22px}.section-heading.left{text-align:left}.section-heading span{display:inline-block;color:var(--green-dark);font-weight:900;font-size:13px;margin-bottom:7px}.section-heading h2{font-size:26px;line-height:1.3;color:var(--navy);margin:0 0 8px}.section-heading p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topic-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 18px rgba(11,34,63,.05)}.topic-icon{width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-weight:900}.topic-card h3{font-size:16px;margin:12px 0 6px;color:var(--navy)}.topic-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.content-preview{background:linear-gradient(180deg,#eff9f2,#f9fcfb)}.preview-wrap{display:grid;gap:26px}.phone-preview{width:86%;max-width:340px;margin:0 auto;background:#dfe9e2;border:10px solid var(--navy);border-radius:34px;padding:14px 12px 18px;box-shadow:var(--shadow)}.phone-top{width:90px;height:18px;background:var(--navy);border-radius:0 0 12px 12px;margin:-14px auto 12px}.preview-head{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:var(--navy);padding:0 2px 10px}.message-card,.message-chart{background:#fff;border-radius:16px;padding:14px;margin-top:10px}.message-card b{font-size:14px}.message-card p{font-size:12px;line-height:1.7;margin:8px 0 0;color:#3e4d5d}.message-chart div{font-size:13px;font-weight:900;margin-bottom:7px}.message-chart svg{width:100%;height:65px}.check-list{list-style:none;padding:0;margin:0 0 20px}.check-list li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid #d9e5dc;font-size:15px}.check-list li:before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.benefit-list{display:grid;gap:12px}.benefit-list div{border:1px solid var(--line);border-radius:18px;padding:17px;background:#fff}.benefit-list strong{font-size:16px;color:var(--navy)}.benefit-list p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.faq-section{background:var(--bg)}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:15px;padding:0 15px}.faq-list summary{list-style:none;cursor:pointer;font-weight:800;color:var(--navy);padding:16px 24px 16px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";position:absolute;right:0;top:14px;color:var(--green-dark);font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 0 16px;color:var(--muted);font-size:14px;line-height:1.7}.site-footer{background:var(--navy);color:#dbe6ef;padding:30px 20px 30px;text-align:center}.footer-brand{font-size:18px;font-weight:900;color:#fff}.site-footer p{font-size:12px;line-height:1.8;max-width:680px;margin:12px auto;color:#aebdca}.site-footer small{font-size:11px;color:#7f93a7}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid #e4ebf0}.sticky-line{min-height:54px;border-radius:16px;font-size:16px}
@media (min-width:760px){body{background:#eef3f7}.site-header{max-width:720px;margin:0 auto}.section-shell{background:#fff}.hero,.section-shell{box-shadow:none}.hero-visual{margin-top:28px}.section{padding-top:48px;padding-bottom:48px}.site-footer{max-width:720px;margin:0 auto}.sticky-cta{max-width:720px;left:50%;right:auto;transform:translateX(-50%);width:720px}.topic-grid{grid-template-columns:repeat(4,1fr)}.preview-wrap{grid-template-columns:1fr 1fr;align-items:center}.benefit-list{grid-template-columns:repeat(3,1fr)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.hero-visual{margin-top:0}h1{font-size:42px}}
@media (max-width:360px){.brand-tagline{display:none}.brand-name{font-size:16px}.mini-line{padding:9px 12px}.section-shell{padding-left:14px;padding-right:14px}h1{font-size:34px}.line-button{font-size:16px}.hero-points{gap:6px}}