/* eDriveSmart premium dark cyber theme: stronger contrast + 3D cards/buttons */
:root{
  --bg:#07131a;
  --bg2:#0a2530;
  --bg3:#0f3543;
  --panel:#ddd3c0;
  --panel2:#cfc4b0;
  --cream:#ddd3c0;
  --cream-deep:#c9bda8;
  --text:#eef3f2;
  --muted:#bed0cf;
  --line:rgba(255,244,227,.13);
  --ink:#0d2430;
  --ink-soft:#496470;
  --orange:#d6901f;
  --orange-deep:#b97309;
  --orange-soft:#f0bf58;
  --teal:#0e5565;
  --teal-dark:#0b3340;
  --teal-bright:#1b7285;
  --shadow:0 28px 68px rgba(0,0,0,.35);
  --card-shadow:0 24px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.40), inset 0 -1px 0 rgba(90,73,42,.12);
  --btn-shadow:0 14px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -2px 0 rgba(0,0,0,.12);
}
body{
  background:
    radial-gradient(circle at 10% 14%, rgba(214,144,31,.10), transparent 16%),
    radial-gradient(circle at 85% 12%, rgba(14,85,101,.30), transparent 24%),
    radial-gradient(circle at 30% 80%, rgba(27,114,133,.12), transparent 18%),
    linear-gradient(180deg, #061117 0%, #0a2029 32%, #0d2f3a 68%, #0c2631 100%);
  color:var(--text);
}
.noise{
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,214,107,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82,179,199,.08) 1px, transparent 1px),
    radial-gradient(rgba(255,248,234,.18) .7px, transparent .7px);
  background-size:26px 26px, 26px 26px, 18px 18px;
  background-position:0 0, 0 0, 9px 9px;
}
.header{
  background:linear-gradient(180deg, rgba(4,12,16,.92), rgba(7,22,29,.84));
  border-color:rgba(255,244,227,.09);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.brand-name,.header a,.nav a,.menu-toggle{color:#f1f4ee}
.nav a{font-weight:820;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.nav a:hover,.footer a:hover{color:#ffe4a4}
.header-cta{
  background:linear-gradient(180deg, var(--orange-soft), var(--orange) 58%, var(--orange-deep));
  color:#102632;
  border:1px solid rgba(255,226,151,.34);
  box-shadow:var(--btn-shadow);
  text-shadow:0 1px 0 rgba(255,255,255,.25);
}
.header-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(180deg, #19758a, var(--teal-bright) 42%, var(--teal) 100%);
  color:#f7f1e3;
  border:1px solid rgba(173,232,244,.20);
  box-shadow:var(--btn-shadow);
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.btn.soft,.btn.ghost,.social-links a{
  background:linear-gradient(180deg, rgba(229,221,208,.98), rgba(204,193,176,.98));
  color:var(--ink);
  border:1px solid rgba(13,36,48,.12);
  box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.40);
}
.btn.soft:hover,.btn.ghost:hover,.social-links a:hover{background:linear-gradient(180deg, rgba(238,229,212,.98), rgba(213,201,183,.98));}
.eyebrow,.label,.platform,.price-line,.quick-stats strong,.features-grid span,.steps span,.demo-kicker{color:var(--orange-soft)}
.hero-badges span{
  background:rgba(255,245,228,.08);
  border-color:rgba(255,245,228,.13);
  color:#e7f0ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hero h1,.section h2,.final-cta h2{color:#f5eedf;text-shadow:0 2px 18px rgba(0,0,0,.14)}
.lead,.section-header p,.footer p,.footer a,.footer span,p{color:var(--muted)}
.product-showcase{display:block;max-width:540px;margin-inline:auto}
.real-app-shot,.shot-caption{display:none!important}
.demo-video-card,
.quick-stats article,.panel,.steps article,.settings-grid article,.features-grid article,.video-box,.price-card,.faq details,.final-cta,.large-shift-card,.trial-form input,.social-links a,.btn.ghost{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(224,214,198,.985), rgba(207,196,177,.985));
  border:1px solid rgba(13,36,48,.12);
  color:var(--ink);
  box-shadow:var(--card-shadow);
  backdrop-filter:none;
}
.demo-video-card::before,
.quick-stats article::before,.panel::before,.steps article::before,.settings-grid article::before,.features-grid article::before,.video-box::before,.price-card::before,.faq details::before,.final-cta::before,.large-shift-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:42%;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events:none;
}
.demo-video-head strong,.live-video-box strong,.panel h3,.steps h3,.settings-grid h3,.features-grid h3,.price-card h3,.faq summary,.quick-stats strong,.shift-main,.shift-list b,.price-card strong,.trial-form label,.final-cta h2,.final-cta .label{color:var(--ink)}
.demo-video-card p,.live-video-box span,.panel p,.steps p,.settings-grid p,.features-grid p,.price-card p,.faq p,.quick-stats span,.shift-title,.shift-list,.trial-form input,.trial-form input::placeholder,.final-cta p{color:var(--ink-soft)}
.panel ul,.price-card ul{color:var(--ink-soft)}
.demo-video-card{padding:20px;border-radius:30px}
.demo-video-card video,.live-video-box video{width:100%;display:block;border-radius:18px;border:1px solid rgba(10,37,48,.10);background:#031018;box-shadow:0 14px 28px rgba(8,25,34,.22)}
.social-links a{display:inline-flex}
.shift-section{background:transparent}
.shift-section .label{color:var(--orange-soft)}
.shift-section h2{color:#f7f0df}
.shift-section p{color:#d5e0df}
.shift-rules div{
  background:linear-gradient(180deg, rgba(223,214,199,.96), rgba(206,196,179,.96));
  border:1px solid rgba(13,36,48,.11);
  box-shadow:var(--card-shadow)
}
.shift-rules strong{color:var(--orange-deep)}
.shift-rules span{color:var(--ink-soft)}
.large-shift-card{background:linear-gradient(180deg, rgba(228,219,204,.985), rgba(208,198,181,.985));color:var(--ink)}
.shift-title{color:var(--ink-soft)}
.shift-buttons button{box-shadow:var(--btn-shadow);border:1px solid rgba(13,36,48,.08)}
.shift-buttons button:first-child{background:linear-gradient(180deg,#e8edf0,#cfdae0);color:var(--teal-dark)}
.shift-buttons button:last-child{background:linear-gradient(180deg,#efdfac,#dcb566);color:#6f5212}
.video-box{padding:22px;background:linear-gradient(180deg, rgba(223,214,198,.98), rgba(204,194,178,.98))}
.live-video-box strong{margin-top:14px}
.price-card.featured{
  border-color:rgba(214,144,31,.55);
  box-shadow:0 0 0 1px rgba(214,144,31,.18), var(--card-shadow);
}
.final-cta{background:linear-gradient(180deg, rgba(227,218,202,.985), rgba(207,196,178,.985))}
.install{background:transparent}
.footer{background:linear-gradient(180deg,#051117 0%, #030c11 100%)}
.play{
  background:linear-gradient(180deg, var(--orange-soft), var(--orange) 58%, var(--orange-deep));
  color:#102632;
  box-shadow:var(--btn-shadow);
}
/* darker cream cards need stronger text everywhere */
.quick-stats article *, .panel *, .steps article *, .settings-grid article *, .features-grid article *, .video-box *, .price-card *, .faq details *, .final-cta *, .large-shift-card *{position:relative;z-index:1}
.price-card span,.demo-kicker,.label{font-weight:950}
.trial-form input{
  background:linear-gradient(180deg, rgba(242,236,225,.95), rgba(221,211,194,.98));
  border-color:rgba(13,36,48,.14);
  color:var(--ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
/* special contrast for trial CTA */
#trial .btn.primary,.trial-section .btn.primary,.pricing .btn.primary{
  background:linear-gradient(180deg, var(--orange-soft), var(--orange) 54%, var(--orange-deep));
  color:#122833;
  border-color:rgba(255,222,145,.34);
  text-shadow:0 1px 0 rgba(255,255,255,.24);
}
#trial .btn.primary:hover,.trial-section .btn.primary:hover,.pricing .btn.primary:hover{filter:brightness(1.04)}
/* keep whatsapp CTA readable */
.hero-actions .btn.primary,.final-cta .btn.primary{background:linear-gradient(180deg,#17758b,#126172 44%,#0c4857 100%);color:#f7f1e3}
.phone-frame,.smiley{display:none!important}
@media(max-width:980px){.product-showcase{max-width:100%}}