:root{color:#d6d9e0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0c10;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#5d6dff1f,#0000 26%),radial-gradient(circle at 85% 10%,#5affc614,#0000 22%),#0a0c10;min-width:1280px;margin:0}a{color:inherit;text-decoration:none}button,a{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.site-shell{color:#d6d9e0;background-color:#0a0c10}.hero{border-bottom:1px solid #ffffff14;min-height:100vh;position:relative;overflow:hidden}.hero-video{object-fit:cover;filter:saturate(.55)brightness(.32);width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#080a0e57,#080a0ee0),linear-gradient(90deg,#07090cdb 0%,#07090c66 42%,#07090ccc 100%);position:absolute;inset:0}.nav-bar,.hero-content,.section,.contact-inner{width:min(1700px,100% - 96px);margin:0 auto}.nav-bar{z-index:2;grid-template-columns:1fr auto auto;align-items:center;gap:32px;padding:28px 0;display:grid;position:relative}.brand{color:#f3f5f7;letter-spacing:0;align-items:center;gap:14px;font-size:14px;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#8ea4ff,#79f0d2);border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #79f0d28c}.nav-links{color:#e6eaf0cc;align-items:center;gap:28px;font-size:14px;display:inline-flex}.nav-links a:hover,.contact-button:hover,.primary-link:hover,.secondary-link:hover,.contact-card:hover{transform:translateY(-1px)}.contact-button,.primary-link,.secondary-link{border-radius:8px;justify-content:center;align-items:center;height:46px;padding:0 20px;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.contact-button{color:#f4f6f9;background:#ffffff0a;border:1px solid #ffffff29}.hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;min-height:calc(100vh - 102px);padding:80px 0 110px;display:flex;position:relative}.eyebrow,.section-kicker,.item-meta{text-transform:uppercase;letter-spacing:.24em;margin:0;font-size:12px}.eyebrow,.section-kicker{color:#cdd6e0b8}.hero h1{color:#f4f7fb;width:min(980px,100%);margin:22px 0 0;font-size:88px;font-weight:600;line-height:.98}.hero-copy{color:#d8dde3d1;width:min(720px,100%);margin:28px 0 0;font-size:18px;line-height:1.9}.hero-actions{gap:14px;margin-top:34px;display:flex}.primary-link{color:#091018;background:#f2f5f8}.secondary-link{color:#eef2f5;background:#ffffff08;border:1px solid #ffffff26}.section{padding:120px 0}.section-heading{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.section-heading h2,.contact-inner h2{color:#f2f5f8;margin:0;font-size:48px;font-weight:600;line-height:1.08}.blog-section{border-bottom:1px solid #ffffff14}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px;display:grid}.blog-item{background:linear-gradient(#10141aeb,#0c0f14eb);border:1px solid #ffffff14;border-radius:8px;min-height:280px;padding:30px}.item-meta{color:#8a99acd6}.blog-item h3,.project-card h3{color:#f3f6fa;margin:18px 0 16px;font-size:28px;font-weight:500;line-height:1.18}.blog-item p,.project-card p,.contact-card span{color:#cdd6dfcc;font-size:16px;line-height:1.85}.project-heading{margin-bottom:56px}.project-list{gap:28px;display:grid}.project-card{background:linear-gradient(#0f131af5,#090c11f5);border:1px solid #ffffff14;border-radius:8px;grid-template-columns:420px minmax(0,1fr);gap:32px;min-height:520px;padding:34px;display:grid}.project-copy{flex-direction:column;justify-content:space-between;display:flex}.project-image-wrap{background:#0d1117;border:1px solid #ffffff12;border-radius:8px;min-height:452px;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%}.contact-section{border-top:1px solid #ffffff14;align-items:center;min-height:100vh;display:flex}.contact-inner{padding:80px 0}.contact-inner h2{width:min(1120px,100%);margin-top:18px}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:54px;display:grid}.contact-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:180px;padding:28px;transition:transform .18s,border-color .18s,background-color .18s;display:flex}.contact-card strong{color:#f4f7fb;font-size:28px;font-weight:500}
