/* Elementor widget scoped */
.spk-el, .spk-el * { box-sizing: border-box; }
.spk-el img { display:block; max-width:100%; height:auto; }
.spk-el a { text-decoration: none; }

:root{ --ink:#0A0B14; --ink2:#12172C; --ink3:#1D2350; --fg:#fff; --muted:#cdd3e3; --primary:#6C63FF; --teal:#00C7E6; --accent:#22E3A1; --border:rgba(255,255,255,.1); }

.spk-container{ max-width:1220px; margin:0 auto; padding:0 24px; }
.spk-el{ font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.55; color:#0f1422; }

/* HERO */
.spk-hero{ position:relative; overflow:hidden; color:var(--fg);
  background:
    radial-gradient(90% 80% at 70% -10%, rgba(0,199,230,.25), transparent 60%),
    radial-gradient(70% 60% at 0% 10%, rgba(108,99,255,.28), transparent 60%),
    linear-gradient(135deg, var(--ink) 0%, var(--ink2) 48%, var(--ink3) 100%);
  padding:28px 0 96px;
}
.spk-topbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:38px; }
.spk-logo{ display:flex; align-items:center; gap:10px; color:#fff; font-weight:900; letter-spacing:.1px; }
.spk-logo .dot{ width:14px; height:14px; border-radius:50%; background: radial-gradient(circle at 30% 30%, var(--teal) 0%, #7df 60%, #fff0 61%), var(--primary); }
.spk-actions{ display:flex; align-items:center; gap:12px; }
.spk-link{ color:#d8def1; }
.spk-btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:12px; border:1px solid rgba(255,255,255,.18); color:#fff; font-weight:800; transition:.25s; }
.spk-btn.ghost{ background:rgba(255,255,255,.08); }
.spk-btn.primary{ background: linear-gradient(180deg, var(--teal), #00b1cc); color:#00252b; box-shadow:0 12px 24px rgba(0,199,230,.35); border-color:transparent; }
.spk-btn:hover{ transform: translateY(-1px) scale(1.02); }
.spk-btn.lg{ padding:14px 22px; border-radius:14px; }

.spk-hero-grid{ display:grid; grid-template-columns: 1.06fr .94fr; gap:42px; align-items:center; }
.eyebrow{ color:#cfe6ff; text-transform:uppercase; font-size:.84rem; letter-spacing:.18em; margin-bottom:10px; }
.spk-hero h1{ font-size:clamp(32px,4.8vw,54px); font-weight:900; margin:0 0 10px; letter-spacing:-.02em; }
.spk-hero .sub{ color:#d9dbe2; }
.spk-cta{ display:flex; align-items:center; gap:16px; margin-top:10px; flex-wrap:wrap; }
.spk-trust{ color:#d0d6e6; font-size:.98rem; }
.spk-badges{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:18px; }
.spk-badges .badge{ background:#fff; border-radius:12px; border:1px solid #e8ecf7; box-shadow:0 10px 26px rgba(0,0,0,.12); padding:8px; height:64px; display:flex; align-items:center; }
.spk-badges img{ height:100%; width:auto; }

/* Device */
.spk-hero-media{ position:relative; }
.device{ border-radius:16px; overflow:hidden; background:linear-gradient(180deg,#0c0f1d,#070912); box-shadow:0 22px 60px rgba(0,0,0,.5); }
.device-top{ display:flex; align-items:center; gap:8px; padding:10px 14px; background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border-bottom:1px solid rgba(255,255,255,.08); color:#cfe3ff; font-size:.92rem; }
.device-top i{ width:10px; height:10px; border-radius:50%; background:#ef6c5b; box-shadow:12px 0 0 #f3be4e, 24px 0 0 #61c555; margin-right:28px; }
.device-top .title{ opacity:.9; }
.device-body{ display:grid; grid-template-columns: 1.1fr .9fr; gap:16px; padding:16px; color:#e9eefb; }
.panel{ background:linear-gradient(180deg,#0e1324,#0b0f1f); border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:14px; }
.tile{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:10px; padding:10px 12px; margin-bottom:10px; }
.metric .k{ font-size:.72rem; color:#9aa3b2; }
.metric .v{ font-weight:900; margin-top:4px; }
.v.good{ color:#22E3A1; } .v.ok{ color:#9fb3ff; } .v.warn{ color:#ffd166; }
.list .k{ font-size:.78rem; color:#8f98ad; margin-bottom:4px; }
.avatar-row{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.avatar-row img{ width:40px; height:40px; border-radius:10px; object-fit:cover; }
.avatar-row .label{ font-size:.72rem; color:#9fb3ff; }
.avatar-row .name{ font-weight:800; }
.avatar-row .timer{ margin-left:auto; color:#9fb3ff; font-variant-numeric:tabular-nums; }
.chart{ display:grid; gap:8px; margin:10px 0 14px; }
.chart span{ height:10px; border-radius:999px; background:linear-gradient(90deg, var(--primary), var(--teal)); width:var(--w); box-shadow:0 4px 12px rgba(0,0,0,.3); }
.tasklist .task{ display:flex; align-items:center; gap:8px; color:#dfe6f6; }
.tasklist .task em{ width:8px; height:8px; border-radius:50%; background:#9fb3ff; display:inline-block; }
.pulse{ position:absolute; inset:-10% -8% -10% -8%; background: radial-gradient(60% 60% at 50% 50%, rgba(108,99,255,.22), transparent 60%); filter:blur(34px); pointer-events:none; }

/* Strip */
.spk-strip{ background:#fff; padding:34px 0; }
.strip{ display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }
.strip figure{ background:#fff; border:1px solid #e9eef4; border-radius:16px; overflow:hidden; box-shadow:0 12px 24px rgba(20,28,50,.06); }
.strip figcaption{ padding:10px 12px; color:#5c6a86; font-weight:700; }

/* Sections */
.spk-section{ padding:88px 0; }
.spk-section.dim{ background:linear-gradient(180deg, #f8f9fb 0%, #f4f6fb 100%); }
.section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:26px; }
.section-head .link{ color:#4b63ff; font-weight:800; }

/* Carousel */
.spk-carousel{ position:relative; background:#fff; border:1px solid #eceff4; border-radius:18px; padding:28px; box-shadow:0 18px 42px rgba(20,28,50,.08); overflow:hidden; }
.spk-slides{ display:grid; }
.spk-slide{ display:grid; justify-items:center; text-align:center; gap:12px; padding:8px; opacity:0; transform: translateY(12px) scale(.98); transition:.5s cubic-bezier(.2,.7,.2,1); }
.spk-slide.is-active{ opacity:1; transform:none; }
.spk-slide .avatar img{ width:80px; height:80px; border-radius:50%; object-fit:cover; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.spk-slide blockquote{ font-size:1.14rem; color:#16202b; margin:0; max-width:820px; }
.spk-slide .author{ color:#53627a; font-weight:800; }
.spk-slide .author span{ font-weight:700; color:#8c98a9; margin-left:6px; }
.spk-dots{ display:flex; justify-content:center; gap:8px; margin-top:16px; }
.spk-dots .dot{ width:10px; height:10px; border-radius:50%; background:#d2d8ea; border:none; cursor:pointer; transition:.2s; }
.spk-dots .dot.is-active{ background:#6C63FF; }
.spk-carousel .nav{ position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; border:1px solid #e5eaf4; background:#fff; box-shadow:0 6px 16px rgba(20,28,50,.12); }
.spk-carousel .prev{ left:12px; }
.spk-carousel .next{ right:12px; }

/* Logo grid */
.logo-grid{ display:grid; grid-template-columns: repeat(6, 1fr); gap:18px; margin-top:22px; }
.logo-grid img{ height:42px; width:auto; justify-self:center; filter:grayscale(1) contrast(1.1); opacity:.9; transition:.2s; }
.logo-grid img:hover{ filter:none; opacity:1; }

/* Badges */
.badge-row{ display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:center; }
.badge-row img{ height:56px; width:auto; background:#fff; border-radius:12px; border:1px solid #e9eef4; padding:10px; box-shadow:0 12px 28px rgba(20,28,50,.08); }

/* Reveal helper (fallback) */
.reveal{ opacity:0; transform: translateY(14px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible{ opacity:1; transform:none; }
[data-anim="up"]{ transform: translateY(16px); }
[data-anim="scale"]{ transform: scale(.97); }
.reveal.is-visible[data-anim="scale"]{ transform:none; }

/* Responsive */
@media (max-width:1080px){ .spk-hero-grid{ grid-template-columns:1fr; gap:28px; } }
@media (max-width:820px){ .logo-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:560px){
  .spk-actions .spk-btn.ghost{ display:none; }
  .spk-section{ padding:64px 0; }
  .strip{ grid-template-columns:1fr; }
}