/* Shared Elovait shape and action system. Surface 18px, controls 10px. */
body:is(.website-landing,.corporate-photography){--elovait-radius:18px;--elovait-control-radius:10px;--radius-card:var(--elovait-radius);--radius-btn:var(--elovait-control-radius)}
body.direction-b.ocean-concept :is(a,button).elovait-button{
 --action-fill:linear-gradient(135deg,#2f6654,#204b3d);--action-ink:#fff;--action-border:#285a49;--action-hover:#204b3d;
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;
 width:fit-content;height:auto;min-height:54px;padding:15px 24px;margin-inline:0;
 border:1px solid var(--action-border);border-radius:var(--elovait-control-radius)!important;
 background:var(--action-fill);color:var(--action-ink);box-shadow:inset 0 1px 0 #ffffff24,0 6px 18px #17372c12;
 font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-align:center;text-decoration:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;transition:box-shadow .2s,border-color .2s;cursor:pointer;
}
body.direction-b.ocean-concept :is(a,button).elovait-button--ocean{--action-fill:linear-gradient(135deg,#36788f,#255a70);--action-border:#2a6177;--action-hover:#255a70}
body.direction-b.ocean-concept :is(a,button).elovait-button--light{--action-fill:linear-gradient(135deg,#f4f8f3,#dce9df);--action-ink:#214b3a;--action-border:#d5e3d9;--action-hover:#dce9df}
body.direction-b.ocean-concept .elovait-button::after{display:none}
body.direction-b.ocean-concept .elovait-button .cta-label{font-size:inherit;font-weight:inherit;line-height:inherit}
body.direction-b.ocean-concept .elovait-button svg{display:block;flex:0 0 20px;width:20px;height:20px;margin:0;padding:0;border:0;border-radius:0;background:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;box-shadow:none}
/* Keep the gradient and hit area stable. Replacing a gradient with a solid
   background snaps, and lifting the button can toggle hover at its edge. */
body.direction-b.ocean-concept .elovait-button:hover{background:var(--action-fill);color:var(--action-ink);transform:none}
@media(hover:hover) and (pointer:fine){
 body.direction-b.ocean-concept .elovait-button:hover{box-shadow:inset 0 0 0 100px #102e2012,inset 0 1px 0 #ffffff24,0 8px 20px #17372c20}
}
body.direction-b.ocean-concept .elovait-button:active{transform:none;box-shadow:inset 0 0 0 100px #102e2024,inset 0 1px 0 #ffffff24,0 3px 10px #17372c14}
body.direction-b.ocean-concept .elovait-button:focus-visible{outline:3px solid #80bac8;outline-offset:4px}
body.direction-b.ocean-concept .elovait-button:disabled{opacity:.55;cursor:wait;transform:none}
body.direction-b.ocean-concept .elovait-button[hidden]{display:none!important}
body.direction-b.ocean-concept :is(.web-header,.site-nav)>.elovait-button{min-height:46px;padding:11px 18px;gap:16px;font-size:13px}
body.direction-b.ocean-concept .mobile-navigation .elovait-button{width:100%;justify-content:space-between;min-height:50px;padding:13px 15px}
body.direction-b.ocean-concept button.web-submit.elovait-button{width:100%}
body.direction-b.ocean-concept a.device-project-link.elovait-button{align-self:flex-start;margin-top:24px}
body.direction-b.ocean-concept :is(.web-header,.site-nav,.mobile-nav,.mobile-navigation,.hero-scene,.corporate-hero-photo,.founder-profile,.founder-portrait,.elovait-partner-card,.elovait-partner-photo,.device-project,.package-item,.offer-item,.service-card,.process-step,.form-panel,.footer-directory,.about-perspectives,.founder,.faq-items details){border-radius:var(--elovait-radius)}
body.direction-b.ocean-concept :is(.device-stage,.browser-example,.client-map-popover,.founder-company>.link-arrow,.elovait-partner-arrow,input,textarea,.mobile-menu summary,.client-popover-heading button,.faq-items summary span){border-radius:var(--elovait-control-radius)}
@media(max-width:580px){
 body.direction-b.ocean-concept :is(.web-header,.site-nav)>.elovait-button{display:none}
 body.direction-b.ocean-concept a.device-project-link.elovait-button{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){body.direction-b.ocean-concept .elovait-button{transition:none}body.direction-b.ocean-concept .elovait-button:hover{transform:none}}