:root { color-scheme: light; --ink: #142439; --slate: #526071; --red: #921e2a; --paper: #f2f4f6; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: linear-gradient(135deg, #fff, #e6eaef); font-family: Arial, Helvetica, sans-serif; }
.page { min-height: 100dvh; max-width: 1520px; margin: auto; padding: 44px clamp(24px, 6vw, 96px) 28px; display: flex; flex-direction: column; }
header { border-bottom: 1px solid #c4cbd3; padding-bottom: 28px; }
.logo { width: 188px; height: auto; display: block; }
main { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(40px, 6vw, 88px); align-items: center; flex: 1; padding: 65px 0; }
.eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin: 0 0 22px; color: var(--red); }
h1 { font-size: clamp(42px, 4.3vw, 66px); letter-spacing: -.055em; line-height: 1.06; margin: 0; font-weight: 800; }
h1 span { color: var(--red); }
.intro { max-width: 530px; font-size: 18px; line-height: 1.65; color: var(--slate); margin: 26px 0 32px; }
.launch { border-left: 3px solid var(--red); padding-left: 16px; font-size: 14px; color: var(--slate); line-height: 1.6; }
.launch time { display: block; font-size: 21px; font-weight: 700; color: var(--ink); }
.contact { background: var(--ink); color: white; padding: clamp(26px, 3.1vw, 48px); border-top: 5px solid var(--red); }
h2 { font-size: clamp(27px, 2.6vw, 38px); letter-spacing: -.035em; line-height: 1.12; margin: 0 0 18px; }
.contact p { color: #ced7e3; font-size: 16px; line-height: 1.6; margin: 0 0 28px; }
.contact a { display: block; color: white; text-decoration: none; padding: 17px 0; }
.contact a span { display: block; font-size: 13px; color: #ced7e3; margin-bottom: 7px; }
.phone { border-bottom: 1px solid #506076; }
.phone strong { font-size: 26px; letter-spacing: -.025em; }
.email strong { font-size: clamp(14px, 1.2vw, 18px); overflow-wrap: anywhere; }
.contact a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible { outline: 3px solid #aacdff; outline-offset: 5px; }
footer { border-top: 1px solid #c4cbd3; padding-top: 23px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
footer p { font-size: 12px; font-weight: 700; letter-spacing: .045em; margin: 0; }
footer small { font-size: 12px; color: var(--slate); }
@media (max-width: 800px) {
 .page { padding-top: 28px; }
 .logo { width: 155px; }
 main { grid-template-columns: 1fr; gap: 32px; padding: 40px 0; }
 h1 { font-size: clamp(38px, 7.3vw, 58px); }
 .intro { font-size: 16px; margin-top: 20px; }
 .desktop-break { display: none; }
 .contact { padding: 28px; }
 .email strong { font-size: clamp(12px, 3.5vw, 16px); }
 footer { flex-direction: column; align-items: flex-start; gap: 12px; }
 footer p { font-size: 10px; }
}