
*{box-sizing:border-box}
#dc-root>.sc-host{height:auto!important;min-height:100%}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:100px}
html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-gutter:stable}
body{margin:0;background:#EBEEED;color:#0F1C26;font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3{text-wrap:balance;margin:0}
img{max-width:100%;display:block}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
a{color:inherit;text-decoration:none}
a:hover{color:#17B8B0}
::selection{background:rgba(23,184,176,.28);color:#EEF3F5}
:focus-visible{outline:2px solid #17B8B0;outline-offset:3px}
details summary::-webkit-details-marker{display:none}
details summary span{display:inline-block;transition:transform .2s ease}
details[open] summary span{transform:rotate(45deg)}
.cube-float{animation:cubeFloat 6.5s ease-in-out infinite}
@keyframes cubeFloat{0%,100%{transform:translateY(-9px)}50%{transform:translateY(9px)}}
.cube-spin{animation:cubeSpin 30s linear infinite}
@keyframes cubeSpin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@keyframes rv{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-ship{animation:shipDrift 13s ease-in-out infinite}
.inc-a{animation:incGlow 4s ease-in-out infinite}
.inc-b{animation:incGlow 4s ease-in-out 2s infinite}
@keyframes incGlow{0%,100%{opacity:.55}50%{opacity:1}}
[data-hcta]:hover i{opacity:1}
[data-hcta]:hover svg{transform:translateX(3px)}
@keyframes blink{50%{opacity:0}}
@keyframes waveDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-16px)}}
@keyframes waveFade{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes shipDrift{0%{transform:translate(0,0) rotate(-1deg)}25%{transform:translate(-6px,-11px) rotate(.5deg)}50%{transform:translate(0,-16px) rotate(1.2deg)}75%{transform:translate(6px,-7px) rotate(.2deg)}100%{transform:translate(0,0) rotate(-1deg)}}
@keyframes orbRise{0%{transform:translate3d(0,0,0) scale(.94);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate3d(18px,-115vh,0) scale(1.06);opacity:0}}
@keyframes bubbleRise{0%{transform:translateY(0) translateX(0);opacity:0}8%{opacity:1}92%{opacity:.7}100%{transform:translateY(-620px) translateX(14px);opacity:0}}
@media(max-width:1199px){[data-r="nav"]{display:none!important}[data-r="burger"]{display:inline-flex!important}}
@media(min-width:1200px){[data-r="burger"]{display:none!important}[data-r="panel"]{display:none!important}}
.photo-rise{overflow:hidden}
.photo-rise img{transition:transform 1.1s cubic-bezier(.22,.61,.36,1),filter .6s ease;will-change:transform}
.photo-rise:hover img{transform:scale(1.035)}
.ship-alarm-dot{animation:shipAlarmPulse 1.9s ease-out infinite}
.crit-blip{animation:critBlip 2.1s ease-in-out infinite}
@keyframes critBlip{0%,100%{opacity:.35;box-shadow:0 0 0 0 rgba(214,69,69,.5)}50%{opacity:1;box-shadow:0 0 0 6px rgba(214,69,69,0)}}
@keyframes shipAlarmPulse{0%{box-shadow:0 0 0 0 rgba(214,69,69,.55)}70%{box-shadow:0 0 0 20px rgba(214,69,69,0)}100%{box-shadow:0 0 0 0 rgba(214,69,69,0)}}
.sin-box{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(7px);transition:opacity .24s ease,transform .24s ease;pointer-events:none}
.sin:hover .sin-box{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.sin:hover{z-index:10}
.sin-box-left{transform:translateX(0) translateY(7px)}
.sin:hover .sin-box-left{transform:translateX(0) translateY(0)}
.sin:hover .sin-dot{transform:scale(1.18)}
.ship-alarm-dot-sm{animation:shipAlarmPulseSm 1.9s ease-out infinite}
@keyframes shipAlarmPulseSm{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;animation-timeline:auto!important}html{scroll-behavior:auto}}
.sirn-ray{animation:sirnRay 1.6s ease-in-out infinite}
@keyframes sirnRay{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.9;transform:scale(1.04)}}
.sirn-core{animation:sirnCore 1.6s ease-in-out infinite}
@keyframes sirnCore{0%,100%{opacity:.5}50%{opacity:1}}
[data-g="hero"]{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(26px,3.5vw,52px);align-items:stretch}
[data-g="fiche"]{display:grid;grid-template-columns:176px minmax(0,1fr);gap:clamp(24px,3.2vw,48px);align-items:start}
[data-g="split"]{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(26px,3.5vw,52px);align-items:start}
[data-g="cols3"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-g="cols2"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
[data-g="ledger"]{display:grid;grid-template-columns:64px minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(16px,2.6vw,40px)}
@media(max-width:1060px){[data-g="hero"],[data-g="fiche"],[data-g="split"]{grid-template-columns:minmax(0,1fr)}[data-g="cols3"]{grid-template-columns:minmax(0,1fr)}[data-g="ledger"]{grid-template-columns:44px minmax(0,1fr)}[data-g="ledger"]>*:last-child{grid-column:2}[data-s="fiche-side"]{position:static!important;display:flex!important;align-items:center;gap:14px;border-bottom:1px solid rgba(15,28,38,.22);padding-bottom:14px}}
@media(max-width:700px){[data-g="cols2"]{grid-template-columns:minmax(0,1fr)}}
@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rvL{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes sheen{0%{background-position:120% 0}100%{background-position:-20% 0}}
