:root{
  --black:#0d0d0d; --black-2:#151719; --gunmetal:#4b4f56; --stone:#edebe6;
  --white:#faf9f6; --copper:#b87333; --od:#4c5a39; --muted:#b8b7b2;
  --line:rgba(255,255,255,.13); --shadow:0 22px 60px rgba(0,0,0,.28);
  --radius:18px; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--stone);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 36px),var(--max));margin:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:12px;z-index:999}
.site-header{position:sticky;top:0;z-index:100;background:rgba(13,13,13,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:48px;height:48px;border:2px solid var(--copper);display:grid;place-items:center;font-weight:950;letter-spacing:-.08em;transform:skew(-5deg);background:linear-gradient(145deg,#1d2022,#0b0c0d);box-shadow:inset 0 0 0 3px #0d0d0d}
.brand-text,.footer-brand span:last-child{display:grid;line-height:1.05}
.brand-text strong,.footer-brand strong{font-family:Impact,"Arial Black",sans-serif;font-size:1.12rem;letter-spacing:.09em}
.brand-text small,.footer-brand small{font-size:.58rem;letter-spacing:.13em;color:var(--muted);margin-top:5px}
.site-nav{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:750}
.site-nav>a:not(.button){color:#d5d3ce}.site-nav>a:hover{color:#fff}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:10px 13px;font-weight:800}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;background:var(--copper);color:#111;font-weight:900;letter-spacing:.025em;border:1px solid var(--copper);transition:.2s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.button.secondary:hover{border-color:#fff}
section{padding:92px 0}
.hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;background:
 radial-gradient(circle at 78% 40%,rgba(184,115,51,.18),transparent 27%),
 linear-gradient(110deg,rgba(13,13,13,.98) 20%,rgba(13,13,13,.82) 57%,rgba(13,13,13,.55)),
 repeating-linear-gradient(115deg,transparent 0 42px,rgba(255,255,255,.018) 43px 44px)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}
.eyebrow{color:var(--copper);font-size:.78rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;margin-bottom:15px}
h1,h2,h3{font-family:Impact,"Arial Black",sans-serif;line-height:.98;text-transform:uppercase;letter-spacing:.018em;margin:0 0 18px}
h1{font-size:clamp(3.6rem,8vw,7.6rem);max-width:860px}
h2{font-size:clamp(2.25rem,5vw,4.5rem)}
h3{font-size:1.42rem}
.lead{font-size:clamp(1.08rem,1.8vw,1.35rem);color:#d1d0cb;max-width:760px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-panel{background:linear-gradient(145deg,rgba(31,34,35,.88),rgba(14,15,16,.93));border:1px solid var(--line);padding:34px;box-shadow:var(--shadow);position:relative}
.hero-panel:before{content:"";position:absolute;top:0;left:0;width:85px;height:5px;background:var(--copper)}
.hero-logo{display:flex;align-items:center;gap:18px;margin-bottom:28px}
.hero-logo .brand-mark{width:76px;height:76px;font-size:1.5rem}
.hero-logo strong{font-family:Impact,"Arial Black",sans-serif;font-size:2.2rem;letter-spacing:.08em}
.hero-logo small{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.13em}
.hero-panel p{color:#c8c7c2}
.metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(10,10,10,.75);padding:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:25px 20px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}.metric span{display:block;color:var(--copper);font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.metric strong{font-size:.97rem}
.section-head{max-width:860px;margin-bottom:44px}.section-head p{color:#bdbcb7}
.light{background:var(--stone);color:#171717}.light .lead,.light .section-head p{color:#525252}
.dark-alt{background:var(--black-2)}
.grid-3,.grid-4,.article-grid,.steps{display:grid;gap:18px}
.grid-3,.article-grid{grid-template-columns:repeat(3,1fr)}
.grid-4,.steps{grid-template-columns:repeat(4,1fr)}
.card,.article-card,.step{border:1px solid var(--line);background:linear-gradient(145deg,#1c1f20,#121314);padding:28px;min-height:230px;position:relative;transition:.2s ease}
.light .card{background:#fff;border-color:#d2cec6}
.card:hover,.article-card:hover{transform:translateY(-4px);border-color:rgba(184,115,51,.6)}
.card p,.article-card p,.step p{color:#bcbab5}.light .card p{color:#555}
.card a,.article-card a{display:inline-block;margin-top:10px;color:var(--copper);font-weight:900}
.card-number{font-family:Impact,"Arial Black",sans-serif;color:var(--copper);font-size:2.8rem;opacity:.75;margin-bottom:25px}
.visual-band{background:linear-gradient(110deg,rgba(10,10,10,.96),rgba(10,10,10,.65)),linear-gradient(45deg,#263024,#111);border-block:1px solid var(--line)}
.steps{counter-reset:step}.step{counter-increment:step;padding-top:72px}.step:before{content:"0" counter(step);position:absolute;top:22px;left:28px;color:var(--copper);font-family:Impact,"Arial Black",sans-serif;font-size:1.75rem}
.banner{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:42px;background:linear-gradient(120deg,var(--od),#252d21);border:1px solid rgba(255,255,255,.16)}
.banner h2{font-size:clamp(2rem,4vw,3.8rem)}
.page-hero{padding:105px 0 75px;background:radial-gradient(circle at 78% 30%,rgba(184,115,51,.18),transparent 28%),linear-gradient(125deg,#111,#1d201e)}
.page-hero h1{font-size:clamp(3.2rem,7vw,6.2rem)}
.content{max-width:840px}.content h2{margin-top:55px;font-size:2.4rem}.content h3{margin-top:34px}.content p,.content li{color:#cfcdc7}.content li{margin:10px 0}
.service-row{display:grid;grid-template-columns:.35fr 1fr;gap:40px;padding:45px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}
.service-row .service-num{font-family:Impact,"Arial Black",sans-serif;color:var(--copper);font-size:4.5rem}
.tag{display:inline-block;border:1px solid rgba(184,115,51,.55);color:var(--copper);padding:5px 9px;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.article-card{min-height:300px}.article-card h3{font-size:1.75rem}
.form-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}
.contact-panel{background:linear-gradient(145deg,#1d211d,#111);border:1px solid var(--line);padding:30px;height:max-content}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f5f3ee;color:#111;padding:30px}
label{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.field{display:grid;gap:7px}.field.full{grid-column:1/-1}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid #bdb9b0;background:#fff;color:#111;border-radius:0}
textarea{min-height:145px;resize:vertical}
form .button{cursor:pointer}.form-note{font-size:.78rem;color:#666;grid-column:1/-1}
.notice{border-left:4px solid var(--copper);padding:18px 20px;background:rgba(184,115,51,.1);margin:25px 0}
.placeholder{color:#e9a76c;font-weight:800}
.site-footer{padding:65px 0 26px;background:#080808;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid p,.footer-grid a{color:#aaa8a3}.footer-grid a:hover{color:#fff}.footer-brand{margin-bottom:15px}
.copyright{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);color:#777;font-size:.76rem}
.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){
 .menu-toggle{display:block}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#101112;padding:22px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
 .site-nav.open{display:flex}.site-nav .button{width:100%}
 .hero{min-height:auto;padding-top:25px}.hero-grid,.form-wrap{grid-template-columns:1fr}.hero-panel{margin-bottom:20px}
 .metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .grid-4,.steps{grid-template-columns:1fr 1fr}.grid-3,.article-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .brand-text small{display:none}.brand-mark{width:43px;height:43px}
 section{padding:66px 0}.hero{padding-top:0}.hero-grid{gap:35px}.hero-panel{padding:25px}
 h1{font-size:3.65rem}.grid-3,.grid-4,.article-grid,.steps,.footer-grid{grid-template-columns:1fr}
 .metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}
 .banner{align-items:flex-start;flex-direction:column;padding:28px}.service-row{grid-template-columns:1fr;gap:8px}.service-row .service-num{font-size:3rem}
 form{grid-template-columns:1fr;padding:22px}.field.full{grid-column:auto}.footer-grid{gap:35px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

/* Version 3.1 production-brand integration */
.header-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}
.footer-logo{width:min(100%,380px);height:auto;object-fit:contain}
.hero-logo-art{display:block;margin:-20px auto 18px}
.hero-logo-art img{width:min(100%,520px);margin:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.45))}
.hero-panel{padding:22px 30px 34px}
.knowledge-feature{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center}
.knowledge-badge{width:100%;max-width:300px;margin:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.35))}
.knowledge-page-head>.knowledge-badge{margin-bottom:45px}
.footer-brand{width:100%}
@media(max-width:920px){.knowledge-feature{grid-template-columns:1fr}.knowledge-badge{max-width:250px}.hero-logo-art img{max-height:430px}}
@media(max-width:620px){.header-logo{width:47px;height:47px}.hero-panel{padding:18px 18px 28px}.hero-logo-art{margin:-8px auto 12px}.hero-logo-art img{max-height:340px}.footer-logo{max-width:310px}}

/* Contact placement correction */
.direct-contact{margin-top:24px;padding:22px;border:1px solid rgba(184,115,51,.55);background:rgba(13,13,13,.5)}
.direct-contact h3{margin-top:0}
.direct-contact a{font-weight:700;overflow-wrap:anywhere}
.footer-contact-button{display:inline-flex;margin-top:10px;padding:10px 16px}

/* Version 3.2 production refinements */
.hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-direct{margin:0 0 32px;padding:30px}.contact-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.contact-method{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid rgba(184,115,51,.45);background:rgba(255,255,255,.025);text-decoration:none}.contact-method:hover{border-color:#b87333;transform:translateY(-2px)}.contact-label{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#b87333}.contact-method strong{overflow-wrap:anywhere}.narrow{max-width:760px}.center{text-align:center}.button-row.center{justify-content:center}@media(max-width:680px){.contact-methods{grid-template-columns:1fr}.contact-direct{padding:22px}}


/* Version 3.3 crisp-logo refinements */
.logo-img,
.header-logo,
.brand img,
footer img {
  image-rendering: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  height: auto;
  object-fit: contain;
}
.logo-horizontal { max-width: 420px; width: 100%; }
.logo-footer { max-width: 340px; width: 100%; }
.logo-shield { max-width: 92px; width: 92px; }
.header-logo { width: 52px; max-width: 52px; }
@media (max-width: 680px) {
  .logo-horizontal { max-width: 320px; }
  .logo-footer { max-width: 280px; }
  .logo-shield { width: 72px; max-width: 72px; }
  .header-logo { width: 44px; max-width: 44px; }
}


/* Version 4.0 — approved production logo integration */
.site-header { background: #070807; }
.brand { gap: 14px; }
.header-logo {
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  border-radius: 0;
  object-fit: contain;
  background: #070807;
  mix-blend-mode: normal;
}
.brand-text strong { letter-spacing: .09em; }
.hero-logo-art {
  width: min(590px, 92vw);
  margin-inline: auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.hero-logo-art img {
  display: block;
  width: 100%;
  max-height: 680px;
  object-fit: contain;
  background: #080908;
  mix-blend-mode: normal;
}
.knowledge-badge {
  display: block;
  width: min(440px, 80vw) !important;
  max-width: 440px !important;
  height: auto;
  margin-inline: auto;
  background: #0b0c0c;
}
.footer-logo {
  display: block;
  width: min(600px, 100%) !important;
  max-width: 600px !important;
  height: auto;
  background: #070807;
}
.logo-showcase {
  display: grid;
  grid-template-columns: 1.25fr 1fr 0.7fr;
  gap: 22px;
  align-items: center;
  margin-top: 34px;
}
.logo-showcase img {
  width: 100%;
  height: auto;
  display: block;
  background: #080908;
  border: 1px solid rgba(184,115,51,.22);
}
@media (max-width: 760px) {
  .header-logo {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
  }
  .brand-text small { display: none; }
  .hero-logo-art { width: min(510px, 94vw); }
  .knowledge-badge { width: min(390px, 88vw) !important; }
  .logo-showcase { grid-template-columns: 1fr; }
}