:root{--el-architecture: #3b82f6;--el-architecture-dim: #2563eb;--el-architecture-glow: rgba(59, 130, 246, .15);--el-architecture-bg: rgba(59, 130, 246, .06);--el-ai: #8b5cf6;--el-ai-dim: #7c3aed;--el-ai-glow: rgba(139, 92, 246, .15);--el-ai-bg: rgba(139, 92, 246, .06);--el-web: #14b8a6;--el-web-dim: #0d9488;--el-web-glow: rgba(20, 184, 166, .15);--el-web-bg: rgba(20, 184, 166, .06);--el-leadership: #f59e0b;--el-leadership-dim: #d97706;--el-leadership-glow: rgba(245, 158, 11, .15);--el-leadership-bg: rgba(245, 158, 11, .06);--el-design: #22c55e;--el-design-dim: #16a34a;--el-design-glow: rgba(34, 197, 94, .15);--el-design-bg: rgba(34, 197, 94, .06);--el-audit: #f97316;--el-audit-dim: #ea580c;--el-audit-glow: rgba(249, 115, 22, .15);--el-audit-bg: rgba(249, 115, 22, .06);--el-cto: #ef4444;--el-cto-dim: #dc2626;--el-cto-glow: rgba(239, 68, 68, .15);--el-cto-bg: rgba(239, 68, 68, .06);--el-card-sm: 80px;--el-card-md: 120px;--el-card-lg: 160px;--el-card-border-radius: 4px;--el-grid-gap: 4px;--el-grid-color: rgba(255, 255, 255, .04);--el-grid-line: rgba(255, 255, 255, .06)}@keyframes cell-pulse{0%,to{opacity:.06;transform:translate(0)}50%{opacity:.25;transform:translate(var(--drift-x, 6px),var(--drift-y, -4px))}}@keyframes glow-breathe{0%,to{box-shadow:0 0 8px var(--_el-glow, rgba(20, 184, 166, .15))}50%{box-shadow:0 0 20px var(--_el-glow, rgba(20, 184, 166, .25))}}@keyframes band-reveal{0%{opacity:0}to{opacity:1}}@keyframes shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.periodic-grid{position:absolute;inset:0;pointer-events:none;overflow:hidden}.periodic-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--el-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--el-grid-line) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.periodic-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--el-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--el-grid-line) 1px,transparent 1px);background-size:240px 240px;opacity:.8}.periodic-grid-pulse{position:absolute;inset:0;pointer-events:none;overflow:hidden}.periodic-grid-pulse span{position:absolute;width:58px;height:58px;border:1px solid var(--pulse-color, var(--el-web));background:color-mix(in srgb,var(--pulse-color, var(--el-web)) 6%,transparent);border-radius:var(--el-card-border-radius);animation:cell-pulse 4s ease-in-out infinite;animation-fill-mode:both}.element-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--_el-color, var(--el-web));border-radius:var(--el-card-border-radius);background:var(--_el-bg, var(--el-web-bg));padding:.5rem;font-family:var(--hx-font-family-mono);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease,background-color .3s ease;overflow:hidden}.element-card:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--_el-glow, var(--el-web-glow)),0 8px 24px #0000004d;border-color:var(--_el-color, var(--el-web));background:var(--_el-bg-hover, rgba(20, 184, 166, .1))}.element-card__number{font-size:var(--bst-font-size-2xs);font-weight:500;letter-spacing:.04em;color:var(--_el-color, var(--el-web));opacity:.7;line-height:1;font-variant-numeric:tabular-nums}.element-card__symbol{font-family:var(--hx-font-family-sans);font-weight:700;line-height:1;color:var(--hx-color-text);margin:auto 0;text-align:center}.element-card__name{font-size:.6875rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-color-text-muted);text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-card__desc{font-family:var(--hx-font-family-sans);font-size:var(--bst-font-size-2xs);font-weight:400;color:var(--hx-color-text-muted);line-height:1.4;margin-top:.5rem}.element-card--sm{width:var(--el-card-sm);height:var(--el-card-sm);padding:.375rem}.element-card--sm .element-card__symbol{font-size:1.25rem}.element-card--sm .element-card__number{font-size:.625rem}.element-card--sm .element-card__name{font-size:.5625rem}.element-card--md{width:var(--el-card-md);height:var(--el-card-md);padding:.5rem}.element-card--md .element-card__symbol{font-size:1.75rem}.element-card--lg{width:var(--el-card-lg);min-height:var(--el-card-lg);height:auto;padding:.75rem}.element-card--lg .element-card__symbol{font-size:2.25rem}.element-card--lg .element-card__name{font-size:.75rem}@media(max-width:639px){.element-card--lg{width:100%}}.element-card--architecture{--_el-color: var(--el-architecture);--_el-glow: var(--el-architecture-glow);--_el-bg: var(--el-architecture-bg);--_el-bg-hover: rgba(59, 130, 246, .1)}.element-card--ai{--_el-color: var(--el-ai);--_el-glow: var(--el-ai-glow);--_el-bg: var(--el-ai-bg);--_el-bg-hover: rgba(139, 92, 246, .1)}.element-card--web{--_el-color: var(--el-web);--_el-glow: var(--el-web-glow);--_el-bg: var(--el-web-bg);--_el-bg-hover: rgba(20, 184, 166, .1)}.element-card--leadership{--_el-color: var(--el-leadership);--_el-glow: var(--el-leadership-glow);--_el-bg: var(--el-leadership-bg);--_el-bg-hover: rgba(245, 158, 11, .1)}.element-card--design{--_el-color: var(--el-design);--_el-glow: var(--el-design-glow);--_el-bg: var(--el-design-bg);--_el-bg-hover: rgba(34, 197, 94, .1)}.element-card--audit{--_el-color: var(--el-audit);--_el-glow: var(--el-audit-glow);--_el-bg: var(--el-audit-bg);--_el-bg-hover: rgba(249, 115, 22, .1)}.element-card--cto{--_el-color: var(--el-cto);--_el-glow: var(--el-cto-glow);--_el-bg: var(--el-cto-bg);--_el-bg-hover: rgba(239, 68, 68, .1)}.glow-card{background:linear-gradient(135deg,#ffffff0a,#ffffff04);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(20,184,166,.12);border-radius:var(--el-card-border-radius);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.glow-card:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #00000080,0 0 20px #14b8a61f,inset 0 1px #ffffff14;transform:translateY(-2px)}.service-card{background:linear-gradient(135deg,#ffffff0a,#ffffff04);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(20,184,166,.12);border-radius:var(--el-card-border-radius);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.service-card:hover{border-color:#14b8a666;box-shadow:0 8px 32px #00000080,0 0 24px #14b8a626,inset 0 1px #ffffff14;transform:translateY(-3px)}.process-step-card{background:linear-gradient(135deg,#ffffff09,#ffffff03);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(20,184,166,.1);border-radius:var(--el-card-border-radius);box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff0a;transition:border-color .3s ease,box-shadow .3s ease}.process-step-card:hover{border-color:#14b8a640;box-shadow:0 4px 20px #00000073,0 0 16px #14b8a61a,inset 0 1px #ffffff0f}[data-element-group=architecture]{--_section-color: var(--el-architecture);--_section-glow: var(--el-architecture-glow);--_section-bg: var(--el-architecture-bg)}[data-element-group=ai]{--_section-color: var(--el-ai);--_section-glow: var(--el-ai-glow);--_section-bg: var(--el-ai-bg)}[data-element-group=web]{--_section-color: var(--el-web);--_section-glow: var(--el-web-glow);--_section-bg: var(--el-web-bg)}[data-element-group=leadership]{--_section-color: var(--el-leadership);--_section-glow: var(--el-leadership-glow);--_section-bg: var(--el-leadership-bg)}[data-element-group=design]{--_section-color: var(--el-design);--_section-glow: var(--el-design-glow);--_section-bg: var(--el-design-bg)}[data-element-group=audit]{--_section-color: var(--el-audit);--_section-glow: var(--el-audit-glow);--_section-bg: var(--el-audit-bg)}[data-element-group=cto]{--_section-color: var(--el-cto);--_section-glow: var(--el-cto-glow);--_section-bg: var(--el-cto-bg)}[data-element-group]:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--_section-bg, transparent) 0%,transparent 70%);pointer-events:none}.section-transition{position:absolute;bottom:0;left:0;right:0;height:4px;pointer-events:none;animation:band-reveal .8s ease forwards;opacity:0}.section-transition--architecture{background:linear-gradient(90deg,transparent,var(--el-architecture),transparent)}.section-transition--ai{background:linear-gradient(90deg,transparent,var(--el-ai),transparent)}.section-transition--web{background:linear-gradient(90deg,transparent,var(--el-web),transparent)}.section-transition--leadership{background:linear-gradient(90deg,transparent,var(--el-leadership),transparent)}.section-transition--design{background:linear-gradient(90deg,transparent,var(--el-design),transparent)}.section-transition--audit{background:linear-gradient(90deg,transparent,var(--el-audit),transparent)}.section-transition--cto{background:linear-gradient(90deg,transparent,var(--el-cto),transparent)}header.fixed{background:#07111ad9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(20,184,166,.08);box-shadow:0 1px #14b8a60f,0 4px 24px -4px #00000080;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.light header.fixed{background:#f0f8ffe6;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(20,184,166,.08);box-shadow:0 1px #0064780f,0 4px 24px -4px #0000001a}.btn-primary{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--el-card-border-radius);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,opacity .2s ease}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.1) 60%,transparent 100%);width:100%;transform:translate(-120%);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 16px var(--_section-glow, rgba(20, 184, 166, .3)),0 0 36px var(--_section-glow, rgba(20, 184, 166, .15)),0 8px 20px #0000004d}.btn-primary:hover:after{animation:shimmer-sweep .55s ease-out forwards}.btn-primary:active{transform:translateY(0);box-shadow:0 0 10px var(--_section-glow, rgba(20, 184, 166, .2)),0 0 20px var(--_section-glow, rgba(20, 184, 166, .08))}.btn-ghost{border-radius:var(--el-card-border-radius)}.btn-ghost:hover{border-color:var(--_section-color, var(--hx-color-accent));background:var(--_section-bg, rgba(20, 184, 166, .06));box-shadow:0 0 12px var(--_section-glow, rgba(20, 184, 166, .08))}a[data-element-link]{text-decoration-color:var(--_section-color, var(--hx-color-accent));text-underline-offset:3px;transition:text-decoration-color .3s ease,color .3s ease}a[data-element-link]:hover{color:var(--_section-color, var(--hx-color-accent))}.element-logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1.5px solid var(--el-web);border-radius:var(--el-card-border-radius);background:var(--el-web-bg);font-family:var(--hx-font-family-mono);position:relative;flex-shrink:0;margin-right:.625rem;transition:border-color .3s ease,box-shadow .3s ease}.element-logo:hover{box-shadow:0 0 12px var(--el-web-glow)}.element-logo__number{position:absolute;top:2px;left:3px;font-size:.375rem;font-weight:500;color:var(--el-web);opacity:.7;line-height:1;font-variant-numeric:tabular-nums}.element-logo__symbol{font-family:var(--hx-font-family-sans);font-size:.75rem;font-weight:800;color:var(--hx-color-text);line-height:1;letter-spacing:-.02em}@media(min-width:640px){.element-logo{width:2.75rem;height:2.75rem}.element-logo__symbol{font-size:.875rem}.element-logo__number{font-size:.4375rem}}@media(min-width:1280px){.element-card--sm{width:100px;height:100px}.element-card--sm .element-card__symbol{font-size:1.5rem}.element-card--md{width:150px;height:150px}.element-card--md .element-card__symbol{font-size:2.25rem}.element-card--lg{width:200px;min-height:200px}.element-card--lg .element-card__symbol{font-size:3rem}.element-card__name{font-size:.75rem}.element-card__number{font-size:var(--bst-font-size-2xs)}}@media(prefers-reduced-motion:reduce){.periodic-grid-pulse span{animation:none;opacity:0}.section-transition{animation:none;opacity:1}.btn-primary:after{display:none}.btn-primary:hover{transform:none;box-shadow:0 0 14px var(--_section-glow, rgba(20, 184, 166, .25))}.element-card:hover,.glow-card:hover,.service-card:hover,.process-step-card:hover{transform:none}}.light{--el-grid-color: rgba(0, 0, 0, .03);--el-grid-line: rgba(0, 0, 0, .06)}.light .periodic-grid:before{opacity:.4}.light .periodic-grid:after{opacity:.6}.light .periodic-grid-pulse span{opacity:.35;border-color:var(--pulse-color, var(--el-web-dim));background:color-mix(in srgb,var(--pulse-color, var(--el-web)) 4%,transparent)}.light .glow-card,.light .service-card{background:linear-gradient(135deg,#ffffffd9,#ffffffb3);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(0,100,120,.12);box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffffe6}.light .glow-card:hover,.light .service-card:hover{border-color:#14b8a64d;box-shadow:0 8px 24px #0000001a,0 0 16px #14b8a614,inset 0 1px #fffffff2}.light .element-card{background:#ffffffb3;border-color:var(--_el-color, var(--el-web-dim))}.light .element-card:hover{background:#ffffffd9}.light .section-transition{opacity:.7}.light .element-logo{border-color:var(--el-web-dim);background:#14b8a60a}
