:root{--ink:#171412;--ink-2:#1c1917;--surface:#211d1a;--surface-2:#26211e;--fg:#e7e5e4;--fg-strong:#f5f5f4;--muted:#a8a29e;--faint:#8f867f;--line:rgb(255 255 255 / 9%);--line-strong:rgb(255 255 255 / 16%);--accent:#d6c3a3;--accent-strong:#e5d4b8;--accent-soft:rgb(214 195 163 / 12%);--serif:'Source Serif 4 Variable','Noto Serif CJK SC','Noto Serif SC','Source Han Serif SC','Songti SC',SimSun,Georgia,'Times New Roman',serif;--container:72rem;--radius:12px}*,*::before,*::after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient( 70rem 45rem at 50% -15%,rgb(214 195 163 / 9%),transparent 60% ),radial-gradient( 50rem 40rem at 100% 15%,rgb(255 255 255 / 3%),transparent 60% ),var(--ink);color:var(--fg);font-family:var(--serif);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:rgb(214 195 163 / 28%);color:var(--fg-strong)}h1,h2,h3,p,blockquote{margin:0}a{color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,4vw,32px)}.skip-link{position:absolute;top:12px;left:12px;z-index:100;padding:8px 14px;border-radius:6px;background:var(--accent);color:var(--ink);font-family:var(--serif);font-size:12px;text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgb(23 20 18 / 82%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-inner{display:flex;align-items:center;gap:28px;max-width:var(--container);height:68px;margin-inline:auto;padding-inline:clamp(20px,4vw,32px)}.brand{display:flex;align-items:center;gap:10px;color:var(--fg-strong);text-decoration:none}.brand svg{flex-shrink:0;color:var(--accent)}.brand-name{font-size:19px;letter-spacing:-0.01em}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a{color:var(--muted);font-family:var(--serif);font-size:15px;text-decoration:none;transition:color 150ms ease}.nav-links a:hover{color:var(--fg-strong)}.nav-download{margin-left:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px;border:1px solid transparent;border-radius:8px;font-family:var(--serif);font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 150ms ease}.btn-small{height:36px;padding:0 14px;font-size:13.5px}.btn-primary{border-color:#e2d1b5;background:var(--accent);color:#1a1613;box-shadow:inset 0 1px 0 rgb(255 255 255 / 35%)}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{border-color:var(--line-strong);background:rgb(255 255 255 / 2%);color:var(--fg)}.btn-ghost:hover{border-color:rgb(255 255 255 / 26%);background:rgb(255 255 255 / 7%)}.btn svg{flex-shrink:0}.hero{max-width:56rem;padding-top:clamp(72px,10vw,128px);text-align:center}.hero h1{color:var(--fg-strong);font-size:clamp(42px,7.2vw,82px);font-weight:400;letter-spacing:-0.025em;line-height:1.03;text-wrap:balance}.hero h1 .dim{color:var(--muted)}.lede{max-width:40rem;margin:26px auto 0;color:var(--muted);font-size:clamp(17px,1.7vw,19px);line-height:1.65;text-wrap:pretty}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}.shot-wrap{max-width:var(--container);margin-top:clamp(56px,8vw,96px)}.shot-figure{position:relative;margin:0}.shot-figure::before{position:absolute;inset:-12% 5% -4%;border-radius:50%;background:radial-gradient( 50% 50% at 50% 45%,rgb(214 195 163 / 13%),transparent 70% );filter:blur(24px);content:'';z-index:0}.shot{position:relative;z-index:1;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--ink-2);box-shadow:0 40px 100px -20px rgb(0 0 0 / 75%),0 0 0 1px rgb(0 0 0 / 40%)}.shot::after{position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / 4%),transparent 12%);content:'';pointer-events:none}.shot img{display:block;width:100%;height:auto}.section{padding-top:clamp(88px,12vw,140px);scroll-margin-top:80px}.section-head{max-width:44rem}.section-head h2{color:var(--fg-strong);font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-0.02em;line-height:1.1;text-wrap:balance}.section-head>p:last-child{max-width:38rem;margin-top:18px;color:var(--muted);font-size:17px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.card{padding:26px 24px 28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient( 180deg,rgb(255 255 255 / 3%),rgb(255 255 255 / 1%) );transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.card:hover{border-color:var(--line-strong);background:linear-gradient( 180deg,rgb(255 255 255 / 5%),rgb(255 255 255 / 2%) );transform:translateY(-2px)}.icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border:1px solid var(--line);border-radius:9px;background:var(--accent-soft);color:var(--accent)}.card h3{margin-bottom:8px;color:var(--fg-strong);font-size:20px;font-weight:600;letter-spacing:-0.01em;line-height:1.3}.card p{color:var(--muted);font-size:15.5px;line-height:1.6}.quote-section{display:flex;justify-content:center}blockquote{max-width:54rem;padding-left:28px;border-left:2px solid var(--accent)}blockquote p{color:var(--fg);font-size:clamp(21px,2.8vw,28px);letter-spacing:-0.01em;line-height:1.45;text-wrap:pretty}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px;padding:0;list-style:none}.step{padding:26px 24px 28px;border-top:1px solid var(--line-strong);background:linear-gradient(180deg,rgb(255 255 255 / 2%),transparent)}.step-num{color:var(--accent);font-family:var(--serif);font-size:11px;letter-spacing:0.14em}.step h3{margin:18px 0 8px;color:var(--fg-strong);font-size:20px;font-weight:600;letter-spacing:-0.01em}.step p{color:var(--muted);font-size:15.5px;line-height:1.6}.steps-note{margin-top:28px;padding:18px 22px;border:1px solid var(--line);border-radius:10px;background:rgb(255 255 255 / 2%);color:var(--muted);font-size:15px}.cta{position:relative;overflow:hidden;padding:clamp(48px,7vw,84px) clamp(24px,5vw,64px);border:1px solid var(--line-strong);border-radius:16px;background:radial-gradient( 70% 120% at 50% -20%,rgb(214 195 163 / 14%),transparent 60% ),var(--ink-2);text-align:center}.cta-mark{position:absolute;right:-50px;bottom:-70px;width:260px;color:var(--accent);opacity:0.05;pointer-events:none}.cta h2{color:var(--fg-strong);font-size:clamp(30px,4vw,44px);font-weight:400;letter-spacing:-0.02em;line-height:1.1}.cta>p{max-width:36rem;margin:18px auto 0;color:var(--muted);font-size:17px}.cta .actions{margin-top:30px}.footer{margin-top:clamp(88px,12vw,140px);border-top:1px solid var(--line)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:36px 28px}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.footer-brand svg{flex-shrink:0;color:var(--accent)}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a{color:var(--muted);font-family:var(--serif);font-size:13.5px;text-decoration:none;transition:color 150ms ease}.footer-links a:hover{color:var(--fg-strong)}.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:20px 32px;border-top:1px solid var(--line);color:var(--faint);font-family:var(--serif);font-size:12px;letter-spacing:0.02em}@media (prefers-reduced-motion:no-preference){.hero>*,.shot-figure{animation:rise 700ms cubic-bezier(0.2,0.7,0.3,1) both}.hero>:nth-child(2){animation-delay:60ms}.hero>:nth-child(3){animation-delay:120ms}.shot-figure{animation-delay:300ms}}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card:hover,.btn-primary:hover{transform:none}}@media (max-width:900px){.nav-links{display:none}.nav-download{margin-left:auto}.card-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:0}.step{padding-block:24px}}@media (max-width:640px){.brand-name{font-size:18px}.nav-inner{gap:16px}.hero{padding-top:64px}.actions .btn{flex:1 1 100%}.card-grid{grid-template-columns:1fr}blockquote{padding-left:20px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-meta{justify-content:flex-start}}