Shipboard IT & OT
Connected navigation, engineering, cargo and operational systems can create attack paths between environments.
/* =========================================================
WORDPRESS / JEVElIN ISOLATION
The maritime page is fully scoped so it cannot style the
WordPress theme header, navbar, body, footer or other blocks.
========================================================== */
.maritime-scope{
all:initial;
display:block;
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Arial,Helvetica,sans-serif;
color:#221E1F;
line-height:1.7;
background:#FFFFFF;
-webkit-font-smoothing:antialiased;
text-align:left;
}
.maritime-scope, .maritime-scope *{box-sizing:border-box;}
.maritime-scope img{max-width:100%;display:block;}
.maritime-scope ul,.maritime-scope ol,.maritime-scope li{margin:0;padding:0;}
.maritime-scope a{text-decoration:none;font-family:inherit;}
.maritime-scope button,.maritime-scope input,.maritime-scope textarea,.maritime-scope select{font-family:inherit;}
.maritime-scope h1,.maritime-scope h2,.maritime-scope h3,.maritime-scope h4,.maritime-scope h5,.maritime-scope h6,.maritime-scope p{
font-family:inherit;
}
.maritime-scope svg{display:block;}
.maritime-scope {
–primary: #8E231F ;
–primary-dark: #6E1714 ;
–primary-soft: #F8ECEB ;
–secondary: #221E1F ;
–third: #878787 ;
–white: #FFFFFF ;
–off-white: #FAFAF9 ;
–light: #F5F5F4 ;
–border: #E7E5E4 ;
–text: #221E1F ;
–muted: #666666 ;
–shadow-sm: 0 8px 25px rgba(34,30,31,.06) ;
–shadow-md: 0 18px 50px rgba(34,30,31,.10) ;
–radius: 18px ;
–container: 1180px ;
–transition: all .3s ease ;
}
.maritime-scope * {
box-sizing: border-box ;
margin: 0 ;
padding: 0 ;
}
.maritime-scope {
scroll-behavior: smooth ;
}
.maritime-scope {
font-family: “Inter”, Arial, sans-serif ;
background: var(–white) ;
color: var(–text) ;
line-height: 1.7 ;
overflow-x: hidden ;
padding-top: 0 ;
}
.maritime-scope a {
color: inherit ;
text-decoration: none ;
}
.maritime-scope img {
max-width: 100% ;
display: block ;
}
.maritime-scope button {
font-family: inherit ;
}
.maritime-scope .container {
width: min(var(–container), calc(100% – 40px)) ;
margin: auto ;
}
.maritime-scope .section {
padding: 50px 0 ;
}
.maritime-scope .section-sm {
padding: 70px 0 ;
}
.maritime-scope .eyebrow {
display: inline-flex ;
align-items: center ;
gap: 8px ;
color: var(–primary) ;
font-size: 12px ;
font-weight: 800 ;
letter-spacing: 1.6px ;
text-transform: uppercase ;
margin-bottom: 15px ;
}
.maritime-scope .center .eyebrow {
justify-content: center ;
}
.maritime-scope .cta .cta-box.center {
flex-direction: column ;
align-items: center ;
text-align: center ;
gap: 20px ;
}
.maritime-scope .cta .cta-box.center .btn {
margin-top: 8px ;
}
.maritime-scope .eyebrow::before {
content: “” ;
width: 28px ;
height: 2px ;
background: var(–primary) ;
}
.maritime-scope .section-title {
max-width: 800px ;
font-size: clamp(32px, 4vw, 48px) ;
line-height: 1.12 ;
letter-spacing: -1.5px ;
margin-bottom: 20px ;
text-align: center ;
margin-left: auto ;
margin-right: auto ;
}
.maritime-scope .section-title-1 {
max-width: 800px ;
font-size: clamp(32px, 4vw, 48px) ;
line-height: 1.12 ;
letter-spacing: -1.5px ;
margin-bottom: 20px ;
text-align: left ;
margin-left: auto ;
margin-right: auto ;
}
.maritime-scope h2 {
text-align: center ;
}
.maritime-scope .section-intro {
max-width: 760px ;
color: var(–muted) ;
font-size: 17px ;
}
.maritime-scope .center {
text-align: center ;
}
.maritime-scope .center .section-intro {
margin-left: auto ;
margin-right: auto ;
}
/* =========================================================
HERO
========================================================== */
.maritime-scope .hero {
position: relative ;
min-height: 720px ;
display: flex ;
align-items: center ;
background:#FFFFFF ;
overflow: hidden ;
}
.maritime-scope .hero::after {
content: “” ;
position: absolute ;
right: -160px ;
bottom: -200px ;
width: 600px ;
height: 600px ;
border: 1px solid rgba(142,35,31,.12) ;
border-radius: 50% ;
}
.maritime-scope .hero-content {
position: relative ;
z-index: 2 ;
max-width: 720px ;
}
.maritime-scope .hero-kicker {
margin-top: 50px ;
display: inline-flex ;
align-items: center ;
gap: 9px ;
padding: 8px 13px ;
border-radius: 50px ;
background: var(–primary-soft) ;
color: var(–primary) ;
font-size: 12px ;
font-weight: 800 ;
margin-bottom: 22px ;
}
.maritime-scope .hero-kicker i {
font-size: 13px ;
}
.maritime-scope .hero h1 {
font-size: clamp(44px, 4vw, 72px) ;
line-height: 1.02 ;
letter-spacing: -3px ;
max-width: 800px ;
margin-bottom: 25px ;
}
.maritime-scope .hero h1 span {
color: var(–primary) ;
}
.maritime-scope .hero-subtitle {
color: #555 ;
font-size: 19px ;
max-width: 690px ;
margin-bottom: 35px ;
}
.maritime-scope .hero-actions {
margin-bottom:20px ;
display: flex ;
gap: 13px ;
flex-wrap: wrap ;
}
.maritime-scope .btn {
display: inline-flex ;
align-items: center ;
justify-content: center ;
gap: 9px ;
min-height: 50px ;
padding: 0 23px ;
border-radius: 8px ;
border: 1px solid transparent ;
font-size: 13px ;
font-weight: 800 ;
transition: var(–transition) ;
cursor: pointer ;
}
.maritime-scope .btn-primary {
background: var(–primary) ;
color: #fff ;
}
.maritime-scope .btn-primary:hover {
background: var(–primary-dark) ;
transform: translateY(-2px) ;
}
.maritime-scope .btn-outline {
border-color: #D4D0CE ;
color: var(–secondary) ;
background: #fff ;
}
.maritime-scope .btn-outline:hover {
border-color: var(–primary) ;
color: var(–primary) ;
}
/* =========================================================
MARITIME CAPABILITY CARDS
Completely independent from:
.trust-grid
.trust-item
.container
========================================================= */
.maritime-scope .maritime-capability-strip {
width: 100% ;
display: block ;
position: relative ;
clear: both ;
padding: 26px 0 ;
background: #f7f5f4 ;
border-top: 1px solid #e7e3e1 ;
border-bottom: 1px solid #e7e3e1 ;
overflow: hidden ;
}
/* MAIN ROW */
.maritime-scope .maritime-capability-inner {
width: calc(100% – 40px) ;
max-width: 1180px ;
margin: 0 auto ;
padding: 0 ;
display: grid ;
grid-template-columns: repeat(4, minmax(0, 1fr)) ;
gap: 12px ;
position: relative ;
}
/* CARD */
.maritime-scope .maritime-capability-card {
position: relative ;
width: 100% ;
min-width: 0 ;
max-width: none ;
min-height: 145px ;
padding: 22px 20px 20px 20px ;
background: #ffffff ;
border: 1px solid #e5e1df ;
border-radius: 14px ;
display: flex ;
flex-direction: column ;
justify-content: space-between ;
overflow: hidden ;
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease ;
box-sizing: border-box ;
}
/* RED TOP LINE */
.maritime-scope .maritime-capability-card::before {
content: “” ;
position: absolute ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 3px ;
background: #8E231F ;
transform: scaleX(0) ;
transform-origin: left ;
transition: transform .3s ease ;
}
/* HOVER */
.maritime-scope .maritime-capability-card:hover {
transform: translateY(-5px) ;
border-color: rgba(142,35,31,.35) ;
box-shadow:
0 15px 35px rgba(34,30,31,.09) ;
}
.maritime-scope .maritime-capability-card:hover::before {
transform: scaleX(1) ;
}
/* NUMBER */
.maritime-scope .maritime-capability-number {
position: absolute ;
top: 17px ;
right: 18px ;
font-size: 10px ;
line-height: 1 ;
font-weight: 800 ;
letter-spacing: 1px ;
color: #c9c3c1 ;
}
/* ICON */
.maritime-scope .maritime-capability-icon {
width: 42px ;
height: 42px ;
display: flex ;
align-items: center ;
justify-content: center ;
background: #f8eceb ;
color: #8E231F ;
border-radius: 10px ;
font-size: 16px ;
margin-bottom: 18px ;
transition:
background .25s ease,
color .25s ease ;
}
.maritime-scope .maritime-capability-card:hover
.maritime-capability-icon {
background: #8E231F ;
color: #ffffff ;
}
/* CONTENT */
.maritime-scope .maritime-capability-content {
width: 100% ;
min-width: 0 ;
margin: 0 ;
padding: 0 ;
}
.maritime-scope .maritime-capability-content h3 {
margin: 0 0 5px 0 ;
padding: 0 ;
font-size: 15px ;
line-height: 1.25 ;
font-weight: 800 ;
color: #221E1F ;
}
.maritime-scope .maritime-capability-content p {
margin: 0 ;
padding: 0 ;
font-size: 11px ;
line-height: 1.45 ;
color: #878787 ;
}
/* ARROW */
.maritime-scope .maritime-capability-arrow {
position: absolute ;
right: 18px ;
bottom: 17px ;
width: 25px ;
height: 25px ;
display: flex ;
align-items: center ;
justify-content: center ;
border: 1px solid #e4dfdd ;
border-radius: 50% ;
color: #8E231F ;
font-size: 9px ;
transition:
background .25s ease,
color .25s ease,
border-color .25s ease ;
}
.maritime-scope .maritime-capability-card:hover
.maritime-capability-arrow {
background: #8E231F ;
border-color: #8E231F ;
color: #ffffff ;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 1000px) {
.maritime-scope .maritime-capability-inner {
grid-template-columns:
repeat(2, minmax(0, 1fr)) ;
gap: 12px ;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 650px) {
.maritime-scope .maritime-capability-strip {
padding: 18px 0 ;
}
.maritime-scope .maritime-capability-inner {
width: calc(100% – 28px) ;
grid-template-columns:
repeat(2, minmax(0, 1fr)) ;
gap: 9px ;
}
.maritime-scope .maritime-capability-card {
min-height: 135px ;
padding: 18px 15px ;
border-radius: 12px ;
}
.maritime-scope .maritime-capability-icon {
width: 36px ;
height: 36px ;
font-size: 14px ;
margin-bottom: 13px ;
}
.maritime-scope .maritime-capability-content h3 {
font-size: 13px ;
}
.maritime-scope .maritime-capability-content p {
font-size: 10px ;
}
.maritime-scope .maritime-capability-number {
top: 14px ;
right: 13px ;
font-size: 9px ;
}
.maritime-scope .maritime-capability-arrow {
display: none ;
}
}
/* =========================================================
INTRO
========================================================== */
.maritime-scope .intro-grid {
display: grid ;
grid-template-columns: 1fr 1.2fr ;
gap: 80px ;
align-items: center ;
}
.maritime-scope .intro-lead {
font-size: 23px ;
line-height: 1.45 ;
font-weight: 600 ;
}
.maritime-scope .intro-copy {
color: var(–muted) ;
}
.maritime-scope .intro-copy p + p {
margin-top: 18px ;
}
/* =========================================================
RISK SECTION
========================================================== */
.maritime-scope .risk-section {
background: var(–secondary) ;
color: #fff ;
}
.maritime-scope .risk-section .section-intro {
color: #BDB8B8 ;
}
.maritime-scope .risk-grid {
margin-top: 55px ;
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 16px ;
}
.maritime-scope .risk-card {
padding: 22px ;
border: 1px solid rgba(255,255,255,.10) ;
border-radius: 14px ;
background: rgba(255,255,255,.035) ;
transition: var(–transition) ;
}
.maritime-scope .risk-card:hover {
transform: translateY(-5px) ;
border-color: rgba(142,35,31,.7) ;
background: rgba(142,35,31,.10) ;
}
.maritime-scope .risk-icon {
width: 43px ;
height: 43px ;
display: grid ;
place-items: center ;
background: rgba(142,35,31,.18) ;
color: #E5A09D ;
border-radius: 10px ;
margin-bottom: 20px ;
}
.maritime-scope .risk-card h3 {
font-size: 17px ;
margin-bottom: 9px ;
}
.maritime-scope .risk-card p {
color: #AFA9A9 ;
font-size: 13px ;
}
/* =========================================================
SYSTEMS
========================================================== */
.maritime-scope .systems {
background: var(–off-white) ;
}
.maritime-scope .systems-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 14px ;
margin-top: 45px ;
}
.maritime-scope .system {
background: #fff ;
border: 1px solid var(–border) ;
border-radius: 14px ;
padding: 24px ;
transition: var(–transition) ;
}
.maritime-scope .system:hover {
border-color: rgba(142,35,31,.35) ;
box-shadow: var(–shadow-sm) ;
}
.maritime-scope .system i {
color: var(–primary) ;
font-size: 20px ;
margin-bottom: 15px ;
}
.maritime-scope .system h3 {
font-size: 15px ;
margin-bottom: 6px ;
}
.maritime-scope .system p {
color: var(–muted) ;
font-size: 12px ;
}
/* =========================================================
SERVICES
========================================================== */
.maritime-scope .services-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 18px ;
margin-top: 50px ;
}
.maritime-scope .service-card {
position: relative ;
border: 1px solid var(–border) ;
border-radius: var(–radius) ;
padding: 32px ;
background: #fff ;
overflow: hidden ;
transition: var(–transition) ;
}
.maritime-scope .service-card::before {
content: “” ;
position: absolute ;
left: 0 ;
top: 0 ;
width: 4px ;
height: 0 ;
background: var(–primary) ;
transition: var(–transition) ;
}
.maritime-scope .service-card:hover {
transform: translateY(-6px) ;
box-shadow: var(–shadow-md) ;
}
.maritime-scope .service-card:hover::before {
height: 100% ;
}
.maritime-scope .service-number {
color: #D5D0CE ;
font-size: 12px ;
font-weight: 800 ;
margin-bottom: 22px ;
}
.maritime-scope .service-icon {
width: 50px ;
height: 50px ;
display: grid ;
place-items: center ;
background: var(–primary-soft) ;
color: var(–primary) ;
border-radius: 12px ;
margin-bottom: 22px ;
}
.maritime-scope .service-card h3 {
font-size: 19px ;
margin-bottom: 10px ;
}
.maritime-scope .service-card p {
color: var(–muted) ;
font-size: 13px ;
margin-bottom: 17px ;
}
.maritime-scope .service-list {
list-style: none ;
}
.maritime-scope .service-list li {
position: relative ;
padding-left: 18px ;
margin-bottom: 7px ;
color: #555 ;
font-size: 12px ;
}
.maritime-scope .service-list li::before {
content: “” ;
position: absolute ;
left: 0 ;
top: 9px ;
width: 6px ;
height: 6px ;
border-radius: 50% ;
background: var(–primary) ;
}
/* =========================================================
COMPLIANCE
========================================================== */
/* REGULATORY STANDARDS — COMPACT SEO/AEO/GEO UI */
.maritime-scope .regulatory-standards-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(142,35,31,.045),transparent 28%),var(–off-white)}.maritime-scope .regulatory-standards-heading .section-title{max-width:850px;margin-bottom:14px}.maritime-scope .regulatory-standards-heading .section-intro{max-width:820px;font-size:15px;line-height:1.65}.maritime-scope .regulatory-answer-strip{max-width:980px;margin:30px auto 0;padding:17px 20px;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(142,35,31,.14);border-left:3px solid var(–primary);border-radius:12px;background:#fff;box-shadow:0 8px 25px rgba(34,30,31,.045)}.maritime-scope .regulatory-answer-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:var(–primary-soft);color:var(–primary)}.maritime-scope .regulatory-answer-strip strong{display:block;margin-bottom:3px;color:var(–secondary);font-size:13px}.maritime-scope .regulatory-answer-strip p{color:var(–muted);font-size:12px;line-height:1.55}.maritime-scope .regulatory-standards-grid{margin-top:30px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:26px;align-items:start}.maritime-scope .regulatory-standard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.maritime-scope .regulatory-standard-list .compliance-standard-card{position:relative;min-width:0;display:grid;grid-template-columns:40px 1fr;gap:11px;padding:15px;border:1px solid var(–border);border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(34,30,31,.035);overflow:hidden;opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease,border-color .22s ease,box-shadow .22s ease}
.maritime-scope .regulatory-standard-list .compliance-standard-card:hover{border-color:rgba(142,35,31,.28);box-shadow:0 12px 28px rgba(34,30,31,.075)}.maritime-scope .regulatory-standard-list .standard-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(–primary-soft);color:var(–primary);font-size:14px}.maritime-scope .regulatory-standard-list .compliance-standard-card:hover .standard-badge{background:var(–primary);color:#fff}.maritime-scope .regulatory-standard-list .standard-code{display:block;margin-bottom:3px;color:var(–primary);font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.maritime-scope .regulatory-standard-list .compliance-standard-card h3{margin:0 0 4px;color:var(–secondary);font-size:13px;line-height:1.35}.maritime-scope .regulatory-standard-list .compliance-standard-card p{color:var(–muted);font-size:10.5px;line-height:1.55}.maritime-scope .regulatory-compliance-aside{position:sticky;top:100px;margin:0;padding:25px;border-radius:15px;background:radial-gradient(circle at 100% 0%,rgba(142,35,31,.22),transparent 38%),var(–secondary);box-shadow:0 15px 35px rgba(34,30,31,.12)}.maritime-scope .regulatory-compliance-aside .eyebrow{margin-bottom:10px;color:#d98b87}.maritime-scope .regulatory-compliance-aside .eyebrow::before{background:#d98b87}.maritime-scope .regulatory-compliance-aside h3{margin-bottom:9px;font-size:21px;line-height:1.2}.maritime-scope .regulatory-compliance-aside p{font-size:11.5px;line-height:1.6;color:#beb8b8}.maritime-scope .regulatory-compliance-aside .check-list{margin-top:15px;list-style:none;padding-left:0}.maritime-scope .regulatory-compliance-aside .check-list li{list-style:none;gap:8px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.07);color:#ddd;font-size:10.5px}.maritime-scope .regulatory-compliance-aside .check-list li:last-child{border-bottom:0}.maritime-scope .regulatory-compliance-aside .check-list i,.maritime-scope .regulatory-scope-note i{color:#d98b87}.maritime-scope .regulatory-scope-note{margin-top:17px;padding-top:13px;display:flex;gap:8px;border-top:1px solid rgba(255,255,255,.09);color:#aaa4a4;font-size:9.5px;line-height:1.5}@media(max-width:1000px){.maritime-scope .regulatory-standards-grid{grid-template-columns:1fr}.maritime-scope .regulatory-compliance-aside{position:relative;top:auto}}@media(max-width:650px){.maritime-scope .regulatory-answer-strip{margin-top:24px;padding:14px}.maritime-scope .regulatory-answer-strip p{font-size:11px}.maritime-scope .regulatory-standards-grid{margin-top:22px}.maritime-scope .regulatory-standard-list{grid-template-columns:1fr;gap:8px}.maritime-scope .regulatory-standard-list .compliance-standard-card{grid-template-columns:38px 1fr;padding:13px}.maritime-scope .regulatory-standard-list .standard-badge{width:38px;height:38px}.maritime-scope .regulatory-standard-list .compliance-standard-card h3{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.maritime-scope .regulatory-standard-list .compliance-standard-card{opacity:1;transform:none;transition:none}}
/* =========================================================
OUTCOMES
========================================================== */
.maritime-scope .outcome-grid {
display: grid ;
grid-template-columns: repeat(4, 1fr) ;
gap: 15px ;
margin-top: 50px ;
}
.maritime-scope .outcome {
padding: 30px 25px ;
border-top: 3px solid var(–primary) ;
background: var(–off-white) ;
}
.maritime-scope .outcome strong {
display: block ;
font-size: 17px ;
margin-bottom: 7px ;
}
.maritime-scope .outcome p {
color: var(–muted) ;
font-size: 12px ;
}
/* =========================================================
PROCESS
========================================================== */
.maritime-scope .process-section {
background: var(–primary-soft) ;
}
.maritime-scope .process {
margin-top: 55px ;
display: grid ;
grid-template-columns: repeat(5, 1fr) ;
gap: 0 ;
}
.maritime-scope .process-step {
position: relative ;
padding: 0 18px ;
text-align: center ;
}
.maritime-scope .process-step:not(:last-child)::after {
content: “” ;
position: absolute ;
top: 25px ;
left: calc(50% + 25px) ;
width: calc(100% – 50px) ;
height: 1px ;
background: #D8B6B4 ;
}
.maritime-scope .process-num {
position: relative ;
z-index: 2 ;
width: 50px ;
height: 50px ;
margin: auto auto 20px ;
display: grid ;
place-items: center ;
border-radius: 50% ;
background: #fff ;
color: var(–primary) ;
border: 1px solid #D9B5B2 ;
font-weight: 800 ;
}
.maritime-scope .process-step h3 {
font-size: 14px ;
margin-bottom: 7px ;
}
.maritime-scope .process-step p {
color: var(–muted) ;
font-size: 11px ;
}
/* =========================================================
INDUSTRY FIT
========================================================== */
.maritime-scope .fit-grid {
display: grid ;
grid-template-columns: repeat(3, 1fr) ;
gap: 18px ;
margin-top: 50px ;
}
.maritime-scope .fit-card {
border: 1px solid var(–border) ;
border-radius: 15px ;
padding: 27px ;
}
.maritime-scope .fit-card h3 {
font-size: 16px ;
margin-bottom: 8px ;
}
.maritime-scope .fit-card p {
color: var(–muted) ;
font-size: 12px ;
}
/* =========================================================
FAQ
========================================================== */
.maritime-scope .faq-wrap {
max-width: 900px ;
margin: 50px auto 0 ;
}
.maritime-scope .faq {
border-top: 1px solid var(–border) ;
}
.maritime-scope .faq:last-child {
border-bottom: 1px solid var(–border) ;
}
.maritime-scope .faq-question {
width: 100% ;
background: none ;
border: 0 ;
display: flex ;
justify-content: space-between ;
gap: 20px ;
text-align: left ;
padding: 23px 0 ;
font-size: 15px ;
font-weight: 700 ;
color: var(–secondary) ;
cursor: pointer ;
}
.maritime-scope .faq-question i {
color: var(–primary) ;
transition: var(–transition) ;
}
.maritime-scope .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .4s ease;
}
.maritime-scope .faq-answer p {
color: var(–muted) ;
font-size: 13px ;
padding-bottom: 22px ;
}
.maritime-scope .faq.active .faq-question i,
.maritime-scope .faq:hover .faq-question i {
transform: rotate(45deg) ;
}
/* =========================================================
CTA
========================================================== */
.maritime-scope .cta {
background: var(–secondary) ;
color: #fff ;
padding: 90px 0 ;
}
.maritime-scope .cta-box {
display: flex ;
align-items: center ;
justify-content: space-between ;
gap: 40px ;
}
.maritime-scope .cta h2 {
font-size: clamp(32px, 4vw, 48px) ;
line-height: 1.1 ;
letter-spacing: -1.5px ;
max-width: 720px ;
margin-bottom: 15px ;
}
.maritime-scope .cta p {
color: #BEB8B8 ;
max-width: 680px ;
font-size: 15px ;
}
.maritime-scope .cta .btn-outline {
color: #fff ;
border-color: #575152 ;
background: transparent ;
flex-shrink: 0 ;
}
.maritime-scope .cta .btn-outline:hover {
border-color: #fff ;
color: #fff ;
}
/* =========================================================
FOOTER
========================================================== */
.maritime-scope footer {
background: #171415 ;
color: #fff ;
padding: 45px 0 25px ;
}
.maritime-scope .footer-grid {
display: grid ;
grid-template-columns: 1.4fr 1fr 1fr ;
gap: 50px ;
padding-bottom: 35px ;
}
.maritime-scope .footer-brand {
max-width: 400px ;
}
.maritime-scope .footer-brand .logo {
color: #fff ;
margin-bottom: 15px ;
display: inline-block ;
}
.maritime-scope .footer-brand p,
.maritime-scope .footer-links a {
color: #9F9999 ;
font-size: 12px ;
}
.maritime-scope .footer-links h4 {
font-size: 12px ;
margin-bottom: 14px ;
text-transform: uppercase ;
letter-spacing: 1px ;
}
.maritime-scope .footer-links a {
display: block ;
margin-bottom: 8px ;
transition: var(–transition) ;
}
.maritime-scope .footer-links a:hover {
color: #fff ;
}
.maritime-scope .copyright {
border-top: 1px solid #2D292A ;
padding-top: 20px ;
color: #777 ;
font-size: 11px ;
display: flex ;
justify-content: space-between ;
gap: 20px ;
}
/* =========================================================
REVEAL
========================================================== */
.maritime-scope .reveal {
opacity: 0 ;
transform: translateY(25px) ;
transition: opacity .7s ease, transform .7s ease ;
}
.maritime-scope .reveal.visible {
opacity: 1 ;
transform: translateY(0) ;
}
/* =========================================================
COMPLIANCE STANDARDS SCROLL REVEAL
WordPress / Jevelin safe
========================================================= */
/* Stagger the framework cards */
.maritime-scope .compliance .standard:nth-child(1) {
transition-delay: 0s ;
}
.maritime-scope .compliance .standard:nth-child(2) {
transition-delay: .08s ;
}
.maritime-scope .compliance .standard:nth-child(3) {
transition-delay: .16s ;
}
.maritime-scope .compliance .standard:nth-child(4) {
transition-delay: .24s ;
}
.maritime-scope .compliance .standard:nth-child(5) {
transition-delay: .32s ;
}
.maritime-scope .compliance .standard:nth-child(6) {
transition-delay: .40s ;
}
.maritime-scope .compliance .standard:nth-child(7) {
transition-delay: .48s ;
}
.maritime-scope .compliance .standard:nth-child(8) {
transition-delay: .56s ;
}
/* =========================================================
MOBILE
========================================================== */
@media (max-width: 1000px) {
.maritime-scope .hero {
min-height: 650px;
}
.maritime-scope .intro-grid,
.maritime-scope .compliance-grid {
grid-template-columns: 1fr;
}
.maritime-scope .risk-grid,
.maritime-scope .services-grid {
grid-template-columns: repeat(2, 1fr);
}
.maritime-scope .systems-grid {
grid-template-columns: repeat(2, 1fr);
}
.maritime-scope .outcome-grid {
grid-template-columns: repeat(2, 1fr);
}
.maritime-scope .process {
grid-template-columns: 1fr;
gap: 30px;
}
.maritime-scope .process-step:not(:last-child)::after {
display: none;
}
.maritime-scope .fit-grid {
grid-template-columns: 1fr 1fr;
}
.maritime-scope .compliance-aside {
position: static;
}
.maritime-scope .cta-box {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 650px) {
.maritime-scope .container {
width: min(var(–container), calc(100% – 28px));
}
.maritime-scope .section {
padding: 70px 0;
}
.maritime-scope .hero {
min-height: 700px;
background:#FFFFFF ;
}
.maritime-scope .hero h1 {
letter-spacing: -2px;
}
.maritime-scope .hero-subtitle {
font-size: 16px;
}
.maritime-scope .trust-grid {
grid-template-columns: repeat(2, 1fr);
}
.maritime-scope .trust-item:nth-child(2) {
border-right: 0;
}
.maritime-scope .trust-item:nth-child(-n/**/+2) {
border-bottom: 1px solid var(–border);
}
.maritime-scope .risk-grid,
.maritime-scope .services-grid,
.maritime-scope .systems-grid,
.maritime-scope .fit-grid {
grid-template-columns: 1fr;
}
.maritime-scope .outcome-grid {
grid-template-columns: 1fr;
}
.maritime-scope .standard {
grid-template-columns: 1fr;
gap: 8px;
}
.maritime-scope .footer-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.maritime-scope .copyright {
flex-direction: column;
}
}
/* =========================================================
V3 VISUAL SYSTEM
========================================================== */
.maritime-scope .visual-panel {
position: relative ;
overflow: hidden ;
border: 1px solid var(–border) ;
border-radius: 24px ;
background: linear-gradient(145deg,#fff 0%,#f7f4f3 100%) ;
box-shadow: var(–shadow-md) ;
}
.maritime-scope .visual-panel svg {
display: block ;
width: 100% ;
height: auto ;
}
.maritime-scope .visual-caption {
position: absolute ;
left: 18px ;
bottom: 18px ;
padding: 9px 13px ;
border-radius: 999px ;
background: rgba(34,30,31,.90) ;
color: #fff ;
font-size: 10px ;
font-weight: 700 ;
letter-spacing: .4px ;
backdrop-filter: blur(8px) ;
}
.maritime-scope .hero-v3 {
min-height: 720px ;
background:
radial-gradient(circle at 85% 20%, rgba(142,35,31,.08), transparent 30%),
linear-gradient(180deg,#fff 0%,#faf9f8 100%) ;
}
.maritime-scope .hero-v3-grid {
display: grid ;
grid-template-columns: 1.02fr .98fr ;
align-items: center ;
gap: 65px ;
}
.maritime-scope .hero-v3-visual {
transform: translateY(10px) ;
}
.maritime-scope .hero-v3-visual .visual-panel {
border-color: rgba(142,35,31,.16) ;
}
.maritime-scope .hero-visual-image {
width: 100% ;
max-width: 100% ;
height: auto ;
display: block ;
border: 1px solid var(–border) ;
border-radius: 24px ;
box-shadow: var(–shadow-md) ;
}
.maritime-scope .hero-ship-image {
position: absolute ;
right: 32px ;
top: 50% ;
transform: translateY(-50%) ;
max-width: 340px ;
width: 100% ;
z-index: 2 ;
pointer-events: none ;
display: none ;
}
.maritime-scope .hero-badge {
padding: 8px 11px ;
border: 1px solid var(–border) ;
border-radius: 7px ;
color: #555 ;
background: #fff ;
font-size: 10px ;
font-weight: 700 ;
}
.maritime-scope .visual-section {
margin-top: 50px ;
}
.maritime-scope .split-visual {
display: grid ;
grid-template-columns: .95fr 1.05fr ;
gap: 60px ;
align-items: center ;
}
.maritime-scope .split-visual.reverse {
grid-template-columns: 1.05fr .95fr ;
}
.maritime-scope .split-visual.reverse .visual-copy {
order: 2 ;
}
.maritime-scope .visual-copy p {
color: var(–muted) ;
font-size: 14px ;
}
.maritime-scope .visual-copy p + p {
margin-top: 16px ;
}
.maritime-scope .visual-points {
list-style: none ;
display: grid ;
gap: 9px ;
margin-top: 22px ;
}
.maritime-scope .visual-points li {
display: flex ;
gap: 10px ;
align-items: flex-start ;
font-size: 12px ;
color: #4d4a49 ;
}
.maritime-scope .visual-points i {
color: var(–primary) ;
margin-top: 4px ;
}
.maritime-scope .risk-layout {
display: grid ;
grid-template-columns: .9fr 1.1fr ;
gap: 45px ;
align-items: center ;
margin-top: 55px ;
}
.maritime-scope .risk-layout .risk-grid {
margin-top: 0 ;
}
.maritime-scope .attack-visual {
margin-top: 45px ;
margin-bottom: 25px ;
}
.maritime-scope .service-feature {
margin-top: 50px ;
display: grid ;
grid-template-columns: 1fr 1fr ;
border-radius: 22px ;
overflow: hidden ;
background: var(–secondary) ;
color: #fff ;
}
.maritime-scope .service-feature-copy {
padding: 50px ;
}
.maritime-scope .service-feature-copy .eyebrow {
color: #d98b87 ;
}
.maritime-scope .service-feature-copy .eyebrow::before {
background: #d98b87 ;
}
.maritime-scope .service-feature-copy h3 {
font-size: clamp(28px,3vw,40px) ;
line-height: 1.12 ;
margin-bottom: 16px ;
letter-spacing: -1px ;
}
.maritime-scope .service-feature-copy p {
color: #bdb7b7 ;
font-size: 14px ;
}
.maritime-scope .service-feature-copy ul {
list-style: none ;
margin-top: 24px ;
display: grid ;
gap: 9px ;
}
.maritime-scope .service-feature-copy li {
font-size: 12px ;
color: #ddd ;
}
.maritime-scope .service-feature-copy li i {
color: #d98b87 ;
margin-right: 8px ;
}
.maritime-scope .service-feature-visual {
min-height: 420px ;
background: #171415 ;
}
.maritime-scope .service-feature-visual svg {
height: 100% ;
min-height: 420px ;
}
.maritime-scope .standards-visual {
margin: 50px 0 10px ;
}
.maritime-scope .standards-visual .visual-panel {
background: #fff ;
}
.maritime-scope .ecosystem-visual {
margin: 50px 0 40px ;
}
.maritime-scope .image-credit-note {
margin-top: 10px ;
font-size: 10px ;
color: #8a8583 ;
}
.maritime-scope .seo-support {
margin-top: 55px ;
padding: 28px 30px ;
border-left: 3px solid var(–primary) ;
background: var(–primary-soft) ;
border-radius: 0 14px 14px 0 ;
}
.maritime-scope .seo-support strong {
display: block ;
font-size: 14px ;
margin-bottom: 7px ;
}
.maritime-scope .seo-support p {
color: #5f5a59 ;
font-size: 12px ;
}
@media (max-width:1000px) {
.maritime-scope .hero-ship-image {
display: none ;
}
.maritime-scope .hero-v3-grid,
.maritime-scope .split-visual,
.maritime-scope .split-visual.reverse,
.maritime-scope .risk-layout,
.maritime-scope .service-feature {
grid-template-columns: 1fr ;
}
.maritime-scope .split-visual.reverse .visual-copy {
order: initial ;
}
.maritime-scope .hero-v3 {
min-height: auto ;
padding: 80px 0 ;
}
.maritime-scope .hero-v3-visual {
max-width: 760px ;
margin: auto ;
}
.maritime-scope .service-feature-copy {
padding: 35px ;
}
}
@media (max-width:650px) {
.maritime-scope .hero-v3 {
padding: 65px 0 ;
}
.maritime-scope .hero-v3-visual {
margin-top: 15px ;
}
.maritime-scope .service-feature-visual,
.maritime-scope .service-feature-visual svg {
min-height: 300px ;
}
.maritime-scope .service-feature-copy {
padding: 28px ;
}
}
/* =========================================================
V5 WORDPRESS-SAFE LAYOUT + IMAGE PLACEHOLDERS
No global selectors. No theme/header/navbar changes.
========================================================= */
.maritime-scope.maritime-scope{
display:block ;
width:100% ;
max-width:none ;
min-width:0 ;
margin:0 ;
padding:0 ;
position:relative ;
overflow:visible ;
text-align:left ;
background:#fff ;
}
.maritime-scope.maritime-scope .container{
width:min(1180px, calc(100% – 40px)) ;
max-width:1180px ;
margin-left:auto ;
margin-right:auto ;
padding-left:0 ;
padding-right:0 ;
}
.maritime-scope.maritime-scope .section{
width:100% ;
clear:both ;
position:relative ;
}
.maritime-scope.maritime-scope .hero{
width:100% ;
clear:both ;
}
.maritime-scope.maritime-scope .hero-v3-grid{
width:100% ;
display:grid ;
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) ;
gap:65px ;
align-items:center ;
}
.maritime-scope.maritime-scope .hero-content,
.maritime-scope.maritime-scope .hero-v3-visual,
.maritime-scope.maritime-scope .visual-copy,
.maritime-scope.maritime-scope .reveal{
min-width:0 ;
max-width:none ;
float:none ;
}
.maritime-scope.maritime-scope .hero-v3-visual{
width:100% ;
display:block ;
order:2 ;
}
.maritime-scope.maritime-scope .hero-content{
width:100% ;
order:1 ;
}
.maritime-scope.maritime-scope .split-visual{
width:100% ;
display:grid ;
grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) ;
gap:60px ;
align-items:center ;
}
.maritime-scope.maritime-scope .split-visual.reverse{
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) ;
}
.maritime-scope.maritime-scope .split-visual.reverse .visual-copy{
order:2 ;
}
.maritime-scope.maritime-scope .split-visual.reverse > .reveal{
order:1 ;
}
.maritime-scope.maritime-scope .visual-copy{
width:100% ;
order:1 ;
}
.maritime-scope.maritime-scope .visual-copy + .reveal{
width:100% ;
order:2 ;
}
.maritime-scope.maritime-scope .risk-layout,
.maritime-scope.maritime-scope .service-feature,
.maritime-scope.maritime-scope .compliance-grid{
min-width:0 ;
}
.maritime-scope.maritime-scope .risk-layout > *,
.maritime-scope.maritime-scope .service-feature > *,
.maritime-scope.maritime-scope .compliance-grid > *{
min-width:0 ;
}
/* Image placeholders */
.maritime-scope.maritime-scope .maritime-image-placeholder{
box-sizing:border-box ;
width:100% ;
max-width:100% ;
min-width:0 ;
display:block ;
position:relative ;
overflow:hidden ;
border-radius:20px ;
background:
linear-gradient(135deg, rgba(142,35,31,.035), rgba(34,30,31,.025)) ;
color:#6b6462 ;
text-align:center ;
margin:0 ;
padding:0 ;
object-fit:cover ;
object-position:center ;
}
.maritime-scope.maritime-scope .maritime-image-placeholder .placeholder-inner{
width:100% ;
display:flex ;
flex-direction:column ;
align-items:center ;
justify-content:center ;
gap:8px ;
min-height:120px ;
padding:0 ;
margin:0 ;
}
.maritime-scope.maritime-scope .maritime-image-placeholder .placeholder-icon{
display:flex ;
align-items:center ;
justify-content:center ;
width:54px ;
height:54px ;
border-radius:50% ;
border:1px solid rgba(142,35,31,.28) ;
color:#8E231F ;
font-size:9px ;
font-weight:800 ;
letter-spacing:1px ;
}
.maritime-scope.maritime-scope .maritime-image-placeholder strong{
display:block ;
font-size:15px ;
line-height:1.3 ;
color:#221E1F ;
margin:0 ;
}
.maritime-scope.maritime-scope .maritime-image-placeholder span:not(.placeholder-icon){
display:block ;
max-width:90% ;
font-size:11px ;
line-height:1.5 ;
color:#878787 ;
margin:0 ;
}
.maritime-scope.maritime-scope .placeholder-hero{
min-height:430px ;
height:100% ;
border-radius:24px ;
}
.maritime-scope.maritime-scope .placeholder-wide{
min-height:390px ;
}
.maritime-scope.maritime-scope .placeholder-attack{
min-height:360px ;
border-radius:18px ;
}
.maritime-scope.maritime-scope .placeholder-feature{
min-height:420px ;
height:100% ;
border:0 ;
border-radius:0 ;
background:#171415 ;
color:#fff ;
}
.maritime-scope.maritime-scope .placeholder-feature strong{
color:#fff ;
}
.maritime-scope.maritime-scope .placeholder-feature span:not(.placeholder-icon){
color:#c9c1bf ;
}
.maritime-scope.maritime-scope .placeholder-feature .placeholder-icon{
color:#d98b87 ;
border-color:rgba(217,139,135,.45) ;
}
.maritime-scope.maritime-scope .placeholder-standards{
min-height:330px ;
}
.maritime-scope.maritime-scope .placeholder-ecosystem{
min-height:360px ;
border-radius:18px ;
}
.maritime-scope.maritime-scope .service-feature-visual{
min-height:420px ;
width:100% ;
display:block ;
}
.maritime-scope.maritime-scope .service-feature-visual .maritime-image-placeholder{
height:100% ;
}
.maritime-scope.maritime-scope .standards-visual,
.maritime-scope.maritime-scope .ecosystem-visual,
.maritime-scope.maritime-scope .attack-visual{
width:100% ;
max-width:none ;
float:none ;
}
.maritime-scope.maritime-scope .standards-visual .maritime-image-placeholder,
.maritime-scope.maritime-scope .ecosystem-visual .maritime-image-placeholder{
width:100% ;
}
.maritime-scope.maritime-scope h1,
.maritime-scope.maritime-scope h2,
.maritime-scope.maritime-scope h3,
.maritime-scope.maritime-scope h4,
.maritime-scope.maritime-scope h5,
.maritime-scope.maritime-scope h6,
.maritime-scope.maritime-scope p,
.maritime-scope.maritime-scope ul,
.maritime-scope.maritime-scope ol{
max-width:none ;
}
.maritime-scope.maritime-scope .section-title,
.maritime-scope.maritime-scope .section-title-1{
width:100% ;
}
.maritime-scope.maritime-scope .section-title-1{
text-align:left ;
}
.maritime-scope.maritime-scope .center{
width:100% ;
float:none ;
}
.maritime-scope.maritime-scope .center .section-title{
text-align:center ;
margin-left:auto ;
margin-right:auto ;
}
.maritime-scope.maritime-scope .faq-question{
width:100% ;
display:flex ;
align-items:center ;
justify-content:space-between ;
text-align:left ;
}
.maritime-scope.maritime-scope .faq-answer{
width:100% ;
}
.maritime-scope.maritime-scope .cta-box{
width:100% ;
box-sizing:border-box ;
}
@media (max-width:1000px){
.maritime-scope.maritime-scope .hero-v3-grid,
.maritime-scope.maritime-scope .split-visual,
.maritime-scope.maritime-scope .split-visual.reverse,
.maritime-scope.maritime-scope .service-feature,
.maritime-scope.maritime-scope .compliance-grid{
grid-template-columns:1fr ;
}
.maritime-scope.maritime-scope .split-visual.reverse .visual-copy,
.maritime-scope.maritime-scope .split-visual.reverse > .reveal{
order:initial ;
}
.maritime-scope.maritime-scope .hero-v3-visual{
order:2 ;
}
.maritime-scope.maritime-scope .placeholder-hero{
min-height:340px ;
}
}
@media (max-width:650px){
.maritime-scope.maritime-scope .container{
width:calc(100% – 28px) ;
}
.maritime-scope.maritime-scope .placeholder-hero,
.maritime-scope.maritime-scope .placeholder-wide{
min-height:280px ;
}
.maritime-scope.maritime-scope .placeholder-feature{
min-height:300px ;
}
.maritime-scope.maritime-scope .placeholder-attack,
.maritime-scope.maritime-scope .placeholder-standards,
.maritime-scope.maritime-scope .placeholder-ecosystem{
min-height:250px ;
}
}
/* =========================================================
MARITIME CYBER RISK MODAL
Same visual treatment as the Whitepaper popup
========================================================= */
/* =========================================================
MARITIME CYBER RISK MODAL — FORM UI ONLY
========================================================= */
.maritime-risk-modal{
position:fixed ;
inset:0 ;
display:none ;
justify-content:center ;
align-items:flex-start ;
padding:70px 20px 30px ;
background:rgba(20,18,19,.72) ;
backdrop-filter:blur(7px) ;
-webkit-backdrop-filter:blur(7px) ;
z-index:99999999 ;
}
.maritime-risk-modal.show{
display:flex ;
}
/* POPUP CARD */
.maritime-risk-card{
margin: 60px auto 0px auto ;
width:min(900px,55vw) ;
max-height:calc(90vh – 100px) ;
overflow-y:auto ;
overflow-x:hidden ;
background:#ffffff ;
border-radius:18px ;
box-shadow:0 30px 80px rgba(0,0,0,.35) ;
position:relative ;
z-index:999999999 ;
scrollbar-width:thin ;
scrollbar-color:#b8b3b1 transparent ;
}
/* HEADER */
.maritime-risk-header{
padding:24px 30px 21px ;
background:#221E1F ;
color:#ffffff ;
position:relative ;
border-radius:18px 18px 0 0 ;
border-bottom:3px solid #8E231F ;
}
.maritime-risk-header h3{
margin:0 50px 6px 0 ;
color:#ffffff ;
font-family:”Inter”,Arial,sans-serif ;
font-size:22px ;
line-height:1.3 ;
font-weight:700 ;
letter-spacing:-.3px ;
}
.maritime-risk-header p{
margin:0 ;
color:rgba(255,255,255,.72) ;
font-family:”Inter”,Arial,sans-serif ;
font-size:13px ;
line-height:1.55 ;
}
/* CLOSE BUTTON */
.maritime-risk-close{
position:absolute ;
top:15px ;
right:20px ;
display:flex ;
align-items:center ;
justify-content:center ;
width:34px ;
height:34px ;
background:transparent ;
border:1px solid rgba(255,255,255,.16) ;
border-radius:50% ;
outline:none ;
padding:0 ;
margin:0 ;
color:#ffffff ;
font-size:25px ;
font-weight:300 ;
line-height:1 ;
cursor:pointer ;
box-shadow:none ;
transition:
color .25s ease,
background .25s ease,
border-color .25s ease,
transform .25s ease ;
}
.maritime-risk-close:hover{
background:#8E231F ;
border-color:#8E231F ;
color:#ffffff ;
transform:rotate(90deg) ;
}
/* FORM CONTENT */
.maritime-risk-content{
padding:30px 32px 26px ;
background:#ffffff ;
}
.maritime-risk-content .wpcf7,
.maritime-risk-content .wpcf7 form{
width:100% ;
max-width:none ;
}
.maritime-risk-content .wpcf7-form-control-wrap{
display:block ;
width:100% ;
}
.maritime-risk-content .wpcf7 form p{
margin:0 0 12px ;
}
/* INPUTS */
.maritime-risk-content input[type=”text”],
.maritime-risk-content input[type=”email”],
.maritime-risk-content input[type=”tel”],
.maritime-risk-content input[type=”url”],
.maritime-risk-content input[type=”number”],
.maritime-risk-content select,
.maritime-risk-content textarea{
width:100% ;
min-height:48px ;
padding:12px 14px ;
margin:6px 0 14px ;
border:1px solid #d9d4d2 ;
border-radius:9px ;
background:#ffffff ;
color:#221E1F ;
font-family:”Inter”,Arial,sans-serif ;
font-size:13.5px ;
line-height:1.4 ;
outline:none ;
box-shadow:0 1px 2px rgba(34,30,31,.03) ;
transition:
border-color .2s ease,
box-shadow .2s ease,
background .2s ease ;
box-sizing:border-box ;
}
.maritime-risk-content textarea{
min-height:105px ;
resize:vertical ;
}
.maritime-risk-content input:focus,
.maritime-risk-content select:focus,
.maritime-risk-content textarea:focus{
border-color:#8E231F ;
background:#ffffff ;
box-shadow:0 0 0 3px rgba(142,35,31,.09) ;
}
.maritime-risk-content input::placeholder,
.maritime-risk-content textarea::placeholder{
color:#aaa4a2 ;
opacity:1 ;
}
/* LABELS */
.maritime-risk-content label{
display:block ;
margin-bottom:3px ;
color:#221E1F ;
font-family:”Inter”,Arial,sans-serif ;
font-size:12px ;
line-height:1.4 ;
font-weight:700 ;
letter-spacing:.1px ;
}
/* OPTIONAL TWO-COLUMN WRAPPERS
Works if the CF7 form uses .maritime-form-grid/.maritime-field.
Existing fields remain unchanged if those classes are absent. */
.maritime-risk-content .maritime-form-grid{
display:grid ;
grid-template-columns:1fr 1fr ;
column-gap:20px ;
row-gap:0 ;
width:100% ;
}
.maritime-risk-content .maritime-field{
width:100% ;
min-width:0 ;
}
.maritime-risk-content .maritime-field.full{
grid-column:1 / -1 ;
}
/* SUBMIT */
.maritime-risk-content .wpcf7-submit{
width:100% ;
min-height:52px ;
margin-top:8px ;
background:#8E231F ;
color:#ffffff ;
border:1px solid #8E231F ;
border-radius:9px ;
font-family:”Inter”,Arial,sans-serif ;
font-size:13.5px ;
font-weight:700 ;
letter-spacing:.1px ;
cursor:pointer ;
box-shadow:0 8px 20px rgba(142,35,31,.18) ;
transition:
background .25s ease,
transform .25s ease,
box-shadow .25s ease ;
}
.maritime-risk-content .wpcf7-submit:hover{
background:#6E1714 ;
border-color:#6E1714 ;
transform:translateY(-2px) ;
box-shadow:0 12px 25px rgba(142,35,31,.25) ;
}
/* PRIVACY TEXT */
.maritime-risk-privacy{
margin:12px 0 0 ;
color:#878787 ;
font-family:”Inter”,Arial,sans-serif ;
font-size:10.5px ;
line-height:1.5 ;
text-align:center ;
}
/* CF7 MESSAGES */
.maritime-risk-content .wpcf7-response-output{
margin:14px 0 0 ;
padding:10px 12px ;
border-radius:8px ;
font-family:”Inter”,Arial,sans-serif ;
font-size:12px ;
line-height:1.5 ;
}
/* MOBILE FORM UI */
@media (max-width:650px){
.maritime-risk-modal{
padding:25px 12px 20px ;
}
.maritime-risk-card{
width:100% ;
max-height:calc(100vh – 45px) ;
border-radius:14px ;
}
.maritime-risk-header{
padding:20px ;
border-radius:14px 14px 0 0 ;
}
.maritime-risk-header h3{
font-size:19px ;
margin-right:42px ;
}
.maritime-risk-header p{
font-size:12px ;
}
.maritime-risk-close{
top:13px ;
right:14px ;
width:31px ;
height:31px ;
font-size:22px ;
}
.maritime-risk-content{
padding:22px 18px ;
}
.maritime-risk-content .maritime-form-grid{
grid-template-columns:1fr ;
row-gap:0 ;
}
.maritime-risk-content .maritime-field.full{
grid-column:auto ;
}
.maritime-risk-content input[type=”text”],
.maritime-risk-content input[type=”email”],
.maritime-risk-content input[type=”tel”],
.maritime-risk-content input[type=”url”],
.maritime-risk-content input[type=”number”],
.maritime-risk-content select{
min-height:46px ;
}
.maritime-risk-content textarea{
min-height:95px ;
}
}
/* ACCESSIBILITY / REDUCED MOTION */
@media (prefers-reduced-motion:reduce){
.maritime-risk-close,
.maritime-risk-content input,
.maritime-risk-content select,
.maritime-risk-content textarea,
.maritime-risk-content .wpcf7-submit{
transition:none ;
}
}
/* MOBILE */
@media(max-width:600px){
.maritime-risk-modal{
padding:14px ;
}
.maritime-risk-card{
width:100% ;
max-height:90vh ;
border-radius:14px ;
}
.maritime-risk-header{
padding:18px 20px 16px ;
}
.maritime-risk-header h3{
font-size:19px ;
}
.maritime-risk-header p{
font-size:12.5px ;
}
.maritime-risk-content{
padding:20px ;
}
}
Protect shipboard IT and OT, navigation systems, vessel networks,
shore infrastructure, maritime applications and connected port
environments with risk-based cybersecurity assessment, penetration
testing, OT security, compliance and cyber resilience services.
Shipboard IT & OT environments
Connected maritime infrastructure
Converged cyber risk assessment
Maritime standards & frameworks
Modern maritime operations depend on interconnected information
technology, operational technology, navigation, communications,
cargo and shore-based systems.
As vessels, ports and maritime businesses become more connected,
cybersecurity must extend beyond traditional enterprise IT.
A weakness in an exposed application, remote-access channel,
network, onboard system or third-party connection can affect
confidentiality, integrity, availability and operational resilience.
Maritime environments combine enterprise IT, shipboard operational
systems, communications, third parties and physical operations.
Effective maritime cybersecurity therefore considers both cyber
exposure and operational impact.
Connected navigation, engineering, cargo and operational systems can create attack paths between environments.
VSAT, remote access, fleet management and shore connectivity expand the maritime attack surface.
Navigation-related technologies require protection against unauthorized access, manipulation and availability risks.
Cargo management, terminal applications and connected logistics platforms introduce additional digital dependencies.
Phishing, removable media, weak credentials, unauthorized devices and social engineering can become entry points.
Vendors, equipment providers, shipyards, integrators and remote support channels can introduce supply-chain risk.
The exact assessment scope depends on vessel architecture,
operational requirements, authorization and rules of
engagement.
Electronic navigation and charting environments.
Positioning, identification and navigation-related systems.
Navigation and situational-awareness infrastructure.
Data recording, computing and supporting infrastructure.
Maritime communication and safety-related systems.
Satellite communication and remote connectivity.
Machinery, propulsion and operational control environments.
Cargo, terminal, logistics and supporting applications.
From identifying vulnerabilities to validating exploitable
attack paths and strengthening governance, Varutra’s
cybersecurity services can be tailored to the maritime
organization’s environment and risk profile.
Varutra’s maritime cybersecurity engagements can connect risk
assessment with technical validation across networks, applications,
remote access, cloud services and relevant OT environments.
Identify cyber risks across vessels, shore systems,
networks, applications, connectivity and supporting
maritime operations.
Validate whether identified weaknesses can be
exploited within an approved scope and rules of
engagement.
Assess network architecture, segmentation, remote
access and security controls across connected maritime
environments.
Assess connected operational technology and IoT
environments while considering availability and
operational safety.
Secure web, mobile, API and business applications used
across fleet, cargo, logistics and maritime operations.
Assess cloud environments supporting fleet management,
maritime applications, analytics and enterprise
operations.
Evaluate the effectiveness of preventive and detective
controls through authorized adversary simulation.
Strengthen continuous visibility, detection and response
across maritime enterprise environments.
Establish governance and control frameworks aligned
with applicable maritime, cybersecurity and data
protection requirements.
Measure the current cybersecurity posture and develop
a prioritized roadmap for measurable improvement.
Strengthen human resilience against phishing,
social engineering, unsafe device usage and
cybersecurity incidents.
Extend cybersecurity leadership for maritime
organizations requiring strategic governance and
security program management.
Maritime cybersecurity is not limited to corporate networks.
Connected vessels can combine enterprise IT with operational
technology supporting navigation, communications, machinery,
propulsion, cargo and other critical functions.
Security assessments should therefore consider connectivity,
segmentation, privileged access, remote support, third-party
dependencies and the operational consequences of a security event.
Maritime cybersecurity requirements are shaped by IMO guidance, IACS class requirements, industry frameworks and applicable national rules. The right scope depends on the vessel, flag, class, systems and operational context.
Common reference points include IMO cyber-risk guidance and MSC.428(98), IACS UR E26 and E27, BIMCO guidance, ISO/IEC 27001, IEC 62443 for relevant OT environments, and applicable flag-state or national requirements.
Risk-based guidance for identifying, assessing, treating and continually managing cyber risks affecting maritime operations.
Connects cyber-risk management with the vessel’s Safety Management System and the International Safety Management framework.
Defines cyber-resilience expectations for applicable ship design, construction and lifecycle cybersecurity controls.
Addresses cyber resilience for onboard systems and equipment that support safe and reliable vessel operations.
Practical industry guidance for shipowners and operators covering governance, people, technology, risk and cyber hygiene.
A useful reference for securing relevant industrial automation and control environments, including segmentation, access and system security.
Provides an information security management framework for governance, risk management, controls and continual improvement.
Additional cybersecurity, reporting, privacy or data-protection obligations may apply based on flag state, jurisdiction and operation.
Identify exposed assets, weak configurations,
unnecessary services and vulnerable pathways.
Prioritize cybersecurity controls according to
operational and business impact.
Map security controls and evidence to applicable
regulatory and industry requirements.
Improve visibility, monitoring and response
capabilities across connected environments.
A structured engagement helps organizations understand
what is exposed, determine what matters most and validate
whether security improvements actually reduce risk.
Define systems, vessels, networks, applications and
rules of engagement.
Identify assets, technologies, connectivity and
potential attack surfaces.
Evaluate vulnerabilities, controls, architecture and
cybersecurity maturity.
Perform controlled testing and validate exploitable
weaknesses where authorized.
Deliver actionable remediation priorities and
validate improvements.
Maritime cyber risk extends beyond the vessel itself.
Security programs should consider the connected ecosystem
supporting maritime operations.
Strengthen vessel, fleet and shore-based cybersecurity
while improving risk visibility.
Assess connected infrastructure, applications,
networks, OT and operational dependencies.
Integrate cybersecurity considerations throughout
vessel development and technology integration.
Identify application, product, API, network and
system-level cybersecurity weaknesses.
Improve cybersecurity assurance for connected
onboard systems and equipment.
Secure digital platforms and data flows supporting
maritime supply-chain operations.
Varutra’s maritime cybersecurity approach can address vessels, fleets,
ports, terminals, shipyards, maritime technology providers, equipment
suppliers and supporting logistics environments through risk assessment,
security testing, OT security, compliance and cyber resilience services.
Maritime Cybersecurity FAQ
Find answers to common questions about maritime cybersecurity,
vessel security assessments, IT and OT environments, IACS
requirements and maritime cyber risk management.
Maritime cybersecurity protects the information technology (IT),
operational technology (OT), connected systems, networks,
applications and data used across ships, ports, maritime
operators and supply chains from cyber threats. It combines
cyber risk management, security assessment, technical testing
and resilience measures to reduce the potential impact of cyber
incidents on safety, operations and business continuity.
A maritime cybersecurity assessment can evaluate vessel and
shore-based IT and OT environments, network architecture,
segmentation, remote access, connected systems, applications,
cloud services, third-party connections and security controls.
Depending on the approved scope, it may also assess navigation,
communication, cargo, engineering and other operational systems
to identify vulnerabilities, cyber risks and potential attack paths.
Depending on vessel architecture and approved scope, a vessel
cybersecurity assessment may cover ECDIS, AIS, GNSS, radar, VDR,
GMDSS, VSAT, onboard networks, cargo systems, engineering and
machinery systems, remote access, crew networks and ship-to-shore
connectivity. The assessment should also consider how these
systems interact with enterprise IT, OT and third-party services.
Yes. Maritime cybersecurity should consider both information
technology (IT) and operational technology (OT), including how
systems are connected and how a cyber incident could affect vessel
operations, safety or business continuity. Assessments may examine
network segmentation, remote access, system dependencies,
third-party connections and controls protecting critical
operational environments.
IACS UR E26 addresses the cyber resilience of ships, while UR E27
addresses the cyber resilience of onboard systems and equipment.
They establish cybersecurity requirements relevant to the design,
construction, integration and operation of applicable new ships
and onboard systems. The current revised requirements should be
considered when determining the cybersecurity expectations
applicable to a specific vessel, system or project.
Depending on the organization’s role, vessel type and scope,
relevant maritime cybersecurity requirements and standards may
include IMO maritime cyber risk management guidance, IMO
Resolution MSC.428(98), the ISM Code, IACS UR E26 and E27,
BIMCO industry guidance, ISO/IEC 27001, IEC 62443 for relevant
OT environments and applicable national cybersecurity
requirements. The appropriate requirements should be determined
based on the organization’s operational and regulatory context.
Varutra helps maritime organizations identify, validate and
reduce cybersecurity risk across vessels, fleets, ports and
connected maritime environments. Services can include maritime
cyber risk assessments, vulnerability assessments, penetration
testing, network and OT security assessments, application and
cloud security testing, compliance and maturity assessments,
red teaming, SOC and threat management, incident response and
security awareness.
Discuss your maritime cybersecurity requirements with Varutra and identify
the right assessment approach for your vessels, fleet, port infrastructure,
applications, networks and connected OT environments.
Complete the form below and our maritime cybersecurity team
will get in touch with you.
Error: Contact form not found.
We respect your privacy. Your information will be kept confidential
and handled securely.