:root{--navy:#0b1f3f;--gold:#f2b705;--orange:#e27b19;--dark:#111827;--muted:#667085;--light:#f6f8fb;--white:#fff;--shadow:0 24px 80px rgba(15,31,63,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,31,63,.08)}.navbar{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 22px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;font-weight:900;letter-spacing:-1px}.brand strong{display:block;color:var(--navy);font-size:1.05rem}.brand small{display:block;color:var(--muted);font-size:.75rem}.nav-links{display:flex;gap:26px;align-items:center;font-weight:700;font-size:.9rem}.nav-links a{color:var(--navy)}.nav-cta{background:var(--navy);color:white!important;padding:11px 18px;border-radius:999px}.nav-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:10px;font-size:1.25rem;padding:8px 12px}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:60px;padding:130px max(48px,calc((100vw - 1200px)/2)) 90px;background:linear-gradient(105deg,rgba(7,23,47,.97) 48%,rgba(7,23,47,.55) 100%),url('../img/DJI_about.jpg') center/cover no-repeat;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--gold);font-size:.72rem;margin:0 0 18px;opacity:.9}.hero h1{color:#fff;font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:1;margin:0 0 22px;letter-spacing:-.04em;font-weight:900}.hero-text{color:rgba(255,255,255,.75);font-size:1.05rem;line-height:1.7;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 28px;font-weight:800;font-size:.95rem;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;box-shadow:0 8px 28px rgba(242,183,5,.35)}.btn.secondary{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}.hero-badges{display:flex;gap:0;margin-top:44px;border-top:1px solid rgba(255,255,255,.12);padding-top:32px}.hero-badge{flex:1;padding-right:20px;border-right:1px solid rgba(255,255,255,.12)}.hero-badge:last-child{border-right:0;padding-right:0;padding-left:20px}.hero-badge strong{display:block;color:#fff;font-size:1.9rem;font-weight:900;line-height:1;font-family:inherit}.hero-badge span{display:block;color:rgba(255,255,255,.5);font-size:.75rem;font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.1em}
/* ── Project Slider ── */
.hero-slider{position:relative;z-index:2;height:min(75vh,600px);border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}.hs-track{position:relative;height:100%}.hs-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.hs-slide.active{opacity:1}.hs-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.hs-caption{position:absolute;bottom:0;left:0;right:0;padding:36px 28px 26px;background:linear-gradient(to top,rgba(7,23,47,.95) 50%,transparent);color:#fff;transform:translateY(10px);opacity:0;transition:transform .6s ease .3s,opacity .6s ease .3s}.hs-slide.active .hs-caption{transform:translateY(0);opacity:1}.hs-tag{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:999px;margin-bottom:10px}.hs-caption p{margin:0;font-size:.9rem;color:rgba(255,255,255,.85);line-height:1.5}.hs-dots{position:absolute;bottom:22px;right:22px;display:flex;gap:7px;z-index:5}.hs-dot{width:8px;height:8px;border-radius:999px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:all .3s ease}.hs-dot.active{background:var(--gold);width:26px}.section{max-width:1180px;margin:auto;padding:96px 24px}.intro{display:grid;grid-template-columns:.8fr 1fr;gap:60px;align-items:start}.section-title h2,.about-copy h2,.sectors h2,.history h2,.contact h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0;color:var(--navy);letter-spacing:-.04em}.intro p{font-size:1.12rem;color:var(--muted)}.stats{max-width:1120px;margin:-28px auto 40px;position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px}.stats div{background:white;border-radius:22px;padding:26px;box-shadow:var(--shadow);border:1px solid #eef1f5}.stats strong{display:block;color:var(--navy);font-size:2.25rem;line-height:1}.stats span{color:var(--muted);font-weight:700}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-visual{min-height:500px;position:relative}.image-tile{position:absolute;border-radius:34px;box-shadow:var(--shadow);background-size:cover;background-position:center}.tile-one{left:0;top:0;width:75%;height:72%;background-image:linear-gradient(rgba(11,31,63,.05),rgba(11,31,63,.05)),url('../img/construction-abstract.svg')}.tile-two{right:0;bottom:0;width:58%;height:55%;background-image:linear-gradient(135deg,var(--gold),var(--orange))}.experience-box{position:absolute;left:28px;bottom:36px;background:#fff;padding:24px 28px;border-radius:24px;box-shadow:var(--shadow)}.experience-box strong{display:block;color:var(--navy);font-size:1.8rem}.experience-box span{color:var(--muted);font-weight:700}.about-copy p,.history p,.contact p{color:var(--muted);font-size:1.02rem}.text-link{color:var(--orange);font-weight:900}.services{background:var(--light);max-width:none}.services>.section-title,.services>.service-grid{max-width:1180px;margin-left:auto;margin-right:auto}.center{text-align:center;max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}.service-card{background:white;border:1px solid #e8edf4;border-radius:28px;padding:30px;transition:.25s;min-height:245px}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.svc-link{display:block;margin-top:auto;padding-top:14px;color:var(--orange);font-style:normal;font-weight:800;font-size:.88rem}.service-card span{color:var(--orange);font-weight:900}.service-card h3{color:var(--navy);font-size:1.28rem;line-height:1.2}.service-card p{color:var(--muted)}.service-card.wide{grid-column:span 3;min-height:auto;background:linear-gradient(135deg,var(--navy),#163c72);color:white}.service-card.wide h3,.service-card.wide p{color:white}.sectors{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.sector-list{display:flex;flex-wrap:wrap;gap:12px}.sector-list span{padding:12px 16px;background:#fff7df;border:1px solid #f7d980;border-radius:999px;color:#6b4100;font-weight:800}.why{max-width:none;background:linear-gradient(135deg,#0b1f3f,#132f5f);color:white}.why .section-title,.why .value-grid{max-width:1180px;margin-left:auto;margin-right:auto}.light h2{color:white}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:44px}.value-grid div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:24px}.value-grid h3{color:var(--gold)}.value-grid p{color:rgba(255,255,255,.78);font-size:.94rem}.history{max-width:850px;text-align:center}.cta{margin:20px auto 0;max-width:1120px;border-radius:34px;background:linear-gradient(135deg,var(--gold),var(--orange));padding:52px 28px;text-align:center;color:#111}.cta h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:0}.cta .btn{background:var(--navy);color:white;margin-top:18px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact a{color:var(--navy);font-weight:800}.contact-form{display:grid;gap:14px;background:var(--light);padding:28px;border-radius:28px}.contact-form input,.contact-form textarea{width:100%;padding:16px 18px;border:1px solid #dfe6ef;border-radius:16px;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.scroll-top{position:fixed;bottom:28px;right:28px;z-index:999;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--gold),var(--orange));color:#111;font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s;pointer-events:none}.scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,.3)}footer{background:#07172f;color:white;padding:38px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand strong{color:white}.footer-brand small,footer p{color:rgba(255,255,255,.7)}.footer-links{display:flex;gap:18px;font-weight:800}@media(max-width:900px){.nav-toggle{display:block}.nav-links{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;background:white;padding:22px;border-radius:22px;box-shadow:var(--shadow)}.nav-links.active{display:flex}.hero{grid-template-columns:1fr;padding-top:110px;gap:32px}.hero-slider{height:360px;border-radius:20px}.hero-badges{gap:0}.hero-badge:first-child{padding-left:0}.hs-left{display:none}.hero-slider{height:260px;min-height:260px;border-radius:24px;width:100%}.intro,.about,.sectors,.contact{grid-template-columns:1fr}.stats,.service-grid,.value-grid{grid-template-columns:1fr 1fr}.service-card.wide{grid-column:span 2}.about-visual{min-height:380px}}@media(max-width:620px){.stats,.service-grid,.value-grid{grid-template-columns:1fr}.service-card.wide{grid-column:span 1}footer{display:block}.footer-links{margin-top:18px}.hero h1{font-size:2.7rem}}