:root{--navy:#0b2038;--ink:#132c43;--muted:#586a7c;--gold:#f5bd42;--paper:#f4f6f8;--line:#d9e2e9;--blue:#1b526e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,Arial}a{color:var(--blue)}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b66c00;outline-offset:5px}header{background:white;border-bottom:1px solid var(--line)}.bar{max-width:1200px;margin:auto;padding:20px 28px;display:flex;gap:20px;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center;font-weight:850;color:var(--navy);text-decoration:none;line-height:1.25}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:550;margin-top:6px}nav,.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}nav a{text-decoration:none;font-weight:650;font-size:14px}main,footer{max-width:1200px;margin:auto;padding:34px 28px}.hero{background:var(--navy);color:white;padding:44px;border-radius:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(34px,4.5vw,57px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 22px}h2{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.02em}h3{font-size:21px;line-height:1.3}.hero p{color:#d7e3ef}.hero .button{background:var(--gold);color:var(--navy)}.hero figure{margin:0;background:#fff;color:var(--muted);border-radius:16px;overflow:hidden;transform:rotate(1deg)}figure img{display:block;width:100%;height:auto}figcaption{padding:14px 18px;font-size:12px}.button{display:inline-flex;padding:13px 19px;border-radius:9px;background:var(--navy);color:white;font-weight:750;text-decoration:none;align-items:center;justify-content:center;min-height:48px}.button.light{background:#e8eef3;color:var(--ink)}.button.outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.section{margin:52px 0}.section-top{max-width:750px;margin-bottom:25px}.section-top p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--line);padding:27px;border-radius:16px}.card h3{margin:12px 0}.card p{margin:12px 0 20px}.card .tag,.tag{display:inline-block;font-size:12px;font-weight:800;background:#edf2f6;color:var(--blue);border-radius:30px;padding:4px 11px}.card .number{display:block;color:#b27a12;font-size:30px;font-weight:850}.flow{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.flow article{border-top:3px solid var(--gold);padding-top:18px}.flow h3{font-size:18px}.flow p{font-size:15px;color:var(--muted)}.install{background:#e6eef3;border-radius:22px;padding:34px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;align-items:start}.app-icon{width:100px;height:100px;border-radius:22px;background:white;object-fit:contain}.install .grid{margin-top:20px}.install .card{border:0}.note{padding:18px 22px;border-left:4px solid var(--gold);background:#fff8e6;border-radius:4px;margin:22px 0;font-size:15px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.toc{align-self:start;background:white;border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;gap:10px}.toc a{font-size:14px}.guide-content section{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:22px}.guide-content h2{font-size:28px;margin-top:0}.guide-content li{margin:10px 0}.guide-content ol{padding-left:24px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:750}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.footer-line{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:28px}.hero figure{max-width:650px;transform:none}.grid{grid-template-columns:1fr}.grid.two{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.bar{align-items:flex-start;flex-direction:column}.guide-layout{grid-template-columns:1fr}.toc{display:flex;flex-wrap:wrap;gap:14px}}@media(max-width:600px){main,footer{padding:22px 16px}.bar{padding:16px}.hero{padding:24px}.grid.two,.flow{grid-template-columns:1fr}.section{margin:34px 0}.install{grid-template-columns:1fr;padding:24px}.guide-content section{padding:23px}.button{width:100%}.actions{width:100%}h1{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header nav,.toc,.actions{display:none}body{background:white}.guide-layout{display:block}.guide-content section,.card{break-inside:avoid}}