:root{--blue:#0864e9;--bg:#080a0e;--muted:#b8bdc8;--border:#252a32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:radial-gradient(ellipse at 50% 45%,#11151b 0%,#080a0e 72%);color:#f6f7fa;font:14px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(90%,1320px);margin:auto}.site-header{height:74px;position:sticky;top:0;z-index:50;background:rgba(3,4,6,.94);border-bottom:1px solid #1a1c20;backdrop-filter:blur(12px)}.nav-bar{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 190px}.brand img{width:185px;max-height:61px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:space-between;gap:21px;flex:1}.main-nav a{white-space:nowrap;font-size:12px;font-weight:600;transition:color .2s}.main-nav a:hover{color:#3885ff}.call-btn{border:1px solid var(--blue);border-radius:4px;color:#3385ff;padding:10px 18px;font-size:12px;font-weight:600;white-space:nowrap}.call-btn:hover{background:#09204b}.menu-toggle{display:none}.hero{height:390px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.82) 34%,rgba(0,0,0,.2) 70%),linear-gradient(0deg,#080a0e 0%,transparent 18%),url('../img/hero.png') center 52%/cover no-repeat}.hero-inner{height:100%;display:flex;align-items:center}.hero-content{max-width:760px}.eyebrow{color:#2582ff;font-weight:700;letter-spacing:3px;font-size:14px;margin-bottom:16px}.hero h1{font-size:clamp(28px,3.15vw,40px);line-height:1.2;letter-spacing:.4px;margin:0 0 19px;font-weight:800}.hero p{font-size:16px;line-height:1.5;margin:0 0 26px;color:#e0e1e5}.hero-actions{display:flex;gap:15px}.button{border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:11px 23px;font-weight:600;font-size:12px;min-height:42px;border:1px solid transparent}.button-primary{background:linear-gradient(110deg,#0750bd,#0957d6);color:white}.button-outline{border-color:var(--blue);color:#fff;gap:15px}.button:hover,.call-btn:hover{filter:brightness(1.18)}.down-arrow{color:#1682ff;font-size:24px;line-height:10px}.section-tight{padding:13px 0 18px}.section-title{text-align:center;font-size:21px;line-height:1.4;margin:0 0 24px;font-weight:700;position:relative}.section-title:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:65px;height:2px;background:var(--blue)}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{min-height:170px;border:1px solid #282d35;border-radius:6px;background:linear-gradient(145deg,#1a1d22,#0b0d10);padding:17px 15px 12px}.service-head{display:flex;align-items:center;gap:10px;min-height:40px}.service-head svg{height:38px;width:38px;flex:none;stroke:#0868f5;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-head h3{font-size:14px;line-height:1.2;margin:0;font-weight:700}.service-card ul{padding:0 0 0 13px;margin:12px 0 10px;font-size:12px;line-height:1.85}.service-card li::marker{color:#2379f4}.service-card>a{color:#2380ff;font-size:12px}.about{border-top:1px solid #181a1e}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:36px}.about-copy{padding:14px 0 4px}.about-copy h2{font-size:22px;margin:0}.accent-line{background:var(--blue);width:35px;height:2px;margin:8px 0 16px}.about-copy>p{font-size:12px;line-height:1.5;color:#c5c8d0;max-width:520px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:19px}.stat{text-align:center;min-width:0}.stat-icon{font-size:30px;line-height:1;color:#1675ff;margin-bottom:6px}.stat strong{display:block;font-size:19px}.stat span{display:block;color:#c4c8d0;font-size:10px;line-height:1.4}.about-visual{min-height:235px;overflow:hidden;position:relative}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0d11 0%,transparent 30%)}.about-visual img{width:100%;height:100%;object-fit:cover}.projects{border-top:1px solid #15181e}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.project{position:relative;overflow:hidden;border-radius:5px;background:#151a21;min-width:0}.project img{width:100%;height:158px;object-fit:cover;display:block}.project-caption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:16px 12px 8px;background:linear-gradient(transparent,rgba(0,0,0,.92));font-size:10px}.project-caption strong{font-weight:600}.project-caption span{color:#b8bdc8}.project:nth-child(n+5){display:none}.carousel-dots{display:flex;gap:6px;justify-content:center;margin:12px 0 0}.carousel-dots button{width:7px;height:7px;border:0;border-radius:100%;background:#54575d;padding:0}.carousel-dots button.active{background:var(--blue)}.benefits{padding-top:8px}.benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.benefits-grid>div{text-align:center;border-right:1px solid #2c2e33;font-size:10px;line-height:1.4;min-height:66px}.benefits-grid>div:last-child{border-right:0}.benefits-grid span{display:block;color:#1271f3;font-size:33px;line-height:1;margin-bottom:6px}.contact{border-top:1px solid #272a2f}.contact-grid{display:grid;grid-template-columns:1fr 1.45fr 1.15fr;gap:18px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:11px;font-size:11px}.contact-info p{margin:0}.contact-info span{display:inline-block;width:24px;color:#2e83ff;font-size:18px;vertical-align:middle}.contact-form{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-form input,.contact-form textarea{width:100%;background:#181b20;border:1px solid #252930;color:white;border-radius:4px;padding:9px 11px;outline:none;min-width:0;font-size:11px}.contact-form input:focus,.contact-form textarea:focus{border-color:#2076ee}.contact-form textarea{resize:vertical}.contact-form .button{align-self:flex-start;min-width:205px;min-height:30px;padding:8px 20px}.form-note{margin:0;color:#c6d5ee;font-size:11px}.map-placeholder{height:116px;border:1px solid #252d38;border-radius:5px;background:repeating-linear-gradient(32deg,transparent 0 18px,#27303b4d 19px 20px),repeating-linear-gradient(112deg,#10161e 0 28px,#1d2630 29px 31px);position:relative;display:flex;align-items:center;justify-content:center}.map-pin{color:#2e80ff;background:#172c51;border:2px solid #2c7bf3;width:28px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);text-align:center;font-size:14px;line-height:28px}.map-placeholder>span{position:absolute;bottom:-20px;font-size:10px}.footer{border-top:1px solid #171b22;margin-top:16px;background:#090b0f}.footer-inner{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{width:150px;max-height:60px;object-fit:contain}.footer small{color:#90949e;font-size:10px}.social{display:flex;gap:18px;font-size:19px;color:#a6adbb}
@media(min-width:1350px){.hero{height:440px}.project img{height:185px}.service-card{min-height:180px}}
@media(max-width:1100px){.container{width:92%}.nav-bar{gap:15px}.brand{flex-basis:160px}.brand img{width:158px}.main-nav{gap:11px}.main-nav a{font-size:11px}.call-btn{padding:9px 11px}.hero{height:380px}.service-grid{gap:10px}.service-card{padding:13px 10px}.service-head svg{width:31px}.service-head h3{font-size:12px}.service-card ul{font-size:11px}.about-grid{gap:16px}}
@media(max-width:800px){.site-header{height:68px}.nav-bar{justify-content:space-between}.brand{flex:0 0 auto}.brand img{width:170px}.menu-toggle{display:flex;order:3;width:42px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #2b3545;border-radius:5px;background:#10151c}.menu-toggle span{width:20px;height:2px;background:#e5e9f2}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 5%;background:#0c1017;border-bottom:1px solid #283345;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 22px #0009}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;font-size:14px;border-bottom:1px solid #202632}.call-btn{margin-left:auto}.hero{height:410px;background-position:60% center}.hero h1{font-size:34px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-head h3{font-size:14px}.service-card ul{font-size:12px}.about-grid{grid-template-columns:1fr}.about-visual{min-height:280px;max-height:360px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project img{height:200px}.benefits-grid{grid-template-columns:repeat(3,1fr);row-gap:20px}.benefits-grid>div:nth-child(3){border-right:0}.contact-grid{grid-template-columns:1fr 1.5fr}.map-placeholder{grid-column:1/-1;margin:10px 0 15px}.section-tight{padding:25px 0}}
@media(max-width:520px){.container{width:90%}.brand img{width:145px}.call-btn{font-size:10px;padding:8px}.hero{height:460px;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.55)),linear-gradient(0deg,#080a0e,transparent 25%),url('../img/hero.png') 64% center/cover no-repeat}.hero-content{padding-top:25px}.eyebrow{font-size:11px;letter-spacing:2.6px}.hero h1{font-size:clamp(25px,7.2vw,35px)}.hero p{font-size:14px}.desktop-only{display:none}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .button{padding:10px 13px;font-size:11px}.section-title{font-size:21px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:16px 18px}.service-head svg{width:36px}.service-card ul{margin:8px 0}.stats{gap:5px}.stat strong{font-size:17px}.stat span{font-size:9px}.stat-icon{font-size:25px}.about-visual{min-height:220px}.projects-grid{gap:10px}.project img{height:165px}.project-caption{font-size:9px}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid>div:nth-child(3){border-right:1px solid #2c2e33}.benefits-grid>div:nth-child(even){border-right:0}.contact-grid{grid-template-columns:1fr}.contact-info{gap:8px}.form-row{grid-template-columns:1fr}.map-placeholder{grid-column:auto}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;padding:12px 0}.footer small{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Visual refinement to match the supplied Infinity Elevator concept */
:root{--blue:#096bfa;--bg:#080a0d}
body{background:linear-gradient(180deg,#07090b,#101318 48%,#080a0d);}
.container{width:min(calc(100% - 88px),1320px)}
.site-header{height:72px;background:rgba(2,3,5,.97)}
.brand{flex-basis:195px}.brand img{width:185px}
.main-nav a{font-size:12px}
.hero{height:385px;background:linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.54) 37%,rgba(0,0,0,.02) 74%),linear-gradient(0deg,#090b0f 0%,transparent 17%),url('../img/hero.png') center center/cover no-repeat}
.hero-content{max-width:680px}.hero h1{font-size:clamp(29px,3.3vw,42px);line-height:1.18}.hero p{color:#e0e2e7}
.section-tight{padding:17px 0 23px}.section-title{margin-bottom:27px}
.service-grid{gap:19px}.service-card{min-height:173px;background:linear-gradient(155deg,#1c2026 0%,#0c0e12 90%);border-color:#2a3038;padding:17px 15px 13px;display:flex;flex-direction:column}
.service-card ul{margin:11px 0 9px}.service-card>a{margin-top:auto}
.about-grid{gap:22px}.about-visual{min-height:255px}.about-copy{padding-top:15px}
.about-visual img{object-position:center 45%}
.projects-grid{gap:14px}.project img{height:162px}.project-caption{padding-top:28px}
.benefits-grid>div{min-height:75px}.benefits-grid span{font-size:34px}
.contact-grid{grid-template-columns:1fr 1.35fr 1.15fr}.map-placeholder{height:125px}
@media(min-width:1350px){.hero{height:450px}.project img{height:190px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-bar{gap:16px}.brand{flex-basis:170px}.brand img{width:165px}.main-nav{gap:12px}.main-nav a{font-size:11px}.service-grid{gap:13px}}
@media(max-width:800px){.container{width:92%}.hero{height:420px;background-position:60% center}.service-grid{gap:13px}.about-visual{min-height:285px}}
@media(max-width:520px){.container{width:90%}.hero{height:460px;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.53)),linear-gradient(0deg,#080a0e,transparent 25%),url('../img/hero.png') 64% center/cover no-repeat}.hero h1{font-size:clamp(25px,7.2vw,35px)}.service-grid{gap:12px}.service-card{min-height:0}.projects-grid{gap:10px}.project img{height:165px}}

.benefits-grid span{height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.benefits-grid svg{display:block}

/* Reference icons: crisp, uniform blue outlines matching the supplied sketch. */
.reference-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.service-head .reference-icon{width:38px;height:38px;color:#0878ff;stroke-width:1.7}
.stat-icon{display:flex;align-items:center;justify-content:center;height:36px;margin-bottom:6px;color:#0878ff}
.stat-icon .reference-icon{width:34px;height:34px}
.benefits-grid span{color:#0878ff}
.benefits-grid .reference-icon{width:35px;height:35px}
.contact-info a,.contact-info p{display:flex;align-items:center}
.contact-info span{display:inline-flex;align-items:center;flex:0 0 24px;color:#0878ff}
.contact-info .reference-icon{width:15px;height:15px}
.social .reference-icon{width:20px;height:20px;color:#969eaa}
.social a:hover .reference-icon{color:#0878ff}
@media(max-width:1100px){.service-head .reference-icon{width:34px;height:34px}}
@media(max-width:520px){.service-head .reference-icon{width:36px;height:36px}}

/* Live city map; replace its query with the office address when supplied. */
.contact-map{min-width:0;overflow:hidden;border:1px solid #29323e;border-radius:5px;background:#10161e}
.contact-map iframe{display:block;width:100%;height:190px}
.contact-map>a{display:block;padding:8px 10px;text-align:center;color:#a8caff;font-size:11px}
.contact-map>a:hover{color:#fff;background:#182438}
@media(max-width:800px){.contact-map{grid-column:1/-1}}
@media(max-width:520px){.contact-map{grid-column:auto}}