*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#17243b;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;background:#101b2e;padding:18px max(5vw,20px);gap:20px}header img{width:170px;height:58px;object-fit:contain}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav a{color:#fff}nav form{margin:0}main{max-width:1040px;margin:45px auto;padding:0 24px}h1{font-size:clamp(28px,5vw,44px);line-height:1.2}h2{font-size:23px;margin:0 0 12px}.lead{font-size:21px;max-width:680px}section,article,details{background:#fff;border:1px solid #dce2ec;border-radius:16px;padding:24px;margin:20px 0}article{padding:16px;background:#f8faff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid strong{font-size:28px}form{max-width:640px;margin:20px 0}label{display:block;margin:16px 0;font-weight:600}input,select{display:block;width:100%;padding:13px;border:1px solid #a9b8ce;border-radius:8px;margin-top:6px;background:#fff;color:#17243b;font:inherit}button,.button{display:inline-block;padding:13px 22px;background:#245fc4;color:white;border:0;border-radius:9px;font:600 16px system-ui;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#174691}a{color:#245fc4}code{display:block;overflow-wrap:anywhere;background:#e9eff9;padding:18px;font-size:19px}footer{text-align:center;padding:30px;color:#58677c;font-size:13px}summary{cursor:pointer;font-weight:650}:focus-visible{outline:3px solid #518fff;outline-offset:3px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr;gap:0}main{margin:28px auto;padding:0 16px}section{padding:18px}button,.button{width:100%;text-align:center}nav button{width:auto}}
.customer summary strong{display:block;font-size:19px}.customer summary span{display:block;font-weight:400;color:#58677c;font-size:14px}.customer:not([open]){padding:16px 22px;margin:10px 0}
