html{scroll-behavior:smooth}
.heroimg{background-image:linear-gradient(105deg,rgba(8,18,32,.95) 0%,rgba(8,18,32,.84) 45%,rgba(8,18,32,.58) 100%),url(/assets/hero.jpg);background-size:cover;background-position:center}
body{margin:0;font-family:'Figtree',system-ui,sans-serif;color:#0e1b2c;background:#f7f8fa}
a{text-decoration:none}
.sec{scroll-margin-top:84px}
.navlink{color:#0e1b2c;font-weight:500;font-size:15px;position:relative;padding:6px 0}
.navlink:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#0f766e;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navlink:hover:after{transform:scaleX(1)}
.btn{transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,27,44,.22)}
.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(14,27,44,.10);border-color:#0f766e}
.fu{animation:fu .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes fu{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.orb1{animation:float1 14s ease-in-out infinite}
.orb2{animation:float2 18s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-30px)}}
.grow{transform-origin:left;animation:grow 1.8s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dot{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(94,234,212,.7)}100%{box-shadow:0 0 0 12px rgba(94,234,212,0)}}
.marq{display:flex;width:max-content;animation:marq 32s linear infinite}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bob{animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.line{transform-origin:left;animation:grow 1.6s .3s cubic-bezier(.2,.7,.2,1) both}
@supports (animation-timeline:view()){
.rv{animation:fu linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.line{animation:grow linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
}
@media(max-width:760px){.navlinks{display:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
body{line-height:1.6}