/* Public BLAQPLOYMENT cinematic identity aligned with the command centre. */
:root{--site-bg:#040a13;--site-panel:#09182b;--site-line:rgba(119,177,246,.16);--site-text:#edf6ff;--site-muted:#8da3bf;--site-blue:#62c7ff;--site-violet:#776fff;--site-green:#50e6ae}
body{color:var(--site-text);background:
  radial-gradient(circle at var(--site-x,76%) var(--site-y,5%),rgba(42,124,255,.18),transparent 28rem),
  linear-gradient(180deg,#06101e,#040a13 62%,#03070d);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:0;
  background-image:linear-gradient(rgba(93,163,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(93,163,248,.05) 1px,transparent 1px);background-size:46px 46px}
.site-header{position:sticky;top:0;background:rgba(4,11,21,.84);backdrop-filter:blur(18px);border-bottom-color:var(--site-line)}
.wordmark-soft{color:#92a8c2}.mark{background:linear-gradient(135deg,#64d0ff,#7181ff);color:#03101e;box-shadow:0 0 24px rgba(67,164,255,.2)}
.header-links a,.sign-in{color:#8299b6}.header-links a:hover,.sign-in:hover{color:#dff2ff}
.button-light,.button-gold{background:linear-gradient(135deg,#68d3ff,#6d82ff);color:#03101e;box-shadow:0 14px 38px rgba(44,124,255,.2)}
.button-outline{border-color:rgba(124,174,236,.25);background:rgba(7,20,37,.38);color:#dcecff}
.button:focus-visible,a:focus-visible{outline-color:#61c6ff}
.hero{background:transparent}.hero-glow{width:980px;height:880px;background:
  radial-gradient(ellipse,rgba(42,128,255,.28) 0%,rgba(78,63,214,.09) 42%,transparent 70%)}
.eyebrow{color:#70c7ff}.signal{background:#50e6ae;box-shadow:0 0 14px #50e6ae}
.hero h1 span{color:#75cfff}.hero-sub{color:#97abc3}.hero-foot{color:#647b98}
.hero-proof{border-top-color:rgba(124,174,236,.15);color:#7189a6}.hero-proof i{background:#3e5a78}
.product-window{background:#06111f;color:#e9f5ff;border-color:rgba(101,174,255,.24);
  box-shadow:0 35px 95px rgba(0,0,0,.48),0 0 0 8px rgba(87,165,255,.025),0 0 80px rgba(32,116,255,.1)}
.window-bar{background:#050d18;color:#8097b4;border-bottom-color:rgba(124,174,236,.1)}
.window-body{background:linear-gradient(145deg,#09182b,#06111f)}
.preview-sidebar{background:#050d18;color:#7188a5;border-right:1px solid rgba(124,174,236,.1)}
.preview-nav.active{background:rgba(74,150,238,.13);color:#69c8ff}.preview-bottom{color:#5ce3b1}
.preview-main h2{color:#eff8ff}.preview-main>p{color:#7189a7}
.preview-kpis>div,.preview-release{background:rgba(10,25,44,.86);border-color:rgba(124,174,236,.12);color:#dcecff}
.preview-kpis span,.preview-kpis small,.preview-line small,.line-time{color:#7087a4}.preview-kpis>div:first-child strong{color:#57e8b0}
.preview-release-head{color:#dcecff}.preview-release-head span:last-child{color:#55e9b0}.preview-line{border-top-color:rgba(124,174,236,.09)}
.dot.green{background:#4de6ac}.dot.gold{background:#6bbcff}.dot.blue{background:#8174ff}
.light-section,.workflow-section,.control-section{background:transparent;color:var(--site-text);position:relative}
.light-section{border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.section h2,.final-cta h2{color:#eff7ff}.dark-eyebrow{color:#6bbfff}
.section-intro>p:last-child,.section-copy,.steps p,.control-layout p{color:#8299b6}
.feature-grid{gap:16px}.feature-card{background:linear-gradient(145deg,rgba(11,29,50,.88),rgba(6,17,31,.86));
  border-color:var(--site-line);box-shadow:0 18px 48px rgba(0,0,0,.16);color:#dcecff;transition:.22s ease}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(98,199,255,.38);box-shadow:0 26px 60px rgba(0,0,0,.26),0 0 32px rgba(61,151,255,.06)}
.feature-card p{color:#8299b6}.feature-icon{background:rgba(98,199,255,.09);color:#70c8ff;border:1px solid rgba(98,199,255,.13)}
.feature-primary{background:
  radial-gradient(circle at 85% 10%,rgba(70,159,255,.14),transparent 15rem),
  linear-gradient(145deg,#0c2039,#071322);border-color:rgba(104,176,255,.24)}
.feature-primary .feature-icon{background:linear-gradient(135deg,#68d3ff,#7776ff);color:#03101d}.feature-primary p{color:#8ea5c0}
.feature-path{color:#788fa9}.feature-path strong{color:#6dc7ff}
.workflow-section{border-bottom:1px solid var(--site-line)}.steps li{border-bottom-color:rgba(124,174,236,.12)}
.steps li>span{color:#66c5ff}.text-link{color:#67c4ff}
.control-section{background:
  radial-gradient(circle at 10% 40%,rgba(55,135,255,.12),transparent 26rem),
  linear-gradient(180deg,rgba(6,16,30,.5),rgba(4,10,19,.8))}
.control-layout h2 em{color:#6cc8ff}.control-points>div{border-top-color:rgba(124,174,236,.15)}.control-points span{color:#66c4ff}
.final-cta{background:
  radial-gradient(circle at 75% 20%,rgba(101,83,255,.18),transparent 22rem),
  linear-gradient(135deg,#0a203b,#071321);border-top:1px solid var(--site-line)}
.final-inner p:not(.eyebrow){color:#8ca2bc}.button-dark{background:linear-gradient(135deg,#66d0ff,#6e7fff);color:#03101d}
.site-footer{background:#02060c;color:#7890ab;border-top:1px solid var(--site-line)}.footer-inner>div a:hover{color:#6dc8ff}
.site-header,.hero,.section,.final-cta,.site-footer{position:relative;z-index:1}
body.site-motion-ready .feature-card,body.site-motion-ready .steps li,body.site-motion-ready .control-points>div{animation:site-rise .5s cubic-bezier(.2,.7,.2,1) both}
.product-window{animation:site-float 7s ease-in-out infinite}
.signal{animation:site-pulse 2.2s ease-in-out infinite}
@keyframes site-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes site-float{0%,100%{transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-5deg) rotateX(2deg) translateY(-7px)}}
@keyframes site-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:1100px){.product-window{animation:none;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}

@media(hover:hover) and (pointer:fine){
  .feature-card,.product-window{transform-style:preserve-3d}
  .feature-card:hover{transform:perspective(1100px) rotateX(1.2deg) rotateY(-1.6deg) translateY(-5px)}
}
body:before{animation:site-grid-drift 28s linear infinite}
@keyframes site-grid-drift{from{background-position:0 0,0 0}to{background-position:46px 46px,46px 46px}}
@media(prefers-reduced-motion:reduce){
  body{background-attachment:scroll}.feature-card:hover{transform:none!important}body:before{animation:none!important}
}

/* Pointer depth follows the visitor instead of using a fixed hover angle. */
@media(hover:hover) and (pointer:fine){
  .feature-card,.product-window,.button{--site-tilt-x:0deg;--site-tilt-y:0deg;transform-style:preserve-3d;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease,border-color .2s ease}
  .feature-card:hover{transform:perspective(1100px) rotateX(var(--site-tilt-x)) rotateY(var(--site-tilt-y)) translateY(-5px)}
  .product-window:hover{animation-play-state:paused;transform:perspective(1300px) rotateX(var(--site-tilt-x)) rotateY(var(--site-tilt-y)) translateY(-5px)}
  .button:hover{transform:perspective(800px) rotateX(var(--site-tilt-x)) rotateY(var(--site-tilt-y)) translateY(-2px)}
}
@media(max-width:1100px),(prefers-reduced-motion:reduce){.product-window:hover,.button:hover{transform:none!important}}