/* SofolX unified dark storefront theme. Presentation only. */
:root{color-scheme:dark;--sp-bg:#060b16;--sp-bg2:#0a1120;--sp-card:#101a2c;--sp-card2:#142238;--sp-border:rgba(148,163,184,.18);--sp-border2:rgba(96,165,250,.32);--sp-text:#f4f7fb;--sp-muted:#aebbd0;--sp-blue:#45a7ff;--sp-green:#25d49b;--sp-shadow:0 20px 55px rgba(0,0,0,.34)}
html,body{background:var(--sp-bg)!important;color:var(--sp-text)!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,main,#main,main>section,body>section,.bg-white,.bg-light{background-color:var(--sp-bg)!important;color:var(--sp-text)!important}
main>section:nth-of-type(even),#main>section:nth-of-type(even),#services,#platforms,#contact{background-color:var(--sp-bg2)!important}
.hero-wrapper{background:radial-gradient(circle at 15% 20%,rgba(37,212,155,.12),transparent 34%),radial-gradient(circle at 88% 75%,rgba(69,167,255,.13),transparent 38%),linear-gradient(145deg,#07101f 0%,#060b16 55%,#091424 100%)!important}
.shape-1{background:radial-gradient(circle,rgba(37,212,155,.2),transparent 70%)!important}.shape-2{background:radial-gradient(circle,rgba(69,167,255,.16),transparent 70%)!important}
#header.header,#header.header-scrolled{padding:11px 0!important;background:rgba(6,11,22,.92)!important;border-bottom:1px solid var(--sp-border)!important;box-shadow:0 10px 35px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px) saturate(140%)}
#header .logo img{max-height:33px!important;max-width:160px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}
html body #header .navbar ul li a,html body #header .navbar ul li a:focus{color:#dce7f7!important}
html body #header .navbar ul li a:hover,html body #header .navbar ul li a.active,html body #header .navbar ul li a.active:focus{color:#67b8ff!important}
#header .navbar .getstarted,#header .navbar .getstarted:focus{color:#fff!important;background:linear-gradient(135deg,#1677ff,#0ca678)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(22,119,255,.24)}
#header .mobile-nav-toggle{color:var(--sp-text)!important}
@keyframes spNavDrop{from{opacity:0;transform:translate3d(0,-14px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:1200px){#header.header,#header.header-scrolled{backdrop-filter:none!important}#navbar.navbar-mobile{position:fixed!important;inset:0!important;z-index:9999999!important;overflow:hidden!important;background:rgba(2,6,15,.9)!important;transition:background .2s ease!important;pointer-events:auto!important}#navbar.navbar-mobile .mobile-nav-toggle{position:absolute!important;top:18px!important;right:18px!important;z-index:4!important;touch-action:manipulation}#navbar.navbar-mobile ul{display:block!important;position:absolute!important;top:64px!important;right:16px!important;bottom:auto!important;left:16px!important;max-height:calc(100dvh - 80px)!important;margin:0!important;padding:12px 0!important;overflow-y:auto!important;background:#0c1526!important;border:1px solid var(--sp-border)!important;border-radius:16px!important;box-shadow:var(--sp-shadow)!important;animation:spNavDrop .22s cubic-bezier(.2,.75,.25,1) both!important;transform-origin:top center;pointer-events:auto!important}#navbar.navbar-mobile ul li{display:block!important;opacity:1!important;visibility:visible!important}#navbar.navbar-mobile ul li a{display:flex!important;min-height:44px!important;padding:11px 20px!important;opacity:1!important;visibility:visible!important;touch-action:manipulation}#navbar.navbar-mobile .getstarted{margin:10px 16px!important;justify-content:center!important}}
h1,h2,h3,h4,h5,h6,.hero-title,.section-header h2,.feature-card h4,.service-box h3,.pricing .box h3{color:var(--sp-text)!important}
.hero-title{font-size:clamp(2.12rem,5.9vw,4.45rem)!important;line-height:1.1!important}.section-header h2{font-size:clamp(1.75rem,3.6vw,2.12rem)!important}.section-header p{font-size:.98rem!important}.hero-wrapper .fs-5{font-size:1.04rem!important;line-height:1.65!important}.feature-card h4{font-size:1.14rem!important}.service-box h3{font-size:1.2rem!important}.feature-card p,.service-box p,.contact .info-box p{font-size:.93rem!important;line-height:1.6!important}.btn-luxury,.btn-outline-custom{font-size:.96rem!important;padding:13px 30px!important}
p,li,label,.form-text,.text-muted,.text-secondary,.pricing .box .text-muted,.accordion-body{color:var(--sp-muted)!important}
.text-dark{color:var(--sp-text)!important}.text-white{color:#fff!important}
.border,.border-top,.border-bottom,.border-end,.border-start,.border-end-lg{border-color:var(--sp-border)!important}
.feature-card,.service-box,.pricing .box,.contact .info-box,.card,.modal-content{color:var(--sp-text)!important;background:linear-gradient(155deg,var(--sp-card2),var(--sp-card))!important;border:1px solid var(--sp-border)!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important}
.feature-card:hover,.service-box:hover,.pricing .box:hover,.contact .info-box:hover{background:linear-gradient(155deg,#182942,#111d31)!important;border-color:var(--sp-border2)!important;box-shadow:var(--sp-shadow)!important}
.service-box i.icon,.contact .info-box i{background:rgba(69,167,255,.1)!important}
.section-header p{color:#9fb0c8!important}.section-header h2::after{background:linear-gradient(90deg,var(--sp-green),var(--sp-blue))!important}
.hero-wrapper .d-inline-block.rounded-pill{color:#53e6b7!important;background:rgba(37,212,155,.1)!important;border:1px solid rgba(37,212,155,.2)}
.btn-outline-custom{color:#dce7f7!important;border-color:rgba(148,163,184,.28)!important}.btn-outline-custom:hover{color:#fff!important;background:#16243a!important;border-color:var(--sp-blue)!important}
.pricing-cycle{max-width:460px!important;margin-bottom:34px!important;padding:5px!important;border-width:3px!important;background:linear-gradient(#0d1728,#0d1728) padding-box,linear-gradient(90deg,#8b5cf6,#ec4899) border-box!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important}.pricing-cycle button{padding:11px 8px!important;color:#dce7f7!important;font-size:15px!important}.pricing-cycle button.active{color:#fff!important;background:#1a2940!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 6px 18px rgba(0,0,0,.25)!important}.pricing-cycle-save{top:-29px!important;right:-8px!important;padding:5px 12px!important;border-width:3px!important;font-size:11px!important}
@media(max-width:768px){#header.header,#header.header-scrolled{padding:8px 0!important}#header .logo img{max-height:30px!important;max-width:145px!important}.pricing-cycle{max-width:330px!important;margin-right:auto!important;margin-left:auto!important}.pricing-cycle button{padding:9px 6px!important;font-size:14px!important}.pricing-cycle-save{top:-25px!important;font-size:10px!important}}
.pricing .btn-buy{color:#eaf2ff!important;background:#17243a!important;border-color:var(--sp-border)!important}.pricing .box:hover .btn-buy,.pricing .btn-buy:hover{color:#fff!important;background:linear-gradient(135deg,#1677ff,#0ca678)!important;border-color:transparent!important}
.plan-feature-icon{color:#b79cff!important;background:rgba(139,92,246,.15)!important}.opacity-50{opacity:.58!important}
.accordion-item{background:var(--sp-card)!important;border:1px solid var(--sp-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}
.accordion-button,.accordion-button.collapsed,.accordion-body{color:var(--sp-text)!important;background:var(--sp-card)!important}.accordion-button:not(.collapsed){color:#64e0b8!important;background:#12273a!important}.accordion-button::after{filter:invert(1) brightness(1.8)}.accordion-button:focus{border-color:var(--sp-blue)!important;box-shadow:none!important}
.clients img{opacity:.82!important;filter:grayscale(100%) brightness(1.5)!important}.clients img:hover{opacity:1!important;filter:none!important}
input,textarea,select,.form-control,.form-select{color:var(--sp-text)!important;background-color:#0a1425!important;border-color:var(--sp-border)!important}input::placeholder,textarea::placeholder{color:#73839d!important}input:focus,textarea:focus,select:focus,.form-control:focus,.form-select:focus{color:var(--sp-text)!important;background-color:#0d192b!important;border-color:var(--sp-blue)!important;box-shadow:0 0 0 .2rem rgba(69,167,255,.12)!important}
.modal-header,.modal-footer{border-color:var(--sp-border)!important}.btn-close{filter:invert(1) grayscale(100%) brightness(2)}
#footer.footer,#footer .footer-top{color:var(--sp-muted)!important;background:#050913!important;border-top:1px solid var(--sp-border)!important}
#footer .footer-top h4,#footer .footer-info .logo span{color:var(--sp-text)!important}#footer .footer-links ul a,#footer .footer-contact p,#footer .footer-info p{color:var(--sp-muted)!important}#footer .footer-links ul a:hover{color:var(--sp-blue)!important}
#footer .social-links a{color:#dbe7f7!important;background:#121d30!important;border:1px solid var(--sp-border)!important}#footer .copyright{color:#8391a7!important}
.back-to-top{color:#fff!important;background:linear-gradient(135deg,#1677ff,#0ca678)!important;box-shadow:0 10px 25px rgba(0,0,0,.32)}
::selection{color:#fff;background:#1677ff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}