:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#060816;--bg-elevated:#0a101fcc;--surface:#ffffff0f;--surface-strong:#ffffff1a;--text:#f7f9ff;--muted:#bcc7dc;--accent:#5b87ff;--accent-2:#35d2ff;--accent-soft:#5b87ff29;--border:#ffffff24;--shadow-sm:0 2px 8px #040a1833;--shadow-md:0 8px 24px #040a1840;--shadow:0 12px 40px #040a1847;--shadow-lg:0 20px 60px #040a1852;--shadow-xl:0 32px 80px #040a185c;--brand-green:#26b86b;--brand-green-soft:#90f0ba;--brand-silver:#d9dee8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7ff;--bg-elevated:#fffc;--surface:#101e370d;--surface-strong:#101e3714;--text:#10203b;--muted:#4f6078;--accent:#2158f0;--accent-2:#0c8ca8;--accent-soft:#2158f01f;--border:#10203b1f;--shadow-sm:0 2px 8px #10203b1a;--shadow-md:0 8px 24px #10203b1f;--shadow:0 12px 40px #10203b24;--shadow-lg:0 20px 60px #10203b29;--shadow-xl:0 32px 80px #10203b2e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:radial-gradient(circle at top left, #5b87ff29, transparent 26%), radial-gradient(circle at bottom right, #35d2ff24, transparent 24%), var(--bg);min-height:100vh;color:var(--text);margin:0;transition:background .3s,color .3s}.app-shell{max-width:1320px;margin:0 auto;padding:32px 24px 80px;position:relative}#projects,#contact,#download{scroll-margin-top:120px}.theme-toggle{z-index:80;border:1px solid var(--border);background:var(--bg-elevated);width:48px;height:48px;box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;position:fixed;top:22px;right:22px}.navbar{z-index:70;margin-bottom:24px;position:sticky;top:12px}.navbar-inner{border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md), inset 0 1px 2px #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.navbar-brand{color:var(--text);background:linear-gradient(135deg,#26b86b29,#d9dee814);border:1px solid #26b86b40;border-radius:999px;align-items:center;gap:12px;padding:9px 14px;text-decoration:none;display:inline-flex}.nav-logo{object-fit:contain;object-position:left center;flex-shrink:0;width:260px;height:auto}.navbar-brand span{letter-spacing:.15em;text-transform:uppercase;color:var(--brand-silver);font-size:.9rem;font-weight:700;line-height:1.1}.navbar-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.nav-link{color:var(--muted);outline-offset:2px;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover{color:var(--text);background:#5b87ff26}.nav-link.active{color:var(--accent-2);background:#5b87ff33;font-weight:700}.nav-link:focus-visible{outline:2px solid var(--accent-2)}.hero-section{box-shadow:var(--shadow-xl), inset 0 1px 2px #ffffff1a;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(135deg,#060816fa 0%,#0f1f3bf5 100%);border:1.5px solid #5b87ff40;border-radius:40px;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;padding:clamp(48px,7vw,72px);display:grid;position:relative;overflow:hidden}.hero-background{pointer-events:none;position:absolute;inset:0}.hero-grid{opacity:.9;background-image:linear-gradient(#35d2ff14 1px,#0000 1px),linear-gradient(90deg,#35d2ff14 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 80%);mask-image:linear-gradient(#000c,#0000 80%)}.particle{filter:blur(10px);opacity:.45;border-radius:50%;animation:16s ease-in-out infinite float;position:absolute}.particle-a{background:#35d2ff1f;width:180px;height:180px;top:-40px;right:8%}.particle-b{background:#5b87ff1a;width:220px;height:220px;animation-delay:-2s;bottom:-50px;left:-35px}.particle-c{background:#ffd60a0f;width:120px;height:120px;animation-delay:-4s;top:20%;left:42%}.particle-d{background:#35d2ff14;width:160px;height:160px;animation-delay:-6s;bottom:14%;right:-32px}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.hero-copy{z-index:1;flex-direction:column;gap:8px;max-width:720px;display:flex;position:relative}.brand-mark{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;display:inline-flex}.brand-mark img{width:42px;height:42px}.brand-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.brand-mark h2{margin:2px 0 0;font-size:.95rem}.eyebrow{background:var(--accent-soft);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:10px 16px;font-size:.83rem;font-weight:700;display:inline-flex}.personal-identity{margin-bottom:36px}.personal-identity h2{letter-spacing:-.035em;color:var(--text);margin:0 0 10px;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1.1}.professional-title{letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;opacity:.95;margin:0;font-size:.98rem;font-weight:700}.consultancy-identity{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#5b87ff26,#35d2ff1a);border:1.5px solid #5b87ff59;border-radius:24px;margin-bottom:40px;padding:32px;box-shadow:0 12px 40px #5b87ff1f,inset 0 1px 2px #ffffff1f}.founder-role{letter-spacing:.18em;text-transform:uppercase;color:#38bdf8;opacity:.95;margin:0 0 16px;font-size:.82rem;font-weight:800}.consultancy-branding{align-items:center;gap:20px;display:flex}.consultancy-logo{background:linear-gradient(140deg,#5b87ff2e,#35d2ff1f);border:1.5px solid #5b87ff66;border-radius:14px;flex-shrink:0;width:68px;height:68px;padding:10px;box-shadow:0 6px 20px #5b87ff2e}.consultancy-branding h3{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:900;line-height:1.1}.hero-copy h1{letter-spacing:-.04em;color:var(--text);margin:32px 0 0;font-size:clamp(2.6rem,4.5vw,4.2rem);font-weight:900;line-height:1.02}.hero-subtitle{color:#bcc7dcf2;letter-spacing:.35px;max-width:680px;margin:24px 0 0;font-size:1.16rem;font-weight:500;line-height:2}.hero-highlights{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-highlights span{color:#bcc7dcf5;letter-spacing:.35px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#5b87ff1a;border:1.5px solid #5b87ff40;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:700;transition:all .35s}.hero-highlights span:hover{background:#5b87ff29;border-color:#5b87ff66;box-shadow:0 6px 16px #5b87ff1f}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:36px;display:flex}.button{letter-spacing:.4px;cursor:pointer;outline-offset:2px;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:60px;padding:0 44px;font-size:1rem;font-weight:900;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.button:hover{transform:translateY(-4px)}.button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.button-primary{color:#fff;background:linear-gradient(135deg,#5b87ff 0%,#35d2ff 100%);position:relative;box-shadow:0 12px 32px #5b87ff40,0 0 1px #5b87ffcc}.button-primary:hover{transform:translateY(-6px);box-shadow:0 20px 60px #5b87ff61,0 0 2px #5b87ff}.button-primary:focus-visible{outline-offset:2px;outline:2px solid #fffc}.button-primary:active{transform:translateY(-2px)}.button-secondary{color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#5b87ff1f;border:2px solid #5b87ff80;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #040a1826,inset 0 1px 2px #5b87ff1a}.button-secondary:hover{background:#5b87ff38;border-color:#5b87ffe6;transform:translateY(-4px);box-shadow:0 12px 32px #5b87ff40,inset 0 1px 2px #5b87ff2e}.button-secondary:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.button-secondary:active{transform:translateY(-1px)}.hero-panel{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#5b87ff1a,#35d2ff14);border:1.5px solid #5b87ff4d;border-radius:36px;gap:20px;padding:28px;display:grid;position:relative;box-shadow:0 24px 72px #040a1859,inset 0 1px 2px #ffffff1a}.photo-frame{aspect-ratio:4/5;background:linear-gradient(135deg,#5b87ff14,#0000);border:1.5px solid #5b87ff59;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #5b87ff2e,inset 0 1px 2px #ffffff1f}.photo-frame img{object-fit:cover;object-position:top center;width:100%;height:100%}.hero-profile-card{padding:18px 10px 10px}.hero-profile-card h3{letter-spacing:-.015em;color:var(--text);margin:0 0 6px;font-size:1.32rem;font-weight:900}.hero-profile-card p{color:#bcc7dce0;margin:0;font-size:.98rem;font-weight:600}.profile-metrics{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.profile-metrics span{color:#bcc7dce0;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline-offset:2px;background:#5b87ff1f;border:1px solid #5b87ff40;border-radius:999px;padding:10px 16px;font-size:.84rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.profile-metrics span:hover{background:#5b87ff33;border-color:#5b87ff73;transform:translateY(-2px)}.profile-metrics span:focus-visible{outline:2px solid var(--accent-2)}.loading-screen{z-index:120;background:#040812f5;place-items:center;display:grid;position:fixed;inset:0}.loading-logo{justify-items:center;gap:10px;display:grid}.loading-logo img{filter:drop-shadow(0 0 14px #26b86b61);width:72px;height:72px}.loading-logo h1{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(1.2rem,2vw,1.55rem)}.glass-nav{z-index:70;margin-bottom:24px;position:sticky;top:12px}.section{border:1.5px solid var(--border);box-shadow:var(--shadow-lg), inset 0 1px 2px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#060816eb 0%,#0f1f3be6 100%);border-radius:28px;margin-top:48px;padding:40px;scroll-margin-top:140px;transition:all .35s}.section-heading{margin-bottom:32px}.section-heading-center{text-align:center}.section-label{color:var(--accent-2);letter-spacing:.3em;text-transform:uppercase;opacity:.95;margin:0 0 16px;font-size:.8rem;font-weight:800}.section-heading h2{letter-spacing:-.025em;text-transform:optimize-legibility;margin:0;font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:900;line-height:1.2}.section-subtitle{color:var(--muted);max-width:840px;margin:14px 0 0;font-size:1.05rem;font-weight:500;line-height:1.85}.about-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.service-grid,.expertise-grid,.knowledge-grid,.why-choose-grid,.credentials-grid,.dashboard-grid,.why-fozul-grid,.projects-grid,.future-ready-grid{gap:28px;margin-top:24px;display:grid}.service-grid,.expertise-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.knowledge-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}.why-choose-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.credentials-grid{grid-template-columns:repeat(3,minmax(300px,1fr));grid-auto-rows:1fr}.dashboard-grid{grid-template-columns:repeat(3,minmax(280px,1fr));grid-auto-rows:1fr}.why-fozul-grid{grid-template-columns:repeat(3,minmax(300px,1fr));grid-auto-rows:1fr}.projects-grid{grid-template-columns:repeat(2,minmax(340px,1fr));grid-auto-rows:1fr}.future-ready-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}.service-card,.expertise-card,.knowledge-card,.why-choose-card,.credential-card,.future-ready-card{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;height:100%;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #ffffff14}.service-card:hover,.expertise-card:hover,.future-ready-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.service-card:focus-within,.expertise-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.service-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.service-index{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:0 8px 24px #5b87ff33}.service-icon{background:#5b87ff1a;border:1px solid #5b87ff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.service-icon:hover{background:#5b87ff2e;border-color:#5b87ff73}.service-icon svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.service-card h3,.expertise-card h3,.knowledge-card h3,.why-choose-card h3,.future-ready-card h3{letter-spacing:-.01em;margin:0 0 12px;font-size:1.15rem;font-weight:700}.service-card p,.expertise-card p,.knowledge-card p,.why-choose-card p,.future-ready-card p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.85}.service-highlights{color:var(--text);gap:7px;margin:14px 0 0;padding-left:18px;display:grid}.service-highlights li{color:var(--muted)}.knowledge-card{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;height:100%;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff14}.knowledge-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#5b87ff29,#0000 70%);transition:opacity .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.knowledge-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.knowledge-card:hover:before{opacity:1}.knowledge-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.knowledge-icon{z-index:1;background:#5b87ff1f;border:1px solid #5b87ff40;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.knowledge-icon:hover{background:#5b87ff2e;border-color:#5b87ff73}.knowledge-icon svg{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.knowledge-content{z-index:1;position:relative}.knowledge-link{color:var(--text);cursor:pointer;outline-offset:2px;background:#5b87ff14;border:1px solid #5b87ff40;border-radius:999px;justify-content:center;align-items:center;margin-top:14px;padding:9px 16px;font-size:.92rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.knowledge-link:hover{color:var(--accent-2);background:#5b87ff2e;border-color:#5b87ff73;transform:translateY(-2px)}.knowledge-link:focus-visible{outline:2px solid var(--accent-2)}.credential-card{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:100%;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff14}.credential-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.credential-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.credential-category{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border:1px solid #5b87ff33;border-radius:8px;width:fit-content;margin-bottom:12px;padding:6px 14px;font-size:.78rem;font-weight:800;display:inline-block}.credential-card h3{color:var(--text);margin:0 0 12px;font-size:1.12rem;font-weight:800}.credential-card p{color:var(--muted);flex-grow:1;margin:0 0 16px;line-height:1.75}.credential-download{color:var(--accent);cursor:pointer;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border:1.5px solid #5b87ff66;border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;margin-top:auto;padding:13px 20px;font-size:.97rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.credential-download:hover{background:linear-gradient(135deg,#5b87ff38,#35d2ff24);border-color:#5b87ffb3;transform:translateY(-3px);box-shadow:0 12px 32px #5b87ff29}.credential-download span{align-items:center;gap:6px;display:flex}.dashboard-card{text-align:center;background:linear-gradient(135deg,#5b87ff1f,#35d2ff14);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:40px 36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff1f}.dashboard-card:hover{background:linear-gradient(135deg,#5b87ff2e,#35d2ff24);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff29}.dashboard-value{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:900;line-height:1.05}.dashboard-label{color:var(--text);margin:0 0 14px;font-size:1.15rem;font-weight:800}.dashboard-description{color:var(--muted);margin:0;font-size:.98rem;line-height:1.7}.why-fozul-card{border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:100%;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 16px 48px #040a1840,inset 0 1px 2px #5b87ff1a}.why-fozul-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-10px)scale(1.01);box-shadow:0 28px 80px #5b87ff33,inset 0 1px 2px #5b87ff1f}.why-fozul-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.why-fozul-highlight{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;background:#5b87ff1f;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.why-fozul-card h3{color:var(--text);margin:0 0 12px;font-size:1.15rem;font-weight:700}.why-fozul-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.75}.project-card{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:100%;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff1a}.project-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.project-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.project-header{margin-bottom:16px}.project-header h3{color:var(--text);margin:0 0 6px;font-size:1.2rem;font-weight:700}.project-subtitle{color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.project-meta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.project-industry,.project-location{color:var(--accent);letter-spacing:.05em;background:#5b87ff1f;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.project-details{flex-grow:1;margin-bottom:20px}.project-detail-item{margin-bottom:16px}.project-detail-item:last-child{margin-bottom:0}.detail-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:700}.detail-value{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.tech-tags{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.project-view-button{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:1px solid #5b87ff4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.project-view-button:hover{background:var(--accent-soft);border-color:#5b87ff99;transform:translateY(-2px)}.future-ready-card span{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-flex}.glass-panel,.info-card,.project-card,.timeline-card,.contact-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff1f}.glass-panel{border-radius:24px;padding:22px}.glass-panel h3{margin:0 0 12px}.check-list{color:var(--muted);margin:16px 0 0;padding-left:18px}.check-list li+li{margin-top:8px}.chip-list{flex-wrap:wrap;gap:10px;display:flex}.chip-list span{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:10px 12px;font-size:.92rem}.stat-card{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#ffffff14,#ffffff07);border-radius:20px;padding:18px 16px}.stat-card h3{margin:0;font-size:1.35rem}.stat-card p{color:var(--muted);margin:6px 0 0;font-size:.92rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.info-card{border:1.5px solid var(--border);box-shadow:var(--shadow-sm), inset 0 1px 2px #5b87ff14;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:20px;gap:20px;padding:28px;transition:all .3s;display:flex}.info-card:hover{box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#5b87ff1f,#35d2ff0f);border-color:#5b87ff66}.info-icon{background:var(--accent-soft);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.info-icon svg{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.info-card h3{margin:0 0 6px;font-size:1.02rem}.info-card p{color:var(--muted);margin:0}.timeline{gap:16px;margin-top:12px;display:grid}.timeline-item{grid-template-columns:14px 1fr;align-items:start;gap:14px;display:grid}.timeline-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:14px;height:14px;box-shadow:0 0 0 6px var(--accent-soft);border-radius:50%;margin-top:8px}.timeline-card{border-radius:20px;padding:18px 20px}.timeline-period{color:var(--accent);margin:0 0 8px;font-size:.92rem;font-weight:700}.timeline-card h3{margin:0;font-size:1.08rem}.timeline-company{color:var(--muted);margin:6px 0 8px;font-weight:600}.timeline-card p:last-child{color:var(--muted);margin-bottom:0}.client-grid{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.client-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:12px 16px;font-weight:600}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.gallery-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:22px;overflow:hidden}.gallery-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.gallery-content{padding:16px 16px 18px}.gallery-content h3{margin:0 0 6px;font-size:1.02rem}.gallery-content p{color:var(--muted);margin:0}.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.testimonial-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:22px;padding:22px}.testimonial-card p{color:var(--text);margin:0 0 16px;line-height:1.8}.testimonial-card h3{margin:0 0 4px;font-size:1rem}.testimonial-card span{color:var(--muted);font-size:.92rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.project-card{border-radius:22px;padding:22px}.project-card h3{margin:0 0 10px;font-size:1.08rem}.project-client,.project-location{color:var(--accent);margin:0;font-weight:700}.project-card p:last-child{color:var(--muted);margin-top:10px}.certifications-list{margin-top:12px}.skill-list{gap:16px;margin-top:10px;display:grid}.skill-item{gap:8px;display:grid}.skill-labels{color:var(--text);justify-content:space-between;gap:12px;font-weight:600;display:flex}.progress-track{background:var(--surface);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%}.download-card{justify-content:center;margin-top:16px;display:flex}.consultation-cta{justify-content:center;margin:8px 0 20px;display:flex}.consultation-button{min-width:260px}.consultation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px;display:grid}.consultation-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff14;color:var(--text);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;padding:32px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:block}.consultation-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff1f;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-8px)}.consultation-icon{width:56px;height:56px;color:var(--accent);background:linear-gradient(135deg,#5b87ff2e,#35d2ff1f);border:1.5px solid #5b87ff33;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.consultation-icon svg{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.consultation-card h3{margin:0 0 12px;font-size:1.12rem;font-weight:800}.consultation-card p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.75}.contact-card{box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff0f;background:linear-gradient(135deg,#5b87ff0f,#35d2ff05);border:1.5px solid #5b87ff33;border-radius:24px;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:12px;padding:40px;display:grid}.contact-card-main h3{margin:0;font-size:1.18rem}.contact-card-main p{color:var(--muted);margin:8px 0 0}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.contact-details{align-content:start;gap:10px;display:grid}.contact-details a,.contact-details span{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 0;text-decoration:none;display:flex}.contact-details svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.back-to-top{z-index:90;border:1px solid var(--border);background:var(--bg-elevated);width:54px;height:54px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;position:fixed;bottom:96px;right:24px}.floating-whatsapp{z-index:90;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.4rem;text-decoration:none;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 40px #2158f047}.footer{color:var(--muted);border-top:1px solid #ffffff1a;margin-top:64px;padding:48px 12px 16px}.footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:40px;padding:40px 0 24px;display:grid}.footer-grid h3,.footer-grid h4{color:var(--text);margin:0 0 20px;font-size:1rem;font-weight:700}.footer-grid a{color:var(--muted);margin-top:12px;font-size:.95rem;text-decoration:none;transition:color .3s;display:block}.footer-grid a:hover{color:var(--accent)}.footer-copy{text-align:center;color:var(--muted);margin-top:20px;font-size:.9rem}.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:10px;display:grid}.case-study-card{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;flex-direction:column;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff1a}.case-study-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-8px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.case-study-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.case-study-header{margin-bottom:16px}.case-study-industry{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700;display:inline-flex}.case-study-card h3{margin:0 0 20px;font-size:1.2rem;font-weight:800;line-height:1.4}.case-study-content{flex-direction:column;flex:1;gap:12px;margin-bottom:18px;display:flex}.case-study-field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.88rem;font-weight:800}.field-value{color:var(--muted);margin:0;font-size:.96rem;font-weight:500;line-height:1.7}.tech-list{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{background:var(--accent-soft);color:var(--accent);border:1px solid #5b87ff33;border-radius:14px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.case-study-card .button{width:100%;margin-top:auto}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);width:100%;max-width:920px;max-height:85vh;box-shadow:var(--shadow-xl), 0 25px 50px #0000004d;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-radius:32px;flex-direction:column;display:flex;position:relative;overflow:hidden}.executive-profile{border:1px solid var(--border);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;margin:24px 0 40px;padding:40px;box-shadow:inset 0 1px #ffffff14}.profile-header{grid-template-columns:200px 1fr;align-items:start;gap:40px;margin-bottom:40px;display:grid}.profile-image{border:2px solid var(--accent);border-radius:16px;width:200px;height:240px;position:relative;overflow:hidden;box-shadow:0 20px 60px #5b87ff33}.profile-image img{object-fit:cover;width:100%;height:100%}.profile-info h2{color:var(--text);margin:0 0 6px;font-size:2.2rem;font-weight:700;line-height:1.2}.profile-title{color:var(--accent);margin:0 0 24px;font-size:1.1rem;font-weight:600}.profile-summary{color:var(--muted);margin:0 0 24px;font-size:1rem;line-height:1.8}.profile-cta{flex-wrap:wrap;gap:12px;display:flex}.profile-statement{border-left:4px solid var(--accent-2);background:#35d2ff0f;border-radius:12px;margin-bottom:24px;padding:24px}.statement-label{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}.profile-statement p:not(.statement-label){color:var(--text);margin:0;font-size:1.05rem;font-weight:500;line-height:1.7}.profile-value{border-left:4px solid var(--accent);background:#5b87ff0f;border-radius:12px;padding:24px}.value-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}.value-quote{color:var(--text);margin:0;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.8}.about-section{margin:48px 0}.section-subtitle{color:var(--text);margin:0 0 28px;font-size:1.6rem;font-weight:700}.competencies-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.competency-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;padding:24px;transition:all .3s}.competency-card:hover{background:linear-gradient(135deg,#5b87ff1a,#35d2ff0d);border-color:#5b87ff57;transform:translateY(-4px)}.competency-card h4{color:var(--accent);margin:0 0 16px;font-size:1.05rem;font-weight:700}.skill-list-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-list-items li{color:var(--muted);align-items:center;gap:8px;font-size:.95rem;display:flex}.skill-dot{color:var(--accent-2);font-size:.6rem}.background-timeline{gap:24px;display:grid}.background-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:16px;padding:28px;transition:all .3s}.background-card:hover{background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-color:#5b87ff57;transform:translate(8px)}.background-header{margin-bottom:16px}.background-period{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:700}.background-card h4{color:var(--text);margin:0 0 4px;font-size:1.2rem;font-weight:700}.background-company{color:var(--accent);margin:0 0 2px;font-size:.95rem;font-weight:600}.background-location{color:var(--muted);margin:0;font-size:.85rem}.background-description{color:var(--muted);margin:12px 0 16px;font-size:.95rem;line-height:1.7}.background-achievements{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.background-achievements li{color:var(--muted);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.check-mark{color:var(--accent-2);flex-shrink:0;font-weight:700}.certifications-display{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.certification-badge{color:var(--text);background:#5b87ff14;border:1px solid #5b87ff33;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.certification-badge:hover{border-color:var(--accent);background:#5b87ff26;transform:scale(1.02)}.cert-icon{font-size:1.2rem}.about-stats{border-top:1px solid var(--border);margin:48px 0 0;padding-top:48px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-item{text-align:center;border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;padding:32px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 32px #040a1833,inset 0 1px 2px #5b87ff14}.stat-item:hover{border-color:var(--accent);background:linear-gradient(135deg,#5b87ff24,#35d2ff14);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #5b87ff29,inset 0 1px 2px #5b87ff1f}.stat-item h3{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.5rem;font-weight:700}.stat-item p{color:var(--muted);margin:0;font-size:.9rem;font-weight:600}@media (width<=960px){.profile-header{grid-template-columns:1fr;gap:24px}.profile-image{width:160px;height:200px}.profile-info h2{font-size:1.8rem}.executive-profile{padding:28px}.competencies-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.profile-header{grid-template-columns:1fr}.profile-image{width:120px;height:160px;margin:0 auto}.profile-info h2{font-size:1.4rem}.executive-profile{padding:20px}.competencies-grid{grid-template-columns:1fr}.background-card{padding:20px}.stats-grid,.certifications-display{grid-template-columns:1fr}.stat-item h3{font-size:2rem}.section-subtitle{font-size:1.3rem}}.downloads-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;margin-bottom:40px;display:grid}.download-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;flex-direction:column;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.download-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff1f;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-10px)}.download-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.download-icon{width:48px;height:48px;color:var(--accent);background:#5b87ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.download-icon svg{width:24px;height:24px}.download-category{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;background:#35d2ff1f;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.download-content{flex-grow:1;margin-bottom:16px}.download-content h3{color:var(--text);margin:0 0 12px;font-size:1.1rem;font-weight:700;line-height:1.3}.download-content p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.download-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.file-type{color:var(--accent);font-size:.8rem;font-weight:600}.button-small{padding:8px 12px;font-size:.85rem}.downloads-cta{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#5b87ff0f,#35d2ff0a);border-radius:16px;padding:40px}.downloads-cta p{color:var(--text);margin:0 0 20px;font-size:1.1rem;font-weight:500}@media (width<=960px){.downloads-grid{grid-template-columns:repeat(2,1fr);gap:20px}.download-card{padding:20px}}@media (width<=720px){.downloads-grid{grid-template-columns:1fr}.download-header{flex-direction:column;gap:12px}.downloads-cta{padding:24px}}.articles-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-top:32px;display:grid}.article-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;flex-direction:column;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.article-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff1f;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-8px)}.article-header{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.8rem;display:flex}.article-date,.article-read-time{font-weight:500}.article-category{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#5b87ff1f;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.article-content{flex-grow:1;margin-bottom:16px}.article-content h3{color:var(--text);margin:8px 0 12px;font-size:1.1rem;font-weight:700;line-height:1.3}.article-content p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.article-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.article-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.testimonial-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;flex-direction:column;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.testimonial-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff1f;background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-8px)}.testimonial-rating{gap:4px;margin-bottom:16px;display:flex}.star{color:var(--accent-2);font-size:1.1rem}.testimonial-quote{color:var(--text);border-left:3px solid var(--accent);flex-grow:1;margin:0 0 24px;padding-left:16px;font-size:1rem;font-style:italic;line-height:1.6}.testimonial-author{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:16px;display:flex}.author-info h4{color:var(--text);margin:0;font-size:1rem;font-weight:700}.author-role{color:var(--accent);margin:2px 0;font-size:.8rem;font-weight:600}.author-company{color:var(--muted);margin:2px 0 0;font-size:.85rem}.faq-container{max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto}.faq-item{border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:20px;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);background:#5b87ff08;border-color:#5b87ff66}.faq-question{width:100%;color:var(--text);cursor:pointer;text-align:left;letter-spacing:-.005em;background:linear-gradient(135deg,#5b87ff0f,#35d2ff05);border:none;justify-content:space-between;align-items:center;padding:24px;font-family:inherit;font-size:1.02rem;font-weight:700;transition:all .3s;display:flex}.faq-question:hover{color:var(--accent-2);background:linear-gradient(135deg,#5b87ff1a,#35d2ff0a)}.faq-icon{color:var(--accent);flex-shrink:0;align-items:center;margin-left:12px;font-size:.75rem;transition:transform .3s;display:flex}.faq-answer{background:#ffffff05;border-top:1px solid #ffffff14;padding:0 20px}.faq-answer p{color:var(--muted);margin:20px 0;font-size:.95rem;line-height:1.7}.faq-answer p:first-child{margin-top:20px}.faq-answer p:last-child{margin-bottom:20px}.featured-projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px;margin-top:32px;display:grid}.featured-project-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;flex-direction:column;padding:40px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.featured-project-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:4px;position:absolute;top:0;left:0;right:0}.featured-project-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff29;background:linear-gradient(135deg,#5b87ff24,#35d2ff1a);border-color:#5b87ff99;transform:translateY(-12px)}.project-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.project-status-badge{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#35d2ff2e,#5b87ff1f);border:1.5px solid #35d2ff66;border-radius:24px;padding:8px 18px;font-size:.82rem;font-weight:800;display:inline-block}.project-industry{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#5b87ff24;border:1px solid #5b87ff40;border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-block}.project-body{flex-grow:1;margin-bottom:24px}.featured-project-card h3{color:var(--text);letter-spacing:-.015em;margin:0 0 16px;font-size:1.35rem;font-weight:800;line-height:1.35}.project-location{color:var(--muted);margin:0 0 12px;font-size:.9rem;font-weight:500}.project-description{color:var(--muted);margin:0 0 24px;font-size:.98rem;line-height:1.8}.project-highlights{background:#5b87ff0f;border:1px solid #5b87ff1a;border-radius:14px;margin-bottom:24px;padding:20px}.highlights-label{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:.95rem;font-weight:800}.highlights-list{margin:0;padding-left:22px;list-style:none}.highlights-list li{color:var(--muted);margin:8px 0;padding-left:18px;font-size:.95rem;line-height:1.6;position:relative}.highlights-list li:before{content:"✓";color:var(--accent-2);font-weight:700;position:absolute;left:0}.project-role{border-top:1.5px solid #ffffff1a;border-bottom:1.5px solid #ffffff1a;margin-bottom:20px;padding:16px 0}.role-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:.85rem;font-weight:700}.role-value{color:var(--text);margin:0;font-size:1rem;font-weight:700}.project-tech{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tech-badge{color:var(--accent);background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border:1px solid #5b87ff4d;border-radius:22px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-block}.featured-project-card .button{text-align:center;width:100%}@media (width<=960px){.featured-projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}.featured-project-card{padding:24px}.featured-project-card h3{font-size:1.15rem}}@media (width<=720px){.featured-projects-grid{grid-template-columns:1fr;gap:16px}.featured-project-card{padding:20px}.featured-project-card h3{font-size:1rem}.project-header{flex-wrap:wrap}.project-highlights{padding:12px}.highlights-label{font-size:.8rem}.highlights-list li{margin:4px 0;padding-left:14px;font-size:.85rem}}@media (width<=960px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:20px}.article-footer{flex-direction:column;align-items:flex-start}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=720px){.articles-grid{grid-template-columns:1fr}.article-card{padding:20px}.article-header{flex-wrap:wrap;gap:8px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:20px}.faq-container{margin-top:24px}.faq-question{padding:16px;font-size:.95rem}.faq-answer{padding:0 16px}.faq-answer p{margin:16px 0}}.modal-close{z-index:10;border:1px solid var(--border);background:var(--bg-elevated);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#5b87ff29;border-color:#5b87ff52}.modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#06081680,#0f1f3b66);padding:32px 32px 20px}.modal-header h2{margin:0 0 12px;font-size:1.8rem;font-weight:900;line-height:1.3}.modal-meta{gap:10px;display:flex}.modal-badge{background:var(--accent-soft);color:var(--accent);border:1px solid #5b87ff33;border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.modal-body{flex:1;padding:28px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#5b87ff4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#5b87ff80}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--accent);margin:0 0 12px;font-size:1.05rem}.modal-section p{color:var(--muted);margin:0;line-height:1.8}.modal-subtitle{line-height:1.4;color:var(--accent)!important;margin:8px 0 12px!important;font-size:1rem!important;font-weight:600!important}.achievements-list{margin:0;padding:0 0 0 20px;list-style:outside}.achievements-list li{color:var(--muted);margin:0 0 8px;line-height:1.8}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{background:var(--accent-soft);color:var(--accent);border:1px solid #5b87ff33;border-radius:14px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.modal-footer{border-top:1px solid var(--border);background:#ffffff05;gap:12px;padding:24px 32px;display:flex}.modal-footer .button{flex:1}@media (width<=960px){.hero-section,.about-grid,.contact-card,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.knowledge-grid,.credentials-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.why-fozul-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.projects-grid{grid-template-columns:repeat(1,minmax(320px,1fr))}}@media (width<=720px){.app-shell{padding:16px 14px 36px}.theme-toggle{top:14px;right:14px}.navbar-inner{border-radius:24px;justify-content:center}.navbar-brand{justify-content:center;width:100%}.navbar-brand span{font-size:.7rem}.hero-section,.section{padding:22px}.card-grid,.stats-grid,.gallery-grid,.testimonial-grid,.project-grid,.service-grid,.expertise-grid,.knowledge-grid,.consultation-grid,.why-choose-grid,.credentials-grid,.dashboard-grid,.why-fozul-grid,.projects-grid,.future-ready-grid,.case-study-grid{grid-template-columns:1fr}.hero-actions,.contact-actions{flex-direction:column}.button{width:100%}.timeline-item{grid-template-columns:12px 1fr}.modal-content{height:90vh;margin:40px 20px}.modal-footer{flex-direction:column}.modal-footer button,.modal-footer a{width:100%}}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px;display:grid}.expertise-card{border:1.5px solid var(--border);text-align:center;background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 32px #040a1833,inset 0 1px 2px #5b87ff14}.expertise-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #5b87ff29,inset 0 1px 2px #5b87ff1f}.expertise-icon{width:48px;height:48px;color:var(--accent);background:#5b87ff1f;border-radius:12px;justify-content:center;align-items:center;display:flex}.expertise-icon svg{stroke:currentColor;fill:none;width:24px;height:24px}.expertise-card h4{color:var(--text);margin:0;font-size:1.05rem;font-weight:800}.expertise-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}.chevron-specializations{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-top:32px;display:grid}.specialization-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border-radius:16px;flex-direction:column;gap:12px;padding:28px;transition:all .3s;display:flex}.specialization-card:hover{background:linear-gradient(135deg,#5b87ff1f,#ffffff08);border-color:#5b87ff52;box-shadow:0 12px 32px #5b87ff1a}.spec-header{align-items:center;gap:12px;display:flex}.spec-header h4{color:var(--accent);margin:0;font-size:1.05rem;font-weight:600}.spec-description{color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.spec-experience{color:var(--muted);align-items:flex-start;gap:8px;margin:0;font-size:.9rem;display:flex}.experience-label{color:var(--accent-2);flex-shrink:0;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.achievement-card{border:1.5px solid var(--border);box-shadow:var(--shadow-md), inset 0 1px 2px #5b87ff1a;background:linear-gradient(135deg,#35d2ff1a,#5b87ff0f);border-radius:24px;padding:36px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.achievement-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:.6;width:100%;height:3px;position:absolute;top:0;left:0}.achievement-card:hover{box-shadow:var(--shadow-lg), inset 0 1px 2px #5b87ff1f;background:linear-gradient(135deg,#35d2ff24,#5b87ff1a);border-color:#5b87ff80;transform:translateY(-8px)}.achievement-metric{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;background:#5b87ff26;border-radius:20px;margin-bottom:12px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-block}.achievement-card h4{color:var(--text);margin:0 0 8px;font-size:1.1rem;font-weight:600}.achievement-subtitle{color:var(--accent-2);margin:0 0 12px;font-size:.95rem;font-weight:500}.achievement-description{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.hire-reasons-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px;display:grid}.hire-reason-card{border:1px solid var(--border);background:linear-gradient(135deg,#ffffff12,#ffffff05);border-radius:16px;padding:28px;transition:all .3s}.hire-reason-card:hover{background:linear-gradient(135deg,#5b87ff24,#ffffff0a);border-color:#5b87ff52;transform:translateY(-4px)}.hire-reason-card h4{color:var(--accent);margin:0 0 16px;font-size:1.05rem;font-weight:600}.hire-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hire-points li{color:var(--muted);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.5;display:flex}.check{color:var(--accent-2);flex-shrink:0;font-weight:700}@media (width<=960px){.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.chevron-specializations{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.hire-reasons-grid{grid-template-columns:1fr}}@media (width<=720px){.expertise-grid{grid-template-columns:repeat(2,1fr);gap:16px}.expertise-card{padding:18px}.expertise-icon{width:40px;height:40px}.specialization-card,.achievement-card{padding:20px}.achievements-grid{grid-template-columns:1fr}.hire-reason-card{padding:20px}.hire-reason-card h4{font-size:.95rem}.hire-points li{font-size:.9rem}}#home,#about,#services,#expertise,#knowledge-center,#projects-featured,#case-studies,#credentials,#why-choose,#company-profile,#about-faheem,#vision-mission-values,#why-faheem-engineering,#founder-message,#corporate-timeline,#corporate-statistics,#certifications-standards,#industries-we-serve,#quality-policy,#portfolio-saudi-chevron,#portfolio-maaden,#portfolio-petrochemical,#portfolio-hdpe,#portfolio-geotextile,#portfolio-concrete,#portfolio-rca,#portfolio-industrial-qaqc,#portfolio-infrastructure,#portfolio-consultancy,#contact{scroll-margin-top:130px}.profile-intro-grid,.vmv-grid,.why-faheem-grid,.statistics-grid,.industries-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:24px;display:grid}.profile-intro-card,.story-card,.vmv-card,.why-faheem-card,.statistic-card,.industry-card{border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;padding:28px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 32px #040a1833,inset 0 1px 2px #5b87ff14}.profile-intro-card:hover,.vmv-card:hover,.why-faheem-card:hover,.statistic-card:hover,.industry-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff80;transform:translateY(-8px);box-shadow:0 20px 60px #5b87ff29,inset 0 1px 2px #5b87ff1f}.profile-intro-icon,.vmv-icon,.industry-icon,.stat-icon{margin-bottom:16px;font-size:2.4rem}.profile-intro-card h3,.vmv-card h3,.story-card h3,.why-faheem-card h4,.industry-card h3{margin:0 0 12px;font-weight:800}.profile-intro-list,.industry-list{margin:0;padding-left:18px;list-style:outside}.about-story-grid{grid-template-columns:1.6fr repeat(2,1fr);gap:28px;margin-top:24px}.story-card.large{grid-area:1/1/3}.timeline-container{margin-top:24px;padding-left:40px;position:relative}.timeline-item{margin-bottom:32px;position:relative}.timeline-dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-40px}.timeline-item:before{content:"";background:linear-gradient(#5b87ff4d,#0000);width:2px;height:calc(100% + 8px);position:absolute;top:24px;left:-33px}.timeline-item:last-child:before{display:none}.timeline-year{color:var(--accent-2);text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:800}.stat-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem;font-weight:900}.certifications-section{flex-direction:column;gap:32px;margin-top:24px;display:flex}.cert-category{border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff0f,#35d2ff08);border-radius:20px;padding:28px}.cert-category-title{color:var(--accent);text-transform:uppercase;margin:0 0 20px;font-size:1.15rem;font-weight:800}.cert-items-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.cert-item{background:#5b87ff0a;border:1px solid #5b87ff33;border-radius:14px;padding:20px;transition:all .25s}.cert-checkmark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:12px;font-weight:800;display:inline-flex}.founder-message-container{grid-template-columns:280px 1fr;align-items:start;gap:40px;margin-top:24px;display:grid}.founder-image-placeholder{background:linear-gradient(135deg,#5b87ff26,#35d2ff1a);border:2px solid #5b87ff4d;border-radius:20px;justify-content:center;align-items:center;width:280px;height:280px;display:flex}.founder-initials{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.2rem;font-weight:900}.statement-intro{color:var(--accent);border-left:3px solid var(--accent-2);background:#5b87ff0f;border-radius:8px;padding:20px;font-size:1.2rem;font-style:italic;font-weight:700}.founder-message-content{border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border-radius:24px;padding:32px;box-shadow:0 12px 32px #040a1833,inset 0 1px 2px #5b87ff14}.founder-message-list{margin:0;padding-left:18px;list-style:outside}.quality-policy-container{flex-direction:column;gap:28px;margin-top:24px;display:flex}.policy-statement{border:1.5px solid var(--accent-2);background:linear-gradient(135deg,#35d2ff1a,#5b87ff0f);border-radius:20px;padding:32px}.policy-commitments{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.commitment-item{border:1.5px solid var(--border);background:linear-gradient(135deg,#5b87ff0f,#35d2ff05);border-radius:16px;padding:24px;transition:all .25s}.commitment-item:hover{background:linear-gradient(135deg,#5b87ff1a,#35d2ff0a);border-color:#5b87ff66}.portfolio-grid{grid-template-columns:1fr;gap:36px;margin-top:32px;display:grid}.portfolio-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#5b87ff14,#35d2ff0a);border:1.5px solid #5b87ff33;border-radius:24px;padding:40px;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #040a182e,inset 0 1px 2px #5b87ff14}.portfolio-card:hover{background:linear-gradient(135deg,#5b87ff24,#35d2ff14);border-color:#5b87ff73;transform:translateY(-4px);box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.portfolio-card:focus-within{border-color:#5b87ff73;box-shadow:0 16px 48px #5b87ff33,inset 0 1px 2px #5b87ff1f}.portfolio-card-header{border-bottom:1px solid #5b87ff26;margin-bottom:24px;padding-bottom:20px;position:relative}.portfolio-year{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);background:#35d2ff1f;border-radius:8px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:900;display:inline-block}.portfolio-card-header h3{letter-spacing:-.01em;color:var(--text);margin:12px 0 8px;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;line-height:1.3}.portfolio-client{color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.portfolio-location{color:var(--muted);background:#5b87ff0a;border-radius:8px;margin-bottom:20px;padding:8px 12px;font-size:.9rem;display:inline-block}.portfolio-overview{border-left:3px solid var(--accent-2);background:#35d2ff14;border-radius:8px;margin-bottom:28px;padding:20px}.portfolio-overview p{color:var(--text);margin:0;font-size:1rem;line-height:1.6}.portfolio-overview strong{color:var(--accent);font-weight:700}.portfolio-details{flex-direction:column;gap:20px;display:flex}.detail-row{background:#5b87ff0a;border-radius:12px;grid-template-columns:140px 1fr;gap:24px;padding:16px;transition:all .25s;display:grid}.detail-row:hover{background:#5b87ff14;border:1px solid #5b87ff26}.detail-row.outcome{background:linear-gradient(135deg,#35d2ff1a,#5b87ff0f);border:1px solid #35d2ff33}.detail-row.outcome:hover{background:linear-gradient(135deg,#35d2ff26,#5b87ff1a);border:1px solid #35d2ff4d}.detail-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.9rem;font-weight:700}.detail-row p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}@media (width<=960px){.about-story-grid{grid-template-columns:1fr}.story-card.large{grid-area:auto}.founder-message-container{grid-template-columns:1fr}.portfolio-card{padding:28px}.detail-row{grid-template-columns:120px 1fr;gap:16px}}@media (width<=720px){.profile-intro-grid,.vmv-grid,.why-faheem-grid,.statistics-grid,.industries-grid,.policy-commitments,.cert-items-grid{grid-template-columns:1fr}.founder-image-placeholder{width:100%;height:240px}.timeline-container{padding-left:24px}.timeline-dot{left:-24px}.timeline-item:before{left:-17px}}:root{color:#d0dae8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#d0dae8;background:radial-gradient(circle at top,#61a5ff1a,#0000 30%),radial-gradient(circle at 100% 100%,#ffffff0f,#0000 24%),#0f1220;min-height:100vh;margin:0}img{max-width:100%;display:block}button,a{font:inherit}#root{min-height:100vh}::selection{color:#fff;background:#5b9cff52}
