/* ════════════════════════════════════════
   DESIGN TOKENS
════════════════════════════════════════ */
:root{
  --teal:#084575; --teal-dk:#006dac; --teal-dkk:#134e4a;
  --teal-lt:#5eead4; --teal-ltt:#ccfbf1; --teal-lttt:#f0fdfa;
  --ink:#0f3a67; --ink2:#1a242e; --ink3:#2d4a35;
  --slate:#3d5a45; --mist:#8aab90; --fog:#c4d9c8;
  --cream:#faf8f4; --white:#ffffff; --offwhite:#f6f4ef;
  --border:#e4ede6; --border2:rgba(13,148,136,.15);
  --r:6px; --r2:12px; --r3:20px; --r4:32px;
  --nav-h:68px;
  --sh:0 1px 3px rgba(12,26,18,.06),0 2px 8px rgba(12,26,18,.04);
  --sh2:0 4px 20px rgba(12,26,18,.08),0 1px 4px rgba(12,26,18,.04);
  --sh3:0 16px 56px rgba(12,26,18,.12),0 4px 16px rgba(12,26,18,.06);
  --teal-glow:0 0 40px rgba(13,148,136,.2),0 0 80px rgba(13,148,136,.07);
  --t:#00c9a7;--t2:#00a88b;--t3:#007a66;--tglow:rgba(0,201,167,.18);
    --t:#3a91d2;
	
	--dash-blue: #1d4ed8; /* The primary blue from your dashboard */
	--accent-blue: #3b82f6;
	--surface-card: #ffffff;
	--text-main: #0f172a;
	--text-sub: #475569;
}
.montserrat{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{
  <!-- font-family:'Instrument Sans',system-ui,sans-serif;font-family:'Outfit',system-ui,sans-serif; -->
  
  font-family:"Montserrat", sans-serif;
  background:var(--cream);color:var(--ink);
  overflow-x:hidden;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--teal-ltt);color:var(--teal-dkk)}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--fog);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--teal-lt)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ── UTILITY ── */
.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}
.container-wide{max-width:1380px;margin:0 auto;padding:0 1.5rem}
.section{padding:96px 0;padding:70px 0}
.section-sm{padding:64px 0}

