@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&family=Manrope:wght@300;400;500&display=swap');
:root{color-scheme:dark;--blue:#00b9f4;--line:#1e4255}*{box-sizing:border-box}body{margin:0;background:#03070a;color:#d9e0e6;font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#020609}.brand{font:300 34px Manrope,Arial,sans-serif;letter-spacing:4px;white-space:nowrap}.brand span{color:var(--blue);letter-spacing:1px}.brand small{display:block;font:500 8px Barlow,Arial;letter-spacing:4px;margin-top:3px;color:#a9d5e9}nav{display:flex;gap:30px;align-items:center}nav>a,nav>button,summary{background:none;border:0;color:#bfdae9;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:600;padding:14px 0}nav .active{color:var(--blue);border-bottom:1px solid var(--blue)}nav .outline{border:1px solid var(--blue);border-radius:30px;padding:12px 24px;color:var(--blue)}details{position:relative}summary{cursor:pointer;list-style:none}details>div{position:absolute;top:100%;left:-20px;width:230px;border:1px solid var(--line);background:#030a10;padding:10px}details button{display:block;background:none;border:0;text-align:left;padding:13px;color:#d9e0e6;font-size:13px}#menu{display:none}.hero{height:540px;position:relative;overflow:hidden;border-bottom:1px solid #46809b;background:#030c14}.portrait{position:absolute;inset:0 5% 0 32%;background:url('https://images.unsplash.com/photo-1716662318487-5575ebb7573a?auto=format&fit=crop&w=1600&q=85') center 36%/cover;filter:brightness(.58) saturate(.35)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#02090f 0%,#02090ff5 23%,#02090f50 48%,#02090f10 68%,#02090ff0 88%)}.hero-copy{position:relative;z-index:2;padding:64px 0 0 7%}h1{font:300 clamp(36px,4.05vw,62px)/1.09 Manrope,Arial,sans-serif;letter-spacing:1px;margin:0 0 20px}.hero-copy p{font-size:16px;line-height:1.5;color:#b5cddd;max-width:440px;margin:0 0 25px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:26px;border:1px solid #21c9ff;border-radius:30px;background:linear-gradient(180deg,#07bdff,#009ce1);color:white;padding:15px 24px;text-transform:uppercase;font:600 10px Barlow,Arial;letter-spacing:1.3px}.primary span{font-size:20px;line-height:12px}.primary:hover{filter:brightness(1.15)}.aside{position:absolute;right:12%;top:123px;z-index:2;font:500 11px/1.7 Manrope,Arial;letter-spacing:2px;color:#b7d6e6}.iv{position:absolute;right:1%;height:100%;top:0;z-index:2;filter:drop-shadow(0 0 9px #008dc4)}.difference{text-align:center;padding:38px 20px 0;background:radial-gradient(ellipse at 5% 85%,#06324b66,transparent 45%),#02070b;border-bottom:1px solid #46809b}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:500}h2{font:italic 400 clamp(25px,2.55vw,36px)/1.3 Georgia,serif;margin:18px 0}.difference p{max-width:690px;margin:0 auto 25px;color:#b6cddd;font-size:16px;line-height:1.65}.difference .primary{padding:13px 23px}.pillars{display:flex;justify-content:center;margin:35px auto 0;max-width:800px;border-top:1px solid #133344;padding:22px 0}.pillars span{flex:1;text-transform:uppercase;color:#a9c8d9;font-size:10px;letter-spacing:2px;border-right:1px solid #1a3847}.pillars span:last-child{border:0}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 6%;font-size:11px;color:#8195a1}footer button{border:0;background:none;color:#a7c7d7;padding:8px 0}footer a{font-size:10px}dialog{width:min(540px,calc(100% - 32px));background:#050e15;border:1px solid #27627d;color:#d9e0e6;padding:38px;max-height:90dvh}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog h2{font-style:normal}dialog p{line-height:1.6;color:#bdd0da}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:#b8d1df;font-size:28px}form{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:7px;font-size:13px}input,select{width:100%;background:#02090e;border:1px solid #2b4656;padding:12px;color:white;font:14px Barlow,Arial}form .primary{margin-top:5px}.demo{font-size:12px}#service-list{display:grid;gap:8px}#service-list button{background:#071723;color:#c6e0ed;padding:12px;border:1px solid #1b465b;text-align:left}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #80dbff;outline-offset:5px}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:1600px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1050px){header{padding:0 4%;height:85px}nav{gap:16px}.brand{font-size:28px}nav .outline{padding:10px 14px}nav>a,nav>button,summary{font-size:9px;letter-spacing:.8px}.hero-copy{padding-left:5%}.aside{right:11%;font-size:9px}}@media(max-width:760px){header{height:85px;padding:0 7%}.brand{font-size:29px}.brand small{font-size:6px;letter-spacing:3.5px}#menu{display:block;color:var(--blue);background:none;border:1px solid var(--line);font-size:22px;padding:6px 11px}nav{display:none;position:absolute;top:84px;left:0;right:0;background:#02090ffa;padding:22px 7%;align-items:stretch;gap:6px;border-bottom:1px solid #23607b}nav.open{display:flex;flex-direction:column}nav>a,nav>button,summary{text-align:left;font-size:12px;padding:14px 0}nav .outline{text-align:center;padding:13px;margin-top:10px}nav .active{border:0}details>div{position:static;border:0;border-left:1px solid var(--line);margin-left:8px;background:none;width:auto}.hero{height:650px}.portrait{inset:0 -10% 0 12%;background-position:57% 25%;opacity:.8}.shade{background:linear-gradient(90deg,#02090fbd,#02090f20),linear-gradient(0deg,#02090f 0%,#02090fe6 25%,transparent 70%)}.hero-copy{position:absolute;left:0;right:0;bottom:40px;padding:0 7%}h1{font-size:42px;line-height:1.1;margin-bottom:17px}.hero-copy p{font-size:14px;max-width:330px}.desktop{display:none}.aside{top:42px;right:12%;font-size:9px}.iv{height:54%;right:-3%;opacity:.7}.difference{padding:32px 7% 0}.difference h2{font-size:28px;line-height:1.3}.difference p{font-size:15px;line-height:1.7}.pillars{margin-top:30px;flex-wrap:wrap;row-gap:20px}.pillars span{flex-basis:50%;font-size:9px}.pillars span:nth-child(2){border:0}footer{padding:20px 7%;flex-wrap:wrap;gap:8px}footer a{flex-basis:100%}dialog{padding:32px 24px}}
/* Display the supplied logo without its generous outer black margin. */
header{background:#000}.brand-logo{display:block;position:relative;width:140px;height:98px;overflow:hidden;flex-shrink:0}.brand-logo img{position:absolute;width:240px;height:auto;max-width:none;left:-60px;top:-22px;display:block}
@media(max-width:1050px){.brand-logo{height:83px;width:120px}.brand-logo img{width:205px;left:-51px;top:-19px}}
@media(max-width:760px){.brand-logo{height:83px;width:120px}.brand-logo img{width:205px;left:-51px;top:-19px}}
/* Header uses only the text portion of the supplied logo. */
.brand-logo{width:190px;height:51px}.brand-logo img{width:435px;left:-122px;top:-181px}
@media(max-width:1050px){.brand-logo{width:156px;height:43px}.brand-logo img{width:360px;left:-101px;top:-150px}}
@media(max-width:760px){.brand-logo{width:166px;height:45px}.brand-logo img{width:380px;left:-106px;top:-158px}}
.iv-photo{height:100%;width:auto;right:0;object-fit:contain;filter:none;mix-blend-mode:screen;pointer-events:none}
@media(max-width:760px){.iv-photo{height:54%;right:-3%;opacity:.8}}
/* Keep the performance statement clear of the IV photograph. */
.aside{right:calc(180px + 2%)}
@media(max-width:760px){.aside{right:calc(112px + 4%)}}
/* Slim live-text wordmark, independent of the heavier lettering in the logo image. */

.brand-wordmark{display:inline-flex;align-items:baseline;font-family:Raleway,Manrope,'Segoe UI Light',sans-serif;font-size:36px;font-weight:200;letter-spacing:.8px;line-height:1.2;color:#d9e0e6;flex-shrink:0}
.brand-wordmark span{font-weight:200;color:#00b9f4;letter-spacing:.4px}
@media(max-width:1050px){.brand-wordmark{font-size:31px}}
@media(max-width:760px){.brand-wordmark{font-size:32px}}
/* Use lining numerals so 360 shares a consistent height and baseline. */
.brand-wordmark span{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

.brand-wordmark span{font-family:Roboto,Manrope,sans-serif;font-weight:200;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}/* Match the hero numerals to the approved header numeral style. */
.hero-numerals{font-family:Roboto,Manrope,sans-serif;font-weight:200;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* Consistent typography throughout the hero. */
.hero h1,.hero p,.hero .primary,.hero .primary span,.hero-numerals{font-family:Roboto,Manrope,sans-serif;font-weight:200;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}/* Twilight skyline stock photography replaces the portrait. */
.portrait{inset:0;background-image:url('https://images.pexels.com/photos/3223855/pexels-photo-3223855.jpeg?auto=compress&cs=tinysrgb&w=2400');background-position:center 48%;filter:brightness(.8) saturate(.75)}
.shade{background:linear-gradient(90deg,#02090ff5 0%,#02090fd9 28%,#02090f40 60%,#02090f10 100%)}
@media(max-width:760px){.portrait{inset:0;background-position:60% center;opacity:1}.shade{background:linear-gradient(0deg,#02090ff5 0%,#02090fd9 30%,#02090f20 80%)}}
/* Subtle added spacing for the uppercase header wordmark. */
.brand-wordmark{letter-spacing:3px}.brand-wordmark span{letter-spacing:2px}
/* Increase header navigation text by 2pt (2.667 CSS pixels). */
nav>a,nav>button,summary{font-size:calc(10px + 2pt)}
details button{font-size:calc(13px + 2pt)}
@media(max-width:1050px){nav>a,nav>button,summary{font-size:calc(9px + 2pt)}}
@media(max-width:760px){nav>a,nav>button,summary{font-size:calc(12px + 2pt)}}
/* Service links match existing dropdown controls. */
nav details .service-link{display:block;padding:13px;color:#d9e0e6;font-size:calc(13px + 2pt);text-align:left;line-height:normal}nav details .service-link:hover,nav details .service-link[aria-current="page"]{color:var(--blue)}
/* Background-only parallax keeps text and controls stable on every screen. */
.hero .portrait{transform-origin:center;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero .portrait{transform:none!important}}
/* Approved blue gradient for the brand numerals. */
@supports(background-clip:text){.brand-wordmark span{background:linear-gradient(to bottom,#a5dff5 0%,#00b9f4 48%,#17619e 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
@media(forced-colors:active){.brand-wordmark span{background:none;color:LinkText;-webkit-text-fill-color:LinkText}}