@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800;900&display=swap');

/* =========================================================
   Zeetoc Digtek Template Skin (locked layout + premium polish)
   Goal: 90-100% visual match to Digtek-like template.
   Scope: only affects elements inside .zds-wrap
   ========================================================= */

:root{
  --zdt-purple:#5B43F3;
  --zdt-purple2:#7B49FF;
  --zdt-ink:#0B1020;
  --zdt-muted:#667085;
  --zdt-card:#ffffff;
  --zdt-bg:#F6F4FF;
  --zdt-lime:#CFFF2A;
  --zdt-radius:28px;
  --zdt-radius2:22px;
  --zdt-border:rgba(15,23,42,.10);
  --zdt-shadow:0 22px 70px rgba(2,6,23,.14);
  --zdt-shadow2:0 14px 45px rgba(2,6,23,.10);
}

.zds-wrap, .zds-wrap *{box-sizing:border-box;}
.zds-wrap{
  font-family:'Urbanist',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif !important;
  color:var(--zdt-ink);
}

.zds-container{max-width:1200px; margin:0 auto; padding:0 18px;}
.zds-section{padding:110px 0 !important;}
@media(max-width: 767px){ .zds-section{padding:80px 0 !important;} }

.zds-soft-bg{
  background:
    radial-gradient(900px 450px at 18% 12%, rgba(91,67,243,.14), transparent 58%),
    radial-gradient(820px 420px at 88% 28%, rgba(123,73,255,.12), transparent 62%),
    linear-gradient(180deg, #FBFAFF 0%, #FFFFFF 72%);
}

.zds-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:999px;
  font-weight:900; font-size:12px; letter-spacing:.35px;
  background:rgba(91,67,243,.10);
  color:var(--zdt-purple);
  border:1px solid rgba(91,67,243,.14);
}

.zds-title{
  margin:14px 0 10px;
  font-size:clamp(34px,4.6vw,56px);
  line-height:1.03;
  font-weight:1000;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.zds-subtitle{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:16px;
  line-height:1.75;
  max-width:56ch;
  font-weight:650;
}
.zds-section .zds-subtitle{color:var(--zdt-muted);}

.zds-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:12px 18px;
  border-radius:999px !important;
  font-weight:950;
  text-decoration:none;
  border:1px solid transparent;
  transition:.22s ease;
  letter-spacing:.15px;
}
.zds-btn-primary{
  background:linear-gradient(135deg,var(--zdt-purple),var(--zdt-purple2)) !important;
  color:#fff !important;
  box-shadow:0 16px 36px rgba(91,67,243,.28);
}
.zds-btn-primary:hover{transform:translateY(-1px); filter:brightness(1.03);}
.zds-btn-ghost{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.26) !important;
}
.zds-section .zds-btn-ghost{
  color:var(--zdt-purple) !important;
  border-color:rgba(91,67,243,.22) !important;
}
.zds-btn-ghost:hover{background:rgba(255,255,255,.10) !important;}
.zds-section .zds-btn-ghost:hover{background:rgba(91,67,243,.08) !important;}

.zds-grid{display:grid; gap:22px;}
.zds-card{
  background:var(--zdt-card) !important;
  border:1px solid var(--zdt-border) !important;
  border-radius:var(--zdt-radius) !important;
  box-shadow:var(--zdt-shadow2) !important;
  transition:.25s ease;
}
.zds-card.pad{padding:26px !important;}
.zds-card:hover{transform:translateY(-2px); box-shadow:var(--zdt-shadow) !important;}
.zds-card h3{margin:12px 0 6px; font-size:18px; font-weight:1000; letter-spacing:-.01em;}
.zds-card p{margin:0; color:var(--zdt-muted); line-height:1.75; font-size:14px; font-weight:650;}

