:root{color-scheme:dark;--bg-primary: #080b10;--bg-secondary: #0d1219;--surface: #111821;--surface-elevated: #162131;--text-primary: #f7fbff;--text-secondary: #aeb9c8;--text-muted: #788697;--border: rgba(156, 181, 212, .18);--border-hover: rgba(90, 228, 255, .42);--accent-primary: #4f8cff;--accent-secondary: #5ae4ff;--success: #47d18c;--warning: #f8c76c;--danger: #ff6f82;--grid-line: rgba(143, 175, 214, .08);--shadow-soft: 0 18px 44px rgba(0, 0, 0, .24);--shadow-elevated: 0 28px 90px rgba(0, 0, 0, .34);--radius-2: 10px;--radius-3: 16px;--radius-4: 24px;--radius-pill: 999px;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--space-8: 6rem;--max-width: 1200px;--transition: .18s ease;--step--1: clamp(.82rem, .78rem + .18vw, .94rem);--step-0: clamp(1rem, .96rem + .22vw, 1.1rem);--step-1: clamp(1.12rem, 1.04rem + .45vw, 1.38rem)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f7f8fa;--bg-secondary: #eef3f8;--surface: #ffffff;--surface-elevated: #fdfefe;--text-primary: #111827;--text-secondary: #425066;--text-muted: #68778a;--border: rgba(37, 58, 87, .14);--border-hover: rgba(79, 140, 255, .44);--grid-line: rgba(65, 88, 120, .09);--shadow-soft: 0 14px 38px rgba(44, 64, 92, .1);--shadow-elevated: 0 24px 66px rgba(44, 64, 92, .16)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-primary)}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent-primary),transparent 82%),transparent 28rem),radial-gradient(circle at 86% 8%,color-mix(in srgb,var(--accent-secondary),transparent 88%),transparent 24rem),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:var(--step-0);line-height:1.6;text-rendering:optimizeLegibility}:lang(ar) body{font-family:Segoe UI,Tahoma,Arial,sans-serif}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-secondary),white 12%);outline-offset:4px}.shell{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.section{padding:clamp(3.75rem,7vw,5.5rem) 0;scroll-margin-top:90px}.section--alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface),transparent 68%),transparent)}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent-primary),white 10%);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary),var(--accent-secondary) 35%));color:#fff;font-weight:800;padding:.75rem 1.1rem;box-shadow:0 16px 38px color-mix(in srgb,var(--accent-primary),transparent 72%);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.button:hover{transform:translateY(-2px);box-shadow:0 20px 48px color-mix(in srgb,var(--accent-primary),transparent 64%)}.button--ghost{background:var(--surface);color:var(--text-primary);box-shadow:none}.button--small{min-height:2.65rem;padding-inline:1rem}.connected-grid,.expertise-grid,.systems-grid,.principle-grid,.stack-grid,.stack-board{display:grid;gap:var(--space-4)}.connected-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.systems-grid,.principle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.expertise-grid .system-card{min-height:260px}.expertise-grid .system-card:nth-child(2){grid-column:span 3;border-color:color-mix(in srgb,var(--accent-secondary),transparent 64%);background:radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--accent-primary),transparent 82%),transparent 16rem),linear-gradient(145deg,var(--surface-elevated),var(--surface))}.expertise-grid .system-card:nth-child(1),.expertise-grid .system-card:nth-child(3){grid-column:span 3}.expertise-grid .system-card:nth-child(4),.expertise-grid .system-card:nth-child(5){grid-column:span 3}.system-card,.stack-group{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-3);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated),transparent 3%),var(--surface));box-shadow:var(--shadow-soft);padding:var(--space-5);transition:transform var(--transition),border-color var(--transition),background var(--transition)}.system-card:hover,.stack-group:hover{border-color:var(--border-hover);transform:translateY(-3px)}.system-card h3,.stack-group h3{margin:0 0 var(--space-3);color:var(--text-primary);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2}.system-card p,.stack-group p{margin:0 0 .8rem;color:var(--text-secondary)}.system-card ul{margin:0;padding:0;list-style:none;color:var(--text-secondary)}.system-card li{padding:.45rem 0;border-top:1px solid var(--border)}.node-dot{display:inline-block;width:.72rem;height:.72rem;margin-bottom:var(--space-4);border-radius:50%;background:var(--accent-secondary);box-shadow:0 0 22px var(--accent-secondary)}.chip-list,.highlight-panel,.placeholder-row{display:flex;flex-wrap:wrap;gap:.65rem}.chip,.highlight-panel span,.placeholder-row span{border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface),transparent 10%);color:var(--text-secondary);font-size:var(--step--1);font-weight:700;padding:.5rem .72rem}.lifecycle{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none}.lifecycle:before{position:absolute;inset:50% 8% auto;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent-secondary),transparent);opacity:.6}.lifecycle__step{position:relative;z-index:1;border:1px solid var(--border);border-radius:var(--radius-3);background:color-mix(in srgb,var(--surface),transparent 4%);padding:var(--space-4)}.lifecycle__step:after{position:absolute;top:50%;inset-inline-end:calc(var(--space-4) * -1);width:var(--space-4);height:1px;content:"";background:var(--accent-secondary);opacity:.45}.lifecycle__step:nth-child(3):after{top:auto;right:50%;bottom:calc(var(--space-4) * -1);width:1px;height:var(--space-4)}.lifecycle__step:nth-child(4):after,.lifecycle__step:last-child:after{display:none}.lifecycle__step span,.status,.role{color:var(--accent-secondary);font-size:var(--step--1);font-weight:900;letter-spacing:.09em;text-transform:uppercase}.lifecycle__step h3{margin:var(--space-3) 0 .5rem}.lifecycle__step p{margin:0;color:var(--text-secondary);font-size:var(--step--1)}.experience-layout,.lab-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-5);align-items:stretch}.experience-card{min-height:100%}.highlight-panel,.experience-domains{align-content:start;border:1px solid var(--border);border-radius:var(--radius-3);background:var(--surface);padding:var(--space-5)}.experience-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.domain-card{border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--space-4);background:color-mix(in srgb,var(--surface-elevated),transparent 18%)}.domain-card h3{margin:0 0 var(--space-3);color:var(--text-primary);font-size:1rem}.confidential{display:inline-flex;gap:.65rem;margin:var(--space-4) 0 0;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);padding:.65rem 1rem}.stack-board{position:relative;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-4);background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent-primary),transparent 84%),transparent 20rem),linear-gradient(145deg,color-mix(in srgb,var(--surface-elevated),transparent 2%),var(--surface));box-shadow:var(--shadow-soft);padding:var(--space-4)}.stack-group{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;border-radius:var(--radius-3);box-shadow:none;padding:var(--space-4)}.stack-group:before{position:absolute;inset-block:1.3rem;inset-inline-start:3.15rem;width:1px;content:"";background:linear-gradient(var(--accent-secondary),transparent);opacity:.28}.stack-index{display:grid;width:2.3rem;height:2.3rem;place-items:center;border:1px solid var(--border-hover);border-radius:var(--radius-pill);color:var(--accent-secondary);font-size:var(--step--1);font-weight:900;position:relative;z-index:1;background:var(--surface)}.stack-tools{max-width:920px}.systems-grid .system-card{display:flex;min-height:100%;flex-direction:column;padding:var(--space-4)}.systems-grid .system-card h3{margin-top:0;margin-bottom:.65rem}.systems-grid .system-card p{margin-bottom:0;line-height:1.65}.systems-grid app-architecture-visual{display:block;margin-bottom:var(--space-3)}.principle-grid{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.principle-core{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--accent-secondary),transparent 56%);border-radius:var(--radius-4);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary),transparent 86%),transparent),var(--surface);color:var(--text-secondary);padding:var(--space-4) var(--space-5);text-align:center}.principle-core span{display:block;color:var(--accent-secondary);font-size:var(--step--1);font-weight:900;letter-spacing:.12em}.principle-core p{max-width:58ch;margin:.6rem auto 0;color:var(--text-secondary)}.lab-card{min-height:100%;display:grid;align-content:center;padding:var(--space-5)}.lab-shell{display:grid;gap:var(--space-4)}.lab-intro .section-heading{margin-bottom:0}.lab-layout{align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-4);background:radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--accent-secondary),transparent 88%),transparent 22rem),color-mix(in srgb,var(--surface),transparent 12%);box-shadow:var(--shadow-soft);padding:var(--space-4)}.lab-layout app-architecture-visual{display:block}.contact__inner{border:1px solid var(--border);border-radius:var(--radius-4);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent-primary),transparent 78%),transparent 22rem),var(--surface);padding:var(--space-7)}.contact__statement{margin:0;color:var(--accent-secondary);font-size:clamp(1.6rem,4vw,3rem);font-weight:800}.contact__body{max-width:56ch;color:var(--text-secondary);font-size:var(--step-1)}.contact__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.contact-link{gap:.65rem}.contact-link span{display:grid;min-width:1.45rem;height:1.45rem;place-items:center;border:1px solid color-mix(in srgb,currentColor,transparent 65%);border-radius:50%;font-size:.78rem;line-height:1}.contact-link svg{display:block;width:.92rem;height:.92rem}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding:var(--space-4) 0}.footer__inner{display:grid;justify-items:center;gap:.35rem;text-align:center}.footer__inner p{margin:0;color:var(--text-secondary);white-space:nowrap}.footer__inner span{color:var(--text-muted);font-size:var(--step--1);letter-spacing:.08em}@media(max-width:1080px){.expertise-grid,.stack-grid,.systems-grid,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-grid .system-card,.expertise-grid .system-card:nth-child(1),.expertise-grid .system-card:nth-child(2),.expertise-grid .system-card:nth-child(3),.expertise-grid .system-card:nth-child(4),.expertise-grid .system-card:nth-child(5){grid-column:span 1}.lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}.principle-core{grid-column:1/-1}}@media(max-width:760px){html{scroll-behavior:auto}.section{padding:var(--space-7) 0}.connected-grid--three,.expertise-grid,.stack-grid,.systems-grid,.principle-grid,.experience-layout,.lab-layout,.lifecycle{grid-template-columns:1fr}.lifecycle:before,.lifecycle__step:after{display:none}.experience-domains,.stack-group{grid-template-columns:1fr}.stack-group:before{display:none}.lab-card{margin-top:0}.contact__inner{padding:var(--space-5)}.footer__inner p{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
