:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #0c0e13; color: #f4f0e8; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 75% 5%, #273d57 0, transparent 30%), #0c0e13; }
a { color: inherit; text-decoration: none; }
.nav, main, footer { max-width: 1120px; margin: auto; }
.nav { display: flex; justify-content: space-between; align-items: center; padding: 28px 28px; }
.logo { font-size: 1.05rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.logo span { color: #9fc3ff; margin-left: 7px; }
.nav-link { color: #aab8cb; font-size: .9rem; }.nav-link span { color: #9fc3ff; margin-left: 8px; }
.hero { min-height: 690px; padding: 150px 28px 120px; max-width: 850px; }.kicker { color: #9fc3ff; font-size: .72rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { font-size: clamp(4rem, 10vw, 8.4rem); letter-spacing: -.085em; line-height: .87; margin: 22px 0 34px; }.hero em { color: #9fc3ff; font-style: normal; }
.intro { color: #aeb8c9; font-size: 1.16rem; line-height: 1.7; max-width: 620px; }.button { display: inline-flex; gap: 28px; align-items: center; margin-top: 30px; padding: 14px 18px; border: 1px solid #506989; border-radius: 100px; color: #dce9ff; }.button span { color: #9fc3ff; }
.section { padding: 90px 28px; border-top: 1px solid #29313d; }.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 55px; }.grid article { padding: 26px 0; border-top: 1px solid #506989; }.number { color: #8293a8; font-size: .8rem; }.grid h2 { font-size: 1.45rem; margin: 50px 0 14px; }.grid p, .contact p { color: #9ba8ba; line-height: 1.7; }
.statement { padding: 120px 28px; font-size: clamp(2rem, 5vw, 4.3rem); letter-spacing: -.055em; line-height: 1; max-width: 900px; }.statement p { margin: 0; }
.contact { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 90px 28px; border-top: 1px solid #29313d; }.contact h2 { font-size: clamp(2.4rem, 5vw, 4.5rem); letter-spacing: -.07em; line-height: .95; margin: 18px 0; }.contact p { margin: 30px 0 0; }
footer { display: flex; justify-content: space-between; padding: 28px; border-top: 1px solid #29313d; color: #748298; font-size: .78rem; } footer a { color: #a9c4ff; }
@media (max-width: 700px) { .nav, main, footer { padding-left: 18px; padding-right: 18px; }.nav { padding-top: 22px; }.hero { padding: 110px 10px 90px; min-height: auto; }.section, .statement, .contact { padding-left: 10px; padding-right: 10px; }.grid, .contact { grid-template-columns: 1fr; gap: 35px; }.statement { padding-top: 90px; padding-bottom: 90px; } footer { display: block; } footer a { display: block; margin-top: 10px; } }