*{box-sizing:border-box}body{margin:0;background:#111719;color:#eeeae1;font:15px system-ui,sans-serif}main{max-width:1000px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #394248;padding-bottom:24px}h1{font-size:22px;letter-spacing:1px;margin:0}small,p{color:#aab5b8;line-height:1.7}section{display:grid;grid-template-columns:minmax(270px,1.1fr) 1fr;gap:40px;align-items:center;padding-top:30px}#face{max-width:490px}svg{width:100%;height:auto;display:block}.buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}button{background:#1b2529;color:#c5cfd0;padding:10px 12px;border:1px solid #4d5b5f;border-radius:5px;cursor:pointer}button[aria-pressed=true]{background:#efc898;color:#172023;border-color:#efc898}label{display:block;margin:14px 0}input{accent-color:#edbc84;margin-right:10px}h2{font-size:29px;line-height:1.3;margin:0 0 12px}.note{font-size:12px;margin-top:28px;border-top:1px solid #394248;padding-top:18px}@media(max-width:670px){section{grid-template-columns:1fr;gap:20px}header{align-items:flex-start;flex-direction:column}#face{max-width:420px;margin:auto}}
.motion-brand{display:flex;align-items:center;gap:12px}.motion-brand img:first-child{width:38px}.motion-brand img:last-child{width:205px}.play-cta{padding:11px 14px;border:1px solid #c5aa82;color:#efcf9e;text-decoration:none;font-size:11px;border-radius:3px}a{color:#d1bb93}dialog{max-width:460px;width:calc(100% - 40px);padding:45px 28px 28px;background:#19221d;color:#eee;border:1px solid #66775c;border-radius:8px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog .dialog-close{position:absolute;right:10px;top:8px;background:none;border:0}dialog h2{font-size:25px}dialog p{font-size:13px;line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #efc898;outline-offset:4px}main>header{flex-wrap:wrap}