:root {
--navy: #133b66;
--navy-deep: #0c2846;
--gold: #ffd166;
--ink: #23303c;
--ink-soft: #4c5a66;
--paper: #ffffff;
--tint: #f2f6fa;
--line: #d9e2ea;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); background: var(--paper); line-height: 1.65; }
img { max-width: 100%; height: auto; display: block; }
.wrap { max-width: 62rem; margin-inline: auto; padding-inline: 1.2rem; }
.site-head { background: var(--navy); padding: .9rem 0; }
.brand { margin: 0; color: #fff; font-size: 1.35rem; font-weight: 800; letter-spacing: .02em; }
.brand span { color: var(--gold); }
.hero { background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%); color: #fff; padding: 2.8rem 0 3rem; }
.hero-grid { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 800px) { .hero-grid { grid-template-columns: 1.2fr 1fr; } }
.hero h1 { margin: 0 0 .8rem; font-size: clamp(1.6rem, 3.6vw, 2.4rem); line-height: 1.2; }
.hero .lede { margin: 0; color: var(--gold); font-size: 1.15rem; font-weight: 600; }
.hero img { border-radius: 10px; background: #fff; }
.band { padding: 2.4rem 0; }
.band-tint { background: var(--tint); }
.prose { max-width: 46rem; }
.prose h2 { margin: 0 0 .9rem; color: var(--navy); font-size: clamp(1.25rem, 2.6vw, 1.6rem); }
.prose p { margin: 0 0 1rem; color: var(--ink-soft); }
.prose p:last-child { margin-bottom: 0; }
.prose strong { color: var(--ink); }
.split { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 800px) { .split { grid-template-columns: 1.4fr 1fr; } }
.split img { border-radius: 10px; }
.ota-list { margin: 0; border-left: 4px solid var(--gold); padding-left: 1rem; }
.ota-list dt { font-weight: 700; color: var(--navy); margin-top: .7rem; }
.ota-list dt:first-child { margin-top: 0; }
.ota-list dd { margin: .15rem 0 0; color: var(--ink-soft); }
.point-list { margin: 0; padding: 0; list-style: none; }
.point-list li { margin: 0 0 .9rem; padding-left: 1.4rem; position: relative; color: var(--ink-soft); }
.point-list li::before { content: ">"; position: absolute; left: 0; color: var(--navy); font-weight: 800; }
.band-callout { background: var(--gold); padding: 2rem 0; text-align: center; }
.callout-line { margin: 0; color: var(--navy-deep); font-size: clamp(1.1rem, 2.4vw, 1.45rem); font-weight: 600; }
.callout-line.strong { font-weight: 800; margin-top: .3rem; }
.video-frame { position: relative; aspect-ratio: 16 / 9; margin-top: 1.4rem; border-radius: 10px; overflow: hidden; background: var(--navy-deep); }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.site-foot { background: var(--navy-deep); color: #cfdcea; padding: 1.4rem 0; margin-top: 1rem; }
.site-foot p { margin: 0; font-size: .92rem; }
.site-foot a { color: var(--gold); }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}