/* ── TYPOGRAPHY ── */
.display{font-family:'Montserrat', sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.08}
.display-light{font-family:'Montserrat', sans-serif;font-weight:300;font-style:italic}
.mono{font-family:'Montserrat', sans-serif;}
.eyebrow{
  font-family:'Montserrat', sans-serif;font-size:10.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:var(--teal);
  display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{content:'';width:24px;height:1.5px;background:var(--teal-lt)}

/* ── BUTTONS ── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  border:none;cursor:pointer;font-family:'Montserrat', sans-serif;font-family:"Montserrat", sans-serif;
  font-weight:700;transition:all .22s;white-space:nowrap;
  position:relative;overflow:hidden;
}
.btn-primary{
  background:var(--teal);color:#fff;
  padding:.7rem 1.65rem;border-radius:var(--r);font-size:14px;
  box-shadow:0 2px 12px rgba(13,148,136,.35);
}
.btn-primary:hover{background:var(--teal-dk);transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,.4)}
.btn-primary:active{transform:translateY(0)}
.btn-ghost{
  background:transparent;color:var(--ink);
  padding:.65rem 1.4rem;border-radius:var(--r);font-size:14px;
  border:1.5px solid var(--border);
}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-lttt)}
.btn-dark{
  background:var(--ink);color:#fff;
  padding:.8rem 1.8rem;border-radius:var(--r2);font-size:15px;
  box-shadow:0 4px 20px rgba(12,26,18,.25);
}
.btn-dark:hover{background:var(--ink2);transform:translateY(-2px);box-shadow:0 10px 36px rgba(12,26,18,.3)}
.btn-teal-outline{
  background:transparent;color:var(--teal-dkk);
  padding:.75rem 1.65rem;border-radius:var(--r);font-size:14.5px;
  border:2px solid var(--teal);
}
.btn-teal-outline:hover{background:var(--teal);color:#fff;transform:translateY(-1px)}
.btn-lg{padding:.9rem 2.2rem;font-size:15.5px;border-radius:var(--r2)}
.btn-xl{padding:1.05rem 2.6rem;font-size:16px;border-radius:var(--r2)}
.btn svg{width:15px;height:15px;flex-shrink:0;fill:#fff;}

/* ── REVEAL ANIMATIONS ── */
.r{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.r.in{opacity:1;transform:none}
.rl{opacity:0;transform:translateX(-24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rl.in{opacity:1;transform:none}
.rr{opacity:0;transform:translateX(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.rr.in{opacity:1;transform:none}
.d1{transition-delay:.08s} .d2{transition-delay:.16s} .d3{transition-delay:.24s}
.d4{transition-delay:.32s} .d5{transition-delay:.40s} .d6{transition-delay:.48s}

/* ════════════════════════════════════════
   1. NAVIGATION
════════════════════════════════════════ */
#nav{
  position:relative;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;
  transition:background .28s,box-shadow .28s,backdrop-filter .28s;
}
#nav.stuck{
  background:rgba(250,248,244,.94);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 1px 0 var(--border),0 4px 24px rgba(12,26,18,.06);position:fixed;
}
.nav-wrap{
  height:var(--nav-h);display:flex;align-items:center;
  justify-content:space-between;gap:1.5rem;
}
/* Logo  width:60px;*/
.logo{display:flex;align-items:center;gap:.55rem;flex-shrink:0}
.logo-mark{
 height:60px;border-radius:9px;margin-top:15px;
 
  display:flex;align-items:center;justify-content:center;
 /* box-shadow:0 2px 12px rgba(13,148,136,.3);
   background:linear-gradient(135deg,var(--teal),var(--teal-dkk));*/
}
.logo-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2}
.logo-name{font-family:'Montserrat', sans-serif;font-weight:700;font-size:19px;color:var(--ink);letter-spacing:-.3px}
.logo-name em{font-style:italic;color:var(--teal);font-weight:300}
/* Links */
.nav-links{display:flex;align-items:center;gap:.15rem}
.nav-a{
  padding:.45rem .85rem;border-radius:var(--r);
  font-size:14px;font-weight:500;color:var(--slate);transition:.15s;
}
.nav-a:hover{color:var(--ink);background:rgba(13,148,136,.06)}
.nav-a.on{color:var(--teal-dk)}
.nav-cta{display:flex;align-items:center;gap:.65rem;flex-shrink:0}

.nav-links{
  display:flex;
  align-items:center;
  gap:25px;
  flex-wrap:wrap;
}

/* Dropdown */
.dropdown{
  position:relative;
}

.dropdown-content{
  display:none;
  position:absolute;
  top:30px;
  left:0;
  background:white;
  min-width:220px;
  width:max-content;
  box-shadow:0 4px 10px rgba(0,0,0,0.15);
  border-radius:4px;
}

.dropdown-content a{
  display:block;
  padding:10px 15px;
  text-decoration:none;
  color:#333;
}

.dropdown-content a:hover{
  background:#f2f2f2;
}

.dropdown:hover .dropdown-content{
  display:block;
}

/* Mobile Responsive */
@media (max-width:768px){

  .nav-links{
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    gap:10px;
  }

  .dropdown-content{
    position:relative;
    width:100%;
    box-shadow:none;
  }

}
.solution-img{
    width: 100%;
    display: block;
    margin: 0;
    text-align: center;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px #d3d3d3;
}
.solution-img img{width: 98%;
    margin: 0 auto;}

/* Hamburger */
.ham{
  display:none;background:none;border:1.5px solid var(--border);
  border-radius:var(--r);padding:7px;cursor:pointer;
  flex-direction:column;gap:4.5px;
}
.ham span{width:18px;height:1.8px;background:var(--slate);border-radius:1px;transition:.2s;display:block}
/* Mobile nav */
.mob-nav{
  display:none;position:fixed;top:var(--nav-h);left:0;right:0;
  background:rgba(250,248,244,.98);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  padding:1rem 1.5rem 1.5rem;z-index:999;flex-direction:column;gap:.2rem;
}
.mob-nav.open{display:flex}
.mob-a{
  padding:.65rem .85rem;border-radius:var(--r);
  color:var(--slate);font-weight:500;font-size:14.5px;transition:.14s;
}
.mob-a:hover{background:var(--teal-lttt);color:var(--teal-dk)}
.mob-btns{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}

/* ════════════════════════════════════════
   2. HERO
════════════════════════════════════════ */
#hero{
  min-height:100vh;display:flex;align-items:center;
  padding-top:var(--nav-h);position:relative;overflow:hidden;
  background:var(--cream);
}
/* Subtle tonal background */
#hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 800px 600px at 80% 50%, rgba(13,148,136,.06) 0%, transparent 70%),
    radial-gradient(ellipse 400px 400px at 15% 80%, rgba(13,148,136,.04) 0%, transparent 70%);
  pointer-events:none;
}
/* Dotted grid texture */
#hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(13,148,136,.12) 1px, transparent 1px);
  background-size:28px 28px;opacity:.5;
}
.hero-wrap{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
  align-items:center;padding:1rem 0 3rem;position:relative;z-index:1;width:100%;display:flex;flex-direction:column;width:100%;
}
/* Left */
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--teal-ltt);border:1px solid rgba(13,148,136,.25);
  border-radius:20px;padding:.32rem .9rem;
  font-family:'Montserrat', sans-serif;font-size:11px;font-weight:600;
  color:var(--teal-dk);margin-bottom:1.4rem;
  animation:fadeD .8s ease both;
}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse-d 2.4s infinite}
@keyframes pulse-d{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
@keyframes fadeD{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.hero-h1{
  font-size:clamp(3rem,6vw,3.5rem);
  margin-bottom:0.8rem;color:var(--ink);
  animation:fadeU .9s .1s ease both;text-align:center;
}
/*.hero-h1 .stroke {
    -webkit-text-stroke: 1.5px var(--t);
    color: transparent;
}*/
.hero-h1 .italic-word{
  font-style:italic;font-weight:800;color:var(--teal-dk);
  position:relative;display:inline-block;font-family:"Montserrat", sans-serif;
}
.hero-h1 .italic-word::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:2.5px;
  background:linear-gradient(90deg,var(--teal),var(--teal-lt),transparent);border-radius:2px;
}
.hero-h1 .span-word{font-weight:600;color:var(--teal-dk); position:relative;font-family:"Montserrat", sans-serif;font:3rem}
  
@keyframes fadeU{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-p{
  font-size:17.5px;color:var(--slate);line-height:0.78;
  max-width:98%;margin-bottom:1.4rem;font-weight:400;
  animation:fadeU 1s .2s ease both;text-align:center;
}
.hero-p span{color:var(--ink); text-decoration:underline;}
.hero-acts{display:flex;gap:.85rem;flex-wrap:wrap;animation:fadeU 1s .3s ease both;justify-content:center;}
.hero-trust{
  display:flex;align-items:center;gap:1.5rem;margin-top:2.2rem;
  padding-top:2rem;border-top:1px solid var(--border);
  animation:fadeU 1s .45s ease both;flex-wrap:wrap;
}
.trust-stat .n{
  font-family:'Montserrat', sans-serif;font-size:2rem;font-weight:700;
  color:var(--ink);line-height:1;letter-spacing:-.04em;
}
.trust-stat .n em{color:var(--teal);font-style:normal}
.trust-stat .l{font-size:12px;color:var(--mist);font-weight:500;margin-top:3px}
.trust-div{width:1px;height:36px;background:var(--border)}
/* Right: hero visual */
.hero-vis{position:relative;animation:fadeU 1.1s .1s ease both;width:100%;margin-bottom:2rem;}
.hero-img-frame{
  position:relative;border-radius:var(--r3);overflow:hidden;
  border:1px solid var(--border);box-shadow:var(--sh3);
}
.hero-img-frame img{
  width:100%;height:440px;object-fit:cover;display:block;
}
/* SVG bus-depot fallback illustration */
.hero-fallback{
  width:100%;height:440px;
  background:linear-gradient(160deg,var(--ink) 0%,var(--ink2) 40%,var(--ink3) 100%);
  display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
}
/* Image tint overlay */
.img-tint{
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom right,
    rgba(12,26,18,.4) 0%,
    rgba(13,148,136,.08) 100%
  );pointer-events:none;
}
/* Floating stat chips */
.fchip{
  position:absolute;background:rgba(250,248,244,.95);
  backdrop-filter:blur(12px);border:1px solid var(--border);
  border-radius:var(--r2);padding:.6rem 1rem;
  display:flex;align-items:center;gap:.65rem;
  box-shadow:var(--sh2);
}
.fchip-1{bottom:22px;left:-18px;animation:bob1 5s ease-in-out infinite}
.fchip-2{top:22px;right:-18px;animation:bob2 6s ease-in-out infinite}
@keyframes bob1{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.fchip-ico{width:34px;height:34px;border-radius:8px;background:var(--teal-ltt);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fchip-ico svg{width:17px;height:17px;stroke:var(--teal-dk);fill:none;stroke-width:2}
.fchip-val{font-family:'Montserrat', sans-serif;font-size:16px;font-weight:700;color:var(--ink);line-height:1}
.fchip-lbl{font-size:10.5px;color:var(--mist);font-weight:500;margin-top:2px;font-family:'Montserrat', sans-serif;}
/* Scroll cue */
.scroll-cue{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.4rem;
  animation:cue 2.5s ease-in-out infinite;color:var(--mist);font-family:'Montserrat', sans-serif;font-size:10px;letter-spacing:.1em;
}
@keyframes cue{0%,100%{transform:translateX(-50%) translateY(0);opacity:.6}50%{transform:translateX(-50%) translateY(6px);opacity:1}}
.scroll-cue svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}

/* ════════════════════════════════════════
   SECTION DIVIDER — diagonal
════════════════════════════════════════ */
.diag{position:relative;overflow:hidden}
.diag::before{
  content:'';position:absolute;top:0;left:0;right:0;height:80px;
  background:var(--cream);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 0);
}
/* ════════════════════════════════════════
   3. FEATURES — WHY COREVIOTECH?
════════════════════════════════════════ */
#aboutUs{background:var(--ink);position:relative;overflow:hidden;padding:20px 0 50px}
#aboutUs::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(94,234,212,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,234,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.feat-hdr{text-align:center;margin-bottom:3.5rem}
.feat-hdr .eyebrow{color:var(--teal-lt)}
.feat-hdr .eyebrow::before{background:var(--teal-lt)}
.feat-hdr h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:.6rem 0 1rem}
.feat-hdr p{color:var(--mist);font-size:16.5px;max-width:500px;margin:0 auto}
/* 3×2 grid */
.feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(255,255,255,.06);
  border-radius:var(--r3);overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  margin-top:2rem
}
.fc{
  background:var(--ink);padding:2.2rem 1.85rem;
  position:relative;overflow:hidden;transition:background .25s;
  cursor:default;
}
.fc::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--teal),var(--teal-lt));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.fc:hover{background:#111c14}
.fc:hover::after{transform:scaleX(1)}
.fc-ico{
  width:80px;height:80px;border-radius:var(--r2);
  background:rgba(13,148,136,.12);border:1px solid rgba(13,148,136,.2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.25rem;transition:all .25s;padding:8px;
}
.fc:hover .fc-ico{background:rgba(13,148,136,.22);transform:scale(1.05);box-shadow:0 0 24px rgba(13,148,136,.2)}
.fc-ico svg{width:24px;height:24px;stroke:var(--teal-lt);fill:none;stroke-width:1.8}
.fc h3{font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:.6rem}
.fc p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.72}


/* Hero Title */
.hero-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #1f2937;
  color: #ffffff;
  display:flex;
}

