.connected-page{background:#0b1310;color:#f0f1eb;--amber:#d7ac63}.connected-page .header{background:transparent;position:absolute}.connected-page h1,.connected-page h2{font-weight:400;letter-spacing:-.035em}.connected-page .header nav{font-family:Barlow,Arial,sans-serif;text-transform:none;font-size:14px}.connected-hero{position:relative;min-height:640px;height:clamp(640px,45vw,840px);overflow:hidden;background:#0a1210}.connected-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.connected-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08110bd9,transparent 70%);pointer-events:none}.connected-hero-copy{position:relative;z-index:1;padding:135px 0 55px;margin-left:4.3%;width:37%;max-width:560px}.connected-hero-copy .eyebrow{font-size:9px;color:#bac4b6;margin-bottom:20px}.connected-hero h1{font-size:clamp(48px,4.4vw,76px);line-height:.99;margin:0 0 25px}.connected-hero h1 em{font-style:normal;color:#9eaf98}.connected-hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.3vw,20px);max-width:390px;line-height:1.4;margin-bottom:28px}.amber-button{display:inline-flex;gap:24px;align-items:center;border:1px solid var(--amber);color:#f0c67d;padding:14px 22px;font-size:15px}.amber-button:hover{background:#d7ac6325}.hero-callout{position:absolute;z-index:1;right:4%;top:25%;font:10px var(--mono)}.hero-callout span{display:block;font-size:8px;margin-top:7px;color:#c5c9c1}.connected-layers{display:grid;grid-template-columns:35% 65%;background:#e8e9e3;color:#101714;padding:45px 4.3%;align-items:center}.connected-copy{position:relative;z-index:1;padding:20px 25px 20px 0}.connected-copy h2{font-size:clamp(36px,3.6vw,60px);line-height:1.05;margin:0 0 28px}.connected-copy>p{font-size:18px;max-width:410px;line-height:1.5}.connected-copy .eyebrow{font-size:10px;color:#6d786c}.connected-link{display:inline-flex;gap:18px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #85917f;padding-bottom:10px;margin-top:20px}.layer-visual{position:relative;min-width:0}.layer-visual img{height:auto;mix-blend-mode:multiply}.layer-key{display:flex;justify-content:space-around;gap:15px;margin:0 0 12px;padding:0 15px}.layer-key dt{font:11px var(--mono);margin-bottom:5px}.layer-key dd{font-size:13px;color:#576154;margin:0}.connected-understanding{position:relative;display:grid;grid-template-columns:38% 62%;align-items:center;padding:30px 0 30px 4.3%;overflow:hidden}.connected-understanding .connected-copy>p{color:#d1d8cf}.harbour-visual{position:relative;align-self:stretch;min-height:460px}.harbour-visual img{height:100%;object-fit:cover}.harbour-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1310,transparent 35%),linear-gradient(0deg,#0b1310,transparent 20%)}.harbour-marker{position:absolute;z-index:1;top:48%;left:62%;width:42px;height:42px;border:1px solid var(--amber)}.harbour-label{position:absolute;z-index:1;top:61%;left:59%;font:9px var(--mono);color:#eee5ca}.connected-features{list-style:none;padding:0;margin:32px 0 0}.connected-features li{display:flex;gap:20px;align-items:center;margin:20px 0}.connected-features li>span{color:var(--amber);font-size:35px;line-height:1}.connected-features h3{font:10px var(--mono);letter-spacing:.12em;margin:0 0 6px}.connected-features p{font-size:15px;color:#bfc8bf;margin:0}.connected-learning{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4b554c;border-bottom:1px solid #4b554c}.connected-learning article{padding:35px 30px 25px;border-right:1px solid #4b554c;min-width:0}.connected-learning article:last-child{border-right:0}.learning-heading{display:flex;gap:25px}.learning-heading>span{color:var(--amber);font:14px var(--mono);padding-top:4px}.learning-heading h2{font-size:28px;letter-spacing:-.01em;margin:0 0 12px}.learning-heading p{font-size:16px;line-height:1.45;color:#c6cec4;max-width:330px;margin:0}.learning-diagram{width:100%;height:auto;max-height:240px}.learning-diagram .gold{stroke:#d7ac63}.learning-diagram .dot{fill:#f3c776;stroke:#f3c776}.connected-learning article>a{display:flex;justify-content:space-between;font:11px var(--mono);color:#d4dacd;padding-top:10px}.connected-learning article>a:hover{color:#f0c67d}.connected-contact{padding:40px 4.3%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.connected-contact h2{font-size:36px}.connected-contact .eyebrow{margin-bottom:10px;font-size:9px;color:#aebbaa}.integration-note{font-size:12px;color:#a6b1a3;flex-basis:100%;margin:0}.connected-page footer{background:#0b1310}.connected-page .disclosure{color:#a6b1a3}.connected-page .nav-air{font:inherit;text-transform:none}
@media(max-width:1000px){.connected-hero-copy{width:45%}.connected-hero h1{font-size:54px}.connected-copy h2{font-size:40px}.connected-copy>p{font-size:16px}.connected-learning article{padding:28px 20px}.learning-heading{gap:15px}.hero-callout{display:none}}
@media(max-width:720px){.connected-page .header{padding:16px 6%;border-bottom:1px solid #ffffff25}.connected-page .header nav{top:75px;background:#111b15}.connected-hero{height:auto;min-height:0;padding-top:75px;display:flex;flex-direction:column}.connected-hero-image{position:relative;height:270px;order:0;object-position:72% center}.connected-hero:after{background:linear-gradient(#09110c55,transparent 100px);height:345px}.connected-hero-copy{width:auto;max-width:none;margin:0;padding:32px 6% 40px;background:#0b1310;order:1}.connected-hero h1{font-size:clamp(46px,10vw,62px);line-height:1.02}.connected-hero-copy .eyebrow{font-size:8px}.connected-hero-copy>p:not(.eyebrow){max-width:100%;font-size:18px}.connected-layers{display:flex;flex-direction:column;padding:35px 6% 25px}.connected-copy{padding:10px 0;width:100%}.connected-copy h2{font-size:42px;margin-bottom:23px}.connected-copy>p{font-size:17px}.layer-visual{width:100%;margin-top:25px}.layer-key{padding:0;gap:12px;justify-content:space-between}.layer-key dt{font-size:9px}.layer-key dd{font-size:12px}.connected-understanding{display:flex;flex-direction:column;padding:30px 6% 0}.connected-understanding .connected-copy{padding-right:0}.harbour-visual{width:calc(100% + 12.8%);min-height:0;height:300px;margin-top:15px}.harbour-visual:after{background:linear-gradient(#0b1310,transparent 25%)}.harbour-label{font-size:8px;left:45%;top:68%}.connected-learning{grid-template-columns:1fr}.connected-learning article{padding:30px 6%;border-right:0;border-bottom:1px solid #4b554c}.connected-learning article:last-child{border-bottom:0}.learning-heading{gap:22px}.learning-heading p{max-width:100%}.learning-diagram{max-height:210px}.connected-contact{padding:35px 6%}.connected-contact h2{font-size:34px}.connected-page footer .brand{flex-basis:auto}.integration-note{line-height:1.6}.connected-page .header .brand span{font-size:18px}}
@media(max-width:720px){.connected-hero{padding-top:0}.connected-hero-image{height:345px}.connected-page .header{background:linear-gradient(#07110bc0,transparent)}}
/* Match the approved connected-intelligence composition. */
.connected-page{font-family:Arial,sans-serif}
.connected-page .header{height:5.5vw;min-height:60px;padding:0 4.3%;border:0;justify-content:flex-start;gap:0}
.connected-page .header .brand{gap:13px;width:28%}
.connected-page .header .brand svg{width:32px;height:32px}
.connected-page .header .brand span{font-size:18px;letter-spacing:.55em;font-weight:400}
.connected-page .header nav{font:10px Arial,sans-serif;gap:28px}
.connected-page .header .nav-contact{border:0;padding:0;margin:0}
.connected-page .header .nav-contact span{display:none}
.header-edition{margin-left:auto;border-left:1px solid #a9a99466;padding-left:18px;font:9px Arial,sans-serif;color:#bbc0b5}
.connected-hero{height:44.6vw;min-height:0;max-height:none}
.connected-hero-copy{padding:8.3vw 0 3vw;width:34%;max-width:none}
.connected-hero h1{font-size:4.85vw;line-height:.99;margin:0 0 2vw;letter-spacing:-.035em}
.connected-hero-copy>p:not(.eyebrow){font-size:1.37vw;line-height:1.36;max-width:30vw;margin-bottom:2.4vw}
.amber-button{font-size:1.15vw;padding:1.1vw 1.9vw;gap:18px}
.connected-hero:after{background:linear-gradient(90deg,#07100b55,transparent 52%)}
.hero-callout{right:4%;top:24%;font:9px Arial,sans-serif}
.vessel-callout,.port-callout{position:absolute;z-index:1;font:9px Arial,sans-serif;letter-spacing:.05em}
.vessel-callout{left:61%;top:58%}.port-callout{left:90%;top:70%}
.vessel-callout span,.port-callout span{display:block;font-size:8px;color:#b0b6a9;margin-top:6px}
.connected-layers{height:36.3vw;padding:2vw 4.3%;grid-template-columns:35% 65%;overflow:hidden}
.connected-copy{padding:1vw 2vw 1vw 0}
.connected-copy h2{font-size:4.1vw;line-height:1.1;margin-bottom:2vw}
.connected-copy>p{font-size:1.35vw;line-height:1.5;max-width:31vw}
.connected-copy .eyebrow{font:9px Arial,sans-serif;letter-spacing:.04em;margin-bottom:1.4vw}
.connected-link{font-size:.8vw;margin-top:1.6vw;letter-spacing:.16em}
.layer-visual{height:33vw;padding-left:9vw;display:flex;align-items:center}
.layer-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}
.layer-key{position:absolute;left:0;top:0;height:100%;width:10vw;margin:0;padding:3.6vw 0 2.5vw;display:flex;flex-direction:column;justify-content:space-between}
.layer-key dt{font:9px Arial,sans-serif;position:relative}.layer-key dt:after{content:'';position:absolute;left:55%;top:50%;width:4vw;height:1px;background:#8d958d}
.layer-key dd{font:10px/1.4 Arial,sans-serif;width:7vw}
.connected-understanding{height:37.2vw;padding:2vw 0 2vw 4.3%;grid-template-columns:35% 65%}
.connected-understanding .connected-copy{padding-right:1.5vw}
.connected-understanding h2{font-size:3.7vw}
.connected-features{margin-top:2vw}.connected-features li{margin:1.5vw 0;gap:2vw}
.connected-features h3{font-size:.8vw;letter-spacing:.15em}.connected-features p{font-size:1vw}
.connected-features li>span{border:1px solid #d7ac63;border-radius:50%;width:3.3vw;height:3.3vw;display:grid;place-items:center;font-size:2.4vw;flex-shrink:0}
.harbour-visual{min-height:0;height:100%}.harbour-visual img{filter:brightness(.7) saturate(.6)}
.harbour-marker{left:46%;top:45%;width:3.4vw;height:3vw}
.track-card{position:absolute;z-index:2;right:4vw;top:2vw;padding:1.3vw;border:1px solid #9eaa9480;background:#121912c9;width:13.5vw;font:9px Arial,sans-serif}
.track-card strong{font-size:9px;font-weight:400}.track-card dl{display:grid;grid-template-columns:40% 60%;font-size:9px;gap:6px 0;margin-bottom:5px;color:#ccd1c7}.track-card dd{margin:0}.track-card small{font-size:7px;color:#9eaa94}
.connected-learning article{padding:2.3vw 2.8vw 1.5vw}
.learning-heading{gap:2vw}.learning-heading>span{font-size:1.3vw}.learning-heading h2{font-size:1.9vw;margin-bottom:.7vw}
.learning-heading p{font-size:1.1vw;line-height:1.45;max-width:24vw}
.learning-diagram{height:13vw;max-height:none}.connected-learning article>a{font-size:8px;opacity:.8;padding:0}
.connected-page .reference-footer{padding:2.4vw 4%;height:8.5vw;gap:0;flex-wrap:nowrap}
.reference-footer .brand{width:28%;margin:0!important;gap:14px}.reference-footer .brand svg{width:32px!important}.reference-footer .brand span{font-size:18px!important}
.reference-footer nav{display:flex;gap:2vw;font:9px Arial,sans-serif}.reference-footer nav button{background:none;padding:0;font:inherit}
.footer-contact{margin-left:auto;border-left:1px solid #75816f;padding-left:3vw;font:12px Arial,sans-serif}.footer-contact small{display:block;font-size:7px;color:#aab3a4;margin-bottom:8px}
@media(max-width:720px){
.connected-page .header{height:72px;padding:16px 6%;justify-content:space-between}.connected-page .header .brand{width:auto}.connected-page .header nav{font-size:14px;gap:12px}.header-edition{display:none}
.connected-hero{height:auto}.connected-hero-copy{padding:30px 6% 36px;width:auto;max-width:none}.connected-hero h1{font-size:48px;margin-bottom:24px}.connected-hero-copy>p:not(.eyebrow){font-size:17px;max-width:none;margin-bottom:25px}.amber-button{font-size:14px;padding:12px 18px}.hero-callout,.vessel-callout,.port-callout{display:none}
.connected-layers{height:auto;padding:35px 6%;overflow:visible}.connected-copy{padding:0}.connected-copy h2,.connected-understanding h2{font-size:38px;margin-bottom:23px}.connected-copy>p{font-size:16px;max-width:none}.connected-copy .eyebrow{font-size:9px;margin-bottom:18px}.connected-link{font-size:9px;margin-top:18px}
.layer-visual{height:auto;padding:0;display:block}.layer-visual img{height:auto}.layer-key{position:static;flex-direction:row;height:auto;width:100%;padding:12px 0;gap:15px}.layer-key dd{width:auto;font-size:10px}.layer-key dt:after{display:none}
.connected-understanding{height:auto;padding:30px 6% 0}.connected-understanding .connected-copy{padding:0}.connected-features{margin:25px 0}.connected-features li{margin:20px 0;gap:20px}.connected-features li>span{width:34px;height:34px;font-size:24px}.connected-features h3{font-size:9px}.connected-features p{font-size:13px}
.harbour-visual{height:290px}.harbour-marker{width:30px;height:28px}.track-card{width:135px;right:20px;top:20px;padding:12px}
.connected-learning article{padding:28px 6%}.learning-heading{gap:20px}.learning-heading>span{font-size:13px}.learning-heading h2{font-size:23px;margin-bottom:10px}.learning-heading p{font-size:14px;max-width:none}.learning-diagram{height:180px}
.connected-page .reference-footer{height:auto;flex-wrap:wrap;padding:30px 6%;gap:25px}.reference-footer .brand{width:100%}.reference-footer nav{flex-wrap:wrap;font-size:10px;gap:18px}.footer-contact{margin:0;padding-left:15px}
}
.layer-visual img{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);filter:saturate(.65)}
.ai-product-name{display:block;font-size:2vw;letter-spacing:-.02em;color:#f0f1eb;margin-bottom:1.1vw}
.connected-hero h1{font-size:4.55vw}
.connected-hero-copy{padding-top:7.6vw;width:38%}
.connected-hero-copy>p:not(.eyebrow){max-width:32vw;font-size:1.25vw;margin-bottom:1.6vw}
@media(max-width:720px){.ai-product-name{font-size:24px;margin-bottom:16px}.connected-hero h1{font-size:48px}.connected-hero-copy{padding:30px 6% 36px;width:auto}.connected-hero-copy>p:not(.eyebrow){font-size:17px;max-width:none;margin-bottom:25px}}