@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#168ff0;--blue2:#0b76d4;--dark:#11171c;--ink:#161c22;--muted:#63707c;--max:1250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 88px));margin:auto}.site-header{background:#11171c;color:#fff;position:relative;z-index:20}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:flex;align-items:center;justify-content:center;width:45px;height:43px;font-size:34px;line-height:1;font-weight:900;color:#219af7;letter-spacing:-5px;position:relative}.brand-mark:before{content:"";position:absolute;inset:4px;border:5px solid #219af7;transform:skew(-5deg);opacity:.95}.brand-mark>span{width:7px;height:30px;background:#11171c;position:absolute;transform:rotate(35deg);left:17px}.brand-words{display:flex;flex-direction:column;gap:1px;line-height:1}.brand-words strong{font-size:22px;letter-spacing:-1px;font-weight:900}.brand-words strong span{color:#219af7}.brand-words small{font-size:8px;letter-spacing:2px;font-weight:800}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{font-size:13px;font-weight:600;color:#d5d9dd;padding:29px 0 25px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:white;border-bottom-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:15px 22px;border-radius:3px;font-size:13px;font-weight:750;line-height:1.2;white-space:nowrap;transition:background .2s,transform .2s;cursor:pointer;border:0}.btn:hover{transform:translateY(-2px)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue2)}.btn-outline{border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(0,0,0,.2)}.btn-outline:hover{background:rgba(255,255,255,.13)}.nav-cta{font-size:12px;padding:14px 18px;margin-left:auto}.menu-toggle{display:none}.hero{position:relative;min-height:590px;color:#fff;background:#303b41 var(--hero) center 49%/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,15,.88) 0%,rgba(6,11,15,.71) 28%,rgba(6,11,15,.13) 75%),linear-gradient(0deg,rgba(6,11,15,.68),transparent 30%)}.hero-inner{position:relative;z-index:1;flex:1;display:flex;align-items:center}.hero-copy{max-width:565px;padding:64px 0 58px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:var(--blue);text-transform:uppercase}.hero .eyebrow{color:#7ec6ff}.hero h1{font-size:clamp(54px,6.2vw,91px);line-height:.98;letter-spacing:-3.5px;margin:19px 0 22px;font-weight:900}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:17px;line-height:1.65;max-width:540px;color:#f0f1f2;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:relative;z-index:1;background:rgba(13,19,23,.72);border-top:1px solid rgba(255,255,255,.14)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:21px 0}.proof-grid>div{display:flex;align-items:center;gap:14px;color:#fff;font-size:12px;line-height:1.5;font-weight:600}.proof-icon{font-size:27px;font-weight:400;min-width:32px;text-align:center;color:#e9edf0}.section{padding:72px 0 78px}.section-light{background:#fff}.section-dark{background:#11171c;color:#fff}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px;gap:20px}.section-heading h2,.section-about h2,.contact-banner h2{font-size:clamp(28px,3vw,39px);letter-spacing:-1.1px;line-height:1.12;margin:9px 0 0;font-weight:850}.text-link{color:var(--blue2);font-size:12px;font-weight:750}.text-link span{padding-left:3px}.section-dark .text-link{color:#55b0ff}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{background:#f5f6f7;min-width:0}.card-image{display:block;height:176px;overflow:hidden;background:#c8cdd1}.card-image img,.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.service-card:hover img,.project-card:hover img{transform:scale(1.045)}.service-content{padding:17px 16px 22px}.service-content h3{font-size:16px;margin:0 0 10px;letter-spacing:-.4px}.service-content p{font-size:13px;line-height:1.65;color:#64707a;margin:0 0 19px;min-height:65px}.project-card{height:236px;position:relative;display:block;overflow:hidden;background:#35434a;border-radius:3px}.project-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.87))}.project-caption{position:absolute;bottom:18px;left:17px;z-index:2;display:flex;flex-direction:column;gap:4px}.project-caption strong{font-size:15px}.project-caption small{font-size:12px;color:#cbd3d9}.section-about{background:#f6f6f6}.about-grid{display:grid;grid-template-columns:1.2fr .86fr 1fr;align-items:center;gap:55px}.about-intro h2{margin:10px 0 18px}.about-intro p{font-size:14px;line-height:1.75;color:#4d565d;margin:0 0 23px}.about-photo img{width:100%;height:300px;object-fit:cover;border-radius:3px}.about-points{display:flex;flex-direction:column;gap:23px}.about-points>div{display:flex;align-items:flex-start;gap:15px}.about-points>div>span{font-size:24px;min-width:30px}.about-points p{margin:0}.about-points strong,.about-points small{display:block}.about-points strong{font-size:13px;margin-bottom:6px}.about-points small{font-size:12px;color:#68727b;line-height:1.5}.contact-banner{color:white;background:#1c2228 var(--banner) center/cover no-repeat;position:relative}.contact-banner:before{content:"";position:absolute;inset:0;background:rgba(5,9,12,.78)}.banner-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 0}.contact-banner h2{margin:8px 0 13px}.contact-banner p{font-size:14px;line-height:1.6;margin:0;color:#e7ebee}.banner-actions{display:flex;gap:13px;flex-wrap:wrap}.footer{background:#0c1115;color:#d0d7dd}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.6fr;gap:45px;padding:60px 0 48px}.footer h4{color:#fff;font-size:13px;margin:0 0 18px}.footer p,.footer a:not(.brand){font-size:12px;line-height:1.9;color:#aab5bf}.footer a:not(.brand){display:block}.footer a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2b333a;padding:20px 0;color:#88939b;font-size:11px}.page-hero{padding:90px 0 85px;background:linear-gradient(105deg,#10171d,#25313b);color:#fff}.page-hero h1{font-size:clamp(42px,6vw,68px);letter-spacing:-2px;margin:14px 0 18px}.page-hero p{font-size:17px;line-height:1.7;color:#d0d8dd;max-width:690px}.details{padding-top:50px;padding-bottom:70px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:38px 0;border-bottom:1px solid #e4e6e8;scroll-margin-top:30px}.detail-row:nth-child(even) .detail-photo{order:2}.detail-photo img{width:100%;height:330px;object-fit:cover}.detail-text h2,.story-grid h2,.contact-layout h2{font-size:35px;letter-spacing:-1px;line-height:1.15}.detail-text p,.story-grid p,.contact-layout p{line-height:1.8;color:#58636d;font-size:15px;margin-bottom:25px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-grid figure{margin:0;background:#f4f5f6}.gallery-grid img{width:100%;height:255px;object-fit:cover}.gallery-grid figcaption{font-weight:700;padding:17px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.story-grid>img{width:100%;height:410px;object-fit:cover}.contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:100px}.contact-layout form{display:grid;gap:16px}.contact-layout label{font-size:13px;font-weight:700;display:grid;gap:7px}.contact-layout input,.contact-layout select,.contact-layout textarea{font:inherit;width:100%;border:1px solid #d2d8dc;padding:13px 14px;border-radius:3px;background:#fff;color:#19222b}.contact-layout input:focus,.contact-layout textarea:focus{outline:2px solid #9acfff}.contact-layout button{justify-self:start}.contact-info{background:#10171d;color:#fff;padding:36px;align-self:start}.contact-info h3{margin:0 0 25px;font-size:23px}.contact-info p{color:#c5cfd6}.contact-info strong{color:#fff}.contact-info a{color:#70bdff}@media(max-width:1100px){.wrap{width:min(var(--max),calc(100% - 50px))}.main-nav{gap:16px}.about-grid{gap:25px}.card-image{height:145px}.project-card{height:200px}.service-content h3{font-size:14px}}@media(max-width:780px){.nav-wrap{height:70px}.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer;margin-left:auto}.menu-toggle i{display:block;width:25px;height:2px;background:white}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:#11171c;padding:10px 25px 24px;box-shadow:0 15px 20px #0004;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:15px 0}.hero{min-height:600px}.hero-copy{padding:80px 0}.hero h1{letter-spacing:-2px}.proof-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.card-image{height:185px}.project-card{height:240px}.about-grid{grid-template-columns:1fr 1fr}.about-intro{grid-column:1/-1}.about-photo img{height:330px}.banner-grid{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{gap:35px}}@media(max-width:540px){.wrap{width:calc(100% - 36px)}.brand-words strong{font-size:19px}.brand-words small{font-size:7px}.hero{min-height:580px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,10,14,.88),rgba(5,10,14,.35)),linear-gradient(0deg,#0b1119a8,transparent 40%)}.hero-copy{padding:65px 0 50px}.hero h1{font-size:55px}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.hero-actions .btn{padding:13px 14px;font-size:11px}.proof-grid{gap:15px;padding:17px 0}.proof-grid>div{font-size:10px;gap:7px}.proof-icon{font-size:22px;min-width:24px}.section{padding:55px 0}.section-heading{align-items:flex-start;gap:8px}.section-heading .text-link{max-width:95px;text-align:right;line-height:1.5}.section-heading h2{font-size:29px}.service-grid,.project-grid{gap:12px}.card-image{height:125px}.service-content{padding:13px 11px 17px}.service-content h3{font-size:13px;line-height:1.4}.service-content p{font-size:11px;min-height:90px}.service-content .text-link{font-size:10px}.project-card{height:185px}.project-caption{left:10px;bottom:12px}.project-caption strong{font-size:12px}.project-caption small{font-size:10px}.about-grid,.story-grid,.detail-row,.contact-layout{grid-template-columns:1fr;gap:26px}.about-intro{grid-column:auto}.about-photo img{height:270px}.about-points{gap:18px}.detail-row:nth-child(even) .detail-photo{order:0}.detail-photo img{height:245px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid img{height:160px}.gallery-grid figcaption{font-size:12px}.page-hero{padding:70px 0}.footer-grid{gap:30px}.footer-bottom{gap:10px;flex-direction:column}.contact-info{padding:25px}.banner-actions .btn{font-size:11px}}