:root{--ink:#15191d;--muted:#5e6973;--paper:#f4f7f8;--surface:#fff;--cyan:#00a7b5;--red:#e5424d;--gold:#f2b84b;--line:#dbe4e7;--nav:#101e25}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.72 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:#087b86}nav{background:var(--nav);color:#fff}nav .inner{max-width:1180px;margin:auto;padding:14px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:#d7f8fb;text-decoration:none}.brand{font-weight:800;margin-right:auto}.hero{background:linear-gradient(115deg,#10232a,#173a42);color:#fff}.hero .inner{max-width:1180px;margin:auto;padding:58px 22px;display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:center}.eyebrow{color:#59dce6;font-weight:800}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.1;letter-spacing:0;margin:10px 0 18px}.hero p{color:#d6e6e9;font-size:18px}.hero img{width:100%;max-height:520px;object-fit:contain;border-radius:6px;background:#091519}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-block;padding:11px 17px;border-radius:5px;background:#fff;color:#13232a;font-weight:800;text-decoration:none}.button.primary{background:var(--gold)}main{max-width:1180px;margin:auto;padding:38px 22px 64px}section{padding:22px 0}h2{font-size:30px;line-height:1.25;margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:900px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:20px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.shots figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.shots img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#eaf0f1}.shots figcaption{padding:11px 13px;color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow div{background:#e5f4f5;border-top:4px solid var(--cyan);padding:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border:1px solid var(--line);padding:12px}footer{background:var(--nav);color:#cce0e4;padding:28px;text-align:center}@media(max-width:840px){.hero .inner,.grid,.shots,.flow{grid-template-columns:1fr}.hero h1{font-size:36px}}