/* Marine palette and gentle transitions */
.nav .language{display:inline-flex;align-items:center;justify-content:center;gap:8px}.language-flag{display:block;flex:0 0 24px;filter:drop-shadow(0 0 1px rgba(8,40,59,.28))}

.marsy-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.marsy-work-card{display:flex;flex-direction:column}.marsy-work-card .eyebrow{font-size:11px;letter-spacing:1.1px;text-align:center}.marsy-work-card p:last-child{margin-top:auto;padding-top:18px}.marsy-work-card a{display:inline-block;font-weight:600;color:#096384;text-underline-offset:4px}.marsy-work-card h3{font-size:24px}@media(max-width:1000px){.marsy-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:8px}}@media(max-width:760px){.marsy-work-grid{grid-template-columns:1fr}}

:root{--navy:#08283b;--ink:#17384a;--mint:#a6e1ea;--paper:#f7fafb;--line:#d9e7ec}
body{color:var(--ink)}
.header{background:linear-gradient(115deg,#fff 15%,#f1f8fb 100%);border-bottom-color:#dbe9ef;box-shadow:0 5px 22px rgba(5,29,46,.08)}
.nav a{transition:background-color .22s ease,color .22s ease,box-shadow .22s ease}
.nav a:hover,.nav a[aria-current=page]{background:#e2f1f6;color:#085c78}
.nav .nav-call{background:#103b51;color:#fff}
.hero{background:linear-gradient(100deg,rgba(5,26,41,.95) 0%,rgba(8,39,58,.88) 45%,rgba(9,50,67,.48) 76%,rgba(9,50,67,.2) 100%);box-shadow:inset 0 -55px 65px -58px rgba(3,24,38,.8)}
.hero .eyebrow{color:#aee6ef}.hero .lead{color:#edf6fa}
.section{background:linear-gradient(135deg,rgba(255,255,255,.99),rgba(241,248,250,.98));border:1px solid rgba(222,237,242,.95);box-shadow:0 16px 42px rgba(4,28,44,.12);border-radius:14px}
.section.brands{background:linear-gradient(140deg,#f4fafc,#e6f2f7)}
.service-card,.contact-col{background:linear-gradient(155deg,#fff,#f7fbfd);border-color:#dce9ef;border-radius:12px;box-shadow:0 3px 12px rgba(15,57,76,.035);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.service-card p{color:#425e6e}
.brand-logo-card{background:#fff;border-color:#dce8ee;border-radius:10px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.brand-logo-card>span:last-child{color:#486270}
.wp-block-button__link{background:linear-gradient(120deg,#096384,#137d99);color:#fff;box-shadow:0 5px 15px rgba(6,76,103,.14);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.hero .wp-block-button__link,.cta .wp-block-button__link{background:linear-gradient(120deg,#d1f1f4,#98d8e5);color:#08283b}
.section.cta,.cta{background:linear-gradient(120deg,#08283b 0%,#123e53 65%,#175365 100%);border-color:#34596a;color:#fff}
.cta p{color:#e0edf2}.footer{background:linear-gradient(115deg,#061c2c,#0c3043);color:#d1e1e9}
a:focus-visible,button:focus-visible{outline-color:#b18a37}
.marsy-service-picture{box-shadow:0 4px 16px rgba(11,64,86,.06)}
@media(hover:hover) and (pointer:fine){.service-card:hover,.brand-logo-card:hover{transform:translateY(-3px);border-color:#a9d2e2;box-shadow:0 12px 27px rgba(11,54,76,.1)}.wp-block-button__link:hover{box-shadow:0 8px 20px rgba(6,76,103,.2)}}
@media(max-width:760px){.hero{background:linear-gradient(125deg,rgba(5,26,41,.94),rgba(10,44,62,.84))}.section{border-radius:12px;box-shadow:0 10px 25px rgba(4,28,44,.1)}}
/* Transparency and reading rhythm */
.hero{background:linear-gradient(115deg,rgba(5,26,41,.86),rgba(8,39,58,.76) 55%,rgba(9,50,67,.72));text-align:center}
.hero h1{max-width:1000px;margin-left:auto;margin-right:auto;text-wrap:balance}
.hero .lead{max-width:64ch;margin-left:auto;margin-right:auto;line-height:1.8;text-wrap:pretty}
.hero .wp-block-buttons,.cta .wp-block-buttons{justify-content:center}
.section{background:linear-gradient(135deg,rgba(255,255,255,.93),rgba(241,248,250,.88))}
.section.brands{background:linear-gradient(140deg,rgba(244,250,252,.93),rgba(230,242,247,.88))}
.section.cta,.cta{background:linear-gradient(120deg,rgba(8,40,59,.92),rgba(18,62,83,.88) 65%,rgba(23,83,101,.87))}
.section>h1,.section>h2,.section>.eyebrow,.section>.wp-block-heading{text-align:center;text-wrap:balance;margin-left:auto;margin-right:auto;max-width:28ch}
.section>p{max-width:68ch;margin-left:auto;margin-right:auto;line-height:1.85}
.section>.eyebrow{text-align:center;max-width:none}
.section>p+p{margin-top:1.25em}
.section>h2:not(:first-child){margin-top:1.35em}
.section .service-card h3{text-align:center;text-wrap:balance;line-height:1.3;letter-spacing:-.4px}
.service-card p{font-size:16px;line-height:1.8;color:#304d5e}
.service-card .number{text-align:center}
.service-card .marsy-service-icon{margin-left:auto;margin-right:auto}
.section>.marsy-service-picture{margin-left:auto;margin-right:auto}
.marsy-coverage>p,.cta>p{text-align:center}
.marsy-coverage>ul{max-width:560px;margin:28px auto 0;padding-left:1.4em;line-height:1.95}
.brand-row{max-width:850px;margin-left:auto;margin-right:auto}
.brand-row h2,.brand-row h3{text-wrap:balance}
@media(max-width:760px){.hero{background:linear-gradient(125deg,rgba(5,26,41,.87),rgba(10,44,62,.80))}.section{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(241,248,250,.92))}.section>p{font-size:17px;line-height:1.8}.hero h1{font-size:clamp(34px,8.5vw,52px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}