:root{--bg-primary:#0a1628;--bg-secondary:#0e1e3a;--bg-tertiary:#162a4a;--accent-primary:#7c3aed;--accent-secondary:#22d3ee;--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #22d3ee 100%);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-glass:#ffffff1a;--glass-bg:#ffffff0d;--glass-bg-hover:#ffffff1a;--glow-primary:#7c3aed80;--glow-secondary:#22d3ee4d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.tech-bg{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.grid-lines{background-image:linear-gradient(var(--border-glass) 1px, transparent 1px), linear-gradient(90deg, var(--border-glass) 1px, transparent 1px);opacity:.3;background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{width:100%;height:100%;position:absolute}.particle{background:var(--accent-secondary);opacity:.6;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:.6;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-100px)translate(50px)}}.glow-orb{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:var(--glow-primary);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.orb-2{background:var(--glow-secondary);width:300px;height:300px;animation-delay:4s;bottom:-50px;left:-50px}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}.site{width:min(1400px,100% - 80px);margin:0 auto;padding:24px 0 100px;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);box-shadow:0 0 40px var(--glow-primary);transform:translateY(-4px)}.topbar{justify-content:space-between;align-items:center;padding:20px 0 40px;animation:.8s fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand-block{flex-direction:column;gap:4px;display:flex}.brand-name{letter-spacing:-.02em;font-size:18px;font-weight:600}.brand-tag{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.lang-toggle{background:var(--glass-bg);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.lang-toggle:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);box-shadow:0 0 20px var(--glow-primary)}.hero{flex-direction:column;justify-content:center;min-height:80vh;padding:60px 0;display:flex;position:relative}.hero-content{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.hero-copy{animation:.8s .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-kicker{background:var(--glass-bg);border:1px solid var(--border-glass);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary);border-radius:50px;margin-bottom:24px;padding:8px 16px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.04em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(3rem,8vw,5.5rem);line-height:1.05}.hero-text{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.25rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.action{cursor:pointer;border:none;border-radius:50px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.action-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 40px var(--glow-primary)}.action-primary:hover{box-shadow:0 20px 60px var(--glow-primary);transform:translateY(-3px)scale(1.02)}.action-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border-glass)}.action-secondary:hover{background:var(--glass-bg-hover);border-color:var(--accent-secondary);transform:translateY(-3px)}.hero-visual{animation:.8s .4s both fadeInUp}.tech-orbit{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.orbit-core{background:var(--accent-gradient);width:120px;height:120px;box-shadow:0 0 60px var(--glow-primary);border-radius:50%;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 60px var(--glow-primary);transform:scale(1)}50%{box-shadow:0 0 100px var(--glow-primary);transform:scale(1.1)}}.orbit-ring{border:2px solid;border-radius:50%;animation:20s linear infinite rotate;position:absolute}.ring-1{border-color:#7c3aed4d;width:200px;height:200px;animation-duration:15s}.ring-2{border-style:dashed;border-color:#22d3ee33;width:280px;height:280px;animation-duration:25s;animation-direction:reverse}.ring-3{border-color:#7c3aed26;width:360px;height:360px;animation-duration:35s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{background:var(--accent-secondary);width:12px;height:12px;box-shadow:0 0 20px var(--glow-secondary);border-radius:50%;position:absolute}.metrics{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px;padding:40px;animation:.8s .6s both fadeInUp;display:grid}.metric-item{text-align:center;padding:24px}.metric-item strong{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:700;display:block}.metric-item span{color:var(--text-secondary);letter-spacing:.05em;font-size:14px}.section-space{padding:120px 0}.section-head{margin-bottom:60px}.section-head h2{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem)}.section-head p{color:var(--text-secondary);max-width:700px;font-size:1.125rem}.narrative-grid{grid-template-columns:1.1fr .9fr;gap:60px;display:grid}.narrative-copy p{color:var(--text-secondary);margin-bottom:24px;font-size:1.125rem;line-height:1.9}.narrative-quote{border-left:3px solid var(--accent-primary);padding:40px}.narrative-quote p{letter-spacing:-.02em;font-size:1.5rem;line-height:1.6}.capabilities-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.capability-card{padding:40px;position:relative;overflow:hidden}.capability-card:before{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.capability-card:hover:before{opacity:.1}.capability-icon{background:var(--accent-gradient);z-index:1;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;font-size:28px;display:flex;position:relative}.capability-card h3{z-index:1;margin-bottom:12px;font-size:1.5rem;position:relative}.capability-card p{color:var(--text-secondary);z-index:1;line-height:1.7;position:relative}.capability-index{opacity:.1;letter-spacing:-.05em;font-size:4rem;font-weight:700;position:absolute;top:20px;right:24px}.project-showcase{padding:60px;position:relative;overflow:hidden}.project-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.project-badge{background:var(--accent-gradient);letter-spacing:.1em;text-transform:uppercase;border-radius:50px;padding:8px 16px;font-size:12px}.project-title{margin-bottom:24px;font-size:2.5rem}.project-desc{color:var(--text-secondary);margin-bottom:40px;font-size:1.125rem;line-height:1.8}.features-list{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.feature-item{background:var(--glass-bg);border:1px solid var(--border-glass);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.feature-dot{background:var(--accent-secondary);width:8px;height:8px;box-shadow:0 0 10px var(--glow-secondary);border-radius:50%}.vision-surface{text-align:center;padding:80px;position:relative}.vision-surface h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3.5rem)}.vision-surface p{color:var(--text-secondary);max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.8}.timeline{position:relative}.timeline-item{border-bottom:1px solid var(--border-glass);grid-template-columns:80px 1fr;gap:32px;padding:32px 0;display:grid}.timeline-year{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.timeline-content h3{margin-bottom:12px;font-size:1.5rem}.timeline-content p{color:var(--text-secondary);line-height:1.7}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.contact-info{padding:40px}.contact-info h3{margin-bottom:24px;font-size:1.5rem}.contact-item{border-bottom:1px solid var(--border-glass);gap:16px;padding:20px 0;display:flex}.contact-label{color:var(--text-muted);min-width:100px;font-size:14px}.contact-value{color:var(--text-primary)}.footer{text-align:center;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:60px 0 20px;font-size:13px}.scroll-animate{opacity:1;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.scroll-animate.hidden-init{opacity:0;transform:translateY(40px)}.scroll-animate.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero-content,.narrative-grid,.contact-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.capabilities-grid,.features-list{grid-template-columns:1fr}}@media (max-width:768px){.site{width:calc(100% - 40px)}.metrics{grid-template-columns:1fr;padding:20px}.timeline-item{grid-template-columns:1fr;gap:16px}.project-showcase,.vision-surface,.contact-info{padding:30px}.hero-actions{flex-direction:column}.action{text-align:center;width:100%}}