@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#f4f4f4;background:#080808;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f4f4}button,a{font:inherit}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.navbar{position:fixed;inset:0 0 auto;z-index:20;background:#080808d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #202020}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{background:transparent;border:0;color:#fff;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;cursor:pointer}.brand span{color:#7bf1a8}.nav-links{display:flex;gap:26px}.nav-links button{border:0;background:transparent;color:#b7b7b7;cursor:pointer;transition:.2s}.nav-links button:hover{color:#fff}.menu-btn{display:none;background:transparent;color:#fff;border:0}.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 80px;background:radial-gradient(circle at 85% 20%,rgba(123,241,168,.12),transparent 35%),radial-gradient(circle at 10% 80%,rgba(91,141,239,.09),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow,.section-label{color:#7bf1a8;font-size:13px;font-weight:700;letter-spacing:2.4px}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin-top:0}h1{font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-4px;margin-bottom:26px}h2{font-size:clamp(34px,5vw,58px);letter-spacing:-2px;line-height:1.05;margin-bottom:30px}h3{font-size:23px}.hero-copy,.about-copy,.project-card p,.service-card p,.contact-box p{color:#a8a8a8;line-height:1.8}.hero-copy{max-width:650px;font-size:18px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none;border:1px solid #2c2c2c;cursor:pointer;font-weight:600}.primary{background:#7bf1a8;color:#07120b;border-color:#7bf1a8}.secondary{background:#111;color:#fff}.quick-stats{display:flex;gap:34px;margin-top:46px}.quick-stats div{display:flex;flex-direction:column;gap:4px}.quick-stats strong{font-size:17px}.quick-stats span{color:#757575;font-size:13px}.hero-card{border:1px solid #232323;border-radius:18px;padding:12px;background:linear-gradient(145deg,#121212,#0a0a0a);box-shadow:0 30px 80px #00000059}.code-window{border:1px solid #202020;border-radius:12px;background:#0d0d0d;overflow:hidden}.dots{display:flex;gap:7px;padding:14px;border-bottom:1px solid #202020}.dots span{width:10px;height:10px;background:#333;border-radius:50%}pre{margin:0;padding:32px;color:#c8f7d9;line-height:1.8;overflow:auto}.section{padding:110px 0}.alt{background:#0d0d0d;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy{font-size:17px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-card{background:#111;border:1px solid #242424;border-radius:10px;padding:18px;font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card,.service-card{background:#0e0e0e;border:1px solid #222;border-radius:16px;padding:28px;transition:transform .2s ease,border-color .2s ease}.project-card:hover,.service-card:hover{transform:translateY(-5px);border-color:#3a3a3a}.project-number{color:#555;font-family:Space Grotesk,sans-serif;font-size:14px;margin-bottom:26px}.project-type{color:#7bf1a8!important;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.tags span{padding:7px 10px;border:1px solid #2b2b2b;border-radius:999px;color:#bdbdbd;font-size:12px}.project-link{display:inline-flex;align-items:center;gap:6px;color:#f0f0f0;font-weight:600;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-icon{color:#7bf1a8;margin-bottom:28px}.contact-section{text-align:center}.contact-box{max-width:820px;padding:55px;background:linear-gradient(145deg,#111,#0b0b0b);border:1px solid #232323;border-radius:20px}.contact-box .contact-actions{justify-content:center}.contact-box small{display:block;color:#666;margin-top:24px}footer{border-top:1px solid #1d1d1d;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;color:#666;font-size:13px}@media(max-width:900px){.hero-grid,.two-col{grid-template-columns:1fr}.skills-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.hero-card{max-width:650px}}@media(max-width:680px){.container{width:min(100% - 28px,1120px)}h1{letter-spacing:-2.5px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:18px;background:#0b0b0b;border-bottom:1px solid #222;flex-direction:column}.nav-links.mobile-open{display:flex}.menu-btn{display:block}.skills-grid,.services-grid{grid-template-columns:1fr}.quick-stats{gap:18px;justify-content:space-between}.section{padding:80px 0}.contact-box{padding:36px 20px}.footer-inner{flex-direction:column;gap:10px}}