:root{--bg-primary: #FAFAFA;--bg-secondary: #F0F0F0;--bg-glass: rgba(255, 255, 255, 0.7);--bg-glass-hover: rgba(255, 255, 255, 0.85);--border-glass: rgba(0, 0, 0, 0.08);--text-primary: #09090B;--text-secondary: #3F3F46;--text-muted: #71717A;--accent: #2563EB;--accent-hover: #1d4ed8;--accent-subtle: rgba(37, 99, 235, 0.08);--surface: #FFFFFF;--surface-hover: #F4F4F5;--divider: rgba(0, 0, 0, 0.08);--shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.08);--logo-filter: none;--logo-invert: invert(0);--navbar-bg: rgba(250, 250, 250, 0.8)}[data-theme="dark"]{--bg-primary: #09090B;--bg-secondary: #18181B;--bg-glass: rgba(24, 24, 27, 0.7);--bg-glass-hover: rgba(24, 24, 27, 0.85);--border-glass: rgba(255, 255, 255, 0.08);--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-subtle: rgba(59, 130, 246, 0.1);--surface: #18181B;--surface-hover: #27272A;--divider: rgba(255, 255, 255, 0.08);--shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);--logo-filter: invert(1);--logo-invert: invert(1);--navbar-bg: rgba(9, 9, 11, 0.8)}*,*::before,*::after{box-sizing:border-box}body{font-family:"Archivo", "Helvetica Neue", sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;line-height:1.6;font-size:16px;transition:background-color 0.3s ease, color 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk", "Archivo", sans-serif;font-weight:600;line-height:1.2;color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none;transition:color 0.2s ease;cursor:pointer}a:hover{color:var(--accent)}.container-custom{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width: 768px){.container-custom{padding:0 48px}}.navbar-9t{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--divider);transition:background-color 0.3s ease}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.navbar-inner{padding:0 48px}}.nav-logo-link{display:flex;align-items:center;gap:8px;cursor:pointer}.nav-logo-icon{width:32px;height:auto;filter:var(--logo-invert);transition:filter 0.3s ease}.nav-logo-text{font-family:"Space Grotesk", sans-serif;font-weight:700;font-size:18px;letter-spacing:-0.02em;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:0.01em;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width 0.2s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover::after{width:100%}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--divider);background:var(--bg-glass);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--text-secondary);padding:0}.theme-toggle:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px;transition:transform 0.3s ease}.locale-switcher{display:flex;align-items:center}.locale-link{font-size:13px;font-weight:700;letter-spacing:0.05em;color:var(--text-muted);padding:6px 12px;border:1px solid var(--divider);border-radius:8px;transition:all 0.2s ease}.locale-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.nav-mobile-toggle{display:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--text-primary);padding:8px}@media (max-width: 767px){.nav-mobile-toggle{display:flex;align-items:center;justify-content:center}}@media (max-width: 767px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--navbar-bg);backdrop-filter:blur(20px);padding:24px;gap:20px;border-bottom:1px solid var(--divider)}.nav-links.active{display:flex}}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:64px;text-align:center}.hero-locale-bar{position:absolute;top:24px;right:24px}@media (min-width: 768px){.hero-locale-bar{top:32px;right:48px}}.hero-locale-link{font-size:13px;font-weight:700;letter-spacing:0.05em;color:var(--text-muted);padding:6px 14px;border:1px solid var(--divider);border-radius:8px;transition:all 0.2s ease;cursor:pointer}.hero-locale-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:800px;padding:0 24px}#hero-logo{width:120px;height:auto;filter:var(--logo-invert);transition:filter 0.3s ease;margin-bottom:40px}@media (min-width: 768px){#hero-logo{width:160px}}.hero-tagline{font-family:"Space Grotesk", sans-serif;font-size:40px;font-weight:700;letter-spacing:-0.03em;line-height:1.1;margin-bottom:24px;color:var(--text-primary)}@media (min-width: 768px){.hero-tagline{font-size:64px}}.hero-tagline .accent{color:var(--accent)}.hero-text{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto 40px;transition:opacity 0.6s ease-in-out;min-height:28px}@media (min-width: 768px){.hero-text{font-size:20px}}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--accent);color:#FFFFFF;border:none;border-radius:12px;font-family:"Archivo", sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.btn-primary:hover{background:var(--accent-hover);color:#FFFFFF;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--text-primary);border:1px solid var(--divider);border-radius:12px;font-family:"Archivo", sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.about-section{padding:120px 0}.about-grid{display:grid;grid-template-columns:1fr;gap:64px;max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr;padding:0 48px}}.about-label{font-family:"Space Grotesk", sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.about-heading{font-size:32px;font-weight:700;letter-spacing:-0.02em;margin-bottom:24px;color:var(--text-primary)}@media (min-width: 768px){.about-heading{font-size:40px}}.about-text{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}@media (min-width: 768px){.about-text{font-size:18px}}.about-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;margin-top:40px}.stat-item{text-align:center;padding:24px 16px;background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:16px}.stat-number{font-family:"Space Grotesk", sans-serif;font-size:32px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px}@media (min-width: 768px){.stat-number{font-size:40px}}.stat-label{font-size:13px;color:var(--text-muted);font-weight:500}.work-section{padding:120px 0}.section-header{max-width:1200px;margin:0 auto 64px;padding:0 24px}@media (min-width: 768px){.section-header{padding:0 48px}}.section-label{font-family:"Space Grotesk", sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section-title{font-size:32px;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary)}@media (min-width: 768px){.section-title{font-size:48px}}.work-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.work-grid{padding:0 48px;grid-template-columns:1fr 1fr;gap:20px}}.work-card{position:relative;background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:20px;padding:32px;transition:all 0.3s ease;cursor:pointer;overflow:hidden}.work-card:hover{background:var(--bg-glass-hover);border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.work-card-number{font-family:"Space Grotesk", sans-serif;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:16px;letter-spacing:0.05em}.work-card-title{font-family:"Space Grotesk", sans-serif;font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.work-card-tags{font-size:13px;color:var(--text-muted);margin-bottom:16px;font-weight:500}.work-card-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.work-card-arrow{position:absolute;top:32px;right:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.2s ease}.work-card:hover .work-card-arrow{color:var(--accent);transform:translate(4px, -4px)}.services-section{padding:120px 0;background:var(--bg-secondary);transition:background-color 0.3s ease}.services-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.services-grid{padding:0 48px;grid-template-columns:repeat(3, 1fr);gap:20px}}.service-card{padding:32px;background:var(--surface);border:1px solid var(--divider);border-radius:20px;transition:all 0.3s ease}.service-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.service-icon{width:48px;height:48px;background:var(--accent-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--accent)}.service-icon svg{width:24px;height:24px}.service-title{font-family:"Space Grotesk", sans-serif;font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.service-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.contact-section{padding:120px 0}.contact-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:64px}@media (min-width: 768px){.contact-inner{padding:0 48px;grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-title{font-family:"Space Grotesk", sans-serif;font-size:36px;font-weight:700;letter-spacing:-0.02em;margin-bottom:16px;color:var(--text-primary)}@media (min-width: 768px){.contact-title{font-size:48px}}.contact-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.contact-links{display:flex;gap:16px}.contact-link-item{width:44px;height:44px;border-radius:12px;border:1px solid var(--divider);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease}.contact-link-item:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.contact-link-item svg{width:20px;height:20px}.contact-form-wrapper{background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:24px;padding:40px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:0.02em}.form-input{background:var(--surface);border:1px solid var(--divider);border-radius:12px;color:var(--text-primary);font-size:15px;font-family:"Archivo", sans-serif;padding:14px 16px;outline:none;transition:all 0.2s ease;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{min-height:120px;resize:vertical}.form-button{padding:14px 32px;background:var(--accent);color:#FFFFFF;border:none;border-radius:12px;font-family:"Archivo", sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;width:100%}.form-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.footer{padding:48px 0;border-top:1px solid var(--divider)}.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:24px}@media (min-width: 768px){.footer-inner{padding:0 48px;flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;align-items:center;gap:8px}.footer-logo{width:28px;height:auto;filter:var(--logo-invert);transition:filter 0.3s ease}.footer-brand-text{font-family:"Space Grotesk", sans-serif;font-weight:700;font-size:16px;color:var(--text-primary)}.footer-text{font-size:14px;color:var(--text-muted);text-align:center}@media (min-width: 768px){.footer-text{text-align:right}}.footer-flag{font-size:16px}.flash-notice{position:fixed;top:80px;right:16px;z-index:1001;padding:14px 24px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);animation:slideIn 0.3s ease}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}