:root{--ice:#e8f3ff;--ink:#102f50;--blue:#345ce1;--white:#fff;--metal:#b8cbdd;--muted:#465f77}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:Verdana,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.skip{position:absolute;left:20px;top:-100px;z-index:5;background:var(--white);padding:12px 18px}
.skip:focus{top:12px}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.demo{text-align:center;background:var(--ice);padding:10px 18px;font-size:12px;line-height:1.5}
.demo span{color:var(--muted)}
.header{display:flex;align-items:center;justify-content:space-between;padding-block:30px}
.brand{display:flex;align-items:center;gap:13px;font-family:"Gill Sans","Trebuchet MS",sans-serif;font-weight:700;font-size:20px;line-height:1.1}
.brand small{font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.8}
.monogram{display:grid;place-items:center;background:var(--blue);color:var(--white);border-radius:16px;width:48px;height:48px;font-size:37px;line-height:1;padding-bottom:7px}
.header>p{font-size:13px}.header>p span{color:var(--muted);margin-left:7px}
.hero{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:34px;background:var(--ice)}
.intro{padding:48px 0 46px 54px;position:relative;z-index:1}
.eyebrow{font-size:12px;letter-spacing:.1em;margin:0 0 26px}
h1{font-family:"Gill Sans","Trebuchet MS",sans-serif;letter-spacing:-.06em;line-height:.98;font-size:clamp(72px,8vw,112px);font-weight:600;margin:0}
h1 span{color:var(--blue)}
.intro-text{font-size:15px;line-height:1.8;max-width:310px;margin:30px 0 0}
.key-art{display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--blue);color:var(--white);margin:30px 30px 30px 24px;border-radius:140px 28px 28px 28px;min-width:0;align-self:stretch}
.key-art svg{display:block;width:115%;max-width:none;transform:rotate(-18deg);margin:42px -20px 20px}
.key-art>span{font-family:"Gill Sans","Trebuchet MS",sans-serif;font-size:18px;margin:0 0 45px;letter-spacing:.02em}
.contact-strip{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--white);padding:27px 54px}
.contact-label{font-size:11px;opacity:.8}
.contact-strip p{font-size:26px;line-height:1.3;margin:5px 0 0;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.call{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:15px 23px;background:var(--white);color:var(--ink);border-radius:14px;font-size:14px;font-weight:700;transition:transform .18s ease}
.call span{font-size:24px;line-height:1;font-weight:400}
.call:hover{transform:translateY(-2px)}
.call:focus-visible{outline-color:var(--white);outline-offset:7px}
.contact-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 2px;border-bottom:1px solid var(--metal)}
.contact-detail p{margin:0;font-family:"Gill Sans","Trebuchet MS",sans-serif;font-weight:700;font-size:20px}
.contact-detail p span{display:block;margin-top:3px;color:var(--muted);font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:400}
.contact-detail>a{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}.contact-detail>a span{margin-left:24px}
footer{display:flex;justify-content:space-between;gap:15px;padding-block:22px;font-size:11px;color:var(--muted)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{padding-block:25px}.hero{grid-template-columns:1fr}.intro{padding:34px 30px 32px}.eyebrow{margin-bottom:22px}h1{font-size:80px}.intro-text{margin-top:22px;max-width:300px}.contact-strip{grid-row:2;grid-column:1;flex-direction:column;align-items:stretch;gap:20px;padding:24px 30px}.contact-strip p{font-size:25px}.call{justify-content:space-between}.key-art{grid-row:3;height:250px;margin:24px;border-radius:100px 25px 25px 25px}.key-art svg{width:110%;margin:0 -12px}.key-art>span{font-size:15px;margin:0 0 24px}.contact-detail{align-items:flex-start;flex-direction:column;gap:18px}.contact-detail>a{font-size:17px}.contact-detail>a span{margin-left:14px}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.demo{font-size:11px}.demo span{display:block}.header>p{font-size:11px}.header>p span{display:block;margin:0}.hero{border-radius:26px}.intro{padding:28px 22px}h1{font-size:69px}.intro-text{font-size:14px}.contact-strip{padding:22px;gap:16px}.contact-strip p{font-size:23px}.call{font-size:12px;padding:14px 17px;gap:12px}.key-art{margin:20px;height:220px}.brand{font-size:18px;gap:9px}.monogram{width:42px;height:42px;font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.call{transition:none}.call:hover{transform:none}}