/* SoftBari Premium Luxury Layer v4.1 */
:root{
  --lux-navy:#020d1b;--lux-navy-2:#061b34;--lux-blue:#1673ff;--lux-cyan:#00c9e8;
  --lux-gold:#d9b86b;--lux-ink:#06172c;--lux-glass:rgba(255,255,255,.72);
  --lux-shadow:0 28px 70px rgba(4,25,53,.13);--lux-shadow-strong:0 34px 90px rgba(3,24,52,.22);
}
html{scrollbar-color:#8db9f4 #edf4fd}
body{background:linear-gradient(180deg,#fff 0%,#fbfdff 55%,#fff 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 6% 14%,rgba(22,115,255,.07),transparent 22%),
 radial-gradient(circle at 95% 40%,rgba(0,201,232,.055),transparent 19%)}

/* Real brand logo */
.logo-wrap.brand-logo{display:inline-flex;align-items:center;min-width:0;line-height:1}
.logo-wrap.brand-logo img{display:block;width:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(10,67,145,.10));transition:transform .35s cubic-bezier(.2,.75,.2,1),filter .35s}
.logo-wrap.brand-logo:hover img{transform:translateY(-1px) scale(1.018);filter:drop-shadow(0 12px 25px rgba(14,93,203,.20))}
.logo-wrap.brand-logo-header img{height:55px;max-width:185px}
.logo-wrap.brand-logo-footer{background:rgba(255,255,255,.96);padding:9px 13px;border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.13);width:max-content;margin-bottom:15px}
.logo-wrap.brand-logo-footer img{height:64px;max-width:205px}
.brand-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(20,111,255,.26))}
.side-brand .brand-icon{width:42px;height:42px}.side-brand{gap:11px!important;align-items:center!important}
.login-card .logo-wrap.brand-logo-header img{height:76px;max-width:240px}.login-card .logo-wrap{margin-bottom:14px}

