/* styles.css - Sahih landing page styles (kept minimal; Tailwind utilities still used) */
:root{
  --primary-600: #2563eb;
  --ink: #0f172a;
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; color:var(--ink); background:#fff;}
.brand-lockup img{display:block;}
.brand-mark{height:36px;width:36px;border-radius:14px;box-shadow:0 6px 16px rgba(11,42,111,0.18);}
.brand-wordmark{height:34px;width:auto;}
.brand-support{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#475569;}
.brand-support img{height:26px;width:auto;filter:drop-shadow(0 6px 16px rgba(15,46,110,0.12));}
.cta-btn, .cta-btn-lg{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 1.4rem;
  min-height:2.75rem;
  font-weight:600;
  letter-spacing:.015em;
  color:#fff;
  border-radius:14px;
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 45%,#38bdf8 100%);
  box-shadow:0 20px 50px -22px rgba(37,99,235,.65);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  overflow:hidden;
}
.cta-btn-lg{
  min-height:3rem;
  padding:0 1.85rem;
  font-size:1rem;
  box-shadow:0 28px 60px -20px rgba(37,99,235,.6);
}
.grad-hero{background:radial-gradient(1200px 600px at 100% -10%,#e0f2fe 0,#fff 60%), radial-gradient(1000px 500px at -10% 110%,#e0e7ff 0,#fff 60%);}
.grad-text{background:linear-gradient(90deg,#0ea5e9,#2563eb); -webkit-background-clip:text; color:transparent;}
.shine{position:relative;overflow:hidden}
.shine::after{content:"";position:absolute;inset:auto -50% 0 auto;width:50%;height:200%;transform:rotate(25deg) translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shine 6s linear infinite}
@keyframes shine{0%{transform:rotate(25deg) translateX(-120%)}60%{transform:rotate(25deg) translateX(120%)}100%{transform:rotate(25deg) translateX(120%)}}
.shadow-soft{box-shadow:0 10px 30px rgba(2,6,23,0.06); border-radius:16px;}
.eng-card{border-radius:12px; border:1px solid #eef2ff; padding:20px; transition:transform .22s ease, box-shadow .22s ease; background:#fff;}
.eng-card:hover{transform:translateY(-6px); box-shadow:0 18px 60px rgba(2,6,23,0.08);}
.icon{font-size:20px}
.snapshot-grid .counter{transition:all .6s ease;}
.footer-note{font-size:13px; color:#667085;}
html.js [data-painpoint-list][data-state="collapsed"] [data-default-hidden]{display:none;}
[data-painpoint-list]{position:relative;}
[data-painpoint-toggle][aria-expanded="true"] [data-painpoint-toggle-icon]{transform:rotate(180deg);}
/* responsive tweaks */
@media (max-width:640px){
  .hero-grid{padding-left:1rem;padding-right:1rem}
}