html,body{max-width:100%;overflow-x:clip}
.construction-hero{position:relative;isolation:isolate;padding:82px 0 78px;background:radial-gradient(circle at 12% 18%,#164c5b 0,transparent 34%),linear-gradient(135deg,#04131f 5%,#08283a 53%,#061722 100%)}
.construction-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#43d8bc0b 1px,transparent 1px),linear-gradient(90deg,#43d8bc0b 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.construction-hero .hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px}
.hero-copy{animation:hero-copy-in .75s ease-out both}
.construction-hero h1{max-width:650px;font-size:clamp(2.35rem,4vw,3.45rem);line-height:1.3;margin:16px 0 22px;letter-spacing:-2.4px;text-wrap:balance}
.construction-hero .hero-copy>p{max-width:640px;color:#c7d6df;font-size:1.08rem;line-height:2}
.construction-hero .hero-primary{gap:9px;background:linear-gradient(135deg,#17a68f,#0b7d6e);border-color:#20af97;box-shadow:0 14px 36px #06120e75}
.construction-hero .hero-actions{margin:31px 0 25px}
.construction-hero .trust-row{flex-wrap:wrap}
.hero-blueprint{position:absolute;inset:0;z-index:-1;opacity:.32;pointer-events:none}
.hero-blueprint svg{width:100%;height:100%}
.hero-blueprint path{fill:none;stroke:#68e5ce;stroke-width:1.1;stroke-dasharray:10 9;vector-effect:non-scaling-stroke;animation:blueprint-draw 18s linear infinite}
.hero-blueprint .blueprint-accent{stroke:#fff;stroke-width:.7;stroke-dasharray:5 14;animation-duration:26s}
.hero-visual{position:relative;min-width:0;min-height:530px;animation:hero-visual-in .9s .1s ease-out both}
.building-frame{position:absolute;inset:12px 12px 22px 34px;overflow:hidden;border-radius:30px;border:1px solid #d4fff73b;background:#102c3b;box-shadow:0 38px 100px #0009,0 0 0 10px #ffffff08}
.building-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff2;pointer-events:none}
.building-frame picture,.building-frame img{display:block;width:100%;height:100%}
.building-frame img{object-fit:cover;object-position:center;animation:building-breathe 16s ease-in-out infinite alternate}
.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#03121cd9 100%),linear-gradient(90deg,#03121c5c,transparent 46%)}
.floor-scan{position:absolute;inset:9% 6%;border:1px solid #8bffe93b;background:repeating-linear-gradient(180deg,transparent 0,transparent 42px,#9df8e746 43px,#9df8e746 44px);clip-path:polygon(48% 4%,74% 10%,79% 88%,30% 88%,34% 20%);animation:floor-scan 7s ease-in-out infinite}
.floating-stat{position:absolute;z-index:3;min-width:128px;padding:11px 15px;border:1px solid #c9fff24a;border-radius:14px;background:#071c27d9;color:#fff;box-shadow:0 18px 45px #0006;backdrop-filter:blur(12px);animation:card-float 5s ease-in-out infinite}
.floating-stat small,.floating-stat strong{display:block}
.floating-stat small{color:#a8c9d1;font-size:.68rem}
.floating-stat strong{font-size:1.02rem;color:#72ead3}
.stat-project{top:36px;right:-12px}.stat-units{top:155px;left:-14px;animation-delay:-1.8s}.stat-customers{bottom:47px;right:-19px;animation-delay:-3.2s}
.dashboard-preview{position:absolute;z-index:3;left:20px;bottom:0;width:min(250px,46%);padding:15px 17px;border:1px solid #d8fff650;border-radius:18px;background:#fafdffed;color:#102636;box-shadow:0 20px 52px #0008;backdrop-filter:blur(15px)}
.dashboard-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:#687983}.dashboard-preview strong{font-size:1.18rem;color:#087466}.mini-bars{height:45px;display:flex;align-items:end;gap:7px;margin:9px 0}
.mini-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(#45d7bd,#087466)}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:64%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:84%}.mini-bars i:nth-child(5){height:72%}
.dashboard-preview p{margin:0;font-size:.68rem;color:#627580}.dashboard-preview p span{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%;background:#1fc699;box-shadow:0 0 0 4px #1fc69920}
.hero-capabilities{position:relative;z-index:3;margin-top:-1px;background:#fff;border-bottom:1px solid #e1e9ed;box-shadow:0 12px 35px #17304208}
.hero-capabilities .container{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:24px 0}
.hero-capabilities article{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 14px;border-left:1px solid #e7edef}
.hero-capabilities article:last-child{border-left:0}.hero-capabilities span{flex:0 0 29px;display:grid;place-items:center;aspect-ratio:1;border-radius:9px;background:#e8f7f4;color:#087466;font-size:.73rem;font-weight:900}
.hero-capabilities p{margin:0;color:#435767;font-size:.74rem;font-weight:700;line-height:1.65}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hero-visual-in{from{opacity:0;transform:translateX(-22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes blueprint-draw{to{stroke-dashoffset:-380}}
@keyframes building-breathe{from{transform:scale(1.01)}to{transform:scale(1.065)}}
@keyframes floor-scan{0%,100%{opacity:.2;transform:translateY(8px)}50%{opacity:.64;transform:translateY(-9px)}}
@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1080px){.construction-hero .hero-grid{gap:38px}.hero-capabilities .container{grid-template-columns:repeat(3,1fr)}.hero-capabilities article:nth-child(3){border-left:0}.hero-capabilities article:nth-child(-n+3){border-bottom:1px solid #e7edef}}
@media(max-width:900px){.construction-hero{padding-top:60px}.construction-hero .hero-grid{grid-template-columns:1fr}.construction-hero h1{max-width:760px}.construction-hero .hero-copy>p{max-width:760px}.hero-visual{width:min(100%,700px);min-height:510px;margin:0 auto}.stat-project{right:0}.stat-customers{right:0}}
@media(max-width:600px){.construction-hero{padding:46px 0 42px}.construction-hero h1{font-size:2rem;letter-spacing:-1.3px}.construction-hero .hero-copy>p{font-size:.95rem}.construction-hero .hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.construction-hero .hero-actions .btn{width:100%}.construction-hero .trust-row{display:grid;gap:5px}.hero-visual{min-height:420px;margin-top:4px}.building-frame{inset:10px 0 34px;border-radius:21px}.floating-stat{min-width:104px;padding:8px 10px}.floating-stat small{font-size:.59rem}.floating-stat strong{font-size:.83rem}.stat-project{top:25px;right:-5px}.stat-units{top:120px;left:-5px}.stat-customers{right:-5px;bottom:55px}.dashboard-preview{left:8px;width:55%;padding:11px 12px}.hero-capabilities .container{grid-template-columns:1fr 1fr;padding:12px 0}.hero-capabilities article,.hero-capabilities article:nth-child(3){border-left:0;border-bottom:1px solid #e7edef;padding:10px 8px}.hero-capabilities article:nth-child(odd){border-left:1px solid #e7edef}.hero-capabilities article:nth-last-child(-n+2){border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-visual,.hero-blueprint path,.building-frame img,.floor-scan,.floating-stat{animation:none!important}.btn{transition:none!important}}