/* ================================================================
   feature-page.css — Light theme for Opera feature pages
   Load AFTER styles.css to override dark tokens
   ================================================================ */

/* ---- ROOT LIGHT OVERRIDES ---- */
:root {
  --fp-bg:     #ffffff;
  --fp-bg2:    #f8f9fb;
  --fp-text:   #111827;
  --fp-muted:  #6b7280;
  --fp-muted2: #9ca3af;
  --fp-border: #e5e7eb;
  --fp-bstrong:#d1d5db;
  --fp-card:   #ffffff;
  --fp-radius: 18px;
  --fp-blue:   #2563eb;
  --fp-dark:   #0d1117;
  --fp-purple: #ede9fe;
  --fp-peach:  #fef3c7;
  --fp-skyblue:#dbeafe;
}

/* Light-mode body override */
body { background: var(--fp-bg) !important; color: var(--fp-text) !important; }
h1,h2,h3,h4,h5,h6 { color: var(--fp-text) !important; }
.uc-plan.ent h1,.uc-plan.ent h2,.uc-plan.ent h3,.uc-plan.ent h4,.uc-plan.ent h5,.uc-plan.ent h6 { color: #fff !important; }
.uc-plan.ent p,.uc-plan.ent li,.uc-plan.ent .pl { color: rgba(255,255,255,0.85) !important; }
p { color: var(--fp-muted) !important; text-align: justify; }
.fp-ov-desc, .fp-subhead, .fp-step-panel p, .fp-hi-card p,
.fp-testi-card blockquote, .fp-faq-a p, .fp-cta-sub, .fp-cta-banner .fp-cta-sub,
.meta-val, .fp-cmp-body p, .fp-blog-body p { text-align: justify; }

/* ---- NAV LIGHT ---- */
.nav { background: rgba(255,255,255,0.6) !important; border-color: rgba(255,255,255,0.55) !important; }
.logo .wordmark { color: #111827 !important; }
.nav-link { color: #374151 !important; }
.nav-link:hover { color: #111827 !important; }
.chev { stroke: #374151 !important; }
.dropdown { background: #fff !important; border-color: rgba(0,0,0,0.1) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important; }
.dd-link { color: #374151 !important; }
.dd-link:hover { background: #f3f4f6 !important; color: #111827 !important; }
.dd-col-title { color: #9ca3af !important; }
.dd-promo { background: #f8f9fb !important; border-top-color: #e5e7eb !important; }
.dd-promo b, .dd-promo span { color: #374151 !important; }
.login { color: #374151 !important; }
.lang-btn { color: #374151 !important; border-color: #d1d5db !important; background: transparent !important; }
.lang-btn.active { background: #111827 !important; color: #fff !important; border-color: #111827 !important; }
.btn-solid { background: #111827 !important; color: #fff !important; border-color: #111827 !important; }
.btn-outline { background: transparent !important; color: #111827 !important; border-color: #111827 !important; }
.uc-plan.ent .btn-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.uc-plan.ent .btn-outline:hover {
  background: #fff !important;
  color: #152a57 !important;
  border-color: #fff !important;
}

/* Sections & eyebrows */
.section { background: var(--fp-bg) !important; }
.eyebrow { color: #6b7280 !important; background: transparent !important; border: none !important; }
.sec-head h2 { color: var(--fp-text) !important; }
.sec-head p { color: var(--fp-muted) !important; }
.link-arrow { color: var(--fp-text) !important; }
.link-arrow:hover { color: #2563eb !important; }
.link-arrow svg { stroke: currentColor !important; }

/* ===== HERO ===== */
.fp-hero {
  position: relative; overflow: hidden;
  padding-top: clamp(80px,10vw,116px);
  padding-bottom: clamp(56px,7vw,88px);
}
.fp-hero.fp-purple { background: linear-gradient(155deg,#fff 25%,#f0eeff 65%,#ddd6fe 100%); }
.fp-hero.fp-peach  { background: linear-gradient(155deg,#fffaf5 20%,#fef3c7 65%,#fde68a 95%); }
.fp-hero.fp-blue   { background: linear-gradient(155deg,#f0f7ff 20%,#dbeafe 60%,#bfdbfe 95%); }
.fp-hero.fp-ice    { background: linear-gradient(155deg,#f0f9ff 20%,#e0f2fe 55%,#ddd6fe 90%); }

/* decorative blob */
.fp-hero::after {
  content:""; position:absolute; pointer-events:none;
  width:560px; height:480px; border-radius:50%; filter:blur(80px); opacity:.45;
  bottom:-100px; right:-80px;
}
.fp-hero.fp-purple::after { background:radial-gradient(circle,#c4b5fd,#a78bfa); }
.fp-hero.fp-peach::after  { background:radial-gradient(circle,#fca5a5,#fb923c); }
.fp-hero.fp-blue::after   { background:radial-gradient(circle,#93c5fd,#60a5fa); }
.fp-hero.fp-ice::after    { background:radial-gradient(circle,#a78bfa,#93c5fd); }

.fp-hero-inner {
  position:relative; z-index:2;
  display:grid; grid-template-columns:220px 1fr;
  gap:48px; align-items:center;
  max-width:1280px; margin:0 auto; padding:0 40px;
}
.fp-hero-inner > *,
.fp-ov-lr > *,
.fp-ov-3col > *,
.fp-band-lr > * { min-width:0; }

/* Floating UI card */
.fp-ui-card {
  background:#fff; border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06);
  padding:20px; min-height:240px;
  display:flex; flex-direction:column; gap:14px;
}
.fp-ui-card .card-bar {
  display:flex; align-items:center; gap:6px; padding-bottom:12px;
  border-bottom:1px solid #f0f0f0;
}
.fp-ui-card .card-dot { width:10px; height:10px; border-radius:50%; }
.fp-ui-card .card-dot.r { background:#ff5f57; }
.fp-ui-card .card-dot.y { background:#febc2e; }
.fp-ui-card .card-dot.g { background:#28c840; }
.fp-ui-card .card-row {
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:8px;
  background:#f8f9fb; font-size:12px; color:#374151;
}
.fp-ui-card .card-row.active { background:#eff6ff; color:#2563eb; }
.fp-ui-card .card-badge {
  padding:4px 10px; border-radius:100px;
  background:#eff6ff; color:#2563eb;
  font-size:11px; font-weight:700; align-self:flex-start;
}
.fp-ui-card .card-label { font-size:11px; font-weight:600; color:#9ca3af; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }

/* Hero text */
.fp-hero-text h1 {
  font-family:'IRANSansX',system-ui,sans-serif !important;
  font-style:italic !important; font-weight:700 !important;
  font-size:44px !important;
  line-height:1.0 !important; color:#111827 !important;
  margin-bottom:18px !important;
}
.fp-hero-text .fp-subhead { font-size:clamp(14px,1.5vw,16px); color:#6b7280; max-width:52ch; margin-bottom:26px; line-height:1.6; }
.fp-cta-row { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.fp-discover-link {
  display:inline-flex; align-items:center; gap:7px;
  font-size:13px; font-weight:600; color:#6b7280; text-decoration:none; transition:color .2s;
}
.fp-discover-link:hover { color:#111827; }

/* ===== OVERVIEW SECTION ===== */
.fp-overview { padding:clamp(60px,7vw,96px) 0; background:#fff; }
.fp-ov-lr { display:grid; grid-template-columns:1fr 1.5fr; gap:64px; align-items:start; }
.fp-ov-heading {
  font-family:'IRANSansX',system-ui,sans-serif !important;
  font-size:40px !important;
  font-weight:600 !important; line-height:1.15 !important; color:#111827 !important;
}
.fp-ov-desc { font-size:15px; color:#6b7280; line-height:1.65; max-width:52ch; }
.fp-ov-sub { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#9ca3af; margin-bottom:12px; }
.fp-ov-cards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fp-ov-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:24px 26px;
}
.fp-ov-card h3 { font-size:16px; font-weight:700; margin-bottom:8px; color:#111827 !important; }
.fp-ov-card .ov-desc { font-size:13.5px; color:#6b7280; margin-bottom:14px; }
.fp-ov-card ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
.fp-ov-card ul li { display:flex; align-items:center; gap:9px; font-size:13.5px; color:#374151; }
.fp-ov-card ul li .ck {
  flex:none; width:18px; height:18px; border-radius:50%;
  background:#eff6ff; border:1px solid #bfdbfe; color:#2563eb;
  display:grid; place-items:center; font-size:10px; font-weight:700;
}
/* Three-column overview (call transfer) */
.fp-ov-3col { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px; }
.fp-ov-3card {
  background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:24px;
}
.fp-ov-3card .ov-type { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#9ca3af; margin-bottom:8px; }
.fp-ov-3card h3 { font-size:16px; font-weight:700; margin-bottom:10px; color:#111827 !important; }
.fp-ov-3card .meta-lbl { font-size:11px; font-weight:600; color:#9ca3af; text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; margin-top:10px; }
.fp-ov-3card .meta-val { font-size:13px; color:#374151; margin-bottom:2px; }
.fp-ov-3card ul { list-style:none; margin-top:10px; display:flex; flex-direction:column; gap:7px; }
.fp-ov-3card ul li { display:flex; align-items:center; gap:8px; font-size:13px; color:#374151; }
.fp-ov-3card ul li .ck { flex:none; width:16px; height:16px; border-radius:50%; background:#eff6ff; border:1px solid #bfdbfe; color:#2563eb; display:grid; place-items:center; font-size:9px; font-weight:700; }

/* ===== FEATURE BAND ===== */
.fp-feat-band {
  background: linear-gradient(180deg,#f8f9fb,#fff);
  padding:clamp(60px,7vw,96px) 0; position:relative; overflow:hidden;
}
.fp-feat-band::before {
  content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:800px; height:400px;
  background:radial-gradient(ellipse,rgba(163,155,219,.18),transparent 65%);
  pointer-events:none;
}
.fp-feat-band .fp-band-text { text-align:center; margin-bottom:36px; }
.fp-feat-band .fp-band-text h2 {
  font-family:'IRANSansX',system-ui,sans-serif !important;
  font-size:40px !important;
  font-weight:600 !important; margin-bottom:10px !important; color:#111827 !important;
}
.fp-feat-band .fp-band-text p { font-size:15px; color:#6b7280; max-width:54ch; margin:0 auto; }

/* LR band layout */
.fp-band-lr { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.fp-band-lr .fp-band-text { text-align:left; margin-bottom:0; }
.fp-band-lr .fp-band-text p { margin:0; }

.fp-screen-mock {
  max-width:900px; margin:0 auto;
  border-radius:14px; border:1px solid #e5e7eb;
  background:#f3f4f6; aspect-ratio:16/9;
  box-shadow:0 24px 60px rgba(0,0,0,.08);
  overflow:hidden; position:relative;
}
.fp-screen-mock .sm-bar {
  height:38px; background:#fff; border-bottom:1px solid #e5e7eb;
  display:flex; align-items:center; gap:7px; padding:0 14px;
}
.fp-screen-mock .sm-dot { width:10px; height:10px; border-radius:50%; }
.fp-screen-mock .sm-body {
  display:grid; grid-template-columns:180px 1fr; height:calc(100% - 38px);
}
.fp-screen-mock .sm-sidebar {
  background:#f8f9fb; border-right:1px solid #e5e7eb; padding:14px;
  display:flex; flex-direction:column; gap:8px;
}
.fp-screen-mock .sm-srow {
  height:32px; border-radius:7px; background:#eff6ff;
  display:flex; align-items:center; padding:0 10px;
  font-size:11px; color:#2563eb; font-weight:600;
}
.fp-screen-mock .sm-srow.dim { background:#f3f4f6; color:#9ca3af; }
.fp-screen-mock .sm-main { padding:20px; display:flex; flex-direction:column; gap:10px; }
.fp-screen-mock .sm-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:14px;
  display:flex; align-items:center; gap:12px;
}
.fp-screen-mock .sm-avatar { width:34px; height:34px; border-radius:50%; background:#dbeafe; flex:none; }
.fp-screen-mock .sm-lines { flex:1; display:flex; flex-direction:column; gap:5px; }
.fp-screen-mock .sm-line { height:8px; border-radius:4px; background:#f3f4f6; }
.fp-screen-mock .sm-line.s { width:60%; }
.fp-screen-mock .sm-chip { padding:5px 14px; border-radius:100px; background:#2563eb; color:#fff; font-size:10px; font-weight:700; align-self:flex-start; }

/* ===== HOW IT WORKS — STEP CARDS ===== */
.fp-steps-section { padding:clamp(60px,7vw,96px) 0; background:#fff; }
.fp-steps-section .fp-steps-head { margin-bottom:32px; }
.fp-steps-section .fp-steps-head .fp-sec-eyebrow { font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#9ca3af; display:block; margin-bottom:10px; }
.fp-steps-section .fp-steps-head h2 {
  font-family:'IRANSansX',system-ui,sans-serif !important;
  font-size:40px !important;
  font-weight:600 !important; color:#111827 !important; margin:0 !important;
}
.fp-steps { display:flex; flex-direction:column; gap:14px; }
.fp-step {
  display:grid; grid-template-columns:3fr 2fr;
  border-radius:20px; overflow:hidden; min-height:290px;
}
/* Gradient image left panel */
.fp-step-img {
  position:relative; overflow:hidden; min-height:290px;
}
.fp-step-img-bg {
  position:absolute; inset:0;
  display:grid; place-items:center;
}
.fp-step.fp-s1 .fp-step-img-bg { background:linear-gradient(140deg,#4f46e5 0%,#7c3aed 35%,#c026d3 65%,#f472b6 100%); }
.fp-step.fp-s2 .fp-step-img-bg { background:linear-gradient(140deg,#1e3a5f 0%,#2d5f9e 40%,#7c3aed 70%,#db2777 100%); }
.fp-step.fp-s3 .fp-step-img-bg { background:linear-gradient(140deg,#0c2340 0%,#1a3a6e 40%,#6d28d9 75%,#a855f7 100%); }
.fp-step.fp-s4 .fp-step-img-bg { background:linear-gradient(140deg,#064e3b 0%,#0e7490 45%,#2563eb 75%,#818cf8 100%); }
.fp-step .fp-step-img-bg { background:url('images/feat-bg.avif') center/cover no-repeat !important; }
/* frosted UI inside image */
.fp-step-ui-mock {
  position:relative; z-index:2;
  width:80%; max-width:360px;
  background:rgba(255,255,255,.14); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.22); border-radius:12px; padding:18px 16px;
  display:flex; flex-direction:column; gap:8px;
}
.fp-step-ui-mock .ui-r { height:8px; border-radius:4px; background:rgba(255,255,255,.35); }
.fp-step-ui-mock .ui-r.s { width:65%; }
.fp-step-ui-mock .ui-r.xs { width:45%; }
.fp-step-ui-mock .ui-btn {
  height:28px; border-radius:100px; background:rgba(255,255,255,.9);
  display:grid; place-items:center;
  font-size:11px; font-weight:700; color:#1e3a5f; margin-top:4px; width:120px;
}

/* Right color panels */
.fp-step-panel {
  padding:36px 32px; display:flex; flex-direction:column; gap:0;
}
.fp-step-num {
  font-family:'Playfair Display',Georgia,serif;
  font-size:64px; font-weight:700; line-height:1; margin-bottom:8px;
}
.fp-step-panel h4 { font-size:clamp(18px,2vw,22px); font-weight:700; line-height:1.2; margin-bottom:10px; }
.fp-step-panel p  { font-size:13.5px; line-height:1.65; flex:1; margin-bottom:20px; }
.fp-step-btn {
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 22px; border-radius:100px; font-size:13px; font-weight:600;
  text-decoration:none; width:fit-content; cursor:pointer; transition:opacity .2s;
}
.fp-step-btn:hover { opacity:.85; }
/* Blue panel */
.fp-step.fp-s1 .fp-step-panel { background:#2563eb; color:#fff; }
.fp-step.fp-s1 .fp-step-panel h4 { color:#fff !important; }
.fp-step.fp-s1 .fp-step-panel p  { color:rgba(255,255,255,.82) !important; }
.fp-step.fp-s1 .fp-step-num { color:rgba(255,255,255,.2); }
.fp-step.fp-s1 .fp-step-btn { background:#fff; color:#2563eb; border:none; }
/* Light panel */
.fp-step.fp-s2 .fp-step-panel { background:#f3f4f6; color:#111827; }
.fp-step.fp-s2 .fp-step-panel h4 { color:#111827 !important; }
.fp-step.fp-s2 .fp-step-panel p  { color:#6b7280 !important; }
.fp-step.fp-s2 .fp-step-num { color:rgba(0,0,0,.12); }
.fp-step.fp-s2 .fp-step-btn { background:transparent; color:#111827; border:1.5px solid #111827; }
/* Dark panel */
.fp-step.fp-s3 .fp-step-panel { background:#0d1117; color:#fff; }
.fp-step.fp-s3 .fp-step-panel h4 { color:#fff !important; }
.fp-step.fp-s3 .fp-step-panel p  { color:rgba(255,255,255,.75) !important; }
.fp-step.fp-s3 .fp-step-num { color:rgba(255,255,255,.12); }
.fp-step.fp-s3 .fp-step-btn { background:#fff; color:#0d1117; border:none; }
/* Blue panel 4 */
.fp-step.fp-s4 .fp-step-panel { background:#2563eb; color:#fff; }
.fp-step.fp-s4 .fp-step-panel h4 { color:#fff !important; }
.fp-step.fp-s4 .fp-step-panel p  { color:rgba(255,255,255,.82) !important; }
.fp-step.fp-s4 .fp-step-num { color:rgba(255,255,255,.2); }
.fp-step.fp-s4 .fp-step-btn { background:#fff; color:#2563eb; border:none; }

/* ===== PRODUCT HIGHLIGHTS ===== */
.fp-highlights { padding:clamp(56px,6vw,86px) 0; background:#fff; }
.fp-hi-head { margin-bottom:28px; }
.fp-hi-head .fp-sec-eyebrow { font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#9ca3af; display:block; margin-bottom:10px; }
.fp-hi-head h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin:0 !important; }
.fp-hi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.fp-hi-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:26px 22px;
  transition:border-color .25s, box-shadow .25s;
}
.fp-hi-card:hover { border-color:#d1d5db; box-shadow:0 6px 20px rgba(0,0,0,.06); }
.fp-hi-card h4 { font-size:14px; font-weight:700; color:#111827 !important; margin-bottom:10px; }
.fp-hi-card p  { font-size:13px; color:#6b7280 !important; line-height:1.55; margin:0; }
.fp-dots { display:flex; align-items:center; gap:8px; margin-top:22px; }
.fp-dot { width:8px; height:8px; border-radius:50%; background:#e5e7eb; cursor:pointer; transition:background .2s; }
.fp-dot.active { background:#2563eb; }
.fp-arr { width:34px; height:34px; border-radius:50%; border:1px solid #e5e7eb; background:#fff; display:grid; place-items:center; cursor:pointer; color:#6b7280; transition:border-color .2s; }
.fp-arr:hover { border-color:#6b7280; }

/* ===== TESTIMONIALS / USE CASES ===== */
.fp-testi { padding:clamp(56px,6vw,86px) 0; background:#fff; }
.fp-testi-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:32px; flex-wrap:wrap; gap:16px; }
.fp-testi-head h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin:0 !important; }
.fp-testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.fp-testi-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:26px;
  display:flex; flex-direction:column; gap:16px;
}
.fp-testi-card .qt { font-size:24px; color:#d1d5db; line-height:1; }
.fp-testi-card blockquote { font-size:14px; line-height:1.65; color:#374151 !important; flex:1; margin:0; font-style:italic; }
.fp-testi-card .t-person { display:flex; align-items:center; gap:12px; }
.fp-testi-card .t-av { width:40px; height:40px; border-radius:50%; background:#f3f4f6; border:1px solid #e5e7eb; flex:none; }
.fp-testi-card .t-name { font-size:13px; font-weight:700; color:#111827 !important; }
.fp-testi-card .t-role { font-size:12px; color:#9ca3af !important; }
.fp-testi-card .t-link { font-size:13px; font-weight:600; color:#2563eb; text-decoration:none; }
.fp-testi-card .t-link:hover { text-decoration:underline; }

/* ===== INTEGRATIONS ===== */
.fp-intg { padding:clamp(56px,6vw,86px) 0; background:#fff; text-align:center; }
.fp-intg h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin-bottom:20px !important; }
.fp-intg-btn {
  display:inline-flex; align-items:center; gap:8px; margin-bottom:44px;
  padding:11px 24px; border-radius:100px; border:1.5px solid #111827;
  color:#111827; background:transparent; font-size:14px; font-weight:600; text-decoration:none;
  transition:background .2s;
}
.fp-intg-btn:hover { background:#111827; color:#fff; }
.fp-marquee { overflow:hidden; margin-bottom:12px; }
.fp-marq-track { display:flex; gap:22px; align-items:center; animation:fp-ltr 28s linear infinite; width:max-content; }
.fp-marquee.rev .fp-marq-track { animation:fp-rtl 28s linear infinite; }
@keyframes fp-ltr { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes fp-rtl { from{transform:translateX(-50%)} to{transform:translateX(0)} }
.fp-logo-chip {
  height:42px; padding:0 18px; border-radius:10px; flex-shrink:0;
  background:#fff; border:1px solid #e5e7eb;
  display:flex; align-items:center; font-size:13px; font-weight:600; color:#6b7280; white-space:nowrap;
}

/* ===== DISCOVER MORE ===== */
.fp-discover { padding:clamp(56px,6vw,86px) 0; background:#fff; }
.fp-discover-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:32px; flex-wrap:wrap; }
.fp-discover-head h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin:0 !important; }
.fp-discover-btn {
  display:inline-flex; align-items:center; gap:8px; flex:none;
  padding:10px 20px; border-radius:100px; border:1.5px solid #e5e7eb;
  color:#374151; background:#fff; font-size:13px; font-weight:600; text-decoration:none;
  transition:border-color .2s; white-space:nowrap;
}
.fp-discover-btn:hover { border-color:#6b7280; }
.fp-cmp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.fp-cmp-card { border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; transition:box-shadow .2s; }
.fp-cmp-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.07); }
.fp-cmp-thumb { aspect-ratio:16/9; position:relative; overflow:hidden; }
.fp-cmp-thumb.t1 { background:linear-gradient(135deg,#ede9fe,#bfdbfe,#a5f3fc); }
.fp-cmp-thumb.t2 { background:linear-gradient(135deg,#fce7f3,#ddd6fe,#e0f2fe); }
.fp-cmp-thumb.t3 { background:linear-gradient(135deg,#d1fae5,#bfdbfe,#ede9fe); }
.fp-cmp-lbl { position:absolute; inset:0; display:grid; place-items:center; font-family:'Playfair Display',Georgia,serif; font-size:clamp(22px,3vw,30px); font-weight:700; color:rgba(255,255,255,.75); }
.fp-cmp-body { padding:18px 20px; background:#fff; }
.fp-cmp-body h4 { font-size:15px; font-weight:700; color:#111827 !important; margin-bottom:6px; }
.fp-cmp-body p { font-size:13px; color:#6b7280 !important; margin:0; }

/* ===== DISCOVER MORE PILLS ===== */
.fp-disc-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.fp-disc-pill {
  padding:8px 16px; border-radius:100px; border:1px solid #e5e7eb; background:#fff;
  font-size:13px; font-weight:500; color:#6b7280; text-decoration:none;
  transition:border-color .2s,color .2s;
}
.fp-disc-pill:hover { border-color:#6b7280; color:#111827; }

/* ===== CTA BANNER ===== */
.fp-cta-banner {
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#f0f7ff,#ede9fe);
  border-radius:24px; padding:clamp(52px,6vw,80px) clamp(36px,5vw,72px);
  margin:0 40px clamp(60px,7vw,96px); text-align:center;
}
.fp-cta-banner::before {
  content:""; position:absolute; right:-80px; top:-80px;
  width:480px; height:480px;
  background:radial-gradient(circle,rgba(163,155,219,.35),transparent 65%);
  pointer-events:none;
}
.fp-cta-banner h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin-bottom:10px !important; }
.fp-cta-banner .fp-cta-sub { font-size:16px; color:#6b7280; margin-bottom:28px; }
.fp-cta-banner .fp-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ===== FAQ ===== */
.fp-faq-section { padding:clamp(56px,6vw,86px) 0; background:#f8f9fb; }
.fp-faq-section h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin-bottom:24px !important; }
.fp-faq { max-width:760px; }
.fp-faq-item { border-bottom:1px solid #e5e7eb; }
.fp-faq-q {
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:18px 0; cursor:pointer; font-size:15px; font-weight:600; color:#111827;
  background:none; border:none; text-align:left; width:100%;
}
.fp-faq-q:hover { color:#2563eb; }
.fp-faq-pm {
  flex:none; width:26px; height:26px; border-radius:50%;
  border:1px solid #e5e7eb; background:#fff;
  display:grid; place-items:center; color:#6b7280; font-size:16px;
}
.fp-faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.fp-faq-a.open { max-height:300px; }
.fp-faq-a p { padding-bottom:18px; font-size:14.5px; color:#6b7280 !important; line-height:1.65; margin:0; }

/* ===== BLOG CARDS ===== */
.fp-blog-section { padding:clamp(56px,6vw,86px) 0; background:#fff; }
.fp-blog-section h2 { font-family:'IRANSansX',system-ui,sans-serif !important; font-size:40px !important; font-weight:600 !important; color:#111827 !important; margin-bottom:28px !important; }
.fp-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.fp-blog-card { border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; transition:box-shadow .2s; }
.fp-blog-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.07); }
.fp-blog-thumb { aspect-ratio:16/9; background:#f3f4f6; }
.fp-blog-body { padding:18px 20px; }
.fp-blog-tag { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#2563eb; margin-bottom:6px; }
.fp-blog-body h4 { font-size:14.5px; font-weight:700; color:#111827 !important; margin-bottom:5px; line-height:1.3; }
.fp-blog-body .fp-blog-date { font-size:12px; color:#9ca3af !important; }

/* ===== FOOTER LIGHT ===== */
.footer { background:#f9fafb !important; border-top:1px solid #e5e7eb !important; }
.foot-slogan { color:#111827 !important; }
.foot-col h5 { color:#111827 !important; }
.foot-col a { color:#6b7280 !important; }
.foot-col a:hover { color:#111827 !important; }
.foot-bottom { border-top-color:#e5e7eb !important; }
.foot-bottom .copy { color:#6b7280 !important; }
.foot-bottom .legal a { color:#6b7280 !important; }
.foot-bottom .legal a:hover { color:#111827 !important; }
.mini-cta p { color:#6b7280 !important; }
.mini-cta h4 { color:#111827 !important; }

/* ===== RTL SUPPORT ===== */
[dir="rtl"] .fp-hero-inner { direction:rtl; }
[dir="rtl"] .fp-hero-text h1 { text-align:justify; }
[dir="rtl"] .fp-hero-text .fp-subhead { text-align:justify; }
[dir="rtl"] .fp-cta-row { direction:rtl; }
[dir="rtl"] .fp-discover-link { flex-direction:row-reverse; }
[dir="rtl"] .fp-ov-lr { direction:rtl; }
[dir="rtl"] .fp-ov-heading { text-align:right; }
[dir="rtl"] .fp-ov-desc { text-align:right; }
[dir="rtl"] .fp-ov-card ul li { direction:rtl; text-align:right; }
[dir="rtl"] .fp-step-panel { direction:rtl; text-align:right; }
[dir="rtl"] .fp-step-btn { direction:rtl; }
[dir="rtl"] .fp-hi-card { direction:rtl; text-align:right; }
[dir="rtl"] .fp-testi-head h2 { text-align:right; }
[dir="rtl"] .fp-discover-head h2 { text-align:right; }
[dir="rtl"] .fp-ov-heading { text-align:right; direction:rtl; }
[dir="rtl"] .fp-overview .fp-ov-lr > div > h2 { text-align:right; }
[dir="rtl"] .fp-testi-head { direction:rtl; }
[dir="rtl"] .fp-discover-head { direction:rtl; }
[dir="rtl"] .fp-testi-card .t-person { flex-direction:row-reverse; }
[dir="rtl"] .fp-discover-head { direction:rtl; }
[dir="rtl"] .fp-cmp-body { direction:rtl; text-align:right; }
[dir="rtl"] .fp-cta-banner { direction:rtl; }
[dir="rtl"] .fp-cta-banner .fp-cta-btns { direction:rtl; }
[dir="rtl"] .fp-faq-q { flex-direction:row-reverse; direction:rtl; text-align:right; }
[dir="rtl"] .fp-faq-a p { text-align:right; direction:rtl; }
[dir="rtl"] .fp-disc-pills { direction:rtl; }
[dir="rtl"] .fp-band-lr { direction:rtl; }
[dir="rtl"] .fp-intg { direction:rtl; }

/* ===== FARSI — VAZIRMATN FONT OVERRIDE ===== */
/* Beats the hardcoded Playfair !important rules because these selectors
   have higher specificity ([dir="rtl"] prefix adds (0,1,0)) */
[dir="rtl"] .fp-hero-text h1,
[dir="rtl"] .fp-ov-heading,
[dir="rtl"] .fp-feat-band .fp-band-text h2,
[dir="rtl"] .fp-steps-section .fp-steps-head h2,
[dir="rtl"] .fp-step-num,
[dir="rtl"] .fp-hi-head h2,
[dir="rtl"] .fp-testi-head h2,
[dir="rtl"] .fp-intg h2,
[dir="rtl"] .fp-discover-head h2,
[dir="rtl"] .fp-cta-banner h2,
[dir="rtl"] .fp-faq-section h2,
[dir="rtl"] .fp-blog-section h2,
[dir="rtl"] .fp-cmp-lbl,
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,[dir="rtl"] h5,[dir="rtl"] h6 {
  font-family:'IRANSansX',system-ui,sans-serif !important;
  font-style:normal !important;
}
[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] div,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] button,
[dir="rtl"] label,
[dir="rtl"] blockquote,
[dir="rtl"] .fp-subhead,
[dir="rtl"] .fp-ov-desc,
[dir="rtl"] .fp-ov-card,
[dir="rtl"] .fp-hi-card p,
[dir="rtl"] .fp-step-panel p,
[dir="rtl"] .fp-testi-card blockquote,
[dir="rtl"] .fp-faq-q,
[dir="rtl"] .fp-faq-a p,
[dir="rtl"] .fp-blog-body,
[dir="rtl"] .fp-cta-sub,
[dir="rtl"] .fp-logo-chip,
[dir="rtl"] .fp-disc-pill,
[dir="rtl"] .eyebrow {
  font-family:'IRANSansX',system-ui,sans-serif !important;
}

/* ===== FARSI — COMPREHENSIVE RTL ===== */
/* Every content section flips right-to-left */
[dir="rtl"] section,
[dir="rtl"] .fp-overview,
[dir="rtl"] .fp-feat-band,
[dir="rtl"] .fp-steps-section,
[dir="rtl"] .fp-highlights,
[dir="rtl"] .fp-testi,
[dir="rtl"] .fp-intg,
[dir="rtl"] .fp-discover,
[dir="rtl"] .fp-faq-section,
[dir="rtl"] .fp-blog-section,
[dir="rtl"] .fp-cta-banner { direction:rtl; }

/* Section headings + body text */
[dir="rtl"] .fp-steps-section .fp-steps-head { direction:rtl; text-align:right; }
[dir="rtl"] .fp-steps-section .fp-steps-head h2 { text-align:right; }
[dir="rtl"] .fp-sec-eyebrow { text-align:right; display:block; }
[dir="rtl"] .fp-feat-band .fp-band-text p { text-align:right; }
[dir="rtl"] .fp-feat-band .fp-band-text h2 { text-align:right; }
[dir="rtl"] .fp-hi-head { direction:rtl; text-align:right; }
[dir="rtl"] .fp-hi-head h2 { text-align:right; }
[dir="rtl"] .fp-faq-section h2 { text-align:right; }
[dir="rtl"] .fp-faq-section p { text-align:right; direction:rtl; }
[dir="rtl"] .fp-intg h2 { text-align:center; }
[dir="rtl"] .fp-blog-section h2 { text-align:right; }
[dir="rtl"] .fp-blog-body { text-align:right; direction:rtl; }
[dir="rtl"] .fp-blog-body h4 { text-align:right; }
[dir="rtl"] .fp-blog-body .fp-blog-date { text-align:right; }
[dir="rtl"] .fp-cta-banner h2 { text-align:center; }
[dir="rtl"] .fp-cta-banner .fp-cta-sub { text-align:center; }
[dir="rtl"] .fp-cta-banner .fp-cta-btns { justify-content:center; direction:rtl; }

/* Hero text block */
[dir="rtl"] .fp-hero-text { text-align:right; }
[dir="rtl"] .fp-hero-text .eyebrow { text-align:right; }

/* fp-faq — icon on right, text on right */
[dir="rtl"] .fp-faq { direction:rtl; }
[dir="rtl"] .fp-faq-q { flex-direction:row !important; direction:rtl !important;
  justify-content:space-between !important; text-align:right !important; }
[dir="rtl"] .fp-faq-q .fp-faq-pm { order:-1 !important; flex:none; }
[dir="rtl"] .fp-faq-q > span:first-child { text-align:right; direction:rtl; flex:1; }

/* Testimonials */
[dir="rtl"] .fp-testi-card blockquote { text-align:right; }

/* Overview cards */
[dir="rtl"] .fp-ov-card { direction:rtl; text-align:right; }
[dir="rtl"] .fp-ov-card ul { text-align:right; }
[dir="rtl"] .fp-ov-card ul li { direction:rtl; text-align:right; }
[dir="rtl"] .fp-ov-3card { direction:rtl; text-align:right; }
[dir="rtl"] .fp-ov-3card ul li { direction:rtl; text-align:right; }

/* Step panels */
[dir="rtl"] .fp-step-panel h4 { text-align:right; }
[dir="rtl"] .fp-step-panel p { text-align:right; }

/* Highlights */
[dir="rtl"] .fp-hi-card h4 { text-align:right; }
[dir="rtl"] .fp-hi-card p { text-align:right; }
[dir="rtl"] .fp-dots { direction:rtl; }

/* Footer light overrides */
[dir="rtl"] .footer .foot-top { direction:rtl; text-align:right; }
[dir="rtl"] .footer .foot-cols { direction:rtl; }
[dir="rtl"] .footer .foot-col { text-align:right; }
[dir="rtl"] .footer .foot-bottom { flex-direction:row-reverse; }
[dir="rtl"] .footer .legal { flex-direction:row-reverse; }
[dir="rtl"] .footer .mini-cta { text-align:right; }
[dir="rtl"] .footer .mini-cta .row { flex-direction:row-reverse; }
[dir="rtl"] .foot-slogan { text-align:right; }
[dir="rtl"] .foot-slogan + p { text-align:right; }

/* ===== RESPONSIVE ===== */
@media (max-width:960px){
  .fp-hero-inner { grid-template-columns:1fr; }
  .fp-ui-card { display:none; }
  .ind-feat-visual .fp-ui-card {
    display:flex;
    width:min(100%,300px);
    min-height:220px;
    padding:clamp(16px,5vw,20px);
  }
  .fp-ov-lr { grid-template-columns:1fr; gap:32px; }
  .fp-ov-cards { grid-template-columns:1fr; }
  .fp-ov-3col { grid-template-columns:1fr 1fr; }
  .fp-band-lr { grid-template-columns:1fr; gap:28px; }
  .fp-step { grid-template-columns:1fr; }
  .fp-step-img { min-height:180px; }
  .fp-hi-grid { grid-template-columns:repeat(2,1fr); }
  .fp-testi-grid { grid-template-columns:1fr 1fr; }
  .fp-cmp-grid { grid-template-columns:1fr 1fr; }
  .fp-blog-grid { grid-template-columns:1fr 1fr; }
  .fp-cta-banner { margin:0 16px clamp(48px,6vw,80px); }
  .nav-menu { display:none; }
  .nav-toggle { display:flex !important; }

  /* ---- Mobile nav panel (inherits base from styles.css, override specifics here) ---- */
  .nav-menu[data-open="1"] .dd-col-title {
    font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
    color: var(--c-muted2,#8a96a8); padding: 6px 10px 2px; font-weight: 700;
  }
}
@media (max-width:768px){
  .fp-hero-text h1 { font-size:34px !important; }
  .fp-ov-heading { font-size:28px !important; }
  .fp-feat-band .fp-band-text h2 { font-size:28px !important; }
  .fp-discover-head h2 { font-size:28px !important; }
  .fp-testi-head h2 { font-size:28px !important; }
  .fp-ov-3col { grid-template-columns:1fr !important; }
  .fp-hi-grid { grid-template-columns:repeat(2,1fr); }
  .fp-testi-grid { grid-template-columns:1fr; }
  .fp-step-panel { padding:28px 20px; }
  .fp-step-num { font-size:48px; }
  .fp-cmp-grid { grid-template-columns:1fr; }
  .fp-blog-grid { grid-template-columns:1fr; }
  .fp-cta-banner { margin:0 10px clamp(40px,5vw,60px); padding:40px 20px; }
  .fp-faq { max-width:100%; }
  .fp-discover-head { flex-direction:column; }
  .fp-testi-head { flex-direction:column; align-items:flex-start; }
  .fp-intg h2 { font-size:28px !important; }
  p, li, blockquote { text-align:left !important; }
  .fp-ov-desc, .fp-subhead, .fp-step-panel p, .fp-hi-card p,
  .fp-testi-card blockquote, .fp-faq-a p, .fp-cta-sub { text-align:left !important; }
  [dir="rtl"] .fp-hero-text h1,
  [dir="rtl"] p,
  [dir="rtl"] li,
  [dir="rtl"] blockquote,
  [dir="rtl"] .fp-ov-desc,
  [dir="rtl"] .fp-subhead,
  [dir="rtl"] .fp-step-panel p,
  [dir="rtl"] .fp-hi-card p,
  [dir="rtl"] .fp-testi-card blockquote,
  [dir="rtl"] .fp-faq-a p,
  [dir="rtl"] .fp-cta-sub { text-align:right !important; }
}
@media (max-width:600px){
  .fp-hero-inner { padding:0 16px; }
  .fp-hi-grid { grid-template-columns:1fr; }
  .fp-ov-cards { grid-template-columns:1fr; }
  .fp-hero-text h1 { font-size:28px !important; }
  .fp-cta-banner h2 { font-size:24px !important; }
  .fp-ov-heading { font-size:24px !important; }
  .fp-feat-band .fp-band-text h2 { font-size:24px !important; }
  .fp-discover-head h2 { font-size:24px !important; }
  .fp-steps-section .fp-steps-head h2 { font-size:24px !important; }
  .fp-hi-head h2 { font-size:24px !important; }
  .fp-testi-head h2 { font-size:24px !important; }
  .fp-intg h2 { font-size:24px !important; }
  .fp-faq-section h2 { font-size:24px !important; }
  .fp-blog-section h2 { font-size:24px !important; }
  .fp-cta-banner { padding:32px 16px; }
  .fp-step-panel { padding:24px 16px; }
  .fp-step-num { font-size:40px; }
  .fp-foot-cols { grid-template-columns:repeat(2,1fr); }
  .fp-cta-row .btn { flex:1 1 150px; min-width:0; white-space:normal; text-align:center; }
}

/* ====== PROGRESS STEPPER ====== */
.uc-progress-section{padding:clamp(60px,8vw,100px) 0;background:#fff;overflow:hidden;}
.uc-progress-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.uc-prog-browser{background:#f9fafb;border-radius:16px;overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,.1);border:1px solid #e5e7eb;}
.uc-prog-browser-bar{background:#f3f4f6;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb;}
.uc-prog-dots{display:flex;gap:5px;}
.uc-prog-dots span{width:10px;height:10px;border-radius:50%;}
.uc-prog-dots span:nth-child(1){background:#ef4444;}
.uc-prog-dots span:nth-child(2){background:#f59e0b;}
.uc-prog-dots span:nth-child(3){background:#22c55e;}
.uc-prog-url{background:#fff;border-radius:6px;padding:3px 10px;font-size:11px;color:#9ca3af;flex:1;border:1px solid #e5e7eb;direction:ltr;text-align:center;}
.uc-prog-screens{position:relative;height:340px;overflow:hidden;}
.uc-prog-screen{position:absolute;inset:0;padding:16px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s;pointer-events:none;}
.uc-prog-screen.active{opacity:1;transform:translateY(0);pointer-events:auto;}
.uc-prog-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:#6b7280;display:block;margin-bottom:14px;text-transform:uppercase;}
.uc-prog-title{font-size:clamp(20px,2.6vw,30px);font-weight:700;color:#111827 !important;line-height:1.3;margin-bottom:14px;}
.uc-prog-desc{font-size:14px;color:#6b7280 !important;line-height:1.7;margin-bottom:28px;}
.uc-prog-list{display:flex;flex-direction:column;}
.uc-prog-item{padding:14px 0;cursor:pointer;border-top:1px solid #f3f4f6;}
.uc-prog-item:last-child{border-bottom:1px solid #f3f4f6;}
.uc-prog-item-head{display:flex;align-items:center;gap:12px;}
.uc-prog-item-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex:none;color:#9ca3af;transition:background .2s,color .2s;}
.uc-prog-item-icon svg{width:15px;height:15px;}
.uc-prog-item.active .uc-prog-item-icon{background:#eff6ff;color:#2563eb;}
.uc-prog-item h4{font-size:14px;font-weight:600;color:#9ca3af !important;transition:color .2s;margin:0;}
.uc-prog-item.active h4{color:#111827 !important;}
.uc-prog-item-desc{font-size:13px;color:#6b7280 !important;line-height:1.6;margin-top:8px;padding-right:44px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .3s ease;}
.uc-prog-item.active .uc-prog-item-desc{max-height:100px;opacity:1;}
.uc-prog-bar-wrap{height:3px;background:#f3f4f6;border-radius:2px;margin-top:10px;overflow:hidden;display:none;}
.uc-prog-item.active .uc-prog-bar-wrap{display:block;}
.uc-prog-bar-fill{height:100%;width:0;background:#2563eb;border-radius:2px;}
.ups-layout{display:flex;height:100%;gap:0;}
.ups-sidebar{width:82px;background:#f8fafc;border-left:1px solid #e5e7eb;padding:10px 6px;display:flex;flex-direction:column;gap:4px;flex:none;}
.ups-sb-logo{padding:4px 6px;margin-bottom:6px;}
.ups-sb-item{font-size:10px;color:#9ca3af;padding:5px 7px;border-radius:5px;cursor:pointer;}
.ups-sb-item.active{background:#eff6ff;color:#2563eb;font-weight:600;}
.ups-main{flex:1;padding:14px;display:flex;flex-direction:column;overflow:hidden;}
.ups-page-title{font-size:13px;font-weight:700;color:#111827 !important;margin-bottom:10px;}
.ups-label{font-size:10px;color:#6b7280 !important;font-weight:600;margin-bottom:3px;}
.ups-input{font-size:11px;color:#111827 !important;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:6px 9px;}
.ups-select{font-size:11px;color:#374151 !important;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:6px 9px;}
.ups-textarea{font-size:10px;color:#374151 !important;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:7px 9px;flex:1;line-height:1.5;}
.ups-btn{background:#2563eb;color:#fff !important;font-size:11px;font-weight:600;padding:7px 12px;border-radius:7px;display:inline-block;cursor:pointer;text-align:center;}
.ups-ltr{direction:ltr;text-align:left;}
.ups-chat{display:flex;flex-direction:column;height:100%;gap:0;}
.ups-chat-bar{font-size:11px;font-weight:600;color:#111827 !important;padding:0 0 8px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:6px;flex:none;}
.ups-dot-live{width:7px;height:7px;background:#22c55e;border-radius:50%;display:inline-block;flex:none;animation:livePulse 1.5s infinite;}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.4}}
.ups-messages{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:10px 0;}
.ups-msg{font-size:11px;line-height:1.5;padding:7px 10px;border-radius:10px;max-width:80%;color:#374151 !important;}
.ups-msg.ai{background:#f3f4f6;align-self:flex-start;border-radius:2px 10px 10px 10px;}
.ups-msg.user{background:#2563eb;color:#fff !important;align-self:flex-end;border-radius:10px 2px 10px 10px;}
.ups-msg.typing{background:#f3f4f6;padding:8px 12px;align-self:flex-start;}
.ups-msg.typing span{display:inline-block;width:5px;height:5px;background:#9ca3af;border-radius:50%;margin:0 2px;animation:ucTyp .8s infinite;}
.ups-msg.typing span:nth-child(2){animation-delay:.15s;}
.ups-msg.typing span:nth-child(3){animation-delay:.3s;}
@keyframes ucTyp{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}
.ups-chat-actions{display:flex;gap:7px;padding-top:8px;border-top:1px solid #f3f4f6;flex:none;}
.ups-btn-sm{font-size:10px;font-weight:600;padding:5px 10px;border-radius:5px;cursor:pointer;background:#f3f4f6;color:#374151 !important;}
.ups-btn-sm.red{background:#fef2f2;color:#ef4444 !important;}
.ups-deploy{display:flex;flex-direction:column;gap:8px;padding:4px 0;}
.ups-deploy-title{font-size:14px;font-weight:700;color:#111827 !important;}
.ups-deploy-sub{font-size:11px;color:#6b7280 !important;}
.ups-check-row{font-size:11px;color:#374151 !important;display:flex;align-items:center;gap:7px;}
.ups-check{color:#22c55e;font-weight:700;}
.ups-status-row{font-size:11px;color:#374151 !important;display:flex;align-items:center;gap:7px;font-weight:600;}
.ups-analytics{display:flex;flex-direction:column;gap:10px;height:100%;}
.ups-an-header{display:flex;justify-content:space-between;align-items:center;}
.ups-an-title{font-size:13px;font-weight:700;color:#111827 !important;}
.ups-an-period{font-size:10px;color:#6b7280 !important;background:#f3f4f6;padding:3px 8px;border-radius:4px;}
.ups-stats-row{display:flex;background:#f9fafb;border-radius:8px;overflow:hidden;border:1px solid #f3f4f6;}
.ups-stat{flex:1;padding:10px;text-align:center;}
.ups-stat+.ups-stat{border-right:1px solid #f3f4f6;}
.ups-stat-val{font-size:18px;font-weight:700;color:#111827 !important;}
.ups-stat-val.blue{color:#2563eb !important;}
.ups-stat-lbl{font-size:10px;color:#9ca3af !important;margin-top:1px;}
.ups-bars{display:flex;flex-direction:column;gap:7px;}
.ups-bar-row{display:flex;align-items:center;gap:8px;}
.ups-bar-label{font-size:10px;color:#6b7280 !important;width:42px;flex:none;}
.ups-bar-track{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden;}
.ups-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:3px;}
[dir="rtl"] .ups-sidebar{border-left:none;border-right:1px solid #e5e7eb;}
[dir="rtl"] .ups-msg.ai{align-self:flex-end;border-radius:10px 2px 10px 10px;}
[dir="rtl"] .ups-msg.user{align-self:flex-start;border-radius:2px 10px 10px 10px;}
[dir="rtl"] .ups-msg.typing{align-self:flex-end;}
[dir="rtl"] .ups-stat+.ups-stat{border-right:none;border-left:1px solid #f3f4f6;}
[dir="rtl"] .uc-prog-item-desc{padding-right:44px;padding-left:0;}
@media(max-width:900px){.uc-progress-inner{grid-template-columns:1fr;gap:36px;}.uc-prog-steps{order:-1;}.uc-prog-screens{height:260px;}}