@font-face{font-family:MKCSans;src:url('mkc-sans.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--navy:#001030;--navy2:#002048;--blue:#003868;--blue-light:#6aa0d4;--red:#c80000;--white:#fff;--muted:rgba(236,244,255,.72);--line:rgba(161,193,227,.2)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--navy)}
body{min-height:100vh;margin:0;background:var(--navy);color:var(--white);font-family:MKCSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow:hidden}
.page:before,.page:after{position:absolute;content:"";pointer-events:none}
.page:before{inset:-35% -8% auto auto;width:65vw;height:70vw;max-width:900px;max-height:900px;border:1px solid rgba(106,160,212,.18);border-radius:50%;transform:rotate(-18deg)}
.page:after{right:-12vw;bottom:-22vw;width:54vw;height:54vw;max-width:720px;max-height:720px;border:1px solid rgba(200,0,0,.27);border-radius:50%}
.header,.main,.footer{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;min-height:92px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--white);font-size:14px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.brand img{display:block;width:54px;height:auto}
.brand span{opacity:.9}
.header-link{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s ease}.header-link:hover,.header-link:focus-visible{color:var(--white)}
.main{display:grid;flex:1;align-items:center;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(50px,8vw,130px);padding:76px 0 88px}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--blue-light);font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.kicker:before{width:31px;height:2px;background:var(--red);content:""}
h1{max-width:720px;margin:0;color:var(--white);font-size:clamp(50px,7vw,91px);font-weight:700;letter-spacing:-.045em;line-height:.98}
.lead{max-width:600px;margin:30px 0 0;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.55}
.note{max-width:560px;margin:26px 0 0;color:rgba(236,244,255,.52);font-size:15px;line-height:1.7}
.card{position:relative;padding:34px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(8,39,77,.92),rgba(0,32,72,.72));box-shadow:0 18px 42px rgba(0,0,0,.25)}
.card:before{position:absolute;top:-1px;left:28px;width:62px;height:4px;background:var(--red);content:""}
.card-mark{display:grid;width:64px;height:64px;place-items:center;margin-bottom:28px;border-radius:50%;background:var(--blue);box-shadow:0 12px 25px rgba(0,56,104,.4)}
.card-mark svg{width:29px;height:29px;fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}
.card h2{margin:0 0 13px;color:var(--white);font-size:28px;line-height:1.18}.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.card-rule{height:1px;margin:27px 0 21px;background:var(--line)}
.footer{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-top:1px solid var(--line);color:rgba(236,244,255,.48);font-size:12px}.footer a{color:rgba(236,244,255,.68);text-decoration:none}.footer a:hover,.footer a:focus-visible{color:var(--white)}
@media(max-width:760px){.header,.main,.footer{width:min(100% - 34px,560px)}.header{min-height:78px}.brand img{width:48px}.brand span{font-size:12px}.header-link{font-size:13px}.main{display:block;padding:72px 0 70px}.lead{margin-top:25px}.card{margin-top:54px;padding:29px}.footer{align-items:flex-start;flex-direction:column;gap:10px;padding:22px 0 27px}.page:before{right:-40vw;top:12vh;width:120vw;height:120vw}.page:after{right:-48vw;bottom:-17vw;width:120vw;height:120vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}