*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg-soft: #0a0a0a;--bg-card: rgba(255, 255, 255, .04);--text: #f5f5f7;--text-muted: #a1a1a6;--text-dim: #6e6e73;--accent: #7ba5ff;--accent-soft: rgba(123, 165, 255, .18);--danger: #ff7878;--warn: #f5a85c;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--max-content: 1200px;--pad-side: clamp(20px, 5vw, 60px)}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);overflow-x:hidden}.eyebrow{font-size:clamp(13px,1.4vw,16px);font-weight:600;letter-spacing:.4px;color:var(--accent);text-transform:uppercase}h1,.h1{font-size:clamp(40px,7vw,88px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--text)}h2,.h2{font-size:clamp(32px,5.4vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--text)}h3,.h3{font-size:clamp(22px,2.8vw,32px);font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--text)}p,.p{font-size:clamp(16px,1.5vw,20px);color:var(--text-muted);line-height:1.55}p.lead,.lead{font-size:clamp(20px,2vw,28px);color:var(--text);font-weight:500}code{font-family:SF Mono,Menlo,Consolas,monospace;background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:.92em}.section{position:relative;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vh,80px) var(--pad-side);overflow:hidden;scroll-snap-align:start}.section-inner{width:100%;max-width:var(--max-content);margin:0 auto}.section--center{text-align:center}.section--dark{background:#000}.section--gradient-blue{background:radial-gradient(ellipse at 50% 20%,rgba(123,165,255,.15),transparent 55%),#000}.section--gradient-warn{background:radial-gradient(ellipse at 50% 20%,rgba(245,168,92,.13),transparent 55%),#000}.section--gradient-danger{background:radial-gradient(ellipse at 50% 20%,rgba(255,120,120,.13),transparent 55%),#000}.section+.section{border-top:1px solid var(--border)}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.fade-up.is-visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-side);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#000000b8;border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text);text-decoration:none}.nav-brand-drop{width:22px;height:22px;display:inline-block}.nav-links{display:flex;gap:28px;list-style:none;font-size:13px}.nav-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--text)}@media(max-width:720px){.nav-links{display:none}}@media(max-width:800px){.section{height:auto;min-height:100dvh;overflow:visible;padding-top:clamp(70px,10vh,100px);padding-bottom:clamp(40px,6vh,60px)}}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;background:linear-gradient(180deg,#6c97f5,#4d7cdb);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 22px #4d7cdb66,0 1px #ffffff52 inset;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #4d7cdb80,0 1px #ffffff52 inset}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;background:transparent;border:1px solid var(--border-strong);color:var(--text);font-size:16px;font-weight:500;text-decoration:none;transition:background .15s ease}.btn-ghost:hover{background:#ffffff0f}.footer{padding:24px var(--pad-side) 20px;text-align:center;border-top:1px solid var(--border);color:var(--text-dim);font-size:13px;scroll-snap-align:end}.footer a{color:var(--text-muted);text-decoration:none;margin:0 8px}.footer a:hover{color:var(--text)}