:root{--blue:#2563eb;--purple:#7c3aed;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:white}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid rgba(226,232,240,.8);background:rgba(255,255,255,.82);backdrop-filter:blur(18px)}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand img{height:54px;width:auto}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:700;color:#334155}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.login{padding:12px 15px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 21px;font-weight:800;color:white;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 12px 28px rgba(79,70,229,.22);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(79,70,229,.3)}.btn.big{padding:16px 27px;border-radius:18px}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.06)}.btn.ghost-dark{background:transparent;border:1px solid rgba(255,255,255,.22);box-shadow:none}.menu-btn{display:none;border:0;background:none;font-size:26px}.mobile-menu{display:none;padding:8px 20px 20px;border-top:1px solid var(--line);background:white}.mobile-menu a{display:block;padding:12px 0;font-weight:700}.hero{position:relative;overflow:hidden;padding:150px 0 88px;background:linear-gradient(135deg,#eff6ff 0%,#fff 48%,#faf5ff 100%)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.32}.orb-a{width:360px;height:360px;background:#60a5fa;left:-100px;top:80px}.orb-b{width:440px;height:440px;background:#a855f7;right:-150px;bottom:-100px}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;padding:10px 15px;border:1px solid #dbeafe;border-radius:999px;background:white;font-weight:800;font-size:14px;box-shadow:0 6px 20px rgba(15,23,42,.06)}h1{font-size:clamp(52px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:28px 0 0;max-width:740px}h1 span,.section-head small,.dashboard small,.pricing-card small{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:20px;line-height:1.7;color:var(--muted);max-width:670px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.ticks{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px;color:#475569;font-weight:700;font-size:14px}.phone-stage{position:relative;min-height:620px}.phone-card{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:350px;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:48px;background:rgba(255,255,255,.82);backdrop-filter:blur(22px);box-shadow:0 35px 90px rgba(41,48,100,.22)}.island{width:128px;height:28px;border-radius:999px;background:#020617;margin:auto}.call-head{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.call-head small{color:var(--blue);font-weight:800}.call-head h3{font-size:26px;margin:4px 0}.call-head p{margin:0;color:var(--muted)}.call-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#22c55e;color:white;font-size:25px;box-shadow:0 10px 25px rgba(34,197,94,.3);animation:pulse 1.3s infinite}.wave{height:82px;margin:25px 0;background:repeating-linear-gradient(90deg,var(--blue) 0 7px,transparent 7px 14px);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='80'%3E%3Cpath d='M0 45 Q8 15 16 45 T32 45 T48 45 T64 45 T80 45 T96 45 T112 45 T128 45 T144 45 T160 45 T176 45 T192 45 T208 45 T224 45 T240 45 T256 45 T272 45 T288 45 T304 45' fill='none' stroke='black' stroke-width='14'/%3E%3C/svg%3E");mask-size:100% 100%;animation:wave 2s linear infinite}.bubble{border-radius:24px;padding:16px;margin-top:14px}.bubble b{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.bubble p{margin:8px 0 0;line-height:1.55}.customer{background:#f1f5f9}.wise{background:linear-gradient(90deg,var(--blue),var(--purple));color:white}.confirmed{margin-top:16px;padding:15px;border-radius:24px;border:1px solid #bbf7d0;background:#f0fdf4;display:flex;gap:12px;align-items:center}.confirmed>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#22c55e;color:white;font-weight:900}.confirmed p{margin:3px 0 0;color:var(--muted);font-size:14px}.mini{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(15,23,42,.15)}.mini small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;font-weight:900}.mini strong{display:block;font-size:38px;margin-top:6px;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.stat-one{left:0;top:120px}.stat-two{right:0;bottom:90px}.stat-two strong{color:#22c55e;background:none}.toast{position:absolute;right:0;top:190px;background:#020617;color:white;font-weight:800;padding:14px 18px;border-radius:16px;box-shadow:0 16px 35px rgba(15,23,42,.22);animation:tilt 5s ease-in-out infinite}.stats-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stats-row>div{padding:22px;border-radius:25px;border:1px solid var(--line);background:rgba(255,255,255,.85)}.stats-row strong{display:block;font-size:31px;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.stats-row span{display:block;margin-top:6px;color:var(--muted);font-weight:700}.section{padding:96px 0}.section-head{max-width:780px;text-align:center;margin:auto}.section-head small{font-weight:900;letter-spacing:.25em}.section-head h2,.dashboard h2{font-size:clamp(40px,5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:16px 0}.section-head p,.dashboard p{font-size:18px;line-height:1.7;color:var(--muted)}.cards.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.cards article{padding:28px;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:0 8px 24px rgba(15,23,42,.05);transition:.25s}.cards article:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(15,23,42,.1)}.cards i,.steps i{display:grid;place-items:center;width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#faf5ff);font-style:normal;font-size:24px;color:var(--blue)}.cards h3{font-size:21px;margin:22px 0 10px}.cards p,.steps p{color:var(--muted);line-height:1.65}.dark{background:#020617;color:white}.section-head.light p{color:#cbd5e1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.steps article{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:rgba(255,255,255,.05)}.steps article>span{color:#60a5fa;font-weight:900}.steps i{margin-top:22px;background:white;color:#020617}.steps h3{font-size:24px;margin:22px 0 8px}.steps p{color:#cbd5e1}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px}.industry-grid>div{display:flex;align-items:center;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#f8fafc);font-weight:900;font-size:18px}.industry-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#020617;color:white;font-size:12px}.dashboard{background:#f8fafc}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.dashboard ul{list-style:none;padding:0;margin:25px 0 0}.dashboard li{margin:13px 0;font-weight:800}.dash-card{padding:20px;border:1px solid var(--line);border-radius:32px;background:white;box-shadow:0 25px 60px rgba(15,23,42,.12)}.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.dash-top h3{font-size:25px;margin:3px 0}.dash-top span{padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#059669;font-weight:900;font-size:12px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dash-stats>div{padding:17px;border-radius:18px;background:#f8fafc}.dash-stats b{display:block;font-size:25px;margin-top:5px}.chart{margin-top:18px;height:190px;border-radius:22px;background:#020617;padding:24px}.bars{height:100%;background:linear-gradient(to top,rgba(37,99,235,.8),rgba(124,58,237,.6));clip-path:polygon(0 78%,10% 60%,20% 66%,30% 42%,40% 53%,50% 26%,60% 41%,70% 16%,80% 35%,90% 10%,100% 22%,100% 100%,0 100%)}.pricing-card{max-width:850px;margin:50px auto 0;padding:40px;border:1px solid #dbeafe;border-radius:34px;background:linear-gradient(135deg,#eff6ff,#fff,#faf5ff);box-shadow:0 20px 50px rgba(79,70,229,.12);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.pricing-card h3{font-size:34px;margin:10px 0}.pricing-card p{color:var(--muted);line-height:1.65}.price-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-weight:700}.faq{background:#f8fafc}.faq-list{max-width:820px;margin:45px auto 0}.faq details{border:1px solid var(--line);border-radius:18px;background:white;margin-bottom:12px;overflow:hidden}.faq summary{padding:20px;font-weight:900;cursor:pointer}.faq details p{margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.65}.cta{padding:80px 0}.cta-box{padding:55px;border-radius:38px;background:#020617;color:white;text-align:center}.cta-box img{width:82px;height:82px;object-fit:contain}.cta-box h2{font-size:clamp(40px,5vw,58px);letter-spacing:-.045em;margin:18px auto 0;max-width:850px}.cta-box p{color:#cbd5e1;font-size:18px}.cta-box>div{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>img{height:52px}.footer-inner>div:nth-child(2){text-align:center;color:var(--muted)}.footer-inner p{margin:0 0 5px}.social{display:flex;gap:10px}.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f1f5f9;font-weight:900}.reveal{animation:fadeUp .7s both}.delay{animation-delay:.15s}.float{animation:float 6s ease-in-out infinite}.float-slow{animation:float 5s ease-in-out infinite}.float-reverse{animation:floatReverse 6s ease-in-out infinite}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translate(-50%,-12px)}}@keyframes floatReverse{50%{transform:translateY(10px)}}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes tilt{50%{transform:rotate(2deg)}}@keyframes wave{to{background-position:28px 0}}
@media(max-width:960px){.desktop-nav,.nav-actions{display:none}.menu-btn{display:block}.mobile-menu.open{display:block}.hero-grid,.dashboard-grid{grid-template-columns:1fr}.phone-stage{margin-top:10px}.cards.features,.steps{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{width:min(100% - 24px,1180px)}.hero{padding-top:125px}.hero-copy>p{font-size:17px}.phone-stage{min-height:560px;transform:scale(.88);transform-origin:top center;margin-bottom:-55px}.phone-card{width:335px}.mini,.toast{display:none}.stats-row{grid-template-columns:1fr 1fr}.cards.features,.steps,.industry-grid,.price-features{grid-template-columns:1fr}.pricing-card{grid-template-columns:1fr;padding:28px}.footer-inner{flex-direction:column}.section{padding:72px 0}.cta-box{padding:42px 22px}.brand img{height:48px}}

/* ===== Mobile-first responsive fixes ===== */
img,svg{max-width:100%;height:auto}
button,a{touch-action:manipulation}
body{overflow-x:hidden}

@media (max-width:960px){
  .nav-inner{height:70px}
  .brand img{height:44px;max-width:180px;object-fit:contain}
  .menu-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink);cursor:pointer}
  .mobile-menu{max-height:calc(100vh - 70px);overflow:auto}
  .mobile-menu.open{display:block}
  .hero{padding:112px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:42px;text-align:center}
  .hero-copy{display:flex;flex-direction:column;align-items:center}
  h1{font-size:clamp(42px,9vw,64px);max-width:780px}
  .hero-copy>p{max-width:720px}
  .hero-buttons,.ticks{justify-content:center}
  .phone-stage{width:min(100%,560px);min-height:610px;margin:6px auto 0}
  .stats-row{margin-top:8px}
  .dashboard-grid{gap:38px}
}

@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  .nav-inner{height:66px}
  .brand img{height:40px;max-width:155px}
  .mobile-menu{padding:10px 16px 18px}
  .mobile-menu a{padding:14px 4px;border-bottom:1px solid #f1f5f9}

  .hero{padding:96px 0 54px}
  .eyebrow{font-size:12px;padding:9px 12px;max-width:100%;text-align:center}
  h1{font-size:clamp(38px,12vw,52px);line-height:1.04;letter-spacing:-.045em;margin-top:22px}
  .hero-copy>p{font-size:16px;line-height:1.65;margin-top:18px}
  .hero-buttons{width:100%;gap:10px;margin-top:24px}
  .hero-buttons .btn{width:100%}
  .btn.big{padding:15px 18px}
  .ticks{gap:10px 16px;margin-top:22px;font-size:13px}

  .phone-stage{min-height:545px;width:100%;margin-top:4px;transform:none}
  .phone-card{position:relative;left:auto;top:auto;transform:none;width:min(100%,360px);margin:0 auto;padding:16px;border-radius:36px}
  .island{width:110px;height:24px}
  .call-head{margin-top:20px;gap:12px;text-align:left}
  .call-head h3{font-size:22px}
  .call-icon{width:48px;height:48px;font-size:21px;flex:0 0 auto}
  .wave{height:66px;margin:18px 0}
  .bubble{padding:14px;border-radius:20px;text-align:left}
  .bubble p{font-size:14px}
  .confirmed{padding:13px;border-radius:20px;text-align:left}
  .confirmed>span{width:38px;height:38px}
  .mini,.toast{display:none!important}

  .stats-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  .stats-row>div{padding:17px 14px;border-radius:20px;text-align:center}
  .stats-row strong{font-size:25px}
  .stats-row span{font-size:13px}

  .section{padding:64px 0}
  .section-head small{font-size:11px;letter-spacing:.18em}
  .section-head h2,.dashboard h2{font-size:clamp(34px,10vw,44px);margin-top:12px}
  .section-head p,.dashboard p{font-size:16px;line-height:1.65}

  .cards.features,.steps,.industry-grid,.price-features{grid-template-columns:1fr}
  .cards.features,.steps{margin-top:34px;gap:14px}
  .cards article,.steps article{padding:22px;border-radius:22px}
  .industry-grid{margin-top:32px;gap:12px}
  .industry-grid>div{padding:19px;border-radius:20px;font-size:16px}

  .dashboard-grid{grid-template-columns:1fr;gap:28px}
  .dash-card{padding:15px;border-radius:24px}
  .dash-top h3{font-size:20px}
  .dash-stats{grid-template-columns:1fr;gap:9px}
  .dash-stats>div{display:flex;justify-content:space-between;align-items:center;padding:14px}
  .dash-stats b{margin-top:0;font-size:22px}
  .chart{height:150px;padding:16px}

  .pricing-card{grid-template-columns:1fr;padding:24px;border-radius:26px;margin-top:34px}
  .pricing-card h3{font-size:28px}
  .pricing-card>.btn{width:100%}
  .price-features{gap:10px;font-size:14px}

  .faq-list{margin-top:30px}
  .faq summary{padding:17px;font-size:15px}
  .faq details p{padding:0 17px 17px;font-size:14px}

  .cta{padding:54px 0}
  .cta-box{padding:36px 18px;border-radius:28px}
  .cta-box img{width:68px;height:68px}
  .cta-box h2{font-size:clamp(34px,10vw,44px)}
  .cta-box>div{flex-direction:column}
  .cta-box .btn{width:100%}

  footer{padding:28px 0}
  .footer-inner{flex-direction:column;text-align:center}
  .footer-inner>img{height:44px;max-width:180px}
}

@media (max-width:380px){
  .wrap{width:calc(100% - 20px)}
  h1{font-size:36px}
  .phone-card{padding:13px;border-radius:30px}
  .call-head h3{font-size:20px}
  .stats-row{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}


/* ===== Language selector and first-visit language modal ===== */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.language-control{
  margin-left:auto;
  margin-right:14px;
}

.language-select{
  min-width:112px;
  height:42px;
  padding:0 34px 0 14px;
  border:1px solid #dbe4f0;
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  outline:none;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.language-select:focus{
  border-color:#7c3aed;
  box-shadow:0 0 0 4px rgba(124,58,237,.12);
}

.mobile-language{
  display:none;
  padding:14px 4px 18px;
  border-bottom:1px solid #f1f5f9;
}

.mobile-language label{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.mobile-language .language-select{
  width:100%;
}

.language-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  place-items:center;
  padding:20px;
}

.language-modal.open{
  display:grid;
}

.language-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.68);
  backdrop-filter:blur(12px);
}

.language-modal-card{
  position:relative;
  width:min(100%,520px);
  padding:38px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:32px;
  background:linear-gradient(145deg,#ffffff,#f7f8ff);
  text-align:center;
  box-shadow:0 35px 100px rgba(15,23,42,.32);
}

.language-modal-card>img{
  width:72px;
  height:72px;
  object-fit:contain;
  margin:0 auto 18px;
}

.language-modal-card h2{
  margin:0;
  font-size:34px;
  letter-spacing:-.04em;
}

.language-modal-card>p{
  margin:10px 0 26px;
  color:#64748b;
}

.language-options{
  display:grid;
  gap:12px;
}

.language-options button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  padding:18px 20px;
  border:1px solid #dbe4f0;
  border-radius:18px;
  background:#fff;
  color:#0f172a;
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}

.language-options button:hover{
  transform:translateY(-2px);
  border-color:#7c3aed;
  box-shadow:0 14px 28px rgba(124,58,237,.12);
}

.language-options button span{
  font-size:19px;
  font-weight:900;
}

.language-options button small{
  color:#64748b;
  font-size:13px;
}

html[dir="rtl"] body{
  direction:rtl;
}

html[dir="rtl"] .language-options button,
html[dir="rtl"] .call-head,
html[dir="rtl"] .bubble,
html[dir="rtl"] .confirmed{
  text-align:right;
}

html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .hero-buttons,
html[dir="rtl"] .ticks,
html[dir="rtl"] .social{
  flex-direction:row-reverse;
}

html[dir="rtl"] .language-select{
  padding:0 14px 0 34px;
}

@media(max-width:960px){
  .desktop-language{display:none}
  .mobile-language{display:block}
}

@media(max-width:560px){
  .language-modal-card{
    padding:28px 18px;
    border-radius:26px;
  }
  .language-modal-card h2{font-size:28px}
}


