/* One wordmark, one glass treatment for every homepage call to action. */
.ocean-concept .cta-action{display:inline-grid;justify-items:center;gap:11px;max-width:100%;vertical-align:top}
.ocean-concept .cta-caption{display:block;color:inherit;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em;opacity:.85;text-align:center}
.ocean-concept .connect-copy .cta-action{margin-top:28px}
.ocean-concept .connect-copy .cta-action .connect-button{margin-top:0}
body.direction-b.ocean-concept a.elovait-now-button{
 display:inline-flex;align-items:center;justify-content:center;flex:none;gap:0;
 width:fit-content;min-width:222px;max-width:100%;height:60px;min-height:60px;padding:0 24px;
 border:1px solid var(--now-border,#badbd345);border-radius:6px;
 color:var(--now-ink,#fff);background:var(--now-fill,linear-gradient(135deg,#bce6ef21,#d9e7c808));
 box-shadow:inset 0 1px #ffffff35,0 8px 30px #020d181f;
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
 text-decoration:none;white-space:nowrap;
 transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;
}
body.direction-b.ocean-concept a.elovait-now-button:hover{
 color:var(--now-ink,#fff);background:var(--now-fill,linear-gradient(135deg,#bce6ef21,#d9e7c808));
 border-color:var(--now-hover,#c4e4d880);box-shadow:inset 0 1px #ffffff45,0 12px 30px #020d1826;transform:translateY(-3px);
}
body.direction-b.ocean-concept a.elovait-now-button:active{transform:translateY(-1px)}
body.direction-b.ocean-concept a.elovait-now-button:focus-visible{outline:2px solid var(--now-focus,#bce6ef);outline-offset:5px}
body.direction-b.ocean-concept .elovait-now-button .now-lockup{
 display:inline-flex;align-items:center;justify-content:center;gap:0;flex:none;
 width:auto;height:auto;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;transform:none;
}
/* A single vector lockup keeps letterforms, weight and baseline identical at every size. */
body.direction-b.ocean-concept .elovait-now-button .now-wordmark{display:block;width:188px;height:auto;flex:none;transform:none;transition:none}
.ocean-concept .service-card{
 --now-ink:#24576a;--now-border:#28617940;--now-hover:#28617980;--now-focus:#286179;
 --now-fill:linear-gradient(135deg,#bce6ef42,#d9e7c82b);
}
.ocean-concept .next-step-section{
 --now-ink:#172c23;--now-border:#304a3b66;--now-hover:#304a3ba6;--now-focus:#172c23;
 --now-fill:linear-gradient(135deg,#ffffff30,#d9e7c812);
}
body.direction-b.ocean-concept .service-card a.elovait-now-button{width:100%;box-shadow:inset 0 1px #fff,0 3px 12px #173b4a08}
body.direction-b.ocean-concept .site-nav>a.elovait-now-button{min-width:184px;height:48px;min-height:48px;padding-inline:20px}
body.direction-b.ocean-concept .site-nav>a.elovait-now-button .now-wordmark{width:153px}
body.direction-b.ocean-concept .mobile-nav a.elovait-now-button{margin-top:12px}
@media(max-width:760px){body.direction-b.ocean-concept .site-nav>a.elovait-now-button{display:none}}
@media(max-width:700px){
 body.direction-b.ocean-concept a.elovait-now-button{min-width:206px;height:56px;min-height:56px;padding-inline:22px}
 body.direction-b.ocean-concept .elovait-now-button .now-wordmark{width:176px}
}
@media(prefers-reduced-motion:reduce){
 body.direction-b.ocean-concept a.elovait-now-button{transition:none}
 body.direction-b.ocean-concept a.elovait-now-button:hover,body.direction-b.ocean-concept a.elovait-now-button:active{transform:none}
}