/* Gradient Text */
.gradient-text {
  background: linear-gradient(90deg, #0ea5e9, #22c55e);
  background: linear-gradient(90deg, #e9a80e, #e2e905);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.w80{width:80%; margin-Left:20px}

/* .gradient-text { */
  /* background: linear-gradient(270deg, #0ea5e9, #22c55e, #3b82f6); */
  /* background-size: 200% 200%; */
  /* animation: gradientMove 4s ease infinite; */
/* } */

/* @keyframes gradientMove { */
  /* 0% { background-position: 0% 50%; } */
  /* 100% { background-position: 100% 50%; } */
/* } */
/* ════════════════════════════════════════
   3. FEATURES — WHY COREVIOTECH?
════════════════════════════════════════ */
#features{background:var(--ink);position:relative;overflow:hidden}
#features::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(94,234,212,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(94,234,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.feat-hdr{text-align:center;margin-bottom:3.5rem}
.feat-hdr .eyebrow{color:var(--teal-lt)}
.feat-hdr .eyebrow::before{background:var(--teal-lt)}
.feat-hdr h2{color:#fff;font-size:clamp(2rem,4vw,2.1rem);margin:.6rem 0 1rem; display:flex;line-height: 1.28;}
.feat-hdr p{color:var(--mist);font-size:16.5px;max-width:500px;margin:0 auto}
/* 3×2 grid */
.feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(255,255,255,.06);
  border-radius:var(--r3);overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
}
.fc{
  background:var(--ink);padding:2.2rem 1.85rem;
  position:relative;overflow:hidden;transition:background .25s;
  cursor:default;
}
.fc::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--teal),var(--teal-lt));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.fc:hover{background:#111c14}
.fc:hover::after{transform:scaleX(1)}
.fc-ico{
  width:80px;height:80px;border-radius:var(--r2);
  background:rgba(255,252,255,.92);border:1px solid rgba(13,148,136,.2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.25rem;transition:all .25s;
}
.fc:hover .fc-ico{background:rgba(255,255,255,.82);transform:scale(1.05);box-shadow:0 0 24px rgba(13,148,136,.2)}
.fc-ico svg{width:24px;height:24px;stroke:var(--teal-lt);fill:none;stroke-width:1.8}
.fc h3{font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:.6rem}
.fc p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.72; margin-bottom:10px; margin-Left:0px;}



/* --- Grid Container --- */
.feat-grid-why {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 25px;
padding:30px;
}

/* --- Modern Card Design --- */
.feat-card-why {
background: var(--surface-card);
border-radius: 24px;
padding: 15px 15px 30px;
position: relative;
overflow: hidden;
border: 1px solid #758394;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: flex;
flex-direction: column;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02), 0 2px 4px -1px rgba(0,0,0,0.01);
text-align:left;
}

/* Decorative top bar matching dashboard blue */
.feat-card-why::before {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 6px;
background: var(--dash-blue);
opacity: 0;
transition: 0.3s;
}

.feat-card-why:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.02);
border-color: var(--accent-blue);
}