/* Premium header */
.header{border-bottom:1px solid rgba(17,76,139,.08)!important;box-shadow:0 10px 35px rgba(3,26,57,.055)!important}
.header.scrolled{background:rgba(255,255,255,.92)!important;box-shadow:0 16px 48px rgba(3,25,53,.10)!important}
.nav-links a{position:relative;transition:color .25s,transform .25s}.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--lux-blue),var(--lux-cyan));transition:left .28s,right .28s}
.nav-links a:hover{transform:translateY(-1px)}.nav-links a:hover:after,.nav-links a.active:after{left:0;right:0}
.lang-switch{border:1px solid #dfe9f7!important;background:rgba(255,255,255,.86)!important;box-shadow:0 8px 20px rgba(5,32,67,.06)!important}

/* Buttons: depth, glow, sweep and tactile feedback */
.btn{position:relative;overflow:hidden;isolation:isolate;min-height:42px;transition:transform .25s cubic-bezier(.2,.75,.2,1),box-shadow .25s,border-color .25s,background .25s!important;will-change:transform}
.btn:before{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.30) 46%,transparent 72%);transform:translateX(-135%);transition:transform .65s ease}
.btn:hover:before{transform:translateX(135%)}
.btn:hover{transform:translateY(-3px) scale(1.012)!important;box-shadow:0 16px 35px rgba(8,47,98,.16)}
.btn:active{transform:translateY(0) scale(.985)!important}
.btn-primary{background:linear-gradient(135deg,#176dff 0%,#0b8ef0 55%,#08b9dc 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 13px 28px rgba(18,104,237,.25)!important}
.btn-primary:hover{box-shadow:0 21px 48px rgba(18,104,237,.34)!important}
.btn-dark{background:linear-gradient(135deg,#031426,#0a2c50)!important;box-shadow:0 14px 30px rgba(3,20,38,.2)!important}
.btn-outline:hover{border-color:#99bdf0!important;background:#f7fbff!important;color:#0b5bc4!important}
.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:luxRipple .58s ease-out;background:rgba(255,255,255,.48);pointer-events:none;z-index:4}
@keyframes luxRipple{to{transform:scale(5);opacity:0}}

/* Global premium cards */
.card,.app-card,.price-card,.v4-product,.benefit-card,.project-card,.resource-card,.portal-card,.v4-plan,.bento-card{position:relative;transition:transform .32s cubic-bezier(.2,.75,.2,1),box-shadow .32s,border-color .32s,background .32s;transform-style:preserve-3d}
.card:after,.app-card:after,.price-card:after,.benefit-card:after,.project-card:after,.resource-card:after,.portal-card:after,.v4-plan:after,.bento-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(43,131,255,.10),transparent 42%);transition:opacity .25s}
.card:hover:after,.app-card:hover:after,.price-card:hover:after,.benefit-card:hover:after,.project-card:hover:after,.resource-card:hover:after,.portal-card:hover:after,.v4-plan:hover:after,.bento-card:hover:after{opacity:1}
.card:hover,.app-card:hover,.price-card:hover,.benefit-card:hover,.project-card:hover,.resource-card:hover,.portal-card:hover,.v4-plan:hover,.bento-card:hover{border-color:#b9d3f6!important;box-shadow:var(--lux-shadow)!important}
.v4-product:hover{box-shadow:0 30px 70px rgba(4,34,72,.14)!important;border-color:#9fc6f8!important;transform:translateY(-9px)}
.v4-product:hover .v4-prod-ui{transform:scale(1.025);filter:saturate(1.08)}.v4-prod-ui{transition:transform .42s,filter .42s}

/* Images and story surfaces */
.v4-photo-wrap,.industry-card,.consult-band{isolation:isolate}.v4-photo-wrap:before,.industry-card:before,.consult-band:before{content:"";position:absolute;inset:-45% -70%;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.17) 49%,transparent 58%);transform:translateX(-45%);transition:transform 1.1s ease}.v4-photo-wrap:hover:before,.industry-card:hover:before,.consult-band:hover:before{transform:translateX(45%)}
.industry-card:hover{transform:translateY(-5px)}

/* Hero luxury refinements */
.v4-hero{background:
 radial-gradient(circle at 82% 16%,rgba(22,115,255,.22),transparent 28%),
 radial-gradient(circle at 7% 75%,rgba(0,201,232,.13),transparent 25%),
 linear-gradient(135deg,#f9fcff,#edf5ff 52%,#f8fcff)!important}
.v4-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.8))}
.v4-laptop{transition:transform .45s,box-shadow .45s}.v4-media:hover .v4-laptop{transform:perspective(1000px) rotateY(-1.5deg) rotateX(0deg) translateY(-5px);box-shadow:0 44px 95px rgba(4,24,49,.34)}
.v4-float-card{transition:border-color .3s,box-shadow .3s}.v4-media:hover .v4-float-card{border-color:rgba(132,193,255,.65);box-shadow:0 24px 55px rgba(6,34,70,.18)}

/* App/Admin luxury */
.app-shell{background:linear-gradient(135deg,#f3f7fd,#f8fbff 58%,#f0f7ff)!important}
.sidebar{background:radial-gradient(circle at 15% 0%,#0d3765 0,#061a31 34%,#031323 100%)!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:15px 0 55px rgba(3,18,34,.09)}
.side-link{transition:background .23s,color .23s,transform .23s,border-color .23s;border:1px solid transparent}.side-link:hover{transform:translateX(4px);border-color:rgba(117,183,255,.18);background:linear-gradient(90deg,rgba(24,103,194,.32),rgba(8,198,223,.08))!important}.side-link.active{background:linear-gradient(90deg,#134b86,#0d3560)!important;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.app-top{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(17,72,133,.09)!important}
.app-card{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(8px)}
.app-kpi strong{background:linear-gradient(105deg,#071a30,#1673ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.progress span{background:linear-gradient(90deg,#176dff,#00c9e8)!important;box-shadow:0 0 18px rgba(0,191,225,.25)}

/* Inputs */
.input,.select,.textarea{transition:border-color .22s,box-shadow .22s,transform .22s;background:rgba(255,255,255,.94)!important}.input:hover,.select:hover,.textarea:hover{border-color:#b7cee9}.input:focus,.select:focus,.textarea:focus{border-color:#62a5ff!important;box-shadow:0 0 0 4px rgba(72,151,255,.13),0 12px 30px rgba(8,58,120,.07)!important;transform:translateY(-1px)}

/* Section reveal + divider */
.v4-section,.section{position:relative}.v4-section:before,.section.alt:before{content:"";position:absolute;left:50%;top:0;width:min(1120px,82%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(56,114,182,.14),transparent);pointer-events:none}

/* Floating action dock */
.quick-dock{position:fixed;right:20px;bottom:22px;z-index:120;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.quick-dock a,.quick-dock button{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:11px 14px;background:linear-gradient(135deg,rgba(3,20,38,.94),rgba(8,52,93,.94));backdrop-filter:blur(16px);color:#fff;font:700 .82rem/1 'Hind Siliguri','Inter',sans-serif;box-shadow:0 16px 42px rgba(3,21,43,.20);cursor:pointer;transition:.25s}.quick-dock a:hover,.quick-dock button:hover{transform:translateX(-5px);background:linear-gradient(135deg,#0b5ed7,#0aa8da);box-shadow:0 18px 46px rgba(14,100,212,.28)}.quick-dock .dock-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-family:'Inter',sans-serif}.quick-dock .dock-project{background:linear-gradient(135deg,#176dff,#08b8d9)}

/* Scroll progress / cursor light */
.lux-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:9999;background:linear-gradient(90deg,#176dff,#00c9e8,#d8b45f);box-shadow:0 0 15px rgba(0,196,231,.55);transition:width .08s linear}.cursor-light{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,rgba(23,109,255,.055),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}.cursor-light.show{opacity:1}

/* Footer */
.footer{background:radial-gradient(circle at 86% 20%,#0a3158 0,#061b31 29%,#020d1b 72%)!important;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;right:-120px;top:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,190,223,.15),transparent 68%)}.footer-grid,.footer-bottom{position:relative;z-index:2}.footer a{transition:color .22s,transform .22s}.footer a:not(.logo-wrap):hover{color:#83e8f7!important;transform:translateX(3px)}

/* Focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(28,119,255,.25);outline-offset:3px}

@media (hover:hover) and (pointer:fine){.lux-tilt{will-change:transform}}
@media(max-width:900px){.logo-wrap.brand-logo-header img{height:49px;max-width:165px}.quick-dock{right:12px;bottom:12px}.quick-dock a span.dock-label,.quick-dock button span.dock-label{display:none}.quick-dock a,.quick-dock button{padding:10px}}
@media(max-width:620px){.logo-wrap.brand-logo-header img{height:43px;max-width:145px}.logo-wrap.brand-logo-footer img{height:54px;max-width:180px}.nav{gap:10px!important}.quick-dock{left:12px;right:12px;bottom:10px;flex-direction:row;justify-content:center;align-items:center}.quick-dock a,.quick-dock button{flex:1;justify-content:center;min-width:0}.quick-dock .dock-project{flex:1.4}.footer{padding-bottom:78px!important}.cursor-light{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cursor-light{display:none}}

/* Secondary interactive controls */
.v4-arrow,.carousel-nav button,.v4-chip,.chip,.v4-show-tab,.faq-q,.menu,.mobile-side,.tab-btn,.option{transition:transform .23s,box-shadow .23s,border-color .23s,background .23s,color .23s!important}
.v4-arrow:hover,.carousel-nav button:hover{transform:translateY(-3px) scale(1.06);border-color:#9ac4f5!important;box-shadow:0 12px 28px rgba(10,70,145,.14);color:#1168d8}.v4-arrow:active,.carousel-nav button:active{transform:scale(.95)}
.v4-chip:hover,.chip:hover,.v4-show-tab:hover,.tab-btn:hover,.option:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,57,116,.08)}
.v4-chip.active,.chip.active,.v4-show-tab.active,.tab-btn.active,.option.selected{box-shadow:0 10px 28px rgba(23,109,255,.16)!important}
.faq-q:hover{background:#f8fbff}.faq-q span:last-child{transition:transform .28s,color .28s}.faq-item.open{border-color:#b9d4f6;box-shadow:0 14px 34px rgba(8,56,113,.07)}
.menu:hover,.mobile-side:hover{transform:translateY(-2px);border-color:#a8c7ee!important;box-shadow:0 9px 24px rgba(5,49,103,.10)}

/* Luxury form/wizard options */
.wizard{box-shadow:0 28px 75px rgba(4,30,64,.10)!important;border-color:#d8e6f6!important}.wizard-progress span{background:#dce8f7!important}.wizard-progress span.active{background:linear-gradient(90deg,#176dff,#00c9e8)!important;box-shadow:0 0 18px rgba(23,109,255,.23)}
.option.selected{border-color:#69a9ff!important;background:linear-gradient(145deg,#f0f7ff,#effdff)!important;color:#0d5dca!important}

/* Toast */
.toast{background:linear-gradient(135deg,#031426,#0a3159)!important;border:1px solid rgba(142,213,255,.22)!important;box-shadow:0 20px 55px rgba(1,17,34,.28)!important;border-radius:15px!important}

/* Product demo */
.pos-item{transition:transform .25s,box-shadow .25s,border-color .25s!important}.pos-item:hover{transform:translateY(-4px);border-color:#9ec6f7!important;box-shadow:0 16px 38px rgba(7,55,112,.10)!important}

/* subtle section title gradient accent */
.v4-title,.section-title,.page-hero h1{color:#061a30;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.eyebrow,.v4-kicker{box-shadow:0 8px 24px rgba(9,74,153,.06)}