/* SEA specialist inhuren — opmaak.
   De pagina is inline gestyled; hier staat alleen wat niet inline kan:
   keyframes, resets, hover-states en de accordeon. */

html{scroll-behavior:smooth}
a{color:#ffb800;text-decoration:none}
a:hover{color:#ffd166}
input,button,textarea,select{font-family:Poppins,system-ui,sans-serif}
input::placeholder,textarea::placeholder{color:#6b7076}
@keyframes seaDrift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-24px,13px,0) rotate(-3deg)}}
@keyframes seaFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-20px,0)}}
@keyframes seaGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.07)}}
@keyframes seaTicker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes seaRing{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes seaBar{0%{transform:scaleY(.3)}100%{transform:scaleY(1)}}
@keyframes seaSweep{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(330%) skewX(-18deg)}}
@keyframes seaClaw{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes seaKen{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.08) translate3d(-1%,-1%,0)}}
@keyframes seaDraw{0%{stroke-dashoffset:210}42%,100%{stroke-dashoffset:0}}
@keyframes seaNudge{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4px,7px,0)}}
@keyframes seaTipPop{0%,32%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(1.25)}62%,100%{opacity:1;transform:scale(1)}}
@keyframes seaHint{0%,100%{opacity:.68;transform:translate3d(0,0,0) rotate(-3deg)}50%{opacity:1;transform:translate3d(0,-4px,0) rotate(-3deg)}}
@keyframes seaPulseRing{0%{opacity:.6;transform:scale(1)}70%,100%{opacity:0;transform:scale(3.4)}}
[data-reveal]{opacity:0;transform:translate3d(0,32px,0)}
[data-reveal].is_in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
@media (prefers-reduced-motion:reduce){*{animation:none !important}[data-reveal]{opacity:1;transform:none}}

.sea_page *{box-sizing:border-box}
.sea_page{background:#08101a;font-family:"Poppins",system-ui,sans-serif}
.sea_page img{max-width:100%;height:auto}
.sea_page h1,.sea_page h2,.sea_page h3{text-transform:none !important;margin:0}
.sea_page a{text-decoration:none;transition:color .25s ease,filter .25s ease}
.sea_page ul{list-style:none;margin:0;padding:0}
.sea_page input::placeholder,.sea_page textarea::placeholder{color:#5a6470}
.sea_page input:focus,.sea_page select:focus,.sea_page textarea:focus{outline:0;border-color:#ff8a00;box-shadow:0 0 0 3px rgba(255,138,0,.16)}
.sea_faq_item{background:#0f1b23;border:1px solid rgba(255,255,255,.08);border-radius:15px;overflow:hidden}

.sea_page .sea_h1:hover{color:#ffb800}
.sea_page .sea_h2:hover{background:linear-gradient(287.21deg,#ff4d00 -16.39%,#ffb800 87.82%);color:#fff}
.sea_page .sea_h3:hover{color:#fff}
.sea_page .sea_h4:hover{background:linear-gradient(96deg,#27b96d 0%,#4ade80 42%,#7ff0a8 100%);color:#04220f}
.sea_page .sea_h5:hover{color:#ffd166}
.sea_page .sea_h6:hover{border-color:rgba(255,184,0,.4)}
.sea_page .sea_h7:hover{transform:translateY(-7px)}
.sea_page .sea_h8:hover{border-color:#ffb800;color:#ffb800}
.sea_page .sea_h9:hover{filter:brightness(1.1);color:#fff}