/* Grit2Shine — simple, professional single-page site */
:root{
  --bg:#0f0f11;
  --panel:#141417;
  --text:#e8e8ec;
  --muted:#a9abb3;
  --accent:#f2631c; /* orange from logo */
  --accent-2:#cfd2da;
  --card:#1a1a1f;
  --border:#2a2a31;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;}
img{max-width:100%;display:block;}

.container{width:min(1100px,92%);margin-inline:auto;}

.site-header{
  position:sticky;top:0;z-index:10;
  background:rgba(15,15,17,.9);backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--border);
}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 0;flex-wrap:wrap;}
.brand img{height:44px;width:auto;border-radius:6px;}

.nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;}
.nav a{color:var(--text);text-decoration:none;font-weight:600;opacity:.9}
.nav a:hover{opacity:1;text-decoration:underline;}
.btn{display:inline-block;padding:12px 16px;border-radius:8px;background:var(--accent);color:#111;text-decoration:none;font-weight:800;border:1px solid #0000;transition:.2s transform;}
.btn:hover{transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--text);border-color:var(--border);border:1px solid var(--border);}
.btn-small{padding:8px 12px;font-weight:700;}
.btn-block{display:block;text-align:center;width:100%;}

.contact-actions{display:flex;gap:14px;align-items:center;margin-left:auto;flex-wrap:wrap;}
.contact-actions a{color:var(--muted);text-decoration:none;font-size:.95rem;}
.contact-actions a:hover{color:var(--text);}

.hero{padding:64px 0;background:linear-gradient(180deg, #121216 0%, #101014 100%);}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;}
.hero h1{font-family:Montserrat,Inter,sans-serif;font-weight:800;letter-spacing:.2px;font-size: clamp(28px, 4vw, 44px);margin:0 0 10px;}
.hero p{color:var(--accent-2);margin:0 0 18px;max-width:60ch;}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 12px;}
.badges{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0 0;}
.badges li{background:#1e1e24;border:1px solid var(--border);padding:8px 10px;border-radius:999px;color:var(--accent-2);font-size:.9rem;}

.logo-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.35);}
.logo-card img{border-radius:10px;}

.section{padding:64px 0;}
.section.alt{background:#111116;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section h2{font-family:Montserrat,Inter,sans-serif;font-weight:800;margin:0 0 22px;letter-spacing:.3px;}

.grid.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;}
.card h3{margin:6px 0 6px;}
.card p{color:var(--accent-2);margin:0;}

.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.placeholder-grid .ph{height:140px;background:linear-gradient(145deg,#1d1d22,#17171b);border-radius:10px;border:1px dashed var(--border);}

.process-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--accent-2);}

.about{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;}
.about-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;}

.checklist{list-style:none;margin:12px 0 0;padding:0;color:var(--accent-2);}
.checklist li{padding-left:22px;position:relative;}
.checklist li::before{content:"✓";position:absolute;left:0;color:var(--accent);}

.contact-form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.form-grid .full{grid-column:1/-1;}
label{display:grid;gap:6px;font-weight:600;}
input,select,textarea{width:100%;padding:12px 12px;border-radius:8px;border:1px solid var(--border);background:#131318;color:var(--text);}
textarea{resize:vertical;}

.site-footer{border-top:1px solid var(--border);padding:28px 0;background:#0e0e11;}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.footer-brand{display:flex;align-items:center;gap:14px;}
.footer-brand img{width:42px;height:auto;border-radius:6px;}
.footer-contact a{display:block;color:var(--muted);text-decoration:none;}
.footer-contact a:hover{color:var(--text);}

/* Responsive */
@media (max-width: 860px){
  .hero-inner{grid-template-columns:1fr;gap:22px;}
  .grid.cards{grid-template-columns:1fr;gap:12px;}
  .placeholder-grid{grid-template-columns:1fr 1fr;}
  .about{grid-template-columns:1fr;gap:16px;}
  .form-grid{grid-template-columns:1fr;}
  .nav{display:none;} /* simplify header on mobile */
}