*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #0a0f1f;--bg-soft: #0f162c;--bg-card: #131b34;--text: #ecf0ff;--muted: #a8b3cf;--accent: #2dd4bf;--accent-strong: #38bdf8;--accent-warm: #f5c16c;--outline: rgba(255, 255, 255, .08);--glow: rgba(45, 212, 191, .25);--shadow: 0 24px 60px rgba(5, 10, 30, .5)}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Manrope,sans-serif;background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 80% 5%,rgba(45,212,191,.22),transparent 35%),radial-gradient(circle at 10% 90%,rgba(245,193,108,.16),transparent 40%),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.page{position:relative}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:90px 90px;opacity:.2;pointer-events:none;z-index:-4}.mesh-gradient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(45,212,191,.22),transparent 40%),radial-gradient(circle at 50% 80%,rgba(245,193,108,.18),transparent 45%);opacity:.45;pointer-events:none;z-index:-3;mix-blend-mode:screen}.bg-orb{position:fixed;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.25),transparent 65%);top:45%;right:-120px;filter:blur(12px);z-index:-2;animation:float 16s ease-in-out infinite}.bg-orb.orb-secondary{width:380px;height:380px;left:-120px;top:12%;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 60%);animation-delay:-4s}.noise-layer{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");opacity:.12;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}.container{width:min(1200px,92%);margin:0 auto}.site-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);background:#080c19b3}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.04em}.logo span{color:var(--accent)}.nav-links{display:flex;gap:24px;font-size:.95rem}.nav-links a,.nav-cta{text-decoration:none;color:var(--text);transition:color .2s ease}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a:hover,.nav-cta:hover{color:var(--accent)}.nav-cta{padding:10px 18px;border-radius:999px;border:1px solid rgba(45,212,191,.4);background:#2dd4bf1f}section{padding:90px 0}.hero{padding-top:120px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.hero-content h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,4vw,3.8rem);margin-bottom:10px}.hero-content h2{font-weight:500;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--muted)}.alias{color:var(--muted);font-size:.95rem;margin-top:8px}.tagline{margin:20px 0 28px;color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:var(--accent);margin-bottom:12px}.cta-group{display:flex;flex-wrap:wrap;gap:16px}.btn{padding:12px 20px;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#0b0f1e;box-shadow:0 12px 30px #2dd4bf59}.btn.ghost{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.08)}.btn.outline{border:1px solid rgba(45,212,191,.5);color:var(--text)}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f142d66}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:28px}.highlight-card{padding:16px;border-radius:16px;background:#131b34cc;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.highlight-card p{font-weight:600}.highlight-card span{color:var(--muted);font-size:.85rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:28px}.metric-card{padding:22px;border-radius:18px;background:linear-gradient(135deg,#2dd4bf2e,#38bdf814);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.metric-card h4{font-family:Space Grotesk,sans-serif;font-size:1.5rem;margin-bottom:6px}.metric-card p{color:var(--muted);font-size:.9rem}.hero-visual{display:grid;gap:24px}.profile-card{display:flex;align-items:center;gap:20px;padding:20px;border-radius:20px;background:#131b34d9;border:1px solid rgba(45,212,191,.2);box-shadow:var(--shadow)}.profile-photo{width:90px;height:90px;border-radius:18px;overflow:hidden;border:2px solid rgba(45,212,191,.5);box-shadow:0 10px 30px #2dd4bf33}.profile-meta span{color:var(--muted);font-size:.85rem;display:block}.profile-meta strong{display:block;margin-top:6px;font-family:Space Grotesk,sans-serif;font-size:1rem}.terminal-card{background:#0c1120d9;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}.terminal-header .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-body{padding:16px 18px 20px;height:190px;overflow:hidden}.terminal-body p{font-family:JetBrains Mono,monospace;font-size:.83rem;color:#c7d3f5;display:flex;gap:10px;align-items:center}.terminal-body p span{color:var(--accent)}.log-stream{display:grid;gap:10px;animation:scrollLogs 14s linear infinite}.architecture-card{padding:20px;border-radius:20px;background:#131b34e6;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.diagram-card{padding:20px;border-radius:20px;background:#0e1426eb;border:1px solid rgba(56,189,248,.2);box-shadow:var(--shadow)}.diagram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.9rem}.diagram-header span{color:var(--muted);font-size:.8rem}.arch-diagram{width:100%;height:auto}.arch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.arch-header p{font-weight:600}.arch-header span{font-size:.85rem;color:var(--muted)}.arch-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.node{padding:10px 8px;text-align:center;border-radius:12px;border:1px dashed rgba(45,212,191,.45);background:#0a0f1ecc;font-size:.8rem;color:var(--muted)}.yaml-block{padding:14px 16px;border-radius:14px;background:#070b16e6;border:1px solid rgba(255,255,255,.08);font-family:JetBrains Mono,monospace;color:#a8b4d6;font-size:.78rem;line-height:1.5}.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.value-text h3,.section-heading h3,.trust-text h3,.architecture-text h3,.contact-info h3,.experience-content h3{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,2.6vw,2.5rem);margin-bottom:16px}.value-text p{color:var(--muted);margin-bottom:16px}.value-cards{display:grid;gap:18px}.value-card{padding:22px;border-radius:18px;background:#131b34cc;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);transition:transform .2s ease,border .2s ease}.value-card:hover{transform:translateY(-4px);border-color:#2dd4bf80}.value-card h4{font-family:Space Grotesk,sans-serif;margin-bottom:10px}.value-card p{color:var(--muted)}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.trust-text p{color:var(--muted);margin-top:14px}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.trust-badge{padding:18px;border-radius:16px;background:#131b34d9;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.trust-badge h5{font-family:Space Grotesk,sans-serif;margin-bottom:8px}.trust-badge span{color:var(--muted);font-size:.8rem}.architecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.architecture-text p{color:var(--muted);margin-bottom:16px}.architecture-list{list-style:none;display:grid;gap:12px;color:var(--muted);padding-left:0}.architecture-list li{position:relative;padding-left:18px}.architecture-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.architecture-map{padding:24px;border-radius:20px;background:#131b34eb;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.arch-map{position:relative;width:100%;min-height:260px}.arch-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.arch-node{position:absolute;padding:8px 12px;border-radius:12px;background:#0a0f1ee6;border:1px solid rgba(45,212,191,.4);color:var(--text);font-size:.78rem;cursor:pointer;z-index:1;transition:transform .2s ease,border .2s ease}.arch-node:hover{transform:translateY(-2px);border-color:#38bdf880}.arch-node:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);padding:6px 10px;border-radius:10px;background:#0a0f1ef2;border:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:.72rem;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease}.arch-node:hover:after{opacity:1}.node-edge{top:20px;left:20px}.node-gateway{top:20px;right:20px}.node-app{top:110px;left:50%;transform:translate(-50%)}.node-app:hover{transform:translate(-50%) translateY(-2px)}.node-data{bottom:20px;left:20px}.node-observe{bottom:20px;right:20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.skill-card{display:grid;gap:14px;padding:24px;border-radius:18px;background:#131b34b3;border:1px solid rgba(45,212,191,.18);box-shadow:var(--shadow);min-height:0;transition:transform .2s ease,border .2s ease}.skill-card:hover{transform:translateY(-4px);border-color:#38bdf866}.skill-card h4{font-family:Space Grotesk,sans-serif}.skill-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 18px;color:var(--muted);font-size:.86rem}.skill-list li{position:relative;padding-left:16px}.skill-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.tool-groups{display:grid;gap:28px;margin-top:32px}.tool-group{background:#0f1426b8;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.tool-group h4{font-family:Space Grotesk,sans-serif;margin-bottom:16px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.tool-card{display:grid;justify-items:center;gap:10px;padding:14px 12px;border-radius:16px;background:#080c19bf;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-4px);border-color:#38bdf859;box-shadow:0 12px 28px #060c1a73}.tool-card img{width:36px;height:36px}.tool-card span{font-size:.78rem;color:var(--muted);text-align:center}.playbook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.playbook-card{background:#0f1426d9;border-radius:20px;border:1px solid rgba(255,255,255,.08);padding:24px;box-shadow:var(--shadow);display:grid;gap:12px}.playbook-head{display:flex;flex-direction:column;gap:6px}.playbook-head h4{font-family:Space Grotesk,sans-serif}.playbook-head span{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.playbook-card p{color:var(--muted)}.playbook-card ul{list-style:none;display:grid;gap:8px;color:var(--text);font-size:.9rem}.playbook-card li{position:relative;padding-left:16px}.playbook-card li:before{content:"•";position:absolute;left:0;color:var(--accent-strong)}.pipeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:center}.pipeline-text h3{margin-bottom:12px}.pipeline-list{list-style:none;display:grid;gap:10px;margin:18px 0;color:var(--muted)}.pipeline-list li{position:relative;padding-left:16px}.pipeline-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.pipeline-tags{display:flex;flex-wrap:wrap;gap:10px}.pipeline-tags span{background:#38bdf81f;border:1px solid rgba(56,189,248,.4);padding:6px 12px;border-radius:999px;font-size:.8rem}.pipeline-code{background:#080c19eb;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden}.pipeline-code pre{margin:0;padding:20px 24px 24px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text);white-space:pre-wrap}.code-header{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f1426e6}.code-header p{margin-left:auto;font-size:.8rem;color:var(--muted)}.project-grid{display:grid;gap:28px;margin-top:32px}.project-card{background:#0f1426d9;border-radius:22px;border:1px solid rgba(255,255,255,.06);padding:28px;box-shadow:var(--shadow);transition:transform .2s ease,border .2s ease}.project-card:hover{transform:translateY(-6px);border-color:#2dd4bf66}.project-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.project-header h4{font-family:Space Grotesk,sans-serif;font-size:1.2rem}.project-header p{color:var(--muted)}.project-card a{color:var(--accent);text-decoration:none;font-size:.9rem}.project-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 18px}.project-tab{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:.75rem;font-family:Manrope,sans-serif;cursor:pointer;transition:all .2s ease}.project-tab.active,.project-tab:hover{border-color:#2dd4bf80;color:var(--text);background:#2dd4bf26}.project-tab:focus-visible{outline:2px solid rgba(56,189,248,.6);outline-offset:2px}.tab-panel{padding:16px 18px;border-radius:16px;background:#080c19b3;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.tab-panel h5{font-family:Space Grotesk,sans-serif;font-size:.95rem;color:var(--text);margin-bottom:8px}.experience-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.experience-content .role{margin-bottom:16px;color:var(--muted)}.experience-content ul{display:grid;gap:14px;margin-top:18px;color:var(--muted);list-style:none;padding-left:0}.experience-panel,.education-card,.contact-form{background:#131b34d9;border-radius:18px;border:1px solid rgba(255,255,255,.06);padding:28px;box-shadow:var(--shadow)}.timeline-list{position:relative;display:grid;gap:28px;margin-top:32px;padding-left:16px}.timeline-list:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#2dd4bfcc,#38bdf866)}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:18px;position:relative}.timeline-marker{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #2dd4bf99;margin-top:6px}.timeline-content{padding:20px;border-radius:16px;background:#131b34e6;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.timeline-content h4{font-family:Space Grotesk,sans-serif;color:var(--text);margin:6px 0 4px}.timeline-time{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.timeline-role{color:var(--muted);margin-bottom:8px}.badge-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.badge-row span{padding:6px 12px;border-radius:999px;border:1px solid rgba(45,212,191,.25);color:var(--muted)}.education-card{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.contact-info p{color:var(--muted);margin-bottom:24px}.contact-list{display:grid;gap:18px}.contact-list span{display:block;color:var(--muted);font-size:.85rem}.contact-list a,.contact-list p{color:var(--text);text-decoration:none}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-size:.9rem;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080c19cc;color:var(--text);font-family:Manrope,sans-serif}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid rgba(45,212,191,.5)}.site-footer{padding:40px 0 60px;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted)}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.nav-route{color:var(--text);text-decoration:none}.projects-hero{padding-top:120px}.projects-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,4vw,3.6rem);margin-bottom:14px}.projects-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:32px}.hero-stat{background:var(--bg-card);border:1px solid var(--outline);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.hero-stat h3{font-size:1.6rem;margin-bottom:6px}.projects-detail{padding-top:40px}.project-detail-card{background:var(--bg-card);border:1px solid var(--outline);border-radius:24px;padding:36px;margin-bottom:32px;box-shadow:var(--shadow)}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:18px}.project-detail-header h2{font-family:Space Grotesk,sans-serif;font-size:2rem;margin-bottom:6px}.project-title{color:var(--muted);font-size:1rem}.project-role{text-transform:uppercase;letter-spacing:.28em;font-size:.65rem;color:var(--accent);margin-bottom:10px}.project-links{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.project-links a,.project-links span{background:#2dd4bf1f;border:1px solid rgba(45,212,191,.4);padding:6px 12px;border-radius:999px;text-decoration:none;font-size:.85rem}.project-summary{margin:16px 0 24px;color:var(--text)}.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.project-metric{background:#0a0f1fb3;border:1px solid var(--outline);border-radius:16px;padding:14px}.project-metric h4{font-size:1.1rem;margin-bottom:4px}.project-metric p{color:var(--muted);font-size:.85rem}.project-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px}.project-section-card{background:#080c198c;border:1px solid var(--outline);border-radius:18px;padding:18px}.project-section-card h3,.project-impact h3{font-size:1rem;margin-bottom:10px}.project-section-card ul,.project-impact ul{list-style:none;display:grid;gap:8px;color:var(--muted)}.project-section-card li,.project-impact li{position:relative;padding-left:18px}.project-section-card li:before,.project-impact li:before{content:"•";position:absolute;left:0;color:var(--accent)}.project-impact{background:#0a0f1f99;border:1px solid var(--outline);border-radius:18px;padding:18px;margin-bottom:18px}.project-challenges{background:#0f1426b3;border:1px solid var(--outline);border-radius:18px;padding:18px;margin-bottom:18px}.project-challenges h3{font-size:1rem;margin-bottom:10px}.project-challenges ul{list-style:none;display:grid;gap:8px;color:var(--muted)}.project-challenges li{position:relative;padding-left:18px}.project-challenges li:before{content:"•";position:absolute;left:0;color:var(--accent-warm)}.project-stack{display:flex;flex-wrap:wrap;gap:10px}.stack-tag{display:inline-flex;align-items:center;gap:8px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);padding:6px 12px;border-radius:999px;font-size:.8rem}.stack-tag img{width:18px;height:18px}.stack-dot{width:10px;height:10px;border-radius:50%;background:#38bdf8b3}.projects-cta{padding:80px 0 120px}.projects-cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--bg-card);border-radius:28px;border:1px solid var(--outline);padding:36px;box-shadow:var(--shadow)}.cta-row{display:flex;gap:16px;flex-wrap:wrap}.projects-cta-inline{margin-top:28px;display:flex;justify-content:center}.karachi-hero{padding:120px 0 40px}.karachi-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,4vw,3.6rem);margin-bottom:16px}.karachi-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center}.karachi-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.karachi-clouds{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cloud-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.3);background:#0a0f1f99;font-size:.85rem}.cloud-badge img{width:18px;height:18px}.multi-cloud-card{background:#0a0f1fbf;border:1px solid var(--outline);border-radius:20px;padding:24px;box-shadow:var(--shadow);display:grid;gap:12px}.multi-cloud-card h3{font-family:Space Grotesk,sans-serif;margin-bottom:4px}.multi-cloud-card p{color:var(--muted)}.multi-cloud-card ul{list-style:none;display:grid;gap:10px;color:var(--text)}.multi-cloud-card li{position:relative;padding-left:16px}.multi-cloud-card li:before{content:"•";position:absolute;left:0;color:var(--accent)}.multi-cloud-tags{display:flex;flex-wrap:wrap;gap:10px}.multi-cloud-tags span{padding:6px 12px;border-radius:999px;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.4);font-size:.8rem}.karachi-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:36px;padding:0 10px}.karachi-metric{background:var(--bg-card);border:1px solid var(--outline);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.karachi-metric h3{font-size:1.5rem;margin-bottom:6px}.karachi-section{padding:60px 0}.karachi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:28px}.karachi-card{background:#0f1426cc;border:1px solid var(--outline);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.karachi-card h4{margin-bottom:10px;font-family:Space Grotesk,sans-serif}.karachi-card p{color:var(--muted)}.karachi-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.karachi-copy p{color:var(--muted);margin-top:12px}.karachi-list{list-style:none;display:grid;gap:10px;margin-top:20px;color:var(--text)}.karachi-list li{position:relative;padding-left:18px}.karachi-list li:before{content:"•";position:absolute;left:0;color:var(--accent)}.karachi-panel{background:var(--bg-card);border:1px solid var(--outline);border-radius:20px;padding:22px;box-shadow:var(--shadow);display:grid;gap:10px}.karachi-panel h4{font-family:Space Grotesk,sans-serif;margin-bottom:6px}.karachi-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.karachi-links a{text-decoration:none;color:var(--accent)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px}.faq-card{background:#0c1223e6;border:1px solid var(--outline);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.faq-card h4{font-size:1rem;margin-bottom:8px}.faq-card p{color:var(--muted);font-size:.92rem}@keyframes scrollLogs{0%{transform:translateY(0)}to{transform:translateY(-45%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}@media (max-width: 1024px){.hero-grid,.value-grid,.trust-grid,.architecture-grid,.experience-grid,.contact-grid,.karachi-hero-grid,.karachi-split,.pipeline-grid{grid-template-columns:1fr}.nav-links{display:none}.hero{padding-top:100px}.project-detail-header{flex-direction:column;align-items:flex-start}.project-links{align-items:flex-start}.footer-grid{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.cta-group{flex-direction:column;align-items:stretch}.project-header,.education-card,.profile-card{flex-direction:column;align-items:flex-start}.arch-map{min-height:220px}.node-edge{left:12px}.node-gateway{right:12px}.node-data{left:12px}.node-observe{right:12px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}