:root{color-scheme:light;--ink:#071c33;--blue:#155eef;--paper:#f4f1ea;--muted:#465768}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1600px;margin:auto;min-height:100svh;padding:44px clamp(24px,5.6vw,88px) 26px;display:flex;flex-direction:column}
header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.logo{display:block;width:190px;height:auto}
.status{font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--blue);padding:9px 0}
main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 27%;align-items:center;gap:30px;flex:1;padding:90px 0 100px}
.copy{position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.875rem;font-weight:700;margin:0 0 28px;color:var(--muted)}
h1{font-size:clamp(2.8rem,5.5vw,5.4rem);font-weight:700;line-height:1.08;letter-spacing:-.045em;margin:0 0 32px}
h1 span{color:var(--blue)}
.intro{max-width:660px;font-size:clamp(1.125rem,1.5vw,1.3rem);line-height:1.65;margin:0 0 30px;color:#293e52}
.note{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 20px}
.cta{display:inline-flex;justify-content:space-between;gap:34px;align-items:center;background:var(--blue);color:white;text-decoration:none;font-size:1rem;font-weight:700;padding:19px 24px;min-height:56px;border:2px solid var(--blue);border-radius:3px;transition:background .15s,border-color .15s}
.cta:hover{background:var(--ink);border-color:var(--ink)}
.cta:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.cta span{font-size:1.4rem;font-weight:400}
.brand-art{align-self:center;opacity:.11}
.brand-art img{display:block;width:100%;height:auto}
footer{border-top:1px solid #c8cbd0;padding-top:22px;display:flex;justify-content:space-between;gap:18px;font-size:.875rem;line-height:1.5;color:var(--muted)}
footer span:first-child{font-weight:700;letter-spacing:.1em;color:var(--ink)}
footer a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a6afb7}
footer a:hover{color:var(--blue)}
footer a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(min-width:1600px){main{padding-top:110px;padding-bottom:120px}}
@media(max-width:1000px){main{grid-template-columns:1fr;padding:80px 0}.brand-art{display:none}h1{font-size:clamp(2.8rem,7.6vw,4.7rem)}}
@media(max-width:540px){.page{padding:28px 24px 24px}.logo{width:145px}.status{font-size:.75rem;letter-spacing:.08em}main{padding:64px 0 60px}h1{font-size:clamp(2.2rem,8.7vw,2.9rem);letter-spacing:-.04em;margin-bottom:26px}.eyebrow{max-width:270px;font-size:.8125rem;line-height:1.4;letter-spacing:.12em;margin-bottom:23px}.intro{font-size:1.0625rem}.cta{width:100%;gap:14px}footer{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.social{margin:22px 0 0;font-size:1rem}.social a{color:var(--blue);text-underline-offset:4px}.social a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}