*{box-sizing:border-box}:root{--black:#070707;--white:#fff;--off:#f6f6f4;--gray:#6d6d6d;--line:#dfdfdc;--gold:#f3aa08;--gold-bright:#ffbd26;--max:1180px}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#fff;color:var(--black);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}.nav-wrap{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{width:min(430px,48vw)}.brand img{width:100%}.nav{display:flex;gap:26px;align-items:center;font-size:.79rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:#a66c00}.nav-quote{padding:12px 17px;color:#fff!important;background:#090909;border-bottom:3px solid var(--gold)}.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:26px;height:2px;background:#000;margin:5px 0}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 20%,rgba(243,170,8,.12),transparent 28%),linear-gradient(118deg,#050505 0%,#0d0d0d 62%,#171717 100%);padding:82px 0 92px}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(243,170,8,.22);border-radius:50%;right:-180px;top:-210px}.hero:after{content:"";position:absolute;width:500px;height:12px;right:-90px;bottom:70px;background:var(--gold);transform:rotate(-20deg);opacity:.8}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}.kicker,.eyebrow{margin:0 0 17px;font-size:.76rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.kicker,.gold{color:var(--gold-bright)}.hero h1,.section h2,.quote-section h2{margin:0;line-height:1.02;letter-spacing:-.045em}.hero h1{font-size:clamp(3.2rem,6vw,6rem);max-width:760px}.hero h1 span{display:block;color:var(--gold-bright)}.hero-lead{margin:27px 0 32px;color:#d1d1d1;max-width:650px;font-size:1.08rem}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn-call{background:#fff;color:#080808;border-color:#fff}.btn-call:hover{background:var(--gold);border-color:var(--gold)}.btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#080808}.btn-primary:hover{background:var(--gold-bright)}.btn-secondary{color:#fff;border-color:#6f6f6f;background:transparent}.btn-secondary:hover{background:#fff;color:#090909;border-color:#fff}.slogan{margin-top:35px;display:flex;align-items:center;gap:16px;color:#ececec;font-style:italic}.slogan span{width:54px;height:3px;background:var(--gold)}.slogan p{margin:0}.hero-art{position:relative}.hero-card{background:#fff;padding:18px;box-shadow:0 35px 90px rgba(0,0,0,.44);transform:rotate(1.2deg)}.hero-card img{aspect-ratio:1/1;object-fit:cover;width:100%}.hero-badge{width:78%;margin:-20px 0 0 auto;position:relative;z-index:2;background:var(--gold);color:#070707;padding:17px 20px;box-shadow:0 15px 40px rgba(0,0,0,.25)}.hero-badge small{display:block;font-size:.67rem;font-weight:900;letter-spacing:.17em}.hero-badge strong{display:block;margin-top:2px;font-size:.88rem}.proof-bar{background:var(--gold)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid div{padding:22px 28px;border-right:1px solid rgba(0,0,0,.18)}.proof-grid div:last-child{border-right:0}.proof-grid strong{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em}.proof-grid span{display:block;font-size:.82rem;margin-top:2px}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:50px}.section h2,.quote-section h2{font-size:clamp(2.55rem,4.5vw,4.6rem)}.section-intro{margin:0;color:#686868;max-width:520px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{min-height:330px;display:flex;flex-direction:column;padding:30px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.22s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.card-top{display:flex;align-items:center;gap:13px}.card-top span{font-size:.72rem;font-weight:900;color:#9c6700}.mini-line{width:32px;height:2px;background:var(--gold)}.service-card h3{margin:72px 0 12px;font-size:1.25rem}.service-card p{color:#666;margin:0 0 22px}.service-card a{margin-top:auto;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.about{background:#080808;color:#fff}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:78px;align-items:center}.about-visual{position:relative}.about-frame{background:#fff;padding:17px;box-shadow:0 30px 70px rgba(0,0,0,.4);position:relative;z-index:2}.about-frame img{width:100%;aspect-ratio:1/1;object-fit:cover}.about-accent{position:absolute;width:60%;height:55%;right:-22px;bottom:-22px;border-right:8px solid var(--gold);border-bottom:8px solid var(--gold)}.about-copy p:not(.eyebrow){color:#c7c7c7;max-width:680px}.about-points{margin-top:28px;border-top:1px solid #333}.about-points div{padding:13px 0;border-bottom:1px solid #333}.about-points span{color:var(--gold);font-weight:900;margin-right:10px}.why{background:var(--off)}.why-title{max-width:780px;margin-bottom:50px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-item{background:#fff;min-height:260px;padding:28px;border-top:5px solid #080808;box-shadow:0 10px 35px rgba(0,0,0,.04)}.why-item span{display:block;font-size:.72rem;font-weight:900;color:#9d6800;margin-bottom:58px}.why-item h3{margin:0 0 10px}.why-item p{margin:0;color:#676767}.quote-section{padding:100px 0;background:#080808;color:#fff}.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.quote-copy{position:sticky;top:120px}.quote-copy>p:not(.eyebrow){color:#c9c9c9}.contact-preview{margin-top:38px;border-top:1px solid #333}.contact-preview div{padding:15px 0;border-bottom:1px solid #333}.contact-preview small{display:block;color:var(--gold-bright);font-size:.66rem;font-weight:900;letter-spacing:.14em}.contact-preview strong{display:block;margin-top:3px;font-size:.9rem}.quote-form{background:#fff;color:#080808;padding:34px;border-top:7px solid var(--gold)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{display:block;margin-bottom:18px;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.quote-form input,.quote-form textarea,.quote-form select{width:100%;display:block;margin-top:8px;padding:14px;border:1px solid #cfcfca;background:#fff;outline:0}.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,170,8,.13)}.quote-form textarea{resize:vertical}.form-submit{width:100%}.hidden{position:absolute;left:-9999px}.footer{background:#030303;color:#bcbcbc;padding:58px 0 22px;border-top:1px solid #1f1f1f}.footer-grid{display:grid;grid-template-columns:1.7fr .65fr .75fr;gap:55px;padding-bottom:45px}.footer-brand img{width:min(430px,100%);background:#fff;padding:8px}.footer-brand p{color:#e3e3e3;font-style:italic}.footer h4{color:#fff;margin:0 0 13px;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}.footer a,.footer p{display:block;margin:7px 0;font-size:.88rem}.footer a:hover{color:var(--gold-bright)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #222;padding-top:20px;font-size:.76rem}@media(max-width:980px){.nav-toggle{display:block}.nav{position:absolute;top:84px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 22px;background:#fff;border-bottom:1px solid #ddd}.nav.open{display:flex}.nav a{padding:13px 0}.nav-quote{background:transparent;color:#080808!important;border:0}.brand{width:min(370px,72vw)}.hero-grid,.about-grid,.quote-grid,.section-head{grid-template-columns:1fr}.hero-art{max-width:650px}.cards,.why-grid{grid-template-columns:repeat(2,1fr)}.quote-copy{position:static}.section-head{gap:20px}}@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.nav-wrap{min-height:72px}.nav{top:72px}.hero{padding:58px 0 70px}.hero h1{font-size:clamp(2.75rem,13vw,4.6rem)}.hero-actions .btn{width:100%}.hero-badge{width:90%}.proof-grid,.cards,.why-grid,.field-row,.footer-grid{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid rgba(0,0,0,.16)}.section,.quote-section{padding:72px 0}.service-card{min-height:260px}.service-card h3{margin-top:46px}.quote-form{padding:24px 18px}.footer-grid{gap:30px}.footer-bottom{flex-direction:column}}
/* V6 hero refinements */
.hero-detail{
  margin-top:32px;
  display:flex;
  align-items:flex-start;
  gap:15px;
  color:#bfbfbf;
  max-width:680px;
}
.hero-detail span{
  flex:0 0 50px;
  height:3px;
  background:var(--gold);
  margin-top:10px;
}
.hero-detail p{
  margin:0;
  font-size:.79rem;
  font-weight:800;
  line-height:1.7;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.hero-logo-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:520px;
}
.logo-glow{
  position:absolute;
  inset:13%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(243,170,8,.24) 0%, rgba(243,170,8,.08) 43%, transparent 72%);
  filter:blur(18px);
}
.hero-main-logo{
  position:relative;
  z-index:2;
  width:100%;
  max-width:610px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.42));
}
.hero-badge{
  width:auto;
  max-width:430px;
  margin:-34px auto 0;
  text-align:center;
  border-radius:2px;
}
.nav-phone{
  color:#8b5d00 !important;
  white-space:nowrap;
}

