/* Shared slate-and-blue palette; motion never controls scrolling. */
:root{--bg:#101217;--panel:#191d25;--blue:#a5bcff;--violet:#769bff;--lime:#a5bcff;--text:#f5f6f8;--muted:#afb7c8;--line:#303744}
body{background:#101217!important;color:#f5f6f8!important}
body .nav,body footer{border-color:#303744}
body .gradient,body .kicker,body .status,body .service span,body .service b,body .reason b,body .footer h4,body .eyebrow,body .icon{color:#a5bcff!important}
body .mark,body .hero-action,body .submit,body .contact-row .button{background:#a5bcff!important;color:#101727!important}
body .status i{background:#a5bcff}
body .services,body .reason,body .panel,body .cta{background:#191d25!important;border-color:#303744!important}
body .service{background:#202630;border-color:#363f4e}
body .work{background:#edf0f6!important;color:#171e2b!important}
body .project,body .project:nth-child(even){background:#fff;border-color:#d8deea}
body .work .kicker,body .text-link{color:#3b578f!important}
body .billara{background:#b1becf!important}body .osolex{background:#8b9eb9!important}body .gadget{background:#37465e!important}
body .reviews{background:#202a3d!important;color:#f5f6f8!important}
body .reviews-head p{color:#b9c6df}body .review-card{background:#29354a!important;border-color:#45516a!important;color:#fff}
body .review-card blockquote{color:#e0e6f1}body .person small{color:#bdc9df}
body .avatar{background:#101727;color:#a5bcff}
body .review-action{background:#a5bcff!important;color:#101727!important}
body .footer{background:#0b0d12!important}
body .hero-copy,body .section-head p,body .intro p,body .service p,body .note,body .hero p{color:#afb7c8}
body .work .section-head p{color:#59677f}
body input,body select,body textarea{background:#202630!important;border-color:#3c4758!important}
body .quick{background:#a5bcff!important;color:#101727!important}
body .quick p{color:#253b62!important}
body .quick a{background:#101727!important;color:#fff!important}
body .pill{background:#202630;border-color:#3c4758}
body .pill:hover{background:#a5bcff;color:#101727}
body .hero h1{line-height:1.01;letter-spacing:-.055em}
body .reviews-head h2,body .screen strong{font-family:inherit}
@media(max-width:900px){body .section-head{grid-template-columns:1fr;gap:24px}}
@media(max-width:620px){body .nav{gap:10px}body .nav .logo{font-size:14px}body .nav .pill,body .nav .back{font-size:13px;padding:10px 12px}body .hero h1{font-size:clamp(44px,12vw,74px)}body .info a{overflow-wrap:anywhere}}
:focus-visible{outline:2px solid #a5bcff;outline-offset:5px}
@keyframes enter-soft{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 body .motion-enter{animation:enter-soft .55s cubic-bezier(.22,.7,.25,1) both!important}
 body .hero h1{animation:enter-soft .65s cubic-bezier(.22,.7,.25,1) both!important}
 body .hero .hero-bottom{animation:enter-soft .65s .08s cubic-bezier(.22,.7,.25,1) both!important}
 body .pill,body .hero-action,body .review-action,body .submit,body .contact-row .button,body .quick a{transition:transform .2s ease!important}
 @media(hover:hover) and (pointer:fine){body .pill:hover,body .hero-action:hover,body .review-action:hover,body .submit:hover,body .contact-row .button:hover,body .quick a:hover{transform:translateY(-3px)}}
}