*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#173148;font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}header a{color:#07539f;text-decoration:none;font-weight:700}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#07539f}h1{font-size:clamp(36px,5vw,60px);line-height:1.12;color:#073f78;margin:14px 0}h1 span{color:#ff8a00}.intro{max-width:780px}.demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin:32px 0;background:white;border:1px solid #d8e5f0;border-radius:24px;padding:26px}figure{margin:0}video{display:block;width:100%;border-radius:18px;border:3px solid #ff8a00;background:#073f78}figcaption{font-size:14px;color:#07539f;margin-top:10px}h2{color:#073f78;line-height:1.25}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.colors button{display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid #d9e5f0;border-radius:14px;background:#f4f8fc;color:#073f78;padding:17px 10px;font:inherit;cursor:pointer}.colors button[aria-pressed=true]{border-color:#ff8a00;background:#fff6e9}.colors button:focus-visible{outline:3px solid #07539f;outline-offset:3px}.colors span{width:64px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ffffff33,transparent 45%),var(--tone)}aside{background:#e7f1fb;border-left:4px solid #07539f;border-radius:8px;padding:20px;font-size:15px}.contact{padding:24px 0}.button{display:inline-block;background:#ff8a00;color:#173148;border:2px solid #ff8a00;border-radius:10px;padding:12px 18px;margin:6px 10px 6px 0;text-decoration:none;font-weight:700}.outline{background:white;color:#07539f;border-color:#07539f}footer{font-size:14px;color:#587087}@media(max-width:760px){header,main,footer{padding:18px}.demo{grid-template-columns:1fr;padding:18px;gap:16px}figure{max-width:430px;margin:auto}.colors button{padding:14px 8px}.button{display:block;text-align:center;margin:12px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}