/* Edis Group - Elegant Green (Technoit-inspired) */
:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --ink:#0b1220;
  --muted:#4b5563;
  --line:rgba(15,23,42,.10);

  --g0:#062b1f;      /* deep green */
  --g1:#0b5f46;      /* primary green */
  --g2:#14b07a;      /* accent */
  --g3:#a7f3d0;      /* mint highlight */
  --shadow: 0 18px 55px rgba(2, 24, 16, .12);
}

html{ scroll-behavior:smooth; }
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  color:var(--ink);
}
a{ color: inherit; }
.text-muted{ color: var(--muted) !important; }

.container{ max-width: 1160px; }

/* Top bar (small, for all ages) */
.topbar{
  font-size:.92rem;
  border-bottom:1px solid var(--line);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
}
.topbar a{ text-decoration:none; color: var(--muted); }
.topbar a:hover{ color: var(--ink); }

/* Navbar */
.navbar{
  background: rgba(255,255,255,.86) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.navbar-brand{
  font-weight:800;
  letter-spacing:.2px;
}
.nav-link{
  font-weight:600;
  color: rgba(11,18,32,.72) !important;
}
.nav-link:hover, .nav-link:focus{ color: rgba(11,18,32,1) !important; }
.navbar .btn{
  border-radius: 999px;
  padding: .65rem 1.05rem;
  font-weight: 700;
}

/* Buttons */
.btn-primary{
  border: 0;
  background: linear-gradient(135deg, var(--g1), var(--g2));
  box-shadow: 0 10px 25px rgba(11,95,70,.20);
}
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 16px 35px rgba(11,95,70,.26); }
.btn-outline-primary{
  border: 1px solid rgba(11,95,70,.35);
  color: var(--g1);
  border-radius: 999px;
  font-weight: 700;
}
.btn-outline-primary:hover{
  background: rgba(167,243,208,.22);
  border-color: rgba(11,95,70,.45);
  color: var(--g0);
}
.btn{
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

/* Hero */
.hero{
  position: relative;
  padding: 86px 0 54px;
  overflow: hidden;
  background:
    radial-gradient(1100px 520px at 18% 20%, rgba(167,243,208,.55), transparent 62%),
    radial-gradient(900px 520px at 85% 25%, rgba(20,176,122,.16), transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f6fffb 65%, #ffffff 100%);
  border-bottom: 1px solid var(--line);
}
.hero::after{
  content:"";
  position:absolute; inset:-30%;
  background: conic-gradient(from 180deg, rgba(20,176,122,.18), rgba(167,243,208,.12), rgba(11,95,70,.10));
  filter: blur(30px);
  opacity: .55;
  animation: spinSlow 18s linear infinite;
  pointer-events:none;
}
@keyframes spinSlow{ to{ transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce){
  .hero::after{ animation: none; }
  *{ scroll-behavior:auto !important; }
}

.hero .kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .75rem;
  border-radius: 999px;
  background: rgba(167,243,208,.25);
  border:1px solid rgba(11,95,70,.18);
  color: rgba(6,43,31,.92);
  font-weight: 800;
  letter-spacing:.4px;
  text-transform: uppercase;
  font-size: .78rem;
}
.hero h1{
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.03;
  margin-top: .9rem;
}
.hero .lead{
  font-size: 1.06rem;
  color: var(--muted);
  max-width: 56ch;
}
.hero-card{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 18px;
  position: relative;
  z-index: 1;
}
.hero-metric{
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  padding: 14px 14px;
  background: rgba(255,255,255,.65);
}
.hero-metric .n{
  font-weight: 900;
  font-size: 1.15rem;
}
.hero-metric .t{
  color: var(--muted);
  font-size:.9rem;
}

/* Sections */
.section{
  padding: 78px 0;
}
.section-title{
  font-weight: 900;
  letter-spacing: -0.02em;
}
.section-sub{
  color: var(--muted);
  max-width: 70ch;
}

/* Elegant cards */
.e-card{
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 22px;
  background: var(--surface);
  padding: 22px;
  height: 100%;
  box-shadow: 0 8px 24px rgba(2,24,16,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.e-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 55px rgba(2,24,16,.12);
  border-color: rgba(11,95,70,.22);
}
.e-ico{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(167,243,208,.26);
  border: 1px solid rgba(11,95,70,.16);
  color: var(--g1);
  font-size: 1.25rem;
  margin-bottom: 12px;
}
.e-card h3{
  font-weight: 900;
  font-size: 1.05rem;
  margin-bottom: 6px;
}
.e-card p{ color: var(--muted); margin-bottom: 0; }

/* Brand grid */
.brand-grid img{
  max-height: 44px;
  width: auto;
  filter: grayscale(1);
  opacity: .75;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.brand-grid a{
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 18px;
  background: rgba(255,255,255,.75);
  text-decoration:none;
  height: 84px;
}
.brand-grid a:hover img{
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.03);
}

/* Reasons (big numbers like Technoit) */
.reasons{
  background: linear-gradient(180deg, #ffffff 0%, #f7fffb 60%, #ffffff 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.reason{
  display:flex;
  gap: 14px;
}
.reason .num{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: rgba(20,176,122,.12);
  border: 1px solid rgba(11,95,70,.18);
  display:flex; align-items:center; justify-content:center;
  font-weight: 900;
  color: rgba(6,43,31,.95);
}
.reason h4{
  margin:0;
  font-weight: 900;
  font-size: 1.03rem;
}
.reason p{
  margin:.2rem 0 0;
  color: var(--muted);
}

/* Forms */
.form-control, .form-select{
  border-radius: 16px;
  border:1px solid rgba(15,23,42,.14);
  padding: .75rem .9rem;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(20,176,122,.55);
  box-shadow: 0 0 0 .25rem rgba(20,176,122,.14);
}
.form-card{
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.82);
  padding: 22px;
}

/* Footer */
.site-footer{
  background: #061a13;
  color: rgba(255,255,255,.86);
  padding: 48px 0;
}
.site-footer a{ color: rgba(255,255,255,.86); text-decoration:none; }
.site-footer a:hover{ color: #fff; text-decoration:underline; }
.site-footer .mini{ color: rgba(255,255,255,.66); }

/* Small utilities */
.hr-soft{ border-top: 1px solid var(--line); }