:root{ --brand:#0ea5e9; --brand-2:#22d3ee; }
body{ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans TC", Arial, "Apple Color Emoji","Segoe UI Emoji"; }
.hero{ background: radial-gradient(1000px 500px at 10% -10%, rgba(14,165,233,.15), transparent 60%), linear-gradient(180deg, rgba(14,165,233,.08), transparent 60%); }
.hero .badge{ background: rgba(34,211,238,.15); color:#0ea5e9; }
.section-heading{ font-weight:800; letter-spacing:.2px; }
.lead-quiet{ color:#6c757d; }
.card-hover:hover{ transform: translateY(-3px); box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08); }
.metric{ font-size: 2rem; font-weight: 800; }
.kbd{ border:1px solid #e2e8f0; padding:.125rem .4rem; border-radius:.25rem; background:#f8fafc; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}
.badge-soft{ background: rgba(14,165,233,.12); color:#0ea5e9; }
.bg-soft{ background: linear-gradient(180deg, #f8fafc, #ffffff); }
.list-check li{ margin-bottom:.4rem; }
.list-check li::marker{ content:"✔ "; color:#16a34a; }
.gb-card .progress{ height: 8px; }
.gb-card .tag{ background:#f1f5f9; border-radius:999px; padding:.1rem .6rem; font-size:.8rem; }
.logo-cloud img{ opacity:.7; transition:.2s; filter: grayscale(1); }
.logo-cloud img:hover{ opacity:1; filter:none; }
.step-dot{ width:36px; height:36px; border-radius:999px; background:#e2f3fb; color:#0ea5e9; display:inline-flex; align-items:center; justify-content:center; font-weight:700; }
.feature-icon{ width:40px; height:40px; border-radius:10px; background:#f1f5f9; display:flex; align-items:center; justify-content:center; }
.gallery img{ object-fit:cover; height:220px; }
.sticky-card{ position: sticky; top: 24px; }
.plan-pill input[type="radio"]{ display:none; }
.plan-pill label{ border:1px solid #e5e7eb; border-radius:999px; padding:.375rem .75rem; cursor:pointer; }
.plan-pill input[type="radio"]:checked + label{ border-color:#0ea5e9; background:rgba(14,165,233,.08); }
.countdown{ font-variant-numeric: tabular-nums; }