.about-frame{
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
}
.about-frame img{
  object-fit:contain !important;
  filter:drop-shadow(0 25px 32px rgba(0,0,0,.42));
}
.about-accent{
  opacity:.65;
}

@media (max-width:980px){
  .nav-phone{color:#080808 !important;}
  .hero-logo-wrap{min-height:auto;}
}
@media (max-width:680px){
  .hero-detail p{font-size:.7rem;}
  .hero-detail span{flex-basis:34px;}
  .hero-main-logo{max-width:520px;}
}

.hero-card{
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.hero-card img{
  aspect-ratio:auto !important;
  object-fit:contain !important;
}


/* V7: white platform treatment for logo areas */

/* HERO logo platform */
.hero-logo-wrap{
  background:#ffffff !important;
  padding:34px 28px !important;
  border-radius:2px;
  border-bottom:7px solid var(--gold);
  box-shadow:0 28px 65px rgba(0,0,0,.32);
  min-height:unset !important;
}
.logo-glow{
  inset:8% !important;
  background:radial-gradient(circle, rgba(243,170,8,.10) 0%, rgba(243,170,8,.04) 40%, transparent 72%) !important;
  filter:blur(18px);
}
.hero-main-logo{
  max-width:560px !important;
  margin:0 auto;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.16)) !important;
}
.hero-badge{
  margin:-18px auto 0 !important;
}

/* ABOUT section split side / white platform */
.about-visual{
  background:#ffffff !important;
  padding:34px 28px !important;
  border-left:8px solid var(--gold);
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  min-height:unset !important;
}
.about-frame{
  background:#ffffff !important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-frame img{
  max-width:100%;
  height:auto;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.12)) !important;
}
.about-accent{
  display:none !important;
}

/* Make the About section feel more intentionally split */
.about-grid{
  align-items:stretch !important;
}
.about-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:8px 0 8px 8px;
}

@media (max-width:980px){
  .hero-logo-wrap{
    padding:26px 20px !important;
  }
  .about-visual{
    padding:26px 20px !important;
  }
}

@media (max-width:680px){
  .hero-main-logo{
    max-width:500px !important;
  }
}