*{box-sizing:border-box}body{margin:0;font-family:var(--lg-font-sans);background:var(--lg-bg);color:var(--lg-fg);line-height:1.6}
a{color:var(--lg-accent)}a:hover{color:var(--lg-accent-hover)}:focus-visible{outline:3px solid var(--lg-focus);outline-offset:2px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--lg-surface);padding:8px 12px;z-index:10}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--lg-line);background:var(--lg-surface)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--lg-fg);text-decoration:none;font-size:1.15rem}.brand img{width:32px;height:32px}
nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}
.hero{padding:72px 0 48px}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:0 0 16px}.hero p{font-size:1.15rem;color:var(--lg-muted);max-width:680px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:8px 0 56px}
.card{background:var(--lg-surface);border:1px solid var(--lg-line);border-radius:14px;padding:24px}.card h3{margin:0 0 8px}
.btn{display:inline-block;background:var(--lg-accent);color:var(--lg-accent-fg);padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600}.btn:hover{background:var(--lg-accent-hover);color:var(--lg-accent-fg)}
.band{background:var(--lg-surface-2);padding:40px 0}main section h2{margin-top:0}
.doc{max-width:760px;padding:40px 20px 56px}.pad{padding:48px 20px}
footer{border-top:1px solid var(--lg-line);padding:28px 0;color:var(--lg-muted);font-size:.95rem}footer .wrap{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}