:root{color-scheme:light;--ink:#0f2038;--aqua:#99d7e1;--dark:#0b1624;--line:#dbe5ec;--body:#42556b;--paper:#f5f8fa;--pad:clamp(18px,4.6vw,64px);--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #3880a3;outline-offset:3px;border-radius:3px}
ul{padding:0;margin:0;list-style:none}
.wrap{width:min(calc(100% - var(--pad)*2),1190px);margin-inline:auto}
.icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.skip{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-180%);padding:12px 16px;background:#fff;color:var(--ink);font-weight:700;border-radius:5px}
.skip:focus{transform:none}
[id]{scroll-margin-top:15px}
[hidden]{display:none!important}
.mast{color:#fff;background:var(--dark);border-bottom:1px solid #23364a}
.mast-inner{display:flex;align-items:center;justify-content:space-between;min-height:69px;gap:15px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.052em;white-space:nowrap}
.brand img{width:34px;height:34px;border-radius:8px}
.brand-ep{color:var(--aqua)}
.mast nav{display:flex;align-items:center;gap:clamp(15px,3.5vw,38px);color:#c5d5e2;font-size:14px;font-weight:630}
.mast nav a{display:inline-flex;align-items:center;min-height:44px}
.mast nav a:hover{color:white}
.mast a:focus-visible,.hero a:focus-visible,.detail-hero a:focus-visible,.footer a:focus-visible{outline-color:var(--aqua)}
.hero,.detail-hero{color:#f7fbfe;background:#102031}
.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(24px,5vw,70px);align-items:center;padding-block:clamp(32px,5.1vw,70px)}
.hero h1{font-size:clamp(46px,5.7vw,82px);font-weight:730;line-height:1.02}
.hero h1 em{display:block;color:var(--aqua);font-style:normal}
.hero-lede{max-width:34ch;margin-top:17px;color:#c0d2e1;font-size:clamp(16px,1.55vw,20px)}
.hero .button{margin-top:21px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:6px;font-size:14px;font-weight:700;line-height:1.3}
.primary{background:var(--aqua);color:#102539}
.primary:hover{background:#c8edf2}
.directory-video{min-width:0}
.directory-video video{width:100%;aspect-ratio:1280/780;max-height:375px;object-fit:contain;background:#070e17;border:1px solid #354c60;border-radius:8px;color-scheme:dark}
.directory-video figcaption{margin-top:8px;font-size:13px;color:#becfdd}
.directory{padding:clamp(32px,5vw,61px) 0 clamp(35px,5vw,66px)}
.directory h2{font-size:clamp(28px,3vw,43px);margin-bottom:17px}
.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.directory-grid a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:100%;min-height:76px;padding:11px;background:white;border:1px solid #d9e4ec;border-radius:8px}
.directory-grid a::after{content:"";width:7px;height:7px;margin-right:3px;border-right:1.5px solid #52778e;border-top:1.5px solid #52778e;transform:rotate(45deg)}
.directory-grid a:hover{background:#f8fcfe;border-color:#80a7bc}
.directory-grid img{width:46px;height:46px;object-fit:cover;border-radius:6px;background:#0b1624}
.directory-grid li:last-child img{object-fit:contain}
.directory-grid strong,.directory-grid small{display:block;line-height:1.3}
.directory-grid strong{font-size:15px;letter-spacing:-.016em}
.directory-grid small{color:var(--body);margin-top:3px;font-size:12px}
.footer{background:var(--dark);color:#b4c7d7}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;padding:21px 0}
.ci-brand{display:inline-flex;align-items:center;gap:9px;color:#eaf4fb;font-size:14px}
.ci-brand img{width:48px;height:auto;object-fit:contain}
.footer-links{display:flex;flex-wrap:wrap;gap:9px 21px;font-size:13px}
.footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-links .icon{width:13px;height:13px}
.footer-bottom{display:flex;justify-content:space-between;gap:6px 22px;flex-wrap:wrap;padding:10px 0 18px;font-size:12px;color:#a5b8c9}
.suite-nav{background:#fff;border-top:1px solid var(--line)}
.suite-nav ul{display:flex;gap:0 18px;flex-wrap:wrap}
.suite-nav a{display:block;min-height:45px;padding:13px 0 10px;font-size:13px;font-weight:650;color:#325570;border-bottom:2px solid transparent}
.suite-nav a:hover,.suite-nav a[aria-current=page]{border-bottom-color:#5c9aad;color:var(--ink)}
@media(max-width:1080px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(39px,10vw,60px)}.mast-inner{min-height:61px}.brand{font-size:22px}.brand img{width:30px;height:30px}.footer-main{align-items:flex-start;flex-direction:column}.directory-video video{max-height:none}}
@media(max-width:440px){.directory-grid{grid-template-columns:1fr}.directory-grid a{min-height:61px;padding:7px 10px}.directory-grid img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}