:root{--color-primary-50: #F0F7FF;--color-primary-200: #90CAF9;--color-primary-500: #2196F3;--color-primary-700: #1976D2;--color-primary-900: #0D47A1;--color-secondary-50: #E0F7FA;--color-secondary-200: #4DD0E1;--color-secondary-500: #00BCD4;--color-secondary-700: #00838F;--color-secondary-900: #004D40;--color-neutral-0: #FFFFFF;--color-neutral-100: #F5F5F5;--color-neutral-300: #E0E0E0;--color-neutral-500: #9E9E9E;--color-neutral-700: #616161;--color-neutral-900: #212121;--color-neutral-950: #0A0A0A}:root{--space-0: 0;--space-2: .25rem;--space-4: .5rem;--space-8: 1rem;--space-12: 1.5rem;--space-16: 2rem;--space-20: 2.5rem;--space-24: 3rem;--space-32: 4rem}:root{--font-family-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root{--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px}:root{--shadow-subtle: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-default: 0 4px 12px -2px rgba(0, 0, 0, .1);--shadow-elevated: 0 12px 24px -4px rgba(0, 0, 0, .15);--shadow-dramatic: 0 24px 48px -8px rgba(0, 0, 0, .25)}:root{--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-in-out)}:root{--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-banner: 1030;--z-overlay: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root:not(.dark){--bg-canvas: var(--color-neutral-0);--bg-default: var(--color-neutral-100);--bg-subtle: var(--color-neutral-100);--bg-muted: var(--color-neutral-300);--bg-emphasis: var(--color-neutral-900);--bg-accent: var(--color-primary-50);--bg-accent-emphasis: var(--color-primary-500);--border-default: var(--color-neutral-300);--border-muted: var(--color-neutral-300);--border-subtle: var(--color-neutral-100);--border-accent: var(--color-primary-200);--text-default: var(--color-neutral-900);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-muted: var(--color-neutral-700);--text-subtle: var(--color-neutral-500);--text-placeholder: var(--color-neutral-500);--text-disabled: var(--color-neutral-500);--text-inverse: var(--color-neutral-0);--text-accent: var(--color-primary-700);--text-accent-emphasis: var(--color-primary-900);--interactive-default: var(--color-primary-500);--interactive-hover: var(--color-primary-700);--interactive-active: var(--color-primary-900);--interactive-disabled: var(--color-neutral-500)}:root.dark{--bg-canvas: var(--color-neutral-950);--bg-default: var(--color-neutral-900);--bg-subtle: var(--color-neutral-900);--bg-muted: var(--color-neutral-700);--bg-emphasis: var(--color-neutral-0);--bg-accent: rgba(33, 150, 243, .1);--bg-accent-emphasis: var(--color-primary-500);--border-default: var(--color-neutral-700);--border-muted: var(--color-neutral-700);--border-subtle: var(--color-neutral-900);--border-accent: var(--color-primary-200);--text-default: var(--color-neutral-0);--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-500);--text-subtle: var(--color-neutral-500);--text-placeholder: var(--color-neutral-500);--text-disabled: var(--color-neutral-700);--text-inverse: var(--color-neutral-900);--text-accent: var(--color-primary-200);--text-accent-emphasis: var(--color-primary-50);--interactive-default: var(--color-primary-200);--interactive-hover: var(--color-primary-50);--interactive-active: var(--color-neutral-0);--interactive-disabled: var(--color-neutral-700)}@media (prefers-reduced-motion: reduce){:root{--duration-75: 1ms;--duration-100: 1ms;--duration-150: 1ms;--duration-200: 1ms;--duration-300: 1ms;--duration-500: 1ms;--duration-700: 1ms;--duration-1000: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--bg-canvas: #000000;--bg-default: #000000;--bg-subtle: #1a1a1a;--bg-emphasis: #ffffff;--text-default: #ffffff;--text-muted: #ffffff;--border-default: #ffffff;--interactive-default: #ffffff}:root.dark{--bg-canvas: #ffffff;--bg-default: #ffffff;--bg-subtle: #f0f0f0;--bg-emphasis: #000000;--text-default: #000000;--text-muted: #000000;--border-default: #000000;--interactive-default: #000000}}.asset-placeholder{width:100%;min-height:160px;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-16),4vw,var(--space-32));border-radius:var(--radius-lg);border:2px dashed rgba(var(--accent-rgb),.45);background:linear-gradient(135deg,rgba(var(--bg-content-rgb),.08),rgba(var(--bg-content-rgb),.03));color:var(--text-muted);text-align:center;position:relative;overflow:hidden;gap:var(--space-12);transition:border-color var(--transition-base),background-color var(--transition-base);pointer-events:none}.asset-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(var(--accent-rgb),.08) 18px,rgba(var(--accent-rgb),.08) 36px);opacity:.35;pointer-events:none}.asset-placeholder>*{position:relative;z-index:1}.asset-placeholder.has-image{padding:0;border:none;background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:auto}.asset-placeholder.has-image:before{display:none}.asset-placeholder.has-image .placeholder-label{display:none}.asset-placeholder.has-image .asset-image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-lg) - 2px);display:block}.asset-placeholder:hover{border-color:rgba(var(--accent-rgb),.75);background:rgba(var(--bg-content-rgb),.1)}.placeholder-label{font-family:var(--font-family-ui);font-size:clamp(var(--text-xs),1.8vw,var(--text-sm));letter-spacing:.14em;text-transform:uppercase;font-weight:var(--weight-semibold);opacity:.8}.asset-placeholder--square{aspect-ratio:1 / 1}.asset-placeholder--portrait{aspect-ratio:4 / 5}.asset-placeholder--medium-landscape{aspect-ratio:3 / 2}.asset-placeholder--landscape{aspect-ratio:4 / 3}.asset-placeholder--widescreen{aspect-ratio:16 / 9}.asset-placeholder--ultrawide{aspect-ratio:21 / 9}.asset-placeholder--banner{aspect-ratio:3 / 1}:root.dark .asset-placeholder,[data-theme=dark] .asset-placeholder{border-color:rgba(var(--accent-rgb),.6);background:rgba(255,255,255,.04)}:root.dark .asset-placeholder:before,[data-theme=dark] .asset-placeholder:before{opacity:.25}:root.dark .placeholder-label,[data-theme=dark] .placeholder-label{color:var(--text-primary);opacity:.75}@media (max-width: 768px){.asset-placeholder{min-height:140px}}.card{background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-24);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent);transform:translateY(-2px)}.card--feature{position:relative;overflow:hidden}.card--feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--interactive-default);opacity:0;transition:opacity var(--transition-base)}.card--feature:hover:before{opacity:1}.card--elevated{box-shadow:var(--shadow-lg)}.card--subtle{background:var(--bg-subtle);border-color:var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);min-height:44px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-none);text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.btn:focus{outline:2px solid var(--interactive-default);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--interactive-default);color:var(--text-inverse);border-color:var(--interactive-default)}.btn--primary:hover{background:var(--interactive-hover);border-color:var(--interactive-hover)}.btn--secondary{background:var(--bg-subtle);color:var(--text-default);border-color:var(--border-default)}.btn--secondary:hover{background:var(--bg-muted);border-color:var(--border-accent)}.btn--ghost{background:transparent;color:var(--text-accent);border-color:transparent}.btn--ghost:hover{background:var(--bg-accent);color:var(--text-accent-emphasis)}.btn--sm{padding:var(--space-8) var(--space-16);font-size:var(--text-xs);min-height:44px;min-width:44px}.btn--lg{padding:var(--space-16) var(--space-32);font-size:var(--text-base);min-height:52px}.btn:disabled{background:var(--interactive-disabled);color:var(--text-disabled);border-color:var(--interactive-disabled);cursor:not-allowed;transform:none}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-default);margin-bottom:var(--space-6)}.form-label--required:after{content:"*";color:var(--color-error);margin-left:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-12) var(--space-16);background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-family-ui);font-size:var(--text-base);color:var(--text-default);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--interactive-default);box-shadow:0 0 0 3px rgba(33,150,243,.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-textarea{resize:vertical;min-height:120px}.form-input--error,.form-textarea--error,.form-select--error{border-color:var(--color-error)}.form-input--success,.form-textarea--success,.form-select--success{border-color:var(--color-success)}.form-error{display:block;font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-4)}.form-help{display:block;font-size:var(--text-sm);color:var(--text-subtle);margin-top:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-8);background:var(--bg-muted);color:var(--text-default);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-none);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge--primary{background:var(--interactive-default);color:var(--text-inverse)}.badge--success{background:var(--color-success);color:var(--text-inverse)}.badge--warning{background:var(--color-warning);color:var(--text-inverse)}.badge--error{background:var(--color-error);color:var(--text-inverse)}.spinner{width:24px;height:24px;border:2px solid var(--border-muted);border-top-color:var(--interactive-default);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner--sm{width:16px;height:16px;border-width:1px}.spinner--lg{width:32px;height:32px;border-width:3px}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.focus-ring:focus{outline:2px solid var(--interactive-default);outline-offset:2px}.focus-ring:focus:not(:focus-visible){outline:none}.focus-ring:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px}@media (max-width: 640px){.card{padding:var(--space-16)}.btn{min-height:48px;padding:var(--space-16) var(--space-24)}.btn--sm{min-height:44px}}@media (prefers-contrast: high){.card,.btn,.form-input,.form-textarea,.form-select{border-width:2px}}@media (prefers-reduced-motion: reduce){.card,.btn,.form-input,.form-textarea,.form-select{transition:none}.spinner{animation:none}}.three-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-background);pointer-events:none}.three-bg:not(:target){display:none}[data-theme=light] #three-bg-light,[data-theme=dark] #three-bg-dark{display:block}.app{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:var(--font-family-body)}.navigation{position:fixed;top:0;left:0;width:280px;height:100vh;background:rgba(var(--bg-nav-rgb),.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(var(--border-rgb),.2);z-index:var(--z-navigation-drawer);transform:translate(-100%);transition:transform var(--transition-base);padding:1.5rem;overflow-y:auto}.navigation.open{transform:translate(0)}.nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--border-rgb),.2)}.nav-logo{font-family:var(--font-family-display);font-size:1.8rem;color:var(--text-primary);margin:0;letter-spacing:.05em}.nav-toggle{position:fixed;top:1.5rem;left:1.5rem;z-index:var(--z-navigation-button);width:44px;height:44px;background:rgba(var(--bg-nav-rgb),.2);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb),.3);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all var(--transition-base)}.nav-toggle:hover{background:rgba(var(--bg-nav-rgb),.3);transform:scale(1.05)}.nav-toggle span{width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:all var(--transition-base)}.navigation.open .nav-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navigation.open .nav-toggle span:nth-child(2){opacity:0}.navigation.open .nav-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-base);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.1),transparent);transition:left var(--transition-base)}.nav-link:hover:before{left:100%}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:rgba(var(--accent-rgb),.1);transform:translate(8px)}.nav-link.active{background:rgba(var(--accent-rgb),.15);border-left:3px solid var(--accent-primary)}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.nav-text{font-weight:500;font-size:.95rem}.content-panel{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:var(--z-content);pointer-events:none;opacity:0;transform:translate(100%);transition:all var(--transition-base)}.content-panel.active{opacity:1;transform:translate(0);pointer-events:auto}.panel-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--bg-panel-rgb),.1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.panel-content{position:relative;width:100%;height:100%;padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.3) transparent}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.3);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.5)}.content-container{width:100%;max-width:min(90vw,1400px);margin:0 auto;background:rgba(var(--bg-content-rgb),.05);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:clamp(2rem,4vw,4rem) clamp(2rem,3vw,3rem);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.1)}.panel-close{position:absolute;top:2rem;right:2rem;width:44px;height:44px;background:rgba(var(--bg-danger-rgb),.2);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb),.3);border-radius:50%;color:var(--text-primary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:10}.panel-close:hover{background:rgba(var(--bg-danger-rgb),.3);transform:scale(1.1) rotate(90deg)}.controls{position:fixed;top:2rem;right:2rem;z-index:var(--z-controls);display:flex;flex-direction:column;gap:1rem}.control-group{display:flex;gap:.5rem;background:rgba(var(--bg-nav-rgb),.15);backdrop-filter:blur(15px);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:.5rem}.control-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(var(--border-rgb),.3);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.control-btn:hover{background:rgba(var(--accent-rgb),.1);color:var(--text-primary);transform:translateY(-1px)}.control-btn[aria-pressed=true]{background:rgba(var(--accent-rgb),.2);color:var(--accent-primary);border-color:rgba(var(--accent-rgb),.4)}.route-loader{position:fixed;top:0;left:0;width:100%;height:3px;z-index:var(--z-emergency);opacity:0;transition:opacity var(--transition-fast)}.route-loader.loading{opacity:1}.loader-bar{height:100%;background:linear-gradient(90deg,var(--accent-secondary) 0%,rgba(var(--accent-secondary-rgb),.6) 50%,var(--accent-secondary) 100%);transform:translate(-100%);animation:slideProgress 1.5s infinite}@keyframes slideProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--accent-rgb),.3);border-top:3px solid var(--accent-secondary);border-radius:50%;animation:spin 1s linear infinite}.content-container h1{font-family:var(--font-family-display);font-size:clamp(2rem,5vw,3.5rem);color:var(--text-default);margin-bottom:1.5rem;text-align:center;letter-spacing:.05em}.content-container h2{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-default);margin:2rem 0 1rem;letter-spacing:.05em}:root:not(.dark) .content-container h1,:root:not(.dark) .content-container h2{color:var(--text-default)}[data-theme=dark] .content-container h1,[data-theme=dark] .content-container h2{color:var(--text-default)}.content-container p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.content-container .lead{font-size:1.25rem;color:var(--text-primary);text-align:center;margin-bottom:2rem;font-weight:500}@media (max-width: 768px){.navigation{width:100vw}.panel-content{padding:4rem 1rem 1rem}.content-container{padding:2rem 1.5rem;margin:0}.controls{top:1rem;right:1rem;scale:.9}.nav-toggle{top:1rem;left:1rem}}.content-enter{opacity:0;transform:translateY(20px)}.content-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-base);max-width:100%;overflow:hidden;box-sizing:border-box}.content-exit{opacity:1;transform:translateY(0)}.content-exit-active{opacity:0;transform:translateY(-20px);transition:all var(--transition-base)}.content-section{margin:var(--space-32) 0;padding:0 var(--space-4)}.hero-banner-section{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--bg-content-rgb),.95),rgba(var(--bg-content-rgb),.85));overflow:hidden;padding:var(--space-24) 0}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.tech-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(var(--interactive-default-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(var(--accent-secondary-rgb),.1) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(var(--interactive-default-rgb),.03) 50%,transparent 51%);background-size:100% 100%,100% 100%,20px 20px;animation:techFlow 20s ease-in-out infinite}@keyframes techFlow{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-10px) translateY(-5px)}50%{transform:translate(10px) translateY(10px)}75%{transform:translate(-5px) translateY(-10px)}}.hero-content{text-align:center;max-width:900px;padding:0 var(--space-20);z-index:1;margin:0 auto}.hero-title{font-family:var(--font-family-display);font-size:clamp(2.75rem,7vw,4.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-20);line-height:1.1;letter-spacing:var(--tracking-tight);text-shadow:0 2px 8px rgba(0,0,0,.1)}.hero-subtitle{font-size:clamp(1.25rem,3.5vw,1.75rem);color:var(--text-default);margin-bottom:var(--space-16);line-height:1.4;font-weight:var(--weight-medium);text-align:justify;opacity:.85}.case-study-section{padding:clamp(5rem,10vw,8rem) clamp(1.25rem,4vw,2.5rem);background:radial-gradient(circle at 18% 22%,rgba(var(--interactive-default-rgb),.18),rgba(var(--accent-secondary-rgb),.05) 60%,rgba(var(--bg-content-rgb),.02));border-top:1px solid rgba(var(--border-rgb),.12);border-bottom:1px solid rgba(var(--border-rgb),.12);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:auto}.case-study-section:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--interactive-default-rgb),.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.case-study-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--accent-secondary-rgb),.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.case-study-content{max-width:clamp(960px,90vw,1100px);margin:0 auto;display:flex;flex-direction:column;gap:clamp(var(--space-32),6vw,var(--space-48));align-items:stretch;position:relative;z-index:1;text-align:left;width:100%}.case-study-title{font-family:var(--font-family-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--text-primary) 0%,var(--interactive-default) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-32);line-height:1.1;letter-spacing:var(--tracking-tight);text-align:left;width:100%}.case-study-description{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--text-default);line-height:1.7;opacity:.85;margin-bottom:var(--space-32);font-weight:var(--weight-regular);text-align:justify}.case-study-metrics{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:clamp(var(--space-20),4vw,var(--space-32))}.case-study-metric{background:linear-gradient(160deg,rgba(var(--bg-content-rgb),.95),rgba(var(--interactive-default-rgb),.08));border:2px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-xl);padding:clamp(var(--space-32),5vw,var(--space-40));transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.case-study-metric:hover{background:linear-gradient(160deg,rgba(var(--interactive-default-rgb),.15),rgba(var(--accent-secondary-rgb),.2));border-color:rgba(var(--interactive-default-rgb),.4);transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.metric-value{font-family:var(--font-family-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--interactive-default),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-12);line-height:1;letter-spacing:var(--tracking-tight);position:relative;z-index:1}.metric-label{font-size:clamp(.85rem,1.8vw,.95rem);color:var(--text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:1.5;position:relative;z-index:1}.vision-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(180deg,rgba(var(--bg-content-rgb),.02),rgba(var(--bg-content-rgb),.05));border-top:1px solid rgba(var(--border-rgb),.08);border-bottom:1px solid rgba(var(--border-rgb),.08)}.vision-section .section-header{margin:0 auto var(--space-48);padding:0 var(--space-16);text-align:center}.features-section-inner{max-width:1400px;width:100%;margin:0 auto;padding:0 var(--space-16);box-sizing:border-box}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(var(--space-24),3vw,var(--space-32));align-items:stretch}.feature-card{background:rgba(var(--bg-content-rgb),.5);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-lg);padding:clamp(var(--space-24),3vw,var(--space-32));transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:rgba(var(--interactive-default-rgb),.3)}.feature-card .feature-icon{font-size:2.5rem;margin-bottom:var(--space-12);display:block}.feature-card .feature-title{font-family:var(--font-family-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-12);line-height:1.3}.feature-card .feature-body{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.three-pillars-section{padding:clamp(4rem,8vw,6rem) 0;background:var(--bg-canvas)}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24);max-width:1400px;width:100%;margin:0 auto;padding:0 clamp(var(--space-16),4vw,var(--space-32));box-sizing:border-box}.pillar-card{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);padding:var(--space-24);text-align:center;transition:all var(--transition-slow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--interactive-default-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--interactive-default-rgb),.6));opacity:0;transition:opacity var(--transition-base)}.pillar-card:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--interactive-default-rgb),.3);transform:translateY(-8px);box-shadow:var(--shadow-elevated)}.pillar-card:hover:before{opacity:1}.pillar-icon{font-size:3.25rem;margin:var(--space-12) 0 var(--space-8);display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.pillar-title{font-family:var(--font-family-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-12);line-height:1.3}.pillar-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;text-align:center}@media (max-width: 1200px){.features-grid,.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-20)}}@media (max-width: 768px){.section-header,.section-title,.section-lead{text-align:center}.hero-banner-section{min-height:75vh;padding:var(--space-20) 0}.hero-content{padding:0 var(--space-16);max-width:100%;text-align:center}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--space-12)}.vision-section{padding:clamp(3rem,6vw,4rem) 0}.vision-section .section-header{margin-bottom:var(--space-32);text-align:center}.features-grid,.pillars-grid{grid-template-columns:1fr;gap:var(--space-20)}.case-study-content{gap:var(--space-32);text-align:left;align-items:stretch}.case-study-metrics{gap:var(--space-16)}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem);margin-bottom:var(--space-8)}.case-study-section{padding:clamp(3rem,6vw,4rem) 0}.case-study-content{padding:0 var(--space-16)}.case-study-metrics{gap:var(--space-12);padding:var(--space-20)}.case-study-metric{padding:var(--space-16)}.features-section{padding:clamp(3rem,6vw,4rem) 0}.features-grid{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-8)}.three-pillars-section{padding:clamp(3rem,6vw,4rem) 0}.pillars-grid{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-8)}.pillar-card{padding:var(--space-20)}.pillar-icon{font-size:3rem;margin-bottom:var(--space-12)}.capabilities-section{padding:clamp(3rem,6vw,4rem) 0;overflow:hidden}.capabilities-grid{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-8)}}@media (max-width: 480px){.hero-banner-section{min-height:70vh}.case-study-metric{padding:var(--space-12)}.features-grid{gap:var(--space-12)}.pillar-card{padding:var(--space-16)}.pillar-icon{font-size:2.5rem}.capabilities-grid{gap:var(--space-12)}}[data-theme=dark] .hero-banner-section{background:linear-gradient(135deg,rgba(28,28,28,.95),rgba(42,42,42,.85))}[data-theme=dark] .tech-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(68,68,68,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(85,85,85,.15) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(68,68,68,.05) 50%,transparent 51%)}[data-theme=dark] .case-study-section{background:rgba(42,42,42,.6);border-color:rgba(148,163,184,.2)}[data-theme=dark] .case-study-section:before,[data-theme=dark] .case-study-section:after{opacity:.2}[data-theme=dark] .case-study-metric{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.12)}[data-theme=dark] .case-study-metric:hover{background:#fff;border-color:rgba(0,0,0,.25);box-shadow:0 12px 32px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08)}[data-theme=dark] .solution-detail{background:#f8f9fa;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .perspective-article-detail{background:#f8f9fa;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .detail-metadata{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.15)}:root:not(.dark) .hero-banner-section{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,249,250,.9))}:root:not(.dark) .tech-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(33,37,41,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(108,117,125,.08) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(33,37,41,.02) 50%,transparent 51%)}:root:not(.dark) .case-study-section{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.15)}:root:not(.dark) .case-study-metric{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .case-study-metric:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3)}:root:not(.dark) .vision-section{background:linear-gradient(180deg,rgba(248,249,250,.6),rgba(248,249,250,.9));border-color:rgba(108,117,125,.12)}:root:not(.dark) .feature-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.2)}:root:not(.dark) .feature-card:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3);box-shadow:0 8px 24px rgba(0,0,0,.08)}:root:not(.dark) .capabilities-section{background:rgba(255,255,255,.7)}:root:not(.dark) .pillar-card{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .pillar-card:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3)}:root:not(.dark) .solution-detail{background:rgba(255,255,255,.9);border:1px solid rgba(108,117,125,.2)}:root:not(.dark) .detail-metadata{background:rgba(248,249,250,.9);border-color:rgba(108,117,125,.25)}.profile-section{display:grid;grid-template-columns:300px 1fr;gap:var(--space-32);align-items:center;padding:clamp(3rem,6vw,5rem) 0;max-width:1200px;margin:0 auto;padding-left:var(--space-16);padding-right:var(--space-16)}.profile-image-container{position:relative}.profile-placeholder{width:min(280px,80vw);aspect-ratio:1 / 1;border-radius:50%;min-height:0;padding:var(--space-24);margin:0 auto}.profile-placeholder:before{border-radius:50%}.profile-placeholder.has-image{overflow:hidden;background-size:cover;background-position:center}.profile-placeholder .placeholder-label{font-size:clamp(var(--text-xs),2vw,var(--text-sm))}.profile-content{padding-left:var(--space-16)}.profile-title{font-family:var(--font-family-display);font-size:clamp(2rem,5vw,3rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2;letter-spacing:var(--tracking-tight)}.profile-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);color:var(--text-muted);line-height:1.5;font-weight:var(--weight-medium);text-align:justify}.mission-statement-section{padding:clamp(3rem,6vw,4rem) 0;background:rgba(var(--bg-content-rgb),.03);border-top:1px solid rgba(var(--border-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.mission-card{max-width:800px;margin:0 auto;padding:clamp(2rem,4vw,3rem);background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-elevated)}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--interactive-default),var(--accent-secondary),var(--interactive-default))}.mission-title{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.3}.mission-body{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.7;margin:0;text-align:justify}.timeline-section{padding:clamp(4rem,8vw,6rem) 0;background:var(--bg-canvas)}.timeline-title{font-family:var(--font-family-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-32)}.timeline-container{max-width:800px;margin:0 auto;padding:0 var(--space-16);position:relative}.timeline-container:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--interactive-default),var(--accent-secondary))}.timeline-item{display:flex;align-items:flex-start;margin-bottom:var(--space-32);position:relative}.timeline-marker{position:relative;margin-right:var(--space-24);flex-shrink:0}.timeline-dot{width:60px;height:60px;background:linear-gradient(135deg,var(--interactive-default),var(--accent-secondary));border-radius:50%;border:4px solid var(--bg-canvas);box-shadow:var(--shadow-elevated);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.timeline-dot:before{content:"";width:20px;height:20px;background:var(--bg-canvas);border-radius:50%;position:absolute}.timeline-line{position:absolute;top:60px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + var(--space-32));background:linear-gradient(180deg,rgba(var(--interactive-default-rgb),.3),rgba(var(--accent-secondary-rgb),.3))}.timeline-content{flex:1;padding-top:var(--space-8)}.timeline-period{font-size:var(--text-sm);color:var(--interactive-default);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-8)}.timeline-role{font-family:var(--font-family-display);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-8);line-height:1.3}.timeline-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;text-align:justify}@media (max-width: 768px){.profile-section{grid-template-columns:1fr;gap:var(--space-24);text-align:center;padding:clamp(2rem,4vw,3rem) var(--space-8)}.profile-content{padding-left:0}.profile-placeholder{width:200px;height:200px;margin:0 auto}.profile-title{font-size:clamp(1.75rem,6vw,2.5rem)}.profile-subtitle{font-size:clamp(1rem,4vw,1.25rem)}.mission-statement-section{padding:clamp(2rem,4vw,3rem) 0}.mission-card{margin:0 var(--space-8);padding:var(--space-20)}.timeline-section{padding:clamp(3rem,6vw,4rem) 0}.timeline-container{padding:0 var(--space-8)}.timeline-container:before{left:20px}.timeline-item{margin-bottom:var(--space-24)}.timeline-marker{margin-right:var(--space-16)}.timeline-dot{width:40px;height:40px}.timeline-dot:before{width:12px;height:12px}.timeline-line{top:40px;height:calc(100% + var(--space-24))}.timeline-content{padding-top:var(--space-4)}}@media (max-width: 480px){.profile-section{padding:var(--space-16)}.profile-placeholder{width:160px;height:160px}.mission-card{margin:0 var(--space-4);padding:var(--space-16)}.timeline-container{padding:0 var(--space-4)}.timeline-container:before{left:15px}.timeline-dot{width:30px;height:30px}.timeline-dot:before{width:8px;height:8px}.timeline-line{top:30px}}[data-theme=dark] .mission-statement-section{background:rgba(42,42,42,.8);border-color:rgba(148,163,184,.3)}[data-theme=dark] .mission-card{background:rgba(51,51,51,.9);border-color:rgba(148,163,184,.35)}[data-theme=dark] .timeline-section{background:var(--bg-canvas)}[data-theme=dark] .timeline-container:before{background:linear-gradient(180deg,rgba(148,163,184,.6),rgba(148,163,184,.4))}[data-theme=dark] .timeline-dot{background:rgba(148,163,184,.8);border-color:var(--bg-canvas)}[data-theme=dark] .timeline-line{background:linear-gradient(180deg,rgba(148,163,184,.4),rgba(148,163,184,.3))}:root:not(.dark) .mission-statement-section{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.15)}:root:not(.dark) .mission-card{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .timeline-container:before{background:linear-gradient(180deg,rgba(33,37,41,.6),rgba(108,117,125,.6))}:root:not(.dark) .timeline-dot{background:linear-gradient(135deg,var(--color-neutral-900),var(--color-neutral-700));border-color:var(--color-neutral-0)}:root:not(.dark) .timeline-line{background:linear-gradient(180deg,rgba(33,37,41,.3),rgba(108,117,125,.3))}.six-box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(var(--space-24),3vw,var(--space-32));max-width:1400px;margin:0 auto;padding:clamp(var(--space-24),4vw,var(--space-48)) clamp(var(--space-16),4vw,var(--space-32));box-sizing:border-box;width:100%;overflow:hidden;container-type:inline-size;align-items:stretch}.capability-box{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);padding:clamp(var(--space-24),4vw,var(--space-32));text-align:center;transition:all var(--transition-slow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-default);min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%}.capability-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--interactive-default-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--interactive-default-rgb),.6));opacity:0;transition:opacity var(--transition-base)}.capability-box:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--interactive-default-rgb),.3);transform:translateY(-8px);box-shadow:var(--shadow-elevated)}.capability-box:hover:before{opacity:1}.capability-box-icon{font-size:3rem;margin-bottom:var(--space-16);display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.capability-box-title{font-family:var(--font-family-display);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-12);line-height:1.3}.capability-box-description{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;flex-grow:1;text-align:center}.capabilities-section{padding:clamp(4rem,8vw,6rem) 0;background:var(--bg-canvas);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.capabilities-section .section-header{text-align:center;max-width:800px;margin:0 auto var(--space-32);padding:0 var(--space-16)}.capabilities-section .section-lead,.products-content .section-lead,.solutions-content .section-lead{text-align:center!important}.capabilities-section .section-title{font-family:var(--font-family-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2}.capabilities-section .section-description{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.6;margin:0;text-align:justify}.process-diagram-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.05),rgba(var(--accent-secondary-rgb),.05));border-top:1px solid rgba(var(--border-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.process-diagram{display:flex;justify-content:center;align-items:center;gap:var(--space-32);max-width:1000px;margin:0 auto;padding:0 var(--space-16);flex-wrap:wrap}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:1;min-width:200px;max-width:250px}.process-step-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-secondary),var(--interactive-default));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-16);box-shadow:var(--shadow-elevated);transition:all var(--transition-base);position:relative;z-index:2;border:2px solid rgba(255,255,255,.2)}.process-step:hover .process-step-circle{transform:scale(1.1);box-shadow:var(--shadow-elevated),0 0 30px rgba(var(--accent-secondary-rgb),.3)}.process-step-number{font-family:var(--font-family-display);font-size:1.75rem;font-weight:var(--weight-bold);color:#fff}.process-step-content{padding:0 var(--space-8);text-align:center}.process-step-title{font-family:var(--font-family-display);font-size:clamp(1.125rem,3vw,1.375rem);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8)}.process-step-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0;text-align:center}.process-arrow{position:absolute;right:-2.5rem;top:2rem;font-size:2rem;color:var(--interactive-default);font-weight:var(--weight-bold);opacity:.6;z-index:1}@media (max-width: 1024px){.six-box-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-20);padding:0 var(--space-12)}}@media (max-width: 768px){.six-box-grid{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-12);max-width:100%}.capability-box{padding:var(--space-20);min-height:180px;margin:0;max-width:100%}.capability-box-icon{font-size:2.5rem;margin-bottom:var(--space-12)}.process-diagram{gap:var(--space-24)}.process-step{min-width:160px}.process-arrow{display:none}.process-diagram-section{padding:clamp(3rem,6vw,4rem) 0}}@media (max-width: 480px){.six-box-grid{padding:0 var(--space-8);gap:var(--space-12)}.capability-box{padding:var(--space-16);min-height:160px;max-width:100%}.capability-box-icon{font-size:2rem}.process-step-circle{width:60px;height:60px}.process-step-number{font-size:1.25rem}.process-arrow{font-size:1.5rem}}[data-theme=dark] .capability-box{background:rgba(42,42,42,.8);border-color:rgba(148,163,184,.3)}[data-theme=dark] .capability-box:hover{background:rgba(51,51,51,.95);border-color:rgba(148,163,184,.5)}[data-theme=dark] .process-diagram-section{background:rgba(28,28,28,.7);border-color:rgba(148,163,184,.2)}[data-theme=dark] .process-step-circle{background:rgba(148,163,184,.8)}[data-theme=dark] .process-step-title{color:#1a1a1a}[data-theme=dark] .process-step-description{color:#2d2d2d}[data-theme=dark] .process-arrow{color:#94a3b8}:root:not(.dark) .capability-box{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .capability-box:hover{background:#fff;border-color:rgba(33,37,41,.3)}:root:not(.dark) .process-diagram-section{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.15)}:root:not(.dark) .process-step-circle{background:linear-gradient(135deg,#212529,#495057)}:root:not(.dark) .process-arrow{color:#212529}.agent-steps-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.05),rgba(var(--interactive-default-rgb),.05));border-top:1px solid rgba(var(--border-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.agent-steps-diagram{display:flex;justify-content:center;align-items:center;gap:var(--space-32);max-width:1000px;margin:0 auto;padding:0 var(--space-16);flex-wrap:wrap}.agent-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:1;min-width:200px;max-width:250px}.agent-step-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-secondary),var(--interactive-default));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-16);box-shadow:var(--shadow-elevated);transition:all var(--transition-base);position:relative;z-index:2;border:2px solid rgba(255,255,255,.2)}.agent-step:hover .agent-step-circle{transform:scale(1.1);box-shadow:var(--shadow-elevated),0 0 30px rgba(var(--accent-secondary-rgb),.3)}.agent-step-number{font-size:1.75rem;font-weight:var(--weight-bold);color:#fff;font-family:var(--font-family-display)}.agent-step-content{padding:0 var(--space-8)}.agent-step-title{font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-8);font-family:var(--font-family-display)}.agent-step-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0;text-align:center}.agent-arrow{position:absolute;right:-2.5rem;top:2rem;font-size:2rem;color:var(--accent-secondary);font-weight:var(--weight-bold);opacity:.6;z-index:1}@media (max-width: 768px){.agent-steps-section{padding:clamp(3rem,6vw,4rem) 0}.agent-steps-diagram{gap:var(--space-24)}.agent-step{min-width:160px}.agent-arrow{display:none}}@media (max-width: 480px){.agent-step-circle{width:60px;height:60px}.agent-step-number{font-size:1.25rem}}[data-theme=dark] .agent-steps-section{background:linear-gradient(135deg,rgba(148,163,184,.1),rgba(148,163,184,.1));border-color:rgba(148,163,184,.2)}[data-theme=dark] .agent-step-circle{background:linear-gradient(135deg,#8b5cf6,#94a3b8);border-color:rgba(255,255,255,.1)}[data-theme=dark] .agent-arrow{color:#8b5cf6}:root:not(.dark) .agent-steps-section{background:linear-gradient(135deg,rgba(108,117,125,.05),rgba(33,37,41,.05));border-color:rgba(108,117,125,.15)}:root:not(.dark) .agent-step-circle{background:linear-gradient(135deg,#495057,#212529);border-color:rgba(255,255,255,.3)}:root:not(.dark) .agent-arrow{color:#495057}.solutions-case-study-section{padding:clamp(3.5rem,7vw,6rem) clamp(1.5rem,5vw,3rem);background:radial-gradient(circle at 12% 18%,rgba(var(--interactive-default-rgb),.16),rgba(var(--accent-secondary-rgb),.06) 60%,rgba(var(--bg-content-rgb),.02));border-top:1px solid rgba(var(--border-rgb),.12);border-bottom:1px solid rgba(var(--border-rgb),.12)}.case-study-visual{max-width:960px;margin:0 auto;padding:clamp(var(--space-24),5vw,var(--space-32));text-align:center;background:rgba(var(--bg-content-rgb),.94);border-radius:var(--radius-xl);border:1px solid rgba(var(--border-rgb),.18);box-shadow:0 24px 36px rgba(28,28,28,.12);position:relative;overflow:hidden}.case-study-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}.case-study-visual .case-study-title{font-family:var(--font-family-display);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2}.case-study-visual .case-study-description{font-size:clamp(1.02rem,2.1vw,1.22rem);color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-28);text-align:justify}.case-study-visual .case-study-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(var(--space-16),4vw,var(--space-24));margin-top:var(--space-32)}.case-study-visual .case-study-metric{background:linear-gradient(160deg,rgba(var(--bg-content-rgb),.9),rgba(var(--interactive-default-rgb),.08));border:1px solid rgba(var(--border-rgb),.18);border-radius:var(--radius-xl);padding:clamp(var(--space-20),4vw,var(--space-26));transition:all var(--transition-base);position:relative;overflow:hidden}.case-study-visual .case-study-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--interactive-default),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.case-study-visual .case-study-metric:hover{background:linear-gradient(160deg,rgba(var(--interactive-default-rgb),.12),rgba(var(--accent-secondary-rgb),.16));border-color:rgba(var(--interactive-default-rgb),.35);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.case-study-visual .case-study-metric:hover:before{opacity:1}.case-study-visual .metric-value{font-family:var(--font-family-display);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:var(--weight-bold);color:var(--interactive-default);margin-bottom:var(--space-12);line-height:1;letter-spacing:var(--tracking-tight)}.case-study-visual .metric-label{font-size:clamp(.95rem,2vw,1.05rem);color:var(--text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);line-height:1.4}@media (max-width: 768px){.solutions-case-study-section{padding:clamp(2.5rem,6vw,3.5rem) clamp(1rem,4vw,2rem)}.case-study-visual{padding:clamp(var(--space-20),6vw,var(--space-24))}.case-study-visual .case-study-metrics{grid-template-columns:1fr}}[data-theme=dark] .solutions-case-study-section{background:radial-gradient(circle at 18% 22%,rgba(68,68,68,.3),rgba(42,42,42,.7));border-color:rgba(148,163,184,.2)}[data-theme=dark] .case-study-visual{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.12)}[data-theme=dark] .case-study-visual .case-study-metric{background:linear-gradient(160deg,#f8f8f8,#f2f2f2);border-color:rgba(0,0,0,.12)}[data-theme=dark] .case-study-visual .case-study-metric:hover{background:linear-gradient(160deg,#444,#555);border-color:rgba(0,0,0,.25)}[data-theme=dark] .case-study-title,[data-theme=dark] .case-study-visual .case-study-title{color:#000}[data-theme=dark] .case-study-description,[data-theme=dark] .case-study-visual .case-study-description{color:#444}[data-theme=dark] .case-study-visual .metric-value{color:#1a1a1a}[data-theme=dark] .case-study-visual .metric-label{color:#555}[data-theme=dark] .case-study-visual .case-study-metric:hover .metric-value,[data-theme=dark] .case-study-visual .case-study-metric:hover .metric-label{color:#fff}[data-theme=dark] .case-study-metric .metric-value{color:#1a1a1a}[data-theme=dark] .case-study-metric .metric-label{color:#555}[data-theme=dark] .case-study-metric:hover .metric-value,[data-theme=dark] .case-study-metric:hover .metric-label{color:#fff}:root:not(.dark) .solutions-case-study-section{background:linear-gradient(135deg,rgba(248,249,250,.8),rgba(255,255,255,.9));border-color:rgba(108,117,125,.15)}:root:not(.dark) .case-study-visual .case-study-metric{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .case-study-visual .case-study-metric:hover{background:#fff;border-color:rgba(33,37,41,.3)}.insights-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-24);margin:var(--space-32) 0;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 var(--space-16)}.insight-quote-block{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);padding:var(--space-24);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-default);transition:all var(--transition-slow)}.insight-quote-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--interactive-default-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--interactive-default-rgb),.6));opacity:0;transition:opacity var(--transition-base)}.insight-quote-block:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--interactive-default-rgb),.3);transform:translateY(-8px);box-shadow:var(--shadow-elevated)}.insight-quote-block:hover:before{opacity:1}.insight-quote{font-family:var(--font-family-display);font-size:clamp(1.125rem,3vw,1.375rem);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.4;margin:0 0 var(--space-16) 0;font-style:italic;position:relative}.insight-quote:before{content:'"';font-size:4rem;color:var(--interactive-default);position:absolute;top:-20px;left:-10px;opacity:.3;font-family:serif}.insight-context{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.trends-infographic{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-24);margin:var(--space-32) 0;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 var(--space-16)}.trend-card{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);padding:var(--space-24);text-align:center;transition:all var(--transition-slow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-default)}.trend-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--interactive-default-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--interactive-default-rgb),.6));opacity:0;transition:opacity var(--transition-base)}.trend-card:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--interactive-default-rgb),.3);transform:translateY(-8px);box-shadow:var(--shadow-elevated)}.trend-card:hover:before{opacity:1}.trend-icon{font-size:3rem;margin-bottom:var(--space-16);display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.trend-title{font-family:var(--font-family-display);font-size:clamp(1.125rem,3vw,1.375rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-12);line-height:1.3}.trend-description{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}.vision-banner-section{padding:clamp(4rem,8vw,6rem) 0;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.08),rgba(var(--accent-secondary-rgb),.08));border-top:1px solid rgba(var(--border-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1);margin-top:var(--space-32)}.vision-banner{max-width:800px;margin:0 auto;padding:0 var(--space-16);text-align:center}.vision-title{font-family:var(--font-family-display);font-size:clamp(2rem,5vw,3rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2;letter-spacing:var(--tracking-tight)}.vision-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);color:var(--interactive-default);font-weight:var(--weight-semibold);margin-bottom:var(--space-24);line-height:1.4}.vision-body{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.7;margin:0;text-align:justify}@media (max-width: 768px){.insights-quotes{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-8)}.insight-quote-block{padding:var(--space-20)}.trends-infographic{grid-template-columns:1fr;gap:var(--space-16);padding:0 var(--space-8)}.trend-card{padding:var(--space-20)}.vision-banner{padding:0 var(--space-8)}.vision-banner-section{padding:clamp(3rem,6vw,4rem) 0}}@media (max-width: 480px){.insight-quote-block,.trend-card{padding:var(--space-16)}.trend-icon{font-size:2.5rem;margin-bottom:var(--space-12)}}[data-theme=dark] .insight-quote-block{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.2)}[data-theme=dark] .insight-quote-block:hover{background:rgba(42,42,42,.35);border-color:rgba(148,163,184,.4)}[data-theme=dark] .trend-card{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.2)}[data-theme=dark] .trend-card:hover{background:rgba(42,42,42,.35);border-color:rgba(148,163,184,.4)}[data-theme=dark] .vision-banner-section{background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(148,163,184,.12));border-color:rgba(148,163,184,.2)}:root:not(.dark) .insight-quote-block{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .insight-quote-block:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3)}:root:not(.dark) .trend-card{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .trend-card:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3)}:root:not(.dark) .vision-banner-section{background:linear-gradient(135deg,rgba(248,249,250,.9),rgba(255,255,255,.95));border-color:rgba(108,117,125,.15)}.contact-header-section{text-align:center;padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.05),rgba(var(--accent-secondary-rgb),.05));border-bottom:1px solid rgba(var(--border-rgb),.1)}.contact-main-title{font-family:var(--font-family-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);margin-left:auto;margin-right:auto;line-height:1.1;letter-spacing:var(--tracking-tight);padding:0 var(--space-16)}.contact-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);color:var(--interactive-default);font-weight:var(--weight-semibold);margin-bottom:var(--space-20);margin-left:auto;margin-right:auto;line-height:1.4;padding:0 var(--space-16)}.contact-lead{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.6;margin:0 auto;padding:0 var(--space-16);text-align:justify}.contact-closing-banner{padding:clamp(3rem,6vw,5rem) var(--space-16);background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.08),rgba(var(--accent-secondary-rgb),.08));border-top:1px solid rgba(var(--border-rgb),.1);text-align:center;margin-top:var(--space-32);max-width:1200px;margin-left:auto;margin-right:auto}.closing-banner-title{font-family:var(--font-family-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-20);margin-left:auto;margin-right:auto;line-height:1.2;letter-spacing:var(--tracking-tight);padding:0 var(--space-16);text-align:center}.closing-banner-description{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.6;margin:0 auto;padding:0 var(--space-16);text-align:justify}.contact-form{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-xl);padding:var(--space-32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-default)}.contact-form h2{font-family:var(--font-family-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-24);text-align:left}.form-group{margin-bottom:var(--space-20)}.form-group label{display:block;font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-8);font-size:var(--text-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-12) var(--space-16);border:2px solid rgba(var(--border-rgb),.2);border-radius:var(--radius-lg);background:rgba(var(--bg-content-rgb),.8);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--interactive-default);background:rgba(var(--bg-content-rgb),.95);box-shadow:0 0 0 3px rgba(var(--interactive-default-rgb),.1)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.submit-button{width:100%;padding:var(--space-16) var(--space-24);background:linear-gradient(135deg,var(--interactive-default),var(--accent-secondary));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{color:var(--color-danger-500);font-size:var(--text-sm);margin-top:var(--space-4);display:none}.error-message.show{display:block}@media (max-width: 768px){.contact-header-section{padding:clamp(2rem,4vw,3rem) 0}.contact-lead,.closing-banner-title,.closing-banner-description{padding:0 var(--space-8)}.contact-form{padding:var(--space-24)}.contact-closing-banner{padding:clamp(2rem,4vw,3rem) 0}}@media (max-width: 480px){.contact-form{padding:var(--space-20)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-10) var(--space-12)}.submit-button{padding:var(--space-14) var(--space-20)}}[data-theme=dark] .contact-header-section{background:linear-gradient(135deg,rgba(148,163,184,.08),rgba(148,163,184,.08));border-color:rgba(148,163,184,.2)}[data-theme=dark] .contact-form{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.2)}[data-theme=dark] .contact-closing-banner{background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(148,163,184,.12));border-color:rgba(148,163,184,.2)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:rgba(42,42,42,.3);border-color:rgba(148,163,184,.2);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:rgba(42,42,42,.5);border-color:rgba(148,163,184,.6)}[data-theme=dark] .submit-button{color:#fff}:root:not(.dark) .contact-header-section{background:linear-gradient(135deg,rgba(248,249,250,.9),rgba(255,255,255,.95));border-color:rgba(108,117,125,.15)}:root:not(.dark) .contact-form{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .contact-closing-banner{background:linear-gradient(135deg,rgba(248,249,250,.9),rgba(255,255,255,.95));border-color:rgba(108,117,125,.15)}:root:not(.dark) .form-group input,:root:not(.dark) .form-group select,:root:not(.dark) .form-group textarea{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2);color:var(--text-primary)}:root:not(.dark) .form-group input:focus,:root:not(.dark) .form-group select:focus,:root:not(.dark) .form-group textarea:focus{background:var(--bg-canvas);border-color:rgba(33,37,41,.4)}.content-block{margin-bottom:var(--space-24)}.content-block+.content-block{margin-top:var(--space-24)}.content-spacer,.content-spacer--large{height:var(--space-32)}.content-title{font-family:var(--font-family-display);font-size:clamp(var(--text-xl),4vw,var(--text-4xl));font-weight:var(--weight-semibold);color:var(--text-default);margin-bottom:var(--space-16);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);max-width:35ch}:root:not(.dark) .content-title{color:var(--text-default)}[data-theme=dark] .content-title{color:var(--text-default)}.content-subtitle{font-family:var(--font-family-display);font-size:clamp(var(--text-lg),3vw,var(--text-2xl));font-weight:var(--weight-medium);color:var(--text-default);margin-bottom:var(--space-12);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}:root:not(.dark) .content-subtitle{color:var(--text-default)}[data-theme=dark] .content-subtitle{color:var(--text-default)}.content-lead{font-family:var(--font-family-body);font-size:clamp(1.125rem,2.5vw,1.25rem);color:var(--text-muted);margin-bottom:var(--space-24);line-height:1.6;letter-spacing:.005em;text-align:justify}.content-text{font-family:var(--font-family-body);font-size:clamp(1rem,2vw,1.125rem);color:var(--text-default);line-height:1.7;margin-bottom:var(--space-16);text-align:justify;letter-spacing:.01em}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-16);align-items:start;margin:var(--space-24) 0}.content-grid--narrow{gap:var(--space-12)}.content-grid--wide{gap:var(--space-24)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (max-width: 768px){.content-grid{grid-template-columns:1fr;gap:var(--space-12)}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{grid-column:span 1}}.intro-section{margin:var(--space-24) 0 var(--space-32) 0;padding:0 var(--space-4)}.about-intro{margin:var(--space-24) 0 var(--space-32) 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(var(--space-16),3vw,var(--space-32));margin:var(--space-32) 0}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(var(--space-16),3vw,var(--space-32));margin:var(--space-32) 0}.methodology-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);transition:var(--transition-base);position:relative;overflow:hidden}.methodology-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--interactive-default),var(--color-secondary-500));opacity:0;transition:opacity var(--transition-base)}.methodology-card:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.methodology-card:hover:before{opacity:1}.service-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8)}.service-icon{font-size:var(--text-2xl);background:var(--bg-accent);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-accent)}.feature-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);transition:var(--transition-base)}.feature-card:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-default)}.feature-card h3{font-family:var(--font-family-body);font-size:clamp(var(--text-lg),2.5vw,var(--text-xl));font-weight:var(--weight-semibold);color:var(--text-default);margin-bottom:var(--space-8);line-height:var(--leading-tight)}:root:not(.dark) .feature-card h3{color:var(--text-default)}[data-theme=dark] .feature-card h3{color:var(--text-default)}.feature-card p{color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;font-size:clamp(var(--text-sm),2vw,var(--text-base));max-width:45ch}.cta-section{text-align:center;margin:var(--space-32) 0 var(--space-24) 0;padding:var(--space-24);background:var(--bg-accent);border-radius:var(--radius-lg);border:1px solid var(--border-accent)}.content-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-24);padding:var(--space-32) var(--space-16);background:rgba(var(--bg-content-rgb),.02);border-top:1px solid rgba(var(--border-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.content-metric{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2rem);transition:all var(--transition-base);position:relative;overflow:hidden;text-align:center}.content-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--interactive-default),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.content-metric:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--interactive-default),.3);transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.content-metric:hover:before{opacity:1}.content-metric-value{font-family:var(--font-family-display);font-size:clamp(2rem,5vw,3rem);font-weight:var(--weight-bold);color:var(--interactive-default);margin-bottom:var(--space-8);line-height:1;display:block}.content-metric-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0;line-height:1.4}.home-cta-section,.capabilities-cta-section{background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.05),rgba(var(--accent-secondary-rgb),.05));border:2px solid rgba(var(--interactive-default-rgb),.1);border-radius:var(--radius-xl);padding:clamp(2rem,5vw,4rem);margin:clamp(3rem,6vw,5rem) 0;text-align:center;position:relative;overflow:hidden}.home-cta-section:before,.capabilities-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.02),rgba(var(--accent-secondary-rgb),.02));z-index:-1}.contact-header{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.contact-title{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2}.contact-lead{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.contact-cta{display:inline-flex;align-items:center;gap:var(--space-8);background:var(--interactive-default);color:var(--text-inverse);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-md);font-size:clamp(.9rem,2vw,1.1rem);font-weight:var(--weight-semibold);text-decoration:none;transition:all var(--transition-base);border:2px solid var(--interactive-default);position:relative;overflow:hidden}.contact-cta:after{content:"→";font-size:1.2em;transition:transform var(--transition-base)}.contact-cta:hover{background:var(--interactive-hover);border-color:var(--interactive-hover);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.contact-cta:hover:after{transform:translate(4px)}@media (max-width: 768px){.content-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.content-metric{padding:1.5rem;text-align:center}.content-metric-value{font-size:clamp(1.75rem,6vw,2.5rem)}.home-cta-section,.capabilities-cta-section{padding:2rem 1.5rem;margin:2rem 0}.contact-title{font-size:clamp(1.25rem,5vw,2rem)}.contact-cta{padding:.75rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.content-metrics{grid-template-columns:1fr;gap:1rem}.content-metric{padding:1.25rem}}[data-theme=dark] .content-metric{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.2)}[data-theme=dark] .content-metric:hover{background:rgba(42,42,42,.35);border-color:rgba(148,163,184,.4)}[data-theme=dark] .content-metric-value{color:var(--accent-secondary)}[data-theme=dark] .home-cta-section,[data-theme=dark] .capabilities-cta-section{background:linear-gradient(135deg,rgba(148,163,184,.08),rgba(148,163,184,.08));border-color:rgba(148,163,184,.2)}:root:not(.dark) .content-metric{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.2)}:root:not(.dark) .content-metric:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3)}:root:not(.dark) .content-metric-value{color:#212529}:root:not(.dark) .home-cta-section,:root:not(.dark) .capabilities-cta-section{background:linear-gradient(135deg,rgba(248,249,250,.8),rgba(255,255,255,.9));border-color:rgba(108,117,125,.2)}:root:not(.dark) .contact-title{color:var(--text-default)}:root:not(.dark) .contact-lead{color:var(--text-muted)}.values-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.value-item{padding:1.5rem;background:rgba(var(--bg-content-rgb),.03);border-radius:12px;border:1px solid rgba(var(--border-rgb),.2)}.value-item h3{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-default);margin-bottom:var(--space-8)}.value-item p{color:var(--text-muted);line-height:var(--leading-relaxed);margin:0;font-size:var(--text-sm)}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-24);margin:var(--space-32) 0;padding:0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.capability-card{background:var(--bg-subtle);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);transition:var(--transition-slow);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);max-width:100%;width:100%;box-sizing:border-box;word-wrap:break-word;word-break:break-word;hyphens:auto;contain:layout style}.capability-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--accent-secondary-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--accent-secondary-rgb),.6));opacity:0;transition:opacity .3s ease}.capability-card:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--accent-secondary-rgb),.4);transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1)}.capability-card:hover:before{opacity:1}.capability-card:focus{outline:none;border-color:rgba(var(--accent-secondary-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-secondary-rgb),.2),0 12px 40px rgba(0,0,0,.15)}.capability-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.capability-icon{font-size:2.5rem;background:rgba(var(--accent-secondary-rgb),.1);padding:1rem;border-radius:16px;border:2px solid rgba(var(--accent-secondary-rgb),.2);transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.capability-card:hover .capability-icon{background:rgba(var(--accent-secondary-rgb),.2);border-color:rgba(var(--accent-secondary-rgb),.4);transform:scale(1.05)}.capability-header h3{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-default);margin:0;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;hyphens:auto;max-width:100%;flex:1;min-width:0}:root:not(.dark) .capability-header h3{color:var(--text-default)}[data-theme=dark] .capability-header h3{color:var(--text-default)}.capability-content{margin-left:0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.capability-content p{font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0;word-wrap:break-word;word-break:break-word;hyphens:auto;overflow-wrap:break-word}[data-theme=dark] .capability-card{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.3);box-shadow:0 4px 20px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1)}[data-theme=dark] .capability-card:hover{background:rgba(42,42,42,.35);border-color:rgba(var(--accent-secondary-rgb),.5);box-shadow:0 12px 40px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2)}[data-theme=dark] .capability-card:before{background:linear-gradient(90deg,rgba(var(--accent-secondary-rgb),.6),rgba(var(--accent-secondary-rgb),.8),rgba(var(--accent-secondary-rgb),.6))}[data-theme=dark] .capability-header h3{color:var(--text-primary)}[data-theme=dark] .capability-content p{color:var(--text-default);opacity:1}[data-theme=dark] .capability-icon{background:rgba(var(--accent-secondary-rgb),.15);border-color:rgba(var(--accent-secondary-rgb),.3)}[data-theme=dark] .capability-card:hover .capability-icon{background:rgba(var(--accent-secondary-rgb),.25);border-color:rgba(var(--accent-secondary-rgb),.5)}:root:not(.dark) .capability-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .capability-card:hover{background:var(--bg-canvas);border-color:rgba(var(--accent-primary-rgb),.3);box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.1)}:root:not(.dark) .capability-card:before{background:linear-gradient(90deg,rgba(var(--accent-rgb),.6),rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),.6))}:root:not(.dark) .capability-content p{color:var(--text-secondary);opacity:1}:root:not(.dark) .capability-icon{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.15)}:root:not(.dark) .capability-card:hover .capability-icon{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.25)}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:2rem 0}.approach-item{background:rgba(var(--bg-content-rgb),.04);border:2px solid rgba(var(--border-rgb),.15);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.approach-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--brand-cyan-rgb),.3);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}.approach-icon{font-size:2rem;margin-bottom:1rem;display:block}.approach-item h3{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-default);margin:0 0 var(--space-8) 0;line-height:var(--leading-snug)}.approach-item p{font-family:var(--font-family-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0}[data-theme=dark] .approach-item{background:rgba(42,42,42,.15);border-color:rgba(148,163,184,.2)}[data-theme=dark] .approach-item:hover{background:rgba(42,42,42,.25);border-color:rgba(var(--accent-secondary-rgb),.4)}[data-theme=dark] .approach-item h3{color:var(--text-primary)}[data-theme=dark] .approach-item p{color:#e2e8f0;opacity:1}:root:not(.dark) .approach-item{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .approach-item:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.25)}:root:not(.dark) .approach-item h3{color:var(--text-default)}:root:not(.dark) .approach-item p{color:#495057;opacity:1}.approach-timeline{position:relative;padding-left:var(--space-32)}.approach-timeline:before{content:"";position:absolute;left:var(--space-8);top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--interactive-default),var(--color-secondary-500))}.approach-step{position:relative;margin-bottom:var(--space-24);background:var(--bg-canvas);border-radius:var(--radius-md);padding:var(--space-20);border:1px solid var(--border-default);transition:all var(--transition-base);box-shadow:0 2px 8px rgba(0,0,0,.06);border-left:4px solid var(--interactive-default)}.approach-step:before{content:"";position:absolute;left:calc(-1 * var(--space-32) - 6px);top:var(--space-16);width:16px;height:16px;background:var(--interactive-default);border-radius:50%;border:3px solid var(--bg-canvas);z-index:1}.approach-step:hover{transform:translate(var(--space-4));box-shadow:var(--shadow-default);border-color:var(--border-accent)}.approach-number{background:var(--interactive-default);color:var(--text-inverse);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-base);margin-bottom:var(--space-12);box-shadow:0 2px 6px rgba(0,0,0,.15);font-family:var(--font-family-display)}.approach-title{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-default);margin-bottom:var(--space-8)}.approach-body{font-family:var(--font-family-body);font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin:0}@media (max-width: 768px){.capabilities-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.capability-card{padding:1.5rem}.capability-header{gap:1rem;margin-bottom:1rem}.capability-icon{width:3.5rem;height:3.5rem;font-size:2rem;padding:.75rem}.capability-header h3{font-size:1.2rem}.capability-content p{font-size:.95rem}.approach-grid{grid-template-columns:1fr;gap:1.5rem}.approach-item{padding:1.25rem}}@media (max-width: 480px){.capabilities-grid{gap:1rem;margin:1.5rem 0}.capability-card{padding:1.25rem;border-radius:12px}.capability-header{flex-direction:column;align-items:center;text-align:center;gap:.75rem}.capability-icon{width:3rem;height:3rem;font-size:1.75rem}.capability-header h3{font-size:1.1rem}.capability-content p{font-size:.9rem;text-align:center}.approach-item{padding:1rem}.approach-item h3{font-size:1.1rem}.approach-item p{font-size:.9rem}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.service-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2.5rem;transition:all var(--transition-base)}.service-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-6px)}.service-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem}.service-card h3{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-default);margin-bottom:var(--space-8);text-align:center}.service-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.service-card ul{list-style:none;padding:0;margin:0}.service-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.95rem}.service-card li:before{content:"✓";position:absolute;left:0;color:var(--accent-secondary);font-weight:700}.products-content{margin:0}.products-showcase{margin:3rem 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:2rem 0}.product-card{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2rem;transition:all var(--transition-base);position:relative;overflow:hidden}.product-card.featured{border:2px solid rgba(var(--accent-secondary-rgb),.4);background:rgba(var(--accent-secondary-rgb),.05)}.product-card.coming-soon{opacity:.8;border-style:dashed}.product-card:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-secondary-rgb),.3);transform:translateY(-3px)}.product-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.product-icon{font-size:2.5rem;flex-shrink:0}.product-title h2{font-family:var(--font-family-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.product-badge{background:rgba(var(--accent-secondary-rgb),.2);color:var(--accent-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.product-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.highlight{background:rgba(var(--accent-secondary-rgb),.1);padding:.5rem .75rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-primary)}.product-specs{margin-bottom:1.5rem}.product-specs h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(var(--bg-secondary-rgb),.8);color:var(--text-primary);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(var(--border-rgb),.3)}.product-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:auto}.product-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(var(--border-rgb),.2)}.specs-section{margin-bottom:1.5rem}.specs-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.specs-section ul{list-style:none;padding:0;margin:0}.specs-section li{padding:.5rem 0;border-bottom:1px solid rgba(var(--border-rgb),.1);color:var(--text-secondary)}.specs-section li:before{content:"▸ ";color:var(--accent-secondary);font-weight:700}.products-footer{margin:4rem 0 2rem;padding:3rem 0;border-top:2px solid rgba(var(--border-rgb),.2)}.products-footer h2{font-family:var(--font-family-display);font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.value-prop{text-align:center;padding:1.5rem}.value-prop h3{font-family:var(--font-family-display);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.value-prop p{color:var(--text-secondary);line-height:1.6}[data-theme=dark] .product-card{background:rgba(42,42,42,.3);border-color:rgba(148,163,184,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .product-card:hover{background:rgba(42,42,42,.5);border-color:rgba(148,163,184,.4);box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-theme=dark] .product-card.featured{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.4);box-shadow:0 6px 20px rgba(148,163,184,.2)}[data-theme=dark] .product-card.featured:hover{border-color:rgba(148,163,184,.6);box-shadow:0 12px 32px rgba(148,163,184,.3)}[data-theme=dark] .product-title h2,[data-theme=dark] .product-title h3{color:var(--text-default)}[data-theme=dark] .product-description{color:var(--text-muted)}[data-theme=dark] .product-badge{background:rgba(148,163,184,.2);color:#60a5fa}[data-theme=dark] .highlight{background:rgba(148,163,184,.15);color:#e2e8f0}[data-theme=dark] .product-specs h4{color:var(--text-default)}[data-theme=dark] .tech-tag{background:rgba(42,42,42,.5);color:#94a3b8;border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .products-footer h2,[data-theme=dark] .value-prop h3{color:#e2e8f0}[data-theme=dark] .value-prop p{color:#94a3b8}:root:not(.dark) .product-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.3);box-shadow:0 4px 12px rgba(0,0,0,.08)}:root:not(.dark) .product-card:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.4);box-shadow:0 8px 24px rgba(0,0,0,.12)}:root:not(.dark) .product-card.featured{background:rgba(255,255,255,.98);border-color:rgba(33,37,41,.5);box-shadow:0 6px 20px rgba(0,0,0,.1)}:root:not(.dark) .product-card.featured:hover{border-color:rgba(33,37,41,.7);box-shadow:0 12px 32px rgba(0,0,0,.15)}:root:not(.dark) .product-title h2{color:var(--text-default)}:root:not(.dark) .product-description{color:var(--text-muted)}:root:not(.dark) .product-badge{background:#212529;color:#fff}:root:not(.dark) .highlight{background:rgba(248,249,250,.8);border:1px solid rgba(108,117,125,.2);color:#495057}:root:not(.dark) .product-specs h4{color:#212529}:root:not(.dark) .tech-tag{background:#e9ecef;color:#495057;border:1px solid rgba(108,117,125,.2)}:root:not(.dark) .value-prop{background:rgba(255,255,255,.9);border:1px solid rgba(108,117,125,.2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}:root:not(.dark) .value-prop:hover{background:var(--bg-canvas);border-color:rgba(33,37,41,.3);box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}:root:not(.dark) .value-prop h3{color:var(--text-default)}:root:not(.dark) .value-prop p{color:var(--text-muted)}:root:not(.dark) .products-footer h2{color:#212529}.about-section h2:last-of-type{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem 2rem;margin:3rem 0 2rem;position:relative;overflow:hidden}.about-section h2:last-of-type:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--brand-cyan-rgb),.6),rgba(var(--brand-cyan-rgb),.8),rgba(var(--brand-cyan-rgb),.6))}:root:not(.dark) .about-section h2:last-of-type{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.3);color:#212529;box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .about-section h2:last-of-type:before{background:linear-gradient(90deg,rgba(33,37,41,.6),rgba(33,37,41,.8),rgba(33,37,41,.6))}[data-theme=dark] .about-section h2:last-of-type{background:rgba(42,42,42,.2);border-color:rgba(148,163,184,.3);color:var(--text-primary);box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .about-section h2:last-of-type:before{background:linear-gradient(90deg,rgba(var(--brand-cyan-rgb),.6),rgba(var(--brand-cyan-rgb),.8),rgba(var(--brand-cyan-rgb),.6))}.about-section h2:last-of-type+p{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.15);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.about-section h2:last-of-type+p+p{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.15);border-radius:8px;padding:1.5rem;margin:1.5rem 0}:root:not(.dark) .about-section h2:last-of-type+p,:root:not(.dark) .about-section h2:last-of-type+p+p{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2);color:#495057;box-shadow:0 1px 4px rgba(0,0,0,.04)}[data-theme=dark] .about-section h2:last-of-type+p,[data-theme=dark] .about-section h2:last-of-type+p+p{background:rgba(42,42,42,.15);border-color:rgba(148,163,184,.2);color:#e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0;padding:0 var(--space-16);max-width:1200px;margin-left:auto;margin-right:auto}.contact-info{text-align:left}.contact-info h2{margin-bottom:1.5rem;text-align:left}.contact-info>p{text-align:left;line-height:1.6;margin-bottom:var(--space-16)}.contact-methods{margin-top:2rem}.contact-method{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:rgba(var(--bg-content-rgb),.03);border-radius:12px;border:1px solid rgba(var(--border-rgb),.2)}.contact-icon{font-size:1.5rem;width:2.5rem;text-align:center;flex-shrink:0}.contact-details h3{font-family:var(--font-family-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.contact-details p{margin:0 0 .25rem;color:var(--text-secondary);font-size:.95rem}.contact-details p:last-child{font-size:.85rem;opacity:.8}.contact-method--gif{padding:0;overflow:hidden;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.contact-gif{width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}@media (max-width: 768px){.contact-method--gif{min-height:150px}}@media (max-width: 480px){.contact-method--gif{min-height:120px}}[data-theme=dark] .contact-method--gif{background:rgba(42,42,42,.15);border-color:rgba(148,163,184,.3)}[data-theme=dark] .contact-method--gif:hover{border-color:rgba(148,163,184,.4)}:root:not(.dark) .contact-method--gif{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.25)}:root:not(.dark) .contact-method--gif:hover{border-color:rgba(33,37,41,.3)}:root:not(.dark) .contact-content{color:#212529}:root:not(.dark) .contact-content h1{color:#212529}:root:not(.dark) .contact-content h2{color:#212529}:root:not(.dark) .contact-content p{color:#495057}:root:not(.dark) .contact-content .lead{color:#495057}:root:not(.dark) .contact-method{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .contact-method:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 4px 16px rgba(0,0,0,.1)}:root:not(.dark) .contact-details h3{color:#212529}:root:not(.dark) .contact-details p{color:#495057}.main-content>section:not(:first-child),.about-content>section:not(:first-child),.products-content>section:not(:first-child),.perspective-content>section:not(:first-child){margin-top:0}.section-header{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-16);padding-right:var(--space-16);text-align:center}.section-title,.timeline-title,.category-title{text-align:center;font-family:var(--font-family-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:1.2}.section-lead{text-align:center;font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-32)}.metadata-title{font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-12);text-align:left}.feature-card,.pillar-card,.capability-box,.product-card,.perspective-card,.approach-item{text-align:left}.hero-content,.mission-card,.contact-header-section,.contact-closing-banner,.cta-section,.home-cta-section,.capabilities-cta-section{text-align:center}@media (min-width: 1024px){.case-study-section,.capabilities-section,.features-section{min-height:auto;display:flex;align-items:center;justify-content:center}.capability-box,.feature-card{min-height:280px}.perspective-card{min-height:420px}.six-box-grid{padding-top:clamp(var(--space-32),5vw,var(--space-48));padding-bottom:clamp(var(--space-32),5vw,var(--space-48))}.case-study-content{max-width:clamp(960px,80vw,1100px)}.case-study-metrics{max-width:none}.case-study-metric{min-height:200px;padding:var(--space-36)}.case-study-title{font-size:clamp(3rem,5vw,4rem)}.case-study-description{font-size:clamp(1.2rem,2vw,1.4rem);max-width:850px}}@media (min-width: 1600px){.section-header,.section-title,.section-lead{text-align:center}.features-grid,.pillars-grid,.six-box-grid{max-width:1400px;margin-left:auto;margin-right:auto}.process-diagram,.agent-steps-diagram{max-width:1200px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (min-width: 992px) and (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr)}.pillars-grid{grid-template-columns:repeat(3,1fr)}.six-box-grid{grid-template-columns:repeat(2,1fr)}}:root:not(.dark) .contact-details p:last-child{color:#6c757d;opacity:1}.form{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:rgba(var(--bg-content-rgb),.05);border:1px solid rgba(var(--border-rgb),.3);border-radius:6px;color:var(--text-primary);font-family:var(--font-family-display);font-size:.95rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(var(--accent-secondary-rgb),.5);background:rgba(var(--bg-content-rgb),.08)}.form-group textarea{resize:vertical;min-height:120px}.error-message{color:var(--danger);font-size:.85rem;margin-top:.25rem;display:none}.error-message.visible{display:block}:root:not(.dark) .form{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .form-group label{color:#212529}:root:not(.dark) .form-group input,:root:not(.dark) .form-group select,:root:not(.dark) .form-group textarea{background:#fff;border-color:rgba(108,117,125,.3);color:#212529}:root:not(.dark) .form-group input::placeholder,:root:not(.dark) .form-group textarea::placeholder{color:#6c757d;opacity:1}:root:not(.dark) .form-group input:focus,:root:not(.dark) .form-group select:focus,:root:not(.dark) .form-group textarea:focus{border-color:#495057;background:#fff;box-shadow:0 0 0 3px rgba(33,37,41,.1)}:root:not(.dark) .contact-section h1,:root:not(.dark) .contact-section h2,:root:not(.dark) .contact-section h3,:root:not(.dark) .contact-section h4,:root:not(.dark) .contact-section h5,:root:not(.dark) .contact-section h6{color:#212529!important}:root:not(.dark) .contact-section p,:root:not(.dark) .contact-section span,:root:not(.dark) .contact-section div:not(.contact-icon){color:#495057!important}:root:not(.dark) .contact-section .lead{color:#495057!important}:root:not(.dark) .contact-form h2{color:#212529!important}:root:not(.dark) .contact-info h2{color:#212529!important}:root:not(.dark) .contact-info p{color:#495057!important}:root:not(.dark) .contact-content *{color:inherit}:root:not(.dark) .contact-content *[style*="color: white"],:root:not(.dark) .contact-content *[style*="color: #fff"],:root:not(.dark) .contact-content *[style*="color: #ffffff"]{color:#212529!important}.button-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.not-found,.error-page{text-align:center;padding:4rem 2rem}.not-found h1,.error-page h1{font-size:6rem;margin-bottom:1rem}@media (max-width: 768px){.feature-grid,.services-grid,.values-section{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr;gap:2rem}.solution-items{grid-template-columns:1fr}.service-card,.solution-item{padding:1.5rem}.content-container{padding:2rem 1.5rem}}@media (max-width: 480px){.feature-card,.service-card,.solution-item{padding:1.25rem}.content-container h1{font-size:2rem}.content-container h2{font-size:1.5rem}}.difference-section,.leadership-section,.platform-showcase,.custom-solutions{margin:4rem 0;padding:2rem 0;border-top:1px solid rgba(var(--border-rgb),.1)}.difference-section:first-child,.leadership-section:first-child,.platform-showcase:first-child{border-top:none;padding-top:0}.platform-features{margin:3rem 0}.feature-item{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem;transition:all var(--transition-base)}.feature-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.feature-item h4{font-family:var(--font-family-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.solution-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.benefit-item{background:rgba(var(--bg-content-rgb),.03);border:1px solid rgba(var(--border-rgb),.2);border-radius:12px;padding:1.5rem;transition:all var(--transition-base)}.benefit-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px)}.benefit-item h4{font-family:var(--font-family-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.access-section{text-align:center;margin:3rem 0;padding:2rem;background:rgba(var(--accent-secondary-rgb),.05);border-radius:12px;border:1px solid rgba(var(--accent-secondary-rgb),.2)}.access-note{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.perspective-content{margin:0 auto;padding:clamp(var(--space-16),4vw,var(--space-32));max-width:1400px;width:100%;display:flex;flex-direction:column;gap:clamp(var(--space-24),6vw,var(--space-40));box-sizing:border-box}.perspective-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-12);margin:0 auto;max-width:760px}.perspective-header h1{font-family:var(--font-family-display);font-size:clamp(var(--text-2xl),5vw,var(--text-5xl));color:var(--text-primary);margin-bottom:var(--space-16);letter-spacing:var(--tracking-wide);font-weight:var(--weight-bold)}.perspective-header .lead{font-size:var(--text-xl);color:var(--text-muted);margin:0 auto;line-height:var(--leading-relaxed);text-align:justify}.perspective-layout{display:flex;flex-direction:column;gap:clamp(var(--space-24),6vw,var(--space-40));align-items:center}.perspective-filters,.perspective-articles{width:100%;max-width:clamp(960px,86vw,1280px);margin:0 auto}.perspective-filters{display:flex;flex-direction:column;gap:var(--space-16)}.perspective-filter-section{position:relative;margin:0;padding:clamp(var(--space-24),5vw,var(--space-36));border-radius:var(--radius-xxl, var(--radius-xl));background:radial-gradient(circle at 15% 20%,rgba(var(--interactive-default-rgb),.25),rgba(var(--accent-secondary-rgb),.08));border:1px solid rgba(var(--interactive-default-rgb),.18);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.perspective-filter-section:before,.perspective-filter-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.55}.perspective-filter-section:before{width:420px;height:420px;top:-210px;right:-150px;background:radial-gradient(circle,rgba(var(--accent-secondary-rgb),.35),transparent 70%);filter:blur(18px)}.perspective-filter-section:after{width:320px;height:320px;bottom:-200px;left:-120px;background:radial-gradient(circle,rgba(var(--interactive-default-rgb),.3),transparent 75%);filter:blur(22px)}.perspective-filter-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-16);margin-bottom:var(--space-20)}.filter-title{font-family:var(--font-family-display);font-size:clamp(var(--text-xl),2.8vw,var(--text-4xl));color:var(--text-primary);margin:0;letter-spacing:var(--tracking-wide)}.perspective-filter-stats{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:center}.filter-stat{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background:rgba(var(--bg-content-rgb),.75);border:1px solid rgba(var(--border-rgb),.25);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.04em}.filter-stat:before{content:attr(data-icon);font-size:1rem;opacity:.8}.filter-stat strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.perspective-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:0;padding:0;list-style:none;align-items:center;justify-content:flex-start}.tag-pill{--tag-weight: 1;--tag-scale: 1;--tag-hue: 205;position:relative;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);border-radius:var(--radius-full);border:1.5px solid rgba(var(--interactive-default-rgb),.3);background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.08),rgba(var(--accent-secondary-rgb),.06));color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(var(--tag-scale));box-shadow:0 2px 4px rgba(28,28,28,.04),0 1px 2px rgba(28,28,28,.02);min-height:40px;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;flex-shrink:0}.tag-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(var(--interactive-default-rgb),.15),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.tag-pill:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--interactive-default-rgb),.1);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;pointer-events:none}.tag-pill-label{flex:1;text-transform:capitalize;font-weight:var(--weight-semibold);letter-spacing:.01em;position:relative;z-index:1}.tag-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(var(--interactive-default-rgb),.15);color:var(--interactive-default);font-size:var(--text-xs);font-weight:var(--weight-bold);position:relative;z-index:1;transition:all .25s ease}.tag-pill:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px rgba(28,28,28,.12),0 4px 6px rgba(28,28,28,.08);border-color:rgba(var(--interactive-default-rgb),.5)}.tag-pill:hover:before{opacity:1}.tag-pill:hover:after{width:100%;height:100%}.tag-pill:hover .tag-pill-count{transform:scale(1.08);background:rgba(var(--interactive-default-rgb),.22)}.tag-pill:active{transform:translateY(0) scale(var(--tag-scale))}.tag-pill.active{background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.85),rgba(var(--accent-secondary-rgb),.75));color:#fff;border-color:rgba(var(--interactive-default-rgb),.9);box-shadow:0 8px 24px rgba(var(--interactive-default-rgb),.3),0 4px 8px rgba(var(--interactive-default-rgb),.2),inset 0 1px rgba(255,255,255,.2);transform:translateY(-1px) scale(1.02)}.tag-pill.active:before{opacity:1;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.25),transparent 60%)}.tag-pill.active .tag-pill-count{background:rgba(255,255,255,.25);color:#fff;font-weight:var(--weight-bold);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tag-pill.active:hover{transform:translateY(-2px) scale(1.04)}.perspective-tag-cloud::-webkit-scrollbar{height:8px}.perspective-tag-cloud::-webkit-scrollbar-thumb{background:rgba(var(--interactive-default-rgb),.35);border-radius:var(--radius-pill)}@media (max-width: 640px){.perspective-layout{gap:var(--space-24)}.perspective-filter-section{padding:clamp(var(--space-20),6vw,var(--space-24))}.perspective-filter-header{flex-direction:column;align-items:flex-start}.perspective-filter-stats{width:100%;justify-content:flex-start}.perspective-tag-cloud{display:flex;overflow-x:auto;padding-bottom:var(--space-8)}.tag-pill{min-width:160px;flex:0 0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.perspective-card{animation:fadeIn .3s ease-in}.perspective-filter-section{background:rgba(var(--bg-content-rgb),.6);border-radius:var(--radius-xxl, var(--radius-xl));padding:clamp(var(--space-24),5vw,var(--space-32));border:1px solid rgba(var(--border-rgb),.12)}.perspective-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:clamp(var(--space-24),5vw,var(--space-32));padding:0}@media (max-width: 1080px){.perspective-articles{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}@media (max-width: 768px){.perspective-filters,.perspective-articles{max-width:100%}.perspective-articles{grid-template-columns:1fr;gap:var(--space-20);padding:var(--space-16) var(--space-8)}}.perspective-card{background:rgba(var(--bg-content-rgb),.95);border:2px solid rgba(var(--border-rgb),.25);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);position:relative;display:flex;flex-direction:column;height:100%;min-height:420px}.perspective-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 16px 48px rgba(0,0,0,.15),0 6px 16px rgba(0,0,0,.1);border-color:rgba(var(--interactive-default-rgb),.5)}.perspective-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--interactive-default),var(--accent-secondary));opacity:0;transition:opacity .3s ease}.perspective-card:hover:before{opacity:1}.perspective-card-media{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.08),rgba(var(--accent-secondary-rgb),.16));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.perspective-card-media .asset-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.05),rgba(var(--accent-secondary-rgb),.08));color:var(--text-muted);font-size:var(--text-sm);position:relative}.perspective-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(28,28,28,0) 30%,rgba(28,28,28,.55));opacity:0;transition:opacity .4s ease;pointer-events:none}.perspective-card:hover .perspective-card-media:after{opacity:1}.perspective-card-content{padding:clamp(var(--space-24),5vw,var(--space-32));flex:1;display:flex;flex-direction:column;gap:var(--space-16)}.perspective-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin:0}.perspective-card-meta .meta-item{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:rgba(var(--bg-content-rgb),.78);border:1px solid rgba(var(--border-rgb),.25);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em}.perspective-card-meta .meta-item:before{content:attr(data-icon);font-size:1rem;opacity:.8}.perspective-card-title{font-family:var(--font-family-display);font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);margin:0;letter-spacing:var(--tracking-tight)}:root:not(.dark) .perspective-card-title{color:#111827}:root:not(.dark) .filter-title{color:#000}:root:not(.dark) .filter-stat{color:#333}:root:not(.dark) .filter-stat strong{color:#000}:root:not(.dark) .section-lead{color:#333}:root:not(.dark) .perspective-header h1{color:#000}:root:not(.dark) .perspective-header .section-lead{color:#444}:root:not(.dark) .tag-pill{color:#000}:root:not(.dark) .tag-pill-label{color:#000}:root:not(.dark) .tag-pill-count{color:#000}:root:not(.dark) .tag-pill.active{color:#fff}:root:not(.dark) .tag-pill.active .tag-pill-label,:root:not(.dark) .tag-pill.active .tag-pill-count{color:#fff}:root:not(.dark) .detail-body strong{color:#000;font-weight:var(--weight-bold)}:root:not(.dark) .detail-body h2,:root:not(.dark) .detail-body h3{color:#000}:root:not(.dark) .detail-body p,:root:not(.dark) .detail-body li{color:#1a1a1a}:root:not(.dark) .detail-header h1{color:#000}.perspective-card-summary{color:var(--text-secondary);line-height:1.6;font-size:clamp(.95rem,2vw,1.05rem);margin:0;flex:1}.perspective-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:rgba(var(--interactive-default-rgb),.12);border:1px solid rgba(var(--interactive-default-rgb),.25);color:var(--interactive-default);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.tag-chip:before{content:"#";opacity:.6}.tag-chip:hover{background:rgba(var(--interactive-default-rgb),.18);border-color:rgba(var(--interactive-default-rgb),.35)}.perspective-card-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:auto;padding-top:var(--space-8);border-top:1px solid rgba(var(--border-rgb),.1)}.perspective-card-actions .btn-secondary{background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.1),rgba(var(--interactive-default-rgb),.04));border:1px solid rgba(var(--interactive-default-rgb),.28);color:var(--interactive-default);padding:var(--space-8) var(--space-16);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-6);position:relative;overflow:hidden}.perspective-card-actions .btn-secondary:before{content:"→";transition:transform .3s ease}.perspective-card-actions .btn-secondary:hover{background:var(--interactive-default);color:var(--bg-default);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--interactive-default-rgb),.3)}.perspective-card-actions .btn-secondary:hover:before{transform:translate(2px)}.reading-indicator{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.reading-indicator:before{content:"📖";font-size:var(--text-sm)}.perspective-article-detail{max-width:800px;margin:0 auto;padding:var(--space-24)}.solution-detail{max-width:1000px;margin:0 auto;padding:var(--space-32) var(--space-16);background:rgba(var(--bg-content-rgb),.02);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}.detail-breadcrumb{margin-bottom:var(--space-24)}.breadcrumb-link{background:transparent;border:none;color:var(--interactive-default);font-size:var(--text-sm);cursor:pointer;transition:color .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-4)}.breadcrumb-link:hover{color:var(--interactive-hover)}.detail-header{text-align:center;margin-bottom:var(--space-32);padding-bottom:var(--space-24);border-bottom:1px solid rgba(var(--border-rgb),.2)}.detail-meta{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-12);display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.detail-badge{background:linear-gradient(135deg,rgba(var(--interactive-default-rgb),.1),rgba(var(--interactive-default-rgb),.2));color:var(--interactive-default);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-16)}.detail-header h1{font-family:var(--font-family-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-16);line-height:var(--leading-tight)}.detail-summary{font-size:var(--text-xl);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-20);font-style:italic}.detail-actions{display:flex;justify-content:center;gap:var(--space-12);margin-top:var(--space-24);margin-bottom:var(--space-16)}.detail-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-16)}.detail-metadata{background:rgba(var(--bg-content-rgb),.05);border:1px solid rgba(var(--border-rgb),.15);border-radius:var(--radius-lg);padding:var(--space-24);margin:var(--space-32) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-24)}.metadata-group h2{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-12);border-bottom:2px solid var(--interactive-default);padding-bottom:var(--space-4)}.metadata-group ul{list-style-type:none;padding:0;margin:0}.metadata-group ul li{color:var(--text-default);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);position:relative;padding-left:var(--space-16)}.metadata-group ul li:before{content:"→";position:absolute;left:0;color:var(--interactive-default);font-weight:var(--weight-bold)}.detail-body{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--text-default)}.detail-body h2{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:var(--space-32) 0 var(--space-16);padding-bottom:var(--space-8);border-bottom:2px solid var(--interactive-default)}.detail-body h3{font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-24) 0 var(--space-12)}.detail-body p{margin-bottom:var(--space-16);color:var(--text-default)}.detail-body ul,.detail-body ol{margin:var(--space-16) 0;padding-left:var(--space-20)}.detail-body li{margin-bottom:var(--space-8);color:var(--text-default)}.detail-body strong{font-weight:var(--weight-bold);color:var(--text-primary)}.detail-body blockquote{border-left:4px solid var(--interactive-default);margin:var(--space-24) 0;padding:var(--space-16) var(--space-20);background:rgba(var(--interactive-default-rgb),.05);border-radius:0 var(--radius-md) var(--radius-md) 0}.detail-body code{background:rgba(var(--text-default-rgb),.1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.9em;color:var(--text-primary)}.detail-body pre{background:rgba(var(--text-default-rgb),.05);padding:var(--space-16);border-radius:var(--radius-md);margin:var(--space-20) 0;overflow-x:auto}.detail-body pre code{background:none;padding:0}.detail-footer{text-align:center;margin-top:var(--space-40);padding-top:var(--space-24);border-top:1px solid rgba(var(--border-rgb),.2)}.detail-footer .btn-secondary{background:var(--interactive-default);color:var(--bg-default);padding:var(--space-12) var(--space-24);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;border:none}.detail-footer .btn-secondary:hover{background:var(--interactive-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--interactive-default-rgb),.3)}@media (max-width: 768px){.perspective-content{padding:var(--space-12)}.perspective-articles{grid-template-columns:1fr;gap:var(--space-16);padding:var(--space-12) 0}.perspective-tag-cloud{justify-content:flex-start;gap:var(--space-6)}.tag-pill{font-size:var(--text-xs);padding:var(--space-4) var(--space-8)}.perspective-card-media{height:150px}.perspective-card-content{padding:var(--space-20)}.perspective-card-title{font-size:var(--text-lg)}.perspective-article-detail{padding:var(--space-16)}.solution-detail{padding:var(--space-24) var(--space-12);margin:var(--space-16)}.detail-metadata{grid-template-columns:1fr;gap:var(--space-16);padding:var(--space-16);margin:var(--space-24) 0}.detail-actions{flex-direction:column;gap:var(--space-8)}.detail-body{font-size:var(--text-base)}.detail-body h2{font-size:var(--text-xl);margin:var(--space-24) 0 var(--space-12)}}@media (max-width: 480px){.perspective-articles{grid-template-columns:1fr;gap:var(--space-12)}.perspective-card-media{height:120px}.perspective-card-content{padding:var(--space-16)}.tag-pill{font-size:var(--text-2xs);padding:var(--space-2) var(--space-6)}.detail-header h1{font-size:var(--text-xl)}.detail-summary{font-size:var(--text-base)}}.insights-section{margin:4rem 0}.insights-section h2{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);text-align:center;margin-bottom:3rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.insight-card{background:rgba(var(--bg-content-rgb),.05);border:2px solid rgba(var(--border-rgb),.2);border-radius:16px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.6),rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),.6));opacity:0;transition:opacity .3s ease}.insight-card:hover{background:rgba(var(--bg-content-rgb),.1);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1)}.insight-card:hover:before{opacity:1}.insight-icon{font-size:3rem;text-align:center;margin-bottom:1.5rem;display:block}.insight-card h3{font-family:var(--font-family-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3;letter-spacing:-.01em}.insight-card p{font-family:var(--font-family-display);font-size:1rem;line-height:1.7;color:var(--text-primary);margin:0;opacity:.9}.trends-section{margin:4rem 0}.trends-section h2{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);text-align:center;margin-bottom:3rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:3rem 0}.trend-item{background:rgba(var(--bg-content-rgb),.04);border:2px solid rgba(var(--border-rgb),.15);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.trend-item:hover{background:rgba(var(--bg-content-rgb),.08);border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1),0 3px 10px rgba(0,0,0,.05)}.trend-item h3{font-family:var(--font-family-display);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.trend-item p{font-family:var(--font-family-display);font-size:.95rem;line-height:1.6;color:var(--text-primary);margin:0;opacity:.85}.vision-section{margin:4rem 0;text-align:center;padding:3rem 2rem;background:rgba(var(--accent-rgb),.05);border-radius:16px;border:1px solid rgba(var(--accent-rgb),.2)}.vision-section h2{font-family:var(--font-family-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--text-primary);margin-bottom:2rem}.vision-section p{font-family:var(--font-family-display);font-size:1.1rem;line-height:1.7;color:var(--text-primary);max-width:800px;margin:0 auto;opacity:.9}[data-theme=dark] .perspective-card{background:rgba(42,42,42,.65);border-color:rgba(148,163,184,.3);box-shadow:0 4px 20px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.1)}[data-theme=dark] .perspective-card:hover{background:rgba(42,42,42,.85);border-color:rgba(148,163,184,.5);box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 12px rgba(148,163,184,.15)}[data-theme=dark] .perspective-filter-section{background:rgba(42,42,42,.5);border-color:rgba(148,163,184,.25)}[data-theme=dark] .tag-pill{background:rgba(51,51,51,.7);color:#e2e8f0;border-color:rgba(148,163,184,.4)}[data-theme=dark] .tag-pill:hover{background:rgba(148,163,184,.25);color:#f1f5f9;border-color:rgba(148,163,184,.6)}[data-theme=dark] .tag-pill.active{background:linear-gradient(135deg,rgba(148,163,184,.9),rgba(79,70,229,.85));color:#fff;border-color:rgba(148,163,184,.8)}@media (max-width: 1024px){.perspective-articles{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-20)}}@media (max-width: 640px){.perspective-filter-section{padding:var(--space-16);margin:var(--space-20) 0}.filter-title{font-size:var(--text-base)}.tag-pill{padding:var(--space-6) var(--space-12);font-size:var(--text-xs)}.perspective-card-title{font-size:var(--text-xl)}.perspective-card-content{padding:var(--space-24)}}[data-theme=dark] .insight-card h3{color:var(--text-primary)}[data-theme=dark] .insight-card p{color:#e2e8f0;opacity:1}[data-theme=dark] .trend-item{background:rgba(42,42,42,.15);border-color:rgba(148,163,184,.2)}[data-theme=dark] .trend-item:hover{background:rgba(42,42,42,.25);border-color:rgba(148,163,184,.4)}[data-theme=dark] .trend-item h3{color:var(--text-primary)}[data-theme=dark] .trend-item p{color:#e2e8f0;opacity:1}[data-theme=dark] .vision-section{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.3)}:root.dark .perspective-filter-section,[data-theme=dark] .perspective-filter-section{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.1)}:root.dark .filter-stat,[data-theme=dark] .filter-stat{background:rgba(248,248,248,.95);border-color:rgba(0,0,0,.08);color:#333}:root.dark .filter-stat strong,[data-theme=dark] .filter-stat strong{color:#000}:root.dark .tag-pill,[data-theme=dark] .tag-pill{background:linear-gradient(135deg,#f0f0f0,#fafafa);border-color:rgba(0,0,0,.15);color:#333;box-shadow:0 2px 8px rgba(0,0,0,.08)}:root.dark .tag-pill-count,[data-theme=dark] .tag-pill-count{background:#dcdcdc;color:#333}:root.dark .tag-pill.active,[data-theme=dark] .tag-pill.active{background:linear-gradient(135deg,#444,#555);color:#fff;border-color:rgba(0,0,0,.3)}:root.dark .perspective-card,[data-theme=dark] .perspective-card{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.12)}:root.dark .perspective-card:hover,[data-theme=dark] .perspective-card:hover{border-color:rgba(0,0,0,.25);box-shadow:0 16px 48px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08)}:root.dark .perspective-card:before,[data-theme=dark] .perspective-card:before{background:linear-gradient(90deg,rgba(68,68,68,.8),rgba(85,85,85,.8))}:root.dark .perspective-card-media,[data-theme=dark] .perspective-card-media{background:linear-gradient(135deg,#f5f5f5,#fafafa)}:root.dark .perspective-card-media .asset-placeholder,[data-theme=dark] .perspective-card-media .asset-placeholder{background:linear-gradient(135deg,#f0f0f0,#f8f8f8);color:#666}:root.dark .perspective-card-media:after,[data-theme=dark] .perspective-card-media:after{background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.8))}:root.dark .asset-placeholder.has-image,[data-theme=dark] .asset-placeholder.has-image{background-color:rgba(255,255,255,.95);padding:var(--space-8);border-radius:var(--radius-md)}:root.dark .profile-placeholder.has-image,[data-theme=dark] .profile-placeholder.has-image{background-color:rgba(255,255,255,.98);box-shadow:0 4px 12px rgba(0,0,0,.15)}:root.dark .perspective-card-meta .meta-item,[data-theme=dark] .perspective-card-meta .meta-item{background:rgba(248,248,248,.9);border-color:rgba(0,0,0,.1);color:#444}:root.dark .tag-chip,[data-theme=dark] .tag-chip{background:#f0f0f0;border-color:rgba(0,0,0,.12);color:#333}[data-theme=dark] .vision-section h2{color:var(--text-primary)}[data-theme=dark] .vision-section p{color:#e2e8f0;opacity:1}:root.dark .detail-body h2,[data-theme=dark] .detail-body h2{color:#0d0d0d;border-bottom-color:rgba(0,102,204,.6)}:root.dark .detail-body h3,[data-theme=dark] .detail-body h3{color:#0d0d0d}:root.dark .detail-body p,[data-theme=dark] .detail-body p{color:#1a1a1a}:root.dark .detail-body li,[data-theme=dark] .detail-body li{color:#1a1a1a}:root.dark .detail-body strong,[data-theme=dark] .detail-body strong{color:#000;font-weight:var(--weight-bold)}:root.dark .detail-body blockquote,[data-theme=dark] .detail-body blockquote{background:rgba(0,102,204,.08);border-left-color:rgba(0,102,204,.6);color:#1a1a1a}:root.dark .detail-body code,[data-theme=dark] .detail-body code{background:rgba(0,0,0,.05);color:#0d0d0d}:root.dark .detail-body pre,[data-theme=dark] .detail-body pre{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);color:#1a1a1a}:root.dark .detail-header h1,[data-theme=dark] .detail-header h1{color:#0d0d0d}:root.dark .detail-summary,[data-theme=dark] .detail-summary{color:#2d2d2d}:root.dark .metadata-group h2,[data-theme=dark] .metadata-group h2{color:#0d0d0d;border-bottom-color:rgba(0,102,204,.6)}:root.dark .metadata-group ul li,[data-theme=dark] .metadata-group ul li{color:#1a1a1a}:root.dark .perspective-header h1,[data-theme=dark] .perspective-header h1{color:#0d0d0d}:root.dark .perspective-header .lead,[data-theme=dark] .perspective-header .lead{color:#2d2d2d}:root.dark .perspective-card-title,[data-theme=dark] .perspective-card-title{color:#0d0d0d}:root.dark .perspective-card-summary,[data-theme=dark] .perspective-card-summary{color:#2d2d2d}:root.dark .perspective-card-actions .btn-secondary,[data-theme=dark] .perspective-card-actions .btn-secondary{background:linear-gradient(135deg,rgba(68,68,68,.1),rgba(85,85,85,.05));border-color:rgba(68,68,68,.3);color:#333}:root.dark .perspective-card-actions .btn-secondary:hover,[data-theme=dark] .perspective-card-actions .btn-secondary:hover{background:linear-gradient(135deg,#444,#555);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}:root.dark .reading-indicator,[data-theme=dark] .reading-indicator{color:#666}:root.dark .insight-card,[data-theme=dark] .insight-card{background:rgba(28,28,28,.95);border-color:rgba(148,163,184,.35);box-shadow:0 4px 20px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3)}:root.dark .insight-card:hover,[data-theme=dark] .insight-card:hover{background:rgba(42,42,42,.95);border-color:rgba(0,102,204,.5);box-shadow:0 12px 40px rgba(0,0,0,.5),0 4px 16px rgba(0,102,204,.2)}:root.dark .insight-card h3,[data-theme=dark] .insight-card h3{color:#fff}:root.dark .insight-card p,[data-theme=dark] .insight-card p{color:#e2e8f0}:root.dark .trend-item,[data-theme=dark] .trend-item{background:rgba(28,28,28,.95);border-color:rgba(148,163,184,.35)}:root.dark .trend-item:hover,[data-theme=dark] .trend-item:hover{background:rgba(42,42,42,.95);border-color:rgba(0,102,204,.5)}:root.dark .trend-item h3,[data-theme=dark] .trend-item h3{color:#fff}:root.dark .trend-item p,[data-theme=dark] .trend-item p{color:#e2e8f0}:root.dark .hero-title,[data-theme=dark] .hero-title{color:#fff}:root.dark .hero-subtitle,[data-theme=dark] .hero-subtitle{color:#ccc}:root.dark .vision-section,[data-theme=dark] .vision-section{background:rgba(28,28,28,.8);border-color:rgba(148,163,184,.3)}:root:not(.dark) .insight-card{background:rgba(255,255,255,.95);border-color:rgba(108,117,125,.25);box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06)}:root:not(.dark) .insight-card:hover{background:#fff;border-color:rgba(33,37,41,.3);box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.1)}:root:not(.dark) .insight-card:before{background:linear-gradient(90deg,rgba(33,37,41,.6),rgba(33,37,41,.8),rgba(33,37,41,.6))}:root:not(.dark) .insight-card h3{color:#212529}:root:not(.dark) .insight-card p{color:#495057;opacity:1}:root:not(.dark) .trend-item{background:rgba(255,255,255,.9);border-color:rgba(108,117,125,.2)}:root:not(.dark) .trend-item:hover{background:#fff;border-color:rgba(33,37,41,.25)}:root:not(.dark) .trend-item h3{color:#212529}:root:not(.dark) .trend-item p{color:#495057;opacity:1}:root:not(.dark) .vision-section{background:rgba(248,249,250,.8);border-color:rgba(108,117,125,.3)}:root:not(.dark) .vision-section h2{color:#212529}:root:not(.dark) .vision-section p{color:#495057;opacity:1}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.insight-card{padding:2rem}.insight-icon{font-size:2.5rem;margin-bottom:1rem}.insight-card h3{font-size:1.2rem}.insight-card p{font-size:.95rem}.trends-grid{grid-template-columns:1fr;gap:1.25rem}.trend-item{padding:1.25rem}.trend-item h3{font-size:1.1rem}.trend-item p{font-size:.9rem}.vision-section{padding:2rem 1.5rem}.vision-section h2{font-size:1.5rem;margin-bottom:1.5rem}.vision-section p{font-size:1rem}}@media (max-width: 480px){.insights-grid{gap:1rem;margin:1.5rem 0}.insight-card{padding:1.5rem;border-radius:12px}.insight-icon{font-size:2rem}.insight-card h3{font-size:1.1rem}}@media (min-width: 1400px){.content-container{max-width:85vw;padding:clamp(2rem,3vw,4rem) clamp(2rem,2vw,2.5rem)}.section-content{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,4vw,6rem);align-items:start}.section-content.reverse{grid-template-columns:.8fr 1.2fr}.section-header{grid-column:1 / -1}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,2.5vw,3rem)}.approach-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(1.5rem,3vw,4rem)}}.section-media{margin-top:var(--space-32)}.section-media .asset-placeholder{margin-left:auto;margin-right:auto}.case-study-section{display:flex;flex-direction:column;gap:var(--space-32);align-items:center}.case-study-content{max-width:clamp(960px,90vw,1100px)}.three-pillars-section .asset-placeholder{margin-bottom:var(--space-16)}.feature-card .asset-placeholder{min-height:200px}.pillar-visual-placeholder{margin-bottom:var(--space-16);min-height:220px}.mission-statement-section{display:grid;gap:var(--space-32);align-items:center}.mission-statement-section .section-media{margin-top:0}@media (min-width: 992px){.mission-statement-section{grid-template-columns:minmax(0,1fr) minmax(0,500px)}}.about-supporting-placeholder{max-width:min(100%,650px);min-height:400px;width:100%;margin:0 auto;background-position:center;background-size:contain}@media (max-width: 991px){.about-supporting-placeholder{max-width:100%;min-height:300px}}@media (max-width: 768px){.about-supporting-placeholder{min-height:250px}}@media (max-width: 480px){.about-supporting-placeholder{min-height:200px}}.process-diagram-section .section-media{margin:var(--space-32) 0}.process-visual-placeholder{width:min(100%,1100px);min-height:220px}.process-visual-placeholder.has-image{background-size:contain;background-repeat:no-repeat;background-position:center}.solutions-case-study-section{display:grid;gap:var(--space-32);justify-items:center;grid-template-columns:1fr}.solutions-case-study-placeholder{width:min(100%,1080px);min-height:260px}.product-media{margin-bottom:var(--space-16)}.product-media .asset-placeholder{min-height:220px}.product-media .asset-placeholder.has-image{background-size:contain;background-repeat:no-repeat;background-position:center}.insight-media,.trend-media{margin-bottom:var(--space-16)}.insight-media .asset-placeholder,.trend-media .asset-placeholder{min-height:180px}.vision-banner-media{margin:0 auto var(--space-24);max-width:min(100%,960px)}.contact-hero-media{margin-bottom:var(--space-24)}.contact-hero-media .asset-placeholder{min-height:240px}.contact-method--gif .contact-gif-static{position:absolute;bottom:var(--space-12);right:var(--space-12);width:clamp(120px,28%,180px);min-height:0;padding:var(--space-12);opacity:.85;border-radius:var(--radius-md)}.contact-method--gif .contact-gif-static:before{border-radius:var(--radius-md)}.contact-method--gif .contact-gif-static .placeholder-label{font-size:clamp(.65rem,2vw,.75rem)}@media (min-width: 992px){.solutions-case-study-section{align-items:center}.solutions-case-study-section .section-media{margin-top:0}}@media (max-width: 768px){.section-media{margin-top:var(--space-24)}.solutions-case-study-section,.mission-statement-section{grid-template-columns:1fr}}.top-navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--bg-default);border-bottom:1px solid var(--border-default);transition:background-color var(--transition-base),border-color var(--transition-base);background:rgba(255,255,255,.95)}@supports (backdrop-filter: blur(10px)){.top-navigation{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .top-navigation{background:rgba(15,15,15,.8)}}@supports not (backdrop-filter: blur(10px)){.top-navigation{background:var(--bg-default)}}:root.dark .top-navigation,[data-theme=dark] .top-navigation{background:rgba(var(--bg-nav-rgb),.15);border-bottom:1px solid rgba(var(--border-rgb),.2)}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) clamp(1rem,2.5vw,3rem);max-width:min(95vw,1600px);margin:0 auto;height:4rem}.nav-brand{display:flex;flex-direction:column;align-items:flex-start}.brand-logo{font-family:var(--font-family-body);font-weight:800;font-size:1.5rem;color:var(--text-default);margin:0;letter-spacing:.1em;line-height:1;text-transform:uppercase}:root:not(.dark) .brand-logo{color:var(--text-default)}[data-theme=dark] .brand-logo{color:var(--text-default)}.brand-tagline{font-family:var(--font-family-body);font-size:.75rem;color:var(--text-secondary);font-weight:400;margin-top:.15rem;letter-spacing:.15em;text-transform:uppercase}:root.dark .brand-tagline,[data-theme=dark] .brand-tagline{color:var(--accent-secondary)}.nav-item{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-16);min-height:44px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);font-family:var(--font-family-ui);font-weight:var(--weight-medium);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);position:relative;transition:color var(--transition-base),background-color var(--transition-base)}.nav-item:hover{color:var(--text-accent-emphasis);background-color:var(--bg-accent)}.nav-item.active{color:var(--text-accent-emphasis);background-color:var(--bg-accent);position:relative}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--interactive-default);border-radius:var(--radius-full)}.nav-item:focus{outline:2px solid var(--interactive-default);outline-offset:2px}.nav-item:focus:not(:focus-visible){outline:none}.nav-item:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px}:root.dark .nav-item,[data-theme=dark] .nav-item{color:#3b82f6;border-radius:8px}:root.dark .nav-item:hover,[data-theme=dark] .nav-item:hover{color:var(--accent-secondary);background:var(--accent-subtle)}:root.dark .nav-item.active,[data-theme=dark] .nav-item.active{color:var(--accent-secondary);background:var(--accent-subtle);border-bottom:2px solid var(--accent-secondary)}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.nav-item .nav-icon svg{width:100%;height:100%;color:inherit}.nav-item .nav-label{font-family:var(--font-family-body);font-size:.95rem;font-weight:600;color:inherit;text-transform:uppercase;letter-spacing:.05em}.nav-links{display:flex;flex-direction:row;gap:.25rem;align-items:flex-start}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-controls-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);border-radius:6px;color:var(--text-inverse);padding:.75rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.nav-controls-toggle:hover{background:var(--accent-hover);color:var(--text-primary);transform:scale(1.05)}:root.dark .nav-controls-toggle,[data-theme=dark] .nav-controls-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);color:var(--accent-secondary)}:root.dark .nav-controls-toggle:hover,[data-theme=dark] .nav-controls-toggle:hover{background:var(--accent-hover);color:var(--accent-secondary)}.controls-icon{font-size:1.1rem}.nav-menu-toggle{display:none;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-default);padding:var(--space-12);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base);min-width:44px;min-height:44px;position:relative}.nav-menu-toggle[aria-expanded=true]{background:var(--bg-accent);color:var(--text-accent)}.nav-menu-toggle:hover{background:var(--accent-hover);color:var(--text-primary);transform:scale(1.05)}:root.dark .nav-menu-toggle,[data-theme=dark] .nav-menu-toggle{background:var(--accent-subtle);border:1px solid var(--border-default);color:var(--accent-secondary)}:root.dark .nav-menu-toggle:hover,[data-theme=dark] .nav-menu-toggle:hover{background:var(--accent-hover);color:var(--accent-secondary)}.menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.menu-icon svg{width:100%;height:100%;color:inherit}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:var(--z-emergency);opacity:0;visibility:hidden;transition:all var(--transition-base);transform:translateZ(0);will-change:opacity,visibility}@supports (backdrop-filter: blur(10px)){.mobile-nav-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.mobile-nav-overlay{background:rgba(0,0,0,.85)}}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:rgba(var(--bg-nav-rgb),.95);border:1px solid rgba(var(--border-rgb),.3);border-radius:16px;padding:2rem;transition:all var(--transition-base);transform:translate(-50%,-50%) translateZ(0);will-change:transform,opacity}@supports (backdrop-filter: blur(20px)){.mobile-nav-content{background:rgba(var(--bg-nav-rgb),.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@supports not (backdrop-filter: blur(20px)){.mobile-nav-content{background:rgba(var(--bg-nav-rgb),.95);box-shadow:0 20px 40px rgba(0,0,0,.3)}}:root.dark .mobile-nav-content,[data-theme=dark] .mobile-nav-content{background:rgba(var(--bg-nav-rgb),.95);border:1px solid rgba(var(--border-rgb),.3)}.mobile-nav-overlay:not(.active) .mobile-nav-content{transform:translate(-50%,-50%) scale(.8) translateZ(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--border-rgb),.2)}.mobile-nav-header h2{font-family:var(--font-family-display);font-size:1.5rem;color:var(--text-default);margin:0}:root:not(.dark) .mobile-nav-header h2{color:var(--text-default)}[data-theme=dark] .mobile-nav-header h2{color:var(--text-default)}.mobile-nav-close{background:rgba(var(--bg-danger-rgb),.2);border:1px solid rgba(var(--border-rgb),.3);border-radius:50%;color:var(--text-primary);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all var(--transition-base)}.mobile-nav-close:hover{background:rgba(var(--bg-danger-rgb),.3);transform:scale(1.1) rotate(90deg) translateZ(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all var(--transition-base);border:1px solid transparent}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--text-primary);background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);transform:translate(8px) translateZ(0)}:root.dark .mobile-nav-item,[data-theme=dark] .mobile-nav-item{color:var(--accent-secondary);border:1px solid transparent}:root.dark .mobile-nav-item:hover,:root.dark .mobile-nav-item.active,[data-theme=dark] .mobile-nav-item:hover,[data-theme=dark] .mobile-nav-item.active{color:var(--accent-secondary);background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-secondary-rgb),.3)}.mobile-nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.mobile-nav-item .nav-icon svg{width:24px;height:24px;color:inherit}.mobile-nav-item .nav-label{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.mobile-nav-item .nav-description{font-size:.85rem;color:var(--text-muted);margin:0}.mobile-nav-item>div{display:flex;flex-direction:column}.breadcrumb{display:none!important}:root.dark .breadcrumb,[data-theme=dark] .breadcrumb{background:rgba(var(--bg-nav-rgb),.1);border-bottom:1px solid rgba(var(--border-rgb),.1)}.breadcrumb.visible{transform:translateY(0)}.breadcrumb-container{max-width:min(95vw,1600px);margin:0 auto;padding:0 clamp(1rem,2.5vw,3rem)}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-family:var(--font-family-body);font-size:.9rem;font-weight:400}.breadcrumb-icon{font-size:1rem;color:var(--text-inverse)}.breadcrumb-text{color:var(--text-inverse);font-family:var(--font-family-body);font-weight:600}:root.dark .breadcrumb-item,[data-theme=dark] .breadcrumb-item{color:var(--text-secondary)}:root.dark .breadcrumb-icon,[data-theme=dark] .breadcrumb-icon{color:var(--accent-secondary)}:root.dark .breadcrumb-text,[data-theme=dark] .breadcrumb-text{color:var(--accent-secondary);font-weight:600}.content-panel{margin-top:60px}@media (max-width: 768px){.nav-links{display:none}.nav-menu-toggle{display:flex}.nav-actions{gap:1rem}.nav-controls-toggle,.nav-menu-toggle{padding:.75rem;min-width:48px;min-height:48px}.controls-icon,.menu-icon{width:18px;height:18px}.nav-container{padding:.75rem 1rem}.brand-logo{font-size:1.3rem}.breadcrumb-container{padding:0 1rem}.content-panel{margin-top:55px}}@media (max-width: 480px){.nav-container{padding:.5rem .75rem}.nav-actions{gap:.75rem}.nav-controls-toggle,.nav-menu-toggle{padding:.625rem;min-width:44px;min-height:44px}.brand-logo{font-size:1.1rem}.brand-tagline{font-size:.65rem}.mobile-nav-content{width:95%;padding:1.5rem}.content-panel{margin-top:50px}}.nav-item{animation:navItemSlideIn .3s ease-out;transform:translateZ(0);will-change:transform,opacity}@keyframes navItemSlideIn{0%{opacity:0;transform:translateY(-10px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.mobile-nav-item{animation:mobileNavItemSlideIn .4s ease-out;transform:translateZ(0);will-change:transform,opacity}@keyframes mobileNavItemSlideIn{0%{opacity:0;transform:translate(-20px) translateZ(0)}to{opacity:1;transform:translate(0) translateZ(0)}}.nav-item:focus,.mobile-nav-item:focus,.nav-menu-toggle:focus{outline:2px solid var(--accent-secondary);outline-offset:2px}@media (prefers-contrast: high){.top-navigation{background:var(--bg-primary);border-bottom:2px solid var(--text-primary)}.nav-item:hover,.nav-item.active{background:var(--text-primary);color:var(--bg-primary)}}.enhanced-controls{position:fixed;bottom:var(--space-16);right:var(--space-16);z-index:var(--z-popover);opacity:0;visibility:hidden;transform:translateY(var(--space-8));transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.enhanced-controls.expanded{opacity:1;visibility:visible;transform:translateY(0)}.controls-container{display:flex;flex-direction:column;gap:var(--space-4);background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-elevated)}@supports (backdrop-filter: blur(10px)){.controls-container{background:var(--bg-canvas);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.controls-container{background:var(--bg-default)}}.control-item{display:flex;align-items:center;gap:var(--space-4);position:relative}.control-btn{width:44px;height:44px;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;overflow:hidden}.control-btn:hover{background:var(--bg-accent);color:var(--text-accent);border-color:var(--border-accent);transform:translateY(-1px)}.control-btn:active{transform:translateY(0) scale(.95);transition:transform var(--transition-fast)}.control-btn:focus:not(:focus-visible){outline:none}.control-btn:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow);z-index:1}.control-btn:hover:before{left:100%}.control-icon{font-size:var(--text-xl);transition:transform var(--transition-fast);position:relative;z-index:2}.control-btn:hover .control-icon{transform:scale(1.1)}.control-helper-text{font-family:var(--font-family-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-default);background:var(--bg-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-accent);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-var(--space-2));transition:all var(--transition-base);min-width:100px;text-align:center}.control-item:hover .control-helper-text,.control-btn:focus+.control-helper-text{opacity:1;visibility:visible;transform:translate(0)}.control-btn.active{background:var(--interactive-default);border-color:var(--interactive-default);color:var(--text-inverse);box-shadow:0 0 0 2px var(--border-accent)}.theme-control[data-theme=light] .theme-icon:before{content:"☀️"}.theme-control[data-theme=dark] .theme-icon:before{content:"🌙"}.theme-control.active,.motion-control[aria-pressed=true]{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-accent)}.motion-control[aria-pressed=false]{background:var(--bg-muted);border-color:var(--border-muted);opacity:.7}.motion-control[aria-pressed=false] .motion-icon:before{content:"⏸️"}.sound-control.active{background:var(--bg-accent);border-color:var(--border-accent);color:var(--text-accent)}.sound-control[aria-pressed=false] .sound-icon:before{content:"🔇"}.control-btn:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:var(--bg-emphasis);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-family-body);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);pointer-events:none;z-index:var(--z-tooltip)}.control-btn:hover:after{opacity:1;visibility:visible}@keyframes controlPulse{0%,to{box-shadow:0 0 0 0 var(--border-accent)}50%{box-shadow:0 0 0 8px transparent}}.control-btn.pulse{animation:controlPulse 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.control-btn.shimmer{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-accent) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes slideInControl{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:translateY(0)}}.control-item{animation:slideInControl var(--transition-slow) ease-out}.control-item:nth-child(2){animation-delay:.1s}.control-item:nth-child(3){animation-delay:.2s}.control-item:nth-child(4){animation-delay:.3s}@media (max-width: 768px){.enhanced-controls{bottom:var(--space-8);right:var(--space-8)}.controls-container{padding:var(--space-4);gap:var(--space-2)}.control-btn{width:44px;height:44px}.control-icon{font-size:var(--text-lg)}.control-helper-text{font-size:var(--text-xs);padding:var(--space-2);min-width:80px}}@media (max-width: 480px){.enhanced-controls{bottom:.5rem;right:.5rem}.controls-container{padding:.5rem;gap:.4rem}.control-btn{width:44px;height:44px}.control-icon{font-size:1rem}.control-helper-text{font-size:.75rem;padding:.3rem .5rem;min-width:70px}.control-helper-text{display:none}}@media (prefers-contrast: high){.controls-container,.control-btn{background:#000;border:2px solid #ffffff}.control-btn:hover,.control-btn.active{background:#fff;color:#000}.control-helper-text{background:#000;border:1px solid #ffffff}}.control-btn:focus{outline:2px solid var(--interactive-default);outline-offset:2px}body.reduced-motion .enhanced-controls,body.reduced-motion .control-btn,body.reduced-motion .control-helper-text,body.reduced-motion .control-icon{transition:none!important;animation:none!important}body.reduced-motion .control-item{animation:none!important}body.reduced-motion .control-btn.pulse,body.reduced-motion .control-btn.shimmer{animation:none!important;background:var(--bg-subtle)!important}body.reduced-motion .control-btn:before{display:none}.btn--small{padding:clamp(.5rem,1.5vw,.625rem) clamp(1rem,2.5vw,1.25rem);font-size:clamp(.75rem,1.8vw,.875rem);min-height:44px}.btn--large{padding:clamp(1rem,2.5vw,1.25rem) clamp(2rem,4vw,2.5rem);font-size:clamp(1rem,2.2vw,1.125rem);min-height:52px;font-weight:700}.btn--secondary{color:var(--accent-primary);background:transparent;border:2px solid var(--accent-primary);font-weight:600;backdrop-filter:blur(8px)}.btn--secondary:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent-hover);color:var(--accent-hover);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 20px rgba(var(--accent-rgb),.2)}.btn--secondary:active{transform:translateY(0) scale(.98);background:rgba(var(--accent-rgb),.15)}.btn--tertiary{color:var(--text-secondary);background:rgba(var(--bg-surface-rgb),.5);border:1px solid rgba(var(--border-rgb),.3);font-weight:500}.btn--tertiary:hover{color:var(--text-primary);background:rgba(var(--bg-surface-rgb),.8);border-color:rgba(var(--accent-rgb),.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--bg-surface-rgb),.3)}.btn--cta{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-inverse);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4),0 3px 8px rgba(var(--accent-rgb),.3);position:relative;overflow:hidden}.btn--cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn--cta:hover:before{left:100%}.btn--cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 36px rgba(var(--accent-rgb),.6),0 6px 16px rgba(var(--accent-rgb),.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);font-family:var(--font-family-ui);font-weight:600;font-size:clamp(.875rem,2vw,1rem);line-height:1.2;text-decoration:none;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none;white-space:nowrap;letter-spacing:.025em;will-change:transform,background,box-shadow;contain:layout style paint;min-height:44px;min-width:44px}.btn:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn:disabled,.btn:disabled:hover,.btn:disabled:active,.btn:disabled:focus{transform:none;box-shadow:none;opacity:.6}.btn--primary{color:var(--text-inverse);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 4px 16px rgba(var(--brand-blue-rgb),.3),0 2px 6px rgba(var(--brand-blue-rgb),.2);position:relative}.btn--primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.1));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}:root:not(.dark) .btn--primary{background:linear-gradient(135deg,var(--action-color-primary) 0%,var(--brand-blue-700) 50%,var(--brand-blue-600) 100%);border:1px solid rgba(255,255,255,.2)}:root:not(.dark) .btn--primary:hover{background:linear-gradient(135deg,var(--brand-blue-700) 0%,var(--brand-blue-600) 50%,var(--brand-blue-700) 100%);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(var(--brand-blue-rgb),.5),0 6px 12px rgba(var(--brand-blue-rgb),.3)}:root:not(.dark) .btn--primary:active{transform:translateY(0) scale(.98);background:linear-gradient(135deg,var(--brand-blue-700) 0%,var(--brand-blue-600) 50%,var(--brand-blue-700) 100%);box-shadow:0 2px 8px rgba(var(--brand-blue-rgb),.3),inset 0 2px 4px rgba(0,0,0,.1)}:root.dark .btn--primary,[data-theme=dark] .btn--primary{background:linear-gradient(135deg,var(--action-color-primary) 0%,var(--brand-blue-600) 50%,var(--brand-blue-700) 100%);border:1px solid rgba(255,255,255,.1)}:root.dark .btn--primary:hover,[data-theme=dark] .btn--primary:hover{background:linear-gradient(135deg,var(--brand-blue-400) 0%,var(--action-color-primary) 50%,var(--brand-blue-600) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(var(--brand-blue-rgb),.4),0 4px 8px rgba(var(--brand-blue-rgb),.3)}:root.dark .btn--primary:active,[data-theme=dark] .btn--primary:active{transform:translateY(0) scale(.98);background:linear-gradient(135deg,var(--brand-blue-600) 0%,var(--brand-blue-700) 50%,var(--brand-blue-700) 100%);box-shadow:0 2px 8px rgba(var(--brand-blue-rgb),.3),inset 0 2px 4px rgba(0,0,0,.2)}.btn--outline{background:transparent;color:var(--accent-secondary);border:2px solid var(--accent-secondary);font-weight:600}.btn--outline:hover{background:var(--accent-secondary);color:var(--text-inverse);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 16px rgba(var(--brand-cyan-rgb),.3),0 2px 4px rgba(var(--brand-cyan-rgb),.2)}.btn--outline:active{transform:translateY(0) scale(.98)}.btn--link{background:transparent;color:var(--accent-secondary);border:none;padding:.5rem 1rem;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;font-weight:500}.btn--link:hover{color:var(--accent-primary);text-decoration-color:var(--accent-primary);transform:translateY(-1px)}.btn--large{padding:1rem 2rem;font-size:var(--step-1);border-radius:var(--border-radius-md)}.btn--small{padding:.5rem 1rem;font-size:var(--step--1);border-radius:var(--border-radius-sm);min-height:44px;min-width:44px}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn-group--center{justify-content:center}.btn-group--end{justify-content:flex-end}@media (max-width: 768px){.btn{padding:.875rem 1.25rem;font-size:.95rem}.btn--large{padding:1rem 1.75rem;font-size:1.05rem}.btn--small{padding:.5rem .875rem;font-size:.85rem}.btn-group{gap:.5rem}}@media (max-width: 480px){.btn{min-width:100px;padding:.875rem 1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}}body.reduced-motion .btn{transition:none}body.reduced-motion .btn:hover,body.reduced-motion .btn:active{transform:none}@media (prefers-contrast: high){.btn{backdrop-filter:none;-webkit-backdrop-filter:none}.btn--primary{background:var(--accent-primary);border:2px solid var(--text-primary)}.btn--secondary{background:var(--bg-surface);border:2px solid var(--text-primary);color:var(--text-primary)}.btn--outline{border-width:3px}}@media print{.btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--text-primary);box-shadow:none;transform:none}.btn,.btn:hover,.btn:active,.btn:focus{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--text-primary);box-shadow:none;transform:none}}.btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn--primary:not(:disabled):hover{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@supports not (backdrop-filter: blur(8px)){.btn{backdrop-filter:none;-webkit-backdrop-filter:none}:root:not(.dark) .btn--secondary{background:rgba(255,255,255,.95)}:root.dark .btn--secondary,[data-theme=dark] .btn--secondary{background:rgba(55,65,81,.95)}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);font-family:var(--font-family-ui);font-weight:700;font-size:clamp(.875rem,2vw,1rem);line-height:1.2;text-decoration:none;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:44px;min-width:44px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-inverse);text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 6px 20px rgba(var(--accent-rgb),.4),0 3px 8px rgba(var(--accent-rgb),.3)}.submit-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-8);min-height:48px;min-width:44px;background:var(--interactive-default);color:var(--text-inverse);border:1px solid var(--interactive-default);border-radius:var(--border-radius-lg);font-family:var(--font-family-ui);font-weight:600;font-size:var(--text-base);text-decoration:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.submit-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.submit-button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}.submit-button:hover:not(:disabled){background:var(--interactive-hover);border-color:var(--interactive-hover);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--brand-blue-rgb),.3)}.submit-button:active:not(:disabled){background:var(--interactive-active);transform:translateY(0);box-shadow:0 2px 8px rgba(var(--brand-blue-rgb),.2)}.submit-button:disabled{background:var(--interactive-disabled);color:var(--text-disabled);border-color:var(--interactive-disabled);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.submit-button .button-loading,.btn .button-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.submit-button[data-loading=true] .button-loading,.btn[data-loading=true] .button-loading{display:block}.submit-button[data-loading=true] .button-text,.btn[data-loading=true] .button-text{opacity:0}.button-loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;min-height:44px;min-width:44px;border-radius:8px;font-family:var(--font-family-ui);font-weight:600;font-size:.9rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--interactive-default);background:var(--interactive-default);color:var(--text-inverse)}.btn-primary:hover{background:var(--interactive-hover);border-color:var(--interactive-hover);transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;min-height:44px;min-width:44px;border-radius:8px;font-family:var(--font-family-ui);font-weight:600;font-size:.9rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:all var(--transition-base);background:rgba(var(--bg-secondary-rgb),.8);color:var(--text-primary);border:1px solid rgba(var(--border-rgb),.3)}.btn-secondary:hover{background:rgba(var(--bg-secondary-rgb),1);border-color:rgba(var(--accent-rgb),.4)}#theme-toggle button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 15px;background:none;border:1px solid white;color:#fff;border-radius:5px;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family-ui)}#theme-toggle button:hover{background-color:rgba(255,255,255,.2)}#theme-toggle button.active{background-color:#fff;color:#000}#theme-toggle button:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.logout-button{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:20px;right:20px;min-height:44px;min-width:44px;padding:10px 20px;background-color:var(--accent-secondary);color:var(--text-inverse);border:none;border-radius:var(--border-radius-md);font-family:var(--font-family-ui);font-weight:600;cursor:pointer;transition:all var(--transition-base);z-index:var(--z-controls)}.logout-button:hover{background-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.logout-button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}:root:not(.dark) .submit-button{background:var(--bg-emphasis);border-color:var(--bg-emphasis);color:var(--text-inverse)}:root:not(.dark) .submit-button:hover:not(:disabled){background:var(--color-neutral-700);border-color:var(--color-neutral-700);color:var(--text-inverse)}:root:not(.dark) .submit-button:disabled{background:var(--interactive-disabled);border-color:var(--interactive-disabled);color:var(--text-inverse);opacity:.6}:root:not(.dark) .btn-primary{background:var(--bg-emphasis);border-color:var(--bg-emphasis);color:var(--text-inverse)}:root:not(.dark) .btn-primary:hover{background:var(--color-neutral-700);border-color:var(--color-neutral-700)}button:not(.btn):not(.submit-button):not(.cta-button):not(.btn-primary):not(.btn-secondary){min-height:44px;min-width:44px}@media (pointer: coarse){.btn,.submit-button,.cta-button,.btn-primary,.btn-secondary,button{min-height:48px;min-width:48px}.btn--small{min-height:44px;min-width:44px}}.settings-trigger{position:fixed;bottom:var(--space-24);right:var(--space-24);width:56px;height:56px;background:var(--interactive-default);color:var(--text-inverse);border:none;border-radius:50%;box-shadow:var(--shadow-elevated);cursor:pointer;transition:all var(--transition-base);z-index:var(--z-popover);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.settings-trigger svg{width:20px;height:20px;color:inherit}.settings-trigger:hover{background:var(--interactive-hover);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-dramatic)}.settings-trigger:active{transform:translateY(0) scale(.95)}.settings-trigger.active{background:var(--interactive-active);transform:rotate(45deg)}.settings-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--bg-canvas);border-left:1px solid var(--border-default);box-shadow:var(--shadow-dramatic);transform:translate(100%);transition:transform var(--transition-slow);z-index:var(--z-modal);overflow-y:auto;display:flex;flex-direction:column}.settings-panel.open{transform:translate(0)}.settings-header{padding:var(--space-24);border-bottom:1px solid var(--border-default);background:var(--bg-subtle);position:sticky;top:0;z-index:1}.settings-title{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-default);margin:0 0 var(--space-2) 0}.settings-subtitle{font-family:var(--font-family-body);font-size:var(--text-sm);color:var(--text-muted);margin:0}.settings-close{position:absolute;top:var(--space-16);right:var(--space-16);width:44px;height:44px;background:var(--bg-muted);color:var(--text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.settings-close:hover{background:var(--bg-accent);color:var(--text-accent)}.settings-content{flex:1;padding:var(--space-24)}.settings-section{margin-bottom:var(--space-32)}.settings-section-title{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-default);margin:0 0 var(--space-16) 0;display:flex;align-items:center;gap:var(--space-2)}.settings-section-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.settings-section-icon svg{width:100%;height:100%;color:inherit}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16);background:var(--bg-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-8);transition:all var(--transition-base)}.setting-item:hover{background:var(--bg-accent);transform:translate(var(--space-2))}.setting-info{flex:1}.setting-label{font-family:var(--font-family-body);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-default);margin:0 0 var(--space-1) 0}.setting-description{font-family:var(--font-family-body);font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:var(--leading-relaxed)}.setting-toggle{position:relative;width:48px;height:24px;background:var(--bg-muted);border-radius:12px;cursor:pointer;transition:all var(--transition-base);border:none;outline:none}.setting-toggle.active{background:var(--interactive-default)}.setting-toggle:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-canvas);border-radius:50%;transition:all var(--transition-base);box-shadow:var(--shadow-subtle)}.setting-toggle.active:before{transform:translate(24px)}.setting-toggle:focus{box-shadow:0 0 0 3px var(--bg-accent)}.theme-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-8)}.theme-option{padding:var(--space-12);background:var(--bg-subtle);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative}.theme-option:hover{border-color:var(--border-accent);background:var(--bg-accent)}.theme-option.active{border-color:var(--interactive-default);background:var(--bg-accent)}.theme-option.active:before{content:"✓";position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:var(--interactive-default);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.theme-preview{width:40px;height:40px;border-radius:var(--radius-md);margin:0 auto var(--space-2);position:relative;overflow:hidden}.theme-preview.light{background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #e0e0e0}.theme-preview.dark{background:linear-gradient(135deg,#212121,#0a0a0a);border:1px solid #616161}.theme-label{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-default);margin:0}.performance-panel{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-16);margin-top:var(--space-16)}.performance-title{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-default);margin:0 0 var(--space-8) 0}.performance-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.performance-stat{text-align:center}.performance-value{font-family:var(--font-family-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--interactive-default);margin:0}.performance-label{font-family:var(--font-family-body);font-size:var(--text-xs);color:var(--text-muted);margin:0}.shortcuts-list{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-16);margin-top:var(--space-16)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.shortcut-item:last-child{border-bottom:none}.shortcut-action{font-family:var(--font-family-body);font-size:var(--text-sm);color:var(--text-default)}.shortcut-key{background:var(--bg-muted);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-body);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid var(--border-default)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-overlay);backdrop-filter:blur(4px)}.settings-overlay.open{opacity:1;visibility:visible}@media (max-width: 768px){.settings-trigger{bottom:var(--space-16);right:var(--space-16);width:48px;height:48px}.settings-panel{width:100%;max-width:100vw}.settings-header,.settings-content{padding:var(--space-16)}.theme-selector,.performance-stats{grid-template-columns:1fr}}.quick-actions{padding:var(--space-16);border-top:1px solid var(--border-default);background:var(--bg-subtle);display:flex;gap:var(--space-8)}.quick-action{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;font-family:var(--font-family-body);font-size:var(--text-xs);color:var(--text-muted)}.quick-action:hover{background:var(--bg-accent);color:var(--text-accent);border-color:var(--border-accent)}.settings-panel.closing{animation:slideOut var(--transition-slow) ease-in-out}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.settings-panel:focus-within{outline:none}.setting-toggle:focus-visible,.theme-option:focus-visible,.quick-action:focus-visible{outline:2px solid var(--interactive-default);outline-offset:2px}@media (prefers-reduced-motion: reduce){.settings-panel,.settings-trigger,.setting-toggle,.theme-option,.setting-item{transition:none!important;animation:none!important}.settings-trigger:hover{transform:none!important}}.route-loader{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.route-loader.active{opacity:1;visibility:visible}.loader-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,var(--accent-primary) 100%);width:0%;transition:width .3s ease;box-shadow:0 0 10px rgba(var(--brand-blue-rgb),.5);animation:loader-shimmer 2s infinite}@keyframes loader-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loading{min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.skeleton-container{width:100%;padding:var(--spacing-xl);animation:skeleton-fade-in .3s ease}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #f0f0f0) 25%,var(--skeleton-highlight, #e0e0e0) 50%,var(--skeleton-base, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius-sm);position:relative;overflow:hidden}[data-theme=dark] .skeleton{--skeleton-base: #2a2a2a;--skeleton-highlight: #3a3a3a}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:200px;border-radius:var(--border-radius-lg)}.skeleton-button{height:2.5rem;width:120px;border-radius:var(--border-radius-md)}.skeleton-input{height:2.5rem;border-radius:var(--border-radius-sm)}.component-loading{position:relative;pointer-events:none;opacity:.7;transition:opacity .2s ease}.inline-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);z-index:1001;background:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevated);border:1px solid var(--color-border);backdrop-filter:blur(8px)}.spinner-icon{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;font-family:var(--font-family-ui)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-loading{position:relative}.form-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background-rgb, 255, 255, 255),.8);backdrop-filter:blur(2px);z-index:10;border-radius:inherit}.form-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid var(--color-border);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;z-index:11}.button.loading{position:relative;color:transparent!important;cursor:not-allowed;pointer-events:none}.button.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-success{text-align:center;padding:var(--spacing-2xl);animation:success-slide-in .5s ease}.success-icon{font-size:3rem;margin-bottom:var(--spacing-lg);animation:success-bounce .6s ease}@keyframes success-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes success-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.progressive-loading{position:relative;overflow:hidden}.progressive-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--brand-blue-rgb),.1),transparent);animation:progressive-sweep 2s infinite}@keyframes progressive-sweep{0%{left:-100%}to{left:100%}}.form-error{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);border-radius:var(--border-radius-md);color:var(--danger-color);animation:error-shake .5s ease}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.field-error{border-color:var(--danger-color)!important;box-shadow:0 0 0 2px rgba(var(--danger-rgb),.2)!important;animation:field-error-pulse .3s ease}@keyframes field-error-pulse{0%{box-shadow:0 0 rgba(var(--danger-rgb),.4)}to{box-shadow:0 0 0 4px rgba(var(--danger-rgb),0)}}.field-valid{border-color:var(--success-color)!important;box-shadow:0 0 0 2px rgba(var(--brand-green-rgb),.2)!important}.reduce-motion .skeleton{animation:none;background:var(--skeleton-base)}.reduce-motion .spinner-icon,.reduce-motion .button.loading:before{animation:none;border-top-color:var(--accent-primary)}.reduce-motion .form-success,.reduce-motion .success-icon{animation:none}@media (prefers-contrast: high){.skeleton{background:gray}.spinner-icon,.button.loading:before{border-top-color:CanvasText}.field-error{border-color:Highlight!important}}@media print{.skeleton,.inline-loading-spinner,.component-loading,.route-loader{display:none!important}}.focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important;border-radius:2px!important;position:relative}button.focus-visible,.button.focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important;box-shadow:0 0 0 3px rgba(var(--brand-blue-rgb),.25),var(--shadow-card)!important;transform:translateY(-1px);transition:all .2s ease}input.focus-visible,textarea.focus-visible,select.focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:0!important;border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px rgba(var(--brand-blue-rgb),.25),inset 0 1px 2px rgba(0,0,0,.1)!important}a.focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important;text-decoration:underline!important;background-color:rgba(var(--brand-blue-rgb),.1)!important;border-radius:2px!important;padding:2px 4px;margin:-2px -4px}.nav-item.focus-visible,.mobile-nav-item.focus-visible{background-color:rgba(var(--brand-blue-rgb),.1)!important;transform:translate(4px);border-left:3px solid var(--accent-primary)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:#fff;padding:8px 12px;text-decoration:none;border-radius:var(--border-radius-sm);z-index:10000;font-weight:600;font-family:var(--font-family-ui);font-size:var(--font-size-sm);transition:top .3s ease;box-shadow:var(--shadow-elevated)}.skip-link:focus{top:6px;outline:2px solid white;outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus,a:focus{outline:none!important}.focus-trapped{outline:none;position:relative}.focus-trapped:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(var(--brand-blue-rgb),.3);border-radius:inherit;pointer-events:none;z-index:-1}[aria-live]{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[aria-live].announce-visible{position:static;width:auto;height:auto;overflow:visible}.form-group{position:relative;margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text);font-family:var(--font-family-ui)}.form-group label:after{content:" *";color:var(--danger-color);font-weight:400}.form-group:not(.required) label:after{display:none}[id$=-error]{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:block;font-family:var(--font-family-ui);line-height:1.4}[id$=-error]:empty{display:none}.floating-label{position:relative}.floating-label label{position:absolute;top:50%;left:12px;transform:translateY(-50%);transition:all .2s ease;pointer-events:none;background:var(--color-background);padding:0 4px;color:var(--color-text-muted);z-index:1}.floating-label.focused label,.floating-label input:not(:placeholder-shown)+label,.floating-label textarea:not(:placeholder-shown)+label{top:0;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--accent-primary);font-weight:500}.floating-label input,.floating-label textarea{padding-top:1.5rem;padding-bottom:.5rem}@media (prefers-contrast: high){.focus-visible{outline:3px solid CanvasText!important;outline-offset:2px!important}button.focus-visible,.button.focus-visible{outline:3px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}.skip-link{background:CanvasText;color:Canvas;border:2px solid Canvas}.field-error{border-color:Mark!important}[id$=-error]{color:Mark}}@media (prefers-reduced-motion: reduce){.focus-visible,button.focus-visible,.button.focus-visible,.nav-item.focus-visible,.mobile-nav-item.focus-visible,.theme-option.focus-visible,.setting-toggle.focus-visible{transition:none!important;transform:none!important}.skip-link,.floating-label label{transition:none}}[data-theme=dark]{--skeleton-base: #2a2a2a;--skeleton-highlight: #3a3a3a}[data-theme=dark] .skip-link{background:var(--color-white);color:var(--color-charcoal)}[data-theme=dark] .floating-label label{background:var(--color-background-secondary)}@media (pointer: coarse){button.focus-visible,.button.focus-visible,a.focus-visible{outline-width:3px!important;outline-offset:3px!important}.skip-link{padding:12px 16px;font-size:var(--font-size-base)}}@media print{.skip-link,[aria-live],.focus-visible:before{display:none!important}.focus-visible{outline:2px solid black!important}}.keyboard-navigation .focus-visible{outline-width:3px!important;box-shadow:0 0 0 5px rgba(var(--brand-blue-rgb),.2),var(--shadow-card)!important}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9990}.mobile-nav-overlay.focus-trapped{outline:none}.mobile-nav-overlay.focus-trapped:before{border-color:rgba(var(--brand-blue-rgb),.2)}button[aria-busy=true]{cursor:wait;opacity:.7}button[aria-busy=true]:after{content:" (Loading...)";font-size:var(--font-size-xs);font-weight:400}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger-color);box-shadow:0 0 0 2px rgba(var(--danger-rgb),.2)}input[aria-invalid=false],textarea[aria-invalid=false]{border-color:var(--success-color);box-shadow:0 0 0 2px rgba(var(--brand-green-rgb),.2)}[role=alert]{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.3);color:var(--danger-color);font-weight:500}[role=status]{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:rgba(var(--brand-blue-rgb),.1);border:1px solid rgba(var(--brand-blue-rgb),.3);color:var(--accent-primary);font-weight:500}a:not(.button){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:text-decoration-thickness .2s ease}a:not(.button):hover{text-decoration-thickness:2px}a:not(.button).focus-visible{text-decoration-thickness:2px}:root{--color-charcoal: #0F0F0F;--color-dark-gray: #1A1A1A;--color-medium-gray: #333333;--color-light-gray: #AAAAAA;--color-white: #FFFFFF;--brand-blue-500: #0066CC;--brand-blue-600: #0052A3;--brand-blue-700: #003D7A;--brand-blue-400: #3388DD;--brand-cyan-500: #00B4D8;--brand-cyan-400: #33C1DD;--brand-green-500: #28A745;--brand-green-400: #218838;--brand-red-500: #DC3545;--brand-red-400: #C82333;--brand-blue-rgb: 0, 102, 204;--brand-cyan-rgb: 0, 180, 216;--brand-green-rgb: 40, 167, 69;--danger-rgb: 220, 53, 69;--accent-primary: var(--brand-blue-500);--accent-secondary: var(--brand-cyan-500);--accent-hover: var(--brand-blue-400);--action-color-primary: var(--brand-blue-500);--action-color-hover: var(--brand-blue-600);--success-color: var(--brand-green-500);--danger-color: var(--brand-red-500);--accent-500: var(--accent-primary);--accent-600: var(--accent-hover);--success-500: var(--success-color);--success-400: var(--brand-green-400);--danger-500: var(--danger-color);--danger-400: var(--brand-red-400);--nav-width: 260px;--nav-collapsed: 56px;--section-padding: min(10vh, 6rem);--container-padding: 1.5rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 20px;--shadow-card: 0 2px 8px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.05);--shadow-card-hover: 0 16px 64px rgba(0, 0, 0, .18), 0 8px 32px rgba(0, 0, 0, .12);--shadow-elevated: 0 10px 30px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.1);--font-family-heading: "DM Sans", system-ui, sans-serif;--font-family-body: "Open Sans", system-ui, sans-serif;--font-family-ui: "Open Sans", system-ui, sans-serif;--font-family-display: "DM Sans", system-ui, sans-serif;--font-size-base: 1rem;--line-height-base: 1.6;--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--z-background: -1;--z-content: 1;--z-cards: 2;--z-modals: 100;--z-navigation-overlay: 1000;--z-navigation-drawer: 1001;--z-navigation-button: 1002;--z-controls: 1003;--z-tooltips: 1500;--z-emergency: 10000;--bg-nav-rgb: 26, 26, 26;--bg-panel-rgb: 51, 51, 51;--bg-surface-rgb: 255, 255, 255;--bg-content-rgb: 255, 255, 255;--bg-danger-rgb: 220, 38, 38;--border-rgb: 204, 204, 204;--accent-rgb: 204, 204, 204}:root:not(.dark){--bg-primary: var(--color-white);--bg-surface: #FAFAFA;--bg-muted: #F5F5F5;--bg-nav-rgb: 255, 255, 255;--bg-panel-rgb: 250, 250, 250;--bg-surface-rgb: 250, 250, 250;--bg-content-rgb: 250, 250, 250;--border-rgb: 220, 220, 220;--accent-rgb: 0, 102, 204;--border-default: #E0E0E0;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #6B6B6B;--text-inverse: var(--color-white);--accent-primary: var(--brand-blue-600);--accent-hover: var(--brand-blue-700);--accent-subtle: rgba(0, 102, 204, .08);--action-color-primary: var(--brand-blue-600);--action-color-hover: var(--brand-blue-700);--success: var(--success-color);--danger: var(--danger-color);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.15), 0 2px 4px -1px rgba(0,0,0,.1);--bg-overlay-3d: rgba(0, 0, 0, .1);--blend-mode-3d: multiply;--texture-pattern: repeating-linear-gradient( 45deg, transparent, transparent 4px, rgba(0, 0, 0, .03) 4px, rgba(0, 0, 0, .03) 8px )}:root.dark,[data-theme=dark]{--bg-primary: var(--color-charcoal);--bg-surface: #1C1C1C;--bg-muted: #2A2A2A;--bg-nav-rgb: 15, 15, 15;--bg-panel-rgb: 28, 28, 28;--bg-surface-rgb: 28, 28, 28;--bg-content-rgb: 28, 28, 28;--border-rgb: 68, 68, 68;--accent-rgb: 0, 102, 204;--border-default: #444444;--text-primary: #FFFFFF;--text-secondary: #CCCCCC;--text-muted: #999999;--text-inverse: var(--color-charcoal);--accent-primary: var(--brand-blue-500);--accent-hover: var(--brand-blue-400);--accent-subtle: rgba(0, 123, 255, .15);--action-color-primary: var(--brand-blue-500);--action-color-hover: var(--brand-blue-400);--success: var(--brand-green-400);--danger: var(--brand-red-400);--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--bg-overlay-3d: rgba(255, 255, 255, .1);--blend-mode-3d: overlay;--texture-pattern: repeating-linear-gradient( 45deg, transparent, transparent 4px, rgba(255, 255, 255, .03) 4px, rgba(255, 255, 255, .03) 8px )}:root{--background-primary: var(--bg-primary);--background-secondary: var(--bg-muted);--background-card: var(--bg-surface);--border-light: var(--bg-muted);--accent-focus: var(--accent-secondary);--shadow-light: var(--shadow-sm);--shadow-medium: var(--shadow-md);--background-overlay: var(--bg-surface);--overlay-light: var(--bg-surface);--overlay-medium: var(--bg-surface);--color-primary: var(--accent-primary);--color-background: var(--bg-primary);--color-text: var(--text-primary);--color-accent: var(--accent-primary);--transition-duration: .25s}.section{background:transparent}.section:nth-of-type(2n){background:transparent}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;max-width:100%}body{font-family:var(--font-family-ui);font-weight:400;font-size:var(--font-size-base);letter-spacing:-.01em;background-color:var(--bg-primary);background-image:var(--texture-pattern);color:var(--text-primary);line-height:var(--line-height-base);min-height:100vh;max-width:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){:root{--font-size-base: .875rem}}:root:not(.dark) body{background-color:transparent;background-image:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.main-content{position:relative;z-index:1;height:100vh;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-left:0;box-sizing:border-box}@media (min-width: 1024px){.main-content{margin-left:0}}.section{min-height:100vh;width:100%;max-width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding-block:clamp(var(--spacing-3xl),8vh,var(--spacing-4xl));padding-inline:clamp(var(--spacing-xl),5vw,var(--spacing-3xl));position:relative;transition:all var(--transition-base);overflow-x:hidden}:root:not(.dark) .section{background-color:transparent}.container{max-width:min(100%,1400px);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));align-items:center;position:relative;padding:0 clamp(1.5rem,4vw,3rem);box-sizing:border-box}.container>*{grid-column:1 / -1}.container .content-left{grid-column:1 / 8;text-align:left}.container .content-right{grid-column:6 / -1;text-align:left}.container .content-center-narrow{grid-column:3 / 11;text-align:center}.container .content-offset{grid-column:2 / 10;text-align:left}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--spacing-xl),4vw,var(--spacing-3xl));align-items:start}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(var(--spacing-lg),3vw,var(--spacing-2xl));align-items:start}.grid-asymmetric{display:grid;grid-template-columns:2fr 3fr;gap:clamp(var(--spacing-xl),4vw,var(--spacing-3xl));align-items:center}.section h1{font-family:var(--font-family-heading);font-weight:400;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:clamp(1.5rem,4vh,2.5rem);color:var(--text-primary);opacity:0;transform:translateY(30px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;max-width:20ch;margin-left:auto;margin-right:auto;will-change:transform,opacity}[data-theme=dark] .section h1,[data-theme=dark] .section h2{color:var(--text-primary)}:root:not(.dark) .section h1,:root:not(.dark) .section h2{color:var(--text-primary)}.section h2{font-family:var(--font-family-body);font-weight:600;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.015em;margin-bottom:clamp(1rem,3vh,1.5rem);color:var(--text-primary);opacity:0;transform:translateY(30px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;max-width:30ch;will-change:transform,opacity}.section h3{font-family:var(--font-family-heading);font-weight:600;font-size:var(--step-1);line-height:1.4;letter-spacing:0;margin-bottom:clamp(1rem,2.5vh,2rem);color:var(--accent-primary);opacity:0;transform:translateY(30px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;will-change:transform,opacity}.section p{font-family:var(--font-family-ui);font-weight:400;font-size:clamp(1rem,2.5vw,1.125rem);letter-spacing:.01em;margin-bottom:clamp(1.25rem,3vh,1.75rem);opacity:0;line-height:1.7;transform:translateY(20px) translateZ(0);transition:all .8s cubic-bezier(.4,0,.2,1) .2s;max-width:65ch;margin-left:auto;margin-right:auto;will-change:transform,opacity}[data-theme=dark] .section p{color:var(--text-secondary)}:root:not(.dark) .section p{color:var(--text-secondary)}.lead{font-size:1.25rem;font-weight:500;margin-bottom:2rem;opacity:.9}[data-theme=dark] .lead{color:var(--text-secondary)}:root:not(.dark) .lead{color:var(--text-secondary)}:root:not(.dark){--text-inverse: #212529}:root:not(.dark) *[style*="color: white"],:root:not(.dark) *[style*="color: #fff"],:root:not(.dark) *[style*="color: #ffffff"]{color:#212529}:root:not(.dark) .text-white{color:#212529}:root:not(.dark) button:not(.btn--primary):not(.cta-button){color:#212529;background:#f8f9fa;border-color:#6c757d;min-height:44px;min-width:44px}:root:not(.dark) button:not(.btn--primary):not(.cta-button):hover{color:#212529;background:#e9ecef;border-color:#495057}:root:not(.dark) .nav-text,:root:not(.dark) .nav-link,:root:not(.dark) .nav-item{color:#212529}:root:not(.dark) .nav-link:hover,:root:not(.dark) .nav-item:hover{color:#495057}.navigation-panel{position:fixed;top:0;left:0;z-index:100}.sidebar-pagination{position:fixed;right:2rem;top:50%;transform:translateY(-50%) translateZ(0);z-index:1000;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}@supports (backdrop-filter: blur(10px)){.sidebar-pagination{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.sidebar-pagination{background:rgba(255,255,255,.9);box-shadow:0 8px 32px rgba(0,0,0,.2)}[data-theme=dark] .sidebar-pagination{background:rgba(26,26,26,.9)}}.pagination-dots{display:flex;flex-direction:column;gap:1rem}.sidebar-pagination:hover{transform:translateY(-50%) scale(1.05) translateZ(0);box-shadow:0 12px 48px rgba(0,0,0,.15)}.pagination-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid transparent;padding:0;outline:none}.pagination-dot:focus{outline:2px solid var(--accent-secondary);outline-offset:4px}.pagination-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.2) translateZ(0)}.pagination-dot.active{background:var(--accent-secondary);transform:scale(1.3) translateZ(0);box-shadow:0 0 16px rgba(var(--accent-secondary-rgb),.8);border-color:rgba(var(--brand-cyan-rgb),.3);will-change:transform}.pagination-dot.active:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px solid var(--accent-secondary);opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1);opacity:.3}}.pagination-theme-controls{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.pagination-theme-toggle{width:28px;height:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.7);transition:all .2s ease;position:relative;padding:0;outline:none}.pagination-theme-toggle:hover{background:rgba(255,255,255,.2);color:rgba(255,255,255,.9);transform:scale(1.1) translateZ(0);border-color:rgba(255,255,255,.3)}.pagination-theme-toggle:focus{outline:2px solid var(--accent-secondary);outline-offset:2px}.pagination-theme-toggle.active{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary);box-shadow:0 0 8px rgba(var(--accent-secondary-rgb),.4)}.pagination-theme-toggle.active:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid var(--accent-secondary);opacity:.3;animation:pulse 2s infinite}.pagination-theme-toggle svg{width:14px;height:14px;stroke-width:2.5}.section.active h1,.section.active h2,.section.active h3{opacity:1;transform:translateY(0) translateZ(0)}.section.active p{opacity:.85;transform:translateY(0) translateZ(0)}.section{--stagger-delay: .1s}.section.active h1{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) forwards}.section.active h2{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) var(--stagger-delay) forwards}.section.active h3{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) calc(var(--stagger-delay) * 1.5) forwards}.section.active p{animation:slideInUpParagraph .8s cubic-bezier(.4,0,.2,1) calc(var(--stagger-delay) * 2) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes slideInUpParagraph{0%{opacity:0;transform:translateY(30px) translateZ(0)}to{opacity:.85;transform:translateY(0) translateZ(0)}}.section.fade-out{opacity:0;transform:scale(.95)}.section.fade-in{opacity:1;transform:scale(1)}.smooth-scroll{scroll-behavior:smooth;scroll-snap-type:y mandatory}.animate-in{animation:slideInUp .8s cubic-bezier(.4,0,.2,1) forwards}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body.reduced-motion .section h1,body.reduced-motion .section h2,body.reduced-motion .section h3,body.reduced-motion .section p{opacity:1!important;transform:none!important}@media (prefers-contrast: high){:root{--bg-primary: #000000;--bg-surface: #000000;--bg-muted: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #cccccc;--accent-primary: #ffffff;--border-default: #ffffff;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3)}:root.dark,[data-theme=dark]{--bg-primary: #000000;--bg-surface: #000000;--bg-muted: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #cccccc;--accent-primary: #ffffff;--border-default: #ffffff;--shadow-sm: 0 1px 3px rgba(255,255,255,.3);--shadow-md: 0 4px 6px -1px rgba(255,255,255,.3);--shadow-lg: 0 10px 15px -3px rgba(255,255,255,.3)}.section h1,.section h2,.section h3{text-shadow:none}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: var(--color-medium-gray)}}.base-card{background:var(--bg-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-card);border:1px solid var(--border-default);transition:all var(--transition-base);position:relative;overflow:hidden}.base-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-secondary);opacity:0;transition:opacity var(--transition-base)}.base-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-card-hover);border-color:var(--accent-secondary)}.base-card:hover:before{opacity:1}:focus{outline:2px solid var(--accent-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-secondary);color:var(--text-inverse);padding:8px 16px;border-radius:4px;text-decoration:none;z-index:10000;transition:top var(--transition-fast);font-weight:600}.skip-link:focus{top:6px}@media (pointer: coarse){button,[role=button],input,select,textarea,a{min-height:44px;min-width:44px}}@media print{.nav-drawer,.mobile-menu-btn,.nav-overlay,.sidebar-pagination,.three-bg{display:none!important}.main-content{margin-left:0!important}.section{height:auto!important;page-break-inside:avoid;margin-bottom:2rem}body{background:#fff!important;color:#000!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-pagination{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media screen and (-webkit-min-device-pixel-ratio: 0){input,select,textarea{font-size:16px}}@supports (-webkit-touch-callout: none){.main-content{height:-webkit-fill-available;min-height:-webkit-fill-available}.section{min-height:100vh;min-height:-webkit-fill-available}}.main-content{-webkit-overflow-scrolling:touch}@supports (padding: max(0px)){.nav-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-nav-content{margin-left:max(5%,env(safe-area-inset-left));margin-right:max(5%,env(safe-area-inset-right))}.sidebar-pagination{right:max(2rem,env(safe-area-inset-right))}}@media (prefers-contrast: high){.sidebar-pagination{background:var(--background-card);border:2px solid var(--accent-secondary);backdrop-filter:none}.pagination-dot{background:var(--text-primary);border:2px solid var(--accent-secondary)}.pagination-dot.active{background:var(--accent-secondary);box-shadow:none}}.navigation-panel{z-index:1001}.sidebar-pagination{z-index:1000}.main-nav{z-index:1001}.three-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}#theme-toggle{display:flex;gap:10px;padding:10px;background:rgba(0,0,0,.5);border-radius:5px}[data-theme=dark]{--background-primary: var(--color-charcoal);--background-secondary: var(--color-dark-gray);--background-card: var(--color-dark-gray);--background-overlay: rgba(26, 26, 26, .95);--text-primary: var(--color-white);--text-secondary: var(--color-light-gray);--text-muted: var(--color-medium-gray);--text-inverse: var(--color-charcoal);--accent-primary: var(--color-light-gray);--accent-secondary: var(--color-medium-gray);--accent-hover: var(--color-white);--accent-focus: var(--color-light-gray);--border-default: var(--color-medium-gray);--border-light: var(--color-dark-gray);--border-focus: var(--color-light-gray);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.5), 0 10px 10px -5px rgba(0,0,0,.3);--bg-overlay-light: rgba(204, 204, 204, .4);--bg-overlay-dark: rgba(26, 26, 26, .85);--bg-primary: var(--background-primary);--bg-secondary: var(--background-secondary);--overlay-light: var(--background-overlay);--overlay-medium: var(--background-overlay)}[data-theme=dark] .main-content{background:transparent;overflow-x:hidden}[data-theme=dark] .section{background:transparent}[data-theme=dark] .section:nth-of-type(2n){background:transparent}@supports not (display: grid){.container{display:flex;flex-direction:column;max-width:100%}.grid-2-col,.grid-3-col,.grid-asymmetric{display:flex;flex-direction:column}}@supports not (gap: 1rem){.container>*+*{margin-top:var(--spacing-lg)}.grid-2-col>*+*,.grid-3-col>*+*,.grid-asymmetric>*+*{margin-top:var(--spacing-lg)}}@supports not (color: var(--text-primary)){:root{color:#333;background-color:#fff}[data-theme=dark]{color:#fff;background-color:#0f0f0f}.section h1,.section h2,.section h3{color:#333}[data-theme=dark] .section h1,[data-theme=dark] .section h2,[data-theme=dark] .section h3{color:#fff}}@supports not (transform: translate3d(0,0,0)){.section h1,.section h2,.section h3,.section p{transform:translateY(0);transition:opacity var(--transition-base)}.nav-item,.mobile-nav-item,.pagination-dot{transform:none;transition:background-color var(--transition-base),color var(--transition-base)}}@supports not (font-size: clamp(1rem,2vw,1.5rem)){.section h1{font-size:3rem}.section h2{font-size:2rem}.section p{font-size:1.125rem}@media (max-width: 768px){.section h1{font-size:2rem}.section h2{font-size:1.5rem}.section p{font-size:1rem}}}@supports not (scroll-snap-type: y mandatory){.main-content{scroll-snap-type:none}.section{scroll-snap-align:none}}@supports not (object-fit: cover){img{width:100%;height:auto}}.section+.section{margin-top:clamp(var(--spacing-xl),5vh,var(--spacing-3xl))}.content-block{margin-bottom:clamp(var(--spacing-2xl),6vh,var(--spacing-4xl))}.content-block:last-child{margin-bottom:0}.container .content-left,.container .content-right{padding:clamp(var(--spacing-xl),4vh,var(--spacing-3xl)) 0}@media (max-width: 1024px){.container{max-width:100%;padding:0 2rem;gap:1.5rem}.section{padding:4vw}.container .content-left,.container .content-right{grid-column:1 / -1;text-align:center}.grid-asymmetric{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem)}}@media (max-width: 768px){.sidebar-pagination{right:1rem;padding:.75rem;gap:.75rem;top:45%;transform:translateY(-50%)}.container .content-left,.container .content-right,.container .content-center-narrow,.container .content-offset{grid-column:1 / -1;text-align:center}.grid-2-col,.grid-3-col,.grid-asymmetric{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem)}.pagination-theme-controls{gap:.4rem;margin-top:.4rem;padding-top:.5rem}.pagination-theme-toggle{width:24px;height:24px;min-height:44px;min-width:44px;padding:10px}.pagination-theme-toggle svg{width:12px;height:12px}.pagination-dot{width:10px;height:10px;min-height:44px;min-width:44px;padding:17px}.pagination-dot.active{transform:scale(1.2) translateZ(0)}.pagination-dot.active:before{top:-4px;left:-4px;right:-4px;bottom:-4px}.section{padding:3vw 4vw;min-height:100vh}.container{max-width:100%;padding:0 1rem;gap:1.5rem}.section h1{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:1.5rem}.section h2{font-size:clamp(1.75rem,6vw,2.75rem);margin-bottom:1.5rem}.section h3{font-size:clamp(1.25rem,5vw,2rem);margin-bottom:1rem}.section p{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:1.5rem;max-width:65ch}}@media (max-width: 480px){.section{padding:2rem 1rem}.container{gap:1rem;padding:0 .5rem}.section h1{font-size:clamp(1.75rem,9vw,2.75rem);margin-bottom:1.25rem}.section h2{font-size:clamp(1.5rem,7vw,2.25rem);margin-bottom:1.25rem}.section h3{font-size:clamp(1.125rem,6vw,1.75rem);margin-bottom:1rem}.section p{font-size:clamp(.95rem,4vw,1.125rem);margin-bottom:1.25rem;max-width:70ch}.sidebar-pagination{right:.5rem;padding:.5rem;gap:.5rem;border-radius:1.5rem}.pagination-dot{width:8px;height:8px}body{font-size:clamp(1rem,4vw,1.125rem)}}h1,.text-main-heading{font-family:var(--font-family-heading);font-weight:var(--weight-normal);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-default);text-align:center;margin:0 0 clamp(1.5rem,4vw,2.5rem) 0;text-shadow:none;max-width:20ch;margin-left:auto;margin-right:auto}@media (min-width: 640px){h1,.text-main-heading{font-size:var(--text-6xl)}}h2,.text-secondary-heading{font-family:var(--font-family-body);font-weight:600;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;letter-spacing:-.015em;color:var(--text-default);margin:0 0 clamp(1rem,3vw,1.5rem) 0;max-width:30ch}h3,.text-tertiary-heading{font-family:var(--font-family-body);font-weight:var(--weight-medium);font-size:var(--text-2xl);line-height:var(--leading-normal);color:var(--text-default);margin:0 0 var(--space-8) 0}h4,.text-quaternary-heading{font-family:var(--font-family-body);font-weight:var(--weight-medium);font-size:var(--text-xl);line-height:var(--leading-normal);color:var(--text-default);margin:0 0 var(--space-6) 0}@media (min-width: 640px){h2,.text-secondary-heading{font-size:var(--text-4xl)}h3,.text-tertiary-heading{font-size:var(--text-2xl)}}body,p,.text-body{font-family:var(--font-family-ui);font-weight:400;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;letter-spacing:.01em;color:var(--text-default);margin:0 0 clamp(1.25rem,3vw,1.75rem) 0;max-width:65ch}.text-lead{font-size:clamp(1.125rem,3vw,1.375rem);font-weight:400;line-height:1.6;letter-spacing:.005em;color:var(--text-muted);margin:0 0 clamp(2rem,4vw,3rem) 0;max-width:55ch}.text-small{font-size:var(--text-sm);color:var(--text-muted)}.text-caption{font-size:var(--text-xs);color:var(--text-subtle);line-height:var(--leading-normal)}button,.btn,.text-button{font-family:var(--font-family-display);font-weight:500;font-size:.875rem;line-height:1.4;letter-spacing:.025em}nav,.nav,.text-nav{font-family:var(--font-family-display);font-weight:500;font-size:.9rem;line-height:1.4;letter-spacing:.02em}input,textarea,select,.text-form{font-family:var(--font-family-display);font-weight:400;font-size:.875rem;line-height:1.4}code,pre,.text-code{font-family:var(--font-family-ui),"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;font-weight:400;font-size:.875rem;line-height:1.5}@media (max-width: 768px){h1,.text-main-heading{font-size:clamp(2rem,6vw,4rem)}h2,.text-secondary-heading{font-size:clamp(1.25rem,3vw,2rem)}h3,.text-tertiary-heading{font-size:clamp(1.125rem,2.5vw,1.5rem)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.text-normal{font-weight:400}.text-light{font-weight:300}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent-primary{color:var(--accent-primary)}.text-accent-secondary{color:var(--accent-secondary)}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.15)}.text-shadow-none{text-shadow:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.m-10{margin:2.5rem}.m-12{margin:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-10{margin-left:2.5rem}.ml-12{margin-left:3rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mr-10{margin-right:2.5rem}.mr-12{margin-right:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.card-base{background:rgba(var(--bg-surface-rgb),.8);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.card-base:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.card-base:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:rgba(var(--accent-rgb),.3)}.card-base:hover:before{opacity:1}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(var(--bg-surface-rgb),.9);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative}.stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-card-hover);border-color:rgba(var(--accent-rgb),.4)}.stat-value{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--accent-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-family-ui);letter-spacing:-.02em;text-rendering:optimizeLegibility;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.75rem,2vw,.875rem);font-weight:600;margin-top:var(--spacing-sm);color:var(--text-muted);text-align:center;font-family:var(--font-family-ui)}.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:var(--spacing-xl) 0}.feature-card{background:rgba(var(--bg-surface-rgb),.8);backdrop-filter:blur(10px);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(var(--accent-rgb),.4)}.service-card{background:rgba(var(--bg-surface-rgb),.85);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-rgb),.25);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:0 0 0 100%;opacity:.1;transition:all var(--transition-base)}.service-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl);border-color:rgba(var(--accent-rgb),.5)}.service-card:hover:after{opacity:.2;width:80px;height:80px}.product-card{background:rgba(var(--bg-surface-rgb),.9);backdrop-filter:blur(15px);border:1px solid rgba(var(--border-rgb),.3);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);transition:all var(--transition-base);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(var(--accent-rgb),.1),transparent,rgba(var(--accent-rgb),.1),transparent);opacity:0;transition:all var(--transition-base);animation:rotate 10s linear infinite;pointer-events:none}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2xl);border-color:rgba(var(--accent-rgb),.6)}.product-card:hover:before{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:rgba(var(--bg-surface-rgb),.8);border:1px solid rgba(var(--border-rgb),.2);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(var(--accent-rgb),.3)}.card-header{margin-bottom:var(--spacing-sm)}.card-title{font-size:var(--step-1);font-weight:600;color:var(--text-primary);margin:0 0 .5rem;font-family:var(--font-family-ui)}.card-description{font-size:var(--step--1);color:var(--text-secondary);line-height:1.6;margin:0}.card-content{color:var(--text-primary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-default)}.feature-card{text-align:center}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-elevated);border-color:var(--accent-secondary);transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-icon{width:3rem;height:3rem;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--accent-secondary);border-radius:.75rem;color:var(--text-inverse);font-size:1.5rem}.feature-title{font-size:var(--step-1);font-weight:600;color:var(--text-primary);margin:0 0 1rem;font-family:var(--font-family-ui)}.feature-description{font-size:var(--step-0);color:var(--text-secondary);line-height:1.6;margin:0}:root:not(.dark) .stat-card,:root:not(.dark) .card,:root:not(.dark) .feature-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.8),rgba(248,250,252,.85));backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.6);position:relative;overflow:hidden}:root:not(.dark) .stat-card:hover,:root:not(.dark) .card:hover,:root:not(.dark) .feature-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9),rgba(248,250,252,.92));backdrop-filter:blur(20px) saturate(2);-webkit-backdrop-filter:blur(20px) saturate(2);border:1px solid rgba(var(--accent-secondary-rgb),.3);box-shadow:0 16px 64px rgba(var(--accent-secondary-rgb),.15),0 8px 32px rgba(var(--accent-secondary-rgb),.1),0 4px 16px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.8);transform:translateY(-4px) scale(1.02)}:root:not(.dark) .stat-card:after,:root:not(.dark) .card:after,:root:not(.dark) .feature-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.03) 0%,transparent 50%,rgba(var(--accent-secondary-rgb),.02) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:var(--z-content)}:root:not(.dark) .stat-card:hover:after,:root:not(.dark) .card:hover:after,:root:not(.dark) .feature-card:hover:after{opacity:1}:root.dark .stat-card,:root.dark .card,:root.dark .feature-card,[data-theme=dark] .stat-card,[data-theme=dark] .card,[data-theme=dark] .feature-card{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9),rgba(71,85,105,.95));border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),0 44px 16px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1)}:root.dark .stat-card:hover,:root.dark .card:hover,:root.dark .feature-card:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .card:hover,[data-theme=dark] .feature-card:hover{background:linear-gradient(135deg,rgba(51,65,85,.98),rgba(71,85,105,.95),rgba(100,116,139,.98));border:1px solid var(--accent-secondary);box-shadow:0 16px 64px rgba(var(--accent-secondary-rgb),.2),0 8px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}.stats-grid .stat-card:nth-child(1){animation-delay:0ms}.stats-grid .stat-card:nth-child(2){animation-delay:.1s}.stats-grid .stat-card:nth-child(3){animation-delay:.2s}.stats-grid .stat-card:nth-child(4){animation-delay:.3s}.services-grid .feature-card:nth-child(1){animation-delay:0ms}.services-grid .feature-card:nth-child(2){animation-delay:.15s}.services-grid .feature-card:nth-child(3){animation-delay:.3s}.feature-icon{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:var(--z-cards)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px rgba(var(--accent-secondary-rgb),.3)}.stat-card:focus-within,.card:focus-within,.feature-card:focus-within{outline:2px solid var(--accent-secondary);outline-offset:4px;transform:translateY(-2px)}@media (hover: none) and (pointer: coarse){.stat-card:active,.card:active,.feature-card:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width: 768px){.stat-card,.card,.feature-card{padding:20px}.stats-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-value{font-size:clamp(1.8rem,8vw,3rem)}.stat-card:hover,.card:hover,.feature-card:hover{transform:translateY(-2px) scale(1.01)}}body.reduced-motion .stat-card,body.reduced-motion .card,body.reduced-motion .feature-card,body.reduced-motion .feature-icon{transition:none}body.reduced-motion .stat-card:hover,body.reduced-motion .card:hover,body.reduced-motion .feature-card:hover,body.reduced-motion .feature-card:hover .feature-icon{transform:none}body.reduced-motion .stats-grid .stat-card,body.reduced-motion .services-grid .feature-card{animation-delay:0ms}@media (prefers-contrast: high){.stat-card,.card,.feature-card{backdrop-filter:none;-webkit-backdrop-filter:none;border-width:2px}:root:not(.dark) .stat-card,:root:not(.dark) .card,:root:not(.dark) .feature-card{background:var(--bg-surface);border-color:var(--text-primary)}:root.dark .stat-card,:root.dark .card,:root.dark .feature-card,[data-theme=dark] .stat-card,[data-theme=dark] .card,[data-theme=dark] .feature-card{background:var(--bg-surface);border-color:var(--text-primary)}}.stat-card,.card,.feature-card{will-change:transform,box-shadow;contain:layout style paint}.feature-icon{will-change:transform}.intro-container{position:relative;width:100%;max-width:1200px;margin:var(--space-32) auto var(--space-24) auto;padding:var(--space-24);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);transition:all var(--transition-base)}.intro-container:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.intro-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.intro-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.intro-title{font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-default);margin:0;text-align:center}.intro-subtitle{font-family:var(--font-family-body);font-size:var(--text-base);color:var(--text-muted);margin:0;max-width:60ch;line-height:var(--leading-relaxed)}.intro-transcript{margin:0;font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-muted);text-align:center;max-width:70ch;padding:var(--space-16);background:var(--bg-canvas);border-radius:var(--radius-md);border:1px solid var(--border-default)}.intro-transcript span{transition:all var(--transition-base);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin:0 1px;position:relative}.intro-transcript span.highlight{color:var(--text-inverse);background:var(--interactive-default);transform:translateY(-1px);box-shadow:var(--shadow-subtle);font-weight:var(--weight-medium)}.play-intro-button{background:var(--interactive-default);color:var(--text-inverse);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;box-shadow:var(--shadow-subtle);position:relative;overflow:hidden;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2);min-height:44px}.play-intro-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.play-intro-button:hover:before{left:100%}.play-intro-button:hover{background:var(--interactive-hover);transform:translateY(-1px);box-shadow:var(--shadow-default)}.play-intro-button:active{background:var(--interactive-active);transform:translateY(0);box-shadow:var(--shadow-subtle)}.play-intro-button:after{content:"▶";font-size:var(--text-sm);margin-left:var(--space-1)}.play-intro-button.playing:after{content:"⏸"}.intro-dismiss{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--bg-muted);color:var(--text-muted);border:none;width:44px;height:44px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.intro-dismiss:hover{background:var(--bg-accent);color:var(--text-accent)}.intro-dismiss:after{content:"✕"}.intro-container.minimized{position:fixed;bottom:var(--space-16);right:var(--space-16);top:auto;left:auto;width:280px;max-width:280px;margin:0;padding:var(--space-8);z-index:var(--z-popover);box-shadow:var(--shadow-elevated)}.intro-container.minimized .intro-content{gap:var(--space-8)}.intro-container.minimized .intro-header{gap:var(--space-4)}.intro-container.minimized .intro-title{font-size:var(--text-lg)}.intro-container.minimized .intro-subtitle{font-size:var(--text-sm);display:none}.intro-container.minimized .intro-transcript{font-size:var(--text-sm);padding:var(--space-8);max-width:none}.intro-container.minimized .play-intro-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.intro-container.hidden{display:none}.intro-expand{position:absolute;top:var(--space-2);right:var(--space-8);background:transparent;color:var(--text-muted);border:none;width:24px;height:24px;cursor:pointer;transition:all var(--transition-base);display:none;align-items:center;justify-content:center;font-size:var(--text-xs)}.intro-container.minimized .intro-expand{display:flex}.intro-expand:hover{color:var(--text-accent);transform:scale(1.1)}.intro-expand:after{content:"⤢"}@media (max-width: 768px){.intro-container{margin:var(--space-16) auto;padding:var(--space-16)}.intro-title{font-size:var(--text-xl)}.intro-transcript{font-size:var(--text-sm);padding:var(--space-12)}.play-intro-button{padding:var(--space-4) var(--space-6);font-size:var(--text-sm)}.intro-container.minimized{bottom:var(--space-8);right:var(--space-8);width:250px;max-width:250px}}@media (max-width: 480px){.intro-container{padding:var(--space-12)}.intro-transcript{font-size:var(--text-sm);padding:var(--space-8)}.intro-transcript span{padding:2px var(--space-1);margin:0}.play-intro-button{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.intro-container.minimized{width:220px;max-width:220px}}@keyframes introSlideIn{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:translateY(0)}}.intro-container{animation:introSlideIn var(--transition-slow) ease-out}.play-intro-button:focus,.intro-dismiss:focus,.intro-expand:focus{outline:2px solid var(--interactive-default);outline-offset:2px}@media (prefers-reduced-motion: reduce){.intro-transcript span,.intro-container,.play-intro-button,.intro-dismiss,.intro-expand{transition:none!important;animation:none!important}.intro-transcript span.highlight,.play-intro-button:hover,.intro-container:hover{transform:none!important}}.intro-container:focus-within{box-shadow:var(--shadow-elevated)}