.help-page { max-width:1120px; margin:auto; padding:10px 32px 60px; }
.help-hero { max-width:780px; padding:24px 0 16px; }
.help-hero h1 { font-size:clamp(34px,5vw,54px); line-height:1.2; letter-spacing:-.045em; margin:0 0 20px; text-wrap:balance; }
.help-hero p:not(.eyebrow) { max-width:42em; color:var(--muted); font-size:17px; }
.help-version { font-size:12px!important; margin-top:18px; }
.help-jump { display:flex; gap:10px; flex-wrap:wrap; padding-bottom:18px; }
.help-jump a { color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:30px; padding:8px 17px; font-size:14px; }
.help-jump a:hover { border-color:var(--accent); color:var(--accent); text-decoration:none; }
.help-section { border-top:1px solid var(--border); padding:32px 0 12px; margin-top:16px; scroll-margin-top:25px; }
.help-section h2 { font-size:clamp(26px,3vw,34px); margin:0 0 14px; }
.help-section > p { color:var(--muted); max-width:48em; }
.help-device-switch { display:inline-flex; flex-wrap:wrap; gap:5px; padding:5px; margin:10px 0 32px; border-radius:14px; border:1px solid var(--border); background:var(--card); }
.help-device-switch button { border:0; border-radius:10px; background:transparent; color:var(--muted); padding:11px 23px; font:inherit; font-size:15px; cursor:pointer; }
.help-device-switch button[aria-selected=true] { background:var(--accent); color:#fff; }
.help-guide[hidden] { display:none; }
.guide-layout { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:65px; }
.help-steps { list-style:none; padding:0; margin:0; counter-reset:help-step; }
.help-steps li { position:relative; padding:0 0 28px 50px; counter-increment:help-step; }
.help-steps li::before { content:counter(help-step); position:absolute; top:1px; left:0; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#095df4; color:white; font-size:14px; font-weight:700; }
.help-steps h3 { margin:0 0 8px; font-size:20px; line-height:1.5; letter-spacing:-.025em; }
.help-steps p { margin:0; color:var(--muted); font-size:15px; line-height:1.9; }
.help-capture { margin:0; min-width:0; }
.help-capture a { display:block; position:relative; }
.help-capture img { display:block; width:100%; height:auto; border:1px solid var(--border); border-radius:14px; background:white; box-shadow:0 12px 36px #21375912; }
.help-capture figcaption { font-size:12px; color:var(--muted); line-height:1.7; margin-top:14px; }
.help-capture figcaption a { display:inline; white-space:nowrap; margin-left:8px; }
.help-capture.phone { width:min(100%,290px); margin:auto; }
.help-capture.phone img { border-radius:24px; }
.shot-marker { position:absolute; display:grid; place-items:center; width:26px; height:26px; background:#095df4; color:white; border:2px solid white; box-shadow:0 2px 9px #18324c30; border-radius:50%; font-size:12px; font-weight:750; transform:translate(-50%,-50%); }
.phone .shot-marker { left:1%; }
.phone .shot-marker:nth-of-type(1) { top:47.5%; }
.phone .shot-marker:nth-of-type(2) { top:63%; }
.phone .shot-marker:nth-of-type(3) { top:91.5%; }
.mac .shot-marker:nth-of-type(1) { left:80%; top:4.3%; }
.mac .shot-marker:nth-of-type(2) { left:76%; top:18%; }
.mac .shot-marker:nth-of-type(3) { left:85%; top:96%; }
.help-guide[data-device=mac] .guide-layout { grid-template-columns:1fr; gap:10px; }
.help-guide[data-device=mac] .help-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.help-guide[data-device=mac] .help-steps li { padding-left:42px; }
.help-save { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:44px; margin:35px 0 15px; padding:30px; border-radius:20px; border:1px solid var(--border); background:var(--card); }
.help-save h3 { font-size:23px; line-height:1.5; margin:0 0 12px; letter-spacing:-.03em; }
.help-save p { color:var(--muted); font-size:15px; }
.help-note { border-left:3px solid var(--accent); padding-left:16px; font-size:14px!important; }
.help-result-clip { max-width:340px; margin:auto; }
.help-result-clip img { height:240px; object-fit:cover; object-position:center 78%; border-radius:16px; }
.help-format-table { width:100%; border-collapse:collapse; margin-top:24px; font-size:15px; }
.help-format-table th,.help-format-table td { padding:18px 18px 18px 0; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.help-format-table thead th { color:var(--muted); font-size:12px; font-weight:600; }
.help-format-table th:first-child { width:22%; }
.help-format-table tbody th { font-weight:700; white-space:nowrap; }
.help-format-table td:last-child { color:var(--muted); }
.help-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:24px 0 10px; }
.help-card { border:1px solid var(--border); background:var(--card); padding:25px; border-radius:16px; }
.help-card h3 { margin:0 0 10px; font-size:18px; }
.help-card p { color:var(--muted); font-size:14px; margin:0; line-height:1.9; }
.help-faq { margin-top:22px; }
.help-faq details { border-bottom:1px solid var(--border); }
.help-faq summary { padding:20px 35px 20px 0; cursor:pointer; font-weight:600; font-size:16px; }
.help-faq details p { margin:0 0 22px; max-width:60em; color:var(--muted); font-size:15px; line-height:1.9; }
.help-contact { margin-top:48px; border-radius:22px; padding:32px; background:var(--card); border:1px solid var(--border); }
.help-contact h2 { font-size:25px; margin:0 0 8px; }
.help-contact p { color:var(--muted); font-size:14px; }
.help-contact .contact-action { font-size:15px; }
@media(prefers-color-scheme:dark) { .help-device-switch button[aria-selected=true] { color:#0b1220; } }
@media(max-width:750px) {
 .help-page { padding:12px 22px 35px; }
 .help-hero { padding-top:25px; }
 .help-hero p:not(.eyebrow) { font-size:15px; }
 .help-jump { gap:8px; padding-bottom:20px; }
 .help-jump a { padding:7px 13px; font-size:13px; }
 .guide-layout { grid-template-columns:1fr; gap:12px; }
 .help-guide[data-device=mac] .help-steps { grid-template-columns:1fr; gap:0; }
 .help-guide[data-device=mac] .help-steps li { padding-left:44px; }
 .help-steps h3 { font-size:19px; }
 .help-steps li { padding-left:44px; padding-bottom:24px; }
 .help-save { grid-template-columns:1fr; gap:15px; padding:24px 20px; margin-top:30px; }
 .help-cards { grid-template-columns:1fr; }
 .help-section { padding-top:30px; }
 .help-format-table { font-size:13px; }
 .help-format-table th,.help-format-table td { padding:14px 10px 14px 0; }
 .help-format-table th:first-child { width:24%; }
 .help-format-table tbody th { white-space:normal; }
 .mac .shot-marker { width:20px; height:20px; font-size:10px; }
 .help-contact { padding:26px 22px; }
}