.home{max-width:1080px;margin:0 auto;padding:0 24px 64px;font-size:15px;line-height:1.55}.home h1,.home h2,.home h3{letter-spacing:-.02em;color:var(--text)}.home h2{font-size:24px;font-weight:650;margin:0 0 6px}.home h3{font-size:15px;font-weight:650;margin:22px 0 8px}.home p{max-width:68ch}.home-top{display:flex;align-items:baseline;gap:24px;padding:18px 0}.home-brand{font-weight:750;font-size:20px;letter-spacing:-.03em;color:var(--text)}.home-brand:hover{text-decoration:none}.home-top nav{display:flex;gap:18px;margin-left:auto}.home-top nav a{color:var(--muted)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px 0 56px}.hero h1{font-size:clamp(32px,4.4vw,48px);line-height:1.08;font-weight:680;margin:0 0 20px;letter-spacing:-.032em}.lead{color:#3d4955;font-size:16px;margin:0 0 28px}.start{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.go{display:inline-block;font-size:15px;font-weight:600;padding:11px 20px;border-radius:7px;border:0;background:var(--accent);color:#fff;cursor:pointer}.go:hover:not(:disabled){background:#2560bd;text-decoration:none}.go:focus-visible{outline:3px solid #b9d1f7;outline-offset:2px}.start .small{font-size:13px;margin:0}.login{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);width:100%}.login-title{width:100%;font-size:13px;color:var(--muted)}.login input{font-size:14px;padding:7px 9px;width:190px}.login button{font-size:14px;padding:7px 14px}.link-quiet{border:0;background:none;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.hero-chart{margin:0}.hero-chart svg{width:100%;height:auto;display:block}.hero-chart .axis{stroke:#8c97a3;stroke-width:1}.hero-chart .axis-label{font-size:11px;fill:var(--muted)}.hero-chart .trail{fill:none;stroke:#4a5662;stroke-width:1.4;stroke-dasharray:3 3}.hero-chart circle{stroke:#fff;stroke-width:1.2}.hero-chart .now{stroke:var(--text);stroke-width:2}.hero-chart figcaption{font-size:13px;color:var(--muted);margin-top:8px}@media(prefers-reduced-motion:no-preference){.hero-chart .trail{stroke-dashoffset:400;animation:draw 1.6s ease-out forwards;stroke-dasharray:400}.hero-chart circle{opacity:0;animation:dot .3s ease-out forwards;animation-delay:1.3s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes dot{to{opacity:1}}}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:8px 0 56px}.shot{display:flex;flex-direction:column;gap:4px;color:var(--text)}.shot:hover{text-decoration:none}.shot img{width:100%;height:auto;aspect-ratio:14 / 9;object-fit:cover;object-position:left top;border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:6px}.shot:hover img{border-color:var(--accent)}.shot span{color:var(--muted);font-size:14px}.tour{padding:40px 0 48px;border-top:1px solid var(--line)}.tour ol{list-style:none;counter-reset:step;padding:0;margin:18px 0 0;max-width:760px}.tour li{counter-increment:step;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #e8ebef}.tour li:before{content:counter(step);font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}.tour li a{white-space:nowrap;font-size:14px}.help-section{border-top:1px solid var(--line);padding-top:40px}.help-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px}.glossary div,.keys div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0}.glossary dt{font-weight:600}.glossary dd,.keys dd{margin:0;color:#3d4955}.keys div{grid-template-columns:110px minmax(0,1fr)}kbd{font:12px/1 system-ui,sans-serif;padding:3px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:#fff}@media(max-width:820px){.home{padding:0 16px 48px}.hero,.help-grid{grid-template-columns:minmax(0,1fr);gap:28px}.shots{grid-template-columns:minmax(0,1fr)}.glossary div{grid-template-columns:minmax(0,1fr);gap:0}.login input{width:100%}}