/* HEADER */
.zds-header{width:100%; z-index:99999;}
.zds-header.is-sticky{position:sticky; top:0;}
.zds-header-inner{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px;}
.zds-header.mode-light{background:rgba(255,255,255,.72) !important; border-bottom:1px solid rgba(15,23,42,.08); backdrop-filter: blur(16px);}
.zds-header.mode-hero{background:rgba(255,255,255,.10) !important; border-bottom:1px solid rgba(255,255,255,.18); backdrop-filter: blur(16px);}
.zds-brand-link{font-weight:1000; font-size:20px; text-decoration:none; color:var(--zdt-ink) !important; letter-spacing:-.02em;}
.zds-header.mode-hero .zds-brand-link{color:#fff !important;}
.zds-nav{display:flex; gap:18px; align-items:center;}
.zds-navlink{font-weight:900; font-size:13px; text-decoration:none; padding:8px 12px; border-radius:999px; transition:.2s ease; color:rgba(15,23,42,.74);}
.zds-header.mode-hero .zds-navlink{color:rgba(255,255,255,.88) !important;}
.zds-navlink:hover{background:rgba(91,67,243,.10); color:var(--zdt-ink);}
.zds-header.mode-hero .zds-navlink:hover{background:rgba(255,255,255,.14); color:#fff;}
.zds-burger{display:none; width:42px; height:42px; border-radius:999px; border:1px solid rgba(15,23,42,.12); background:#fff; font-weight:1000; cursor:pointer;}
.zds-header.mode-hero .zds-burger{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.20); color:#fff;}
.zds-mobile{border-top:1px solid rgba(255,255,255,.14); background:rgba(10,14,30,.55); backdrop-filter: blur(16px);}
.zds-moblink{display:block; padding:12px 0; text-decoration:none; font-weight:950; color:#fff; border-bottom:1px solid rgba(255,255,255,.10);}
@media(max-width: 980px){ .zds-nav{display:none;} .zds-burger{display:inline-grid; place-items:center;} }

/* HERO */
.zds-hero{position:relative; padding:0 !important; background:
  radial-gradient(900px 420px at 18% 18%, rgba(255,255,255,.18), transparent 58%),
  radial-gradient(760px 420px at 88% 26%, rgba(255,255,255,.14), transparent 60%),
  linear-gradient(135deg,var(--zdt-purple) 0%, #5a4dff 45%, var(--zdt-purple2) 100%) !important;
  overflow:hidden;
}
.zds-hero:before{content:""; position:absolute; inset:-160px -170px auto auto; width:560px; height:560px; border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 60%); opacity:.9;
}
.zds-hero:after{content:""; position:absolute; left:-180px; bottom:-230px; width:640px; height:640px; border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), transparent 62%); opacity:.75;
}
.zds-hero .zds-container{padding-top:92px !important; padding-bottom:54px !important; position:relative; z-index:2;}
.zds-hero-inner{display:grid; grid-template-columns: 1.15fr .85fr; gap:36px; align-items:center;}
@media(max-width: 900px){ .zds-hero-inner{grid-template-columns:1fr; gap:22px;} }
.zds-hero .zds-title,.zds-hero .zds-subtitle{color:#fff !important;}
.zds-hero .zds-subtitle{max-width:54ch;}
.zds-hero-media{border-radius:34px !important; padding:18px; background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 90px rgba(2,6,23,.25); position:relative;
  animation:zdtFloat 4.6s ease-in-out infinite;
}
.zds-hero-media img{border-radius:28px !important; width:100%; height:auto; display:block;}
@keyframes zdtFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion: reduce){ .zds-hero-media{animation:none;} }

.zds-play{width:56px; height:56px; border-radius:999px; background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24); color:#fff;
}

/* TICKER */
.zds-ticker{height:44px; background:var(--zdt-lime) !important; color:#111 !important;
  border-top:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08);
}
.zds-ticker .zds-item{font-weight:1000; letter-spacing:.45px; text-transform:uppercase;}
.zds-ticker .zds-item:before{content:"✦";}

/* FEATURES */
.zds-features-grid{grid-template-columns:repeat(4,1fr) !important;}
@media(max-width: 980px){ .zds-features-grid{grid-template-columns:repeat(2,1fr) !important;} }
@media(max-width: 640px){ .zds-features-grid{grid-template-columns:1fr !important;} }

/* LOGOS */
.zds-logos{gap:28px; opacity:.95;}
.zds-logos img{height:22px; opacity:.75;}

/* STATS */
.zds-gradient-sec{background:
  radial-gradient(900px 420px at 18% 18%, rgba(255,255,255,.16), transparent 58%),
  linear-gradient(135deg,var(--zdt-purple) 0%, #5a4dff 40%, var(--zdt-purple2) 100%) !important;
}
.zds-gradient-sec .zds-title,.zds-gradient-sec .zds-subtitle{color:#fff !important;}
.zds-stat{border-radius:20px;}

/* PRICING */
.zds-pricing-grid{grid-template-columns:repeat(3,1fr) !important;}
@media(max-width: 980px){ .zds-pricing-grid{grid-template-columns:1fr !important;} }

/* FOOTER */
.zds-footer{background:linear-gradient(180deg,#0b1226 0%, #070b18 100%);}