* { box-sizing: border-box; }
:root { font-family: Arial, Helvetica, sans-serif; color: #0c1b3c; background: #fff; -webkit-font-smoothing: antialiased; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
.container { width: calc(100% - 48px); max-width: 1232px; margin-inline: auto; }
.header { border-bottom: 1px solid #e0e6ef; }
.header-inner { min-height: 88px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #0b193b; font-size: 28px; font-weight: 750; letter-spacing: -.8px; text-decoration: none; }
.brand img { display: block; }
.brand:focus-visible { outline: 3px solid #245fe8; outline-offset: 6px; border-radius: 3px; }
.brand-description { color: #566882; font-size: 16px; line-height: 1.5; }
main { flex: 1; padding-block: 72px 64px; }
.intro { max-width: 760px; }
.status { display: inline-flex; margin: 0 0 24px; padding: 7px 12px; border-radius: 5px; color: #245fe8; background: #edf3ff; font-size: 13px; line-height: 1.4; }
h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); font-weight: 600; line-height: 1.14; letter-spacing: -1.8px; }
.description { max-width: 650px; margin: 24px 0 0; color: #53647f; font-size: 21px; line-height: 1.6; }
.availability { color: #687c99; font-size: 14px; line-height: 1.6; margin: 18px 0 0; }
.details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; border-top: 1px solid #e0e6ef; margin-top: 64px; padding-top: 28px; }
h2 { font-size: 16px; font-weight: 600; margin: 0 0 12px; }
.details p { max-width: 290px; color: #687c99; font-size: 15px; line-height: 1.7; margin: 0; }
footer { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #e0e6ef; padding-block: 24px; color: #71819a; font-size: 13px; line-height: 1.5; }
@media(max-width: 600px) {
 .container { width: calc(100% - 40px); }
 .header-inner { min-height: 78px; gap: 14px; }
 .brand { font-size: 24px; }
 .brand-description { font-size: 12px; max-width: 150px; }
 main { padding-block: 44px; }
 h1 { letter-spacing: -1px; }
 .description { font-size: 18px; }
 .details { grid-template-columns: 1fr; gap: 28px; margin-top: 40px; }
 footer { flex-wrap: wrap; }
}