.feat-card-why:hover::before { opacity: 1; }

/* --- Icon Styling --- */
.icon-wrapper {
width: 70px;
height: 70px;
background: #eff6ff;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
transition: 0.3s;
}

.icon-wrapper img {
width: 40px;
height: 40px;
object-fit: contain;
}
.icon-wrapper svg {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    transition: transform .35s ease;
}
.icon-wrapper  svg {
    stroke: #93c5fd;
}


.feat-card-why:hover .icon-wrapper {
background: var(--dash-blue);
transform: rotate(-5deg);
}

.feat-card-why:hover .icon-wrapper img {
filter: brightness(0) invert(1);
}

/* --- Typography --- */
.feat-card-why h3 {
font-size: 1.14rem;
font-weight: 700;
color: var(--text-main);
margin: 0 0 15px 0;
line-height: 1.2;
letter-spacing: -0.5px;
}

.feat-content-why {
flex-grow: 1;
}

.feat-item-why {
display: flex;
align-items: flex-start;
gap: 0px;
margin-bottom: 8px;
font-size: 0.95rem;
color: var(--text-sub);
line-height: 1.5;
position:relative;
z-index:1
}

.feat-item-why i {
color: var(--accent-blue);
font-size: 0.8rem;
margin-top: 5px;margin-right: 15px;
}

/* --- Tag/Badge Styling --- */
.type-badge {
display: inline-flex;
gap: 8px;
margin-top: 15px;
}

