:root{--brand: #5762FF;--brand-dark: #4048d4;--brand-tint: #eef0ff;--ink: #1e293b;--muted: #475569;--faint: #64748b;--line: #e2e8f0;--bg: #ffffff;--bg-tint: #f8fafc}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.landing{max-width:1040px;margin:0 auto;padding:48px 24px 64px}.topbar{background:var(--brand);color:#fff;box-shadow:0 1px #0000000a}.topbar-inner{max-width:1040px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center}.topbar-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600}.topbar-mark{width:28px;height:28px}.topbar-name{font-size:18px;letter-spacing:-.01em}.hero{padding:16px 0 48px;max-width:760px}.headline{font-size:clamp(28px,5vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 20px;font-weight:700}.sub{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 28px}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.cta{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s}.cta-primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}.cta-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.cta-secondary{background:#fff;color:var(--brand);border:1px solid var(--line)}.cta-secondary:hover{border-color:var(--brand)}.section-title{font-size:22px;margin:0 0 8px;letter-spacing:-.01em}.section-sub{color:var(--muted);margin:0 0 28px;max-width:56ch}.uses{padding:48px 0 16px;border-top:1px solid var(--line)}.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:8px}@media (max-width: 720px){.use-grid{grid-template-columns:1fr;gap:28px}}.use-card{display:flex;flex-direction:column}.use-card h3{font-size:18px;margin:16px 0 6px;letter-spacing:-.01em;color:var(--ink)}.use-card p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.55}.shot{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--bg-tint);overflow:hidden;position:relative}.shot img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shot-tall{aspect-ratio:5 / 4}.zoom-hifive{-o-object-position:50% 45%;object-position:50% 45%;transform:scale(1.15);transform-origin:50% 45%}.zoom-band{-o-object-position:100% 50%;object-position:100% 50%}.zoom-multiview{transform:scale(1.1);transform-origin:50% 60%}.shot-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--faint);background:repeating-linear-gradient(45deg,var(--bg-tint),var(--bg-tint) 12px,#eef1f5 12px,#eef1f5 24px);text-align:center;padding:24px}.how{padding:48px 0 24px;border-top:1px solid var(--line)}.how ol{padding-left:22px;color:var(--muted);max-width:60ch}.how li{margin:10px 0;font-size:15.5px}.how strong{color:var(--ink)}.foot{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--faint);font-size:14px}.foot-links{display:flex;flex-wrap:wrap;gap:8px}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--brand)}.foot-links .dot{color:var(--faint)}.copy{margin:12px 0 0;font-size:13px}