/* Incredable Group - corporate landing styles */
:root{
  --bg:#0c0f14;
  --panel:#121622;
  --muted:#8b93a7;
  --text:#e9eef7;
  --accent:#00e3a2;
  --accent2:#4ae3ff;
  --ring: rgba(0,227,162,0.35);
}

html, body{
  height:100%;
  background: radial-gradient(1200px 600px at 20% 0%, rgba(0,227,162,0.08), transparent 60%),
              radial-gradient(900px 500px at 80% 10%, rgba(74,227,255,0.08), transparent 60%),
              var(--bg);
  color:var(--text);
}

.header-hero{
  padding: 72px 0 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.brand-logo{
  height: 44px;
}

.tagline{
  font-size: clamp(24px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.1;
  margin-top: 16px;
  letter-spacing: 0.2px;
}

.mission{
  color: var(--muted);
  max-width: 900px;
  margin-top: 12px;
}

.grid-wrap{
  padding: 32px 0 60px;
}

.card-brand{
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 0 0 0 transparent;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  border-radius: 14px;
  height: 100%;
}
.card-brand:hover{
  transform: translateY(-3px);
  border-color: rgba(0,227,162,0.35);
  box-shadow: 0 8px 30px var(--ring);
}
.card-brand .card-title{
  color: var(--text);
  font-weight: 700;
  margin-bottom: 6px;
}
.card-brand .card-text{
  color: var(--muted);
}
.badge-domain{
  background: rgba(0,227,162,0.12);
  color: #aaf7e6;
  border: 1px solid rgba(0,227,162,0.4);
  font-weight: 600;
}

.footer{
  border-top: 1px solid rgba(255,255,255,0.06);
  color: var(--muted);
  padding: 28px 0;
}

.contact-panel{
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 24px;
}

.form-control, .form-select{
  background: #0c101b;
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--text);
}
.form-control::placeholder{ color: #8b93a7; }
.btn-accent{
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  color:#0b1320;
  font-weight: 800;
  border:none;
}
.small-muted{ color: var(--muted); }
a{ color:#8ee9ff; text-decoration: none;}
a:hover{ text-decoration: underline; }