:root{--bg-base: #f2f2f7;--bg-surface: #ffffff;--bg-surface-hover: #f7f7fa;--bg-glass: rgba(242, 242, 247, .8);--bg-subtle: #ebebf0;--text-main: #1c1c1e;--text-muted: #6c6c70;--text-dim: #a1a1a6;--border-color: rgba(60, 60, 67, .1);--border-hover: rgba(60, 60, 67, .18);--border-focus: #2563eb;--accent-brand: #007aff;--accent-brand-subtle: rgba(0, 122, 255, .1);--accent-brand-hover: #0062cc;--accent-emerald: #059669;--accent-danger: #dc2626;--accent-amber: #d97706;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 20px;--radius-lg: 28px;--radius-full: 9999px;--header-h: 60px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-theme: background-color .25s ease, color .25s ease, border-color .25s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--bg-base: #000000;--bg-surface: #1c1c1e;--bg-surface-hover: #242426;--bg-glass: rgba(0, 0, 0, .75);--bg-subtle: #2c2c2e;--text-main: #f5f5f7;--text-muted: #98989d;--text-dim: #6c6c70;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: #3b82f6;--accent-brand: #0a84ff;--accent-brand-subtle: rgba(10, 132, 255, .16);--accent-brand-hover: #409cff;--accent-emerald: #34d399;--accent-danger: #f87171;--accent-amber: #fbbf24;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6)}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-base);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,.font-heading{font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.font-mono,code,pre{font-family:var(--font-mono)}.text-center{text-align:center}.display-hero{font-size:clamp(2.6rem,6vw,4.5rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.h1-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em}.h2-title{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700}.h3-title{font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:600;letter-spacing:-.01em}.body-large{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--text-muted);line-height:1.65}.body-normal{font-size:.97rem;color:var(--text-muted);line-height:1.65}.body-small{font-size:.88rem;color:var(--text-muted);line-height:1.55}.kicker-tag{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-brand);font-weight:500;margin-bottom:12px}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-brand-subtle)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{overflow-x:hidden;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;transition:var(--transition-theme)}#app{display:flex;flex-direction:column;flex:1;min-height:100vh;min-height:100dvh;width:100%}main{flex:1 0 auto;padding-top:var(--header-h)}.container{width:100%;max-width:1120px;margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.container-narrow{max-width:800px}.section{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px)}.section-sm{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(32px,5vw,56px)}.section-header{margin-bottom:clamp(32px,5vw,56px)}.section-header.center,.section-header.text-center{text-align:center}.section-header .h1-title,.section-header .h2-title{margin-bottom:12px}.section-header p{max-width:600px;color:var(--text-muted)}.section-header.center p,.section-header.text-center p{margin-left:auto;margin-right:auto}.grid-2,.grid-3,.grid-4{display:grid;gap:clamp(16px,2.5vw,24px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.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}.reveal{animation:fade-up .5s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-between{flex-wrap:wrap;gap:16px}}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-h);z-index:1000;background:var(--bg-glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;box-shadow:0 1px 0 var(--border-color)}.scroll-progress-bar{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:var(--accent-brand);pointer-events:none}.site-header-inner{max-width:1120px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo{display:inline-flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em}.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:4px;list-style:none}.nav-item{position:relative}.nav-link{color:var(--text-muted);font-size:.88rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-main);background:transparent}.nav-link.active{font-weight:600}.nav-arrow{font-size:.65em;opacity:.6;transition:transform var(--transition-fast)}.nav-item:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:50%;width:300px;padding-top:8px;transform:translate(-50%) translateY(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal);z-index:1010}.nav-dropdown>*{position:relative}.nav-dropdown:after{content:"";position:absolute;top:8px;left:0;right:0;bottom:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:0}.dropdown-header,.dropdown-list{z-index:1}.dropdown-header{padding:14px 14px 10px;border-bottom:1px solid var(--border-color);margin:0 0 6px}.dropdown-list{padding:0 6px 6px}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-title{font-size:.92rem;font-weight:700;color:var(--text-main)}.dropdown-desc{font-size:.8rem;font-weight:400;color:var(--text-muted);margin-top:2px;line-height:1.4}.dropdown-list{list-style:none;display:flex;flex-direction:column;gap:2px}.dropdown-item-link{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;font-weight:600;transition:background-color var(--transition-fast)}.dropdown-item-link:hover{background:var(--bg-subtle)}.dropdown-item-link>i{width:18px;text-align:center;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px}.btn-theme-toggle-icon,.mobile-menu-btn,.mobile-close-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-full);align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-theme-toggle-icon{display:inline-flex}.mobile-menu-btn{display:none}.mobile-close-btn{display:flex}.btn-theme-toggle-icon:hover,.mobile-menu-btn:hover,.mobile-close-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.mobile-full-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-surface);z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal);overflow-y:auto}.mobile-full-screen.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-content{max-width:560px;margin:0 auto;min-height:100%;padding:16px 20px 28px;display:flex;flex-direction:column}.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--header-h) - 16px);margin-bottom:20px}.mobile-nav-sections{flex:1;display:flex;flex-direction:column;gap:24px}.mobile-section-group{display:flex;flex-direction:column;gap:6px}.mobile-group-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}.mobile-nav-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--radius-sm);color:var(--text-main);font-size:1rem;font-weight:500;transition:background-color var(--transition-fast)}.mobile-nav-item>i{width:20px;text-align:center;color:var(--text-muted)}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--bg-subtle)}.mobile-nav-item.active>i{color:var(--accent-brand)}.mobile-nav-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-color)}.btn,.btn-pill-primary,.btn-pill-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-full);font-size:.92rem;font-weight:600;line-height:1.2;text-align:center;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn-primary,.btn-pill-primary{background:var(--text-main);color:var(--bg-base)}.btn-primary:hover,.btn-pill-primary:hover{opacity:.85}.btn-brand{background:var(--accent-brand);color:#fff}.btn-brand:hover{background:var(--accent-brand-hover)}.btn-outline,.btn-pill-secondary{background:transparent;color:var(--text-main);border-color:var(--border-color)}.btn-outline:hover,.btn-pill-secondary:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.btn-sm{padding:8px 14px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1rem}.filter-pills-wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:32px}.filter-pill{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:.88rem;font-weight:500;padding:7px 16px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-pill:hover{color:var(--text-main);border-color:var(--border-hover)}.filter-pill.active{background:var(--text-main);color:var(--bg-base);border-color:var(--text-main)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-hover)}.card.text-center{align-items:center;text-align:center}.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)}.card-image-wrap img{width:100%;height:100%;object-fit:cover}.tag-wrap{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tag,.tag-badge{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;line-height:1.3}.tag-badge.brand{background:var(--accent-brand-subtle);color:var(--accent-brand);border-color:transparent}.hero-section{position:relative;overflow:hidden;min-height:min(78vh,720px);display:flex;align-items:center;justify-content:center;text-align:center}.hero-glow-bg{--glow-x: 50%;--glow-y: 30%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(520px circle at var(--glow-x) var(--glow-y),var(--accent-brand-subtle),transparent 70%)}.hero-content{position:relative;z-index:1}.projects-wrapper{display:flex;flex-direction:column;gap:clamp(48px,7vw,88px)}.project-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,64px);align-items:center}.project-row:nth-child(2n) .project-content{order:-1}.project-img-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-subtle)}.project-img{width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center;transition:transform .5s ease}.project-row:hover .project-img{transform:scale(1.03)}.project-content{display:flex;flex-direction:column;align-items:flex-start}.project-content h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.15;margin-bottom:12px;letter-spacing:-.03em}.project-content p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:24px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,24px)}.news-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.news-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.news-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);margin-bottom:10px}.news-card h3{font-size:1.15rem;margin-bottom:10px}.news-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px;line-height:1.6}.news-link{margin-top:auto;color:var(--text-main);font-size:.92rem;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:color var(--transition-fast),gap var(--transition-fast)}.news-link:hover{color:var(--accent-brand);gap:12px}.squares-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.5vw,24px)}.square-card{background:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:32px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.square-card .stat-num{font-family:var(--font-sans);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:10px;color:var(--text-main)}.square-card h3{font-size:.95rem;color:var(--text-muted);font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-backdrop.active{opacity:1;visibility:visible}.modal-container{position:relative;width:100%;max-width:640px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);transform:translateY(12px) scale(.98);transition:transform var(--transition-normal)}.modal-backdrop.active .modal-container{transform:none}.modal-close-btn{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.modal-close-btn:hover{background:var(--bg-subtle)}.modal-container .flex-between>div{flex-wrap:wrap}.skeleton-box{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-surface-hover) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:24px;border:1px solid var(--border-color);border-left:3px solid var(--accent-amber);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font-size:.9rem}footer a{transition:color var(--transition-fast)}footer a:hover{color:var(--text-main)!important}.legal-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.85rem;color:var(--text-muted);margin-top:8px}.legal-toc{margin:32px 0 8px;padding:20px 24px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface)}.legal-toc-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.legal-toc ol{columns:2;column-gap:32px;padding-left:20px;font-size:.92rem;color:var(--text-muted)}.legal-toc li{padding:3px 0;break-inside:avoid}.legal-toc a:hover{color:var(--accent-brand)}.legal-doc section{padding:28px 0;border-top:1px solid var(--border-color)}.legal-doc h2{font-size:1.2rem;margin-bottom:12px}.legal-doc h3{font-size:1rem;margin:18px 0 8px}.legal-doc p,.legal-doc li{color:var(--text-muted);font-size:.97rem;line-height:1.7}.legal-doc p+p{margin-top:10px}.legal-doc ul{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:6px}.legal-doc a{color:var(--accent-brand);text-decoration:underline;text-underline-offset:3px}.legal-doc strong{color:var(--text-main);font-weight:600}.legal-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--border-color);color:var(--text-muted);line-height:1.5}.legal-table th{background:var(--bg-subtle);color:var(--text-main);font-weight:600}.legal-table tr:last-child td{border-bottom:0}.legal-callout{margin-top:12px;padding:14px 16px;border:1px solid var(--border-color);border-left:3px solid var(--accent-brand);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font-size:.93rem;line-height:1.65}.legal-callout strong{color:var(--text-main)}.rule-list{list-style:none;padding-left:0!important}.rule-list li{display:flex;gap:10px;align-items:flex-start}.rule-list li>i{margin-top:5px;font-size:.85em;flex-shrink:0}.rule-ok>i{color:var(--accent-emerald)}.rule-no>i{color:var(--accent-danger)}@media (max-width: 992px){.squares-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:inline-flex}.news-grid,.squares-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;gap:24px}.project-row:nth-child(2n) .project-content{order:0}.card{padding:22px}.legal-toc ol{columns:1}.hero-section{min-height:auto;padding-top:56px;padding-bottom:56px}.modal-container{padding:18px}}.site-header{border-bottom:0;box-shadow:none}.scroll-progress-bar{display:none}.card,.news-card,.square-card,.legal-toc,.error-notice,.modal-container,.project-img-wrap,.card-image-wrap,.legal-table-wrap,.legal-callout{border:0}.square-card,.news-card,.card{background:var(--bg-surface)}.card:hover,.news-card:hover{border:0;box-shadow:none}.project-img-wrap{border-radius:var(--radius-lg)}.tag,.tag-badge{border:0;background:var(--bg-subtle)}.tag-badge.brand{background:var(--accent-brand-subtle)}.btn,.btn-pill-primary,.btn-pill-secondary{border:0}.btn-outline,.btn-pill-secondary{background:var(--bg-subtle);color:var(--text-main)}.btn-outline:hover,.btn-pill-secondary:hover{background:var(--border-hover)}.filter-pill{border:0;background:var(--bg-subtle)}.filter-pill.active{background:var(--text-main)}.btn-theme-toggle-icon,.mobile-menu-btn,.mobile-close-btn,.modal-close-btn{border:0}.modal-close-btn{background:var(--bg-subtle)}.nav-dropdown:after{border:0;border-radius:var(--radius-md)}.dropdown-header{border-bottom:0}.mobile-nav-bottom{border-top:0}.hero-section{min-height:min(64vh,560px)}.section{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,88px)}.section-header{margin-bottom:clamp(24px,4vw,40px)}.project-content p{max-width:36ch}