:root{--font-primary: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--bg-main: #F4F8FA;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(238, 246, 250, .95);--bg-card-solid: #FFFFFF;--bg-input: #FFFFFF;--bg-glass: rgba(0, 168, 232, .05);--border-color: rgba(11, 37, 69, .1);--border-focus: rgba(0, 168, 232, .6);--text-main: #0B2545;--text-muted: #334E68;--text-dim: #627D98;--primary: #00A8E8;--primary-hover: #0086C4;--primary-light: rgba(0, 168, 232, .12);--secondary: #0B2545;--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-cyan: #00A8E8;--accent-rose: #F43F5E;--accent-amazon: #FF9900;--accent-meesho: #F43397;--accent-flipkart: #0077B6;--accent-shopify: #70E000;--gradient-primary: linear-gradient(135deg, #0B2545 0%, #0077B6 50%, #00A8E8 100%);--gradient-glow: radial-gradient(circle at 50% 0%, rgba(0, 168, 232, .22) 0%, rgba(11, 37, 69, .05) 50%, transparent 70%);--gradient-emerald: linear-gradient(135deg, #059669 0%, #10B981 100%);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(240, 248, 255, .9) 100%);--shadow-sm: 0 2px 8px rgba(11, 37, 69, .06);--shadow-md: 0 8px 24px rgba(11, 37, 69, .1);--shadow-lg: 0 16px 40px rgba(11, 37, 69, .15);--shadow-glow: 0 8px 30px rgba(0, 168, 232, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--bg-main: #071527;--bg-card: rgba(11, 37, 69, .8);--bg-card-hover: rgba(19, 64, 116, .85);--bg-card-solid: #0B2545;--bg-input: #0B2545;--bg-glass: rgba(0, 168, 232, .1);--border-color: rgba(0, 168, 232, .2);--border-focus: rgba(0, 168, 232, .6);--text-main: #F4F8FA;--text-muted: #BCCCDC;--text-dim: #829AB1;--primary: #00A8E8;--primary-hover: #38BDF8;--primary-light: rgba(0, 168, 232, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 35px rgba(0, 168, 232, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-main);overflow-x:hidden}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.25;color:var(--text-main)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#0b2545,#0077b6 35%,#00a8e8 65%,#0077b6 85%,#0b2545);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 6s ease infinite}[data-theme=dark] .gradient-text{background:linear-gradient(135deg,#00a8e8,#38bdf8,#fff 70%,#38bdf8,#00a8e8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 6s ease infinite}.gradient-emerald-text{background:linear-gradient(135deg,#059669,#10b981,#34d399);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 5s ease infinite}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;letter-spacing:.02em;background:var(--primary-light);color:var(--primary);border:1px solid rgba(0,168,232,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s var(--transition-spring),box-shadow .3s ease,border-color .3s ease}.badge-pill:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 20px #00a8e84d;border-color:var(--primary)}.section-padding{padding:96px 0}@media(max-width:768px){.section-padding{padding:60px 0}}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-subtitle{font-size:1.125rem;color:var(--text-muted);margin-top:14px}.section-title{font-size:2.5rem;letter-spacing:-.02em;margin-top:12px}@media(max-width:768px){.section-title{font-size:2rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);background:var(--gradient-primary);background-size:200% auto;color:#fff;font-weight:700;font-size:1rem;box-shadow:var(--shadow-glow);transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;white-space:nowrap}.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(25deg);animation:buttonShimmer 4.5s infinite ease-in-out}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 38px #00a8e880;background-position:right center}.btn-primary:active{transform:translateY(-1px) scale(.99)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-main);font-weight:600;font-size:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#00a8e873;transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-md)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--primary);color:var(--primary);font-weight:600;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px)}:root{--shadow-3d-sm: 0 10px 25px -5px rgba(0, 168, 232, .15), 0 8px 16px -6px rgba(11, 37, 69, .1);--shadow-3d-md: 0 20px 40px -10px rgba(0, 168, 232, .22), 0 14px 28px -8px rgba(11, 37, 69, .15);--shadow-3d-lg: 0 30px 60px -12px rgba(0, 168, 232, .3), 0 20px 35px -10px rgba(11, 37, 69, .25);--shadow-3d-inset: inset 0 1.5px 2px rgba(255, 255, 255, .8), inset 0 -2px 4px rgba(0, 0, 0, .05)}[data-theme=dark]{--shadow-3d-sm: 0 10px 25px -5px rgba(0, 168, 232, .25), 0 8px 16px -6px rgba(0, 0, 0, .4);--shadow-3d-md: 0 20px 45px -10px rgba(0, 168, 232, .35), 0 14px 28px -8px rgba(0, 0, 0, .6);--shadow-3d-lg: 0 30px 65px -12px rgba(0, 168, 232, .45), 0 20px 35px -10px rgba(0, 0, 0, .7);--shadow-3d-inset: inset 0 1.5px 2px rgba(255, 255, 255, .15), inset 0 -2px 4px rgba(0, 0, 0, .4)}.perspective-container{perspective:1200px;transform-style:preserve-3d}.card-3d{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-md),var(--shadow-3d-inset);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.175,.885,.32,1.275),box-shadow .45s ease,border-color .45s ease;will-change:transform}.card-3d:hover{transform:perspective(1000px) rotateX(4deg) rotateY(-4deg) translateZ(16px);box-shadow:var(--shadow-3d-lg),0 0 30px #00a8e840;border-color:#00a8e899}.layer-3d-front{transform:translateZ(30px)}.layer-3d-mid{transform:translateZ(18px)}.layer-3d-back{transform:translateZ(8px)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-sm),var(--shadow-3d-inset);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card:hover{border-color:#00a8e899;box-shadow:var(--shadow-3d-lg),0 0 25px #00a8e833;transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-8px) translateZ(12px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);background:var(--gradient-primary);background-size:200% auto;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 10px 25px -4px #00a8e866,0 4px 10px -2px #0b254533;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;white-space:nowrap;transform-style:preserve-3d}.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(25deg);animation:buttonShimmer 4.5s infinite ease-in-out}@keyframes buttonShimmer{0%{left:-60%}30%,to{left:140%}}.btn-primary:hover{transform:perspective(800px) translateZ(10px) translateY(-3px) scale(1.02);box-shadow:0 16px 40px -6px #00a8e88c,0 8px 16px -4px #0b25454d;background-position:right center}.btn-primary:active{transform:perspective(800px) translateZ(2px) translateY(0) scale(.99);box-shadow:0 6px 15px -2px #00a8e866}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);background:var(--bg-card-solid);color:var(--text-main);font-weight:600;font-size:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow-3d-sm),var(--shadow-3d-inset);transition:all .35s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;transform-style:preserve-3d}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#00a8e873;transform:perspective(800px) translateZ(8px) translateY(-3px) scale(1.02);box-shadow:var(--shadow-3d-md)}@keyframes float3D{0%,to{transform:perspective(1000px) rotateX(0) rotateY(0) translateY(0) translateZ(0)}50%{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(-14px) translateZ(20px)}}@keyframes float3DReverse{0%,to{transform:perspective(1000px) rotateX(0) rotateY(0) translateY(0) translateZ(0)}50%{transform:perspective(1000px) rotateX(-5deg) rotateY(5deg) translateY(14px) translateZ(15px)}}@keyframes pulse3DGlow{0%,to{opacity:.4;transform:perspective(800px) scale(1) translateZ(-20px);filter:blur(25px)}50%{opacity:.85;transform:perspective(800px) scale(1.18) translateZ(10px);filter:blur(35px)}}.animate-float-3d{animation:float3D 6s ease-in-out infinite;transform-style:preserve-3d}.animate-float-3d-reverse{animation:float3DReverse 7s ease-in-out infinite;transform-style:preserve-3d}.animate-pulse-3d{animation:pulse3DGlow 5s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes beaconPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.25,1,.5,1) forwards}.animate-fade-in-down{animation:fadeInDown .8s cubic-bezier(.25,1,.5,1) forwards}.animate-scale-in{animation:scaleIn .7s cubic-bezier(.25,1,.5,1) forwards}.animate-float{animation:floatSlow 5s ease-in-out infinite}.animate-float-reverse{animation:floatReverse 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 4s ease-in-out infinite}.section-header{animation:fadeInUp .7s cubic-bezier(.25,1,.5,1)}.badge-pill{transition:all .3s ease}.badge-pill:hover{transform:scale(1.05);box-shadow:0 4px 15px #00a8e840}@media(max-width:992px){.container{padding:0 20px}}@media(max-width:768px){.container{padding:0 16px}.section-padding{padding:48px 0}.section-header{margin-bottom:32px!important}.section-title{font-size:1.8rem!important}.section-subtitle{font-size:.95rem!important}.glass-card{padding:20px!important}.btn-primary,.btn-secondary{padding:12px 24px;font-size:.95rem}}@media(max-width:576px){.container{padding:0 12px}.section-title{font-size:1.55rem!important}.section-subtitle{font-size:.9rem!important}.glass-card{padding:16px!important;border-radius:16px!important}.btn-primary,.btn-secondary{width:100%;justify-content:center;text-align:center;white-space:normal!important;padding:12px 16px!important}.carousel-wrapper{padding:0 34px!important}.carousel-arrow{width:34px!important;height:34px!important;box-shadow:0 4px 12px #00000026!important}.carousel-arrow svg{width:18px!important;height:18px!important}.service-slider-card,.testimonial-slider-card,.slider-card{flex:0 0 calc(100vw - 84px)!important;width:calc(100vw - 84px)!important;max-width:300px!important;padding:20px 16px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#00a8e84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}