.badge {
background: #f1f5f9;
color: #64748b;
padding: 4px 12px;
border-radius: 30px;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
}

/* Background Decoration */
.card-bg-deco {
position: absolute;
right: -20px;
bottom: -20px;
font-size: 8rem;
color: #f1f5f9;
color: #f0f2f5;
z-index: 0;
opacity: 0.75;
pointer-events: none;
}
.flex{display:flex;}
.ml-2{margin-left:20px;}

@media (max-width: 768px) {
.feat-grid-why { grid-template-columns: 1fr; }
}




.wrapper {
  padding: 20px;
}

/* GRID */
.grid {
  display: flex;
  gap: 4px;
  justify-content: space-between;
}

/* COLUMN */
.col {
  position: relative;
  width: 180px;
}

/* HEADER */
.head {
  color: #fff;
  padding:6px 14px;
  text-align: center;
  font-weight: 600;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.bottom-foot {
  color: #fff;
  padding: 14px;
  text-align: center;
  font-weight: 600;
  border-radius:0 0 14px 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* CARDS */
.card {
  background: #ffffff;
  margin: 4px 0;
  padding:4px 10px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #cfcfcf;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  font-size:13px;
}

/* CONNECTOR LINE */
.connector {
  position: absolute;
  bottom: -60px;
  left: 50%;
  width: 4px;
  height: 80px;
  transform: translateX(-50%);
  background: currentColor;
}

.connector::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 12px;
  height: 12px;
  background: currentColor;
  border-radius: 50%;
  transform: translateX(-50%);
}

/* ROAD */
.road {
  position: relative;
  margin-top: 70px;
  height: 40px;
  background: #6e6e6e;
  border-radius: 6px;
}

.lane {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 6px;
  transform: translateY(-50%);
  background: repeating-linear-gradient(
    to right,
    white 0px,
    white 40px,
    transparent 40px,
    transparent 80px
  );
}

/* COLORS */
.planning { color: #2f3e4e; }
.planning .head { background: #2f3e4e; }
.planning .bottom-foot { background: #2f3e4e;}

.ev { color: #f07c2b; }
.ev .head { background: #f07c2b; }
.ev .bottom-foot { background: #f07c2b; margin-top:45% }

.workforce { color: #5a8ec1; }
.workforce .head { background: #5a8ec1; }
.workforce .bottom-foot { background: #5a8ec1; }

.operations { color: #444; }
.operations .head { background: #444; }
.operations .bottom-foot { background: #444; }

.fleet { color: #1f3b6d; }
.fleet .head { background: #1f3b6d; }
.fleet .bottom-foot { background: #1f3b6d; }

.maintenance { color: #6cab3d; }
.maintenance .head { background: #6cab3d; }
.maintenance .bottom-foot { background: #6cab3d; }

.performance { color: #f4b400; }
.performance .head { background: #f4b400; }
.performance .bottom-foot { background: #f4b400; margin-top:67%  }

/* BOTTOM */
.bottom {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.btn {
  background: #3c4f65;
  color: white;
  padding: 6px 30px;
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  font-size:13px;
}

.btn.light {
  background: #ffffff;
  color: #2f3e4e;
}

/* ════════════════════════════════════════
   4. SHOWCASE — REAL-WORLD SOLUTIONS
════════════════════════════════════════ */
#showcase{background:var(--offwhite);padding-bottom:0}
.showcase-hdr{text-align:center;margin-bottom:3.5rem}
.showcase-hdr h2{font-size:clamp(2rem,4vw,6rem);margin:.6rem 0 1rem}
.showcase-hdr p{font-size:16px;color:var(--slate);max-width:480px;margin:0 auto}
/* Bento-style grid */
.sc-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:1.25rem}
.sc-card{
  position:relative;border-radius:var(--r3);overflow:hidden;
  background:var(--ink);border:1px solid rgba(255,255,255,.06);
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;cursor:pointer;
}
.sc-card:hover{transform:translateY(-5px);box-shadow:var(--sh3)}
.sc-card.a{grid-column:span 7}
.sc-card.b{grid-column:span 5}
.sc-card.c{grid-column:span 5}
.sc-card.d{grid-column:span 7}
.sc-vis{height:200px;position:relative;overflow:hidden;background:var(--ink2)}
.sc-card.a .sc-vis{height:220px}
.sc-card.d .sc-vis{height:220px}
/* SVG scenes */
.sc-svg{width:100%;height:100%}
.sc-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom, transparent 40%, rgba(12,26,18,.9) 100%);
}
.sc-body{padding:1.4rem 1.6rem 1.6rem}
.sc-tag{font-family:'Montserrat', sans-serif;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--teal-lt);margin-bottom:.4rem}
.sc-title{font-family:'Montserrat', sans-serif;font-size:19px;font-weight:700;color:#fff;margin-bottom:.5rem}
.sc-desc{font-size:13px;color:rgba(255,255,255,.8);line-height:1.65}
.sc-arrow{
  position:absolute;top:1.2rem;right:1.2rem;
  width:34px;height:34px;border-radius:50%;
  background:rgba(13,148,136,.15);border:1px solid rgba(13,148,136,.25);
  display:flex;align-items:center;justify-content:center;
  transition:all .25s;
}
.sc-card:hover .sc-arrow{background:var(--teal);border-color:var(--teal);transform:rotate(45deg)}
.sc-arrow svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}

/* ════════════════════════════════════════
   5. COMPREHENSIVE SOLUTIONS
════════════════════════════════════════ */
#solutions{background:var(--cream)}
.sol-hdr{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.sol-hdr h2{font-size:clamp(2rem,4vw,3.1rem)}
.sol-hdr-r p{font-size:16px;color:var(--slate);margin-bottom:1.5rem;line-height:1.78}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.sol-card{
  background:var(--white);border:1.5px solid var(--border);
  border-radius:var(--r2);padding:1rem;
  position:relative;overflow:hidden;transition:all .28s;
}
.sol-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--teal-lt));
  transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.sol-card:hover{border-color:rgba(13,148,136,.3);transform:translateY(-4px);box-shadow:var(--sh2)}
.sol-card:hover::before{transform:scaleX(1)}
.sol-num{font-family:'Montserrat', sans-serif;font-size:10px;font-weight:600;color:var(--teal);letter-spacing:.06em;margin-bottom:.85rem}
.sol-icon{width:84px;height:84px;border-radius:var(--r);background:var(--teal-lttt);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:9px;
width:100%;height:250px;padding:10px;position:relative;
}
.sol-icon img{width:100%;height:100%;}
.sol-icon svg{width:21px;height:21px;stroke:var(--teal-dk);fill:none;stroke-width:1.8}
.sol-card h3{font-family:'Montserrat', sans-serif;font-size:17px;font-weight:700;color:var(--ink);margin-bottom:.6rem;line-height:normal;}
.sol-card p{font-size:13.5px;color:var(--slate);line-height:1.7;text-shadow:none;}
.sol-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem}
.sol-tag{font-family:'Montserrat', sans-serif;font-size:10px;font-weight:600;color:var(--teal-dk);background:var(--teal-lttt);border:1px solid rgba(13,148,136,.18);border-radius:4px;padding:2px 7px}
.sol-card:hover p{color:#072c47;text-shadow:0 2px 10px #111c14;}
/* ════════════════════════════════════════
   6. WHY CHOOSE COREVIOTECH
════════════════════════════════════════ */
#why{background:var(--white);border-top:1px solid var(--border)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start; 
display:block; text-align:center;}
.why-l h2{font-size:clamp(2rem,4vw,3rem);margin:.7rem 0 1.4rem}
.why-l > p{font-size:16.5px;color:var(--slate);line-height:1.78;margin-bottom:2.5rem}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wc{
  background:var(--offwhite);border:1.5px solid var(--border);
  border-radius:var(--r2);padding:1.5rem;transition:all .24s;
}
.why-grid .feat-grid{grid-template-columns: repeat(2, 1fr);}
.wc:hover{border-color:rgba(13,148,136,.3);background:var(--teal-lttt);transform:translateY(-3px);box-shadow:var(--sh)}
.wc-ico{width:40px;height:40px;border-radius:var(--r);background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;transition:.24s}
.wc:hover .wc-ico{background:var(--teal-ltt);border-color:rgba(13,148,136,.25)}
.wc-ico svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.8}
.wc h4{font-family:'Montserrat', sans-serif;font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:.4rem}
.wc p{font-size:13px;color:var(--slate);line-height:1.65}
/* Right: visual stats panel */
.why-r-box{
  background:var(--ink);border-radius:var(--r3);overflow:hidden;
  box-shadow:var(--sh3);border:1px solid rgba(255,255,255,.05);
}
.why-r-top{
  background:linear-gradient(135deg,var(--teal-dkk),var(--teal-dk),var(--teal));
  padding:1.5rem 1.75rem;
}
.why-r-top h3{font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;margin-bottom:.3rem}
.why-r-top p{font-size:12.5px;color:rgba(255,255,255,.7);font-family:'JetBrains Mono',monospace}
.why-r-body{padding:1.75rem}
.kpi-row{padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.kpi-row:last-child{border-bottom:none;padding-bottom:0}
.kpi-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.kpi-name{font-size:13px;font-weight:500;color:rgba(255,255,255,.6)}
.kpi-val{font-family:'Montserrat', sans-serif;font-size:13.5px;font-weight:600;color:var(--teal-lt)}
.kpi-bar{height:5px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}
.kpi-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--teal-lt));width:0;transition:width 1.4s cubic-bezier(.16,1,.3,1)}
.why-r-quote{
  margin-top:1.5rem;padding:1.25rem;
  background:rgba(13,148,136,.08);border-radius:var(--r2);
  border-left:3px solid var(--teal);
}
.why-r-quote p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;font-style:italic}
.why-r-quote cite{display:block;margin-top:.65rem;font-family:'Montserrat', sans-serif;font-size:10.5px;color:var(--teal-lt);font-style:normal;font-weight:600}

/* ════════════════════════════════════════
   7. CALL TO ACTION
════════════════════════════════════════ */
#cta{
  position:relative;overflow:hidden;
  background:var(--ink);
  padding:120px 0;
}
/* animated gradient mesh */
#cta::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 700px 500px at 20% 50%,rgba(13,148,136,.15) 0%,transparent 70%),
    radial-gradient(ellipse 500px 500px at 85% 30%,rgba(13,148,136,.08) 0%,transparent 70%);
  animation:meshMove 12s ease-in-out infinite alternate;
}
@keyframes meshMove{from{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
#cta::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(94,234,212,.05) 1px,transparent 1px);
  background-size:32px 32px;
}
.cta-inner{position:relative;z-index:1;text-align:center}
.cta-inner .eyebrow{color:var(--teal-lt)}
.cta-inner .eyebrow::before{background:var(--teal-lt)}
.cta-inner h2{
  font-size:clamp(2.2rem,5.5vw,4rem);color:#fff;
  margin:.7rem 0 1.25rem;max-width:720px;margin-left:auto;margin-right:auto;
}
.cta-inner p{font-size:17px;color:rgba(255,255,255,.8);max-width:500px;margin:0 auto 2.75rem;line-height:1.75}
.cta-acts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-cta-primary{
  background:#fff;color:var(--teal-dkk);font-size:15.5px;font-weight:800;
  padding:.9rem 2.2rem;border-radius:var(--r2);
  box-shadow:0 8px 32px rgba(255,255,255,.15);transition:all .22s;
}
.btn-cta-primary:hover{background:var(--teal-lttt);transform:translateY(-3px);box-shadow:0 16px 48px rgba(255,255,255,.18)}
.btn-cta-outline{
  background:rgba(255,255,255,.08);color:#fff;
  border:1.5px solid rgba(255,255,255,.25);
  padding:.88rem 2.2rem;border-radius:var(--r2);font-size:15px;font-weight:600;
  backdrop-filter:blur(8px);transition:all .22s;
}
.btn-cta-outline:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.14);transform:translateY(-2px)}
.cta-trust{
  display:flex;justify-content:center;align-items:center;
  gap:2rem;margin-top:2.5rem;flex-wrap:wrap;
}
.ct-item{
  display:flex;align-items:center;gap:.45rem;
  font-size:12.5px;color:rgba(255,255,255,.7);font-weight:500;
}
.ct-item svg{width:14px;height:14px;stroke:var(--teal-lt);fill:none;stroke-width:2.2}

/* ════════════════════════════════════════
   8. FOOTER
════════════════════════════════════════ */
#footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05)}
.footer-top{
  display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;
  gap:3rem;padding:64px 0 56px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
/* Brand col */
.fbrand h3{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:.65rem;display:flex;align-items:center;gap:.55rem}
.fbrand p{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.75;max-width:270px;margin-bottom:1.25rem}
.fsocial{display:flex;gap:.55rem}
.fsoc{
  width:34px;height:34px;border-radius:var(--r);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  transition:.16s;cursor:pointer;
}
.fsoc:hover{background:rgba(13,148,136,.15);border-color:rgba(13,148,136,.3)}
.fsoc svg{width:14px;height:14px;stroke:rgba(255,255,255,.7);fill:none;stroke-width:2;transition:.16s}
.fsoc:hover svg{stroke:var(--teal-lt)}
/* Col headings */
.fcol h4{
  font-family:'Montserrat', sans-serif;font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;
  color:rgba(255,255,255,.4);margin-bottom:1rem;
}
.flinks{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.flinks a{font-size:13.5px;color:rgba(255,255,255,.65);transition:.14s}
.flinks a:hover{color:var(--teal-lt)}
/* Contact */
.fcon-row{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;font-size:13px;color:rgba(255,255,255,.65)}
.fcon-row svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}
/* Bottom */
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.35rem 0;font-size:12.5px;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:.75rem;
}
.footer-bottom a{color:rgba(255,255,255,.4);transition:.14s}
.footer-bottom a:hover{color:var(--teal-lt)}
.flegal{display:flex;gap:1.5rem}
.status-pill{
  display:flex;align-items:center;gap:.4rem;font-family:'Montserrat', sans-serif;
  font-size:10px;font-weight:600;color:#ffffff;
}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse-d 2.4s infinite}


/* ─── DEMO MODAL ─── */
.dm-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}
.dm-overlay.open{display:flex}
.dm-bg{position:absolute;inset:0;background:rgba(4,8,15,.5);backdrop-filter:blur(12px)}
.dm-panel{
  position:relative;width:100%;max-width:680px;
  background:#ffffff;border:1px solid rgba(0,201,167,.2);border-radius:22px;
  box-shadow:0 0 80px rgba(0,201,167,.14),0 32px 80px rgba(0,0,0,.7);
  max-height:92vh;overflow-y:auto;
  transform:scale(.94) translateY(20px);opacity:0;
  transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.dm-overlay.open .dm-panel{transform:none;opacity:1}
.dm-head{background:linear-gradient(135deg,#007a66,#00a88b,#00c9a7);padding:0.95rem 2rem 0.95rem;position:relative;overflow:hidden}
.dm-head::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.dm-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.dm-head-title p{font-family:'Montserrat', sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(4,8,15,.6);margin-bottom:.35rem}
.dm-head-title h2{font-family:"Montserrat", sans-serif;font-weight:600;font-size:22px;color:#ffffff;letter-spacing:-.04em;margin:0}
.dm-close{width:36px;height:36px;border-radius:50%;background:rgba(4,8,15,.15);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#04080f;transition:.15s;flex-shrink:0}
.dm-close:hover{background:rgba(4,8,15,.3)}
.dm-trust{display:flex;gap:1.25rem;margin-top:1rem;flex-wrap:wrap}
.dm-trust-item{display:flex;align-items:center;gap:.35rem;font-size:11.5px;font-weight:600;color:rgba(4,8,15,.65)}
.dm-trust-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5}
.dm-body{padding:1.85rem 2rem 2rem;overflow: auto; max-height: calc(100vh - 160px);}
/* Form fields */
.df-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.df-row.single{grid-template-columns:1fr}
.df-group{position:relative}
.df-label{display:block;font-size:11px;font-weight:700;color:var(--ink2);margin-bottom:.45rem;font-family:'Montserrat', sans-serif;text-transform:uppercase;letter-spacing:.1em}
.df-req{color:var(--t)}
.df-inp{width:100%;background:#ffffff;border:1.5px solid rgba(42,47,59,.5);border-radius:8px;padding:.65rem .9rem;font-family:"Montserrat", sans-serif;font-size:14.5px;font-weight:500;color:var(--ink);outline:none;transition:border-color .16s,box-shadow .16s;-webkit-appearance:none}
.df-inp::placeholder{color:var(--ink4)}
.df-inp:focus{border-color:rgba(0,201,167,.5);box-shadow:0 0 0 3px rgba(0,201,167,.1)}
.df-inp.err{border-color:rgba(239,68,68,.6);box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.df-sel{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300c9a7' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px;padding-right:2.4rem}
.df-sel option{background:#ffffff;color:var(--ink)}
.df-errmsg{display:block;font-size:11px;color:#ef4444;margin-top:.3rem;min-height:14px;font-weight:500}
.df-section-label{font-size:11px;font-weight:700;color:var(--ink2);margin-bottom:.65rem;font-family:'Montserrat', sans-serif;text-transform:uppercase;letter-spacing:.1em;display:block}
.df-checks{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:1rem}
.df-chk{display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:13px;color:var(--ink2);font-weight:500;padding:.38rem .6rem;border-radius:6px;transition:background .14s}
.df-chk:hover{background:rgba(0,201,167,.06)}
.df-chk input[type=checkbox]{width:15px;height:15px;cursor:pointer;flex-shrink:0;accent-color:var(--t)}
.df-submit{width:100%;padding:1rem;background:linear-gradient(135deg,var(--t2),var(--t));border:none;border-radius:10px;cursor:pointer;font-family:"Montserrat", sans-serif;font-size:16px;font-weight:600;color:#ffffff;letter-spacing:-.02em;box-shadow:0 4px 24px rgba(0,201,167,.4);transition:all .22s;display:flex;align-items:center;justify-content:center;gap:.6rem}
.df-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px rgba(0,201,167,.55)}
.df-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}
/* Success */
.dm-success{display:none;text-align:center;padding:2.5rem 1rem 2rem}
.dm-success.show{display:block}
.dm-success-ico{width:72px;height:72px;border-radius:50%;background:rgba(0,201,167,.12);border:2px solid rgba(0,201,167,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.dm-success h3{font-family:"Montserrat", sans-serif;font-weight:900;font-size:24px;color:var(--ink);margin-bottom:.65rem}
.dm-success p{font-size:15px;color:var(--ink2);line-height:1.7;max-width:380px;margin:0 auto 2rem}
.dm-success-acts{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}

.df-inp::placeholder {
  color: #888;font-weight:400;
  opacity: 1; /* Fix for Firefox */
}

.df-inp::-webkit-input-placeholder { /* Chrome, Safari */
  color: #888;font-weight:400;
}

.df-inp:-ms-input-placeholder { /* Internet Explorer */
  color: #888;font-weight:400;
}

.df-inp::-ms-input-placeholder { /* Edge */
  color: #888;font-weight:400;
}
/* ════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════ */
@media(max-width:1024px){
  .hero-wrap{grid-template-columns:1fr;gap:2.5rem}
  .hero-vis{max-width:600px;margin:0 auto;width:100%}
  .sol-hdr{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr;gap:3rem}
  .footer-top{grid-template-columns:1fr 1fr}
  .sc-card.a,.sc-card.b,.sc-card.c,.sc-card.d{grid-column:span 6}
}
@media(max-width:768px){
  .section{padding:72px 0}
  #nav .nav-links,.nav-cta .btn-ghost{display:none}
  .ham{display:flex}
  .feat-grid{grid-template-columns:1fr 1fr}
  .sol-grid{grid-template-columns:1fr 1fr}
  .why-cards{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .sc-card.a,.sc-card.b,.sc-card.c,.sc-card.d{grid-column:span 12}
  .hero-trust{gap:1rem}
}
@media(max-width:540px){
.why-grid .feat-grid {grid-template-columns: repeat(1, 1fr);}
  .feat-grid{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .fchip-1,.fchip-2{display:none}
}