@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-500.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-tight-600.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-tight-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-400.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto-500.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#000000;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#CC0000}a:hover{color:#E60000}
.site-header a{color:#000000}.site-header a:hover{color:#CC0000}
.site-footer a{color:#D5DAE0}.site-footer a:hover{color:#D9B11E}
.legal a{color:#CC0000;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.legal a:hover{color:#8A0000}
button,input,select,textarea{font:inherit}
summary::-webkit-details-marker{display:none}
:focus-visible{outline:3px solid #0057B8;outline-offset:3px}
.nav-toggle{display:none;width:48px;height:48px;border:0;border-radius:50%;background:#F1F4F7;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;flex:0 0 auto}
.nav-toggle span{display:block;width:20px;height:2px;background:#000;border-radius:2px;transition:transform .25s,opacity .25s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1100px){
  .site-header > div > div{padding:10px 10px 10px 18px!important}
  .site-header .brand{order:1;margin-right:auto}
  .site-header .hactions{order:2}
  .nav-toggle{display:flex;order:3}
  #nav{display:none!important;order:4;width:100%;flex-direction:column!important;align-items:stretch!important;padding:8px 0 4px;border-top:1px solid #E2E7EC;margin-top:4px}
  #nav.is-open{display:flex!important}
  #nav a{padding:13px 14px!important;border-radius:14px!important;font-size:16px}
  .site-header > div > div{gap:8px!important}
}
@media (max-width:640px){
  .site-header img{height:40px!important}
  .site-header .hbtn{display:none!important}
  .site-header > div > div{border-radius:28px!important}
  section{padding-left:0;padding-right:0}
  h1{font-size:clamp(34px,9vw,48px)!important}
  .hero-shade-x{background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.25) 100%)!important}
  .hero-shade-y{background:none!important}
  .ph-bg{opacity:.3!important}
}
.notice{margin:0 0 18px;padding:14px 18px;border-radius:14px;font-size:15px}
.notice--ok{background:#E8F7EC;color:#146C2E}
.notice--err{background:#FFECEC;color:#B00000}
.gpanel[hidden]{display:none!important}
.tile[hidden]{display:none!important}
.lb{position:fixed;inset:0;z-index:1000;background:rgba(12,14,17,.95);display:none;align-items:center;justify-content:center;padding:24px}
.lb.is-open{display:flex}
.lb img{max-width:min(1280px,100%);max-height:80vh;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb figcaption{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);color:#fff;font-size:15px;background:rgba(255,255,255,.12);padding:10px 18px;border-radius:999px;max-width:90%;text-align:center}
.lb button{position:absolute;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#CC0000 0%,#FF0000 100%);width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.lb .lb-x{top:20px;right:20px;background:rgba(255,255,255,.14)}
.lb .lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:20px;top:50%;transform:translateY(-50%)}
@media (max-width:700px){.lb .lb-prev,.lb .lb-next{top:auto;bottom:14px;transform:none;width:44px;height:44px}.lb figcaption{bottom:72px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
.nl{transition:background .2s,color .2s}
.nl:hover{background:#F1F4F7!important;color:#CC0000!important}
.hbtn{transition:transform .25s,box-shadow .25s}
.hbtn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,0,0,.35)}
.hbtn .arr{transition:transform .3s}
.hbtn:hover .arr{transform:rotate(45deg)}
.hph{transition:background .2s,color .2s}
.hph:hover{background:#CC0000!important;color:#FFFFFF!important}
.fl{transition:color .2s,transform .2s;display:inline-block}
.fl:hover{transform:translateX(4px)}
.fbtn{transition:transform .25s,box-shadow .25s}
.fbtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.3)}
.fbtn .arr{transition:transform .3s}
.fbtn:hover .arr{transform:rotate(45deg)}
.fgh{transition:background .25s}
.fgh:hover{background:rgba(255,255,255,.12)}
.ring{animation:spin 40s linear infinite}
.ctacard{transition:transform .35s,background .35s}
.scuti{opacity:.85;transition:opacity .25s}.scuti:hover{opacity:1}
.ctacard:hover{transform:translateY(-4px);background:rgba(255,255,255,.18)!important}
@keyframes spin{to{transform:rotate(360deg)}}
summary::-webkit-details-marker{display:none}
button{font:inherit}
.lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.lift:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.16)}
.btn{transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,0,0,.35)}
.btn .arr{transition:transform .3s}
.btn:hover .arr{transform:rotate(45deg)}
.ghost{transition:background .25s,border-color .25s}
.ghost:hover{background:rgba(255,255,255,.08)!important;border-color:#0057B8!important}
.outline{transition:border-color .25s,background .25s}
.outline:hover{border-color:#CC0000!important;background:#FFF7F7!important}
.chip{transition:border-color .2s,color .2s,transform .2s}
.chip:hover{border-color:#0057B8!important;color:#FFFFFF!important;transform:translateY(-1px)}
.zoom{overflow:hidden}
.zoom img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.07)}
.lbopen{transition:box-shadow .2s}
.lbopen:focus-visible{outline:3px solid #0057B8;outline-offset:-3px}
.tile .cap{opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.tile:hover .cap{opacity:1;transform:none}
.svc{transition:background .25s,padding-left .25s}
.svc:hover{padding-left:30px!important}
.svc .go{transition:transform .3s}
.svc:hover .go{transform:translateX(4px)}
.marqwrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marq{display:flex;gap:14px;width:max-content;animation:marq 34s linear infinite}
.logo-chip{transition:transform .3s,box-shadow .3s}
.logo-chip img{transition:transform .3s}
.logo-chip:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.logo-chip:hover img{transform:scale(1.06)}
.marqwrap:hover .marq{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.float{animation:float 6s ease-in-out infinite}
.float2{animation:float 7s ease-in-out -2s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.faq{transition:border-color .2s,box-shadow .3s}
.faq:hover{border-color:#0057B8!important}
.faq[open]{box-shadow:0 16px 36px rgba(0,0,0,.08)}
.faq .pm{transition:transform .3s,background .3s,color .3s}
.faq[open] .pm{transform:rotate(45deg);background:linear-gradient(135deg, #CC0000 0%, #FF0000 100%)!important;color:#FFFFFF!important}
.gact{transition:background .2s}
.gact:hover{background:#FFF0F0!important}
.stat{transition:background .3s}
.stat:hover{background:#FFF7F7}
.scard .more{max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height .45s ease,opacity .35s,transform .35s}
.scard:hover .more{max-height:220px;opacity:1;transform:none}
.scard .corner{transition:transform .35s}
.scard:hover .corner{transform:rotate(45deg)}
.fmcard{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.fmcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(0,0,0,.3)}
.fmcard .arr{transition:transform .3s}
.fmcard:hover .arr{transform:rotate(45deg)}
.step .stepcard{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.step:hover .stepcard{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.12)}
.step .dot{transition:transform .35s}
.step:hover .dot{transform:scale(1.08)}
@media (hover: none){.scard .more{max-height:none;opacity:1;transform:none}}
.svc2{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.svc2:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.22);border-color:transparent!important}
.svc2 .fill{opacity:0;transition:opacity .4s}
.svc2:hover .fill{opacity:1}
.svc2 .t,.svc2 .d,.svc2 .l,.svc2 .ico{transition:color .3s,background .3s}
.svc2:hover .t{color:#FFFFFF!important}
.svc2:hover .d{color:#FFE4E4!important}
.svc2:hover .l{color:#FFFFFF!important}
.svc2 .wm{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important}
.svc2:hover .wm{transform:rotate(0deg) scale(1.08)!important;box-shadow:0 18px 36px rgba(0,0,0,.35)!important}
.svc2:hover .ico{background:rgba(255,255,255,.16)!important;color:#FFFFFF!important}
.svc2:hover .badge{background:#FFFFFF!important;color:#CC0000!important}
.svc2 .bar{width:56px;transition:width .5s cubic-bezier(.2,.7,.2,1),background .3s}
.svc2:hover .bar{width:100%;background:#0057B8!important}
.svc2 .chk,.svc2 .l{transition:color .3s,background .3s,border-color .3s}
.svc2:hover .chk{color:#FFFFFF!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important}
.svc2:hover .chk svg{stroke:#FFFFFF}
.svc2:hover .l{border-color:rgba(255,255,255,.25)!important}
.svc2:hover .ico{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important}
.svc2 .go{transition:transform .3s,background .3s,color .3s}
.svc2:hover .go{transform:rotate(45deg);background:#FFFFFF!important;color:#CC0000!important}
.whyc{transition:background .3s}
.whyc:hover{background:rgba(255,255,255,.07)}
.whyc .wico{transition:transform .35s}
.whyc:hover .wico{transform:translateY(-4px) rotate(-6deg)}
.lift:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.14)}
.zoom:hover img{transform:scale(1.06)}
.bar-fill{animation:grow 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pillbox{transition:background .25s,transform .25s}
.pillbox:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
.value .vnum{transition:color .35s}
.value:hover .vnum{color:#FFE0E0}
.gtab{transition:background .25s,border-color .25s,transform .25s}
.gtab:hover{border-color:#FF0000!important;transform:translateX(4px)}
.schip{transition:background .2s,color .2s}
.schip:hover{background:#CC0000!important;color:#FFFFFF!important}
.pcard{transition:transform .3s,box-shadow .3s,border-color .3s}
.pcard img{transition:transform .3s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.10);border-color:#FFD0D0!important}
.pcard:hover img{transform:scale(1.06)}
.insta{transition:border-color .3s,box-shadow .3s}
.insta:hover{border-color:#FF0000!important;box-shadow:0 16px 36px rgba(0,0,0,.10)}
.insta .go{transition:transform .3s}
.insta:hover .go{transform:rotate(45deg)}
.lsbild{overflow:hidden}
.lsbild img{transition:transform .8s ease}
.lsbild:hover img{transform:scale(1.04)}
.lswrap .inset{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.lswrap:hover .inset{transform:translateY(-8px) rotate(0deg)!important;box-shadow:0 30px 60px rgba(0,0,0,.32)!important}
.jump a{transition:background .25s,color .25s,border-color .25s,transform .25s}
.jump a:hover{background:#FFECEC!important;border-color:#FF0000!important;color:#CC0000!important;transform:translateY(-2px)}
.pt{transition:border-color .3s}
.pt:hover{border-left-color:#D9B11E!important}
.more summary{transition:color .2s}
.more summary:hover{color:#FF0000}
.more .pm{transition:transform .3s}
.more[open] .pm{transform:rotate(45deg)}
button,input,select,textarea{font:inherit}
.field{transition:border-color .2s,box-shadow .2s}
.field:focus{outline:none;border-color:#FF0000!important;box-shadow:0 0 0 4px rgba(255,0,0,.15)}
.drop{transition:border-color .2s,background .2s}
.drop:hover{border-color:#FF0000!important;background:#FFF3F3!important}
.jobcard .tagline{transition:color .3s}
.tile .shade{transition:opacity .4s}
.tile:hover .shade{opacity:1!important}
.tile .cap{transition:transform .35s}
.tile:hover .cap{transform:translateY(-6px)}
.tile .corner{transition:transform .35s,opacity .35s;opacity:0;transform:scale(.7)}
.tile:hover .corner{opacity:1;transform:scale(1)}
.fchip{transition:background .2s,color .2s,border-color .2s}
.fchip:hover{border-color:#FF0000!important}
.qc{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.qc:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.18)}
.qc .go{transition:transform .3s}
.qc:hover .go{transform:rotate(45deg)}
.topic{transition:background .2s,color .2s,border-color .2s}
.topic:hover{border-color:#FF0000!important}
.toc a{transition:background .2s,color .2s,padding-left .2s}
.toc a:hover{background:#FFECEC;color:#CC0000!important;padding-left:18px!important}
.lcard{transition:transform .3s,box-shadow .3s}
.lcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.10)}