@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-glass: rgba(248, 250, 252, .88);--bg-subtle: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #2563eb;--accent-primary: #0f172a;--accent-primary-text: #ffffff;--accent-brand: #2563eb;--accent-brand-subtle: rgba(37, 99, 235, .08);--accent-brand-hover: #1d4ed8;--accent-emerald: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease}[data-theme=dark]{--bg-base: #090a0f;--bg-surface: #11131c;--bg-surface-hover: #181b28;--bg-glass: rgba(9, 10, 15, .88);--bg-subtle: #161926;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border-color: #1e2334;--border-hover: #2e3650;--border-focus: #3b82f6;--accent-primary: #f8fafc;--accent-primary-text: #090a0f;--accent-brand: #3b82f6;--accent-brand-subtle: rgba(59, 130, 246, .15);--accent-brand-hover: #60a5fa;--accent-emerald: #34d399;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .6)}body{font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background-color:var(--bg-base);font-size:.98rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,.font-heading{font-family:Outfit,sans-serif;color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.2}.font-mono,code,pre,.badge-mono,.stat-num{font-family:DM Mono,monospace}.display-hero{font-size:clamp(2.3rem,5vw,3.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.h1-title{font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.025em}.h2-title{font-size:clamp(1.45rem,2.5vw,1.95rem);font-weight:700;letter-spacing:-.02em}.h3-title{font-size:clamp(1.08rem,1.8vw,1.3rem);font-weight:600;letter-spacing:-.01em}.body-large{font-size:clamp(.98rem,1.6vw,1.12rem);color:var(--text-muted);line-height:1.65}.body-normal{font-size:.95rem;color:var(--text-muted);line-height:1.6}.body-small{font-size:.88rem;color:var(--text-muted);line-height:1.5}.kicker-tag{font-family:DM Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-brand);font-weight:500}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;width:100%;min-height:100vh;display:flex;flex-direction:column;transition:var(--transition-theme)}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1 0 auto}.container{width:100%;max-width:1240px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.section{padding-top:clamp(60px,9vw,120px);padding-bottom:clamp(60px,9vw,120px)}.section-sm{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}.section-header{margin-bottom:clamp(36px,5vw,64px);text-align:left}.section-header.center{text-align:center}.section-header .h2-title{margin-bottom:12px}.section-header p{max-width:620px;margin-top:8px}.section-header.center p{margin-left:auto;margin-right:auto}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.5vw,24px)}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:12px}.gap-md{gap:20px}.gap-lg{gap:32px}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-between{flex-direction:column;align-items:flex-start;gap:16px}}.container{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px);width:100%}.container-narrow{max-width:860px}.section{padding:clamp(60px,8vh,90px) 0}.section-header{margin-bottom:clamp(32px,5vw,48px)}.section-header.text-center{text-align:center}.section-header .kicker-tag{font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-brand);margin-bottom:10px;font-weight:600}.section-header h1,.section-header .h1-title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;margin-bottom:14px;line-height:1.1}.section-header h2,.section-header .h2-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;margin-bottom:12px}.section-header p,.section-header .body-large{color:var(--text-muted);font-size:1.08rem;max-width:600px;margin:0 auto;line-height:1.6}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-theme)}.site-header-inner{max-width:1200px;margin:0 auto;padding:14px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between}.site-logo{display:inline-flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;color:var(--text-main);text-decoration:none;letter-spacing:-.03em}.site-logo-img{width:26px;height:26px;border-radius:var(--radius-xs);object-fit:contain}.desktop-nav{display:block}.nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-item{position:relative}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;transition:color var(--transition-fast),background-color var(--transition-fast);padding:8px 16px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px}.nav-link:hover,.nav-link.active{color:var(--text-main);background:var(--bg-subtle)}.nav-arrow{font-size:.72em;opacity:.65;transition:transform var(--transition-fast)}.nav-item:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);width:300px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1010}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(2px)}.dropdown-header{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-color)}.dropdown-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:var(--text-main)}.dropdown-desc{font-size:.8rem;color:var(--text-muted);margin-top:2px;line-height:1.35}.dropdown-list{list-style:none;display:flex;flex-direction:column;gap:4px}.dropdown-item-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-main);text-decoration:none;font-size:.9rem;font-weight:600;transition:background-color var(--transition-fast),color var(--transition-fast)}.dropdown-item-link:hover{background:var(--bg-surface-hover);color:var(--accent-brand)}.header-actions{display:flex;align-items:center;gap:10px}.btn-theme-toggle-icon{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);width:38px;height:38px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:var(--transition-fast)}.btn-theme-toggle-icon:hover{background:var(--bg-surface-hover);color:var(--accent-brand)}.mobile-menu-btn{display:none;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);width:38px;height:38px;border-radius:var(--radius-full);align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.mobile-full-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-surface);z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;overflow-y:auto}.mobile-full-screen.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-content{max-width:600px;margin:0 auto;min-height:100vh;padding:20px;display:flex;flex-direction:column}.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.mobile-close-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-main);width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.mobile-nav-sections{flex:1;display:flex;flex-direction:column;gap:20px}.mobile-section-group{display:flex;flex-direction:column;gap:6px}.mobile-group-title{font-family:DM Mono,monospace;font-size:.76rem;letter-spacing:.08em;color:var(--accent-brand);font-weight:600;margin-bottom:4px}.mobile-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-main);text-decoration:none;font-size:1.02rem;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border-color);transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--bg-surface-hover);color:var(--accent-brand)}.filter-pills-wrap{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:36px}.filter-pill{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;padding:9px 22px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.filter-pill:hover{background:var(--bg-surface-hover);color:var(--text-main);border-color:var(--border-hover)}.filter-pill.active{background:var(--text-main)!important;color:var(--bg-base)!important;border-color:var(--text-main)!important}.btn-pill-primary{background:var(--text-main);color:var(--bg-base);border-radius:var(--radius-full);padding:12px 28px;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-pill-primary:hover{transform:translateY(-2px);opacity:.92}.btn-pill-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:12px 28px;font-weight:700;font-size:.95rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast)}.btn-pill-secondary:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:32px 28px;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card-image-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:18px;background:var(--bg-subtle);position:relative;max-width:100%}.card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.projects-wrapper{display:flex;flex-direction:column;gap:clamp(54px,8vw,84px)}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,64px);align-items:center}.project-row:nth-child(2n) .project-content{order:-1}.project-img{width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:transform .4s ease;max-width:100%}.project-row:hover .project-img{transform:scale(1.02)}.project-content{display:flex;flex-direction:column;align-items:flex-start}.tag-wrap{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.tag,.tag-badge{font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-xs);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.tag-badge.brand{background:var(--accent-brand-subtle);color:var(--accent-brand);border-color:transparent}.project-content h3{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;line-height:1.25;margin-bottom:14px;letter-spacing:-.02em}.project-content p{color:var(--text-muted);font-size:1.05rem;line-height:1.7;margin-bottom:28px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.news-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:32px 28px;display:flex;flex-direction:column;transition:transform var(--transition-fast),background-color var(--transition-fast)}.news-card:hover{transform:translateY(-2px);background:var(--bg-surface-hover)}.news-date{font-size:.88rem;color:var(--text-muted);margin-bottom:12px;font-weight:500;font-family:DM Mono,monospace}.news-card h3{font-size:1.3rem;margin-bottom:12px}.news-card p{color:var(--text-muted);font-size:.98rem;margin-bottom:22px;line-height:1.6}.news-link{margin-top:auto;color:var(--text-main);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.news-link:hover{color:var(--accent-brand)}.squares-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.square-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:36px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform var(--transition-fast),background-color var(--transition-fast)}.square-card:hover{transform:translateY(-2px);background:var(--bg-surface-hover)}.square-card .stat-num{font-size:clamp(2.5rem,4vw,3.4rem);font-weight:800;line-height:1;margin-bottom:12px;color:var(--text-main)}.square-card h3{font-size:1rem;color:var(--text-muted);font-weight:500}@media (max-width: 992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:inline-flex}.grid-2,.grid-3,.grid-4,.squares-grid,.news-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;gap:28px}.project-row:nth-child(2n) .project-content{order:0}.site-header-inner{padding:12px 16px}}