
*{margin:0;padding:0;box-sizing:border-box}
:root{--black:#030303;--gold:#f2bc16;--gold-dark:#d6a30c;--white:#fff;--muted:#b8b8b8;--max:1380px}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#030303;color:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(94%,var(--max));margin:auto}

/* AUDITED NAVBAR: fixed width math, cropped logo, no clipping */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#030303;border-bottom:1px solid rgba(242,188,22,.8)}
.navbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 286px;min-width:0}
.brand img{width:258px;height:auto;max-height:70px;object-fit:contain}
.main-nav{flex:1;min-width:0;display:flex;justify-content:center}
.main-nav ul{display:flex;align-items:center;justify-content:center;gap:28px;list-style:none;white-space:nowrap}
.main-nav a{font-size:16px;line-height:1;font-weight:1000;color:#fff;transition:.22s}
.main-nav a:hover,.main-nav a.active{color:var(--gold)}
.nav-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.lang-switch{display:flex;height:48px;border:1px solid rgba(242,188,22,.8);border-radius:9px;overflow:hidden;background:#050505}
.lang-switch a{width:54px;height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:1000;color:#aaa}
.lang-switch a.active-lang{background:var(--gold);color:#000}
.quote-btn{height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border-radius:9px;background:var(--gold);color:#000;font-size:17px;font-weight:1000;border:1px solid var(--gold);white-space:nowrap}
.quote-btn:hover{background:#fff;border-color:#fff}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#000;padding:15px 26px;border-radius:10px;font-weight:1000;border:1px solid var(--gold);transition:.22s}
.btn:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--gold)}
.btn-outline:hover{background:var(--gold);color:#000}

/* Hero */
.hero{min-height:92vh;display:flex;align-items:center;padding-top:118px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.36) 100%);z-index:1}
.hero:after{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1526481280695-3c4691f38f21?q=80&w=2000&auto=format&fit=crop') center/cover;opacity:.44}
.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow{text-transform:uppercase;color:var(--gold);font-weight:1000;letter-spacing:5px;margin-bottom:18px;font-size:14px}
.hero h1{font-size:clamp(48px,6.3vw,86px);line-height:1.03;font-weight:1000;letter-spacing:-2.2px;margin-bottom:25px}
.hero h1 span,.page-hero h1 span{color:var(--gold)}.hero p{font-size:clamp(18px,2vw,22px);color:#e5e5e5;max-width:760px;margin-bottom:34px}.actions{display:flex;gap:16px;flex-wrap:wrap}

/* Page hero audited: less oversized, centered */
.page-hero{padding:170px 0 100px;background:radial-gradient(circle at 50% 0%,rgba(242,188,22,.12),transparent 40%),linear-gradient(135deg,#000,#0d0d0d);border-bottom:1px solid rgba(242,188,22,.35);text-align:center}
.page-hero .container{max-width:1120px}.page-hero h1{font-size:clamp(42px,4.7vw,72px);line-height:1.08;font-weight:1000;letter-spacing:-1.8px;margin-bottom:24px}
.page-hero p{font-size:clamp(18px,1.7vw,21px);color:#e4e4e4;max-width:860px;margin:0 auto}

/* Sections/Cards */
section{padding:88px 0}.light{background:#fff;color:#000}.dark{background:#000;color:#fff}.alt{background:#101010;color:#fff}.center{text-align:center}
.section-title{font-size:clamp(36px,4vw,54px);font-weight:1000;line-height:1.1;margin-bottom:18px;letter-spacing:-1px}
.subtitle{color:#666;max-width:820px;margin:0 auto 52px;font-size:18px}.dark .subtitle,.alt .subtitle{color:#bfbfbf}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card{border-radius:24px;padding:34px;background:#fff;color:#000;box-shadow:0 12px 35px rgba(0,0,0,.12);border:1px solid #eee;transition:.25s}
.dark .card,.alt .card{background:#121212;color:#fff;border:1px solid rgba(242,188,22,.28)}.card:hover{transform:translateY(-7px);box-shadow:0 20px 55px rgba(0,0,0,.24)}
.icon{width:56px;height:56px;border-radius:16px;background:rgba(242,188,22,.15);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:1000;margin-bottom:22px}
.card h3{font-size:24px;line-height:1.15;margin-bottom:14px}.card p{color:#666}.dark .card p,.alt .card p{color:#ccc}.price{font-size:48px;font-weight:1000;color:var(--gold);margin:18px 0}ul.clean{list-style:none;margin:22px 0}ul.clean li{margin-bottom:12px}

/* Portfolio */
.portfolio-card{position:relative;display:block;border-radius:24px;overflow:hidden;min-height:315px;border:1px solid rgba(242,188,22,.3);background:#171717}
.portfolio-card img{width:100%;height:100%;min-height:315px;object-fit:cover;opacity:.78;transition:.45s}
.portfolio-card:hover img{transform:scale(1.08);opacity:.98}.portfolio-info{position:absolute;left:0;bottom:0;width:100%;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.98))}
.portfolio-info h3{font-size:22px;line-height:1.1;margin-bottom:7px}.portfolio-info p{font-size:14px;color:#e1e1e1}.tag{display:inline-block;margin-top:12px;background:var(--gold);color:#000;border-radius:30px;padding:7px 13px;font-size:12px;font-weight:1000}

/* CTA/Footer */
.cta{background:var(--gold);color:#000;text-align:center}.cta h2{font-size:clamp(36px,4vw,52px);font-weight:1000;line-height:1.1}.cta p{font-size:20px;max-width:760px;margin:18px auto 28px}
footer{background:#080808;border-top:1px solid rgba(242,188,22,.28);padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer h3,footer h4{color:var(--gold);margin-bottom:16px}footer p,footer a{color:#bbb;display:block;margin-bottom:9px}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:30px;color:#888}

/* Responsive */
@media(max-width:1280px){.navbar{gap:18px}.brand{flex-basis:245px}.brand img{width:228px}.main-nav ul{gap:20px}.main-nav a{font-size:15px}.quote-btn{padding:0 20px;font-size:16px}}
@media(max-width:1080px){.navbar{height:84px}.main-nav{display:none}.brand{flex:1}.brand img{width:250px}.hero,.page-hero{padding-top:116px}}
@media(max-width:760px){.grid,.grid-4,.footer-grid{grid-template-columns:1fr}.navbar{height:78px}.brand img{width:205px}.quote-btn{display:none}.lang-switch{height:42px}.lang-switch a{height:42px;width:46px;font-size:14px}section{padding:68px 0}.page-hero{padding-top:135px}}
@media(max-width:480px){.brand img{width:172px}.actions .btn{width:100%}}


/* INDUSTRIES PAGE - reference style update */
.industries-section{background:#000;padding:86px 0}
.industries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.industry-card{min-height:215px;background:#09090b;border:1px solid rgba(242,188,22,.28);border-radius:16px;padding:34px 28px;display:flex;flex-direction:column;justify-content:center;transition:.25s}
.industry-card:hover,.industry-card.featured{background:#171203;border-color:var(--gold);transform:translateY(-4px)}
.industry-icon{font-size:32px;margin-bottom:24px}
.industry-card h3{font-size:25px;line-height:1.15;font-weight:1000;margin-bottom:12px;color:#fff}
.industry-card p{font-size:18px;color:#a9c6e8}
.seo-links-section{background:#090909;padding:58px 0 70px;border-top:1px solid rgba(242,188,22,.16)}
.seo-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:90px;max-width:1000px;margin:auto}
.seo-link-column h3{font-size:18px;letter-spacing:5px;color:var(--gold);font-weight:1000;margin-bottom:28px}
.seo-link-column ul{list-style:none}
.seo-link-column li{position:relative;padding-left:26px;margin-bottom:22px;color:#a9c6e8;font-size:21px}
.seo-link-column li:before{content:"•";position:absolute;left:0;top:-1px;color:#fff;font-size:26px;line-height:1}
.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:42px}
.contact-card{background:#0c0c0d;border:1px solid rgba(242,188,22,.28);border-radius:18px;padding:32px}
.contact-card h3{color:var(--gold);font-size:20px;margin-bottom:10px}
.contact-card p,.contact-card a{color:#a9c6e8;font-size:19px}
@media(max-width:1280px){.industries-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1080px){.industries-grid{grid-template-columns:repeat(3,1fr)}.seo-links-grid{gap:40px}}
@media(max-width:760px){.industries-grid,.seo-links-grid,.contact-info-grid{grid-template-columns:1fr}.industry-card{min-height:180px}.seo-links-grid{max-width:100%;gap:30px}}


/* QUOTE + TESTIMONIALS FINAL UPDATE */
.quote-wrap{max-width:920px;margin:auto;background:#080808;border:1px solid rgba(242,188,22,.35);border-radius:24px;padding:44px}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field-full{grid-column:1/-1}
.quote-form label{display:block;color:#a9c6e8;font-size:14px;letter-spacing:2px;font-weight:1000;text-transform:uppercase;margin-bottom:10px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#171719;border:1px solid #333;color:#fff;border-radius:12px;padding:18px 20px;font-size:18px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:var(--gold)}
.quote-form textarea{min-height:145px;resize:vertical}
.quote-submit{grid-column:1/-1;width:100%;font-size:22px;height:64px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.testimonial-card{background:#111;border:1px solid rgba(242,188,22,.25);border-radius:22px;padding:34px;min-height:290px}
.testimonial-card.featured{border-color:var(--gold)}
.stars{color:var(--gold);font-size:22px;letter-spacing:4px;margin-bottom:28px}
.testimonial-card blockquote{font-size:19px;line-height:1.7;color:#bfbfbf;font-style:italic;margin-bottom:28px}
.avatar-row{display:flex;align-items:center;gap:16px}
.avatar{width:54px;height:54px;border-radius:50%;background:var(--gold);color:#000;font-weight:1000;display:flex;align-items:center;justify-content:center}
.avatar-row h3{font-size:19px}.avatar-row p{color:#aaa}
@media(max-width:1080px){.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.quote-form,.testimonial-grid{grid-template-columns:1fr}.field-full,.quote-submit{grid-column:auto}.quote-wrap{padding:28px}}

/* FINAL NAV + FOOTER CLEANUP */
.footer-grid.clean-footer{grid-template-columns:1.4fr 1fr 1fr 1.25fr 1.25fr}
.footer-contact a,.footer-contact p,.footer-location p{font-size:15px;line-height:1.55}
.footer-contact .reply-note{color:#a9c6e8;font-size:14px;margin-top:4px}
.home-testimonials-preview{background:#000;color:#fff}
.home-testimonials-preview .testimonial-grid{grid-template-columns:repeat(3,1fr)}
.home-testimonials-preview .testimonial-card{min-height:260px}
.footer-note{color:#888;font-size:13px;margin-top:10px}
@media(max-width:1080px){.footer-grid.clean-footer,.home-testimonials-preview .testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.footer-grid.clean-footer,.home-testimonials-preview .testimonial-grid{grid-template-columns:1fr}}


/* PERFECT PREMIUM FOOTER REDESIGN */
footer{
  background:
    radial-gradient(circle at 15% 0%, rgba(242,188,22,.08), transparent 28%),
    linear-gradient(180deg,#0b0b0c 0%,#050505 100%);
  border-top:1px solid rgba(242,188,22,.32);
  padding:0;
}

.footer-cta{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:42px 0;
}

.footer-cta-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
}

.footer-cta h2{
  font-size:clamp(28px,3vw,42px);
  line-height:1.1;
  font-weight:1000;
  margin-bottom:8px;
}

.footer-cta p{
  color:#a9c6e8;
  font-size:18px;
}

.footer-main{
  padding:58px 0 34px;
}

.footer-grid.premium-footer{
  display:grid;
  grid-template-columns:1.45fr .85fr .85fr 1.25fr 1.45fr;
  gap:44px;
  align-items:start;
  margin-bottom:38px;
}

.footer-brand h3{
  font-size:28px;
  color:#fff;
  font-weight:1000;
  margin-bottom:14px;
}

.footer-brand h3 span{
  color:var(--gold);
}

.footer-brand p{
  max-width:360px;
  color:#bdbdbd;
  line-height:1.7;
}

.footer-column h4{
  color:var(--gold);
  font-size:15px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:1000;
  margin-bottom:20px;
}

.footer-column a,
.footer-column p{
  color:#bdbdbd;
  display:block;
  margin-bottom:11px;
  font-size:15px;
  line-height:1.55;
  transition:.22s;
}

.footer-column a:hover{
  color:var(--gold);
  transform:translateX(3px);
}

.contact-line{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin-bottom:12px;
  color:#bdbdbd;
  font-size:15px;
}

.contact-icon{
  width:24px;
  height:24px;
  min-width:24px;
  border:1px solid rgba(242,188,22,.42);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  font-size:13px;
  margin-top:1px;
}

.contact-line a{
  margin:0;
}

.reply-note{
  color:#a9c6e8 !important;
  font-size:14px !important;
  margin-top:4px;
  margin-left:35px;
}

.office-card{
  padding:18px 18px 16px;
  border:1px solid rgba(242,188,22,.22);
  background:rgba(255,255,255,.025);
  border-radius:16px;
  margin-bottom:14px;
}

.office-card strong{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:8px;
}

.office-card p,
.office-card a{
  color:#bdbdbd;
  font-size:15px;
  line-height:1.55;
  margin:0;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:22px 0;
}

.footer-bottom-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  color:#858585;
  font-size:14px;
}

.footer-legal{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.footer-legal a{
  color:#858585;
}

.footer-legal a:hover{
  color:var(--gold);
}

@media(max-width:1180px){
  .footer-grid.premium-footer{
    grid-template-columns:1.5fr 1fr 1fr;
  }
}

@media(max-width:760px){
  .footer-cta-inner,
  .footer-bottom-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-grid.premium-footer{
    grid-template-columns:1fr;
    gap:32px;
  }
  .footer-main{
    padding:46px 0 28px;
  }
}


/* FORMSPREE INTEGRATION POLISH */
.form-helper{
  color:#a9c6e8;
  font-size:14px;
  margin-top:14px;
  text-align:center;
}
.form-hidden-note{
  display:none;
}

/* PROFESSIONAL OFFICE FOOTER REFINEMENT */
.office-card{padding:22px 20px 20px}
.office-card strong{font-size:17px;letter-spacing:.2px}
.office-card .office-address{color:#c7c7c7;margin:0 0 14px}
.office-card .office-contact-line{display:flex;align-items:center;gap:10px;color:#bdbdbd;margin-top:8px;font-size:15px}
.office-card .office-contact-line a{color:#bdbdbd;margin:0}
.office-card .office-contact-line a:hover{color:var(--gold)}
.business-hours{margin-top:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:14px}
.business-hours strong{color:var(--gold);font-size:14px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:6px}
.business-hours p{color:#bdbdbd;margin:0;line-height:1.55}


/* PREMIUM OFFICE BADGES */
.office-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(242,188,22,.42);
  background:rgba(242,188,22,.08);
  color:var(--gold);
  font-size:12px;
  font-weight:1000;
  letter-spacing:1.5px;
  margin-right:10px;
  vertical-align:middle;
  position:relative;
  top:-1px;
}
