:root{--soda-bg: #f3fcfd;--soda-bg-deep: #e6fafd;--soda-surface: #ffffff;--soda-surface-glass: rgba(255, 255, 255, .72);--soda-ink-strong: #062229;--soda-ink: #0c3a44;--soda-ink-soft: #436b76;--soda-ink-faint: #789aa4;--soda-primary: #06b6d4;--soda-primary-deep: #0891b2;--soda-fizz: #22d3ee;--soda-fizz-faint: #cff4fa;--soda-mint: #12b87a;--soda-mint-deep: #0a7d54;--soda-mint-faint: #dcf5ea;--soda-line: rgba(6, 52, 61, .1);--soda-line-strong: rgba(6, 52, 61, .16);--soda-grad-air: linear-gradient(180deg, #f3fcfd 0%, #e6fafd 100%);--r-pill: 999px;--r-bubble: 26px;--r-card: 18px;--r-soft: 12px;--shadow-bubble: 0 24px 60px -28px rgba(6, 52, 61, .28);--shadow-soft: 0 10px 30px -18px rgba(6, 52, 61, .22);--shadow-mint: 0 12px 28px -12px rgba(10, 125, 84, .4);--ring-focus: 0 0 0 4px rgba(34, 211, 238, .38);--font-sans: "Hanken Grotesk", "Noto Sans TC", ui-sans-serif, system-ui, -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--font-display: "Fraunces", "Noto Serif TC", Georgia, "Songti TC", serif;--fs-display: clamp(2.1rem, 7vw, 4.5rem);--fs-h1: clamp(2rem, 4.4vw, 3.2rem);--fs-h2: clamp(1.5rem, 3vw, 2.2rem);--fs-h3: clamp(1.2rem, 2vw, 1.5rem);--fs-body: clamp(1rem, 1.2vw, 1.125rem);--fs-small: .9rem;--container: 1140px;--container-narrow: 760px;--space-section: clamp(5rem, 11vw, 10rem);--ease-fluid: cubic-bezier(.22, 1, .36, 1);--t-fast: .16s;--t-base: .24s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;color:var(--soda-ink);background:var(--soda-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;line-height:1.1;font-weight:600;letter-spacing:-.02em;color:var(--soda-ink-strong);margin:0}h1{font-weight:600;letter-spacing:-.025em}:lang(zh-Hant) h1{font-weight:900}:lang(zh-Hant) h2,:lang(zh-Hant) h3{font-weight:700}p{margin:0}a{color:var(--soda-primary-deep);text-decoration:none;transition:color var(--t-fast) var(--ease-fluid)}a:hover{color:var(--soda-mint-deep)}img,svg{display:block;max-width:100%}:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:var(--r-soft)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-section);position:relative}.section--air{background:var(--soda-grad-air)}.section--fizz{background:linear-gradient(180deg,#ffffff 0%,var(--soda-fizz-faint) 100%)}.section--mint{background:linear-gradient(180deg,var(--soda-mint-faint) 0%,#ffffff 100%)}.lede{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--soda-ink-soft);max-width:46ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--r-pill);padding:.9rem 1.6rem;min-height:48px;transition:transform var(--t-fast) var(--ease-fluid),box-shadow var(--t-base) var(--ease-fluid),background var(--t-fast)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--soda-ink-strong);color:#fff;box-shadow:0 10px 24px -12px #06222980}.btn--primary:hover{color:#fff;background:#0a3640;box-shadow:0 14px 30px -12px #0622298c;transform:translateY(-2px)}.btn--ghost{background:var(--soda-surface);color:var(--soda-ink);box-shadow:inset 0 0 0 1px var(--soda-line-strong)}.btn--ghost:hover{transform:translateY(-2px);color:var(--soda-mint-deep)}.btn--mint{background:var(--soda-mint-deep);color:#fff;box-shadow:var(--shadow-mint)}.btn--mint:hover{color:#fff;filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 38px -14px #0a7d5480}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem;border-radius:var(--r-pill);background:var(--soda-fizz-faint);color:var(--soda-primary-deep);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.eyebrow:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--soda-primary);flex:none}.card{background:var(--soda-surface);border-radius:var(--r-card);padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--soda-line);box-shadow:var(--shadow-soft)}.card--bubble{border-radius:var(--r-bubble)}.card--glass{background:var(--soda-surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7)}.liquid-bar{position:relative;height:14px;border-radius:var(--r-pill);background:var(--soda-fizz-faint);overflow:hidden}.liquid-bar__fill{position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--soda-primary) 0%,var(--soda-fizz) 100%);transition:width var(--t-base) var(--ease-fluid)}.liquid-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:liquid-shimmer 2.8s var(--ease-fluid) infinite}@keyframes liquid-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.liquid-bar__fill:after{animation:none}}@media(max-width:600px){:root{--space-section: clamp(3.25rem, 13vw, 4.5rem)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}