/* Motion for the Professionalitet homepage. Content stays visible without JS. */
.home main [data-reveal]{animation:none}
.pf-hero{position:relative;isolation:isolate}
.pf-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 22%,#c8e8eb99,transparent 48%),radial-gradient(ellipse at 8% 90%,#e1eadb80,transparent 45%)}
.pf-hero__visual{--pf-x:0px;--pf-y:0px}
.pf-tech{position:absolute;z-index:2;border:1px solid #c2dce1;background:#ffffffdc;box-shadow:0 12px 30px #007da50e;border-radius:14px;padding:12px 16px;font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:600;color:var(--pf-blue);pointer-events:none}
.pf-tech--code{left:0;top:26px;transform:rotate(-12deg)}
.pf-tech--ai{right:-4px;top:90px;background:var(--pf-blue);color:#fff;transform:rotate(10deg)}
.pf-tech--cloud{left:0;bottom:18px;font-size:12px;transform:rotate(-6deg)}
.pf-hero__orbit::before{content:'';position:absolute;left:48%;top:-6px;width:12px;height:12px;background:var(--pf-red);border:3px solid #f5f7f5;border-radius:50%;box-shadow:0 0 0 5px #f6275412}
.pf-hero__orbit::after{border-width:2px;border-color:#89bbc6;border-style:dashed;border-top-color:transparent;border-bottom-color:transparent}
.pf-motion-toolbar{display:flex;justify-content:flex-end;padding-top:8px;padding-bottom:14px}
.pf-motion-toggle{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:6px 0;color:#526e7b;font:inherit;font-size:11px;cursor:pointer}
.pf-motion-toggle[hidden]{display:none}
.pf-motion-toggle:hover{color:var(--pf-blue)}
.pf-motion-toggle:focus-visible{outline:2px solid var(--pf-blue);outline-offset:5px;border-radius:3px}
.pf-button{position:relative;overflow:hidden;box-shadow:0 5px 16px #007da515;transition:background .25s,transform .3s,box-shadow .3s}
.pf-button::before{content:'';position:absolute;inset:-30% auto -30% -70%;width:45%;background:linear-gradient(110deg,transparent,#ffffff40,transparent);transform:skewX(-20deg);pointer-events:none}
.pf-button span,.pf-text-link span,.pf-hero__facts>a span{display:inline-block;transition:transform .3s}
.pf-feature-image{overflow:hidden;border-radius:14px}
.pf-feature-image img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:no-preference){
 .pf-motion-on .pf-hero__art{animation:pf-art-drift 7s ease-in-out infinite}
 .pf-motion-on .pf-hero__orbit{animation:pf-orbit 32s linear infinite}
 .pf-motion-on .pf-hero__orbit::after{animation:pf-orbit 22s linear infinite reverse}
 .pf-motion-on .pf-tech--code{animation:pf-code-float 6s ease-in-out infinite}
 .pf-motion-on .pf-tech--ai{animation:pf-ai-float 5.5s ease-in-out infinite}
 .pf-motion-on .pf-tech--cloud{animation:pf-cloud-float 7s ease-in-out infinite}
 .pf-motion-on .pf-dot{animation:pf-beacon 2.8s ease-out infinite}
 .pf-motion-on .pf-hero h1>span{background:linear-gradient(110deg,var(--pf-blue) 25%,#36acb5 43%,var(--pf-blue) 63%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:pf-title-light 7s ease-in-out infinite}
 .pf-motion-on .pf-button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #007da528}
 .pf-motion-on .pf-button:hover::before{animation:pf-button-light .65s ease-out}
 .pf-motion-on .pf-button:hover span,.pf-motion-on .pf-text-link:hover span{transform:translate(3px,-3px)}
 .pf-motion-on .pf-hero__facts>a:hover span{transform:translateX(6px)}
 .pf-motion-on .pf-feature-image:hover img{transform:scale(1.045)}
 .pf-motion-on .uk-role:hover{transform:translateY(-5px);box-shadow:0 10px 25px #007da514}
 .pf-motion-on .uk-grid-proj>[data-reveal]{transition:transform .35s,box-shadow .35s}
 .pf-motion-on .uk-grid-proj>[data-reveal]:hover{transform:translateY(-5px);box-shadow:0 18px 38px #152d3d18}
}
@keyframes pf-art-drift{0%,100%{transform:translate3d(var(--pf-x),var(--pf-y),0) rotate(-1deg)}50%{transform:translate3d(var(--pf-x),calc(var(--pf-y) - 15px),0) rotate(1.5deg)}}
@keyframes pf-orbit{from{transform:rotate(-15deg)}to{transform:rotate(345deg)}}
@keyframes pf-code-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-5deg)}}
@keyframes pf-ai-float{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(12px) rotate(2deg)}}
@keyframes pf-cloud-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes pf-beacon{0%{box-shadow:0 0 0 0 #43ba9445}75%,100%{box-shadow:0 0 0 9px #43ba9400}}
@keyframes pf-title-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes pf-button-light{to{left:140%}}
.pf-motion-away .pf-hero *, .pf-motion-away .pf-hero *::after{animation-play-state:paused!important}
@media(max-width:700px){.pf-motion-toolbar{padding:0 20px 12px}.pf-tech{padding:9px 12px;font-size:14px;border-radius:10px}.pf-tech--code{top:14px;left:4px}.pf-tech--ai{right:2px;top:76px}.pf-tech--cloud{font-size:10px;left:0;bottom:28px}}
@media(prefers-reduced-motion:reduce){.home main *,.home main *::before,.home main *::after{animation:none!important;transition:none!important}.pf-hero h1>span{background:none;color:var(--pf-blue)}.pf-motion-toggle{display:none}}