
.ut-wrap *,
.ut-wrap *::before,
.ut-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

.ut-wrap {
  --ac: #6c63ff;
  --ac-glow: rgba(108,99,255,.22);
  --bg: #080808;
  --bg-s: #0f0f0f;
  --bg-c: #111111;
  --bd: rgba(255,255,255,.07);
  --bd-h: rgba(108,99,255,.4);
  --t1: #ffffff;
  --t2: #a0a0a8;
  --t3: #5a5a6a;
  --grad: linear-gradient(135deg,#6c63ff,#a78bfa);
  --green: #25D366;
  --gold: #f6c90e;
  --red: #e53e3e;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-full: 9999px;
  --tr: .25s ease;
  font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  color: #ffffff !important;
  background: #080808 !important;
  -webkit-font-smoothing: antialiased;
  display: block;
  width: 100%;
}

.ut-wrap p,.ut-wrap li,.ut-wrap span,
.ut-wrap div,.ut-wrap td,.ut-wrap th { color: inherit; }

.ut-c { width:100%; max-width:1160px; margin-inline:auto; padding-inline:clamp(1rem,5vw,2rem); }
.ut-sec { padding:5rem 0; background:#080808; display:block; width:100%; }
.ut-sec-alt { background:#0f0f0f !important; }

.ut-reveal { opacity:0; transform:translateY(20px); transition:opacity .6s ease,transform .6s ease; }
.ut-reveal.ut-vis { opacity:1; transform:none; }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s}

.ut-wrap .ut-label {
  display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:#6c63ff !important; margin-bottom:1rem;
  background:none; -webkit-text-fill-color:unset;
}
.ut-hdr { text-align:center; margin-bottom:3.5rem; }
.ut-wrap .ut-hdr h2 {
  font-size:clamp(1.7rem,4vw,2.6rem); font-weight:900; letter-spacing:-.03em;
  line-height:1.15; color:#ffffff !important; margin-bottom:1rem;
  background:none; -webkit-text-fill-color:#ffffff;
}
.ut-wrap .ut-hdr p {
  font-size:1rem; color:#a0a0a8 !important; max-width:620px;
  margin-inline:auto; line-height:1.7;
}
.ut-wrap .ut-grad {
  background:var(--grad); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text; display:inline;
}

/* Boutons */
.ut-wrap .ut-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.8rem 1.75rem; border-radius:9999px; font-size:.875rem; font-weight:700;
  cursor:pointer; text-decoration:none !important; transition:transform var(--tr),box-shadow var(--tr);
  white-space:nowrap; border:none; font-family:inherit; line-height:1;
}
.ut-wrap .ut-btn:active { transform:scale(.97) !important; }
.ut-wrap .ut-btn-primary { background:var(--grad)!important; color:#fff!important; box-shadow:0 4px 20px var(--ac-glow); -webkit-text-fill-color:#fff; }
.ut-wrap .ut-btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(108,99,255,.5); color:#fff!important; }
.ut-wrap .ut-btn-outline { background:transparent!important; color:#fff!important; border:1px solid rgba(255,255,255,.07)!important; -webkit-text-fill-color:#fff; }
.ut-wrap .ut-btn-outline:hover { border-color:rgba(108,99,255,.4)!important; background:rgba(108,99,255,.08)!important; transform:translateY(-2px); color:#fff!important; }
.ut-wrap .ut-btn-wa { background:linear-gradient(135deg,#25D366,#1aab52)!important; color:#fff!important; box-shadow:0 4px 20px rgba(37,211,102,.3); -webkit-text-fill-color:#fff; }
.ut-wrap .ut-btn-wa:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(37,211,102,.45); color:#fff!important; }
.ut-wrap .ut-btn-lg { padding:1rem 2.25rem; font-size:1rem; }
.ut-wrap .ut-btn-xl { padding:1.25rem 2.75rem; font-size:1.1rem; font-weight:800; }

/* Badges */
.ut-wrap .ut-badge {
  display:inline-flex; align-items:center; gap:.35rem; padding:.3rem .8rem;
  border-radius:9999px; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.ut-wrap .ut-badge-ac { background:rgba(108,99,255,.14); color:#6c63ff!important; border:1px solid rgba(108,99,255,.25); -webkit-text-fill-color:#6c63ff; }
.ut-wrap .ut-badge-green { background:rgba(37,211,102,.1); color:#25D366!important; border:1px solid rgba(37,211,102,.2); -webkit-text-fill-color:#25D366; }
.ut-wrap .ut-badge-gold { background:rgba(246,201,14,.12); color:#f6c90e!important; border:1px solid rgba(246,201,14,.25); -webkit-text-fill-color:#f6c90e; }

/* ── HERO ─────────────────────────────────────────────────── */
.ut-hero {
  position:relative; overflow:hidden;
  background:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(108,99,255,.2) 0%,transparent 65%),#080808;
  padding:6rem 0 5rem;
}
.ut-hero-glow {
  position:absolute; border-radius:50%; pointer-events:none; filter:blur(90px);
}
.ut-hero-glow-1 { width:500px;height:500px;top:-150px;left:-100px;background:radial-gradient(circle,rgba(108,99,255,.1),transparent 70%); }
.ut-hero-glow-2 { width:400px;height:400px;bottom:-100px;right:-80px;background:radial-gradient(circle,rgba(37,211,102,.08),transparent 70%); }

.ut-hero-inner { display:grid; grid-template-columns:1fr 420px; gap:4rem; align-items:center; }

.ut-wrap .ut-hero h1 {
  font-size:clamp(2.2rem,5vw,3.4rem); font-weight:900; letter-spacing:-.03em;
  line-height:1.1; color:#ffffff!important; margin-bottom:1.25rem;
  background:none; -webkit-text-fill-color:#ffffff;
}
.ut-hero-desc { font-size:1.05rem; color:#a0a0a8!important; line-height:1.8; margin-bottom:2rem; -webkit-text-fill-color:#a0a0a8; }
.ut-hero-desc strong { color:#fff!important; -webkit-text-fill-color:#fff; }

.ut-hero-checklist { display:flex; flex-direction:column; gap:.7rem; margin-bottom:2.5rem; }
.ut-hero-check-item { display:flex; align-items:center; gap:.75rem; font-size:.9rem; color:#a0a0a8!important; -webkit-text-fill-color:#a0a0a8; }
.ut-hc-icon { width:22px;height:22px;border-radius:50%;background:rgba(37,211,102,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#25D366!important;-webkit-text-fill-color:#25D366;font-size:12px; }

.ut-hero-cta { display:flex; flex-direction:column; gap:.75rem; }
.ut-hero-cta-sub { font-size:.75rem; color:#5a5a6a!important; text-align:center; -webkit-text-fill-color:#5a5a6a; }
.ut-hero-trust { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; margin-top:1rem; justify-content:center; }
.ut-hero-trust-item { display:flex; align-items:center; gap:.4rem; font-size:.78rem; color:#5a5a6a!important; -webkit-text-fill-color:#5a5a6a; }
.ut-hero-trust-item svg { color:#6c63ff; flex-shrink:0; }

/* Test card hero */
.ut-test-card {
  background:#111111; border:1px solid rgba(37,211,102,.25);
  border-radius:var(--r-xl); padding:2.25rem; position:relative; overflow:hidden;
  box-shadow:0 0 40px rgba(37,211,102,.06), 0 20px 60px rgba(0,0,0,.5);
}
.ut-test-card::before {
  content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:70%;height:1px; background:linear-gradient(90deg,transparent,rgba(37,211,102,.5),transparent);
}
.ut-test-card-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.75rem; }
.ut-test-card-title { font-size:1.1rem; font-weight:800; color:#fff!important; -webkit-text-fill-color:#fff; display:block; }
.ut-test-card-sub { font-size:.75rem; color:#5a5a6a!important; margin-top:.2rem; -webkit-text-fill-color:#5a5a6a; display:block; }
.ut-free-badge {
  display:flex;flex-direction:column;align-items:center;gap:2px;
  background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.25);
  border-radius:var(--r-md);padding:.65rem 1rem;flex-shrink:0;
}
.ut-free-price { font-size:1.5rem;font-weight:900;color:#25D366!important;-webkit-text-fill-color:#25D366;line-height:1; }
.ut-free-label { font-size:.65rem;color:#25D366!important;-webkit-text-fill-color:#25D366;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }

.ut-test-features { display:flex; flex-direction:column; gap:.65rem; margin-bottom:1.75rem; }
.ut-test-feat { display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:#a0a0a8!important;-webkit-text-fill-color:#a0a0a8; }
.ut-tf-dot { width:20px;height:20px;border-radius:50%;background:rgba(37,211,102,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#25D366!important;-webkit-text-fill-color:#25D366;font-size:11px; }

.ut-test-divider { height:1px;background:rgba(255,255,255,.07);margin:1.25rem 0; }

.ut-test-cta { width:100%;justify-content:center;font-size:1rem;padding:1rem 1.75rem; }
.ut-test-cta-note { font-size:.72rem;color:#5a5a6a!important;text-align:center;margin-top:.65rem;-webkit-text-fill-color:#5a5a6a; }

/* Pulse indicator */
.ut-live-dot {
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.72rem;font-weight:700;color:#25D366!important;-webkit-text-fill-color:#25D366;
}
.ut-live-dot::before {
  content:'';width:8px;height:8px;border-radius:50%;background:#25D366;
  box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:ut-pulse 2s infinite;flex-shrink:0;
}
@keyframes ut-pulse {
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}
  70%{box-shadow:0 0 0 8px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

/* ── STATS BAR ─────────────────────────────────────────────── */
.ut-stats-bar { background:#0f0f0f;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:1.5rem 0; }
.ut-stats-inner { display:flex;align-items:center;justify-content:center; }
.ut-stat-item { flex:1;text-align:center;padding:1rem; }
.ut-stat-val { font-size:1.4rem;font-weight:900;color:#fff!important;letter-spacing:-.02em;-webkit-text-fill-color:#fff;display:block; }
.ut-stat-lbl { font-size:.7rem;color:#5a5a6a!important;text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;-webkit-text-fill-color:#5a5a6a;display:block; }
.ut-stat-div { width:1px;height:36px;background:rgba(255,255,255,.07);flex-shrink:0; }

/* ── NEDEN TEST — WHY ──────────────────────────────────────── */
.ut-why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.ut-why-card {
  background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);
  padding:1.75rem;transition:border-color var(--tr),transform var(--tr);
}
.ut-why-card:hover { border-color:rgba(108,99,255,.35);transform:translateY(-3px); }
.ut-why-icon { font-size:2rem;margin-bottom:.85rem;display:block; }
.ut-wrap .ut-why-card h3 { font-size:.95rem;font-weight:700;color:#fff!important;margin-bottom:.5rem;-webkit-text-fill-color:#fff;background:none; }
.ut-wrap .ut-why-card p { font-size:.82rem;color:#a0a0a8!important;line-height:1.65;-webkit-text-fill-color:#a0a0a8; }

/* ── NE TEST EDEBİLİRSİNİZ ─────────────────────────────────── */
.ut-test-grid { display:grid;grid-template-columns:1fr 1fr;gap:1.5rem; }
.ut-test-item-card {
  background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);
  padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;
  transition:border-color var(--tr);
}
.ut-test-item-card:hover { border-color:rgba(108,99,255,.3); }
.ut-ti-icon {
  width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;
  justify-content:center;font-size:20px;flex-shrink:0;
}
.ti1{background:rgba(108,99,255,.12)} .ti2{background:rgba(246,201,14,.1)}
.ti3{background:rgba(37,211,102,.1)} .ti4{background:rgba(80,150,255,.1)}
.ti5{background:rgba(255,100,80,.1)} .ti6{background:rgba(200,80,255,.1)}
.ut-wrap .ut-test-item-card h3 { font-size:.88rem;font-weight:700;color:#fff!important;margin-bottom:.3rem;-webkit-text-fill-color:#fff;background:none; }
.ut-wrap .ut-test-item-card p { font-size:.8rem;color:#a0a0a8!important;line-height:1.6;-webkit-text-fill-color:#a0a0a8; }
.ut-ti-tip { margin-top:.5rem;padding:.35rem .65rem;background:rgba(108,99,255,.07);border-radius:4px;font-size:.72rem;color:#6c63ff!important;-webkit-text-fill-color:#6c63ff;border-left:2px solid #6c63ff;display:block; }

/* ── NASIL ALINIR — STEPS ──────────────────────────────────── */
.ut-howto-box {
  max-width:780px;margin-inline:auto;background:#111111;border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r-xl);padding:3rem;position:relative;overflow:hidden;
}
.ut-howto-box::before {
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(108,99,255,.5),transparent);
}
.ut-wrap .ut-howto-title { font-size:1.35rem;font-weight:800;text-align:center;margin-bottom:.5rem;color:#fff!important;-webkit-text-fill-color:#fff;background:none; }
.ut-howto-sub { font-size:.875rem;color:#a0a0a8!important;text-align:center;margin-bottom:2.5rem;-webkit-text-fill-color:#a0a0a8; }
.ut-howto-steps { display:flex;flex-direction:column;gap:0; }
.ut-hs { display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:1.5rem; }
.ut-hs:last-child { margin-bottom:0; }
.ut-hs-left { display:flex;flex-direction:column;align-items:center; }
.ut-hs-num {
  width:42px;height:42px;border-radius:50%;background:var(--grad);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;
  font-weight:800;color:#fff!important;-webkit-text-fill-color:#fff;
  box-shadow:0 3px 12px rgba(108,99,255,.35);flex-shrink:0;
}
.ut-hs-line { width:2px;flex:1;background:linear-gradient(180deg,rgba(108,99,255,.3),rgba(108,99,255,.05));margin:6px 0;min-height:1.5rem; }
.ut-hs:last-child .ut-hs-line { display:none; }
.ut-hs-body { flex:1;padding-top:.35rem; }
.ut-wrap .ut-hs-body h3 { font-size:.95rem;font-weight:700;color:#fff!important;margin-bottom:.35rem;-webkit-text-fill-color:#fff;background:none; }
.ut-wrap .ut-hs-body p { font-size:.875rem;color:#a0a0a8!important;line-height:1.7;-webkit-text-fill-color:#a0a0a8;margin-bottom:.5rem; }
.ut-wrap .ut-hs-body strong { color:#fff!important;-webkit-text-fill-color:#fff; }
.ut-hs-cta { margin-top:1rem;width:100%;justify-content:center; }
.ut-hs-tip { padding:.45rem .85rem;background:rgba(37,211,102,.06);border-left:2px solid #25D366;border-radius:4px;font-size:.78rem;color:#a0a0a8!important;-webkit-text-fill-color:#a0a0a8;display:block;margin-top:.35rem; }
.ut-hs-tip strong { color:#25D366!important;-webkit-text-fill-color:#25D366; }

/* ── TEST ÖNCESİ CHECKLIST ─────────────────────────────────── */
.ut-checklist-grid { display:grid;grid-template-columns:1fr 1fr;gap:1.5rem; }
.ut-cl-card { background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);padding:2rem; }
.ut-cl-card-good { border-color:rgba(108,99,255,.25);background:rgba(108,99,255,.03); }
.ut-cl-head { display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.07); }
.ut-cl-icon { width:38px;height:38px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0; }
.ut-cli1{background:rgba(108,99,255,.12)} .ut-cli2{background:rgba(37,211,102,.12)}
.ut-wrap .ut-cl-head h3 { font-size:.9rem;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff;background:none; }
.ut-cl-items { display:flex;flex-direction:column;gap:.85rem; }
.ut-cl-item { display:flex;align-items:flex-start;gap:.65rem;font-size:.84rem;color:#a0a0a8!important;line-height:1.55;-webkit-text-fill-color:#a0a0a8; }
.ut-cli-x { color:#e53e3e!important;font-size:14px;flex-shrink:0;margin-top:1px;-webkit-text-fill-color:#e53e3e; }
.ut-cli-ok { color:#6c63ff!important;font-size:14px;flex-shrink:0;margin-top:1px;-webkit-text-fill-color:#6c63ff; }

/* ── COMPARISON ────────────────────────────────────────────── */
.ut-compare-grid { display:grid;grid-template-columns:1fr 1fr;gap:1.5rem; }
.ut-cmp-card { background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-xl);padding:2rem; }
.ut-cmp-card-bad { border-color:rgba(229,62,62,.2);background:rgba(229,62,62,.02); }
.ut-cmp-card-good { border-color:rgba(108,99,255,.3);background:rgba(108,99,255,.03); }
.ut-cmp-head { display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem; }
.ut-cmp-head-icon { width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0; }
.ut-cmpb{background:rgba(229,62,62,.12)} .ut-cmpg{background:rgba(108,99,255,.12)}
.ut-wrap .ut-cmp-head h3 { font-size:.9rem;font-weight:700;color:#fff!important;-webkit-text-fill-color:#fff;background:none; }
.ut-cmp-items { display:flex;flex-direction:column;gap:.75rem; }
.ut-cmp-item { display:flex;align-items:flex-start;gap:.65rem;font-size:.82rem;color:#a0a0a8!important;line-height:1.5;-webkit-text-fill-color:#a0a0a8; }
.ut-cmp-x { color:#e53e3e!important;font-size:14px;flex-shrink:0;margin-top:1px;-webkit-text-fill-color:#e53e3e; }
.ut-cmp-ok { color:#6c63ff!important;font-size:14px;flex-shrink:0;margin-top:1px;-webkit-text-fill-color:#6c63ff; }

/* ── ARTICLE / EDITORIAL ───────────────────────────────────── */
.ut-article { padding:5rem 0;background:#080808; }
.ut-article-inner { display:grid;grid-template-columns:1fr 280px;gap:5rem;align-items:start; }
.ut-wrap .ut-article-body h2 { font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;letter-spacing:-.02em;color:#fff!important;margin-bottom:1.25rem;-webkit-text-fill-color:#fff;background:none;scroll-margin-top:90px; }
.ut-wrap .ut-article-body h3 { font-size:1.05rem;font-weight:700;color:#fff!important;margin:2rem 0 .75rem;-webkit-text-fill-color:#fff;background:none; }
.ut-wrap .ut-article-body p { font-size:.925rem;color:#a0a0a8!important;line-height:1.85;margin-bottom:1rem;-webkit-text-fill-color:#a0a0a8; }
.ut-wrap .ut-article-body strong { color:#fff!important;-webkit-text-fill-color:#fff; }
.ut-wrap .ut-article-body a { color:#6c63ff!important;-webkit-text-fill-color:#6c63ff;text-decoration:underline;text-underline-offset:3px; }
.ut-art-section { margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.07); }
.ut-art-section:last-child { border-bottom:none;margin-bottom:0; }
.ut-list { display:flex;flex-direction:column;gap:.65rem;margin:.75rem 0 1rem;list-style:none;padding:0; }
.ut-list li { display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#a0a0a8!important;line-height:1.6;-webkit-text-fill-color:#a0a0a8; }
.ut-list li strong { color:#fff!important;-webkit-text-fill-color:#fff; }
.ut-li-dot { width:6px;height:6px;border-radius:50%;background:#6c63ff;flex-shrink:0;margin-top:7px; }
.ut-li-ok { color:#25D366!important;font-size:14px;flex-shrink:0;margin-top:1px;-webkit-text-fill-color:#25D366; }

/* Sidebar */
.ut-sidebar { position:sticky;top:calc(72px + 1.5rem); }
.ut-sidebar-box { background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:1.5rem;margin-bottom:1.25rem; }
.ut-wrap .ut-sidebar-box h4 { font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#5a5a6a!important;margin-bottom:1rem;-webkit-text-fill-color:#5a5a6a;background:none; }
.ut-sidebar-links { display:flex;flex-direction:column;gap:.7rem; }
.ut-sidebar-links a { font-size:.82rem;color:#a0a0a8!important;text-decoration:none!important;transition:color var(--tr),transform var(--tr);display:inline-block;-webkit-text-fill-color:#a0a0a8; }
.ut-sidebar-links a:hover { color:#6c63ff!important;transform:translateX(4px);-webkit-text-fill-color:#6c63ff; }

/* ── FAQ ───────────────────────────────────────────────────── */
.ut-faq-wrap { max-width:780px;margin-inline:auto; }
.ut-faq-item { background:#111111;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);overflow:hidden;margin-bottom:.75rem;transition:border-color var(--tr); }
.ut-faq-item.open { border-color:rgba(108,99,255,.3); }
.ut-faq-q { width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;background:transparent!important;color:#fff!important;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;border:none;transition:color var(--tr);font-family:inherit;-webkit-text-fill-color:#fff; }
.ut-faq-q:hover { color:#6c63ff!important;-webkit-text-fill-color:#6c63ff; }
.ut-faq-icon { flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#6c63ff;transition:transform var(--tr); }
.ut-faq-item.open .ut-faq-icon { transform:rotate(45deg); }
.ut-faq-body { display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease; }
.ut-faq-item.open .ut-faq-body { grid-template-rows:1fr; }
.ut-faq-body-inner { overflow:hidden;padding:0 1.4rem; }
.ut-faq-item.open .ut-faq-body-inner { padding-bottom:1.1rem; }
.ut-wrap .ut-faq-body-inner p { font-size:.875rem;color:#a0a0a8!important;line-height:1.75;-webkit-text-fill-color:#a0a0a8; }

/* ── CTA MEGA ──────────────────────────────────────────────── */
.ut-mega-cta { padding:5rem 0 6rem;background:#080808; }
.ut-mega-box {
  background:linear-gradient(145deg,#131220,#0f0f1a);
  border:1px solid rgba(108,99,255,.35);border-radius:var(--r-xl);
  padding:4.5rem 3rem;text-align:center;position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(108,99,255,.15),0 40px 80px rgba(0,0,0,.5);
}
.ut-mega-box::before {
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(108,99,255,.7),transparent);
}
.ut-mega-glow {
  position:absolute;top:-100px;left:50%;transform:translateX(-50%);
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(108,99,255,.12),transparent 70%);
  pointer-events:none;
}
.ut-wrap .ut-mega-box h2 { font-size:clamp(1.75rem,3.5vw,2.8rem);font-weight:900;margin:1rem 0 .75rem;letter-spacing:-.03em;color:#fff!important;-webkit-text-fill-color:#fff;background:none; }
.ut-wrap .ut-mega-box p { font-size:1.05rem;color:#a0a0a8!important;max-width:540px;margin-inline:auto;margin-bottom:2.5rem;line-height:1.7;-webkit-text-fill-color:#a0a0a8; }
.ut-mega-actions { display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem; }
.ut-mega-trust { display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07); }
.ut-mega-trust-item { display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#5a5a6a!important;-webkit-text-fill-color:#5a5a6a; }
.ut-mega-trust-item span:first-child { font-size:18px; }

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media(max-width:1024px){
  .ut-hero-inner{grid-template-columns:1fr}
  .ut-test-card{max-width:500px}
  .ut-why-grid{grid-template-columns:1fr 1fr}
  .ut-test-grid{grid-template-columns:1fr 1fr}
  .ut-checklist-grid{grid-template-columns:1fr}
  .ut-compare-grid{grid-template-columns:1fr}
  .ut-article-inner{grid-template-columns:1fr}
  .ut-sidebar{position:static}
}
@media(max-width:768px){
  .ut-sec{padding:3rem 0}
  .ut-hero{padding:3.5rem 0 3rem}
  .ut-why-grid{grid-template-columns:1fr}
  .ut-test-grid{grid-template-columns:1fr}
  .ut-stats-inner{flex-wrap:wrap}
  .ut-stat-div{display:none}
  .ut-stat-item{flex:0 0 50%;border-bottom:1px solid rgba(255,255,255,.07)}
  .ut-mega-actions{flex-direction:column}
  .ut-mega-actions .ut-btn{width:100%;max-width:340px;margin-inline:auto}
  .ut-mega-box{padding:3rem 1.5rem}
  .ut-howto-box{padding:2rem 1.25rem}
}
@media(max-width:480px){
  .ut-why-grid{grid-template-columns:1fr}
  .ut-test-grid{grid-template-columns:1fr}
}
