:root{--font-display:"Syne",sans-serif;--font-body:"IBM Plex Sans","Noto Sans TC",sans-serif;--ink:#0c0c0c;--ink-soft:#2a2a2a;--muted:#5c5c5c;--line:color-mix(in srgb,var(--ink) 12%,transparent);--paper:#f4f1eb;--paper-elevated:#faf7f2;--surface-tint:color-mix(in srgb,var(--accent) 8%,var(--paper));--radius-sm:2px;--space-section:clamp(4.5rem,10vw,7.5rem);--content-width:68rem;--ease-out:cubic-bezier(.22,1,.36,1);--accent:#9a6b45;--accent-strong:#7d5334;--accent-soft:color-mix(in srgb,var(--accent) 18%,var(--paper));--accent-glow:color-mix(in srgb,var(--accent) 28%,transparent)}html[data-accent=cool]{--accent:#4f6f8f;--accent-strong:#3a5670;--paper:#f2f3f5;--paper-elevated:#f8f9fa;--surface-tint:color-mix(in srgb,var(--accent) 7%,var(--paper))}html[data-accent=warm]{--accent:#9a6b45;--accent-strong:#7d5334;--paper:#f4f1eb;--paper-elevated:#faf7f2;--surface-tint:color-mix(in srgb,var(--accent) 8%,var(--paper))}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--accent-glow),transparent 55%),radial-gradient(900px 500px at 100% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 50%),var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.035;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);z-index:0;background-size:48px 48px;position:fixed;inset:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}img{max-width:100%;display:block}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-shell{z-index:1;position:relative}.container{width:min(100% - 2.5rem,var(--content-width));margin-inline:auto}.section{padding-block:var(--space-section)}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 .75rem;font-size:.78rem;font-weight:600}.section-label,.section-title{font-family:var(--font-display)}.section-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:650;line-height:1.2}.section-lead{max-width:36rem;color:var(--muted);margin:.9rem 0 0}.eyebrow{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.btn-primary{border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:var(--paper-elevated);transition:background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out),transform .18s var(--ease-out);align-items:center;gap:.55rem;padding:.85rem 1.25rem;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;text-decoration:none}.btn-primary:active{transform:translateY(1px)}.btn-primary .arrow{transition:transform .18s var(--ease-out)}.btn-primary:hover .arrow{transform:translate(3px)}.link-accent{color:var(--accent-strong);background-image:linear-gradient(var(--accent),var(--accent));transition:background-size .2s var(--ease-out),color .2s var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;text-decoration:none}.link-accent:hover{color:var(--ink);background-size:100% 2px}.reveal{animation:rise .7s var(--ease-out) both}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{animation:none}}