:root{
  --bg:#0a0a0a;
  --panel:#141414;
  --border:#272727;
  --text:#d6d6d6;
  --muted:#8c8c8c;
  --accent:#ff5a1f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;}
a{color:var(--accent)}
a:hover{color:#ff8143}
.wrap{max-width:1440px;margin:0 auto;display:flex;flex-direction:column}

input:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}
input{transition:border-color .2s ease, box-shadow .2s ease}
input:hover{border-color:var(--accent);box-shadow:0 0 12px rgba(255,90,31,.25)}
button{transition:box-shadow .2s ease, transform .15s ease}
button:hover{box-shadow:0 0 24px rgba(255,90,31,.55);transform:translateY(-1px)}
.cta{transition:box-shadow .2s ease, transform .15s ease}
.cta:hover{box-shadow:0 0 24px rgba(255,90,31,.55);transform:translateY(-1px)}

.glow{transition:border-color .25s ease, box-shadow .25s ease}
.glow:hover{border-color:var(--accent) !important;box-shadow:0 0 0 1px var(--accent), 0 0 22px rgba(255,90,31,.4)}

.result-card img{width:100%;display:block;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border)}
.result-card{padding:0;overflow:hidden}
.result-card .cap{padding:16px 18px}

.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:900px){
  .results-grid{grid-template-columns:1fr}
}

.badge-pin{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--accent);border-radius:999px;font-size:12px;letter-spacing:1px;color:var(--accent);background:rgba(255,90,31,.08);width:fit-content}

/* ---- Mobile ---- */
@media (max-width:900px){
  .expertise-grid{grid-template-columns:1fr !important}
}
@media (max-width:600px){
  .industry-grid{grid-template-columns:1fr !important}
  .tech-grid{grid-template-columns:1fr !important}
  h1{font-size:44px !important}
  .hero-copy{font-size:15.5px !important;line-height:1.7 !important}
  .wrap > section{padding-left:20px !important;padding-right:20px !important}
}
@media (max-width:420px){
  .wrap > section{padding-left:16px !important;padding-right:16px !important}
}
