:root { --bg:#16181c; --panel:#1f2228; --line:#2e323a; --text:#eceef1; --muted:#9aa0a9; --accent:#e8731a; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.55 Outfit, system-ui, sans-serif; }
.page { max-width:1080px; margin:0 auto; padding:24px 20px 48px; }
a { color:var(--text); }
.top { display:flex; align-items:center; }
.wordmark { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:700; font-size:20px; color:var(--accent); letter-spacing:.02em; }
.hero { text-align:center; padding:56px 0 32px; }
h1 { font-size:clamp(34px, 6vw, 58px); line-height:1.08; margin:0 auto 18px; max-width:15ch; font-weight:700; letter-spacing:-.01em; }
.sub { color:var(--muted); font-size:19px; max-width:40em; margin:0 auto 28px; }
.button { display:inline-flex; flex-direction:column; align-items:center; gap:2px; padding:14px 30px; border-radius:12px;
  background:var(--accent); color:#1a0f05; text-decoration:none; font-weight:600; font-size:18px; }
.button:hover { filter:brightness(1.08); }
.button small { font-weight:500; font-size:13px; opacity:.75; }
.fine { color:var(--muted); font-size:14px; margin-top:14px; }
.shot { margin:16px 0 56px; }
.shot img { width:100%; height:auto; display:block; border-radius:14px; border:1px solid var(--line); box-shadow:0 30px 80px rgba(0,0,0,.5); }
.steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:40px; }
.steps div, .epson { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:20px 22px; }
h2 { font-size:18px; margin:0 0 8px; font-weight:600; }
.steps p, .epson li, .note { color:var(--muted); margin:0; }
.epson ul { margin:0; padding-left:20px; }
.epson li { margin:4px 0; }
.epson b { color:var(--text); font-weight:600; }
.note { margin-top:14px; font-size:15px; }
.foot { margin-top:48px; color:var(--muted); font-size:14px; text-align:center; }
.foot a { color:var(--muted); }
@media (max-width:760px) { .steps { grid-template-columns:1fr; } .hero { padding-top:32px; } }