.theme-toggle[data-v-519b5751]{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.theme-toggle[data-v-519b5751]:hover{background-color:var(--color-primary-50)}.back-to-top[data-v-854fd290]{position:fixed;right:var(--space-6);bottom:var(--space-6);z-index:var(--z-overlay);width:48px;height:48px;border-radius:var(--radius-full);border:1px solid var(--color-border-default);background-color:var(--color-bg-card);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.back-to-top[data-v-854fd290]:hover{background-color:var(--color-primary-700);color:var(--color-text-inverse);transform:translateY(-3px);box-shadow:var(--shadow-brand)}.back-to-top[data-v-854fd290]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btt-fade-enter-active[data-v-854fd290],.btt-fade-leave-active[data-v-854fd290]{transition:opacity var(--transition-normal),transform var(--transition-normal)}.btt-fade-enter-from[data-v-854fd290],.btt-fade-leave-to[data-v-854fd290]{opacity:0;transform:translateY(12px)}@media(max-width:639px){.back-to-top[data-v-854fd290]{right:var(--space-4);bottom:var(--space-4);width:44px;height:44px}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0;transform:translateY(-10px)}:root{--color-primary-50: #eef2f8;--color-primary-100: #d6deec;--color-primary-200: #adbdd9;--color-primary-300: #7e95bf;--color-primary-400: #4f6da3;--color-primary-500: #2f4d85;--color-primary-600: #1e3a6b;--color-primary-700: #183263;--color-primary-800: #163263;--color-primary-900: #153062;--color-primary-950: #0d1d3d;--color-accent-red: #c41e3a;--color-accent-red-light: #fce8eb;--color-accent-red-dark: #9b1629;--color-accent-cyan: #4bacc6;--color-accent-cyan-light: #e0f4f8;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-bg-page: #f9fafb;--color-bg-card: #ffffff;--color-bg-brand: #eef2f8;--color-bg-dark: #1b2a4a;--color-border-default: #e5e7eb;--color-border-strong: #d1d5db;--skeleton-base: #e5e7eb;--skeleton-shine: #f3f4f6;--gradient-brand: linear-gradient(135deg, #183263 0%, #153062 50%, #0d1d3d 100%);--gradient-brand-light: linear-gradient(135deg, #1e3a6b 0%, #2f4d85 100%);--gradient-hero: linear-gradient(160deg, #0d1d3d 0%, #153062 40%, #183263 100%);--gradient-accent: linear-gradient(135deg, #c41e3a 0%, #9b1629 100%);--gradient-overlay: linear-gradient(180deg, rgba(13,29,61,0) 0%, rgba(13,29,61,.85) 100%);--font-family-zh: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Noto Sans CJK SC", sans-serif;--font-family-en: "Arial", "Helvetica Neue", Helvetica, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-family-base: var(--font-family-zh), var(--font-family-en);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .1), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .12), 0 8px 10px -6px rgba(15, 23, 42, .06);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .2);--shadow-brand: 0 4px 14px 0 rgba(24, 50, 99, .35);--shadow-brand-lg: 0 8px 24px 0 rgba(24, 50, 99, .25);--shadow-focus: 0 0 0 3px rgba(24, 50, 99, .15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-slower: .8s ease;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-max-width: 1280px;--container-wide: 1440px;--container-narrow: 960px;--container-padding: 1.5rem;--container-padding-lg: 4rem;--navbar-height: 72px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);overflow-x:hidden}a{color:var(--color-primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary-900)}h1{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media(min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1280px){.container{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}.container--wide{max-width:var(--container-wide)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-9) 0}.section--sm{padding:var(--space-8) 0}.section--xl{padding:var(--space-10) 0}.bg-gray{background-color:var(--color-gray-50)}.bg-brand{background-color:var(--color-bg-brand)}.bg-dark-gradient{background:var(--gradient-brand)}.section-lead{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:800px}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mb-6{margin-bottom:var(--space-6)}.grid{display:grid;gap:var(--space-5)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}@media(max-width:639px){.grid--2,.grid--3,.grid--4,.grid--5{grid-template-columns:1fr}}@media(min-width:640px)and (max-width:1023px){.grid--3,.grid--4,.grid--5{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px)and (max-width:1279px){.grid--4,.grid--5{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--col{flex-direction:column}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-accent-red)}.en-text{font-family:var(--font-family-en);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase}.bg-dark{background-color:var(--color-bg-dark);color:var(--color-text-inverse)}.bg-dark h2,.bg-dark h3,.bg-dark h4{color:var(--color-text-inverse)}.bg-gradient-brand{background:var(--gradient-brand);color:var(--color-text-inverse)}.bg-gradient-brand h2,.bg-gradient-brand h3{color:var(--color-text-inverse)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm{height:32px;padding:0 16px;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--md{height:40px;padding:0 24px;font-size:var(--font-size-base);border-radius:var(--radius-md)}.btn--lg{height:48px;padding:0 32px;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn--xl{height:56px;padding:0 40px;font-size:var(--font-size-xl);border-radius:var(--radius-lg)}.btn--primary{background-color:var(--color-primary-700);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-600);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn--secondary{background-color:transparent;color:var(--color-primary-700);border:1.5px solid var(--color-primary-700)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-50)}.btn--text{background:transparent;color:var(--color-primary-500);padding:0;height:auto}.btn--text:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.btn--inverse{background-color:var(--color-text-inverse);color:var(--color-primary-900)}.btn--inverse:hover:not(:disabled){background-color:var(--color-gray-100);transform:translateY(-1px)}.btn--outline-inverse{background-color:transparent;color:var(--color-text-inverse);border:1.5px solid rgba(255,255,255,.5)}.btn--outline-inverse:hover:not(:disabled){border-color:var(--color-text-inverse);background-color:#ffffff1a}.btn--accent{background-color:var(--color-accent-red);color:var(--color-text-inverse)}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-red-dark);box-shadow:0 4px 14px #c41e3a59;transform:translateY(-1px)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-200)}.card--solution{display:flex;flex-direction:column;padding:var(--space-6)}.card--solution .card__icon{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:var(--color-primary-700)}.card--solution .card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-900);margin-bottom:var(--space-3)}.card--solution .card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-5)}.card--solution .card__link{margin-top:auto;color:var(--color-primary-500);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--space-1);transition:gap var(--transition-fast)}.card--solution .card__link:hover{color:var(--color-primary-700);gap:var(--space-2)}.card--case{display:flex;flex-direction:column;overflow:hidden}.card--case .card__image{width:100%;height:220px;object-fit:cover;background-color:var(--color-gray-100)}.card--case .card__body{padding:var(--space-5)}.card--case .card__badge{display:inline-block;padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.badge--bs{background:var(--color-info-light);color:var(--color-info)}.badge--cs{background:var(--color-primary-50);color:var(--color-primary-700)}.badge--standalone{background:var(--color-accent-red-light);color:var(--color-accent-red)}.badge--hybrid{background:var(--color-warning-light);color:#92400e}.badge--measurement{background:var(--color-success-light);color:var(--color-success)}.section-header{margin-bottom:var(--space-8)}.section-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-900);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.section-header__subtitle{font-family:var(--font-family-en);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;margin-top:var(--space-2)}.section-header__divider{width:60px;height:3px;background-color:var(--color-primary-700);border-radius:2px;margin-top:var(--space-4)}.section-header--center{text-align:center}.section-header--center .section-header__divider{margin-left:auto;margin-right:auto}.pentagon-list{display:flex;flex-direction:column;gap:var(--space-5)}.pentagon-list__item{display:flex;align-items:center;gap:var(--space-5)}.pentagon-list__marker{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:140px;height:40px;background-color:var(--color-primary-700);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%);padding-right:20px}.pentagon-list__content{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.pentagon-list--pill{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.pentagon-list__pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid var(--color-primary-700);border-radius:var(--radius-full, 999px);background-color:var(--color-bg-card);color:var(--color-primary-900);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.pentagon-list__pill:hover{background-color:var(--color-primary-700);color:var(--color-text-inverse)}.pentagon-list__pill-tag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background-color:var(--color-primary-700);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.pentagon-list__pill:hover .pentagon-list__pill-tag{background-color:var(--color-text-inverse);color:var(--color-primary-700)}.timeline{--tl-item: 220px;--tl-node: 18px;position:relative;overflow-x:auto;overflow-y:hidden;padding:var(--space-3) 0 var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.timeline::-webkit-scrollbar{height:6px}.timeline::-webkit-scrollbar-track{background:transparent}.timeline::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.timeline__track{display:flex;align-items:flex-start;min-width:min-content;padding:0 var(--space-2)}.timeline__item{position:relative;flex:0 0 var(--tl-item);scroll-snap-align:center;padding:0 var(--space-5);text-align:center}.timeline__year{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin-bottom:var(--space-3)}.timeline__node{position:relative;width:var(--tl-node);height:var(--tl-node);border-radius:50%;background-color:var(--color-primary-700);border:3px solid var(--color-bg-card);box-shadow:0 0 0 2px var(--color-primary-200);margin:0 auto var(--space-4);z-index:1}.timeline__item:not(:last-child) .timeline__node:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:calc(var(--tl-item) - var(--tl-node));height:2px;background-color:var(--color-primary-200);z-index:-1}.timeline__content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:200px;margin:0 auto}.timeline__hint{margin:var(--space-4) 0 0;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:640px){.timeline{overflow:visible;padding:0;scroll-snap-type:none}.timeline__hint{display:none}.timeline__track{flex-direction:column;align-items:stretch;min-width:0;padding:0;position:relative}.timeline__track:before{content:"";position:absolute;top:6px;bottom:6px;left:calc(64px + var(--space-3) + 10px);width:2px;background-color:var(--color-primary-200)}.timeline__item{flex:none;text-align:left;display:grid;grid-template-columns:64px 20px 1fr;column-gap:var(--space-3);align-items:start;padding:0 0 var(--space-6) 0}.timeline__year{grid-row:1;margin-bottom:0;font-size:var(--font-size-lg)}.timeline__node{grid-row:1 / span 2;margin:4px 0 0}.timeline__item:not(:last-child) .timeline__node:after{display:none}.timeline__content{grid-column:3;margin:0;max-width:none;text-align:left}}.stat-card{text-align:center;padding:var(--space-6)}.stat-card__number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);line-height:1;letter-spacing:var(--letter-spacing-tight)}.stat-card__suffix{font-size:var(--font-size-2xl);color:var(--color-accent-red);margin-left:var(--space-1)}.stat-card__label{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-3)}.stat-card__label-en{font-family:var(--font-family-en);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-top:var(--space-1)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead{background-color:var(--color-primary-700)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-primary-50)}.table tbody tr:nth-child(2n){background-color:var(--color-gray-50)}.form-input{width:100%;height:44px;padding:0 var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1.5px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-gray-400)}.form-input:hover{border-color:var(--color-gray-400)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.form-textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-label--required:after{content:" *";color:var(--color-accent-red)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:var(--z-header);display:flex;align-items:center;background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-default);transition:all var(--transition-normal)}.navbar--scrolled{box-shadow:var(--shadow-sm)}.navbar__container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-lg);display:flex;align-items:center;justify-content:space-between;width:100%}.navbar__logo{height:40px;display:flex;align-items:center;gap:var(--space-2)}.navbar__logo-img{height:36px}.navbar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.navbar__menu{display:flex;align-items:center;gap:var(--space-1)}.navbar__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.navbar__item:hover{color:var(--color-primary-700);background-color:var(--color-primary-50)}.navbar__item--active{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.navbar__item--active:after{content:"";position:absolute;bottom:-2px;left:var(--space-4);right:var(--space-4);height:2px;background-color:var(--color-primary-700);border-radius:1px}.navbar__actions{display:flex;align-items:center;gap:var(--space-2)}.navbar__hamburger{display:none;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:var(--space-2)}@media(max-width:1023px){.navbar__menu{display:none}.navbar__hamburger{display:flex;align-items:center;justify-content:center}.navbar__container{padding:0 var(--container-padding)}}.footer{background-color:var(--color-primary-950);color:var(--color-gray-300);padding:var(--space-9) 0 var(--space-6)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-8);max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-lg)}.footer__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);margin-bottom:var(--space-3)}.footer__brand-desc{font-size:var(--font-size-sm);color:var(--color-gray-400);line-height:var(--line-height-normal)}.footer__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);margin-bottom:var(--space-4);letter-spacing:var(--letter-spacing-wider)}.footer__link{display:block;font-size:var(--font-size-sm);color:var(--color-gray-400);text-decoration:none;padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-inverse)}.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--space-3)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-8);padding-top:var(--space-5);text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-500)}@media(max-width:639px){.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}}@media(min-width:640px)and (max-width:1023px){.footer__grid{grid-template-columns:1fr 1fr}}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-overlay);background-color:#00000080;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.mobile-drawer--open{opacity:1;visibility:visible}.mobile-drawer__panel{position:absolute;top:0;right:0;width:280px;height:100%;background-color:var(--color-bg-card);transform:translate(100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-drawer--open .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border-default)}.mobile-drawer__nav{padding:var(--space-5)}.mobile-drawer__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-drawer__link:hover{color:var(--color-primary-700);background-color:var(--color-primary-50)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden;padding-top:var(--navbar-height)}.hero__content{text-align:center;max-width:800px;padding:0 var(--space-5)}.hero__tagline{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-5)}.hero__subtitle{font-family:var(--font-family-en);font-size:var(--font-size-xl);color:#ffffffb3;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;margin-bottom:var(--space-3)}.hero__divider{width:80px;height:3px;background-color:var(--color-accent-red);margin:var(--space-6) auto;border-radius:2px}.hero__desc{font-size:var(--font-size-lg);color:#ffffffd9;line-height:var(--line-height-relaxed);margin-bottom:var(--space-7)}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:639px){.hero__tagline{font-size:var(--font-size-4xl)}.hero__subtitle{font-size:var(--font-size-sm)}.hero__desc{font-size:var(--font-size-base)}}@media(min-width:640px)and (max-width:1023px){.hero__tagline{font-size:var(--font-size-5xl)}}.cta-banner{position:relative;background:var(--gradient-brand);padding:var(--space-9) 0;text-align:center;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.9) 0%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,.9) 0%,transparent 75%);pointer-events:none}.cta-banner:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent-red),transparent);opacity:.8}.cta-banner .container{position:relative;z-index:1}.cta-banner__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);margin-bottom:var(--space-5)}.cta-banner__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:639px){.cta-banner__title{font-size:var(--font-size-2xl)}}.image-cover{width:100%;height:100%;object-fit:cover;display:block}.image-contain{width:100%;height:100%;object-fit:contain;display:block}.image-frame{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);overflow:hidden;background-color:var(--color-bg-card);box-shadow:var(--shadow-sm)}.image-frame img{transition:transform var(--transition-slow)}.image-frame:hover img{transform:scale(1.03)}.card--case:hover{transform:scale(1.02) translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.card--case:hover .card__image img{transform:scale(1.05)}.card--case .card__image{overflow:hidden}.card--case .card__image img{width:100%;height:220px;object-fit:cover;transition:opacity .5s ease,transform var(--transition-slow)}.card--solution:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-200)}.card--solution:hover .card__icon{background-color:var(--color-primary-100);transform:scale(1.05)}.card--solution .card__icon{transition:all var(--transition-normal)}.phase-card:hover{transform:translateY(-4px);border-color:var(--color-primary-500);border-top-width:4px;box-shadow:var(--shadow-lg)}.partner-card:hover{transform:translateY(-2px);background-color:var(--color-bg-brand);border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.culture-card:hover,.qual-card:hover,.target-card:hover,.mode-card:hover,.feature-card:hover,.svc-card:hover,.office-card:hover,.hw-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg)}.culture-card:hover{transform:translateY(-4px) scale(1.01)}.target-card:hover{transform:translateY(-4px)}.mode-card:hover{transform:translateY(-4px);border-left:4px solid var(--color-primary-500)}.svc-card:hover{transform:translateY(-4px)}.hw-card:hover{transform:scale(1.01);box-shadow:var(--shadow-xl)}.office-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-brand)}.office-card--primary:hover{box-shadow:var(--shadow-brand-lg);transform:translateY(-6px)}.card--case:focus-visible,.card--solution:focus-visible,.partner-card:focus-visible,.culture-card:focus-visible,.phase-card:focus-visible,.hw-card:focus-visible,.office-card:focus-visible,.svc-card:focus-visible,.mode-card:focus-visible,.target-card:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.page-hero{position:relative;padding:var(--space-9) 0 var(--space-8);padding-top:calc(var(--navbar-height) + var(--space-9));background:var(--gradient-brand);color:var(--color-text-inverse);overflow:hidden;text-align:center}.page-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d1d3deb,#183263e0,#0d1d3dd1);z-index:1}.page-hero .container{position:relative;z-index:2}.page-hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.page-hero__deco{position:absolute;border:2px solid rgba(255,255,255,.08);opacity:.6;animation:geoFloat 20s ease-in-out infinite}.page-hero__deco--1{top:15%;right:8%;width:180px;height:180px;border-radius:var(--radius-lg);transform:rotate(15deg);animation-delay:-5s}.page-hero__deco--2{bottom:15%;left:10%;width:100px;height:100px;border-radius:50%;animation-delay:-10s}.page-hero__subtitle{font-size:var(--font-size-sm);color:#ffffffb3;margin-bottom:var(--space-3)}.page-hero__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-3)}.page-hero__divider{width:60px;height:3px;background-color:var(--color-accent-red);margin:var(--space-5) auto;border-radius:2px}.page-hero__desc{font-size:var(--font-size-lg);color:#ffffffd9;max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed)}.page-hero--about{background:linear-gradient(135deg,#183263,#1e3a6b,#153062);--hero-accent: #4bacc6}.page-hero--solutions{background:linear-gradient(135deg,#1e3a6b,#183263 60%,#0d1d3d);--hero-accent: #2f4d85}.page-hero--cases{background:linear-gradient(135deg,#153062,#c41e3a);--hero-accent: #ff5a73}.page-hero--products{background:linear-gradient(135deg,#183263,#2f4d85);--hero-accent: #4bacc6}.page-hero--partners{background:linear-gradient(135deg,#1e3a6b,#183263);--hero-accent: #7c9ee0}.page-hero--roadmap{background:linear-gradient(135deg,#0d1d3d,#1e3a6b);--hero-accent: #f59e0b}.page-hero--contact{background:linear-gradient(135deg,#183263,#153062,#1e3a6b);--hero-accent: #c41e3a}.page-hero__deco{border-color:var(--hero-accent, rgba(255, 255, 255, .08))}.page-hero__divider{background-color:var(--hero-accent, var(--color-accent-red))}@media(max-width:639px){.page-hero{padding:var(--space-8) 0;padding-top:calc(var(--navbar-height) + var(--space-8))}.page-hero__title{font-size:var(--font-size-3xl)}.page-hero__desc{font-size:var(--font-size-base)}}.hero__visual{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:420px;height:420px;opacity:.18;z-index:0;pointer-events:none;mix-blend-mode:screen;animation:heroFloat 15s ease-in-out infinite}.hero__visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 50px rgba(120,170,255,.35))}@keyframes heroFloat{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-52%) rotate(2deg)}}@media(max-width:1023px){.hero__visual{display:none}}.skip-link{position:absolute;top:-100px;left:0;padding:var(--space-3) var(--space-4);background-color:var(--color-primary-700);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-toast);transition:top var(--transition-fast);border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0;outline:2px solid var(--color-text-inverse);outline-offset:2px}.form-field{margin-bottom:var(--space-5)}.form-field__error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--space-2);display:none}.form-field--error .form-input,.form-field--error .form-textarea{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-field--error .form-field__error{display:block}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hero__visual,.geo-deco,.page-hero__deco{animation:none}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.scroll-reveal--visible{opacity:1;transform:translateY(0)}.scroll-reveal--delay-1{transition-delay:.1s}.scroll-reveal--delay-2{transition-delay:.2s}.scroll-reveal--delay-3{transition-delay:.3s}.scroll-reveal--delay-4{transition-delay:.4s}.scroll-reveal--delay-5{transition-delay:.5s}.hero-enter{animation:heroFadeIn .8s var(--ease-out) forwards}.hero-enter--delay-1{animation-delay:.1s}.hero-enter--delay-2{animation-delay:.3s}.hero-enter--delay-3{animation-delay:.5s}.hero-enter--delay-4{animation-delay:.7s}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stat-number--animated{animation:countUp .5s var(--ease-spring) forwards}.geo-deco{position:absolute;opacity:.08;animation:geoFloat 20s ease-in-out infinite}.geo-deco--1{animation-delay:-5s}.geo-deco--2{animation-delay:-10s}.geo-deco--3{animation-delay:-15s}@keyframes geoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.navbar--hidden{transform:translateY(-100%)}.page-enter{animation:pageSlideIn .4s var(--ease-out) forwards}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer-enter{animation:drawerSlideIn .3s var(--ease-out) forwards}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.focus-ring{position:relative}.focus-ring:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid var(--color-primary-500);opacity:0;transition:opacity var(--transition-fast)}.focus-ring:focus-visible:after{opacity:1}[data-theme=dark]{--color-primary-50: #0d1d3d;--color-primary-100: #153062;--color-primary-200: #1e3a6b;--color-primary-300: #2f4d85;--color-primary-400: #4f6da3;--color-primary-500: #7e95bf;--color-primary-600: #adbdd9;--color-primary-700: #d6deec;--color-primary-800: #eef2f8;--color-primary-900: #f9fafb;--color-primary-950: #0a1528;--color-accent-red-light: #3a0e1a;--color-accent-cyan-light: #1a3d4d;--color-success-light: #0d3d2a;--color-warning-light: #3d2a0d;--color-error-light: #3d0d0d;--color-info-light: #0d2a3d;--color-gray-50: #0f172a;--color-gray-100: #1e293b;--color-gray-200: #334155;--color-gray-300: #475569;--color-gray-400: #64748b;--color-gray-500: #94a3b8;--color-gray-600: #cbd5e1;--color-gray-700: #e2e8f0;--color-gray-800: #f1f5f9;--color-gray-900: #f9fafb;--color-text-primary: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverse: #111827;--color-bg-page: #0f172a;--color-bg-card: #1e293b;--color-bg-dark: #0d1d3d;--color-border-default: #334155;--color-border-strong: #475569;--skeleton-base: #293548;--skeleton-shine: #334155;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-brand: 0 4px 14px 0 rgba(214, 222, 236, .3)}[data-theme=dark] .navbar{background-color:#0f172af2;border-bottom-color:var(--color-border-default)}[data-theme=dark] .navbar__logo-text{color:var(--color-primary-700)}[data-theme=dark] .navbar__item{color:var(--color-text-secondary)}[data-theme=dark] .navbar__item:hover{color:var(--color-primary-700);background-color:#d6deec1a}[data-theme=dark] .navbar__item--active{color:var(--color-primary-700)}[data-theme=dark] .navbar__item--active:after{background-color:var(--color-primary-700)}[data-theme=dark] .card{background-color:var(--color-bg-card);border-color:var(--color-border-default)}[data-theme=dark] .card:hover{border-color:var(--color-primary-300)}[data-theme=dark] .card--solution .card__icon{background-color:var(--color-primary-50);color:var(--color-primary-700)}[data-theme=dark] .card--solution .card__title{color:var(--color-primary-900)}[data-theme=dark] .card--solution .card__desc{color:var(--color-text-secondary)}[data-theme=dark] .card--solution .card__link{color:var(--color-primary-500)}[data-theme=dark] .card--solution .card__link:hover{color:var(--color-primary-700)}[data-theme=dark] .section-header__title{color:var(--color-primary-900)}[data-theme=dark] .section-header__divider{background-color:var(--color-primary-600)}[data-theme=dark] .pentagon-list__marker{background-color:var(--color-primary-200);color:var(--color-text-inverse)}[data-theme=dark] .pentagon-list__content{color:var(--color-text-primary)}[data-theme=dark] .pentagon-list--pill .pentagon-list__pill{border-color:var(--color-primary-400);color:var(--color-text-primary);background-color:var(--color-bg-card)}[data-theme=dark] .pentagon-list--pill .pentagon-list__pill:hover{background-color:var(--color-primary-700);color:var(--color-text-inverse)}[data-theme=dark] .pentagon-list--pill .pentagon-list__pill-tag{background-color:#183263;color:#fff}[data-theme=dark] .timeline__node:after{background-color:var(--color-primary-300)}[data-theme=dark] .timeline__node{background-color:var(--color-primary-600);border-color:var(--color-bg-card);box-shadow:0 0 0 2px var(--color-primary-300)}[data-theme=dark] .timeline__year{color:var(--color-primary-600)}[data-theme=dark] .stat-card__number{color:var(--color-primary-700)}[data-theme=dark] .stat-card__label{color:var(--color-text-secondary)}[data-theme=dark] .table thead{background-color:var(--color-primary-200)}[data-theme=dark] .table th{color:var(--color-text-inverse)}[data-theme=dark] .table td{color:var(--color-text-primary);border-bottom-color:var(--color-border-default)}[data-theme=dark] .table tbody tr:nth-child(2n){background-color:var(--color-gray-50)}[data-theme=dark] .table tbody tr:hover{background-color:var(--color-primary-50)}[data-theme=dark] .form-input{background-color:var(--color-bg-card);border-color:var(--color-border-default);color:var(--color-text-primary)}[data-theme=dark] .form-input::placeholder{color:var(--color-gray-400)}[data-theme=dark] .mobile-drawer__panel{background-color:var(--color-bg-card)}[data-theme=dark] .mobile-drawer__link{color:var(--color-text-primary)}[data-theme=dark] .mobile-drawer__link:hover{color:var(--color-primary-700);background-color:var(--color-primary-50)}[data-theme=dark] .footer{background-color:var(--color-primary-950)}[data-theme=dark] .footer__brand-name{color:var(--color-primary-700)}[data-theme=dark] .footer__section-title{color:var(--color-text-secondary)}[data-theme=dark] .footer__link:hover{color:var(--color-primary-700)}[data-theme=dark] .footer__brand-desc,[data-theme=dark] .footer__link,[data-theme=dark] .footer__contact-item{color:var(--color-text-secondary)}[data-theme=dark] .footer__bottom{color:var(--color-gray-400)}[data-theme=dark] .hero__tagline,[data-theme=dark] .cta-banner__title,[data-theme=dark] .page-hero,[data-theme=dark] .page-hero__title,[data-theme=dark] .bg-dark h2,[data-theme=dark] .bg-dark h3,[data-theme=dark] .bg-dark h4,[data-theme=dark] .bg-gradient-brand h2,[data-theme=dark] .bg-gradient-brand h3,[data-theme=dark] .bg-dark,[data-theme=dark] .bg-gradient-brand,[data-theme=dark] .table th,[data-theme=dark] .pentagon-list__marker,[data-theme=dark] .btn--accent,[data-theme=dark] .btn--outline-inverse{color:var(--color-text-primary)}[data-theme=dark] .btn--outline-inverse:hover:not(:disabled){border-color:var(--color-text-primary)}[data-theme=dark] .text-inverse{color:var(--color-text-primary)}