@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#0A0E1A;--bg-surface:#141824;--bg-elevated:#1C2233;--bg-hover:#222840;--text-primary:#E8ECF4;--text-secondary:#8B95A8;--text-muted:#4E5A6E;--accent-blue:#3B82F6;--accent-blue-dim:rgba(59,130,246,0.15);--accent-blue-border:rgba(59,130,246,0.3);--accent-green:#10B981;--accent-green-dim:rgba(16,185,129,0.15);--accent-amber:#F59E0B;--accent-red:#EF4444;--border-subtle:rgba(255,255,255,0.06);--border-medium:rgba(255,255,255,0.1);--gradient-hero:linear-gradient(135deg,#0A0E1A,#0D1428 50%,#0A0E1A);--gradient-blue:linear-gradient(135deg,#3B82F6,#06B6D4);--gradient-text:linear-gradient(135deg,#E8ECF4,#3B82F6 50%,#06B6D4);--gradient-card:linear-gradient(135deg,#141824,#1C2233);--shadow-card:0 4px 24px rgba(0,0,0,0.4);--shadow-hover:0 8px 40px rgba(59,130,246,0.15);--shadow-glow:0 0 40px rgba(59,130,246,0.2);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--section-gap:120px;--content-max:1280px;--text-max:720px;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-gap) 0}.section-label{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:12px;display:block}.section-title{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:16px}.section-subtitle{font-size:17px;color:var(--text-secondary);max-width:var(--text-max);line-height:1.7;margin-bottom:48px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.01em;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium)}.btn-ghost:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.btn-outline{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid var(--accent-blue-border)}.btn-outline:hover{background:var(--accent-blue);color:#fff}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.tag-blue{background:var(--accent-blue-dim);color:var(--accent-blue);border-color:var(--accent-blue-border)}.tag-green{background:var(--accent-green-dim);border-color:rgba(16,185,129,.3)}.metric-pill,.tag-green{color:var(--accent-green)}.metric-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-family:var(--font-mono);font-size:13px;font-weight:500;background:var(--bg-elevated)}.card,.metric-pill{border:1px solid var(--border-subtle)}.card{background:var(--bg-surface);border-radius:12px;padding:28px;transition:var(--transition)}.card:hover{border-color:var(--accent-blue-border);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,0)}50%{box-shadow:0 0 24px 4px rgba(59,130,246,.2)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;display:flex;align-items:center;transition:background var(--transition),border-color var(--transition),-webkit-backdrop-filter var(--transition);transition:background var(--transition),backdrop-filter var(--transition),border-color var(--transition);transition:background var(--transition),backdrop-filter var(--transition),border-color var(--transition),-webkit-backdrop-filter var(--transition);border-bottom:1px solid transparent}.nav.scrolled{background:rgba(10,14,26,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border-subtle)}.nav-inner{justify-content:space-between;width:100%}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--text-primary);gap:8px}.nav-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--gradient-blue);animation:pulse-glow 2s ease-in-out infinite}.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{padding:6px 14px;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.nav-links a:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-cta{gap:12px}.hero,.nav-cta{display:flex;align-items:center}.hero{position:relative;min-height:100vh;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-content{position:relative;z-index:1;padding-top:80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:var(--accent-blue-dim);border:1px solid var(--accent-blue-border);font-size:13px;font-weight:500;color:var(--accent-blue);font-family:var(--font-mono);margin-bottom:28px;letter-spacing:.02em}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:pulse-glow 1.5s ease infinite}.hero-title{font-size:clamp(42px,6vw,76px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;max-width:820px}.hero-title .gradient-text{background:var(--gradient-blue);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.hero-subtitle{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);max-width:580px;line-height:1.7;margin-bottom:40px}.hero-ctas{gap:14px;margin-bottom:64px}.hero-ctas,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:32px}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1}.hero-stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.1em;animation:float 2.5s ease-in-out infinite}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-blue),transparent)}.social-proof{padding:32px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.social-proof-label{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px;text-align:center}.social-proof-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.proof-logo{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:14px;font-weight:600;letter-spacing:.02em;transition:var(--transition)}.proof-logo:hover{border-color:var(--border-medium);color:var(--text-secondary)}.proof-logo-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.about-grid{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:80px;gap:80px;align-items:center}.about-image,.about-image-wrap{position:relative}.about-image{width:100%;aspect-ratio:3/4;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);overflow:hidden}.about-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-surface) 0,var(--bg-elevated) 100%);color:var(--text-muted);font-size:14px;font-family:var(--font-mono)}.about-image-badge{position:absolute;bottom:-12px;right:-12px;padding:12px 20px;background:var(--accent-blue);border-radius:10px;color:#fff;font-size:13px;font-weight:700;font-family:var(--font-mono);box-shadow:var(--shadow-glow)}.about-text p{font-size:17px;line-height:1.8;color:var(--text-secondary);margin-bottom:20px}.about-text p:last-of-type{margin-bottom:32px}.about-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border-subtle)}.about-metric{text-align:center}.about-metric-value{font-size:32px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1;margin-bottom:6px}.about-metric-label{font-size:13px;color:var(--text-muted)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.expertise-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:28px;transition:var(--transition);position:relative;overflow:hidden}.expertise-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-blue-dim) 0,transparent 60%);opacity:0;transition:var(--transition)}.expertise-card:hover{border-color:var(--accent-blue-border);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.expertise-card:hover:after{opacity:1}.expertise-icon{width:48px;height:48px;border-radius:12px;background:var(--accent-blue-dim);border:1px solid var(--accent-blue-border);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;position:relative;z-index:1}.expertise-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:10px;position:relative;z-index:1}.expertise-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;position:relative;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.project-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent-blue-border);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.project-thumbnail{width:100%;aspect-ratio:16/9;background:var(--bg-elevated);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.project-thumbnail-icon{font-size:32px;opacity:.5}.project-body{padding:24px;flex:1 1;display:flex;flex-direction:column}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.project-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;flex:1 1;margin-bottom:20px}.project-result{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--accent-green-dim);border:1px solid rgba(16,185,129,.25);border-radius:8px;font-family:var(--font-mono);font-size:13px;color:var(--accent-green);margin-bottom:20px}.project-link{font-size:14px;font-weight:600;color:var(--accent-blue);display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.project-link:hover{gap:10px}.dashboards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.dashboard-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:var(--transition)}.dashboard-card:hover{border-color:var(--accent-blue-border);box-shadow:var(--shadow-hover)}.dashboard-preview{aspect-ratio:16/9;background:var(--bg-elevated);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.dashboard-preview-inner{width:90%;height:80%;position:relative}.dashboard-chart-bar{position:absolute;bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(to top,var(--accent-blue-dim),var(--accent-blue));opacity:.8;transition:height 1s ease}.dashboard-metric{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:11px;color:var(--accent-green);background:var(--accent-green-dim);padding:3px 8px;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.dashboard-body{padding:18px 20px}.dashboard-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.dashboard-meta{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:14px}.dashboard-link{font-size:13px;font-weight:600;color:var(--accent-blue);display:inline-flex;align-items:center;gap:5px;transition:var(--transition)}.dashboard-link:hover{gap:9px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.research-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:28px;display:flex;flex-direction:column;transition:var(--transition)}.research-card:hover{border-color:var(--accent-blue-border);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.research-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px}.research-category{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent-blue);background:var(--accent-blue-dim);border:1px solid var(--accent-blue-border);padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.research-date{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.research-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:12px}.research-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.65;flex:1 1;margin-bottom:20px}.research-footer{display:flex;align-items:center;justify-content:space-between}.research-read-time{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.research-link{font-size:13px;font-weight:600;color:var(--accent-blue);display:inline-flex;align-items:center;gap:5px;transition:var(--transition)}.research-link:hover{gap:9px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.why-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:36px;display:flex;gap:24px;align-items:flex-start;transition:var(--transition)}.why-card:hover{border-color:var(--accent-blue-border);box-shadow:var(--shadow-hover)}.why-num{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent-blue);background:var(--accent-blue-dim);border:1px solid var(--accent-blue-border);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.why-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.why-desc{font-size:15px;color:var(--text-secondary);line-height:1.7}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.testimonial-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;padding:32px;display:flex;flex-direction:column}.testimonial-quote{font-size:24px;color:var(--accent-blue);margin-bottom:16px;font-family:Georgia,serif;line-height:1}.testimonial-text{font-size:15px;color:var(--text-secondary);line-height:1.75;flex:1 1;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--border-subtle)}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--accent-blue);border:1px solid var(--accent-blue-border);flex-shrink:0}.testimonial-name{font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:3px}.testimonial-role{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.cta-band{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:80px 60px;text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,.08) 0,transparent 70%);pointer-events:none}.cta-band-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:16px;letter-spacing:-.02em;position:relative}.cta-band-sub{font-size:17px;color:var(--text-secondary);margin-bottom:36px;position:relative}.cta-band-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}.cta-band-email{font-size:14px;color:var(--text-muted);font-family:var(--font-mono);margin-top:20px;position:relative}.cta-band-email a{color:var(--accent-blue);transition:var(--transition)}.cta-band-email a:hover{text-decoration:underline}.footer{border-top:1px solid var(--border-subtle);padding:48px 0 32px}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:48px}.footer-brand-name{font-weight:700;font-size:17px;color:var(--text-primary);margin-bottom:10px}.footer-brand-desc{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:220px;margin-bottom:20px}.footer-socials{display:flex;gap:10px}.footer-social{width:36px;height:36px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-muted);transition:var(--transition)}.footer-social:hover{color:var(--text-primary);border-color:var(--border-medium)}.footer-col-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--text-muted);transition:var(--transition)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy{font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{font-size:13px;color:var(--text-muted);transition:var(--transition)}.footer-bottom-links a:hover{color:var(--text-primary)}.page-hero{padding:140px 0 64px;border-bottom:1px solid var(--border-subtle);margin-bottom:80px}.page-hero-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:12px;display:block}.page-hero-title{font-size:clamp(36px,5vw,56px);font-weight:800;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.03em}.page-hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;line-height:1.7}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:80px;gap:80px;align-items:flex-start}.form{gap:20px}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.form-input,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:8px;padding:14px 16px;font-size:15px;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);width:100%;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.form-textarea{resize:vertical;min-height:140px}@media (max-width:1024px){:root{--section-gap:80px}.dashboards-grid,.expertise-grid,.projects-grid,.research-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:40px}.about-image{max-width:320px}.footer-inner{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){:root{--section-gap:60px}.dashboards-grid,.expertise-grid,.projects-grid,.research-grid,.testimonials-grid,.why-grid{grid-template-columns:1fr}.hero-stats{gap:20px}.footer-inner{grid-template-columns:1fr;gap:32px}.nav-links{display:none}.cta-band{padding:48px 28px}.cta-band-buttons{flex-direction:column;align-items:stretch}.cta-band-buttons .btn{justify-content:center}}