:root {
  --purple: #1A063D;
  --purple-mid: #2A1060;
  --purple-dark: #1A063D;
  --orange: #FF6B00;
  --orange-btn: #FF6B00;
  --white: #ffffff;
  --light-bg: #FAFAFC;
  --text-dark: #1A063D;
  --text-muted: #6B7280;
  --card-border: #E5E7EB;
  --icon-purple: #2A1060;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Outfit',sans-serif; color:var(--text-dark); overflow-x:hidden; }

/* ── NAV ── */
.navbar { background:var(--purple-dark); padding: 0px 0; border-bottom: 1px solid #311a50; }
.navbar-brand { display:flex; align-items:center;  }
.brand-logo { width:40px; height:40px; background:var(--orange); border-radius:8px; display:flex; align-items:center; justify-content:center; font-weight:900; color:var(--purple-dark); font-size:16px; }
.brand-text { color:var(--white); font-weight:700; font-size:20px; }
.navbar .nav-link { color:rgba(255,255,255,0.85); font-size:14px; font-weight:500; padding:6px 14px; }
.navbar .nav-link:hover { color:var(--orange); }
.btn-trial { background:var(--orange); color:var(--purple-dark); font-weight:700; font-size:14px; border:none; border-radius:8px; padding:10px 22px; white-space:nowrap; }
.btn-trial:hover { background:#e05e00; color:var(--white); }
.lang-btn {color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    background: rgb(80 62 62 / 29%);
    border: 0px;
    border-radius: 18px;
    padding: 6px 14px;
    line-height: 20px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif; }
.btn-login { color:rgba(255,255,255,0.85); font-size:14px; font-weight:600; text-decoration:none; padding:8px 16px; border-radius:8px; border:1px solid rgba(255,255,255,0.25); transition:all .2s; }
.btn-login:hover { color:#fff; border-color:rgba(255,255,255,0.6); }

/* ── HERO ── */
.hero { background:linear-gradient(135deg, var(--purple-dark) 0%, var(--purple-mid) 60%, #3B1480 100%); padding:80px 0 60px; min-height:88vh; display:flex; align-items:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; top:-120px; right:-120px; width:500px; height:500px; background:radial-gradient(circle, rgba(255,107,0,0.12) 0%, transparent 70%); border-radius:50%; }
.hero::after { content:''; position:absolute; bottom:-80px; left:-80px; width:350px; height:350px; background:radial-gradient(circle, rgba(100,60,200,0.3) 0%, transparent 70%); border-radius:50%; }
.hero-badge { background:var(--orange); color:var(--purple-dark); font-size:12px; font-weight:700; padding:6px 14px; border-radius:20px; display:inline-block; margin-bottom:20px; letter-spacing:0.3px; }
.hero h1 { font-size:clamp(32px,5vw,40px); font-weight:900; color:var(--white); line-height:1.15; margin-bottom:18px; }
.hero h1 span { color:var(--orange); }
.hero p { color:rgba(255,255,255,0.75); font-size:16px; line-height:1.7; max-width:480px; margin-bottom:32px; }
.btn-hero-primary { background:var(--orange); color:var(--purple-dark); font-weight:700; border:none; border-radius:10px; padding:14px 28px; font-size:15px; display:inline-flex; align-items:center; gap:8px; }
.btn-hero-primary:hover { background:#e05e00; color:var(--white); }
.btn-hero-outline { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,0.4); border-radius:10px; padding:13px 24px; font-size:15px; font-weight:600; display:inline-flex; align-items:center; gap:8px; }
.btn-hero-outline:hover { border-color:var(--white); color:var(--white); }
.trust-badges { display:flex; gap:20px; flex-wrap:wrap; margin-top:28px; }
.trust-item { display:flex; align-items:center; gap:6px; color:rgba(255,255,255,0.7); font-size:13px; }
.trust-item i { color:var(--orange); }
.hero-mockup { position:relative; z-index:2; }
.mockup-tablet { background:#fff; border-radius:16px; padding:16px; box-shadow:0 30px 80px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); max-width:420px; }
.mockup-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #f0f0f0; margin-bottom:12px; }
.mockup-title { font-size:13px; font-weight:700; color:#1A063D; }
.mockup-dots span { width:8px; height:8px; border-radius:50%; background:#e0e0e0; display:inline-block; margin-left:4px; }
.mock-kpi { background:#f8f9ff; border-radius:10px; padding:10px 12px; text-align:center; }
.mock-kpi-val { font-size:16px; font-weight:800; color:var(--purple-dark); }
.mock-kpi-lbl { font-size:10px; color:var(--text-muted); }
.mock-kpi-chg { font-size:10px; color:#22c55e; font-weight:600; }
.mock-chart-bar { height:6px; border-radius:3px; margin-bottom:4px; }
.phone-float { position:absolute; left:-60px; bottom:-20px; width:120px; background:#fff; border-radius:16px; padding:12px; box-shadow:0 20px 50px rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.15); }
.phone-float .pf-val { font-size:13px; font-weight:800; color:var(--purple); }
.phone-float .pf-lbl { font-size:9px; color:var(--text-muted); }

/* ── SECTIONS GLOBAL ── */
section { padding:72px 0; }
.section-eyebrow { font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-muted); margin-bottom:10px; }
.section-title { font-size:clamp(24px,3.5vw,30px); font-weight:800; color:var(--text-dark); }
.section-title span { color:var(--orange); }
.section-sub { color:var(--text-muted); font-size:15px; max-width:560px; margin:0 auto; line-height:1.7; }

/* ── STATS ── */
.stats-section { background:var(--white); padding:56px 0; }
.stat-card {display: flex;gap: 20px; background:#fff; border:1px solid var(--card-border); border-radius:16px; padding:15px 28px 18px; transition:box-shadow .2s;box-shadow: 0px 8px 6px 0px rgb(81 36 137 / 54%); }

.stat-icon { width:70px; height:70px; border-radius:60px; background:linear-gradient(135deg,var(--purple-mid),#5B2DA0); display:flex; align-items:center; justify-content:center;  }
.stat-icon i { color:#fff; font-size:28px; }
.stat-num { font-size:28px; font-weight:900; color:var(--text-dark); margin-top: 30px;}
.stat-num span { color:var(--orange); }
.stat-lbl { font-size:20px; color:var(--text-muted); }

/* ── INDUSTRIES ── */
.industries-section { background:var(--light-bg); }
.industry-card { background:#fff; border:1px solid var(--card-border); border-radius:14px; padding:22px 16px; text-align:center; cursor:pointer; transition:all .2s; }
.industry-card:hover, .industry-card.active { border-color:var(--purple-mid); box-shadow:0 6px 20px rgba(26,6,61,0.1); }
.industry-icon { width:48px; height:48px; border-radius:12px; background:#f0e8ff; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }
.industry-icon i { color:var(--purple-mid); font-size:20px; }
.industry-card p { font-size:13px; font-weight:600; color:var(--text-dark); margin:0; }

/* ── FEATURES ── */
.features-section { background:#fff; }
.feature-item { display:flex; gap:18px; align-items:flex-start; padding:24px; border:1px solid var(--card-border); border-radius:14px; background:#fff; transition:all .2s; }
.feature-item:hover { border-color:var(--purple-mid); box-shadow:0 6px 20px rgba(26,6,61,0.08); }
.feature-icon { width:50px; height:50px; border-radius:13px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.feature-icon.purple { background:linear-gradient(135deg,var(--purple-mid),#5B2DA0); }
.feature-icon.orange { background:linear-gradient(135deg,var(--orange),#cc4e00); }
.feature-icon i { color:#fff; font-size:20px; }
.feature-item h5 { font-size:15px; font-weight:700; margin-bottom:6px; color:var(--text-dark); }
.feature-item p { font-size:15px; color:var(--text-muted); margin:0; line-height:1.6; }

/* ── WHY US ── */
.why-section { background:var(--purple-dark); padding:72px 0; }
.why-section .section-title { color:#fff; }
.why-card { text-align:center; padding:20px 10px; }
.why-icon { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.why-icon.bg-o { background: #000;
    border: 2px solid #5c5c5c; }
.why-icon.bg-p { background: #000;
    border: 2px solid #5c5c5c; }
.why-icon i { font-size:22px; }
.why-icon.bg-o i { color:var(--orange); }
.why-icon.bg-p i { color:#C09AF0; }
.why-card p { font-size:15px; font-weight:600; color:rgba(255,255,255,0.85); margin:0; }

/* ── TESTIMONIALS ── */
.testi-section { background:var(--light-bg); padding:72px 0; }
.testi-card { background:#fff; border:1px solid var(--card-border); border-radius:16px; padding:28px; margin:10px 12px; position:relative; }
.testi-card .quote-icon { width:38px; height:38px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.testi-card .quote-icon i { color:#fff; font-size:16px; }
.testi-card p { font-size:14px; color:var(--text-muted); line-height:1.7; margin-bottom:20px; }
.testi-stars { color:var(--orange); font-size:14px; margin-bottom:14px; }
.testi-author { display:flex; align-items:center; gap:12px; }
.testi-avatar { width:44px; height:44px; border-radius:50%; background:#e0e0e0; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.testi-name { font-weight:700; font-size:14px; color:var(--text-dark); }
.testi-role { font-size:12px; color:var(--text-muted); }
/* Slick custom arrows */
.slick-arrow-btn { width:42px; height:42px; border-radius:50%; border:2px solid var(--orange); background:#fff; color:var(--orange); display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer; transition:all .2s; }
.slick-arrow-btn:hover { background:var(--orange); color:#fff; }
.testi-nav { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:32px; }
/* Slick dots override */
.testi-slider-wrap .slick-dots { position:static; margin-top:0; }
.testi-slider-wrap .slick-dots li button:before { font-size:10px; color:var(--orange); opacity:.35; }
.testi-slider-wrap .slick-dots li.slick-active button:before { opacity:1; color:var(--orange); }

/* ── CTA ── */
.cta-section {background: linear-gradient(128deg, #1A063D, #3d1179, #FF6B00);
    padding: 27px 40px;
    border-radius: 10px;
    margin: 50px 0px; }
.cta-section h2 { font-size:clamp(26px,4vw,35px); font-weight:900; color:#fff; margin-bottom:14px; }
.cta-section h2 span { color:var(--orange); }
.cta-section p { color:rgba(255,255,255,0.75); font-size:15px; max-width:420px; line-height:1.7; }
.btn-cta-outline { background:transparent; border:2px solid rgba(255,255,255,0.4); color:#fff; font-weight:600; border-radius:10px; padding:13px 26px; font-size:15px; display:inline-flex; align-items:center; gap:8px; }
.btn-cta-outline:hover { border-color:#fff; color:#fff; }

/* ── FOOTER ── */
footer { background:#0E0322; padding:56px 0 28px; }
footer .brand-text { color:#fff; }
footer p.footer-desc { font-size:13px; color:rgba(255,255,255,0.5); line-height:1.7; margin-top:12px; max-width:220px; }
.footer-social a { color:rgba(255,255,255,0.5); font-size:16px; margin-right:14px; }
.footer-social a:hover { color:var(--orange); }
footer h6 { color:#fff; font-size:13px; font-weight:700; margin-bottom:16px; letter-spacing:0.3px; }
footer ul { list-style:none; padding:0; }
footer ul li { margin-bottom:10px; }
footer ul li a { color:rgba(255,255,255,0.5); font-size:13px; text-decoration:none; }
footer ul li a:hover { color:var(--orange); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:22px; margin-top:40px; }
.footer-bottom p { font-size:12px; color:rgba(255,255,255,0.35); margin:0; }

/* ── DOTS NAV ── */
.dots-nav { display:flex; justify-content:center; gap:8px; margin-top:24px; }
.dot { width:8px; height:8px; border-radius:50%; background:#ccc; cursor:pointer; }
.dot.active { background:var(--orange); width:24px; border-radius:4px; }




/* ── RESPONSIVE ── */
@media(max-width:991px) {
  .hero { min-height:auto; padding:60px 0 40px; }
  .hero-mockup { margin-top:40px; }
  .phone-float { display:none; }
  .mockup-tablet { max-width:100%; }
}
@media(max-width:575px) {
  .trust-badges { gap:12px; }
  .btn-hero-primary, .btn-hero-outline { width:100%; justify-content:center; }
  .stat-card { margin-bottom:16px; }
  .btn-trial{padding: 6px 12px;}
  .btn-login{padding: 5px 10px;}
  .lang-btn{padding: 5px 10px;}
}