*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

.dir-page{
  min-height:100vh;
  background:#fff;
  color:#111;
  overflow-x:hidden;
}


.dir-hero{
  background:#0e0e0e;padding:60px 40px 56px;text-align:center;
  display:flex;flex-direction:column;align-items:center;
}
.dir-hero__breadcrumbs{
  font-family:'Inter',sans-serif;font-size:12px;font-weight:500;
  color:rgba(255,255,255,0.4);margin-bottom:24px;
}
.dir-hero__breadcrumbs a{color:rgba(255,255,255,0.4);text-decoration:none}
.dir-hero__breadcrumbs a:hover{color:rgba(255,255,255,0.7)}
.dir-hero__eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;
  text-transform:uppercase;letter-spacing:0.14em;color:#E2C040;margin-bottom:16px;
}
.dir-hero__h1{
  font-family:'Outfit',sans-serif;font-size:42px;font-weight:400;
  color:#f2f2f2;line-height:1.15;max-width:700px;margin-bottom:16px;
}
.dir-hero__subtitle{
  font-family:'Inter',sans-serif;font-size:15px;line-height:1.7;
  color:rgba(255,255,255,0.45);max-width:560px;margin-bottom:32px;
}
.dir-hero__search{
  position:relative;width:100%;max-width:640px;margin-bottom:32px;
}
.dir-hero__search-input{
  width:100%;padding:14px 120px 14px 16px;
  background:#161616;border:2px solid #333;color:#f2f2f2;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:500;
  outline:none;transition:border-color .2s;
}
.dir-hero__search-input:focus{border-color:#E2C040}
.dir-hero__search-input::placeholder{color:rgba(255,255,255,0.25)}
.dir-hero__search-btn{
  position:absolute;right:4px;top:4px;bottom:4px;padding:0 20px;
  background:#E2C040;color:#111;border:none;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
  cursor:pointer;text-transform:uppercase;letter-spacing:0.06em;
}
.dir-hero__search-btn:hover{background:#c8a800}
.dir-hero__search-dropdown{
  position:absolute;top:100%;left:0;right:0;
  background:#1a1a1a;border:1px solid #333;border-top:none;
  z-index:100;max-height:400px;overflow-y:auto;
}
.dir-hero__stats{display:flex;gap:48px;justify-content:center;flex-wrap:wrap}
.dir-hero__stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.dir-hero__stat-num{
  font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:#E2C040;
}
.dir-hero__stat-label{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;
  color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.06em;
}

.dir-dd-diag{
  display:block;padding:14px 16px;border-bottom:1px solid #2a2a2a;
  text-decoration:none;color:inherit;transition:background .15s;
}
.dir-dd-diag:hover{background:#222}
.dir-dd-diag__sev{
  font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;
  letter-spacing:0.1em;margin-bottom:4px;
}
.dir-dd-diag__title{
  font-family:'Outfit',sans-serif;font-size:15px;color:#f2f2f2;
}
.dir-dd-diag__cost{
  font-family:'JetBrains Mono',monospace;font-size:11px;color:#E2C040;margin-top:4px;
}
.dir-dd-vendor{
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  border-bottom:1px solid #2a2a2a;text-decoration:none;color:inherit;
  transition:background .15s;
}
.dir-dd-vendor:hover{background:#222}
.dir-dd-vendor__initial{
  width:32px;height:32px;background:#222;display:flex;
  align-items:center;justify-content:center;flex-shrink:0;
  font-family:'Outfit',sans-serif;font-size:14px;color:#666;
}
.dir-dd-vendor__name{
  font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#f2f2f2;
}
.dir-dd-vendor__meta{
  font-family:'Inter',sans-serif;font-size:11px;color:rgba(255,255,255,0.35);
}

.dir-section{padding:64px 0}
.dir-section--light{background:#fff}
.dir-section--dark{background:#0e0e0e}
.dir-section__inner{max-width:1080px;margin:0 auto;padding:0 40px}
.dir-section__label{
  font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:600;
  text-transform:uppercase;letter-spacing:0.14em;color:#999;margin-bottom:8px;
}
.dir-section__title{
  font-family:'Outfit',sans-serif;font-size:28px;font-weight:400;
  color:#111;margin-bottom:32px;
}
.dir-section--dark .dir-section__title{color:#f2f2f2}
.dir-section--dark .dir-section__label{color:#E2C040}

.dir-era-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:#e8e8e8;
}
.dir-era-card{background:#fff;cursor:pointer;transition:background .15s}
.dir-era-card:hover{background:#fafafa}
.dir-era-card--expanded{border-left:3px solid #E2C040;background:rgba(226,192,64,0.03)!important}
.dir-era-card__header{
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:20px 24px;gap:16px;
}
.dir-era-card__label{
  font-family:'Outfit',sans-serif;font-size:18px;color:#111;
}
.dir-era-card__years{
  font-family:'JetBrains Mono',monospace;font-size:12px;color:#E2C040;
  font-weight:500;margin-top:4px;
}
.dir-era-card__right{text-align:right}
.dir-era-card__models{
  font-family:'Inter',sans-serif;font-size:12px;color:#888;line-height:1.5;
}
.dir-era-card__shops{
  font-family:'JetBrains Mono',monospace;font-size:10px;color:#999;margin-top:4px;
}
.dir-era-card__body{padding:0 24px 20px}
.dir-era-card__desc{
  font-family:'Inter',sans-serif;font-size:13px;color:#666;line-height:1.7;
  margin-bottom:12px;
}
.dir-era-card__link{
  font-family:'Inter',sans-serif;font-size:12px;font-weight:600;
  color:#E2C040;text-decoration:none;
}
.dir-era-card__link:hover{color:#c8a800}

.dir-need-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e8e8;
}
.dir-need-card{
  background:#fff;padding:28px 24px;text-decoration:none;color:inherit;
  transition:background .15s;display:flex;flex-direction:column;
}
.dir-need-card:hover{background:#fafafa}
.dir-need-card:hover .dir-need-card__icon{color:#E2C040}
.dir-need-card__icon{
  color:#888;margin-bottom:16px;transition:color .2s;
}
.dir-need-card__title{
  font-family:'Inter',sans-serif;font-size:16px;font-weight:700;
  color:#111;margin-bottom:8px;
}
.dir-need-card__desc{
  font-family:'Inter',sans-serif;font-size:13px;color:#888;line-height:1.6;
  margin-bottom:auto;
}
.dir-need-card__count{
  font-family:'JetBrains Mono',monospace;font-size:10px;color:#999;
  margin-top:16px;
}

.dir-partner-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#222;
}
.dir-partner-card{
  background:#1a1a1a;text-decoration:none;color:inherit;
  transition:transform .15s;
}
.dir-partner-card:hover{transform:translateY(-2px)}
.dir-partner-card__photo{
  width:100%;height:140px;background:#141414;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.dir-partner-card__initial{
  font-family:'Outfit',sans-serif;font-size:36px;color:#333;
}
.dir-partner-card__badge{
  position:absolute;top:8px;right:8px;
  padding:2px 8px;font-family:'JetBrains Mono',monospace;font-size:9px;
  font-weight:700;text-transform:uppercase;letter-spacing:0.08em;
  color:#E2C040;background:rgba(226,192,64,0.15);
}
.dir-partner-card__body{padding:16px}
.dir-partner-card__name{
  font-family:'Outfit',sans-serif;font-size:16px;color:#f2f2f2;
}
.dir-partner-card__tagline{
  font-family:'Inter',sans-serif;font-size:13px;
  color:rgba(255,255,255,0.45);margin-top:6px;line-height:1.5;
}
.dir-partner-card__rating{
  display:flex;align-items:center;gap:4px;margin-top:10px;
}
.dir-partner-card__rating span{
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:#E2C040;
}
.dir-partner-card__loc{
  font-family:'Inter',sans-serif;font-size:11px;
  color:rgba(255,255,255,0.3);margin-top:6px;
}
.dir-partner-card__cat{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:500;
  color:rgba(255,255,255,0.25);margin-top:4px;text-transform:uppercase;
  letter-spacing:0.04em;
}

.dir-stats-bar{
  display:flex;justify-content:center;gap:64px;padding:32px 0;
  border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
  flex-wrap:wrap;
}
.dir-stats-bar__item{text-align:center}
.dir-stats-bar__value{
  font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:700;color:#E2C040;
}
.dir-stats-bar__label{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:500;
  color:#999;text-transform:uppercase;letter-spacing:0.06em;margin-top:4px;
}

.dir-ctas{
  display:flex;gap:16px;justify-content:center;padding:32px 0;flex-wrap:wrap;
}
.dir-cta{
  display:inline-flex;align-items:center;gap:14px;padding:18px 32px;
  font-family:'Inter',sans-serif;font-size:15px;font-weight:600;
  text-decoration:none;transition:all .15s;
}
.dir-cta--dark{background:#111;color:#f2f2f2}
.dir-cta--dark:hover{background:#222}
.dir-cta__icon-box{
  width:36px;height:36px;background:#E2C040;
  display:inline-flex;align-items:center;justify-content:center;
}
.dir-cta--outline{
  background:transparent;color:#111;border:1px solid #ccc;
}
.dir-cta--outline:hover{border-color:#999}

@media(max-width:900px){
  .dir-era-grid{grid-template-columns:repeat(2,1fr)}
  .dir-partner-grid{grid-template-columns:repeat(2,1fr)}
  .dir-hero__h1{font-size:32px}
}
@media(max-width:640px){
  .dir-era-grid{grid-template-columns:1fr}
  .dir-need-grid{grid-template-columns:1fr}
  .dir-partner-grid{grid-template-columns:1fr}
  .dir-hero{padding:40px 20px 40px}
  .dir-hero__h1{font-size:28px}
  .dir-section__inner{padding:0 20px}
  .dir-hero__stats{gap:24px}
  .dir-stats-bar{gap:32px}
}