/* AXENFOLD Blackline — restrained enterprise motion. No external dependencies. */
.blackline .bl-hero{position:relative;isolation:isolate;overflow:hidden}
.blackline .bl-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background:linear-gradient(125deg,transparent 0%,transparent 46%,rgba(101,126,160,.075) 68%,transparent 92%),repeating-linear-gradient(90deg,transparent 0,transparent 115px,rgba(162,179,201,.055) 116px),repeating-linear-gradient(0deg,transparent 0,transparent 115px,rgba(162,179,201,.04) 116px)}
.blackline .bl-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(72vw,740px);height:min(72vw,740px);right:-16%;top:-35%;border:1px solid rgba(161,180,207,.11);border-radius:50%;box-shadow:0 0 0 85px rgba(157,179,211,.018),0 0 0 170px rgba(157,179,211,.012)}
.blackline .bl-hero-rule{position:relative;overflow:hidden}
.blackline .bl-hero-rule:after{content:"";position:absolute;inset:0 auto 0 0;width:17%;height:1px;background:#b4c6e1;transform-origin:left;animation:ax-rule 1.25s cubic-bezier(.2,.7,.2,1) both}
.blackline .bl-hero .bl-overline,.blackline .bl-hero h1,.blackline .bl-hero-summary,.blackline .bl-hero-caption{animation:ax-rise .8s cubic-bezier(.16,1,.3,1) both}
.blackline .bl-hero h1{animation-delay:.09s}
.blackline .bl-hero-summary{animation-delay:.17s}
.blackline .bl-hero-caption{animation-delay:.25s}
.blackline .bl-product-card,.blackline .bl-app-row,.blackline .bl-game-row,.blackline .bl-feature-row{transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.7,.2,1)}
.blackline .bl-product-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(21,37,58,.1);border-color:#9aaabc}
.blackline .bl-app-row:hover,.blackline .bl-game-row:hover{transform:translateX(4px)}
.blackline .bl-product-card img,.blackline .bl-detail-media img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.blackline .bl-product-card:hover img{transform:scale(1.035)}
.blackline .bl-arrow,.blackline .bl-more span{transition:transform .25s ease}
.blackline .bl-app-row:hover .bl-arrow,.blackline .bl-game-row:hover .bl-arrow{transform:translate(3px,-3px)}
.blackline .bl-button,.blackline .bl-contact-btn{transition:background-color .2s,color .2s,border-color .2s,transform .2s}
.blackline .bl-button:hover{transform:translateY(-2px)}
.blackline .site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.blackline .bl-section-head .bl-overline:before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:9px;opacity:.75}
.blackline .bl-product-card .bl-card-header{border-top:1px solid rgba(68,88,112,.12)}
@keyframes ax-rise{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes ax-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:680px){.blackline .bl-hero:after{right:-45%;top:-10%}.blackline .bl-product-card:hover,.blackline .bl-app-row:hover,.blackline .bl-game-row:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.blackline .bl-hero .bl-overline,.blackline .bl-hero h1,.blackline .bl-hero-summary,.blackline .bl-hero-caption,.blackline .bl-hero-rule:after{animation:none!important}.blackline .bl-product-card,.blackline .bl-app-row,.blackline .bl-game-row,.blackline .bl-product-card img,.blackline .bl-detail-media img,.blackline .bl-button{transition:none!important;transform:none!important}}
