*{box-sizing:border-box}body{margin:0;background:#edf2f6;color:#172d45;font:18px/1.65 "Trebuchet MS",Arial,sans-serif}header,main,footer{width:min(1040px,90%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #b9c7d4;gap:24px}.brand{font-weight:bold;text-decoration:none;max-width:220px;line-height:1.3}a{color:inherit}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none}nav a[aria-current=page]{border-bottom:3px solid #265faa}a:focus-visible{outline:3px solid #265faa;outline-offset:6px}main{padding:64px 0 80px;min-height:65vh}h1,h2{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,72px);max-width:860px;margin:0 0 32px}h2{font-size:28px;margin:0 0 18px}p{max-width:66ch}.lead{font-size:22px;max-width:54ch}.intro{display:grid;grid-template-columns:2fr 1fr;gap:64px;align-items:start}.sound{height:260px;display:flex;align-items:center;gap:8px;padding:30px 0}.sound i{display:block;width:16px;height:var(--h);background:#265faa;border-radius:3px}.note{border-left:4px solid #265faa;padding:12px 24px;margin-top:38px;background:#e0e8f1}.samples{margin:44px 0 0;padding:0;list-style:none}.samples li{padding:26px 0;border-top:1px solid #b9c7d4;display:grid;grid-template-columns:1fr 2fr;gap:36px}.samples p{margin:0}.pending{font-size:15px;color:#3b536c;display:block;margin-top:10px}footer{border-top:1px solid #b9c7d4;padding:24px 0 32px;font-size:14px}@media(max-width:650px){header{align-items:start;flex-direction:column}nav{gap:20px}.intro{display:block}.sound{height:160px;padding-top:0}main{padding-top:40px}.samples li{grid-template-columns:1fr;gap:12px}h1{font-size:42px}}