:root{--paper: #F7F7F2;--surface: #FFFFFF;--rail: #EFEEE8;--ink: #1D1D1F;--ink2: #6E6E73;--ink3: #9B9BA1;--accent: #C7860B;--accent2: #E8A12B;--accent-soft: rgba(232,161,43,.14);--border: rgba(0,0,0,.1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--paper: #1A1A1A;--surface: #242424;--rail: #202020;--ink: #F2F2F0;--ink2: #A1A1A6;--ink3: #6E6E73;--accent: #F0B23E;--accent2: #E8A12B;--accent-soft: rgba(232,161,43,.18);--border: rgba(255,255,255,.12)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;padding:11px 20px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--border)}.logo{font-weight:700;font-size:18px;letter-spacing:-.01em}.logo b{color:var(--accent);font-weight:700}.navlinks{display:flex;gap:22px;align-items:center;font-size:14px;color:var(--ink2)}.navlinks a:hover{color:var(--ink)}.hero{text-align:center;padding:72px 0 44px}.pill{display:inline-block;font-size:13px;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:22px;font-weight:600}.hero h1{font-size:48px;line-height:1.07;letter-spacing:-.02em;margin:0 0 18px;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.hero .sub{font-size:19px;color:var(--ink2);max-width:580px;margin:0 auto 30px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.micro{font-size:13px;color:var(--ink3)}.shot{margin:44px auto 0;max-width:720px;height:260px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 50px #0000001f;display:flex;overflow:hidden;text-align:left}.shot .rail{width:160px;background:var(--rail);border-right:1px solid var(--border);padding:16px;font-size:12px;color:var(--ink2)}.shot .rail .it{padding:6px 9px;border-radius:6px;margin-bottom:4px}.shot .rail .it.on{background:var(--accent-soft);color:var(--accent)}.shot .main{flex:1;padding:20px 22px}.shot .main .ttl{font-size:16px;font-weight:700;margin-bottom:12px}.shot .main .ln{height:9px;background:var(--border);border-radius:5px;margin-bottom:9px}.shot .lnk{color:var(--accent)}.shot .panel{width:170px;border-left:1px solid var(--border);background:var(--paper);padding:16px;font-size:12px;color:var(--ink2)}.shot .panel .bub{background:var(--accent-soft);border:1px solid rgba(232,161,43,.25);border-radius:8px;padding:9px;margin-top:10px}.section{padding:56px 0}.section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.label{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700;margin-bottom:8px}.section h2{text-align:center;font-size:30px;font-weight:700;letter-spacing:-.01em;margin:0 0 40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:22px}.section.alt .card{background:var(--surface)}.ic{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;font-size:14px;color:var(--ink2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{text-align:center}.num{width:32px;height:32px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 12px}.step h3{margin:0 0 6px;font-size:16px}.step p{margin:0;font-size:14px;color:var(--ink2)}.final{text-align:center;padding:72px 0}.final h2{font-size:30px;font-weight:700;margin:0 0 22px}.footer{padding:28px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ink3)}.footer a:hover{color:var(--ink)}@media (max-width: 720px){.hero h1{font-size:34px}.grid,.steps{grid-template-columns:1fr}.shot{display:none}.navlinks a:not(:last-child){display:none}}