/* ============================================================
   Evolvcode Redesign v1 (2026-10-25) — Phase 1: design system + homepage
   Loaded AFTER style.css. Accent: indigo -> cyan on ink/paper.
   New elements use the ev- prefix; existing components are restyled
   through scoped overrides so every page keeps working.
   ============================================================ */
:root{
  --ev-ink:#0b0b10; --ev-ink2:#12121a; --ev-line-d:#262633;
  --ev-paper:#ffffff; --ev-paper2:#f6f7f9; --ev-line:#e6e8ee;
  --ev-text:#14141c; --ev-muted:#5b6070; --ev-muted-d:#a7abbb;
  --ev-accent:#4f46e5; --ev-accent2:#06b6d4;
  --ev-grad:linear-gradient(92deg,#4f46e5 0%,#06b6d4 100%);
  --ev-radius:18px;
  --ev-shadow:0 18px 50px rgba(11,11,16,.14);
}

/* ---------- Global chrome: buttons, header, top bar, footer ---------- */
.btn-primary{
  background:var(--ev-grad)!important; color:#fff!important; border-color:transparent!important;
  border-radius:999px!important; box-shadow:0 10px 26px rgba(79,70,229,.32);
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(79,70,229,.40); }
.btn-secondary{ border-radius:999px!important; }
.btn{ border-radius:999px; }

.top-navbar{ background:var(--ev-ink)!important; }
.top-navbar-item,.top-navbar-social{ color:#d6d8e2!important; }
.top-navbar-item:hover,.top-navbar-social:hover{ color:#67e8f9!important; }

.site-header{
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 30px rgba(11,11,16,.07);
  border-bottom:1px solid var(--ev-line)!important;
}
.logo-text{ font-weight:900!important; letter-spacing:-.03em; color:var(--ev-ink)!important; }
.nav-link{ font-weight:500; }
.nav-link:hover,.nav-link.active{ color:var(--ev-accent)!important; }
.nav-cta{ margin-left:14px; }
.dropdown-menu,.mega-menu{ border:1px solid var(--ev-line)!important; border-radius:14px!important; box-shadow:var(--ev-shadow)!important; }
.dropdown-menu a:hover,.mega-menu-item:hover{ color:var(--ev-accent)!important; }

.footer-newsletter-bar{ background:var(--ev-grad)!important; }
.newsletter-btn{ background:var(--ev-ink)!important; color:#fff!important; border-radius:999px!important; }
.site-footer{ background:var(--ev-ink)!important; }
.footer-col-new h4::after{ background:var(--ev-grad); width:34px; height:2px; left:0; bottom:0; border-radius:2px; }
.footer-links-new a:hover,.footer-contact-list a:hover{ color:#67e8f9!important; }
.footer-social a:hover{ background:var(--ev-grad)!important; color:#fff!important; }
@media(min-width:992px){
  .footer-grid-new{ grid-template-columns:1.6fr 1fr 1fr 1fr 1.15fr!important; }
}
.back-to-top{ background:var(--ev-grad)!important; color:#fff!important; }

/* ---------- Homepage hero: dark ---------- */
.home-page .home-hero{
  background:
    radial-gradient(1000px 520px at 88% -10%, rgba(6,182,212,.20), transparent 60%),
    radial-gradient(900px 500px at 6% -10%, rgba(79,70,229,.24), transparent 60%),
    var(--ev-ink)!important;
}
.home-page .home-hero__mesh{ display:none; }
.home-page .home-hero__orb--1{ background:rgba(79,70,229,.35); }
.home-page .home-hero__orb--2{ background:rgba(6,182,212,.25); }
.home-page .home-hero .hero-patterns{ display:none; }
.home-page .home-hero::before,.home-page .home-hero::after{ display:none; }
.home-page .home-hero__badge{
  background:rgba(255,255,255,.06)!important; border:1px solid var(--ev-line-d)!important;
  color:#c9ccda!important; box-shadow:none!important;
}
.home-page .home-hero__line--1{
  background:none!important; -webkit-text-fill-color:#fff!important; color:#fff!important;
}
.home-page .home-hero__line--2{
  background:var(--ev-grad)!important; -webkit-background-clip:text!important; background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.home-page .home-hero__lead{ color:var(--ev-muted-d)!important; }
.home-hero__metric-value{ color:var(--ev-ink); }
.home-page .home-hero__metric-value{ color:#fff!important; }
.home-page .home-hero__metric-label{ color:var(--ev-muted-d)!important; }
.home-page .home-hero__scroll-hint{ color:var(--ev-muted-d)!important; }
.home-page .home-hero .btn-secondary{
  background:transparent!important; border-color:#3a3a48!important; color:#fff!important;
}
.home-page .home-hero .btn-secondary:hover{ border-color:var(--ev-accent2)!important; }

/* Hero panel -> dark glass + real project screenshot */
.home-page .home-hero__panel-card{
  background:rgba(18,18,26,.82)!important; border:1px solid var(--ev-line-d)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.45)!important; border-radius:20px!important;
}
.home-page .home-hero__panel-kicker{ color:#8ea2ff!important; }
.home-page .home-hero__panel-headline{ color:#fff!important; }
.home-page .home-hero__panel-list li{ color:#d6d8e2!important; }
.home-page .home-hero__panel-list li i{ color:#22d3ee!important; }
.home-page .home-hero__panel-meta{ border-top-color:var(--ev-line-d)!important; color:var(--ev-muted-d)!important; }
.ev-hero-shot{ margin-top:20px; border-radius:12px; overflow:hidden; border:1px solid var(--ev-line-d); }
.ev-hero-shot img{ width:100%; height:170px; object-fit:cover; display:block; }
.ev-hero-shot figcaption{ font-size:12px; color:var(--ev-muted-d); padding:8px 12px; background:rgba(255,255,255,.03); }

/* ---------- Clients strip (replaces "Our Partners") ---------- */
.ev-clients{ padding:44px 0 8px; text-align:center; background:var(--ev-paper); }
.ev-clients p{
  font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ev-muted); margin-bottom:22px;
}
.ev-clients-row{
  display:flex; flex-wrap:wrap; justify-content:center; gap:14px 46px;
  font-weight:800; font-size:20px; letter-spacing:-.01em; color:#24242e;
  max-width:var(--container-max,1200px); margin:0 auto; padding:0 24px;
}
.ev-clients-row span{ opacity:.6; transition:opacity .2s; }
.ev-clients-row span:hover{ opacity:1; }

/* ---------- Section badges / titles ---------- */
.premium-badge{
  background:#eef0fe!important; color:var(--ev-accent)!important; border:1px solid #dde1fd!important;
  border-radius:999px!important; font-weight:700;
}
.section-label{
  background:#eef0fe!important; color:var(--ev-accent)!important; border-radius:999px!important;
}

/* ---------- Services cards ---------- */
.premium-card{ border-radius:var(--ev-radius)!important; }
.premium-card:hover{ box-shadow:var(--ev-shadow)!important; }
.premium-icon-wrap{
  background:var(--ev-grad)!important; color:#fff!important; border-radius:14px!important;
}
.premium-icon-wrap i{ color:#fff!important; }
.premium-card-link{ color:var(--ev-accent)!important; font-weight:700; }

/* ---------- Why choose us ---------- */
.why-icon-modern{ background:var(--ev-grad)!important; color:#fff!important; border-radius:14px!important; }
.why-icon-modern i{ color:#fff!important; }
.wcu-main-img{ border-radius:20px!important; }
.wcu-floating-card{ border-radius:16px!important; box-shadow:var(--ev-shadow)!important; }

/* ---------- Tech stack ---------- */
.tech-stack-section .tech-item{ border-radius:16px!important; border-color:var(--ev-line)!important; }
.tech-stack-section .tech-item:hover{ border-color:#c7ccf5!important; box-shadow:var(--ev-shadow)!important; }

/* ---------- Portfolio & blog cards ---------- */
.blog-card{ border-radius:var(--ev-radius)!important; }
.blog-card:hover{ box-shadow:var(--ev-shadow)!important; }
.blog-card-badge{ background:var(--ev-grad)!important; color:#fff!important; }
.blog-card-link{ color:var(--ev-accent)!important; }

/* ---------- Testimonials: dark section ---------- */
.home-page .testimonials-section{ background:var(--ev-ink)!important; }
.home-page .testimonials-section .testi-left{ background:transparent!important; }
.home-page .testimonials-section .testi-left::before{ color:#1b1b26!important; }
.home-page .testimonials-section .testi-left .premium-badge{
  background:#1a1a26!important; color:#8ea2ff!important; border-color:var(--ev-line-d)!important;
}
.home-page .testimonials-section .testi-left .premium-title{
  background:linear-gradient(92deg,#ffffff 0%,#67e8f9 100%)!important;
  -webkit-background-clip:text!important; background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.home-page .testimonials-section .testi-left .premium-description{ color:var(--ev-muted-d)!important; }
.home-page .testimonials-section .home-hero__metric-value{ color:#fff!important; }
.home-page .testimonials-section .home-hero__metric-label{ color:var(--ev-muted-d)!important; }
.home-page .testimonials-section .testi-right-title{ color:#fff!important; }
.home-page .testimonials-section .testi-right-kicker{ color:var(--ev-muted-d)!important; }
.home-page .testimonials-section .testi-right-divider{
  background:linear-gradient(90deg,var(--ev-line-d) 0%,rgba(38,38,51,0) 100%)!important;
}
.home-page .testimonials-section .testi-card{
  background:#14141d!important; border:1px solid var(--ev-line-d)!important; border-radius:20px!important;
}
.home-page .testimonials-section .testi-text{ color:#e9eaf2!important; }
.home-page .testimonials-section .testi-author{ border-top-color:var(--ev-line-d)!important; }
.home-page .testimonials-section .testi-info h4{ color:#fff!important; }
.home-page .testimonials-section .testi-info p{ color:var(--ev-muted-d)!important; }
.home-page .testimonials-section .testi-btn{
  background:#14141d!important; border-color:var(--ev-line-d)!important; color:#fff!important;
  box-shadow:none!important;
}
.home-page .testimonials-section .testi-btn:hover{ background:var(--ev-grad)!important; border-color:transparent!important; }

/* Initials avatar (replaces placeholder photos) */
.ev-avatar{
  width:50px; height:50px; border-radius:50%; flex:none;
  background:var(--ev-grad); color:#fff; font-weight:800; font-size:15px;
  display:flex; align-items:center; justify-content:center; letter-spacing:.02em;
}

/* ---------- Process & trust ---------- */
.dm-process-icon{ background:var(--ev-grad)!important; color:#fff!important; }
.dm-process-icon i{ color:#fff!important; }
.dm-step-number{ color:var(--ev-accent)!important; }
.home-trust-card{ border-radius:var(--ev-radius)!important; }
.home-trust-card:hover{ box-shadow:var(--ev-shadow)!important; }
.home-trust-icon{ background:var(--ev-grad)!important; color:#fff!important; }
.home-trust-icon i{ color:#fff!important; }

/* ---------- CTA band ---------- */
.home-cta-section{
  background:
    radial-gradient(800px 400px at 85% 0%, rgba(6,182,212,.28), transparent 60%),
    radial-gradient(800px 400px at 10% 100%, rgba(79,70,229,.32), transparent 60%),
    var(--ev-ink)!important;
}
.home-cta-section .btn-primary{
  background:#fff!important; color:var(--ev-accent)!important; box-shadow:none!important;
}
.home-cta-section .btn-primary:hover{ background:var(--ev-grad)!important; color:#fff!important; }

/* ---------- Focus / accessibility ---------- */
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:2px solid var(--ev-accent2); outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms!important; transition-duration:.01ms!important; }
}