/* ===== Kurdish / Arabic typography =====
   Upload NRT-Reg.ttf into the website assets folder to enable this font.
*/
@font-face{
  font-family:"NRT";
  src:url("assets/NRT-Reg.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

html[lang="ckb"] body,
html[lang="ar"] body{
  font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  line-height:1.75;
}


/* ===== Reliable inline SVG icons ===== */
.svg-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  background:linear-gradient(135deg,#eff6ff,#f5f3ff);
  color:#2563eb;
  font-family:Arial,sans-serif!important;
  font-style:normal;
}

.svg-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.steps .svg-icon{
  margin:14px auto 18px;
}

.social a{
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:900;
  letter-spacing:-.03em;
}

.call-icon,
.hamburger{
  font-family:Arial,Helvetica,sans-serif!important;
}

html[lang="ckb"] h1,
html[lang="ar"] h1{
  line-height:1.45;
  letter-spacing:0;
}


/* ===== Keep the English visual design in Kurdish and Arabic ===== */
html[lang="ckb"] .hero-copy,
html[lang="ar"] .hero-copy{
  text-align:right;
}

html[lang="ckb"] .hero-copy h1,
html[lang="ar"] .hero-copy h1{
  max-width:760px;
  line-height:1.35;
  letter-spacing:0;
}

html[lang="ckb"] .hero-copy h1 span,
html[lang="ar"] .hero-copy h1 span{
  display:inline;
  background:linear-gradient(90deg,var(--blue),var(--purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

html[lang="ckb"] .hero-copy .eyebrow,
html[lang="ar"] .hero-copy .eyebrow{
  background:#fff;
  border-color:#dbeafe;
  color:#0f172a;
  box-shadow:0 6px 20px rgba(15,23,42,.06);
}

html[lang="ckb"] .hero-buttons,
html[lang="ar"] .hero-buttons{
  justify-content:flex-start;
  flex-direction:row;
}

html[lang="ckb"] .ticks,
html[lang="ar"] .ticks{
  justify-content:flex-start;
  flex-direction:row;
}

html[lang="ckb"] .btn,
html[lang="ar"] .btn{
  font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}

html[lang="ckb"] .section-head,
html[lang="ar"] .section-head,
html[lang="ckb"] .pricing-head,
html[lang="ar"] .pricing-head{
  text-align:center;
}

html[lang="ckb"] .pricing-card,
html[lang="ar"] .pricing-card,
html[lang="ckb"] .feature-card,
html[lang="ar"] .feature-card{
  text-align:right;
}

html[lang="ckb"] .pricing-card .btn,
html[lang="ar"] .pricing-card .btn{
  text-align:center;
}

@media(max-width:960px){
  html[lang="ckb"] .hero-copy,
  html[lang="ar"] .hero-copy{
    text-align:center;
  }

  html[lang="ckb"] .hero-buttons,
  html[lang="ar"] .hero-buttons,
  html[lang="ckb"] .ticks,
  html[lang="ar"] .ticks{
    justify-content:center;
  }
}


/* ===== Correct social media logos ===== */
.social-icon-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.social-svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* ===== Strong Kurdish and Arabic mobile font fix ===== */
html[lang="ckb"],
html[lang="ar"],
html[lang="ckb"] body,
html[lang="ar"] body,
html[lang="ckb"] body *:not(svg):not(path):not(circle):not(rect),
html[lang="ar"] body *:not(svg):not(path):not(circle):not(rect){
  font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif !important;
}

html[lang="ckb"] input,
html[lang="ckb"] button,
html[lang="ckb"] select,
html[lang="ckb"] textarea,
html[lang="ar"] input,
html[lang="ar"] button,
html[lang="ar"] select,
html[lang="ar"] textarea{
  font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif !important;
}

@media(max-width:960px){
  html[lang="ckb"] body,
  html[lang="ar"] body{
    font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif !important;
  }

  html[lang="ckb"] h1,
  html[lang="ckb"] h2,
  html[lang="ckb"] h3,
  html[lang="ckb"] h4,
  html[lang="ckb"] p,
  html[lang="ckb"] a,
  html[lang="ckb"] button,
  html[lang="ckb"] span,
  html[lang="ckb"] li,
  html[lang="ar"] h1,
  html[lang="ar"] h2,
  html[lang="ar"] h3,
  html[lang="ar"] h4,
  html[lang="ar"] p,
  html[lang="ar"] a,
  html[lang="ar"] button,
  html[lang="ar"] span,
  html[lang="ar"] li{
    font-family:"NRT","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif !important;
  }
}

/* Keep SVG/social icons independent from the language font */
.svg-icon,
.svg-icon *,
.social-svg,
.social-svg *,
.call-icon,
.hamburger{
  font-family:Arial,Helvetica,sans-serif !important;
}


/* ===== Mobile hero animation fix ===== */
@keyframes mobileFloatSafe{
  0%,100%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(0,-7px,0) scale(1.005); }
}

@keyframes mobilePulseSafe{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.03); opacity:.96; }
}

@media(max-width:960px){
  .hero{
    overflow:hidden;
  }

  .hero .phone-wrap,
  .hero .phone,
  .hero .phone-card,
  .hero-visual,
  .phone-shell{
    width:min(88vw,380px)!important;
    max-width:88vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    animation:mobileFloatSafe 4.8s ease-in-out infinite!important;
    will-change:transform;
  }

  .hero .float-card,
  .hero .floating-card,
  .hero .call-stat,
  .hero .booking-stat,
  .hero .success-toast,
  .hero .lead-card,
  .hero .performance-card{
    max-width:42vw!important;
    animation:mobileFloatSafe 5.6s ease-in-out infinite!important;
    transform:none!important;
  }

  .hero .float-card:nth-of-type(even),
  .hero .floating-card:nth-of-type(even){
    animation-delay:-1.8s!important;
  }

  .hero .glow,
  .hero .hero-glow,
  .hero .orb,
  .hero .ring{
    animation:mobilePulseSafe 6s ease-in-out infinite!important;
    transform-origin:center!important;
  }

  .hero *{
    backface-visibility:hidden;
  }
}

@media(max-width:560px){
  .hero .phone-wrap,
  .hero .phone,
  .hero .phone-card,
  .hero-visual,
  .phone-shell{
    width:min(92vw,360px)!important;
    max-width:92vw!important;
  }

  .hero .float-card,
  .hero .floating-card,
  .hero .call-stat,
  .hero .booking-stat,
  .hero .success-toast,
  .hero .lead-card,
  .hero .performance-card{
    max-width:44vw!important;
  }
}


/* ===== Wisecall WOW upgrade ===== */
.wc-loader{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 35% 35%,rgba(37,99,235,.14),transparent 34%),
    radial-gradient(circle at 70% 65%,rgba(124,58,237,.14),transparent 36%),
    #fff;
  transition:opacity .65s ease, visibility .65s ease;
}
.wc-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.wc-loader-inner{text-align:center}
.wc-loader-inner img{
  width:84px;height:84px;object-fit:contain;
  filter:drop-shadow(0 16px 30px rgba(37,99,235,.22));
  animation:wcLogoBreathe 1.5s ease-in-out infinite;
}
.wc-loader-inner p{
  margin-top:18px;color:#64748b;font-weight:800;letter-spacing:.02em
}
.wc-loader-rings{
  display:flex;justify-content:center;align-items:flex-end;gap:5px;height:22px;margin-top:16px
}
.wc-loader-rings span{
  width:5px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#7c3aed);
  animation:wcBars .8s ease-in-out infinite
}
.wc-loader-rings span:nth-child(1){height:10px}
.wc-loader-rings span:nth-child(2){height:20px;animation-delay:.12s}
.wc-loader-rings span:nth-child(3){height:14px;animation-delay:.24s}

@keyframes wcLogoBreathe{50%{transform:scale(1.07);filter:drop-shadow(0 22px 38px rgba(124,58,237,.28))}}
@keyframes wcBars{50%{transform:scaleY(.45);opacity:.55}}

.wc-cursor-glow{
  position:fixed;z-index:0;width:420px;height:420px;border-radius:50%;
  pointer-events:none;opacity:.34;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(37,99,235,.22),rgba(124,58,237,.10) 42%,transparent 72%);
  filter:blur(14px);transition:opacity .25s ease;
}
body:not(.wc-pointer-active) .wc-cursor-glow{opacity:0}

.wc-phone-live{
  isolation:isolate;
}
.wc-phone-live::after{
  content:"";position:absolute;inset:-40% -70%;z-index:20;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.62) 48%,transparent 58%);
  transform:translateX(-55%) rotate(4deg);
  animation:wcGlassSweep 6.8s ease-in-out infinite;
}
@keyframes wcGlassSweep{
  0%,55%{transform:translateX(-60%) rotate(4deg);opacity:0}
  62%{opacity:.75}
  82%,100%{transform:translateX(60%) rotate(4deg);opacity:0}
}

.wc-ring-icon{animation:wcRing 3.4s ease-in-out infinite}
@keyframes wcRing{
  0%,72%,100%{transform:rotate(0)}
  75%{transform:rotate(10deg)}
  78%{transform:rotate(-9deg)}
  81%{transform:rotate(7deg)}
  84%{transform:rotate(0)}
}

.wc-demo-step{
  transition:opacity .45s ease,transform .45s ease,filter .45s ease;
}
.wc-demo-step.wc-hidden{
  opacity:.08;transform:translateY(12px) scale(.985);filter:blur(3px)
}
.wc-demo-step.wc-active{
  opacity:1;transform:translateY(0) scale(1);filter:none
}

.wc-live-notice{
  position:fixed;right:22px;bottom:22px;z-index:9000;
  display:flex;align-items:center;gap:12px;min-width:245px;
  padding:15px 17px;border:1px solid rgba(255,255,255,.75);border-radius:18px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(15,23,42,.18);
  opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;
  transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1);
}
.wc-live-notice.show{opacity:1;transform:translateY(0) scale(1)}
.wc-live-notice strong{display:block;color:#0f172a;font-size:14px}
.wc-live-notice span{display:block;margin-top:2px;color:#64748b;font-size:12px}
.wc-live-dot{
  width:12px;height:12px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.4);animation:wcPing 1.8s infinite
}
@keyframes wcPing{70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.stats-row strong[data-counting="true"]{
  font-variant-numeric:tabular-nums;
}

.feature-card,.pricing-card,.industry-card{
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;
}
.feature-card:hover,.pricing-card:hover,.industry-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 58px rgba(37,99,235,.13);
  border-color:rgba(124,58,237,.34);
}

@media(max-width:960px){
  .wc-cursor-glow{display:none}
  .wc-live-notice{
    right:12px;left:12px;bottom:12px;min-width:0;
  }
  .wc-phone-live::after{animation-duration:8.5s}
}

@media(prefers-reduced-motion:reduce){
  .wc-loader-inner img,.wc-loader-rings span,.wc-phone-live::after,.wc-ring-icon,.wc-live-dot{
    animation:none!important
  }
  .wc-demo-step,.wc-live-notice{transition:none!important}
}


/* =========================================================
   WISECALL PREMIUM PRICING — SURPRISE REDESIGN
   ========================================================= */

.wc-pricing-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:130px;
  padding-bottom:140px;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8faff 46%,#ffffff 100%);
}

.wc-pricing-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.58;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
}

.wc-price-orb{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  filter:blur(85px);
  pointer-events:none;
}

.wc-price-orb-one{
  width:460px;
  height:460px;
  left:-180px;
  top:18%;
  background:rgba(37,99,235,.16);
  animation:wcPricingOrbOne 13s ease-in-out infinite;
}

.wc-price-orb-two{
  width:520px;
  height:520px;
  right:-220px;
  bottom:4%;
  background:rgba(124,58,237,.15);
  animation:wcPricingOrbTwo 16s ease-in-out infinite;
}

@keyframes wcPricingOrbOne{
  50%{transform:translate(90px,35px) scale(1.12)}
}
@keyframes wcPricingOrbTwo{
  50%{transform:translate(-80px,-38px) scale(.92)}
}

.wc-pricing-heading{
  max-width:760px;
  margin:0 auto 72px;
}

.wc-pricing-heading small{
  display:inline-flex;
  padding:9px 14px;
  border:1px solid rgba(37,99,235,.15);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 26px rgba(37,99,235,.08);
}

.wc-premium-pricing{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
  gap:26px!important;
  max-width:1240px;
  margin:0 auto;
}

.wc-plan{
  --plan-accent:#2563eb;
  --plan-accent-two:#7c3aed;
  position:relative;
  overflow:hidden;
  display:flex!important;
  flex-direction:column;
  width:100%!important;
  min-width:0;
  max-width:none!important;
  margin:0!important;
  padding:31px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:30px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,255,.94))!important;
  box-shadow:
    0 22px 55px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
  text-align:left;
  transform:translateY(0);
  transition:
    transform .45s cubic-bezier(.2,.8,.2,1),
    box-shadow .45s ease,
    border-color .45s ease!important;
}

.wc-plan::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  background:
    radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--plan-accent) 16%,transparent),transparent 37%),
    radial-gradient(circle at 90% 92%,color-mix(in srgb,var(--plan-accent-two) 13%,transparent),transparent 38%);
  transition:opacity .4s ease;
}

.wc-plan::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-110%;
  z-index:4;
  width:70%;
  height:240%;
  pointer-events:none;
  opacity:0;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
}

.wc-plan:hover{
  transform:translateY(-12px)!important;
  border-color:color-mix(in srgb,var(--plan-accent) 36%,transparent)!important;
  box-shadow:
    0 35px 80px color-mix(in srgb,var(--plan-accent) 14%,transparent),
    0 20px 45px rgba(15,23,42,.09)!important;
}

.wc-plan:hover::before{opacity:1}
.wc-plan:hover::after{animation:wcPricingShine 1s ease}

@keyframes wcPricingShine{
  0%{left:-110%;opacity:0}
  25%{opacity:.7}
  100%{left:150%;opacity:0}
}

.wc-plan>*{
  position:relative;
  z-index:2;
}

.wc-plan-starter{
  --plan-accent:#f97316;
  --plan-accent-two:#f59e0b;
}

.wc-plan-growth{
  --plan-accent:#2563eb;
  --plan-accent-two:#7c3aed;
}

.wc-plan-scale{
  --plan-accent:#7c3aed;
  --plan-accent-two:#a855f7;
}

.wc-plan.featured{
  border:2px solid transparent!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#2563eb,#7c3aed,#2563eb) border-box!important;
  background-size:100% 100%,250% 250%!important;
  box-shadow:
    0 35px 85px rgba(124,58,237,.18),
    0 16px 38px rgba(37,99,235,.12)!important;
  transform:translateY(-14px);
  animation:wcPremiumBorder 7s ease infinite,wcGrowthBreathe 4.8s ease-in-out infinite;
}

.wc-plan.featured:hover{
  transform:translateY(-22px) scale(1.012)!important;
  box-shadow:
    0 45px 100px rgba(124,58,237,.24),
    0 22px 48px rgba(37,99,235,.14)!important;
}

@keyframes wcPremiumBorder{
  50%{background-position:100% 100%,100% 50%}
}

@keyframes wcGrowthBreathe{
  50%{box-shadow:0 42px 95px rgba(124,58,237,.22),0 18px 44px rgba(37,99,235,.14)}
}

.wc-plan-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:54px;
}

.wc-plan-icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  border:1px solid color-mix(in srgb,var(--plan-accent) 20%,transparent);
  border-radius:17px;
  color:var(--plan-accent);
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--plan-accent) 8%,#fff));
  box-shadow:0 12px 28px color-mix(in srgb,var(--plan-accent) 13%,transparent);
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}

.wc-plan:hover .wc-plan-icon{
  transform:translateY(-3px) rotate(-5deg) scale(1.06);
}

.wc-plan-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-plan-name{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:108px;
  margin:0!important;
  padding:9px 15px!important;
  border:1px solid color-mix(in srgb,var(--plan-accent) 24%,transparent)!important;
  border-radius:999px!important;
  color:var(--plan-accent)!important;
  background:color-mix(in srgb,var(--plan-accent) 7%,#fff)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
  box-shadow:none!important;
}

.wc-popular-ribbon{
  position:absolute;
  top:0;
  left:50%;
  z-index:8;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border-radius:0 0 15px 15px;
  color:#fff;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  box-shadow:0 12px 30px rgba(79,70,229,.3);
  font-size:11px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  transform:translateX(-50%);
}

.wc-popular-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.55);
  animation:wcPopularPing 2s infinite;
}

@keyframes wcPopularPing{
  65%{box-shadow:0 0 0 8px rgba(255,255,255,0)}
}

.wc-plan-growth .wc-plan-top{
  margin-top:18px;
}

.wc-price-line{
  margin-top:34px;
}

.wc-price-line h3{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  margin:0!important;
  font-size:66px!important;
  line-height:1!important;
  letter-spacing:-.065em;
  color:#0f172a;
}

.wc-currency{
  margin-right:3px;
  font-size:.56em;
  letter-spacing:-.03em;
  transform:translateY(-10px);
}

.wc-price-number{
  display:inline-block;
  background:linear-gradient(115deg,#0f172a 25%,var(--plan-accent) 72%,var(--plan-accent-two));
  background-size:180% 180%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:wcPriceGradient 6s ease infinite;
}

@keyframes wcPriceGradient{
  50%{background-position:100% 50%}
}

.wc-price-line small{
  margin-left:9px;
  color:#64748b!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:0;
  -webkit-text-fill-color:#64748b!important;
}

.wc-plan-description{
  min-height:52px!important;
  margin:21px 0 22px!important;
  color:#64748b!important;
  font-size:15px;
  line-height:1.7;
}

.wc-plan-divider{
  height:1px;
  margin-bottom:22px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--plan-accent) 30%,transparent),transparent);
}

.wc-plan .price-features{
  display:flex!important;
  flex-direction:column;
  flex:1;
  gap:13px!important;
  margin:0 0 28px!important;
  padding:0!important;
  list-style:none!important;
  font-size:14px!important;
  line-height:1.45;
}

.wc-plan .price-features li{
  position:relative;
  padding-left:29px;
  color:#26344c;
  font-weight:740;
  list-style:none!important;
  opacity:0;
  transform:translateY(9px);
}

.wc-plan.wc-in-view .price-features li{
  animation:wcFeatureReveal .44s ease forwards;
}

