:root{--ease:cubic-bezier(0.22,1,0.36,1);--bg:#07080A;--panel:#0E1116;--ink:#F3F5F8;--muted:#9AA3AF;--gold:#FABC0F;--goldl:#FDD554;--neon:#23FCFD;--line:rgba(250,188,15,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,"Geist Fallback",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.62;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.dys,body.dys button,body.dys input,body.dys select,body.dys textarea{font-family:Lexend,Geist,Helvetica,sans-serif!important;letter-spacing:.01em}
h1,h2,h3,h4{margin:0;line-height:1.04;letter-spacing:-.025em;font-weight:600;text-wrap:balance}
p{margin:0;text-wrap:pretty}
img{display:block;max-width:100%}
a{color:var(--goldl);text-decoration:none;transition:color .3s var(--ease)}
a:hover{color:#fff}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
@keyframes kb{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,-1.5%,0)}}
.kb{animation:kb 30s var(--ease) infinite alternate;will-change:transform}
@keyframes grainshift{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-2%,1%,0)}50%{transform:translate3d(1%,-2%,0)}75%{transform:translate3d(-1%,-1%,0)}100%{transform:translate3d(0,0,0)}}
#grain{position:fixed;inset:-6%;z-index:40;pointer-events:none;opacity:.042;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:grainshift 9s steps(5) infinite}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-wipe]{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease)}
[data-wipe].in{clip-path:inset(0 0 0 0)}
.card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 64px rgba(0,0,0,.62),0 0 34px rgba(35,252,253,.16);border-color:rgba(35,252,253,.55)}
#hdr{border-bottom:0!important;box-shadow:0 1px 0 rgba(250,188,15,.22)}
#hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(0,113,120,0),#23FCFD 28%,#007178 78%,rgba(0,113,120,0))}
.navl[data-active="1"]{color:#23FCFD}
h2::after{content:"";display:block;width:64px;height:2px;margin-top:18px;background:linear-gradient(90deg,#23FCFD,#007178)}
#cform h2::after,#setp h2::after,.tslide h2::after{display:none}
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(0,113,120,0),#23FCFD 30%,#007178 78%,rgba(0,113,120,0))}
.count{background:linear-gradient(120deg,#B6FEFF,#23FCFD 45%,#007178);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.svc{position:relative;isolation:isolate;background:linear-gradient(180deg,#0C1114,#08090B)!important;border:1px solid rgba(255,255,255,.07)!important;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.svc::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;z-index:3;background:linear-gradient(90deg,#8FFEFF,#23FCFD 45%,#007178);transition:width .55s var(--ease)}
.svc:hover::before,.svc:focus-visible::before{width:100%}
.svc>div:first-child{position:relative}
.svc>div:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,9,0) 38%,rgba(6,7,9,.72) 100%);pointer-events:none}
.svc>div:last-child{padding:26px 26px 28px!important;display:grid;align-content:start;gap:14px}
.svc h3,.svc h2{font-size:clamp(21px,2.1vw,25px)!important;letter-spacing:-.02em;max-width:20ch;text-wrap:balance}
.svc h3::after,.svc h2::after{content:"";display:block;width:34px;height:2px;margin-top:14px;background:linear-gradient(90deg,#23FCFD,rgba(35,252,253,0));transition:width .5s var(--ease)}
.svc:hover h3::after,.svc:hover h2::after{width:78px;background:linear-gradient(90deg,#8FFEFF,#007178)}
.svc p{margin-top:0!important;font-size:18px!important;line-height:1.62;color:#9FAAAD!important}
.svc>div:last-child>span:last-child{margin-top:4px!important;justify-content:space-between;align-self:start;padding:11px 8px 0 0;border-top:1px solid rgba(255,255,255,.07);width:100%;font-family:'Geist Mono',monospace;font-size:13px!important;letter-spacing:.2em;text-transform:uppercase}
.svc>div:last-child>span:last-child .arw{width:34px;height:34px;padding:8px;border-radius:50%;border:1px solid rgba(35,252,253,.4);color:#23FCFD;box-sizing:border-box;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}
.svc:hover>div:last-child>span:last-child .arw{transform:translateX(4px);background:rgba(35,252,253,.14);border-color:#23FCFD}
[data-page="services"] article p{max-width:76ch}
@media (min-width:900px){
[data-page="services"] article{grid-template-columns:minmax(0,400px) minmax(0,1fr)!important;align-items:start}
[data-page="services"] article>div:has(img){aspect-ratio:4/3!important;max-height:320px!important;margin:clamp(24px,3.4vw,44px);margin-right:0;border-radius:16px}
[data-page="services"] article>div[style*="order:1"]{order:1!important}
[data-page="services"] article>div[style*="order:1"]:has(img){margin-right:clamp(24px,3.4vw,44px);margin-left:clamp(24px,3.4vw,44px)}
}
[data-page="services"] article>div>ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;column-gap:28px}
h1{background:linear-gradient(180deg,#FFFFFF 0%,#EEF5F7 36%,#C3D0D5 62%,#FFFFFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 26px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(35,252,253,.18))}
h2{color:#F1F6F7}
.btn-gold{border:1px solid rgba(0,0,0,.55)!important;box-shadow:0 12px 34px rgba(0,0,0,.5),0 0 22px rgba(35,252,253,.22),inset 0 1px 0 rgba(255,255,255,.55)!important;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.btn-gold:hover{box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 30px rgba(35,252,253,.32),inset 0 1px 0 rgba(255,255,255,.6)!important}
.pgl{display:flex;align-items:baseline;gap:16px;padding:22px 0;border-top:1px solid rgba(255,255,255,.08);transition:padding-left .35s var(--ease),color .35s var(--ease)}
.pgl:hover{padding-left:14px;color:#23FCFD}
.pgl s{text-decoration:none;margin-left:auto;color:#6E767F;font-size:16px;flex:0 0 auto}
.card .ph{transition:transform .7s var(--ease)}
.card:hover .ph{transform:scale(1.06)}
.card .arw{transition:transform .3s var(--ease)}
.card:hover .arw{transform:translateX(4px)}
.flink{position:relative;display:inline-block}
.flink::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.flink:hover::after,.flink:focus-visible::after{transform:scaleX(1)}
.ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease)}
.ico:hover{background:rgba(250,188,15,.12);color:var(--goldl)}
.navl{color:#CFD5DE;font-size:18px;letter-spacing:.01em;padding:8px 2px}
.navl[data-active="1"]{color:var(--goldl)}
.page{display:block}
.page.active{display:block;animation:pgin .55s var(--ease) both}
@keyframes pgin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cdrop{position:absolute;top:calc(100% + 10px);right:0;min-width:216px;background:#0C0E12;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 24px 60px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;z-index:60}
.cwrap:hover .cdrop,.cwrap:focus-within .cdrop,.cwrap.open .cdrop{opacity:1;visibility:visible;transform:none}
.crow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#E7EAEF;font-size:18px;transition:background .25s var(--ease)}
.crow:hover{background:rgba(250,188,15,.12);color:var(--goldl)}
.pnl{position:fixed;z-index:70;transition:opacity .4s var(--ease),transform .45s var(--ease),visibility .45s;opacity:0;visibility:hidden}
.pnl.open{opacity:1;visibility:visible;transform:none!important}
#searchp{left:0;right:0;top:0;background:rgba(0,0,0,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transform:translateY(-14px)}
#setp{top:0;right:0;bottom:0;width:min(400px,100vw);background:#0A0C10;border-left:1px solid var(--line);transform:translateX(24px);overflow-y:auto}
#drawer{inset:0;background:rgba(5,6,8,.97);backdrop-filter:blur(16px);transform:translateY(-8px);overflow-y:auto}
.sw{position:relative;width:52px;height:30px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid var(--line);cursor:pointer;flex:0 0 auto;transition:background .3s var(--ease)}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#E7EAEF;transition:transform .3s var(--ease),background .3s var(--ease)}
.sw[aria-checked="true"]{background:rgba(250,188,15,.34)}
.sw[aria-checked="true"]::after{transform:translateX(22px);background:var(--goldl)}
.fld{width:100%;background:#0B0D11;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;color:var(--ink);font-size:18px;transition:border-color .3s var(--ease)}
.fld:focus{border-color:var(--gold);outline:none}
input[type=range]{accent-color:#FABC0F;width:100%}
.only-desk{display:flex}
.only-mob{display:none}
@media (max-width:768px){.only-desk{display:none!important}.only-mob{display:inline-flex!important}}
#logotext{white-space:nowrap;flex:0 0 auto}
@media (max-width:1120px){#cpill .pillnum{display:none!important}#hdr nav.only-desk{gap:16px!important}#hdr .navl{font-size:16px}#ctahdr{padding:0 16px!important;font-size:16px!important}}
@media (max-width:1000px){#hdr nav.only-desk{gap:11px!important;margin-right:8px!important}#hdr .navl{font-size:16px}}
@media (max-width:960px){#ctahdr{display:none!important}}
.mres{display:block;padding:12px 14px;border-radius:12px;color:#E7EAEF;border:1px solid transparent}
.mres:hover{background:rgba(250,188,15,.1);border-color:var(--line);color:var(--goldl)}
#drawer .navl{color:#EDF0F4;font-size:26px;letter-spacing:-.01em}
.tslide{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease);pointer-events:none}
.tslide.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.tdot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.24);border:0;padding:0;cursor:pointer;transition:background .3s var(--ease),width .3s var(--ease)}
.tdot.on{background:var(--goldl);width:26px;border-radius:99px}
@media (hover:none),(pointer:coarse){#cur,#curtrail,.cursor-el{display:none!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.001s!important}[data-reveal]{opacity:1;transform:none}[data-wipe]{clip-path:none}#grain{animation:none}.kb{animation:none}}
#page-loader{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;transition:opacity .4s var(--ease),visibility .4s}
#page-loader.done{opacity:0;visibility:hidden}
@keyframes lkin{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lkbar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (max-width:900px){.svc3{grid-template-columns:1fr!important}}
@media (max-width:860px){
.herog,div[style*="minmax(0,1.35fr)"]{grid-template-columns:1fr!important;align-items:start!important}
.herog h1{max-width:none!important;overflow-wrap:break-word}
.herog>div:nth-child(2),div[style*="minmax(0,1.35fr)"]>div:nth-child(2){justify-self:stretch!important;max-width:none!important;border-left:0!important;padding-left:0!important;border-top:1px solid rgba(250,188,15,.3);padding-top:20px}
}
#workstrip::-webkit-scrollbar{display:none}
.stripcard{transition:border-color .3s var(--ease),transform .4s var(--ease)}
.stripcard:hover{border-color:rgba(35,252,253,.5);transform:translateY(-4px)}
.strip-nav{transition:background .3s var(--ease),border-color .3s var(--ease)}
.strip-nav:hover{background:rgba(35,252,253,.14);border-color:#23FCFD}
@media (max-width:700px){.strip-nav{display:none!important}}