:root{--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", "JetBrains Mono", monospace;--bg-primary:#080b10;--bg-secondary:#0d121d;--bg-tertiary:#131a29;--bg-card:#101726a6;--bg-card-hover:#182238d9;--bg-glass:#ffffff08;--border-glass:#ffffff14;--border-hover:#06b6d473;--accent-cyan:#06b6d4;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-emerald:#10b981;--accent-amber:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#38bdf8;--grad-primary:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);--grad-sunset:linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--grad-cyber:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--grad-purple:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--glow-cyan:0 0 30px #06b6d440;--glow-purple:0 0 35px #8b5cf640;--glow-button:0 0 20px #3b82f666;--shadow-card:0 20px 40px -15px #00000080;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 15%,#06b6d40d 0%,#0000 40%),radial-gradient(circle at 85% 60%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 50% 90%,#3b82f60a 0%,#0000 50%);background-attachment:fixed;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-purple{background:var(--grad-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-sunset{background:var(--grad-sunset);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.section-tag{border-radius:var(--radius-full);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.08em;background:#06b6d414;border:1px solid #06b6d440;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.2rem)}.section-subtitle{color:var(--text-secondary);max-width:620px;margin:0 auto 48px;font-size:1.1rem}.text-center{text-align:center}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:var(--transition-smooth);padding:28px;position:relative;overflow:hidden;transform:translateZ(0)}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 25px 50px -12px #06b6d433}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;font-family:var(--font-main);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;text-decoration:none;display:inline-flex;transform:translateZ(0)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--glow-button)}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #3b82f699}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);box-shadow:0 0 20px #25d36659}.btn-whatsapp:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #25d3668c}.btn-sm{padding:8px 18px;font-size:.88rem}.badge{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-glow{color:var(--accent-cyan);background:#06b6d41f;border-color:#06b6d44d}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseSlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}.animate-float{will-change:transform;animation:4s ease-in-out infinite floatAnimation}.animate-pulse-slow{will-change:transform, opacity;animation:3s ease-in-out infinite pulseSlow}.cursor-glow{pointer-events:none;z-index:9999;will-change:transform;background:radial-gradient(circle,#06b6d41a 0%,#8b5cf608 50%,#0000 70%);border-radius:50%;width:320px;height:320px;position:fixed;transform:translate(-50%,-50%)}section{padding:90px 0;position:relative}.hero-intro-col{flex-direction:column;display:flex}.hero-status-bar{flex-flow:row;align-items:center;gap:8px;margin-bottom:16px;display:flex}.hero-main-title{letter-spacing:-.03em;flex-direction:column;margin-bottom:12px;display:flex}.hero-title-row1{white-space:nowrap;color:var(--text-primary);font-size:clamp(1.25rem,5.4vw,3.4rem);font-weight:800;line-height:1.15}.hero-title-row2{font-size:clamp(1.9rem,8.5vw,4rem);font-weight:800;line-height:1.12;display:block}.hero-typewriter-container{color:var(--text-secondary);align-items:center;min-height:2.2rem;margin-bottom:14px;font-size:clamp(1.05rem,2.4vw,1.55rem);font-weight:600;display:flex}.hero-bio-text{color:var(--text-secondary);max-width:520px;margin-bottom:18px;font-size:.95rem;line-height:1.65}.hero-tech-chips{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.hero-cta-group{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero-stats-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0d121db3;border:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 18px;display:grid}.hero-3d-topbar{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.hero-views-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;display:grid}.popup-enquiry-card{border-radius:var(--radius-xl);background:#090e17;border:1px solid #06b6d466;width:100%;max-width:480px;max-height:90vh;padding:22px 20px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #000000f2,0 0 50px #06b6d440}.floating-cta-left{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;left:24px}.floating-cta-right{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.orb-3d{cursor:pointer;width:58px;height:58px;transform-style:preserve-3d;will-change:transform, box-shadow;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.orb-3d-cyan{background:radial-gradient(circle at 35% 25%,#67e8f9 0%,#06b6d4 45%,#0369a1 100%);animation:3.2s ease-in-out infinite floatOrb,2.8s infinite pulseGlowCyan;box-shadow:0 10px 25px -3px #06b6d499,0 0 20px #06b6d466,inset 0 3px 6px #ffffffd9,inset 0 -4px 8px #00000073}.orb-3d-green{background:radial-gradient(circle at 35% 25%,#86efac 0%,#22c55e 45%,#15803d 100%);animation:3.2s ease-in-out .6s infinite floatOrb,2.8s .6s infinite pulseGlowGreen;box-shadow:0 10px 25px -3px #22c55e99,0 0 20px #22c55e66,inset 0 3px 6px #ffffffd9,inset 0 -4px 8px #00000073}.orb-3d:after{content:"";filter:blur(.5px);pointer-events:none;background:#ffffffa6;border-radius:50%;width:16px;height:9px;position:absolute;top:6px;left:10px;transform:rotate(-30deg)}.orb-3d:hover,.orb-3d:active{transform:translateY(-6px)scale(1.14)rotate(4deg)}.orb-3d-cyan:hover{box-shadow:0 16px 35px #06b6d4d9,0 0 30px #38bdf8cc,inset 0 4px 8px #fffffff2,inset 0 -4px 8px #00000073}.orb-3d-green:hover{box-shadow:0 16px 35px #22c55ed9,0 0 30px #4ade80cc,inset 0 4px 8px #fffffff2,inset 0 -4px 8px #00000073}.btn-nav-3d{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 35% 25%,#ffffff40 0%,#0f172ad9 100%);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex;box-shadow:0 8px 20px #0009,inset 0 2px 4px #fff6}.btn-nav-3d:hover,.btn-nav-3d:active{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:scale(1.12);box-shadow:0 0 20px #06b6d499,inset 0 2px 4px #fff9}@keyframes floatOrb{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulseGlowCyan{0%,to{box-shadow:0 10px 25px -3px #06b6d499,0 0 15px #06b6d459,inset 0 3px 6px #ffffffd9,inset 0 -4px 8px #00000073}50%{box-shadow:0 14px 32px #06b6d4d9,0 0 25px #38bdf899,inset 0 3px 6px #ffffffe6,inset 0 -4px 8px #00000073}}@keyframes pulseGlowGreen{0%,to{box-shadow:0 10px 25px -3px #22c55e99,0 0 15px #22c55e59,inset 0 3px 6px #ffffffd9,inset 0 -4px 8px #00000073}50%{box-shadow:0 14px 32px #22c55ed9,0 0 25px #4ade8099,inset 0 3px 6px #ffffffe6,inset 0 -4px 8px #00000073}}@media (width<=992px){section{padding:60px 0 80px}.section-title{font-size:2.2rem}.hero-views-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.container{padding:0 16px}section{padding:40px 0 80px}.cursor-glow{display:none}.hero-intro-col{text-align:center;align-items:center;width:100%}.hero-status-bar{justify-content:center;width:100%}.hero-main-title{text-align:center;align-items:center;width:100%}.hero-title-row1{text-align:center;width:100%;font-size:clamp(1.22rem,5.8vw,3.4rem)}.hero-title-row2{text-align:center;width:100%;font-size:clamp(2.3rem,11.5vw,4.2rem)}.hero-typewriter-container{text-align:center;justify-content:center;width:100%}.hero-bio-text{text-align:center;margin-left:auto;margin-right:auto}.hero-tech-chips{justify-content:center;width:100%}.floating-cta-left{bottom:16px;left:14px}.floating-cta-right{bottom:16px;right:14px}.orb-3d{width:48px;height:48px}.orb-3d svg{width:22px;height:22px}.glass-card{border-radius:var(--radius-md);padding:20px 16px}.popup-enquiry-card{border-radius:var(--radius-lg)!important;max-height:88vh!important;padding:16px 14px!important}.section-title{font-size:1.85rem;line-height:1.25}.section-subtitle{margin-bottom:28px;font-size:.95rem}input,textarea,select{font-size:16px!important}.btn{padding:11px 18px;font-size:.9rem}.hero-3d-viewport{height:380px!important}.hero-views-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.hero-views-grid button{padding:10px 12px!important}.hero-cta-group{flex-direction:column;gap:10px;width:100%;display:flex}.hero-cta-group .btn{justify-content:center;width:100%}.hero-stats-card{gap:8px;padding:12px 14px}}@media (width<=480px){.hero-3d-viewport{height:330px!important}.hero-title-row1{font-size:clamp(1.18rem,5.6vw,3.4rem)}.hero-title-row2{font-size:clamp(2.1rem,10.8vw,4rem)}.orb-3d{width:46px;height:46px}.orb-3d svg{width:20px;height:20px}.btn-nav-3d{width:36px;height:36px}.hero-status-bar{gap:6px;margin-bottom:12px}.hero-status-bar>*{padding:4px 8px!important;font-size:.7rem!important}.hero-tech-chips .badge{padding:3px 8px;font-size:.72rem}}