.wc-plan.wc-in-view .price-features li:nth-child(1){animation-delay:.05s}
.wc-plan.wc-in-view .price-features li:nth-child(2){animation-delay:.09s}
.wc-plan.wc-in-view .price-features li:nth-child(3){animation-delay:.13s}
.wc-plan.wc-in-view .price-features li:nth-child(4){animation-delay:.17s}
.wc-plan.wc-in-view .price-features li:nth-child(5){animation-delay:.21s}
.wc-plan.wc-in-view .price-features li:nth-child(6){animation-delay:.25s}
.wc-plan.wc-in-view .price-features li:nth-child(7){animation-delay:.29s}
.wc-plan.wc-in-view .price-features li:nth-child(8){animation-delay:.33s}
.wc-plan.wc-in-view .price-features li:nth-child(9){animation-delay:.37s}
.wc-plan.wc-in-view .price-features li:nth-child(10){animation-delay:.41s}
.wc-plan.wc-in-view .price-features li:nth-child(11){animation-delay:.45s}
.wc-plan.wc-in-view .price-features li:nth-child(12){animation-delay:.49s}

@keyframes wcFeatureReveal{
  to{opacity:1;transform:translateY(0)}
}

.wc-plan .price-features li::before{
  position:absolute;
  left:0;
  top:1px;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:50%;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:900;
}

.wc-plan .price-features .is-included::before{
  content:"✓";
  color:#fff;
  background:linear-gradient(135deg,#10b981,#22c55e);
  box-shadow:0 5px 13px rgba(16,185,129,.22);
}

.wc-plan .price-features .is-unavailable{
  color:#94a3b8;
  font-weight:650;
}

.wc-plan .price-features .is-unavailable::before{
  content:"×";
  color:#ef4444;
  background:#fff1f2;
  border:1px solid #fecdd3;
}

.wc-plan .price-features li{
  font-size:0;
}

.wc-plan .price-features li::after{
  content:attr(data-clean);
  font-size:14px;
}

.wc-price-button{
  position:relative;
  overflow:hidden;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%!important;
  margin-top:auto!important;
  padding:16px 18px!important;
  border:0!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(100deg,var(--plan-accent),var(--plan-accent-two))!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--plan-accent) 23%,transparent)!important;
  font-weight:900!important;
}

.wc-price-button::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);
  transform:translateX(-120%);
}

.wc-price-button:hover::before{
  opacity:1;
  animation:wcButtonSweep .75s ease;
}

@keyframes wcButtonSweep{
  to{transform:translateX(120%)}
}

.wc-price-button svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .25s ease;
}

.wc-price-button:hover svg{
  transform:translateX(4px);
}

html[dir="rtl"] .wc-plan{
  text-align:right;
}

html[dir="rtl"] .wc-plan .price-features li{
  padding-left:0;
  padding-right:29px;
}

html[dir="rtl"] .wc-plan .price-features li::before{
  left:auto;
  right:0;
}

html[dir="rtl"] .wc-price-line h3{
  flex-direction:row-reverse;
  justify-content:flex-end;
}

html[dir="rtl"] .wc-price-line small{
  margin-left:0;
  margin-right:9px;
}

html[dir="rtl"] .wc-currency{
  margin-right:0;
  margin-left:3px;
}

@media(max-width:1050px){
  .wc-premium-pricing{
    grid-template-columns:1fr!important;
    max-width:650px;
  }

  .wc-plan.featured{
    transform:none;
  }

  .wc-plan.featured:hover{
    transform:translateY(-10px)!important;
  }
}

@media(max-width:600px){
  .wc-pricing-section{
    padding-top:95px;
    padding-bottom:100px;
  }

  .wc-pricing-heading{
    margin-bottom:48px;
  }

  .wc-premium-pricing{
    gap:22px!important;
  }

  .wc-plan{
    padding:24px 21px!important;
    border-radius:26px!important;
  }

  .wc-price-line{
    margin-top:27px;
  }

  .wc-price-line h3{
    font-size:53px!important;
  }

  .wc-plan-name{
    min-width:auto;
  }

  .wc-popular-ribbon{
    padding:8px 14px;
    font-size:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-price-orb,
  .wc-plan.featured,
  .wc-price-number,
  .wc-popular-dot{
    animation:none!important;
  }
}


/* ===== Pricing amount clipping fix ===== */
.wc-price-line{
  overflow:visible!important;
  padding:10px 0 8px;
}

.wc-price-line h3{
  overflow:visible!important;
  padding:4px 0 8px;
  line-height:1.14!important;
}

.wc-price-number{
  display:inline-block;
  overflow:visible;
  padding:.06em .015em .12em;
}

.wc-currency{
  display:inline-block;
  padding-top:.12em;
  transform:translateY(-6px)!important;
}

.wc-price-line small{
  padding-bottom:.28em;
}

@media(max-width:600px){
  .wc-price-line{
    padding-top:8px;
  }

  .wc-price-line h3{
    padding-bottom:7px;
    line-height:1.16!important;
  }
}


/* ===== FINAL HARD FIX: prevent any pricing text clipping ===== */
.wc-plan{
  overflow:visible!important;
}

.wc-price-line{
  display:block!important;
  overflow:visible!important;
  min-height:96px!important;
  margin-top:28px!important;
  padding:16px 2px 14px!important;
}

.wc-price-line h3{
  display:flex!important;
  align-items:flex-end!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  overflow:visible!important;
  min-height:78px!important;
  margin:0!important;
  padding:10px 0 12px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.wc-currency{
  display:inline-block!important;
  margin:0!important;
  padding:0 0 8px 0!important;
  transform:none!important;
  color:#0f172a!important;
  font-size:34px!important;
  line-height:1.2!important;
  -webkit-text-fill-color:#0f172a!important;
}

.wc-price-number{
  display:inline-block!important;
  overflow:visible!important;
  margin:0!important;
  padding:0 2px 8px!important;
  transform:none!important;
  font-size:66px!important;
  line-height:1.2!important;
  letter-spacing:-.045em!important;
  background:none!important;
  color:var(--plan-accent)!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:var(--plan-accent)!important;
  animation:none!important;
}

.wc-price-line small{
  display:inline-block!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  transform:none!important;
  color:#64748b!important;
  font-size:15px!important;
  line-height:1.2!important;
  -webkit-text-fill-color:#64748b!important;
}

html[dir="rtl"] .wc-price-line h3{
  flex-direction:row!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] .wc-currency,
html[dir="rtl"] .wc-price-line small{
  margin:0!important;
}

@media(max-width:600px){
  .wc-price-line{
    min-height:84px!important;
    padding-top:12px!important;
  }

  .wc-price-line h3{
    min-height:68px!important;
    padding-top:8px!important;
  }

  .wc-price-number{
    font-size:54px!important;
  }

  .wc-currency{
    font-size:29px!important;
    padding-bottom:7px!important;
  }

  .wc-price-line small{
    font-size:14px!important;
    margin-bottom:10px!important;
  }
}


/* ===== FINAL PREMIUM GRADIENT RESTORE =====
   Stronger selectors override the previous clipping-safe colours.
*/
.wc-plan .wc-price-line h3{
  overflow:visible!important;
  padding:12px 3px 16px!important;
  line-height:1.28!important;
}

.wc-plan .wc-price-line .wc-currency,
.wc-plan .wc-price-line .wc-price-number,
.wc-plan .wc-price-line small{
  display:inline-block!important;
  overflow:visible!important;
  transform:none!important;
  background-image:linear-gradient(
    120deg,
    var(--plan-accent) 0%,
    var(--plan-accent-two) 48%,
    var(--plan-accent) 100%
  )!important;
  background-size:220% 220%!important;
  background-position:0% 50%;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:wcFullPriceGradient 6.5s ease-in-out infinite!important;
}

.wc-plan .wc-price-line .wc-currency{
  padding:0 1px 10px!important;
}

.wc-plan .wc-price-line .wc-price-number{
  padding:.08em .045em .18em!important;
  line-height:1.25!important;
}

.wc-plan .wc-price-line small{
  padding:0 1px 13px!important;
  font-weight:900!important;
}

/* Different premium gradients for each plan */
.wc-plan-starter{
  --plan-accent:#f97316;
  --plan-accent-two:#f59e0b;
}

.wc-plan-growth{
  --plan-accent:#2563eb;
  --plan-accent-two:#7c3aed;
}

.wc-plan-scale{
  --plan-accent:#6d28d9;
  --plan-accent-two:#a855f7;
}

@keyframes wcFullPriceGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Safari/iPhone rendering safety */
@supports (-webkit-touch-callout:none){
  .wc-plan .wc-price-line h3{
    padding-top:15px!important;
    padding-bottom:18px!important;
  }

  .wc-plan .wc-price-line .wc-price-number{
    padding-bottom:.22em!important;
  }
}

@media(max-width:600px){
  .wc-plan .wc-price-line h3{
    padding-top:11px!important;
    padding-bottom:14px!important;
  }
}


/* =====================================================
   WISECALL BUSINESS OVERVIEW — PREMIUM LIVE DASHBOARD
   ===================================================== */
.wc-dashboard-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,#f8fbff 0%,#ffffff 48%,#faf8ff 100%);
}

.wc-dashboard-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.5;
  background-image:
    linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
}

.wc-dashboard-orb{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  filter:blur(100px);
  pointer-events:none;
}

.wc-dashboard-orb-a{
  width:430px;
  height:430px;
  left:-190px;
  top:14%;
  background:rgba(37,99,235,.14);
  animation:wcDashOrbA 14s ease-in-out infinite;
}

.wc-dashboard-orb-b{
  width:460px;
  height:460px;
  right:-180px;
  bottom:4%;
  background:rgba(124,58,237,.14);
  animation:wcDashOrbB 17s ease-in-out infinite;
}

@keyframes wcDashOrbA{50%{transform:translate(90px,25px) scale(1.1)}}
@keyframes wcDashOrbB{50%{transform:translate(-75px,-30px) scale(.92)}}

.wc-dashboard-grid{
  grid-template-columns:.78fr 1.22fr!important;
  gap:60px!important;
}

.wc-dashboard-copy{
  position:relative;
  z-index:2;
}

.wc-dashboard-copy>small{
  font-weight:950;
  letter-spacing:.24em;
}

.wc-dashboard-copy h2{
  margin-top:18px;
}

.wc-dashboard-copy>p{
  max-width:600px;
}

.wc-dashboard-points{
  display:grid;
  gap:15px;
  margin-top:34px;
}

.wc-dashboard-points>div{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:16px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(15,23,42,.05);
  transition:.3s ease;
}

.wc-dashboard-points>div:hover{
  transform:translateX(6px);
  border-color:rgba(124,58,237,.32);
  box-shadow:0 20px 45px rgba(37,99,235,.09);
}

.wc-point-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:15px;
  color:#2563eb;
  background:linear-gradient(145deg,#eff6ff,#f5f3ff);
}

.wc-point-icon svg,
.wc-dashboard-cta svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-dashboard-points b{
  display:block;
  margin-bottom:4px;
  font-size:15px;
}

.wc-dashboard-points p{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}

.wc-dashboard-cta{
  gap:10px;
  margin-top:28px;
}

.wc-dashboard-shell{
  position:relative;
  padding:14px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(245,247,255,.76));
  box-shadow:
    0 38px 100px rgba(15,23,42,.16),
    0 12px 40px rgba(79,70,229,.08);
  backdrop-filter:blur(22px);
  animation:wcDashboardFloat 7s ease-in-out infinite;
}

@keyframes wcDashboardFloat{
  50%{transform:translateY(-8px)}
}

.wc-dashboard-shell::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(37,99,235,.45),rgba(255,255,255,.1),rgba(124,58,237,.45));
  opacity:.6;
  filter:blur(12px);
}

.wc-dashboard-glass{
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(226,232,240,.8);
  border-radius:26px;
  background:rgba(255,255,255,.95);
}

.wc-dash-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid #e9eef6;
}

.wc-dash-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.wc-dash-brand img{
  width:42px;
  height:42px;
  object-fit:contain;
}

.wc-dash-brand small,
.wc-panel-title small{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wc-dash-brand h3{
  margin:3px 0 0;
  font-size:23px;
  letter-spacing:-.03em;
}

.wc-live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  color:#059669;
  background:#ecfdf5;
  font-size:12px;
  font-weight:900;
}

.wc-live-pill span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
  animation:wcDashPing 1.8s infinite;
}

@keyframes wcDashPing{
  70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}
}

.wc-dash-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}

.wc-dash-metrics article{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px;
  border:1px solid #edf1f7;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  transition:.28s ease;
}

.wc-dash-metrics article:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}

.wc-metric-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:13px;
}

