@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#ea4335;--blue:#4285f4;--yellow:#fbbc05;--green:#34a853;--bg:#0a0a0a;--bg2:#0f0f0f;--bg3:#111;--bg4:#141414;--border:#ffffff12;--border2:#ffffff24;--text:#f0f0f0;--text2:#888;--text3:#555;--text4:#333}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border);background:#0a0a0ad9;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{width:auto;height:36px}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text2);font-size:15px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{color:var(--text);background:#ffffff0d;border:.5px solid #fff3;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-cta:hover{background:#ffffff1a}.hero{border-bottom:.5px solid var(--border);align-items:center;min-height:100vh;padding:100px 40px 60px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:560px;position:relative}.hero-badge{letter-spacing:2.5px;color:var(--text2);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:inline-flex}.hero-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.6;box-shadow:0 0 16px var(--green)}}.hero h1{color:var(--text);letter-spacing:-.5px;margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.1}.hero h1 em{color:var(--text3);font-style:normal}.hero-sub{color:var(--text2);max-width:440px;margin-bottom:36px;font-size:17px;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:12px;display:flex}.hero-geo{z-index:1;width:55%;height:100%;position:absolute;top:0;right:0}.btn-primary{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 26px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-outline{border:.5px solid var(--border2);color:var(--text2);border-radius:8px;padding:12px 26px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline:hover{color:var(--text);border-color:#ffffff4d}.stats-bar{border-bottom:.5px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{border-right:.5px solid var(--border);padding:28px 40px}.stat-item:last-child{border-right:none}.stat-num{font-size:36px;font-weight:500;line-height:1}.stat-lbl{color:var(--text3);margin-top:4px;font-size:14px}.section{border-bottom:.5px solid var(--border);padding:80px 40px}.section-alt{background:var(--bg2)}.section-eyebrow{letter-spacing:2.5px;color:var(--text3);text-transform:uppercase;margin-bottom:10px;font-size:12px}.section-title{color:var(--text);letter-spacing:-.3px;margin-bottom:40px;font-size:36px;font-weight:500}.section-title em{color:var(--text4);font-style:normal}.services-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:12px;display:grid}.scard{background:var(--bg4);border:.5px solid var(--border);box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;height:100%;padding:24px;transition:border-color .25s,transform .25s;display:flex}.scard:hover{border-color:var(--border2);transform:translateY(-2px)}.scard-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;display:flex}.icon-fe{color:var(--blue);background:#4285f41f}.icon-wp{color:var(--green);background:#34a8531f}.icon-wb{color:var(--yellow);background:#fbbc051f}.icon-ec{color:var(--red);background:#ea43351f}.scard h3{margin-bottom:8px;font-size:17px;font-weight:500}.scard p{color:var(--text2);margin-bottom:14px;font-size:15px;line-height:1.7}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{border:.5px solid var(--border);color:var(--text3);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:12px}.work-header{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.view-all{color:var(--text3);border:.5px solid var(--border);border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.view-all:hover{color:var(--text2);border-color:var(--border2)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pcard{background:var(--bg3);border:.5px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .25s,transform .25s;display:flex;overflow:hidden}.pcard:hover{border-color:var(--border2);transform:translateY(-3px)}.pcard-thumb{height:220px;position:relative;overflow:hidden}.pcard-thumb svg{width:100%;height:100%}.pcard-thumb img{object-fit:cover;width:100%;height:100%}.pcard-cat{letter-spacing:1.5px;text-transform:uppercase;color:#fff;border:.5px solid var(--border);background:#0a0a0ad9;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;top:10px;left:10px}.pcard-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.pcard-title{font-size:16px;font-weight:500}.pcard-desc{color:var(--text2);flex:1;font-size:14px;line-height:1.6}.pcard-footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.pcard-link{color:var(--red);font-size:16px;text-decoration:none;transition:color .2s}.pcard-link:hover{opacity:.88}.about-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-avatar{border:2px solid var(--border2);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex;overflow:hidden}.about-avatar img{object-fit:contain;width:100%;height:100%;padding:6px}.about-name{margin-bottom:4px;font-size:24px;font-weight:500}.about-role{color:var(--text3);margin-bottom:18px;font-size:15px}.about-bio{color:var(--text2);margin-bottom:24px;font-size:15px;line-height:1.85}.socials{flex-wrap:wrap;gap:8px;display:flex}.social-btn{color:var(--text2);border:.5px solid var(--border);background:var(--bg3);border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--border2);color:var(--text)}.skills-label{letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:20px;font-size:12px}.skill-row{margin-bottom:16px}.skill-meta{color:var(--text2);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.skill-pct{color:var(--text3);font-size:13px}.skill-bar{background:#ffffff0f;border-radius:2px;height:2px;overflow:hidden}.skill-fill{border-radius:2px;height:2px}.fill-fe{background:var(--blue)}.fill-wp{background:var(--green)}.fill-wb{background:var(--yellow)}.fill-ec{background:var(--red)}.facts-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.fact{background:var(--bg4);border:.5px solid var(--border);border-radius:12px;padding:16px}.fact-num{font-size:30px;font-weight:500}.fact-lbl{color:var(--text3);margin-top:2px;font-size:13px}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-tagline{letter-spacing:-.3px;margin-bottom:18px;font-size:40px;font-weight:500;line-height:1.15}.contact-tagline em{color:var(--text4);font-style:normal}.contact-sub{color:var(--text2);margin-bottom:28px;font-size:15px;line-height:1.8}.contact-items{flex-direction:column;gap:12px;display:flex}.contact-item{color:var(--text2);align-items:center;gap:10px;font-size:15px;display:flex}.contact-item a{color:var(--text2);text-decoration:none}.contact-item a:hover{color:var(--text)}.form-group{margin-bottom:14px}.form-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:7px;font-size:12px;display:block}.form-input{background:var(--bg3);border:.5px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:8px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.form-input::placeholder{color:var(--text4)}.form-input:focus{border-color:var(--border2)}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-submit{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:opacity .2s,transform .15s}.form-submit:hover{opacity:.88;transform:translateY(-1px)}.footer{background:var(--bg);padding:36px 40px}.footer-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.footer-logo{width:auto;height:32px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text4);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text2)}.footer-bottom{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.footer-copy{color:var(--text4);font-size:13px}.avail{color:var(--green);align-items:center;gap:7px;font-size:13px;display:flex}.avail-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@media (width<=768px){.nav{padding:14px 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.hero-geo{opacity:.25;width:100%}.stats-bar{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:.5px solid var(--border);padding:20px}.section{padding:60px 20px}.services-grid,.projects-grid{grid-template-columns:1fr}.about-inner,.contact-inner{grid-template-columns:1fr;gap:40px}.footer{padding:28px 20px}.footer-links{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