.wc-metric-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-metric-icon.wc-blue{color:#2563eb;background:#eff6ff}
.wc-metric-icon.wc-purple{color:#7c3aed;background:#f5f3ff}
.wc-metric-icon.wc-green{color:#059669;background:#ecfdf5}

.wc-dash-metrics small{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

.wc-dash-metrics b{
  display:block;
  margin-top:2px;
  font-size:25px;
  line-height:1;
}

.wc-dash-metrics span{
  display:block;
  margin-top:5px;
  color:#10b981;
  font-size:10px;
  font-weight:800;
}

.wc-dashboard-main{
  display:grid;
  grid-template-columns:1fr 190px;
  gap:14px;
  margin-top:14px;
}

.wc-activity-panel,
.wc-conversion-card,
.wc-recent-calls{
  border:1px solid #edf1f7;
  border-radius:20px;
  background:#fff;
}

.wc-activity-panel{
  padding:17px;
}

.wc-panel-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.wc-panel-title h4{
  margin:3px 0 0;
  font-size:16px;
}

.wc-panel-title>span,
.wc-panel-title>a{
  color:#2563eb;
  font-size:11px;
  font-weight:900;
}

.wc-chart-area{
  position:relative;
  height:205px;
  margin-top:12px;
  overflow:hidden;
}

.wc-chart-grid{
  position:absolute;
  inset:0 0 24px;
  display:grid;
  grid-template-rows:repeat(4,1fr);
}

.wc-chart-grid span{
  border-top:1px dashed #e7edf5;
}

.wc-line-chart{
  position:absolute;
  inset:0 0 24px;
  width:100%;
  height:calc(100% - 24px);
  overflow:visible;
}

.wc-chart-fill{
  fill:url(#wcChartFill);
  opacity:0;
  animation:wcChartFillIn 1.2s .45s ease forwards;
}

.wc-chart-line{
  fill:none;
  stroke:url(#wcChartLine);
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:900;
  stroke-dashoffset:900;
  animation:wcChartDraw 1.6s .25s ease forwards;
}

.wc-line-chart circle{
  fill:#7c3aed;
  stroke:#fff;
  stroke-width:4;
  opacity:0;
  animation:wcChartPoint .45s 1.7s ease forwards;
}

@keyframes wcChartDraw{to{stroke-dashoffset:0}}
@keyframes wcChartFillIn{to{opacity:1}}
@keyframes wcChartPoint{to{opacity:1}}

.wc-chart-labels{
  position:absolute;
  inset:auto 0 0;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  color:#94a3b8;
  font-size:9px;
  font-weight:800;
  text-align:center;
}

.wc-conversion-card{
  padding:17px;
}

.wc-progress-ring{
  position:relative;
  display:grid;
  place-items:center;
  width:132px;
  height:132px;
  margin:14px auto;
}

.wc-progress-ring svg{
  width:132px;
  height:132px;
  transform:rotate(-90deg);
}

.wc-progress-ring circle{
  fill:none;
  stroke-width:10;
}

.wc-ring-track{
  stroke:#edf2f8;
}

.wc-ring-value{
  stroke:url(#wcChartLine);
  stroke-linecap:round;
  stroke-dasharray:302;
  stroke-dashoffset:302;
  animation:wcRingDraw 1.5s .5s ease forwards;
}

@keyframes wcRingDraw{to{stroke-dashoffset:57}}

.wc-progress-ring>div{
  position:absolute;
  text-align:center;
}

.wc-progress-ring strong{
  display:block;
  font-size:27px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.wc-progress-ring span{
  color:#94a3b8;
  font-size:10px;
  font-weight:800;
}

.wc-conversion-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 0;
  border-top:1px solid #edf1f7;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}

.wc-conversion-row b{
  color:#0f172a;
}

.wc-recent-calls{
  margin-top:14px;
  padding:17px;
}

.wc-call-row{
  display:grid;
  grid-template-columns:40px 1fr auto 42px;
  align-items:center;
  gap:11px;
  padding:12px 0;
  border-top:1px solid #edf1f7;
}

.wc-call-row:first-of-type{
  margin-top:8px;
}

.wc-avatar{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  color:#2563eb;
  background:#eff6ff;
  font-size:11px;
  font-weight:950;
}

.wc-avatar.purple{color:#7c3aed;background:#f5f3ff}
.wc-avatar.orange{color:#ea580c;background:#fff7ed}

.wc-call-row b{
  display:block;
  font-size:12px;
}

.wc-call-row small{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:10px;
}

.wc-call-status{
  padding:6px 8px;
  border-radius:999px;
  color:#7c3aed;
  background:#f5f3ff;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.wc-call-status.success{
  color:#059669;
  background:#ecfdf5;
}

.wc-call-row time{
  color:#94a3b8;
  font-size:9px;
  font-weight:800;
  text-align:right;
}

.wc-dashboard-toast{
  position:absolute;
  right:-26px;
  bottom:50px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 45px rgba(15,23,42,.16);
  backdrop-filter:blur(16px);
  animation:wcToastFloat 5s ease-in-out infinite;
}

@keyframes wcToastFloat{50%{transform:translateY(-8px)}}

.wc-dashboard-toast>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  color:#fff;
  background:#22c55e;
  font-weight:900;
}

.wc-dashboard-toast b{
  display:block;
  font-size:11px;
}

.wc-dashboard-toast small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:9px;
}

html[dir="rtl"] .wc-dashboard-points>div,
html[dir="rtl"] .wc-dash-brand,
html[dir="rtl"] .wc-call-row,
html[dir="rtl"] .wc-dashboard-toast{
  direction:rtl;
}

html[dir="rtl"] .wc-call-row time{
  text-align:left;
}

@media(max-width:1100px){
  .wc-dashboard-grid{
    grid-template-columns:1fr!important;
  }

  .wc-dashboard-copy{
    max-width:760px;
  }

  .wc-dashboard-shell{
    max-width:820px;
    margin:auto;
  }
}

@media(max-width:720px){
  .wc-dashboard-shell{
    padding:8px;
    border-radius:27px;
    animation-duration:8.5s;
  }

  .wc-dashboard-glass{
    padding:14px;
    border-radius:22px;
  }

  .wc-dash-metrics{
    grid-template-columns:1fr;
  }

  .wc-dash-metrics article{
    justify-content:flex-start;
  }

  .wc-dashboard-main{
    grid-template-columns:1fr;
  }

  .wc-conversion-card{
    display:grid;
    grid-template-columns:1fr 120px;
    align-items:center;
    gap:12px;
  }

  .wc-conversion-card .wc-panel-title{
    grid-column:1/-1;
  }

  .wc-progress-ring{
    grid-column:2;
    grid-row:2/4;
    width:112px;
    height:112px;
    margin:0;
  }

  .wc-progress-ring svg{
    width:112px;
    height:112px;
  }

  .wc-conversion-row{
    grid-column:1;
  }

  .wc-call-row{
    grid-template-columns:38px 1fr auto;
  }

  .wc-call-row time{
    display:none;
  }

  .wc-dashboard-toast{
    right:12px;
    bottom:-18px;
  }
}

@media(max-width:480px){
  .wc-dashboard-points>div{
    padding:14px;
  }

  .wc-dash-header{
    align-items:flex-start;
  }

  .wc-dash-brand h3{
    font-size:19px;
  }

  .wc-live-pill{
    padding:7px 9px;
  }

  .wc-activity-panel,
  .wc-conversion-card,
  .wc-recent-calls{
    border-radius:17px;
  }

  .wc-call-status{
    display:none;
  }

  .wc-call-row{
    grid-template-columns:38px 1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-dashboard-shell,
  .wc-dashboard-toast,
  .wc-dashboard-orb,
  .wc-chart-fill,
  .wc-chart-line,
  .wc-line-chart circle,
  .wc-ring-value,
  .wc-live-pill span{
    animation:none!important;
  }
}


/* =====================================================
   BUSINESS OVERVIEW — WOW ANIMATION UPGRADE
   ===================================================== */

/* Reveal animation */
.wc-dashboard-copy,
.wc-dashboard-shell{
  opacity:0;
  transform:translateY(34px);
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-copy{
  animation:wcDashReveal .9s cubic-bezier(.2,.8,.2,1) forwards;
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-shell{
  animation:wcDashReveal 1s .15s cubic-bezier(.2,.8,.2,1) forwards,
            wcDashboardFloat 7s 1.2s ease-in-out infinite;
}

@keyframes wcDashReveal{
  to{opacity:1;transform:translateY(0)}
}

/* Stagger dashboard points */
.wc-dashboard-points>div{
  opacity:0;
  transform:translateX(-22px);
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-points>div{
  animation:wcPointReveal .55s cubic-bezier(.2,.8,.2,1) forwards;
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-points>div:nth-child(1){animation-delay:.18s}
.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-points>div:nth-child(2){animation-delay:.28s}
.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-points>div:nth-child(3){animation-delay:.38s}

@keyframes wcPointReveal{
  to{opacity:1;transform:translateX(0)}
}

/* Metric cards enter one by one */
.wc-dash-metrics article{
  opacity:0;
  transform:translateY(18px) scale(.97);
}

.wc-dashboard-section.wc-dashboard-visible .wc-dash-metrics article{
  animation:wcMetricReveal .55s cubic-bezier(.2,.8,.2,1) forwards;
}

.wc-dashboard-section.wc-dashboard-visible .wc-dash-metrics article:nth-child(1){animation-delay:.32s}
.wc-dashboard-section.wc-dashboard-visible .wc-dash-metrics article:nth-child(2){animation-delay:.42s}
.wc-dashboard-section.wc-dashboard-visible .wc-dash-metrics article:nth-child(3){animation-delay:.52s}

@keyframes wcMetricReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Live number pulse */
.wc-dash-metrics b.wc-number-pulse{
  animation:wcNumberPulse .55s ease;
}

@keyframes wcNumberPulse{
  50%{transform:scale(1.12);color:#7c3aed}
}

/* Recent calls stream in */
.wc-call-row{
  opacity:0;
  transform:translateX(18px);
}

.wc-dashboard-section.wc-dashboard-visible .wc-call-row{
  animation:wcCallReveal .48s ease forwards;
}

.wc-dashboard-section.wc-dashboard-visible .wc-call-row:nth-of-type(1){animation-delay:.62s}
.wc-dashboard-section.wc-dashboard-visible .wc-call-row:nth-of-type(2){animation-delay:.72s}
.wc-dashboard-section.wc-dashboard-visible .wc-call-row:nth-of-type(3){animation-delay:.82s}

@keyframes wcCallReveal{
  to{opacity:1;transform:translateX(0)}
}

/* Moving chart sheen */
.wc-chart-area::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent 36%,
    rgba(255,255,255,.62) 48%,
    transparent 60%
  );
  transform:translateX(-120%);
  opacity:0;
}

.wc-dashboard-section.wc-dashboard-visible .wc-chart-area::after{
  animation:wcChartSheen 5.5s 2s ease-in-out infinite;
}

@keyframes wcChartSheen{
  0%,58%{transform:translateX(-120%);opacity:0}
  65%{opacity:.75}
  82%,100%{transform:translateX(120%);opacity:0}
}

/* Animated chart endpoint */
.wc-line-chart circle{
  transform-origin:center;
  animation:
    wcChartPoint .45s 1.7s ease forwards,
    wcChartDotPulse 2.1s 2.2s ease-in-out infinite;
}

@keyframes wcChartDotPulse{
  50%{r:10;filter:drop-shadow(0 0 10px rgba(124,58,237,.75))}
}

/* Conversion ring breathing */
.wc-progress-ring{
  animation:wcRingFloat 4.8s ease-in-out infinite;
}

@keyframes wcRingFloat{
  50%{transform:translateY(-5px) scale(1.025)}
}

/* Floating appointment toast with entry */
.wc-dashboard-toast{
  opacity:0;
  transform:translateY(20px) scale(.94);
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-toast{
  animation:
    wcToastReveal .6s .95s cubic-bezier(.2,.8,.2,1) forwards,
    wcToastFloat 5s 1.7s ease-in-out infinite;
}

@keyframes wcToastReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Dashboard light sweep */
.wc-dashboard-shell::after{
  content:"";
  position:absolute;
  inset:8px;
  z-index:5;
  border-radius:28px;
  pointer-events:none;
  overflow:hidden;
  background:linear-gradient(
    118deg,
    transparent 37%,
    rgba(255,255,255,.5) 48%,
    transparent 59%
  );
  transform:translateX(-120%);
  opacity:0;
}

.wc-dashboard-section.wc-dashboard-visible .wc-dashboard-shell::after{
  animation:wcDashboardSweep 7.2s 2.4s ease-in-out infinite;
}

@keyframes wcDashboardSweep{
  0%,62%{transform:translateX(-120%);opacity:0}
  68%{opacity:.55}
  86%,100%{transform:translateX(120%);opacity:0}
}

/* Button magnetic feel */
.wc-dashboard-cta{
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
}

.wc-dashboard-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 66%);
  transform:translateX(-125%);
}

.wc-dashboard-cta:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(79,70,229,.28);
}

.wc-dashboard-cta:hover::before{
  animation:wcButtonGlowSweep .8s ease;
}

@keyframes wcButtonGlowSweep{
  to{transform:translateX(125%)}
}

/* Mobile-safe movement */
@media(max-width:720px){
  .wc-dashboard-section.wc-dashboard-visible .wc-dashboard-shell{
    animation:wcDashReveal .85s .12s cubic-bezier(.2,.8,.2,1) forwards,
              wcDashboardFloatMobile 8s 1s ease-in-out infinite;
  }

  @keyframes wcDashboardFloatMobile{
    50%{transform:translateY(-4px)}
  }

  .wc-dashboard-shell::after{
    inset:5px;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .wc-dashboard-copy,
  .wc-dashboard-shell,
  .wc-dashboard-points>div,
  .wc-dash-metrics article,
  .wc-call-row,
  .wc-dashboard-toast{
    opacity:1!important;
    transform:none!important;
  }

  .wc-dashboard-section.wc-dashboard-visible *,
  .wc-dashboard-section.wc-dashboard-visible *::before,
  .wc-dashboard-section.wc-dashboard-visible *::after{
    animation:none!important;
  }
}


/* =====================================================
   LATEST CONVERSATIONS — LIVE ACTIVITY FEED
   ===================================================== */
.wc-live-conversations{
  position:relative;
  overflow:hidden;
}

.wc-live-conversations::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 48%,transparent 61%);
  transform:translateX(-120%);
  animation:wcFeedSweep 7s 2.5s ease-in-out infinite;
}

@keyframes wcFeedSweep{
  0%,64%{transform:translateX(-120%);opacity:0}
  70%{opacity:.65}
  88%,100%{transform:translateX(120%);opacity:0}
}

.wc-live-feed-dot{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
  animation:wcFeedPing 1.8s infinite;
}

@keyframes wcFeedPing{
  70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}
}

.wc-live-feed{
  position:relative;
  display:grid;
  gap:0;
  margin-top:12px;
}

.wc-live-call{
  position:relative;
  display:grid;
  grid-template-columns:18px 42px 1fr;
  gap:12px;
  padding:15px 0;
  border-top:1px solid #edf1f7;
  opacity:0;
  transform:translateY(16px);
}

.wc-dashboard-section.wc-dashboard-visible .wc-live-call{
  animation:wcLiveCallReveal .5s ease forwards;
}

.wc-dashboard-section.wc-dashboard-visible .wc-live-call:nth-child(1){animation-delay:.68s}
.wc-dashboard-section.wc-dashboard-visible .wc-live-call:nth-child(2){animation-delay:.82s}
.wc-dashboard-section.wc-dashboard-visible .wc-live-call:nth-child(3){animation-delay:.96s}

@keyframes wcLiveCallReveal{
  to{opacity:1;transform:translateY(0)}
}

.wc-live-timeline{
  position:relative;
  display:flex;
  justify-content:center;
}

.wc-live-timeline::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:-34px;
  width:2px;
  background:linear-gradient(#dbeafe,#ede9fe);
}

.wc-live-call:last-child .wc-live-timeline::after{
  display:none;
}

.wc-live-timeline span{
  position:relative;
  z-index:2;
  width:10px;
  height:10px;
  margin-top:12px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2563eb;
  box-shadow:0 0 0 4px #dbeafe;
}

.wc-live-call.is-active .wc-live-timeline span{
  background:#22c55e;
  box-shadow:0 0 0 4px #dcfce7;
  animation:wcActiveDot 1.8s infinite;
}

@keyframes wcActiveDot{
  50%{transform:scale(1.18)}
}

.wc-live-call-main{
  min-width:0;
}

.wc-live-call-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.wc-live-call-top b{
  display:block;
  font-size:13px;
}

.wc-live-call-top small{
  display:block;
  margin-top:3px;
  color:#94a3b8;
  font-size:10px;
}

.wc-live-call-top time{
  color:#94a3b8;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.wc-mini-wave{
  display:flex;
  align-items:center;
  gap:3px;
  height:24px;
  margin:8px 0 7px;
}

.wc-mini-wave span{
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#2563eb,#7c3aed);
  animation:wcMiniWave .8s ease-in-out infinite;
}

.wc-mini-wave span:nth-child(1){height:7px}
.wc-mini-wave span:nth-child(2){height:15px;animation-delay:.07s}
.wc-mini-wave span:nth-child(3){height:10px;animation-delay:.14s}
.wc-mini-wave span:nth-child(4){height:20px;animation-delay:.21s}
.wc-mini-wave span:nth-child(5){height:12px;animation-delay:.28s}
.wc-mini-wave span:nth-child(6){height:17px;animation-delay:.35s}
.wc-mini-wave span:nth-child(7){height:8px;animation-delay:.42s}

@keyframes wcMiniWave{
  50%{transform:scaleY(.42);opacity:.58}
}

.wc-live-result{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
  padding:6px 9px;
  border-radius:999px;
  color:#047857;
  background:#ecfdf5;
  font-size:10px;
  font-weight:900;
}

.wc-live-result.purple{
  color:#6d28d9;
  background:#f5f3ff;
}

.wc-live-result.orange{
  color:#c2410c;
  background:#fff7ed;
}

.wc-status-icon{
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  color:#fff;
  background:currentColor;
  font-family:Arial,sans-serif;
  font-size:10px;
}

.wc-status-icon::first-letter{
  color:#fff;
}

.wc-live-extra{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  max-height:0;
  margin-top:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease;
}

.wc-live-extra span{
  padding:5px 7px;
  border-radius:8px;
  color:#64748b;
  background:#f8fafc;
  font-size:9px;
  font-weight:800;
}

.wc-live-call:hover .wc-live-extra{
  max-height:80px;
  margin-top:9px;
  opacity:1;
}

.wc-live-call.wc-new-call{
  animation:wcNewCallIn .58s cubic-bezier(.2,.8,.2,1) forwards!important;
}

@keyframes wcNewCallIn{
  from{opacity:0;transform:translateY(-18px) scale(.98);filter:blur(3px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:none}
}

html[dir="rtl"] .wc-live-call{
  grid-template-columns:1fr 42px 18px;
}

html[dir="rtl"] .wc-live-timeline{grid-column:3}
html[dir="rtl"] .wc-avatar{grid-column:2}
html[dir="rtl"] .wc-live-call-main{grid-column:1;grid-row:1}
html[dir="rtl"] .wc-live-feed-dot{margin-right:0;margin-left:6px}

@media(max-width:480px){
  .wc-live-call{
    grid-template-columns:14px 38px 1fr;
    gap:9px;
  }

  .wc-live-call-top{
    gap:8px;
  }

  .wc-live-extra{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-live-conversations::before,
  .wc-live-feed-dot,
  .wc-live-call.is-active .wc-live-timeline span,
  .wc-mini-wave span{
    animation:none!important;
  }
}


/* =====================================================
   MOBILE BUSINESS OVERVIEW — COMPACT APP-STYLE LAYOUT
   Desktop stays unchanged.
   ===================================================== */

@media(max-width:720px){

  .wc-dashboard-section{
    padding-top:78px!important;
    padding-bottom:88px!important;
  }

  .wc-dashboard-grid{
    gap:28px!important;
  }

  .wc-dashboard-copy{
    text-align:center;
  }

  .wc-dashboard-copy h2{
    font-size:34px!important;
    line-height:1.18!important;
  }

  .wc-dashboard-copy>p{
    font-size:15px!important;
    line-height:1.7!important;
  }

  .wc-dashboard-points{
    display:none!important;
  }

  .wc-dashboard-cta{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .wc-dashboard-shell{
    width:calc(100% - 20px)!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:6px!important;
    border-radius:24px!important;
  }

  .wc-dashboard-glass{
    padding:12px!important;
    border-radius:19px!important;
  }

  .wc-dash-header{
    padding:4px 2px 12px!important;
  }

  .wc-dash-brand img{
    width:34px!important;
    height:34px!important;
  }

  .wc-dash-brand h3{
    font-size:18px!important;
  }

  .wc-dash-brand small{
    font-size:9px!important;
  }

  .wc-live-pill{
    padding:6px 9px!important;
    font-size:10px!important;
  }

  /* Compact three-column summary */
  .wc-dash-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:10px!important;
  }

  .wc-dash-metrics article{
    display:block!important;
    min-width:0!important;
    padding:10px 7px!important;
    text-align:center!important;
    border-radius:14px!important;
  }

  .wc-metric-icon{
    width:31px!important;
    height:31px!important;
    margin:0 auto 7px!important;
    border-radius:10px!important;
  }

  .wc-metric-icon svg{
    width:16px!important;
    height:16px!important;
  }

  .wc-dash-metrics small{
    font-size:9px!important;
  }

  .wc-dash-metrics b{
    margin-top:3px!important;
    font-size:22px!important;
  }

  .wc-dash-metrics span{
    margin-top:4px!important;
    font-size:8px!important;
    line-height:1.25!important;
  }

  /* Shorter activity chart */
  .wc-dashboard-main{
    display:block!important;
    margin-top:9px!important;
  }

  .wc-activity-panel{
    padding:12px!important;
    border-radius:16px!important;
  }

  .wc-panel-title small{
    font-size:9px!important;
  }

  .wc-panel-title h4{
    font-size:15px!important;
  }

  .wc-panel-title>span,
  .wc-panel-title>a{
    font-size:9px!important;
  }

  .wc-chart-area{
    height:142px!important;
    margin-top:6px!important;
  }

  .wc-line-chart{
    inset:0 0 20px!important;
    height:calc(100% - 20px)!important;
  }

  .wc-chart-grid{
    inset:0 0 20px!important;
  }

  .wc-chart-labels{
    font-size:7px!important;
  }

  /* Compact conversion block */
  .wc-conversion-card{
    display:grid!important;
    grid-template-columns:1fr 96px!important;
    gap:8px!important;
    margin-top:9px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  .wc-conversion-card .wc-panel-title{
    grid-column:1/-1!important;
  }

  .wc-progress-ring{
    grid-column:2!important;
    grid-row:2/4!important;
    width:88px!important;
    height:88px!important;
    margin:0!important;
  }

  .wc-progress-ring svg{
    width:88px!important;
    height:88px!important;
  }

  .wc-progress-ring strong{
    font-size:21px!important;
  }

  .wc-progress-ring span{
    font-size:8px!important;
  }

  .wc-conversion-row{
    grid-column:1!important;
    padding:8px 0!important;
    font-size:10px!important;
  }

  /* Only two live conversations visible */
  .wc-live-conversations{
    margin-top:9px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  .wc-live-feed{
    gap:0!important;
  }

  .wc-live-call{
    grid-template-columns:12px 34px 1fr!important;
    gap:8px!important;
    padding:10px 0!important;
  }

  .wc-live-call:nth-child(n+3){
    display:none!important;
  }

  .wc-avatar{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  .wc-live-call-top b{
    font-size:11px!important;
  }

  .wc-live-call-top small{
    font-size:8px!important;
  }

  .wc-live-call-top time{
    font-size:8px!important;
  }

  .wc-mini-wave{
    height:18px!important;
    margin:5px 0!important;
  }

  .wc-live-result{
    margin-top:4px!important;
    padding:5px 7px!important;
    font-size:8px!important;
  }

  .wc-live-extra{
    display:none!important;
  }

  .wc-dashboard-toast{
    right:8px!important;
    left:8px!important;
    bottom:-16px!important;
    padding:10px 12px!important;
    border-radius:14px!important;
  }

  .wc-dashboard-toast>span{
    width:29px!important;
    height:29px!important;
  }

  .wc-dashboard-toast b{
    font-size:10px!important;
  }

  .wc-dashboard-toast small{
    font-size:8px!important;
  }
}

@media(max-width:390px){
  .wc-dashboard-shell{
    width:calc(100% - 10px)!important;
  }

  .wc-dash-metrics article{
    padding:9px 5px!important;
  }

  .wc-dash-metrics b{
    font-size:20px!important;
  }

  .wc-chart-area{
    height:128px!important;
  }
}


/* =====================================================
   LATEST CONVERSATIONS — SMOOTH, NO LAYOUT SHIFT
   ===================================================== */

/* Keep every conversation fixed in place */
.wc-live-feed{
  overflow:hidden;
}

.wc-live-call,
.wc-dashboard-section.wc-dashboard-visible .wc-live-call,
.wc-live-call.wc-new-call{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:
    background .45s ease,
    border-color .45s ease,
    box-shadow .45s ease,
    opacity .45s ease!important;
}

/* Calm inactive rows */
.wc-live-call{
  border-radius:16px;
  padding-left:8px!important;
  padding-right:8px!important;
  opacity:.62!important;
}

/* Premium focused row */
.wc-live-call.wc-conversation-focus{
  opacity:1!important;
  background:
    linear-gradient(135deg,rgba(239,246,255,.96),rgba(245,243,255,.96));
  box-shadow:
    0 12px 28px rgba(37,99,235,.08),
    inset 0 0 0 1px rgba(124,58,237,.12);
}

/* Active row gets a soft animated edge */
.wc-live-call.wc-conversation-focus::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#2563eb,#7c3aed);
  animation:wcConversationEdge 2.2s ease-in-out infinite;
}

@keyframes wcConversationEdge{
  50%{opacity:.45;transform:scaleY(.72)}
}

/* Do not animate all waveforms all the time */
.wc-mini-wave span{
  animation:none!important;
  opacity:.32;
  transform:scaleY(.5);
  transition:opacity .3s ease,transform .3s ease;
}

.wc-live-call.wc-conversation-focus .wc-mini-wave span{
  opacity:1;
  animation:wcMiniWaveSmooth 1.05s ease-in-out infinite!important;
}

.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(1){animation-delay:0s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(2){animation-delay:.08s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(3){animation-delay:.16s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(4){animation-delay:.24s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(5){animation-delay:.32s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(6){animation-delay:.40s!important}
.wc-live-call.wc-conversation-focus .wc-mini-wave span:nth-child(7){animation-delay:.48s!important}

@keyframes wcMiniWaveSmooth{
  0%,100%{transform:scaleY(.48);opacity:.55}
  50%{transform:scaleY(1);opacity:1}
}

/* Timeline dot gently changes rather than jumping */
.wc-live-timeline span{
  transition:
    background .4s ease,
    box-shadow .4s ease,
    transform .4s ease!important;
  animation:none!important;
}

.wc-live-call.wc-conversation-focus .wc-live-timeline span{
  background:#22c55e!important;
  box-shadow:
    0 0 0 4px #dcfce7,
    0 0 0 8px rgba(34,197,94,.08)!important;
  transform:scale(1.08);
}

/* Status badge glows subtly on active row */
.wc-live-result{
  transition:transform .4s ease,box-shadow .4s ease!important;
}

.wc-live-call.wc-conversation-focus .wc-live-result{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(16,185,129,.10);
}

/* Extra details reveal smoothly only for the active row */
.wc-live-extra{
  max-height:0!important;
  opacity:0!important;
  margin-top:0!important;
  transform:translateY(-5px);
  transition:
    max-height .45s ease,
    opacity .4s ease,
    margin-top .4s ease,
    transform .4s ease!important;
}

.wc-live-call.wc-conversation-focus .wc-live-extra{
  max-height:80px!important;
  opacity:1!important;
  margin-top:8px!important;
  transform:translateY(0);
}

/* Mobile: keep it very calm and compact */
@media(max-width:720px){
  .wc-live-call{
    opacity:.72!important;
    border-radius:13px;
  }

  .wc-live-call.wc-conversation-focus{
    opacity:1!important;
    box-shadow:
      0 8px 20px rgba(37,99,235,.07),
      inset 0 0 0 1px rgba(124,58,237,.10);
  }

  .wc-live-call.wc-conversation-focus::before{
    top:9px;
    bottom:9px;
  }

  .wc-live-extra{
    display:none!important;
  }

  .wc-mini-wave{
    height:15px!important;
  }

  .wc-live-call.wc-conversation-focus .wc-mini-wave span{
    animation-duration:1.15s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-live-call,
  .wc-mini-wave span,
  .wc-live-timeline span,
  .wc-live-result,
  .wc-live-extra,
  .wc-live-call.wc-conversation-focus::before{
    animation:none!important;
    transition:none!important;
  }
}

/* ===== Business Overview V2: compact whole section ===== */
.wc-dashboard-section{padding:58px 0 66px!important;min-height:auto!important}
.wc-dashboard-grid{grid-template-columns:.72fr 1.28fr!important;gap:30px!important;align-items:center!important}
.wc-dashboard-copy>small{font-size:10px!important}
.wc-dashboard-copy h2{max-width:500px!important;margin-top:10px!important;font-size:44px!important;line-height:1.06!important}
.wc-dashboard-copy>p{max-width:500px!important;margin-top:12px!important;font-size:15px!important;line-height:1.55!important}
.wc-dashboard-points{gap:8px!important;margin-top:18px!important}
.wc-dashboard-points>div{padding:9px 11px!important;border-radius:14px!important}
.wc-point-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
.wc-point-icon svg{width:15px!important;height:15px!important}
.wc-dashboard-points b{font-size:12px!important}
.wc-dashboard-points p{font-size:10px!important;line-height:1.35!important}
.wc-dashboard-cta{margin-top:16px!important;padding:12px 17px!important;font-size:12px!important}

.wc-dashboard-shell{width:100%!important;max-width:690px!important;margin-left:auto!important;padding:7px!important;border-radius:24px!important}
.wc-dashboard-glass{padding:12px!important;border-radius:18px!important}
.wc-dash-header{padding-bottom:9px!important}
.wc-dash-brand img{width:30px!important;height:30px!important}
.wc-dash-brand small{font-size:7px!important}
.wc-dash-brand h3{font-size:15px!important}
.wc-live-pill{padding:5px 8px!important;font-size:8px!important}

.wc-dash-metrics{gap:7px!important;margin-top:8px!important}
.wc-dash-metrics article{padding:8px!important;border-radius:12px!important}
.wc-metric-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}
.wc-metric-icon svg{width:14px!important;height:14px!important}
.wc-dash-metrics small{font-size:7px!important}
.wc-dash-metrics b{font-size:18px!important}
.wc-dash-metrics span{font-size:7px!important}

.wc-dashboard-main{grid-template-columns:1fr 132px!important;gap:7px!important;margin-top:7px!important}
.wc-activity-panel,.wc-conversion-card,.wc-recent-calls{border-radius:13px!important}
.wc-activity-panel,.wc-conversion-card{padding:9px!important}
.wc-panel-title small{font-size:7px!important}
.wc-panel-title h4{font-size:12px!important}
.wc-panel-title>span,.wc-panel-title>a{font-size:7px!important}
.wc-chart-area{height:108px!important;margin-top:3px!important}
.wc-line-chart{inset:0 0 15px!important;height:calc(100% - 15px)!important}
.wc-chart-grid{inset:0 0 15px!important}
.wc-chart-labels{font-size:6px!important}

.wc-progress-ring{width:78px!important;height:78px!important;margin:5px auto!important}
.wc-progress-ring svg{width:78px!important;height:78px!important}
.wc-progress-ring strong{font-size:18px!important}
.wc-progress-ring span{font-size:6px!important}
.wc-conversion-row{padding:5px 0!important;font-size:8px!important}

.wc-live-conversations{margin-top:7px!important;padding:9px!important;max-height:170px!important;overflow:hidden!important}
.wc-live-feed{margin-top:4px!important}
.wc-live-call{grid-template-columns:11px 27px 1fr!important;gap:6px!important;padding:6px 4px!important;border-radius:10px!important}
.wc-live-call:nth-child(n+3){display:none!important}
.wc-avatar{width:25px!important;height:25px!important;border-radius:8px!important;font-size:7px!important}
.wc-live-call-top b{font-size:9px!important}
.wc-live-call-top small,.wc-live-call-top time{font-size:6px!important}
.wc-mini-wave{height:11px!important;margin:2px 0!important}
.wc-live-result{margin-top:2px!important;padding:3px 5px!important;font-size:6px!important}
.wc-live-extra{display:none!important}
.wc-dashboard-toast{right:-6px!important;bottom:12px!important;padding:7px 9px!important;border-radius:11px!important}
.wc-dashboard-toast>span{width:23px!important;height:23px!important}
.wc-dashboard-toast b{font-size:8px!important}
.wc-dashboard-toast small{font-size:6px!important}

@media(max-width:1100px){
 .wc-dashboard-grid{grid-template-columns:1fr!important;gap:22px!important}
 .wc-dashboard-copy{max-width:700px!important;margin:auto!important;text-align:center!important}
 .wc-dashboard-copy h2,.wc-dashboard-copy>p{margin-left:auto!important;margin-right:auto!important}
 .wc-dashboard-points{grid-template-columns:repeat(3,1fr)!important}
 .wc-dashboard-shell{margin:auto!important}
}

@media(max-width:720px){
 .wc-dashboard-section{padding:36px 0 42px!important}
 .wc-dashboard-grid{gap:16px!important}
 .wc-dashboard-copy h2{font-size:29px!important;line-height:1.12!important}
 .wc-dashboard-copy>p{font-size:13px!important}
 .wc-dashboard-points{display:none!important}
 .wc-dashboard-cta{margin-top:12px!important}
 .wc-dashboard-shell{width:calc(100% - 10px)!important;padding:4px!important;border-radius:18px!important}
 .wc-dashboard-glass{padding:8px!important;border-radius:15px!important}
 .wc-dash-brand img{width:25px!important;height:25px!important}
 .wc-dash-brand h3{font-size:13px!important}
 .wc-live-pill{padding:4px 6px!important;font-size:7px!important}
 .wc-dash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
 .wc-dash-metrics article{display:block!important;padding:6px 3px!important;text-align:center!important}
 .wc-metric-icon{width:23px!important;height:23px!important;margin:0 auto 4px!important}
 .wc-dash-metrics b{font-size:16px!important}
 .wc-dash-metrics span{font-size:6px!important}
 .wc-dashboard-main{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
 .wc-chart-area{height:88px!important}
 .wc-conversion-card{display:grid!important;grid-template-columns:1fr 66px!important;gap:5px!important}
 .wc-conversion-card .wc-panel-title{grid-column:1/-1!important}
 .wc-progress-ring{grid-column:2!important;grid-row:2/4!important;width:62px!important;height:62px!important;margin:0!important}
 .wc-progress-ring svg{width:62px!important;height:62px!important}
 .wc-progress-ring strong{font-size:15px!important}
 .wc-conversion-row{grid-column:1!important}
 .wc-live-conversations{max-height:128px!important}
 .wc-dashboard-toast{right:4px!important;left:4px!important;bottom:-10px!important}
}


/* =====================================================
   BUSINESS OVERVIEW — FINAL CROP + LANGUAGE LAYOUT FIX
   ===================================================== */

/* Never crop dashboard content */
.wc-dashboard-section,
.wc-dashboard-grid,
.wc-dashboard-shell,
.wc-dashboard-glass,
.wc-dashboard-main,
.wc-live-conversations,
.wc-live-feed{
  overflow:visible!important;
}

.wc-dashboard-shell{
  height:auto!important;
  min-height:0!important;
}

.wc-dashboard-glass{
  height:auto!important;
  min-height:0!important;
}

/* Latest conversations must fit naturally */
.wc-live-conversations{
  max-height:none!important;
  height:auto!important;
  padding-bottom:12px!important;
}

.wc-live-feed{
  max-height:none!important;
  height:auto!important;
}

.wc-live-call{
  min-height:0!important;
}

.wc-live-call:nth-child(n+3){
  display:none!important;
}

/* Keep the entire dashboard compact without clipping */
.wc-dashboard-section{
  padding-top:56px!important;
  padding-bottom:68px!important;
}

.wc-dashboard-shell{
  max-width:700px!important;
}

.wc-dashboard-glass{
  padding-bottom:14px!important;
}

/* Strong language-safe text wrapping */
.wc-dashboard-section h2,
.wc-dashboard-section h3,
.wc-dashboard-section h4,
.wc-dashboard-section p,
.wc-dashboard-section b,
.wc-dashboard-section strong,
.wc-dashboard-section small,
.wc-dashboard-section span,
.wc-dashboard-section a{
  overflow-wrap:anywhere;
  word-break:normal;
}

.wc-dash-brand,
.wc-panel-title,
.wc-live-call-top,
.wc-dashboard-points>div,
.wc-dash-metrics article{
  min-width:0!important;
}

/* Kurdish and Arabic: preserve the same polished design */
html[dir="rtl"] .wc-dashboard-copy{
  text-align:right!important;
}

html[dir="rtl"] .wc-dashboard-copy h2,
html[dir="rtl"] .wc-dashboard-copy>p{
  margin-left:0!important;
  margin-right:0!important;
}

html[dir="rtl"] .wc-dashboard-points>div{
  flex-direction:row!important;
  text-align:right!important;
}

html[dir="rtl"] .wc-dash-header,
html[dir="rtl"] .wc-dash-brand,
html[dir="rtl"] .wc-panel-title,
html[dir="rtl"] .wc-dash-metrics article,
html[dir="rtl"] .wc-live-call-top{
  direction:rtl!important;
}

html[dir="rtl"] .wc-dash-header,
html[dir="rtl"] .wc-panel-title{
  flex-direction:row!important;
}

html[dir="rtl"] .wc-live-call{
  grid-template-columns:1fr 27px 11px!important;
}

html[dir="rtl"] .wc-live-call-main{
  grid-column:1!important;
  grid-row:1!important;
  text-align:right!important;
}

html[dir="rtl"] .wc-avatar{
  grid-column:2!important;
  grid-row:1!important;
}

html[dir="rtl"] .wc-live-timeline{
  grid-column:3!important;
  grid-row:1!important;
}

html[dir="rtl"] .wc-live-call-top time{
  margin-right:auto;
  margin-left:0;
}

html[dir="rtl"] .wc-live-result{
  direction:rtl!important;
}

html[dir="rtl"] .wc-chart-labels{
  direction:ltr!important;
}

html[dir="rtl"] .wc-conversion-row{
  direction:rtl!important;
}

/* Better sizing for longer Kurdish/Arabic labels */
html[lang="ckb"] .wc-dashboard-section,
html[lang="ar"] .wc-dashboard-section{
  line-height:1.65;
}

html[lang="ckb"] .wc-dash-brand h3,
html[lang="ar"] .wc-dash-brand h3{
  font-size:14px!important;
  line-height:1.45!important;
}

html[lang="ckb"] .wc-panel-title h4,
html[lang="ar"] .wc-panel-title h4{
  line-height:1.45!important;
}

html[lang="ckb"] .wc-dashboard-points p,
html[lang="ar"] .wc-dashboard-points p{
  line-height:1.55!important;
}

/* Desktop: fit cleanly inside the viewport */
@media(min-width:1101px){
  .wc-dashboard-grid{
    align-items:center!important;
  }

  .wc-dashboard-copy h2{
    font-size:42px!important;
  }

  .wc-dashboard-points{
    margin-top:16px!important;
  }

  .wc-dashboard-shell{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* Tablet */
@media(max-width:1100px){
  html[dir="rtl"] .wc-dashboard-copy{
    text-align:center!important;
  }

  html[dir="rtl"] .wc-dashboard-copy h2,
  html[dir="rtl"] .wc-dashboard-copy>p{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html[dir="rtl"] .wc-dashboard-points>div{
    text-align:center!important;
  }
}

/* Mobile: no crop, compact, readable in all languages */
@media(max-width:720px){
  .wc-dashboard-section{
    padding-top:34px!important;
    padding-bottom:48px!important;
  }

  .wc-dashboard-shell{
    width:calc(100% - 8px)!important;
    max-width:430px!important;
  }

  .wc-dashboard-glass{
    padding:8px!important;
    padding-bottom:12px!important;
  }

  .wc-dashboard-copy h2{
    font-size:28px!important;
  }

  .wc-dashboard-copy>p{
    font-size:13px!important;
  }

  .wc-dash-metrics article{
    min-height:82px!important;
  }

  .wc-chart-area{
    height:92px!important;
  }

  .wc-live-conversations{
    max-height:none!important;
    padding-bottom:9px!important;
  }

  .wc-live-call{
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  html[dir="rtl"] .wc-live-call{
    grid-template-columns:1fr 25px 10px!important;
  }

  html[lang="ckb"] .wc-dash-metrics span,
  html[lang="ar"] .wc-dash-metrics span{
    font-size:6px!important;
    line-height:1.3!important;
  }

  html[lang="ckb"] .wc-live-result,
  html[lang="ar"] .wc-live-result{
    white-space:normal!important;
    line-height:1.35!important;
  }
}

/* iPhone / Safari safe area and clipping */
@supports (-webkit-touch-callout:none){
  .wc-dashboard-shell,
  .wc-dashboard-glass,
  .wc-live-conversations{
    -webkit-mask-image:none!important;
    clip-path:none!important;
  }
}


/* =====================================================
   FINAL CTA — SAME DESIGN, PREMIUM ANIMATION ONLY
   ===================================================== */

.wc-cta-upgraded{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.wc-cta-upgraded::before,
.wc-cta-upgraded::after{
  content:"";
  position:absolute;
  z-index:-2;
  border-radius:50%;
  pointer-events:none;
  filter:blur(95px);
}

.wc-cta-upgraded::before{
  width:370px;
  height:370px;
  left:-150px;
  top:-90px;
  background:rgba(37,99,235,.19);
  animation:wcCtaOrbLeft 12s ease-in-out infinite;
}

.wc-cta-upgraded::after{
  width:410px;
  height:410px;
  right:-170px;
  bottom:-150px;
  background:rgba(124,58,237,.18);
  animation:wcCtaOrbRight 15s ease-in-out infinite;
}

@keyframes wcCtaOrbLeft{
  50%{transform:translate(85px,35px) scale(1.08)}
}

@keyframes wcCtaOrbRight{
  50%{transform:translate(-75px,-38px) scale(.94)}
}

.wc-cta-box{
  position:relative;
  overflow:hidden;
  opacity:0;
  transform:translateY(26px) scale(.988);
  border:1px solid transparent!important;
  background:
    linear-gradient(#070b18,#070b18) padding-box,
    linear-gradient(125deg,#2563eb,#7c3aed,#2563eb) border-box!important;
  background-size:100% 100%,240% 240%!important;
  box-shadow:
    0 34px 90px rgba(15,23,42,.25),
    0 18px 48px rgba(79,70,229,.12)!important;
  animation:
    wcCtaBorder 8s ease-in-out infinite;
}

.wc-cta-upgraded.wc-cta-visible .wc-cta-box{
  animation:
    wcCtaReveal .85s cubic-bezier(.2,.8,.2,1) forwards,
    wcCtaBorder 8s .85s ease-in-out infinite;
}

@keyframes wcCtaReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes wcCtaBorder{
  50%{background-position:100% 100%,100% 50%}
}

.wc-cta-box::before{
  content:"";
  position:absolute;
  inset:-50% -70%;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    112deg,
    transparent 39%,
    rgba(255,255,255,.16) 49%,
    transparent 59%
  );
  transform:translateX(-58%) rotate(5deg);
}

.wc-cta-upgraded.wc-cta-visible .wc-cta-box::before{
  animation:wcCtaGlassSweep 7.5s 1.8s ease-in-out infinite;
}

@keyframes wcCtaGlassSweep{
  0%,62%{transform:translateX(-58%) rotate(5deg);opacity:0}
  68%{opacity:.8}
  88%,100%{transform:translateX(58%) rotate(5deg);opacity:0}
}

.wc-cta-box>*{
  position:relative;
  z-index:2;
}

.wc-cta-logo{
  animation:wcCtaLogoFloat 4.8s ease-in-out infinite;
  filter:drop-shadow(0 16px 26px rgba(79,70,229,.34));
}

@keyframes wcCtaLogoFloat{
  50%{transform:translateY(-7px) scale(1.035)}
}

.wc-cta-signal{
  position:absolute;
  left:50%;
  top:30px;
  width:150px;
  height:90px;
  z-index:1!important;
  transform:translateX(-50%);
  pointer-events:none;
}

.wc-cta-signal span{
  position:absolute;
  left:50%;
  bottom:0;
  border:1px solid rgba(96,165,250,.30);
  border-radius:50%;
  opacity:0;
  transform:translateX(-50%) scale(.45);
  animation:wcCtaSignal 3.2s ease-out infinite;
}

.wc-cta-signal span:nth-child(1){
  width:65px;
  height:32px;
}

.wc-cta-signal span:nth-child(2){
  width:105px;
  height:55px;
  animation-delay:.72s;
}

.wc-cta-signal span:nth-child(3){
  width:145px;
  height:80px;
  animation-delay:1.44s;
}

@keyframes wcCtaSignal{
  0%{opacity:0;transform:translateX(-50%) scale(.45)}
  28%{opacity:.72}
  100%{opacity:0;transform:translateX(-50%) scale(1)}
}

.wc-cta-box h2{
  background:linear-gradient(90deg,#ffffff 8%,#dbeafe 42%,#e9d5ff 72%,#ffffff);
  background-size:200% 200%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  animation:wcCtaTextGradient 7s ease-in-out infinite;
}

@keyframes wcCtaTextGradient{
  50%{background-position:100% 50%}
}

.wc-cta-actions{
  display:flex;
  justify-content:center;
  gap:12px;
}

.wc-cta-primary,
.wc-cta-secondary{
  position:relative;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:
    transform .27s ease,
    box-shadow .27s ease,
    border-color .27s ease!important;
}

.wc-cta-primary::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    105deg,
    transparent 30%,
    rgba(255,255,255,.42) 48%,
    transparent 66%
  );
  transform:translateX(-125%);
}

.wc-cta-primary:hover{
  transform:translateY(-4px) scale(1.018);
  box-shadow:0 22px 48px rgba(79,70,229,.36)!important;
}

.wc-cta-primary:hover::before{
  animation:wcCtaButtonSweep .75s ease;
}

@keyframes wcCtaButtonSweep{
  to{transform:translateX(125%)}
}

.wc-cta-secondary:hover{
  transform:translateY(-4px);
  border-color:rgba(96,165,250,.42)!important;
  box-shadow:0 18px 40px rgba(15,23,42,.18);
}

.wc-cta-primary svg,
.wc-cta-secondary svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-cta-primary svg{
  transition:transform .25s ease;
}

.wc-cta-primary:hover svg{
  transform:translateX(4px);
}

.wc-cta-particles{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}

.wc-cta-particles span{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:linear-gradient(135deg,#60a5fa,#a78bfa);
  opacity:.30;
  animation:wcCtaParticle 8s ease-in-out infinite;
}

.wc-cta-particles span:nth-child(1){left:12%;top:28%;animation-delay:0s}
.wc-cta-particles span:nth-child(2){left:21%;top:67%;animation-delay:1.1s}
.wc-cta-particles span:nth-child(3){left:38%;top:18%;animation-delay:2.2s}
.wc-cta-particles span:nth-child(4){right:34%;top:72%;animation-delay:3.3s}
.wc-cta-particles span:nth-child(5){right:18%;top:25%;animation-delay:4.4s}
.wc-cta-particles span:nth-child(6){right:10%;top:63%;animation-delay:5.5s}

@keyframes wcCtaParticle{
  50%{transform:translateY(-14px) scale(1.4);opacity:.65}
}

html[dir="rtl"] .wc-cta-actions{
  flex-direction:row;
}

@media(max-width:600px){
  .wc-cta-actions{
    flex-direction:column;
  }

  .wc-cta-primary,
  .wc-cta-secondary{
    width:100%;
  }

  .wc-cta-signal{
    top:22px;
    transform:translateX(-50%) scale(.82);
  }

  .wc-cta-particles span:nth-child(2),
  .wc-cta-particles span:nth-child(4){
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-cta-upgraded::before,
  .wc-cta-upgraded::after,
  .wc-cta-box,
  .wc-cta-box::before,
  .wc-cta-logo,
  .wc-cta-signal span,
  .wc-cta-box h2,
  .wc-cta-particles span{
    animation:none!important;
  }

  .wc-cta-box{
    opacity:1!important;
    transform:none!important;
  }
}


/* =====================================================
   FINAL MOBILE WIDTH FIX
   Prevents the whole page from becoming wider than the phone.
   ===================================================== */

html{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}

body{
  width:100%;
  max-width:100%;
  min-width:0!important;
  overflow-x:clip!important;
}

*,*::before,*::after{
  box-sizing:border-box;
}

img,svg,video,canvas,iframe{
  max-width:100%;
}

section,
header,
footer,
nav,
main,
.hero,
.hero-grid,
.hero-copy,
.phone-stage,
.dashboard,
.dashboard-grid,
.wc-dashboard-section,
.wc-final-cta,
.wc-cta-upgraded,
.cta,
.cta-box,
.wc-cta-box{
  max-width:100%!important;
  min-width:0!important;
}

.wrap{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:calc(100% - 40px)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Animated decorative layers must never create page width */
.orb,
.wc-price-orb,
.wc-dashboard-orb,
.wc-final-cta-orb,
.wc-cta-particles,
.wc-cursor-glow,
.wc-cta-signal,
.wc-final-signal{
  pointer-events:none;
}

/* Safari can count transformed pseudo-elements in scroll width */
.hero,
.wc-dashboard-section,
.wc-final-cta,
.wc-cta-upgraded,
.cta,
.wc-cta-box,
.wc-final-cta-card,
.wc-dashboard-shell{
  overflow-x:clip!important;
}

/* Hero columns must be allowed to shrink */
.hero-grid>*,
.dashboard-grid>*{
  min-width:0!important;
}

.hero-copy h1,
.hero-copy p,
.hero-copy .eyebrow{
  max-width:100%!important;
}

/* Phone demo stays centred and inside its column */
.phone-stage{
  width:100%!important;
  overflow:visible;
}

.phone-card{
  max-width:100%!important;
}

/* Disable desktop mouse tilt inline transforms on touch devices */
@media(pointer:coarse){
  .wc-cta-box{
    transform:none!important;
  }
}

@media(max-width:960px){
  html,body{
    overflow-x:hidden!important;
  }

  .wrap{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }

  .nav-inner{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .hero{
    width:100%!important;
    overflow:hidden!important;
  }

  .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:32px!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    text-align:center;
  }

  .hero-copy h1{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(44px,12vw,64px)!important;
    line-height:1.04!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .hero-copy>p{
    width:100%!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .hero-buttons,
  .ticks{
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
  }

  .hero-buttons .btn{
    max-width:100%!important;
  }

  .phone-stage{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }

  .phone-card{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:min(100%,360px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }

  .wc-dashboard-shell,
  .wc-cta-box,
  .cta-box{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:640px){
  .wrap{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }

  .hero{
    padding-left:0!important;
    padding-right:0!important;
  }

  .hero-copy .eyebrow{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  .hero-copy h1{
    font-size:clamp(40px,13vw,56px)!important;
  }

  .hero-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .hero-buttons .btn{
    width:100%!important;
  }

  .ticks{
    gap:10px 16px!important;
    font-size:13px!important;
  }

  .phone-stage{
    transform:none!important;
    margin-bottom:0!important;
    min-height:auto!important;
  }

  .phone-card{
    width:min(100%,350px)!important;
    padding:16px!important;
  }

  .wc-cta-box::before,
  .wc-final-cta-card::before{
    inset:0!important;
  }
}

/* Pricing heading visibility */
#pricing .eyebrow,
#pricing .section-eyebrow,
#pricing .kicker,
#pricing small:first-child{
  color:#2563eb !important;
  text-shadow:0 1px 8px rgba(255,255,255,.9);
}

/* Language selector flag */
.language-selector,
.lang-select,
#languageSelect,
select.language{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='%232563eb'/%3E%3Cpath d='M22 18v28' stroke='white' stroke-width='4'/%3E%3Cpath d='M24 18c16 2 18 10 0 12 18 2 18 10 0 12' fill='none' stroke='white' stroke-width='4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:12px center;
  background-size:18px;
  padding-left:40px !important;
}
html[dir='rtl'] .language-selector,
html[dir='rtl'] .lang-select,
html[dir='rtl'] #languageSelect,
html[dir='rtl'] select.language{
  background-position:right 34px center;
  padding-left:14px!important;
  padding-right:42px!important;
}


/* =====================================================
   DYNAMIC LANGUAGE FLAGS
   ===================================================== */

.wc-language-picker{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
}

.wc-mobile-language-row{
  display:flex;
  align-items:center;
  gap:9px;
}

.wc-language-flag{
  position:relative;
  display:inline-flex;
  width:25px;
  height:18px;
  flex:0 0 25px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.12);
  border-radius:5px;
  background:#fff;
  box-shadow:0 5px 13px rgba(15,23,42,.12);
  transition:
    transform .22s ease,
    opacity .22s ease,
    box-shadow .22s ease;
}

.wc-language-flag.wc-flag-changing{
  opacity:.25;
  transform:translateY(-2px) scale(.92);
}

.wc-language-flag::before,
.wc-language-flag::after{
  content:"";
  position:absolute;
}

/* United Kingdom */
.wc-language-flag[data-flag="en"]{
  background:#173f8f;
}

.wc-language-flag[data-flag="en"]::before{
  inset:0;
  background:
    linear-gradient(28deg,transparent 42%,#fff 43% 49%,#cf142b 50% 54%,#fff 55% 61%,transparent 62%),
    linear-gradient(-28deg,transparent 42%,#fff 43% 49%,#cf142b 50% 54%,#fff 55% 61%,transparent 62%);
}

.wc-language-flag[data-flag="en"]::after{
  inset:0;
  background:
    linear-gradient(90deg,transparent 38%,#fff 38% 62%,transparent 62%),
    linear-gradient(transparent 31%,#fff 31% 69%,transparent 69%),
    linear-gradient(90deg,transparent 44%,#cf142b 44% 56%,transparent 56%),
    linear-gradient(transparent 40%,#cf142b 40% 60%,transparent 60%);
}

/* Kurdistan */
.wc-language-flag[data-flag="ku"]{
  background:
    linear-gradient(
      to bottom,
      #d8232a 0 33.333%,
      #ffffff 33.333% 66.666%,
      #239f40 66.666% 100%
    );
}

.wc-language-flag[data-flag="ku"]::before{
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f5c400;
  transform:translate(-50%,-50%);
  box-shadow:
    0 -5px 0 -3px #f5c400,
    0 5px 0 -3px #f5c400,
    5px 0 0 -3px #f5c400,
    -5px 0 0 -3px #f5c400,
    3.5px 3.5px 0 -3px #f5c400,
    -3.5px 3.5px 0 -3px #f5c400,
    3.5px -3.5px 0 -3px #f5c400,
    -3.5px -3.5px 0 -3px #f5c400;
}

/* Arabic */
.wc-language-flag[data-flag="ar"]{
  background:#0b8f3f;
}

.wc-language-flag[data-flag="ar"]::before{
  left:5px;
  right:5px;
  top:7px;
  height:2px;
  border-radius:999px;
  background:#fff;
}

.wc-language-flag[data-flag="ar"]::after{
  left:7px;
  right:7px;
  bottom:4px;
  height:1px;
  background:#fff;
  box-shadow:6px -1px 0 -0.2px #fff;
}

.wc-language-picker .language-select{
  min-width:112px;
  padding-left:13px!important;
  background-image:none!important;
}

.wc-mobile-language-row .language-select{
  flex:1;
  width:auto!important;
  padding-left:13px!important;
  background-image:none!important;
}

html[dir="rtl"] .wc-language-picker{
  flex-direction:row;
}

html[dir="rtl"] .wc-language-picker .language-select,
html[dir="rtl"] .wc-mobile-language-row .language-select{
  padding-left:34px!important;
  padding-right:13px!important;
}

@media(max-width:960px){
  .wc-language-flag{
    width:27px;
    height:19px;
    flex-basis:27px;
  }
}


/* =====================================================
   LANGUAGE SELECTOR — MOBILE MENU ONLY
   ===================================================== */

.desktop-language,
.wc-language-picker,
.wc-language-flag{
  display:none!important;
}

.mobile-language{
  display:block;
  width:100%;
  padding:14px 4px 18px;
  border-bottom:1px solid #f1f5f9;
}

.mobile-language label{
  display:block;
  margin-bottom:8px;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mobile-language .language-select{
  display:block;
  width:100%!important;
  min-width:0!important;
  height:44px;
  padding:0 36px 0 14px!important;
  border:1px solid #dbe4f0;
  border-radius:14px;
  background:#fff!important;
  background-image:none!important;
  color:#0f172a;
  font-size:14px;
  font-weight:800;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

html[dir="rtl"] .mobile-language .language-select{
  padding:0 14px 0 36px!important;
  text-align:right;
}

@media(min-width:961px){
  .mobile-language{
    display:none!important;
  }
}


/* =====================================================
   DESKTOP LANGUAGE MENU — CLEAN, NO FLAGS
   ===================================================== */

.wc-desktop-language{
  position:relative;
  display:flex;
  align-items:center;
  margin-left:auto;
  margin-right:12px;
}

.wc-desktop-language-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:42px;
  padding:0 13px;
  border:1px solid #dbe4f0;
  border-radius:14px;
  color:#0f172a;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:850;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.wc-desktop-language-button:hover,
.wc-desktop-language-button[aria-expanded="true"]{
  transform:translateY(-1px);
  border-color:rgba(124,58,237,.36);
  background:#fff;
  box-shadow:0 12px 28px rgba(79,70,229,.12);
}

.wc-desktop-language-button>svg:first-child{
  width:18px;
  height:18px;
  fill:none;
  stroke:#2563eb;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-language-chevron{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .2s ease;
}

.wc-desktop-language-button[aria-expanded="true"] .wc-language-chevron{
  transform:rotate(180deg);
}

.wc-desktop-language-menu{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:5000;
  min-width:165px;
  padding:7px;
  border:1px solid rgba(219,228,240,.95);
  border-radius:16px;
  background:rgba(255,255,255,.97);
  box-shadow:0 22px 55px rgba(15,23,42,.16);
  backdrop-filter:blur(18px);
}

.wc-desktop-language-menu[hidden]{
  display:none!important;
}

.wc-desktop-language-menu button{
  display:block;
  width:100%;
  padding:11px 12px;
  border:0;
  border-radius:11px;
  color:#0f172a;
  background:transparent;
  cursor:pointer;
  text-align:left;
  font:inherit;
  font-size:14px;
  font-weight:800;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.wc-desktop-language-menu button:hover,
.wc-desktop-language-menu button.is-active{
  color:#4f46e5;
  background:linear-gradient(90deg,#eff6ff,#f5f3ff);
  transform:translateX(2px);
}

html[dir="rtl"] .wc-desktop-language{
  margin-left:12px;
  margin-right:auto;
}

html[dir="rtl"] .wc-desktop-language-menu{
  right:auto;
  left:0;
}

html[dir="rtl"] .wc-desktop-language-menu button{
  text-align:right;
}

@media(max-width:960px){
  .wc-desktop-language{
    display:none!important;
  }
}


/* =====================================================
   UPDATED PRICING STRUCTURE
   ===================================================== */

.wc-trial-badge{
  display:inline-flex;
  align-self:flex-start;
  margin-top:12px;
  padding:7px 12px;
  border-radius:999px;
  color:#5b21b6;
  background:linear-gradient(90deg,#ede9fe,#f3e8ff);
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(124,58,237,.10);
}

.wc-cost-structure{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(148,163,184,.24);
}

.wc-cost-heading{
  display:block;
  margin-bottom:9px;
  color:#64748b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.wc-cost-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(148,163,184,.18);
  font-size:13px;
}

.wc-cost-row span{
  color:#334155;
  font-weight:750;
}

.wc-cost-row strong{
  color:#0f172a;
  font-size:13px;
  font-weight:950;
  text-align:right;
}

.wc-plan .price-features{
  margin-top:20px!important;
}

html[dir="rtl"] .wc-trial-badge{
  align-self:flex-end;
}

html[dir="rtl"] .wc-cost-row{
  direction:rtl;
}

html[dir="rtl"] .wc-cost-row strong{
  text-align:left;
}

@media(max-width:600px){
  .wc-cost-row{
    gap:10px;
    font-size:12px;
  }

  .wc-cost-row strong{
    font-size:12px;
  }
}


/* =====================================================
   COMPACT PRICING SECTION
   Keeps all information while greatly reducing height.
   ===================================================== */

.wc-pricing-section{
  padding-top:82px!important;
  padding-bottom:92px!important;
}

.wc-pricing-heading{
  margin-bottom:42px!important;
}

.wc-premium-pricing{
  gap:18px!important;
  max-width:1280px!important;
}

.wc-plan{
  padding:22px!important;
  border-radius:24px!important;
}

.wc-plan.featured{
  transform:translateY(-8px)!important;
}

.wc-plan-growth .wc-plan-top{
  margin-top:12px!important;
}

.wc-plan-top{
  min-height:44px!important;
}

.wc-plan-icon{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border-radius:14px!important;
}

.wc-plan-icon svg{
  width:21px!important;
  height:21px!important;
}

.wc-plan-name{
  min-width:92px!important;
  padding:7px 12px!important;
  font-size:10px!important;
}

.wc-popular-ribbon{
  padding:7px 14px!important;
  font-size:9px!important;
}

.wc-price-line{
  min-height:auto!important;
  margin-top:20px!important;
  padding:6px 0 4px!important;
}

.wc-price-line h3{
  min-height:auto!important;
  padding:4px 0 6px!important;
  line-height:1.1!important;
}

.wc-price-number{
  font-size:54px!important;
}

.wc-currency{
  font-size:28px!important;
  padding-bottom:6px!important;
}

.wc-price-line small{
  margin-bottom:8px!important;
  font-size:13px!important;
}

.wc-trial-badge{
  margin-top:7px!important;
  padding:5px 10px!important;
  font-size:10px!important;
}

.wc-plan-description{
  min-height:auto!important;
  margin:12px 0 12px!important;
  font-size:13px!important;
  line-height:1.5!important;
}

.wc-plan-divider{
  margin-bottom:12px!important;
}

.wc-cost-structure{
  margin-top:12px!important;
  padding-top:12px!important;
}

.wc-cost-heading{
  margin-bottom:5px!important;
  font-size:9px!important;
}

.wc-cost-row{
  padding:7px 0!important;
  font-size:11px!important;
}

.wc-cost-row strong{
  font-size:11px!important;
}

.wc-included-title{
  margin:12px 0 9px!important;
  font-size:11px!important;
}

/* Two-column feature lists on desktop to reduce card height */
@media(min-width:1051px){
  .wc-plan .price-features{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 12px!important;
    margin:0 0 18px!important;
  }

  .wc-plan .price-features li{
    min-width:0!important;
    padding-left:23px!important;
    line-height:1.3!important;
  }

  .wc-plan .price-features li::after{
    font-size:11px!important;
  }

  .wc-plan .price-features li::before{
    width:16px!important;
    height:16px!important;
    font-size:9px!important;
  }

  html[dir="rtl"] .wc-plan .price-features li{
    padding-left:0!important;
    padding-right:23px!important;
  }
}

.wc-price-button{
  padding:13px 16px!important;
  border-radius:14px!important;
  font-size:13px!important;
}

.wc-price-button svg{
  width:16px!important;
  height:16px!important;
}

/* Tablet */
@media(max-width:1050px){
  .wc-premium-pricing{
    max-width:620px!important;
  }

  .wc-plan{
    padding:21px!important;
  }

  .wc-plan .price-features{
    gap:9px!important;
    margin-bottom:18px!important;
  }

  .wc-plan .price-features li::after{
    font-size:12px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .wc-pricing-section{
    padding-top:62px!important;
    padding-bottom:70px!important;
  }

  .wc-pricing-heading{
    margin-bottom:30px!important;
  }

  .wc-premium-pricing{
    gap:16px!important;
  }

  .wc-plan{
    padding:18px!important;
    border-radius:21px!important;
  }

  .wc-price-number{
    font-size:47px!important;
  }

  .wc-currency{
    font-size:25px!important;
  }

  .wc-price-line small{
    font-size:12px!important;
  }

  .wc-plan-description{
    font-size:12px!important;
  }

  .wc-cost-row{
    font-size:11px!important;
  }

  .wc-plan .price-features{
    gap:8px!important;
  }

  .wc-plan .price-features li::after{
    font-size:11px!important;
  }

  .wc-price-button{
    padding:12px 14px!important;
  }
}


/* =====================================================
   FINAL PRICING FIT FIX
   Keep normal readable text — remove wasted vertical space.
   ===================================================== */

.wc-pricing-section{
  padding-top:68px!important;
  padding-bottom:72px!important;
}

.wc-pricing-heading{
  margin-bottom:30px!important;
}

.wc-premium-pricing{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  max-width:1320px!important;
  align-items:stretch!important;
}

.wc-plan{
  padding:20px!important;
  border-radius:24px!important;
  min-height:0!important;
  height:auto!important;
}

.wc-plan.featured{
  transform:translateY(-5px)!important;
}

.wc-plan-growth .wc-plan-top{
  margin-top:10px!important;
}

.wc-plan-top{
  min-height:40px!important;
}

.wc-plan-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
}

.wc-plan-name{
  min-width:88px!important;
  padding:7px 12px!important;
  font-size:11px!important;
}

.wc-popular-ribbon{
  padding:7px 14px!important;
  font-size:10px!important;
}

.wc-price-line{
  margin-top:16px!important;
  padding:2px 0 2px!important;
  min-height:0!important;
}

.wc-price-line h3{
  min-height:0!important;
  padding:2px 0 4px!important;
  line-height:1.08!important;
}

.wc-price-number{
  font-size:58px!important;
}

.wc-currency{
  font-size:30px!important;
  padding-bottom:5px!important;
}

.wc-price-line small{
  margin-bottom:7px!important;
  font-size:14px!important;
}

.wc-trial-badge{
  margin-top:5px!important;
  padding:5px 10px!important;
  font-size:11px!important;
}

.wc-plan-description{
  min-height:0!important;
  margin:10px 0!important;
  font-size:14px!important;
  line-height:1.45!important;
}

.wc-plan-divider{
  margin-bottom:8px!important;
}

.wc-cost-structure{
  margin-top:8px!important;
  padding-top:9px!important;
}

.wc-cost-heading{
  margin-bottom:3px!important;
  font-size:10px!important;
}

.wc-cost-row{
  padding:6px 0!important;
  font-size:13px!important;
}

.wc-cost-row strong{
  font-size:13px!important;
}

.wc-included-title{
  margin:9px 0 7px!important;
  font-size:12px!important;
}

/* Keep readable text. Use two compact columns to save height. */
.wc-plan .price-features{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 12px!important;
  margin:0 0 14px!important;
}

.wc-plan .price-features li{
  min-width:0!important;
  padding-left:24px!important;
  line-height:1.35!important;
}

.wc-plan .price-features li::after{
  font-size:13px!important;
}

.wc-plan .price-features li::before{
  width:17px!important;
  height:17px!important;
  font-size:10px!important;
}

html[dir="rtl"] .wc-plan .price-features li{
  padding-left:0!important;
  padding-right:24px!important;
}

.wc-price-button{
  padding:13px 16px!important;
  font-size:14px!important;
}

/* Make all three cards finish at the same height without large blank gaps */
.wc-plan .price-features{
  flex:0 0 auto!important;
}

.wc-price-button{
  margin-top:8px!important;
}

/* Tablet: still readable, one card per row */
@media(max-width:1050px){
  .wc-premium-pricing{
    grid-template-columns:1fr!important;
    max-width:680px!important;
  }

  .wc-plan{
    padding:22px!important;
  }

  .wc-plan .price-features{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile: normal text size, compact spacing */
@media(max-width:600px){
  .wc-pricing-section{
    padding-top:52px!important;
    padding-bottom:58px!important;
  }

  .wc-pricing-heading{
    margin-bottom:24px!important;
  }

  .wc-plan{
    padding:18px!important;
  }

  .wc-price-number{
    font-size:50px!important;
  }

  .wc-currency{
    font-size:27px!important;
  }

  .wc-price-line small{
    font-size:13px!important;
  }

  .wc-plan-description{
    font-size:14px!important;
  }

  .wc-cost-row,
  .wc-cost-row strong{
    font-size:12px!important;
  }

  .wc-plan .price-features{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .wc-plan .price-features li::after{
    font-size:13px!important;
  }

  .wc-price-button{
    font-size:14px!important;
  }
}

/* v2 mobile fixes */
@media(max-width:960px){
.hero-copy h1,.section-head h2,.wc-pricing-heading h2,.wc-dashboard-copy h2,.wc-final-copy h2{
white-space:normal!important;
text-wrap:wrap!important;
overflow:visible!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
font-size:clamp(40px,10vw,58px)!important;
line-height:1.08!important;
padding-inline:8px!important;
}
.hero-copy,.hero{padding-inline:12px!important;}
.mobile-menu-overlay{display:none!important;background:transparent!important;backdrop-filter:none!important;}
}


/* =====================================================
   HERO TITLE — MAXIMUM TWO LINES ON MOBILE
   ===================================================== */

@media(max-width:960px){
  .hero-copy h1{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-inline:0!important;
    white-space:normal!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    line-height:1.06!important;
    text-align:center!important;
  }

  .hero-copy h1.wc-two-line-ready{
    visibility:visible!important;
  }
}

@media(max-width:600px){
  .hero-copy h1{
    max-width:680px!important;
  }
}


/* =====================================================
   HERO TWO-LINE FIX — ENGLISH, KURDISH AND ARABIC
   ===================================================== */

@media(max-width:960px){
  html[lang="ckb"] .hero-copy h1,
  html[lang="ku"] .hero-copy h1,
  html[lang="ar"] .hero-copy h1{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    line-height:1.12!important;
    text-align:center!important;
    padding-inline:0!important;
  }
}


/* =====================================================
   ALL LARGE MOBILE HEADINGS — MAXIMUM TWO LINES
   Keeps original colours, gradients and HTML.
   ===================================================== */

@media(max-width:960px){
  .hero-copy h1,
  .section-head h2,
  .wc-pricing-heading h2,
  .wc-dashboard-copy h2,
  .cta-box h2,
  .wc-cta-box h2,
  .wc-final-copy h2,
  .dashboard-copy h2,
  .pricing-head h2{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-inline:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    text-wrap:balance!important;
  }

  /* JavaScript sets only font-size; original colour/gradient stays untouched. */
  .wc-two-line-mobile-heading{
    line-height:1.12!important;
  }

  html[lang="ckb"] .wc-two-line-mobile-heading,
  html[lang="ku"] .wc-two-line-mobile-heading,
  html[lang="ar"] .wc-two-line-mobile-heading{
    line-height:1.32!important;
    letter-spacing:0!important;
  }
}


/* =====================================================
   KURDISH HERO TITLE — DESKTOP ONLY
   Keep the same design/gradient, but prevent 3 lines.
   Mobile rules are untouched.
   ===================================================== */
@media(min-width:961px){
  html[lang="ku"] .hero-copy h1,
  html[lang="ckb"] .hero-copy h1{
    width:min(100%, 980px)!important;
    max-width:980px!important;
    margin-inline:auto!important;
    font-size:clamp(50px,4.7vw,72px)!important;
    line-height:1.18!important;
    letter-spacing:0!important;
    text-wrap:balance!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}


/* =====================================================
   CLICKABLE PRICING FEATURES
   ===================================================== */

.wc-feature-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin:12px 0 0;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  color:#0f172a;
  background:linear-gradient(145deg,#ffffff,#f8fafc);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:900;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.wc-feature-toggle:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--plan-accent) 38%,transparent);
  box-shadow:0 14px 30px color-mix(in srgb,var(--plan-accent) 10%,transparent);
}

.wc-feature-toggle svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .28s ease;
}

.wc-feature-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

.wc-feature-panel{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(-6px);
  transition:
    max-height .5s cubic-bezier(.2,.8,.2,1),
    opacity .35s ease,
    transform .35s ease;
}

.wc-feature-panel.is-open{
  max-height:900px;
  opacity:1;
  transform:translateY(0);
}

.wc-feature-panel .price-features{
  margin-top:14px!important;
}

html[dir="rtl"] .wc-feature-toggle{
  text-align:right;
}

@media(max-width:600px){
  .wc-feature-toggle{
    padding:11px 12px;
    font-size:12px;
  }
}


/* =====================================================
   PRICING FIX — INDEPENDENT CARD HEIGHTS + ALIGNED ROWS
   ===================================================== */

/* Opening one card no longer stretches the other two cards. */
.wc-premium-pricing{
  align-items:start!important;
}

.wc-plan{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

/* Keep rows visually aligned across Starter, Growth and Scale. */
@media(min-width:1051px){
  .wc-feature-panel .price-features{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:12px!important;
  }

  .wc-feature-panel .price-features li{
    display:flex!important;
    align-items:center!important;
    min-height:49px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
    border-bottom:1px solid rgba(148,163,184,.16);
    line-height:1.35!important;
  }

  .wc-feature-panel .price-features li:last-child{
    border-bottom:0;
  }
}

/* Unavailable features remain visible as faded placeholders,
   keeping the exact same row position in all three plans. */
.wc-feature-panel .price-features .is-unavailable{
  opacity:.42!important;
  color:#94a3b8!important;
}

.wc-feature-panel .price-features .is-unavailable::before{
  content:"—"!important;
  color:#94a3b8!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
}

/* Mobile keeps the same feature order while remaining readable. */
@media(max-width:1050px){
  .wc-feature-panel .price-features{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}


/* =====================================================
   PRICING CARD POLISH
   Better fit, less wasted space, clearer plan colours.
   ===================================================== */

.wc-premium-pricing{
  gap:22px!important;
}

.wc-plan{
  padding:20px!important;
  border-width:1px!important;
  border-style:solid!important;
  overflow:hidden!important;
}

/* Give each plan a clearly different visual identity. */
.wc-plan-starter{
  background:
    linear-gradient(145deg,#fffaf5,#ffffff)!important;
  border-color:rgba(249,115,22,.30)!important;
  box-shadow:
    0 22px 55px rgba(249,115,22,.10),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.wc-plan-growth{
  background:
    linear-gradient(145deg,#f7fbff,#ffffff)!important;
  border-color:rgba(37,99,235,.34)!important;
  box-shadow:
    0 28px 70px rgba(37,99,235,.14),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.wc-plan-scale{
  background:
    linear-gradient(145deg,#fbf8ff,#ffffff)!important;
  border-color:rgba(124,58,237,.32)!important;
  box-shadow:
    0 22px 55px rgba(124,58,237,.11),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.wc-plan-starter:hover{
  box-shadow:0 34px 80px rgba(249,115,22,.16)!important;
}

.wc-plan-growth:hover{
  box-shadow:0 38px 90px rgba(37,99,235,.20)!important;
}

.wc-plan-scale:hover{
  box-shadow:0 34px 80px rgba(124,58,237,.17)!important;
}

/* Price area: larger and cleaner, without excess vertical space. */
.wc-price-line{
  min-height:0!important;
  margin-top:14px!important;
  padding:0!important;
}

.wc-price-line h3{
  min-height:0!important;
  margin:0!important;
  padding:0 0 2px!important;
  line-height:1.02!important;
  gap:5px!important;
}

.wc-price-number{
  font-size:62px!important;
  line-height:1!important;
  padding:.02em .02em .08em!important;
}

.wc-currency{
  font-size:30px!important;
  line-height:1!important;
  padding:0 0 8px!important;
}

.wc-price-line small{
  margin:0 0 7px!important;
  padding:0!important;
  font-size:13px!important;
  line-height:1.1!important;
}

/* Free-trial badge and cost structure fit tightly. */
.wc-trial-badge{
  margin-top:5px!important;
  padding:5px 10px!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.wc-plan-description{
  margin:9px 0!important;
  min-height:0!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.wc-plan-divider{
  margin:0 0 7px!important;
}

.wc-cost-structure{
  margin-top:6px!important;
  padding-top:8px!important;
}

.wc-cost-heading{
  margin-bottom:2px!important;
  font-size:10px!important;
  line-height:1.2!important;
}

.wc-cost-row{
  padding:6px 0!important;
  font-size:12px!important;
  line-height:1.3!important;
}

.wc-cost-row strong{
  font-size:12px!important;
  line-height:1.3!important;
}

.wc-feature-toggle{
  margin-top:9px!important;
}

html[dir="rtl"] .wc-price-line h3{
  flex-direction:row!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] .wc-price-line small{
  margin-right:3px!important;
  margin-left:0!important;
}

@media(max-width:600px){
  .wc-premium-pricing{
    gap:18px!important;
  }

  .wc-plan{
    padding:18px!important;
  }

  .wc-price-number{
    font-size:54px!important;
  }

  .wc-currency{
    font-size:27px!important;
  }

  .wc-price-line small{
    font-size:12px!important;
  }

  .wc-plan-description{
    font-size:13px!important;
  }

  .wc-cost-row,
  .wc-cost-row strong{
    font-size:12px!important;
  }
}


/* =====================================================
   FINAL PRICING EXACT-FIT FIX
   Larger readable pricing details, tighter structure,
   and better use of the full card width.
   ===================================================== */

.wc-premium-pricing{
  gap:24px!important;
  max-width:1380px!important;
  align-items:start!important;
}

.wc-plan{
  width:100%!important;
  padding:24px!important;
  border-radius:26px!important;
}

/* Top icon and plan label */
.wc-plan-top{
  min-height:48px!important;
}

.wc-plan-icon{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
  border-radius:15px!important;
}

.wc-plan-icon svg{
  width:23px!important;
  height:23px!important;
}

.wc-plan-name{
  min-width:102px!important;
  padding:8px 14px!important;
  font-size:12px!important;
}

/* Price uses the available card width properly */
.wc-price-line{
  width:100%!important;
  min-height:0!important;
  margin-top:16px!important;
  padding:0!important;
}

.wc-price-line h3{
  display:flex!important;
  align-items:flex-end!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:6px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.wc-price-number{
  flex:0 0 auto!important;
  font-size:72px!important;
  line-height:.98!important;
  padding:.02em .02em .10em!important;
  letter-spacing:-.05em!important;
}

.wc-currency{
  flex:0 0 auto!important;
  font-size:36px!important;
  line-height:1!important;
  padding:0 0 10px!important;
}

.wc-price-line small{
  flex:0 0 auto!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

/* Trial badge */
.wc-trial-badge{
  margin-top:7px!important;
  padding:7px 12px!important;
  font-size:13px!important;
  line-height:1.2!important;
}

/* Description */
.wc-plan-description{
  margin:12px 0 10px!important;
  min-height:0!important;
  font-size:14px!important;
  line-height:1.5!important;
}

/* Cost structure: larger text, less dead space */
.wc-cost-structure{
  width:100%!important;
  margin-top:8px!important;
  padding-top:10px!important;
}

.wc-cost-heading{
  margin-bottom:5px!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}

.wc-cost-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;
  gap:14px!important;
  padding:8px 0!important;
  font-size:14px!important;
  line-height:1.35!important;
}

.wc-cost-row span{
  min-width:0!important;
  font-size:14px!important;
  font-weight:800!important;
}

.wc-cost-row strong{
  min-width:max-content!important;
  font-size:14px!important;
  font-weight:950!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* Feature button */
.wc-feature-toggle{
  margin-top:12px!important;
  padding:13px 15px!important;
  font-size:14px!important;
}

/* Keep the card compact by removing unnecessary blank gaps */
.wc-plan-divider{
  margin:0 0 8px!important;
}

.wc-price-button{
  margin-top:10px!important;
  padding:14px 17px!important;
  font-size:14px!important;
}

/* Kurdish / Arabic spacing */
html[dir="rtl"] .wc-price-line h3{
  flex-direction:row!important;
  justify-content:flex-start!important;
}

html[dir="rtl"] .wc-price-line small{
  margin:0 4px 10px 0!important;
}

html[dir="rtl"] .wc-cost-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  direction:rtl!important;
}

html[dir="rtl"] .wc-cost-row strong{
  text-align:left!important;
}

/* Tablet */
@media(max-width:1050px){
  .wc-premium-pricing{
    max-width:720px!important;
  }

  .wc-plan{
    padding:24px!important;
  }

  .wc-price-number{
    font-size:70px!important;
  }

  .wc-currency{
    font-size:35px!important;
  }

  .wc-price-line small{
    font-size:15px!important;
  }

  .wc-cost-row,
  .wc-cost-row span,
  .wc-cost-row strong{
    font-size:14px!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .wc-plan{
    padding:20px!important;
  }

  .wc-price-line h3{
    gap:5px!important;
  }

  .wc-price-number{
    font-size:60px!important;
  }

  .wc-currency{
    font-size:31px!important;
    padding-bottom:8px!important;
  }

  .wc-price-line small{
    margin-bottom:8px!important;
    font-size:14px!important;
  }

  .wc-trial-badge{
    padding:6px 11px!important;
    font-size:12px!important;
  }

  .wc-cost-heading{
    font-size:11px!important;
  }

  .wc-cost-row{
    gap:10px!important;
    padding:7px 0!important;
  }

  .wc-cost-row,
  .wc-cost-row span,
  .wc-cost-row strong{
    font-size:13px!important;
  }

  .wc-feature-toggle{
    font-size:13px!important;
  }
}

/* Very narrow phones */
@media(max-width:380px){
  .wc-price-number{
    font-size:54px!important;
  }

  .wc-currency{
    font-size:28px!important;
  }

  .wc-price-line small{
    font-size:13px!important;
  }

  .wc-cost-row{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }

  .wc-cost-row strong{
    text-align:left!important;
  }

  html[dir="rtl"] .wc-cost-row strong{
    text-align:right!important;
  }
}

/* Desktop hero titles: max 2 lines in every language */
@media (min-width:961px){
.hero-copy h1{
max-width:900px!important;
margin-inline:auto!important;
text-wrap:balance!important;
line-height:1.08!important;
font-size:clamp(52px,4.9vw,72px)!important;
}
html[lang="ckb"] .hero-copy h1,
html[lang="ku"] .hero-copy h1{
max-width:980px!important;
font-size:clamp(46px,4.3vw,64px)!important;
line-height:1.18!important;
}
html[lang="ar"] .hero-copy h1{
max-width:960px!important;
font-size:clamp(48px,4.5vw,66px)!important;
line-height:1.15!important;
}
}


/* =====================================================
   INDUSTRIES — PREMIUM ANIMATED CARDS
   ===================================================== */

.wc-industries-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 48%,#ffffff 100%);
}

.wc-industries-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.48;
  background-image:
    linear-gradient(rgba(37,99,235,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}

.wc-industries-orb{
  position:absolute;
  z-index:-2;
  border-radius:50%;
  filter:blur(95px);
  pointer-events:none;
}

.wc-industries-orb-one{
  width:390px;
  height:390px;
  left:-160px;
  top:16%;
  background:rgba(37,99,235,.13);
  animation:wcIndustriesOrbOne 14s ease-in-out infinite;
}

.wc-industries-orb-two{
  width:430px;
  height:430px;
  right:-180px;
  bottom:6%;
  background:rgba(124,58,237,.13);
  animation:wcIndustriesOrbTwo 17s ease-in-out infinite;
}

@keyframes wcIndustriesOrbOne{
  50%{transform:translate(95px,25px) scale(1.08)}
}

@keyframes wcIndustriesOrbTwo{
  50%{transform:translate(-82px,-32px) scale(.94)}
}

.wc-industries-heading{
  position:relative;
  z-index:2;
}

.wc-industry-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:46px!important;
}

.wc-industry-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:190px;
  padding:24px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.88));
  box-shadow:
    0 18px 45px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.96);
  opacity:0;
  transform:translateY(24px) scale(.97);
  transition:
    transform .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.wc-industries-section.wc-industries-visible .wc-industry-card{
  animation:wcIndustryReveal .68s cubic-bezier(.2,.8,.2,1) forwards;
}

.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(1){animation-delay:.05s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(2){animation-delay:.12s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(3){animation-delay:.19s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(4){animation-delay:.26s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(5){animation-delay:.33s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(6){animation-delay:.40s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(7){animation-delay:.47s}
.wc-industries-section.wc-industries-visible .wc-industry-card:nth-child(8){animation-delay:.54s}

@keyframes wcIndustryReveal{
  to{opacity:1;transform:translateY(0) scale(1)}
}

.wc-industry-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--industry-accent) 18%,transparent),transparent 38%);
  opacity:.9;
}

.wc-industry-card::after{
  content:"";
  position:absolute;
  inset:-45% -70%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    112deg,
    transparent 39%,
    rgba(255,255,255,.72) 49%,
    transparent 59%
  );
  transform:translateX(-58%) rotate(8deg);
  opacity:0;
}

.wc-industry-card:hover{
  transform:translateY(-9px) scale(1.015);
  border-color:color-mix(in srgb,var(--industry-accent) 42%,transparent);
  box-shadow:
    0 28px 65px color-mix(in srgb,var(--industry-accent) 15%,transparent),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.wc-industry-card:hover::after{
  animation:wcIndustryShine .85s ease;
}

@keyframes wcIndustryShine{
  0%{transform:translateX(-58%) rotate(8deg);opacity:0}
  25%{opacity:.9}
  100%{transform:translateX(58%) rotate(8deg);opacity:0}
}

.wc-industry-number{
  position:absolute;
  top:18px;
  right:18px;
  color:color-mix(in srgb,var(--industry-accent) 68%,#64748b);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}

.wc-industry-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:19px;
  color:var(--industry-accent);
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--industry-accent) 12%,white),
      rgba(255,255,255,.86)
    );
  box-shadow:
    0 14px 30px color-mix(in srgb,var(--industry-accent) 16%,transparent),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .32s ease;
}

.wc-industry-card:hover .wc-industry-icon{
  transform:translateY(-3px) rotate(-4deg) scale(1.06);
}

.wc-industry-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.wc-industry-card h3{
  margin:28px 0 0;
  color:#0f172a;
  font-size:21px;
  font-weight:950;
  letter-spacing:-.025em;
}

.wc-industry-arrow{
  position:absolute;
  right:20px;
  bottom:18px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  color:var(--industry-accent);
  background:color-mix(in srgb,var(--industry-accent) 10%,white);
  font-size:18px;
  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}

.wc-industry-card:hover .wc-industry-arrow{
  transform:translate(3px,-3px);
  color:#fff;
  background:var(--industry-accent);
}

html[dir="rtl"] .wc-industry-number{
  right:auto;
  left:18px;
}

html[dir="rtl"] .wc-industry-arrow{
  right:auto;
  left:20px;
  transform:scaleX(-1);
}

html[dir="rtl"] .wc-industry-card:hover .wc-industry-arrow{
  transform:scaleX(-1) translate(3px,-3px);
}

@media(max-width:1050px){
  .wc-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:600px){
  .wc-industry-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:30px!important;
  }

  .wc-industry-card{
    min-height:150px;
    padding:18px;
    border-radius:19px;
  }

  .wc-industry-icon{
    width:48px;
    height:48px;
    border-radius:16px;
  }

  .wc-industry-icon svg{
    width:24px;
    height:24px;
  }

  .wc-industry-card h3{
    margin-top:22px;
    font-size:16px;
  }

  .wc-industry-number{
    top:14px;
    right:14px;
    font-size:9px;
  }

  .wc-industry-arrow{
    right:14px;
    bottom:13px;
    width:29px;
    height:29px;
    font-size:15px;
  }

  html[dir="rtl"] .wc-industry-number{
    left:14px;
  }

  html[dir="rtl"] .wc-industry-arrow{
    left:14px;
  }
}

@media(max-width:390px){
  .wc-industry-grid{
    grid-template-columns:1fr!important;
  }

  .wc-industry-card{
    min-height:140px;
  }
}

@media(prefers-reduced-motion:reduce){
  .wc-industries-orb,
  .wc-industry-card,
  .wc-industry-card::after,
  .wc-industry-icon,
  .wc-industry-arrow{
    animation:none!important;
    transition:none!important;
  }

  .wc-industry-card{
    opacity:1!important;
    transform:none!important;
  }
}

.wc-industry-arrow{display:none!important;}


/* =====================================================
   ARABIC-ONLY FONT
   Uses the supplied Al Jazeera Arabic font only when Arabic is selected.
   English and Sorani Kurdish remain unchanged.
   ===================================================== */

@font-face{
  font-family:"Wisecall Arabic";
  src:url("assets/fonts/Al-Jazeera-Arabic-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea{
  font-family:"Wisecall Arabic", Arial, sans-serif!important;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] a,
html[lang="ar"] li,
html[lang="ar"] label,
html[lang="ar"] small,
html[lang="ar"] strong,
html[lang="ar"] b{
  font-family:"Wisecall Arabic", Arial, sans-serif!important;
}

@font-face{
 font-family:"AlJazeeraArabic";
 src:url("./assets/fonts/Al-Jazeera-Arabic-Regular.ttf") format("truetype"),
     url("./Al-Jazeera-Arabic-Regular.ttf") format("truetype");
 font-display:swap;
}
html[lang="ar"],html[lang="ar"] *{
 font-family:"AlJazeeraArabic"!important;
}


/* =====================================================
   DESKTOP LARGE TEXT — MAXIMUM TWO LINES
   Desktop only. Mobile and all colours/gradients stay unchanged.
   ===================================================== */

@media(min-width:961px){
  .hero-copy h1,
  .section-head h2,
  .wc-pricing-heading h2,
  .wc-dashboard-copy h2,
  .dashboard h2,
  .cta-box h2,
  .wc-cta-box h2,
  .wc-final-copy h2{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    text-wrap:balance!important;
  }

  .wc-desktop-two-line-heading{
    line-height:1.12!important;
  }

  html[lang="ar"] .wc-desktop-two-line-heading{
    line-height:1.28!important;
    letter-spacing:0!important;
  }

  html[lang="ku"] .wc-desktop-two-line-heading,
  html[lang="ckb"] .wc-desktop-two-line-heading{
    line-height:1.24!important;
    letter-spacing:0!important;
  }
}