.rsi-hero{
  position:relative;
  overflow:hidden;
  min-height:820px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 48%, rgba(62,225,183,.07), transparent 33%),
    linear-gradient(180deg,#ffffff 0%,#fbfcfc 100%);
}

.rsi-hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:92px;
  background:linear-gradient(177deg,transparent 48%,#fff 49%);
  pointer-events:none;
}

.rsi-wrap{
  width:min(1480px,88%);
  margin:auto;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:70px;
  align-items:center;
  position:relative;
  z-index:2;
  padding:70px 0 110px;
}

.rsi-copy{
  max-width:670px;
  opacity:0;
  transform:translateY(28px);
}

.rsi-kicker{
  font-size:18px;
  font-weight:500;
  color:#4b5563;
  margin-bottom:28px;
  letter-spacing:-.2px;
}

.rsi-title{
margin: 0;
    font-size: clamp(46px, 4.1vw, 60px);
    line-height: 1.04;
    letter-spacing: -3.5px;
    font-weight: 600;
    color: #10131a;
}

.rsi-title .muted-word{color:#9a9a9a}

.rsi-desc{
  margin:32px 0 0;
  max-width:650px;
  font-size:20px;
  line-height:1.8;
  color:#62676f;
}

.rsi-signup{
  width:min(100%,600px);
  margin-top:52px;
  display:grid;
  grid-template-columns:1fr 205px;
  height:76px;
  background:#fff;
  box-shadow:0 12px 38px rgba(25,31,40,.04);
}

.rsi-signup input{
  border:1px solid #f1f2f3;
  border-right:0;
  outline:0;
  padding:0 28px;
  font:500 17px "Inter",sans-serif;
  color:#222;
  background:#fff;
  border-radius:4px 0 0 4px;
}

.rsi-signup input::placeholder{color:#8a8d92}

.rsi-signup button{
  border:0;
  background:#696969;
  color:#fff;
  font:600 18px "Inter",sans-serif;
  cursor:pointer;
  transition:.3s ease;
  border-radius:0 4px 4px 0;
}

.rsi-signup button:hover{
  background:#343434;
  transform:translateY(-1px);
}

.rsi-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:34px;
  margin-top:24px;
  color:#6d7178;
  font-size:16px;
}

.rsi-benefits span{
  display:flex;
  align-items:center;
  gap:11px;
}

.rsi-benefits i{
  color:#2563ff;
  font-size:14px;
}

/* visual */
.rsi-visual{
  min-height:620px;
  position:relative;
  opacity:0;
  transform:translateX(36px);
}

.rsi-orb{
  position:absolute;
  width:585px;
  height:585px;
  right:14px;
  top:17px;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 32%,rgba(255,255,255,.18) 0 2%,transparent 3%),
    linear-gradient(135deg,#2d83f2 4%,#43aef1 34%,#38d9c1 64%,#67e5b2 100%);
  box-shadow:inset 0 0 60px rgba(255,255,255,.08);
  animation:orbFloat 7s ease-in-out infinite;
}

.rsi-orb:before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.15);
}

.rsi-orb:after{
  content:"";
  position:absolute;
  inset:74px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.1);
}

.dashboard-card{
  position:absolute;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(229,233,238,.95);
  box-shadow:0 24px 58px rgba(18,34,58,.12);
  border-radius:16px;
  z-index:3;
  opacity:0;
  transform:translateY(24px) scale(.97);
  backdrop-filter:blur(8px);
}

.performance-card{
  width:445px;
  left:15px;
  top:108px;
  padding:24px 26px 20px;
  transform:rotate(-4deg) translateY(25px) scale(.97);
}

.card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:17px;
}

.card-head h3{
  margin:0;
  font-size:18px;
  letter-spacing:-.4px;
}

.filter-pill{
  padding:8px 12px;
  border:1px solid #e7ebef;
  border-radius:10px;
  color:#7a828c;
  font-size:12px;
  white-space:nowrap;
}

.chart-wrap{
  height:220px;
  position:relative;
  padding-left:36px;
}

.y-labels{
  position:absolute;
  left:0;
  top:1px;
  bottom:25px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#8b93a0;
  font-size:11px;
}

.chart-svg{
  width:100%;
  height:185px;
  overflow:visible;
}

.chart-grid line{
  stroke:#e8edf1;
  stroke-width:1;
  stroke-dasharray:3 5;
}

.series{
  fill:none;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:700;
  stroke-dashoffset:700;
}

.series.blue{stroke:#287cf0}
.series.green{stroke:#11b989}
.series.orange{stroke:#f3ad3d}

.endpoint{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
}

.chart-dates{
  display:flex;
  justify-content:space-between;
  padding:3px 1px 0;
  color:#8a929e;
  font-size:10px;
}

.legend{
  display:flex;
  gap:22px;
  margin-top:13px;
  font-size:12px;
  color:#555d68;
  align-items:center;
}

.legend span{display:flex;align-items:center;gap:8px}
.legend i{
  width:9px;
  height:9px;
  border-radius:50%;
  display:inline-block;
}
.legend .l1{background:#287cf0}
.legend .l2{background:#11b989}
.legend .l3{background:#f3ad3d}

.stat-card{
  width:245px;
  right:18px;
  padding:19px 20px;
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
}

.sent-card{top:135px; transform:rotate(-5deg) translateY(20px)}
.active-card{top:265px; transform:rotate(-4deg) translateY(20px)}

.stat-icon{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:20px;
}

.stat-icon.blue{background:#e8f1ff;color:#287cf0}
.stat-icon.green{background:#e1f8ef;color:#10b981}

.stat-label{font-size:14px;font-weight:700;color:#303642}
.stat-number{font-size:34px;line-height:1;font-weight:800;margin-top:4px}
.stat-growth{
  padding:7px 10px;
  border-radius:9px;
  background:#e8f8f1;
  color:#14a46e;
  font-size:12px;
  font-weight:700;
}

.bars{
  display:flex;
  align-items:end;
  height:28px;
  gap:4px;
  margin-top:7px;
}
.bars i{
  width:5px;
  border-radius:5px;
  background:#60d9ad;
  transform:scaleY(0);
  transform-origin:bottom;
}
.bars i:nth-child(1){height:11px}
.bars i:nth-child(2){height:17px}
.bars i:nth-child(3){height:24px}
.bars i:nth-child(4){height:29px}

.plan-card{
  width:270px;
  right:2px;
  top:390px;
  padding:18px 18px 12px;
  transform:rotate(-3deg) translateY(22px);
}

.plan-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}
.plan-head strong{font-size:15px}
.plan-head a{text-decoration:none;color:#607080;font-size:11px}

.plan-row{
  display:grid;
  grid-template-columns:38px 1fr 24px;
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid #edf0f2;
}

.plan-icon{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;font-size:14px;
}
.plan-icon.email{background:#e9f1ff;color:#2f80ed}
.plan-icon.sms{background:#e2f8f0;color:#11b989}
.plan-icon.wa{background:#e2f8f0;color:#11b989}

.plan-copy strong{font-size:12px;display:block}
.plan-copy small{font-size:10px;color:#98a1ad;margin-top:3px;display:block}

.check{
  width:23px;height:23px;border-radius:50%;
  border:2px solid #697586;
  display:grid;place-items:center;
  font-size:9px;color:#fff;
}
.check.done{background:#12b981;border-color:#12b981}

.audience-card{
  width:340px;
  left:62px;
  bottom:38px;
  padding:17px 18px;
  transform:rotate(-3deg) translateY(20px);
}

.audience-inner{
  display:grid;
  grid-template-columns:55px 1fr 78px;
  align-items:center;
  gap:13px;
}

.audience-icon{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:#e5f9f1;color:#11b989;font-size:22px;
}

.audience-copy span{font-size:12px;color:#68727e;font-weight:600}
.audience-copy strong{display:block;font-size:26px;margin-top:3px}
.audience-copy small{color:#8e96a0;font-size:10px}

.progress-ring{
  width:68px;height:68px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#16bd93 0deg,#16bd93 0deg,#e9eef1 0deg);
  position:relative;
}
.progress-ring:after{
  content:"";
  width:48px;height:48px;border-radius:50%;
  background:#fff;position:absolute;
}
.progress-ring i{position:relative;z-index:2;color:#567087;font-size:21px}

.sync-card{
  width:300px;
  left:150px;
  bottom:-72px;
  padding:14px 16px 13px;
  transform:rotate(-2deg) translateY(20px);
}

.sync-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.sync-title{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:12px;
  font-weight:700;
}
.sync-title i{
  width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;
  background:#e8f2ff;color:#2f80ed;
}
.live-dot{
  display:inline-flex;align-items:center;gap:5px;
  font-size:9px;color:#7f8993;
}
.live-dot:before{
  content:"";width:7px;height:7px;border-radius:50%;background:#14be8a;
}

.sync-row{
  display:flex;
  justify-content:space-between;
  padding:7px 2px;
  border-top:1px solid #edf0f2;
  font-size:10px;
  color:#54606c;
}
.sync-row span{display:flex;align-items:center;gap:7px}
.sync-row i{font-size:10px}
.sync-row:nth-child(2) i{color:#2f80ed}
.sync-row:nth-child(3) i{color:#12b981}
.sync-row:nth-child(4) i{color:#7c5ce5}

/* decorative strokes */
.spark{
  position:absolute;
  right:-2px;
  top:72px;
  width:60px;
  height:64px;
  z-index:4;
}
.spark span{
  position:absolute;
  width:5px;
  height:25px;
  border-radius:5px;
  transform-origin:center bottom;
}
.spark .s1{background:#46dbbd;left:8px;top:8px;transform:rotate(20deg)}
.spark .s2{background:#45a7f3;left:30px;top:15px;transform:rotate(43deg)}
.spark .s3{background:#47d7b2;left:44px;top:39px;transform:rotate(71deg)}

.rsi-hero.is-visible .rsi-copy{
  animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) forwards;
}
.rsi-hero.is-visible .rsi-visual{
  animation:fadeSide .9s .1s cubic-bezier(.2,.8,.2,1) forwards;
}
.rsi-hero.is-visible .performance-card{
  animation:cardIn1 .85s .25s cubic-bezier(.2,.8,.2,1) forwards, float1 5s 1.15s ease-in-out infinite;
}
.rsi-hero.is-visible .sent-card{
  animation:cardIn2 .8s .42s cubic-bezier(.2,.8,.2,1) forwards, float2 5.4s 1.4s ease-in-out infinite;
}
.rsi-hero.is-visible .active-card{
  animation:cardIn2 .8s .56s cubic-bezier(.2,.8,.2,1) forwards, float3 5.8s 1.55s ease-in-out infinite;
}
.rsi-hero.is-visible .plan-card{
  animation:cardIn3 .8s .7s cubic-bezier(.2,.8,.2,1) forwards, float2 6.2s 1.7s ease-in-out infinite;
}
.rsi-hero.is-visible .audience-card{
  animation:cardIn3 .8s .62s cubic-bezier(.2,.8,.2,1) forwards, float3 5.6s 1.6s ease-in-out infinite;
}
.rsi-hero.is-visible .sync-card{
  animation:cardIn3 .8s .8s cubic-bezier(.2,.8,.2,1) forwards, float1 6s 1.8s ease-in-out infinite;
}
.rsi-hero.is-visible .series{
  animation:drawChart 1.9s 1.05s ease-out forwards;
}
.rsi-hero.is-visible .endpoint{
  animation:pointPop .4s 2.6s ease forwards;
}
.rsi-hero.is-visible .bars i{
  animation:barGrow .55s 1.55s ease forwards;
}
.rsi-hero.is-visible .bars i:nth-child(2){animation-delay:1.65s}
.rsi-hero.is-visible .bars i:nth-child(3){animation-delay:1.75s}
.rsi-hero.is-visible .bars i:nth-child(4){animation-delay:1.85s}
.rsi-hero.is-visible .spark span{
  animation:sparkPop .5s 1.9s ease both;
}
.rsi-hero.is-visible .spark .s2{animation-delay:2.03s}
.rsi-hero.is-visible .spark .s3{animation-delay:2.16s}

@keyframes fadeUp{
  to{opacity:1;transform:none}
}
@keyframes fadeSide{
  to{opacity:1;transform:none}
}
@keyframes cardIn1{
  to{opacity:1;transform:rotate(-4deg) translateY(0) scale(1)}
}
@keyframes cardIn2{
  to{opacity:1;transform:rotate(-5deg) translateY(0)}
}
@keyframes cardIn3{
  to{opacity:1;transform:rotate(-3deg) translateY(0)}
}
@keyframes drawChart{to{stroke-dashoffset:0}}
@keyframes pointPop{
  0%{opacity:0;transform:scale(.2)}
  70%{opacity:1;transform:scale(1.4)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes barGrow{to{transform:scaleY(1)}}
@keyframes sparkPop{
  from{opacity:0;transform:scale(.2) rotate(20deg)}
  to{opacity:1}
}
@keyframes orbFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes float1{
  0%,100%{margin-top:0}
  50%{margin-top:-9px}
}
@keyframes float2{
  0%,100%{margin-top:0}
  50%{margin-top:-12px}
}
@keyframes float3{
  0%,100%{margin-top:0}
  50%{margin-top:-7px}
}

@media(max-width:1200px){
  .rsi-wrap{width:min(1120px,92%);gap:35px}
  .rsi-title{font-size:58px}
  .rsi-desc{font-size:18px}
  .rsi-visual{transform:scale(.9) translateX(25px);transform-origin:center}
}

@media(max-width:980px){
  .rsi-hero{min-height:auto}
  .rsi-wrap{
    grid-template-columns:1fr;
    padding-top:70px;
    padding-bottom:155px;
  }
  .rsi-copy{
    text-align:center;
    margin:auto;
  }
  .rsi-desc{margin-left:auto;margin-right:auto}
  .rsi-signup{margin-left:auto;margin-right:auto}
  .rsi-benefits{justify-content:center}
  .rsi-visual{
    width:720px;
    max-width:100%;
    margin:0 auto;
    transform:scale(.92);
    transform-origin:top center;
  }
}

@media(max-width:740px){
  .rsi-wrap{width:92%;padding-top:54px}
  .rsi-kicker{font-size:15px;margin-bottom:18px}
  .rsi-title{
    font-size:clamp(39px,11vw,54px);
    letter-spacing:-2px;
  }
  .rsi-desc{
    font-size:16px;
    line-height:1.7;
    margin-top:24px;
  }
  .rsi-signup{
    margin-top:34px;
    grid-template-columns:1fr 125px;
    height:62px;
  }
  .rsi-signup input{padding:0 16px;font-size:14px}
  .rsi-signup button{font-size:15px}
  .rsi-benefits{
    gap:12px 22px;
    font-size:13px;
  }
  .rsi-visual{
    min-height:510px;
    width:560px;
    transform:scale(.76);
    transform-origin:top center;
    margin-bottom:-110px;
  }
}

@media(max-width:560px){
  .rsi-hero:after{height:45px}
  .rsi-wrap{padding-bottom:90px}
  .rsi-visual{
    width:500px;
    min-height:470px;
    transform:scale(.64);
    margin-left:50%;
    left:-250px;
    position:relative;
    margin-bottom:-165px;
  }
  .rsi-signup{
    display:flex;
    flex-direction:column;
    height:auto;
    background:transparent;
    gap:10px;
  }
  .rsi-signup input,
  .rsi-signup button{
    width:100%;
    height:58px;
    border:1px solid #eaedf0;
    border-radius:5px;
  }
  .rsi-benefits{justify-content:flex-start}
}


    .platform-section{background:var(--bg);padding:96px 0 108px;overflow:hidden;}
    .container{width:min(1280px,90%);margin:0 auto;}
    .section-head{max-width:980px;margin:0 auto 58px;text-align:center;opacity:0;transform:translateY(28px);}
    .section-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:700;color:#667085;letter-spacing:.02em;}
    .section-kicker:before,.section-kicker:after{content:"";width:34px;height:2px;background:#2f80ed;border-radius:10px;}
    .section-title{margin:0;font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-2.2px;font-weight:600;color:#0e1930;}
    .section-title .soft{color:#39d5bd}
    .section-text{margin:24px auto 0;max-width:950px;font-size:17px;line-height:1.95;color:var(--muted);}
    .feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;}
    .feature-card:nth-child(1),.feature-card:nth-child(2),.feature-card:nth-child(3){grid-column:span 2;}
    .feature-card:nth-child(4){grid-column:2 / span 2;}
    .feature-card:nth-child(5){grid-column:4 / span 2;}
    .feature-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 28px rgba(16,24,40,.05);overflow:hidden;min-height:420px;opacity:0;transform:translateY(28px);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}
    .feature-card:hover{transform:translateY(-8px);border-color:#dbe2ea;box-shadow:0 18px 44px rgba(16,24,40,.10);}
    .feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left center;}
    .feature-card.blue{ --accent:var(--blue);}
    .feature-card.orange{ --accent:var(--orange);}
    .feature-card.green{ --accent:var(--green);}
    .feature-card.amber{ --accent:var(--amber);}
    .feature-card.sky{ --accent:var(--sky);}
    .thumb{position:relative;height:180px;margin:18px 18px 0;border-radius:18px;overflow:hidden;border:1px solid #edf1f5;background:linear-gradient(180deg,#fbfcfd 0%,#f7f9fb 100%);}
    .thumb .label{position:absolute;top:12px;left:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid #e8edf2;font-size:11px;font-weight:700;color:#4f5b69;box-shadow:0 8px 16px rgba(16,24,40,.05);}
    .thumb .label i{color:var(--accent);font-size:11px;}
    .art{position:absolute;inset:0;}
    .content_paltform{padding:22px 22px 22px;min-height:230px;display:flex;flex-direction:column; text-align: left;}
    .content-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px;}
    .icon-wrap{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:22px;transition:transform .3s ease;}
    .feature-card.blue .icon-wrap{background:#edf5ff;color:var(--blue)}
    .feature-card.orange .icon-wrap{background:#fff6e8;color:#de9d19}
    .feature-card.green .icon-wrap{background:#eafaf4;color:var(--green)}
    .feature-card.amber .icon-wrap{background:#fff8e8;color:#ce9818}
    .feature-card.sky .icon-wrap{background:#edf7ff;color:var(--sky)}
    .card-number{font-size:12px;font-weight:800;letter-spacing:.09em;color:#98a2b3;}
    .feature-card h3{margin:0 0 12px;font-size:21px;line-height:1.24;letter-spacing:-.03em;font-weight:500;color:#111b34;}
    .feature-card p{margin:0;font-size:14.6px;line-height:1.78;color:#667085;}
    .card-meta{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#7c8795;}
    .card-meta .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;}

    .channel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:24px;background:#fff;border:1px solid #e9eef3;box-shadow:0 12px 24px rgba(16,24,40,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:3;}
    .channel-center i{font-size:26px;color:#243044}.channel-center span{font-size:10px;font-weight:700;color:#667085}
    .channel-tile{position:absolute;width:92px;height:54px;border-radius:16px;background:#fff;border:1px solid #e8edf2;box-shadow:0 10px 20px rgba(16,24,40,.05);display:flex;align-items:center;gap:10px;padding:0 12px;z-index:3;font-size:12px;font-weight:700;color:#445063;}
    .channel-tile i{font-size:16px}
    .tile-email{left:18px;top:72px}.tile-email i{color:#2f80ed}
    .tile-sms{right:18px;top:42px}.tile-sms i{color:#16b985}
    .tile-wa{right:26px;bottom:26px}.tile-wa i{color:#23b65f}
    .connect-lines{position:absolute;inset:0;z-index:1;}.connect-lines svg{width:100%;height:100%}
    .connect-lines path{stroke:#dce7f3;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;}

    .db-shell{position:absolute;inset:24px 22px 18px 22px;}
    .contact-pill{position:absolute;width:110px;height:44px;border-radius:14px;background:#fff;border:1px solid #e8edf2;box-shadow:0 10px 20px rgba(16,24,40,.05);display:flex;align-items:center;gap:9px;padding:0 11px;font-size:11px;font-weight:700;color:#596679;}
    .contact-pill i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#fff3da;color:#d59a1e;}
    .p1{left:0;top:20px}.p2{right:0;top:54px}.p3{left:16px;bottom:18px}
    .db-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;z-index:3;}
    .db-disc{width:118px;height:24px;border-radius:50%;background:linear-gradient(180deg,#ffffff 0%,#eef3f7 100%);border:1px solid #e6edf3;position:relative;box-shadow:0 8px 16px rgba(16,24,40,.04);}
    .db-disc:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:10px;border-radius:0 0 50% 50%/0 0 100% 100%;background:#f0f4f7;border:1px solid #e6edf3;border-top:0;}
    .db-badge{position:absolute;right:-4px;top:-8px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #e8edf2;box-shadow:0 12px 20px rgba(16,24,40,.05);color:#e3a321;font-size:20px;z-index:4;}
    .db-lines{position:absolute;inset:0;}.db-lines svg{width:100%;height:100%}
    .db-lines path{stroke:#f0d39b;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;}

    .editor-panel{position:absolute;left:20px;right:20px;top:22px;bottom:20px;background:#fff;border:1px solid #e8edf2;border-radius:20px;box-shadow:0 10px 22px rgba(16,24,40,.05);overflow:hidden;}
    .editor-top{height:34px;background:#f8fafc;border-bottom:1px solid #edf2f6;display:flex;align-items:center;gap:6px;padding-left:12px;}
    .editor-top span{width:8px;height:8px;border-radius:50%;background:#d2dae3;display:block;}
    .template-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:14px;height:calc(100% - 34px);}
    .template-copy{display:flex;flex-direction:column;gap:8px;}
    .line{background:#edf2f6;border-radius:10px;}
    .line.w1{width:90%}.line.w2{width:72%}.line.w3{width:96%}.line.w4{width:80%}.line.w5{width:58%}
    .btn-line{width:94px;height:28px;border-radius:999px;background:#16b985;margin-top:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;}
    .template-preview{border:1px solid #edf2f6;border-radius:16px;background:#fbfcfd;position:relative;overflow:hidden;}
    .preview-banner{height:46px;background:linear-gradient(135deg,#16b985,#53d4ac);}
    .preview-text{padding:10px;display:flex;flex-direction:column;gap:7px;}
    .preview-text .line{height:8px}
    .template-chip{position:absolute;right:16px;bottom:14px;background:#ebfaf4;color:#16b985;border:1px solid #d8f2e7;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:700;box-shadow:0 8px 16px rgba(16,24,40,.05);}

    .flow-scene{position:absolute;inset:22px 18px;}
    .flow-step{position:absolute;width:130px;height:42px;border-radius:14px;background:#fff;border:1px solid #e8edf2;box-shadow:0 10px 18px rgba(16,24,40,.05);display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;font-weight:700;color:#4d596a;z-index:3;}
    .flow-step .step-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff7e7;color:#d69a18;font-size:11px;flex-shrink:0;}
    .s1{left:8px;top:10px}.s2{right:8px;top:58px}.s3{left:18px;top:108px}.s4{right:18px;top:128px}
    .flow-svg{position:absolute;inset:0;z-index:1;}.flow-svg svg{width:100%;height:100%}
    .flow-svg path{stroke:#f1d289;stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:280;}

    .monitor-scene{position:absolute;inset:20px 18px;}
    .chart-box{position:absolute;left:0;right:96px;top:18px;bottom:18px;background:#fff;border:1px solid #e8edf2;border-radius:18px;box-shadow:0 10px 20px rgba(16,24,40,.05);padding:12px 12px 8px;}
    .chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;color:#708090;font-weight:700;}
    .monitor-svg{width:100%;height:88px}
    .monitor-svg .grid{stroke:#e7edf3;stroke-width:1;stroke-dasharray:3 4;}
    .monitor-svg .l1,.monitor-svg .l2{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;}
    .monitor-svg .l1{stroke:#4fa0f2}.monitor-svg .l2{stroke:#16b985}
    .kpi-stack{position:absolute;right:0;top:4px;bottom:4px;width:84px;display:flex;flex-direction:column;justify-content:space-between;}
    .kpi{background:#fff;border:1px solid #e8edf2;border-radius:16px;box-shadow:0 10px 18px rgba(16,24,40,.05);height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:#7d8794;font-weight:700;}
    .kpi strong{display:block;margin-top:4px;font-size:20px;color:#101828;}
    .bars-row{display:flex;align-items:end;gap:5px;height:24px;margin-top:7px;}
    .bars-row span{width:7px;border-radius:8px;background:#79d9bd;transform:scaleY(0);transform-origin:bottom;}
    .bars-row span:nth-child(1){height:10px}.bars-row span:nth-child(2){height:16px}.bars-row span:nth-child(3){height:23px}

    .platform-section.is-visible .section-head{animation:fadeUp .75s ease forwards;}
    .platform-section.is-visible .feature-card{animation:riseIn .75s cubic-bezier(.2,.8,.2,1) forwards;}
    .platform-section.is-visible .feature-card:nth-child(1){animation-delay:.12s}
    .platform-section.is-visible .feature-card:nth-child(2){animation-delay:.24s}
    .platform-section.is-visible .feature-card:nth-child(3){animation-delay:.36s}
    .platform-section.is-visible .feature-card:nth-child(4){animation-delay:.48s}
    .platform-section.is-visible .feature-card:nth-child(5){animation-delay:.60s}
    .platform-section.is-visible .feature-card::before{animation:growBar .7s ease forwards;animation-delay:.8s;}
    .platform-section.is-visible .connect-lines path,.platform-section.is-visible .db-lines path,.platform-section.is-visible .flow-svg path,.platform-section.is-visible .monitor-svg .l1,.platform-section.is-visible .monitor-svg .l2{animation:drawPath 1.35s ease forwards;animation-delay:1s;}
    .platform-section.is-visible .channel-tile,.platform-section.is-visible .channel-center,.platform-section.is-visible .contact-pill,.platform-section.is-visible .db-badge,.platform-section.is-visible .template-chip,.platform-section.is-visible .flow-step,.platform-section.is-visible .kpi{animation:floatMini 4.8s ease-in-out infinite;}
    .platform-section.is-visible .db-core,.platform-section.is-visible .editor-panel,.platform-section.is-visible .chart-box{animation:softFloat 6s ease-in-out infinite;}
    .platform-section.is-visible .bars-row span{animation:barGrow .55s ease forwards;animation-delay:1.25s;}
    .platform-section.is-visible .bars-row span:nth-child(2){animation-delay:1.38s}
    .platform-section.is-visible .bars-row span:nth-child(3){animation-delay:1.5s}

    @keyframes fadeUp{to{opacity:1;transform:none;}}
    @keyframes riseIn{to{opacity:1;transform:none;}}
    @keyframes growBar{to{transform:scaleX(1);}}
    @keyframes drawPath{to{stroke-dashoffset:0;}}
    @keyframes floatMini{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
    @keyframes softFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-2px);}}
    @keyframes barGrow{to{transform:scaleY(1);}}

    @media (max-width:1080px){
      .feature-grid{grid-template-columns:repeat(2,1fr);}
      .feature-card:nth-child(n){grid-column:auto;}
      .feature-card:last-child{grid-column:1 / -1;max-width:calc(50% - 11px);width:100%;justify-self:center;}
    }
    @media (max-width:760px){
      .platform-section{padding:72px 0 82px}
      .container{width:92%}
      .section-head{margin-bottom:38px}
      .section-title{font-size:clamp(34px,8.8vw,46px);letter-spacing:-1.6px;}
      .section-text{font-size:15px;line-height:1.85;}
      .feature-grid{grid-template-columns:1fr;gap:16px;}
      .feature-card,.feature-card:last-child{grid-column:auto;max-width:none;min-height:410px;}
      .thumb{height:176px}
      .content{padding:20px 18px 20px}
      .feature-card h3{font-size:19px}
      .feature-card p{font-size:14px}
      .flow-step{width:122px;font-size:11px;}
    }















    .rsi-feature-section{
  position:relative;
  overflow:hidden;
  padding:92px 0 98px;
  background:#fff;
}
.rsi-feature-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:#eef2f5;
}
.rsi-feature-wrap{
  width:min(1380px,92%);
  margin:auto;
}
.rsi-feature-head{
  max-width:900px;
  margin:0 auto 46px;
  text-align:center;
  opacity:0;
  transform:translateY(24px);
}
.rsi-feature-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#637083;
  font-size:13px;
  font-weight:500;
  margin-bottom:16px;
}
.rsi-feature-kicker::before,
.rsi-feature-kicker::after{
  content:"";
  width:30px;
  height:2px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
.rsi-feature-head h2{
  margin:0;
  font-size:clamp(38px,4vw,58px);
  line-height:1.08;
  letter-spacing:-2px;
  font-weight:500;
  color:#0f172a;
}
.rsi-feature-head h2 span{color:#9aa3ad}
.rsi-feature-head p{
  margin:20px auto 0;
  max-width:760px;
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
  font-weight:500;
}

.rsi-feature-shell{
  display:grid;
  grid-template-columns:38% 62%;
  gap:22px;
  padding:16px;
  background:var(--soft);
  border:1px solid #edf1f4;
  border-radius:32px;
  box-shadow:0 18px 55px rgba(16,24,40,.045);
}

.rsi-feature-visual{
  position:sticky;
  top:18px;
  min-height:860px;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(180deg,#eef8ff 0%,#dceffd 68%,#f9fcfe 100%);
  border:1px solid #deebf4;
  opacity:0;
  transform:translateX(-30px);
}
.rsi-feature-visual-top{
  position:absolute;
  z-index:3;
  left:30px;
  right:30px;
  top:30px;
}
.rsi-small-label{
  color:#1f6faf;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:500;
  margin-bottom:14px;
}
.rsi-feature-visual h3{
  margin:0;
  max-width:460px;
  font-size:clamp(36px,3.6vw,54px);
  line-height:1.08;
  letter-spacing:-1.8px;
  font-weight:500;
}
.rsi-feature-visual h3 span{color:#2b7ff0}
.rsi-feature-visual-top p{
  margin:18px 0 0;
  max-width:470px;
  font-size:15px;
  line-height:1.75;
  color:#52677f;
  font-weight:500;
}
.rsi-channel-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.rsi-channel{
  min-width:78px;
  height:74px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  border:1px solid #deebf4;
  box-shadow:0 10px 24px rgba(16,24,40,.05);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#31445d;
  font-size:11px;
  font-weight:500;
}
.rsi-channel i{font-size:22px}
.rsi-channel.email i{color:#2d7ff0}
.rsi-channel.wa i{color:#1db96f}
.rsi-channel.sms i{color:#6e5cf5}
.rsi-channel.audience i{color:#e44a79}

.rsi-ai-image{
  position:absolute;
  inset:275px 0 95px;
}
.rsi-ai-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(.95) contrast(1.01);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);
}
.rsi-benefit-row{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.rsi-benefit{
  text-align:center;
  color:#36516f;
  font-size:11px;
  font-weight:500;
}
.rsi-benefit i{
  margin:0 auto 7px;
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #dfeaf3;
  color:#287cf0;
  box-shadow:0 8px 18px rgba(16,24,40,.05);
}

.rsi-feature-list{
  background:#fff;
  border-radius:26px;
  padding:4px;
  opacity:0;
  transform:translateX(30px);
}
.rsi-feature-item{
  border-bottom:1px solid var(--line);
  opacity:0;
  transform:translateY(20px);
  transition:.3s ease;
}
.rsi-feature-item:last-child{border-bottom:0}
.rsi-feature-item.active{
  margin:4px 0;
  border:1px solid #dbe7f1;
  border-radius:20px;
  box-shadow:0 14px 34px rgba(16,24,40,.055);
  background:#fcfeff;
}
.rsi-feature-toggle{
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:left;
  padding:14px 14px;
  display:grid;
  grid-template-columns:165px 45px minmax(0,1fr) 42px;
  gap:14px;
  align-items:center;
  font-weight:500;
}
.rsi-feature-thumb{
  height:92px;
  overflow:hidden;
  border-radius:14px;
  background:#f4f8fb;
  border:1px solid #ebf0f4;
}
.rsi-feature-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.rsi-feature-item:hover .rsi-feature-thumb img{transform:scale(1.025)}
.rsi-feature-no{
  color:#2d7ff0;
  font-size:17px;
  font-weight:500;
  align-self:flex-start;
  padding-top:7px;
}
.rsi-feature-copy h3{
  margin:0 0 5px;
  font-size:19px;
  line-height:1.28;
  letter-spacing:-.35px;
  font-weight:500;
}
.rsi-feature-copy p{
  margin:0;
  color:#617185;
  font-size:12.5px;
  line-height:1.55;
  font-weight:500;
}
.rsi-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.rsi-chip{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#edf6ff;
  color:#2875d4;
  font-size:10.5px;
  font-weight:500;
}
.rsi-feature-plus{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eff4f7;
  color:#243143;
  transition:.3s ease;
  justify-self:end;
}
.rsi-feature-item.active .rsi-feature-plus{
  background:#75c6f3;
  color:#fff;
  transform:rotate(45deg);
  box-shadow:0 8px 20px rgba(58,165,231,.22);
}
.rsi-feature-answer{
  padding:0 16px 14px 240px;
}
.rsi-answer-inner{
  border-top:1px solid #edf2f5;
  padding-top:12px;
}
.rsi-answer-label{
  display:inline-block;
  color:#2d7ff0;
  font-size:11px;
  margin-bottom:6px;
  font-weight:500;
}
.rsi-answer-inner p{
  margin:0;
  color:#637286;
  font-size:12.5px;
  line-height:1.65;
  font-weight:500;
}

/* scroll animation */
.rsi-feature-section.is-visible .rsi-feature-head{
  animation:rsiUp .7s ease forwards;
}
.rsi-feature-section.is-visible .rsi-feature-visual{
  animation:rsiLeft .85s .08s cubic-bezier(.2,.8,.2,1) forwards;
}
.rsi-feature-section.is-visible .rsi-feature-list{
  animation:rsiRight .85s .12s cubic-bezier(.2,.8,.2,1) forwards;
}
.rsi-feature-section.is-visible .rsi-feature-item{
  animation:rsiItem .6s cubic-bezier(.2,.8,.2,1) forwards;
}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(1){animation-delay:.18s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(2){animation-delay:.25s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(3){animation-delay:.32s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(4){animation-delay:.39s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(5){animation-delay:.46s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(6){animation-delay:.53s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(7){animation-delay:.60s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(8){animation-delay:.67s}
.rsi-feature-section.is-visible .rsi-feature-item:nth-child(9){animation-delay:.74s}
.rsi-feature-section.is-visible .rsi-channel{
  animation:rsiFloat 4.6s ease-in-out infinite;
}
.rsi-feature-section.is-visible .rsi-channel:nth-child(2){animation-delay:.4s}
.rsi-feature-section.is-visible .rsi-channel:nth-child(3){animation-delay:.8s}
.rsi-feature-section.is-visible .rsi-channel:nth-child(4){animation-delay:1.2s}

@keyframes rsiUp{to{opacity:1;transform:none}}
@keyframes rsiLeft{to{opacity:1;transform:none}}
@keyframes rsiRight{to{opacity:1;transform:none}}
@keyframes rsiItem{to{opacity:1;transform:none}}
@keyframes rsiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

@media(max-width:1120px){
  .rsi-feature-shell{grid-template-columns:1fr}
  .rsi-feature-visual{position:relative;top:auto;min-height:780px}
}
@media(max-width:780px){
  .rsi-feature-section{padding:70px 0}
  .rsi-feature-wrap{width:94%}
  .rsi-feature-shell{padding:10px;border-radius:24px}
  .rsi-feature-visual{min-height:720px;border-radius:20px}
  .rsi-feature-visual-top{left:22px;right:22px;top:24px}
  .rsi-feature-visual h3{font-size:40px}
  .rsi-ai-image{inset:265px 0 100px}
  .rsi-feature-toggle{
    grid-template-columns:118px 36px minmax(0,1fr) 38px;
    padding:11px 8px;
    gap:9px;
  }
  .rsi-feature-thumb{height:82px}
  .rsi-feature-copy h3{font-size:16px}
  .rsi-feature-copy p{font-size:11.5px}
  .rsi-feature-answer{padding:0 12px 12px 168px}
}
@media(max-width:560px){
  .rsi-feature-head h2{font-size:34px;letter-spacing:-1.3px}
  .rsi-feature-head p{font-size:14px}
  .rsi-feature-visual{min-height:655px}
  .rsi-feature-visual h3{font-size:34px}
  .rsi-feature-visual-top p{font-size:13px}
  .rsi-channel{min-width:65px;width:65px;height:66px;font-size:9px}
  .rsi-channel i{font-size:18px}
  .rsi-ai-image{inset:255px 0 102px}
  .rsi-benefit-row{left:10px;right:10px;gap:4px}
  .rsi-benefit{font-size:9px}
  .rsi-benefit i{width:32px;height:32px;font-size:13px}
  .rsi-feature-toggle{grid-template-columns:1fr 38px;gap:10px}
  .rsi-feature-thumb{grid-column:1/-1;height:130px}
  .rsi-feature-no{display:none}
  .rsi-feature-copy{grid-column:1;grid-row:2}
  .rsi-feature-plus{grid-column:2;grid-row:2}
  .rsi-feature-answer{padding:0 12px 12px}
  .rsi-chip-row{margin-top:8px}
}
.unified-channel-section{
  position:relative;
  overflow:hidden;
  padding:94px 0 105px;
  background:#fff;
}
.unified-channel-section::before{
  content:"";
  position:absolute;
  right:-140px;
  top:80px;
  width:390px;
  height:390px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(47,128,237,.07),transparent 70%);
}
.unified-channel-section::after{
  content:"";
  position:absolute;
  left:-120px;
  bottom:-140px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,185,128,.06),transparent 70%);
}
.uc-wrap{
  position:relative;
  z-index:2;
  width:min(1280px,92%);
  margin:0 auto;
}
.uc-head{
  max-width:960px;
  margin:0 auto 48px;
  text-align:center;
  opacity:0;
  transform:translateY(26px);
}
.uc-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#667085;
  font-size:13px;
  margin-bottom:18px;
}
.uc-kicker::before,.uc-kicker::after{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blue),var(--green));
}
.uc-title{
  margin:0;
  font-size:clamp(38px,4.25vw,60px);
  line-height:1.08;
  letter-spacing:-2.2px;
  font-weight:500;
  color:#0f172a;
}
.uc-title span{color:#9aa3ad}
.uc-intro{
  margin:24px auto 0;
  max-width:930px;
  color:var(--muted);
  font-size:16px;
  line-height:1.9;
}

.uc-shell{
  background:var(--soft);
  border:1px solid #edf1f4;
  border-radius:30px;
  padding:16px;
  box-shadow:0 18px 54px rgba(16,24,40,.045);
  opacity:0;
  transform:translateY(28px);
}
.uc-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:16px;
}
.uc-tab{
  border:1px solid #e5ebf1;
  background:#fff;
  border-radius:18px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  gap:14px;
  cursor:pointer;
  color:#475467;
  transition:.3s ease;
}
.uc-tab:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(16,24,40,.05);
}
.uc-tab .icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:19px;
}
.uc-tab.email .icon{background:#edf5ff;color:var(--blue)}
.uc-tab.sms .icon{background:#f0edff;color:var(--purple)}
.uc-tab.whatsapp .icon{background:#eafaf3;color:var(--green)}
.uc-tab strong{
  display:block;
  font-size:17px;
  color:#182230;
  font-weight:500;
}
.uc-tab small{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:#98a2b3;
}
.uc-tab.active{
  background:#2f80ed;
  color:#fff;
  border-color:#2f80ed;
  box-shadow:0 14px 30px rgba(16,24,40,.15);
}
.uc-tab.active strong,.uc-tab.active small{color:#fff}
.uc-tab.active .icon{background:rgba(255,255,255,.12);color:#fff}

.uc-panel{
  display:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
}
.uc-panel.active{display:block}
.uc-panel-grid{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:610px;
}
.uc-visual{
  position:relative;
  overflow:hidden;
  padding:26px;
  background:linear-gradient(180deg,#f6fbff 0%,#eef6fb 100%);
  border-right:1px solid #e8edf2;
}
.uc-visual-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7edf3;
  color:#536274;
  font-size:11px;
  box-shadow:0 8px 18px rgba(16,24,40,.04);
}
.uc-visual h3{
  margin:20px 0 8px;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-1px;
  font-weight:500;
}
.uc-visual p{
  margin:0;
  max-width:430px;
  color:#6c7787;
  font-size:14px;
  line-height:1.7;
}
.mock-window{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  height:390px;
  background:#fff;
  border:1px solid #e6edf3;
  border-radius:24px;
  box-shadow:0 24px 45px rgba(16,24,40,.10);
  overflow:hidden;
}
.mock-top{
  height:42px;
  background:#f8fafc;
  border-bottom:1px solid #edf2f6;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
}
.mock-top i{
  width:8px;height:8px;border-radius:50%;background:#cfd8e3;
}
.mock-content{padding:18px}
.email-toolbar{
  display:grid;
  grid-template-columns:1fr 120px;
  gap:10px;
  margin-bottom:14px;
}
.field,.select-box{
  height:38px;
  border:1px solid #e7edf3;
  border-radius:11px;
  background:#fbfcfd;
}
.editor{
  border:1px solid #e7edf3;
  border-radius:16px;
  overflow:hidden;
}
.editor-bar{
  height:38px;
  background:#f8fafc;
  border-bottom:1px solid #edf2f6;
  display:flex;align-items:center;gap:12px;padding:0 12px;color:#7b8796;font-size:12px;
}
.editor-body{
  padding:18px;
  display:grid;
  grid-template-columns:1fr 128px;
  gap:14px;
}
.lines{display:flex;flex-direction:column;gap:10px}
.line{border-radius:10px;background:#edf2f6}
.line.w1{width:86%}.line.w2{width:64%}.line.w3{width:96%}.line.w4{width:72%}
.preview-img{border-radius:14px;background:linear-gradient(135deg,#86c7ff,#5c9df3);height:112px}
.mock-actions{
  display:flex;justify-content:space-between;align-items:center;margin-top:15px
}
.badge{
  padding:8px 10px;border-radius:999px;font-size:11px;background:#eafaf4;color:#15986e
}
.primary-btn{
  padding:10px 15px;border-radius:10px;background:#2f80ed;color:#fff;font-size:11px
}

.sms-card{
  background:#fff;border:1px solid #e7edf3;border-radius:18px;padding:18px;margin-bottom:14px;
}
.sms-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sms-head strong{font-size:14px}
.sms-head span{font-size:10px;color:#98a2b3}
.sms-msg{
  padding:14px;border-radius:14px;background:#f7f9fb;color:#536274;font-size:13px;line-height:1.65
}
.sms-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px
}
.sms-stat{
  background:#f8fafc;border:1px solid #edf2f6;border-radius:14px;padding:12px;text-align:center
}
.sms-stat strong{display:block;font-size:20px;margin-bottom:4px}
.sms-stat span{font-size:10px;color:#8b96a4}

.wa-template{
  border:1px solid #e7edf3;border-radius:18px;background:#fff;padding:16px;
}
.wa-header{
  height:70px;border-radius:14px;background:linear-gradient(135deg,#e8faf2,#d9f5e8);
  display:flex;align-items:center;justify-content:center;color:#1db970;font-size:28px;margin-bottom:14px
}
.wa-body{display:flex;flex-direction:column;gap:9px}
.wa-line{height:9px;border-radius:10px;background:#eef2f5}
.wa-line:nth-child(1){width:92%}.wa-line:nth-child(2){width:78%}.wa-line:nth-child(3){width:66%}
.wa-buttons{display:flex;gap:10px;margin-top:14px}
.wa-buttons span{
  flex:1;padding:10px;border-radius:10px;background:#effaf5;color:#15986e;text-align:center;font-size:11px
}

.uc-features{
  padding:28px;
}
.uc-features-head{
  margin-bottom:18px;
}
.uc-features-head span{
  display:inline-block;
  color:#8c98a7;
  font-size:11px;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.uc-features-head h3{
  margin:0;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.7px;
  font-weight:500;
}
.feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.feature-box{
  border:1px solid #e7edf3;
  border-radius:18px;
  padding:18px;
  background:#fff;
  transition:.3s ease;
}
.feature-box:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(16,24,40,.06);
}
.feature-box .f-icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:13px;
  background:#f2f7fb;color:#2f80ed
}
.feature-box h4{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.35;
  font-weight:500;
}
.feature-box p{
  margin:0;
  color:#667085;
  font-size:13px;
  line-height:1.75;
}
.uc-footer-note{
  margin-top:18px;
  border:1px solid #e7edf3;
  border-radius:18px;
  padding:16px 18px;
  background:#f9fbfc;
  color:#607087;
  font-size:13px;
  line-height:1.65;
}

.unified-channel-section.is-visible .uc-head{animation:fadeUp .75s ease forwards}
.unified-channel-section.is-visible .uc-shell{animation:fadeUp .8s .1s ease forwards}
.unified-channel-section.is-visible .feature-box{animation:boxIn .55s ease both}
.unified-channel-section.is-visible .feature-box:nth-child(1){animation-delay:.18s}
.unified-channel-section.is-visible .feature-box:nth-child(2){animation-delay:.26s}
.unified-channel-section.is-visible .feature-box:nth-child(3){animation-delay:.34s}
.unified-channel-section.is-visible .feature-box:nth-child(4){animation-delay:.42s}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes boxIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:1020px){
  .uc-panel-grid{grid-template-columns:1fr}
  .uc-visual{min-height:560px;border-right:0;border-bottom:1px solid #e8edf2}
}
@media(max-width:760px){
  .unified-channel-section{padding:72px 0 82px}
  .uc-wrap{width:94%}
  .uc-tabs{grid-template-columns:1fr}
  .uc-tab{padding:14px}
  .feature-list{grid-template-columns:1fr}
  .uc-title{font-size:36px;letter-spacing:-1.5px}
  .uc-intro{font-size:15px}
  .uc-visual{min-height:520px;padding:20px}
  .mock-window{left:18px;right:18px;bottom:18px;height:355px}
  .uc-features{padding:20px}
}





/* All custom CSS is isolated with the rsicau- prefix and #rsicau-section scope.
   This avoids collisions with Bootstrap, theme CSS, existing .tabs/.active/.show classes, etc. */
#rsicau-section{
  --ink:#101828;
  --muted:#667085;
  --line:#e7edf3;
  --soft:#f6f8fb;
  --soft-blue:#eef7fd;
  --soft-green:#eefbf6;
  --blue:#2f80ed;
  --green:#18b985;
  --purple:#7567ee;
  --orange:#f0aa34;
  --shadow:0 18px 48px rgba(16,24,40,.06);
}
#rsicau-section,
#rsicau-section *{box-sizing:border-box}
#rsicau-section{
  font-family:"Inter",sans-serif;
  font-weight:500;
  color:var(--ink);
  background:#fff;
}
#rsicau-section button{font:inherit}
#rsicau-section img{display:block;max-width:100%}

/* MAIN */
.rsicau-rsi-section{
  overflow:hidden;
  background:#fff;
}
.rsicau-rsi-wrap{
  width:min(1280px,92%);
  margin:0 auto;
}

/* shared */
.rsicau-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .75s ease, transform .75s ease;
}
.rsicau-reveal.rsicau-left{transform:translateX(-34px)}
.rsicau-reveal.rsicau-right{transform:translateX(34px)}
.rsicau-reveal.rsicau-show{opacity:1;transform:none}

.rsicau-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:15px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  color:#2877d8;
  background:#eaf4ff;
}
.rsicau-eyebrow.rsicau-green{
  color:#118c65;
  background:#eafaf4;
}
.rsicau-section-title{
  margin:0;
  font-size:clamp(36px,4vw,58px);
  line-height:1.08;
  letter-spacing:-2px;
  font-weight:500;
}
.rsicau-section-copy{
  margin:20px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.9;
}
.rsicau-check-list{
  margin:26px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.rsicau-check-list li{
  position:relative;
  padding-left:28px;
  color:#4d5b6f;
  font-size:14px;
  line-height:1.6;
}
.rsicau-check-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#16b77f;
}

/* ================= ROW 1 ================= */
.rsicau-showcase{
  padding:92px 0;
  background:#f5f8fb;
}
.rsicau-showcase-grid{
  display:grid;
  grid-template-columns:48% 52%;
  gap:64px;
  align-items:center;
}
.rsicau-image-shell{
  position:relative;
  padding:18px;
  border-radius:30px;
  background:linear-gradient(180deg,#ecfbf5 0%,#f8fcfa 100%);
  box-shadow:0 16px 44px rgba(16,24,40,.06);
}
.rsicau-image-shell.rsicau-blue{
  background:linear-gradient(180deg,#eef7ff 0%,#f8fbfd 100%);
}
.rsicau-dashboard-image{
  min-height:430px;
  border-radius:22px;
  background:#fff;
  border:1px solid #e2e9ef;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(16,24,40,.05);
}
.rsicau-dash-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:17px 18px;
  border-bottom:1px solid #edf2f6;
}
.rsicau-dash-head strong{
  font-size:14px;
  font-weight:500;
}
.rsicau-dash-chip{
  padding:8px 11px;
  border-radius:10px;
  background:#e8faf3;
  color:#14a674;
  font-size:11px;
}
.rsicau-dash-body{padding:18px}
.rsicau-chart-wrap{
  height:190px;
  border-radius:18px;
  background:#fbfcfd;
  border:1px solid #edf2f6;
  padding:16px;
  position:relative;
  overflow:hidden;
}
.rsicau-chart-bars{
  position:absolute;
  left:20px;right:20px;bottom:26px;
  height:112px;
  display:flex;
  align-items:flex-end;
  gap:14px;
}
.rsicau-chart-bars span{
  flex:1;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#6d89ff,#a5b6ff);
  transform:scaleY(0);
  transform-origin:bottom;
}
.rsicau-chart-bars span:nth-child(1){height:45%}
.rsicau-chart-bars span:nth-child(2){height:62%}
.rsicau-chart-bars span:nth-child(3){height:38%}
.rsicau-chart-bars span:nth-child(4){height:78%}
.rsicau-chart-bars span:nth-child(5){height:68%}
.rsicau-chart-bars span:nth-child(6){height:84%}
.rsicau-chart-bars span:nth-child(7){height:74%;background:linear-gradient(180deg,#18b985,#53d6ac)}
.rsicau-line-svg{
  position:absolute;
  left:18px;right:18px;top:45px;
  width:calc(100% - 36px);
  height:95px;
}
.rsicau-line-path{
  fill:none;
  stroke:#18b985;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:400;
  stroke-dashoffset:400;
}
.rsicau-mini-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:14px;
}
.rsicau-mini-stat{
  background:#f8fafc;
  border:1px solid #edf2f6;
  border-radius:14px;
  padding:14px;
}
.rsicau-mini-stat span{
  display:block;
  color:#8a96a4;
  font-size:14px;
  margin-bottom:5px;
}
.rsicau-mini-stat strong{
  font-size:20px;
  font-weight:500;
}

/* ================= ROW 2 ================= */
.rsicau-brand-row{
  padding:92px 0;
  background:#fff;
}
.rsicau-brand-grid{
  display:grid;
  grid-template-columns:52% 48%;
  gap:64px;
  align-items:center;
}
.rsicau-contacts-image{
  min-height:430px;
  border-radius:22px;
  background:#fff;
  border:1px solid #e2e9ef;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(16,24,40,.05);
}
.rsicau-contact-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid #edf2f6;
}
.rsicau-contact-top strong{font-size:14px;font-weight:500}
.rsicau-add-btn{
  padding:8px 11px;
  border-radius:10px;
  background:#2f80ed;
  color:#fff;
  font-size:10px;
}
.rsicau-contact-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:16px;
}
.rsicau-cstat{
  background:#f8fafc;
  border:1px solid #edf2f6;
  border-radius:13px;
  padding:12px;
}
.rsicau-cstat span{display:block;font-size:9px;color:#8e99a7;margin-bottom:4px}
.rsicau-cstat strong{display:block;font-size:18px;font-weight:500}
.rsicau-contact-table{
  margin:0 16px 16px;
  border:1px solid #edf2f6;
  border-radius:14px;
  overflow:hidden;
}
.rsicau-ct-row{
  display:grid;
  grid-template-columns:34px 1.2fr 1fr 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-bottom:1px solid #edf2f6;
}
.rsicau-ct-row:last-child{border-bottom:0}
.rsicau-ct-avatar{
  width:30px;height:30px;border-radius:50%;
  background:#edf5ff;
  display:grid;
  place-items:center;
  color:#2f80ed;
  font-size:10px;
}
.rsicau-ct-row strong{font-size:10px;font-weight:500}
.rsicau-ct-row span{font-size:9px;color:#84909f}
.rsicau-ct-status{
  padding:5px 7px;
  border-radius:999px;
  background:#eafaf4;
  color:#15986e !important;
}

/* ================= TABS ================= */
.rsicau-tabs-section{
  padding:94px 0 104px;
  background:#f7f9fb;
}
.rsicau-tabs-head{
  max-width:920px;
  margin:0 auto 34px;
  text-align:center;
}
.rsicau-tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:24px;
}
.rsicau-tab-btn{
  border:1px solid #e2e9ef;
  background:#fff;
  color:#5c6879;
  padding:12px 18px;
  border-radius:999px;
  cursor:pointer;
  transition:.3s ease;
}
.rsicau-tab-btn.rsicau-active{
  background:#101828;
  color:#fff;
  border-color:#101828;
  box-shadow:0 10px 22px rgba(16,24,40,.12);
}
.rsicau-tab-panel{display:none}
.rsicau-tab-panel.rsicau-active{display:block}
.rsicau-tab-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.rsicau-tab-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:18px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  transition:.3s ease;
}
.rsicau-tab-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(16,24,40,.06);
}
.rsicau-tab-visual{
  height:130px;
  border-radius:16px;
  border:1px solid #edf2f6;
  background:linear-gradient(180deg,#fbfcfd,#f2f7fb);
  overflow:hidden;
  position:relative;
}
.rsicau-tab-card h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.35;
  font-weight:500;
}
.rsicau-tab-card p{
  margin:0;
  color:#667085;
  font-size:12.5px;
  line-height:1.72;
}

/* visuals */
.rsicau-profile-visual{
  padding:12px;
}
.rsicau-profile-visual .rsicau-pv-avatar{
  width:46px;height:46px;border-radius:14px;
  background:#edf5ff;color:#2f80ed;
  display:grid;place-items:center;
  margin-bottom:10px;
}
.rsicau-profile-visual .rsicau-pv-line{
  height:7px;border-radius:10px;background:#e9eef3;margin-bottom:7px
}
.rsicau-profile-visual .rsicau-pv-line.rsicau-w1{width:80%}
.rsicau-profile-visual .rsicau-pv-line.rsicau-w2{width:60%}
.rsicau-profile-visual .rsicau-pv-line.rsicau-w3{width:90%}

.rsicau-upload-visual{
  position:absolute;inset:12px;
  border:1px dashed #cad7e2;
  border-radius:13px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#6d7b8d;
  font-size:10px;
}
.rsicau-upload-visual span{
  display:block;
  font-size:26px;
  color:#18b985;
  margin-bottom:6px;
}
.rsicau-duplicate-visual{
  padding:12px;
  display:grid;
  gap:7px;
}
.rsicau-dup-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 9px;
  border-radius:10px;
  background:#fff;
  border:1px solid #edf2f6;
  font-size:9px;
}
.rsicau-dup-row b{font-weight:500;color:#e65d67}

.rsicau-list-visual{
  padding:12px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.rsicau-list-visual span{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7edf3;
  color:#5c697c;
  font-size:9px;
}
.rsicau-list-visual span:nth-child(2n){
  background:#eef6ff;
  color:#2f80ed;
}
.rsicau-analytics-visual{
  position:absolute;
  inset:14px;
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.rsicau-analytics-visual span{
  flex:1;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,#2f80ed,#9ec3ff);
}
.rsicau-analytics-visual span:nth-child(1){height:32%}
.rsicau-analytics-visual span:nth-child(2){height:48%}
.rsicau-analytics-visual span:nth-child(3){height:70%}
.rsicau-analytics-visual span:nth-child(4){height:55%}
.rsicau-analytics-visual span:nth-child(5){height:86%}
.rsicau-analytics-visual span:nth-child(6){height:96%;background:linear-gradient(180deg,#18b985,#75dcbb)}

.rsicau-multi-contact{
  padding:12px;
  display:grid;
  gap:8px;
}
.rsicau-mc-row{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:8px;
  align-items:center;
  padding:7px 8px;
  background:#fff;
  border:1px solid #edf2f6;
  border-radius:10px;
  font-size:9px;
}
.rsicau-mc-dot{
  width:26px;height:26px;border-radius:9px;
  background:#edf5ff;color:#2f80ed;
  display:grid;place-items:center;
}
.rsicau-mc-row:nth-child(2) .rsicau-mc-dot{background:#f1efff;color:#7567ee}
.rsicau-mc-row:nth-child(3) .rsicau-mc-dot{background:#eafaf4;color:#18b985}
.rsicau-mc-status{color:#15986e}

/* quality tab */
.rsicau-quality-visual{
  padding:12px;
}
.rsicau-q-line{
  display:grid;
  grid-template-columns:64px 1fr 28px;
  gap:7px;
  align-items:center;
  margin-bottom:9px;
  font-size:8px;
}
.rsicau-q-track{
  height:6px;border-radius:999px;background:#e9eef3;overflow:hidden
}
.rsicau-q-fill{
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#2f80ed,#18b985);
}
.rsicau-q-line b{font-weight:500;color:#5f6e82}
.rsicau-sanitize-visual{
  position:absolute;
  inset:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.rsicau-sanitize-box{
  border:1px solid #e7edf3;
  border-radius:12px;
  background:#fff;
  display:grid;
  place-items:center;
  text-align:center;
  font-size:9px;
  color:#637286;
}
.rsicau-sanitize-box strong{
  display:block;
  font-size:17px;
  margin-bottom:4px;
  font-weight:500;
}
.rsicau-exclude-visual{
  padding:12px;
  display:grid;
  gap:8px;
}
.rsicau-ex-row{
  padding:8px 10px;
  border-radius:10px;
  background:#fff;
  border:1px solid #edf2f6;
  font-size:9px;
  color:#637286;
}
.rsicau-snapshot-visual{
  padding:12px;
}
.rsicau-snap-card{
  height:100%;
  border-radius:12px;
  background:#fff;
  border:1px solid #edf2f6;
  padding:12px;
}
.rsicau-snap-card strong{
  display:block;
  font-size:12px;
  margin-bottom:10px;
  font-weight:500;
}
.rsicau-snap-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.rsicau-snap-stat{
  padding:10px;
  border-radius:10px;
  background:#f8fafc;
  text-align:center;
}
.rsicau-snap-stat b{display:block;font-size:15px;font-weight:500}
.rsicau-snap-stat span{font-size:8px;color:#8592a2}

/* animation */
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span{
  animation:barGrow .8s ease forwards;
}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(2){animation-delay:.08s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(3){animation-delay:.16s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(4){animation-delay:.24s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(5){animation-delay:.32s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(6){animation-delay:.40s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-chart-bars span:nth-child(7){animation-delay:.48s}
.rsicau-rsi-section.rsicau-is-visible .rsicau-line-path{animation:draw 1.4s .35s ease forwards}
.rsicau-rsi-section.rsicau-is-visible .rsicau-q-fill{animation:qfill 1s .35s ease forwards}
@keyframes barGrow{to{transform:scaleY(1)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes qfill{to{width:var(--w)}}

@media(max-width:1050px){
  .rsicau-showcase-grid,.rsicau-brand-grid{grid-template-columns:1fr}
  .rsicau-showcase-grid{gap:36px}
  .rsicau-brand-grid{gap:36px}
  .rsicau-tab-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .rsicau-showcase,.rsicau-brand-row,.rsicau-tabs-section{padding:72px 0}
  .rsicau-rsi-wrap{width:94%}
  .rsicau-section-title{font-size:36px;letter-spacing:-1.4px}
  .rsicau-section-copy{font-size:15px}
  .rsicau-dashboard-image,.rsicau-contacts-image{min-height:390px}
  .rsicau-chart-wrap{height:170px}
  .rsicau-contact-stats{grid-template-columns:1fr 1fr}
  .rsicau-ct-row{grid-template-columns:34px 1fr auto}
  .rsicau-ct-row span:nth-of-type(1), .rsicau-ct-row span:nth-of-type(2){display:none}
  .rsicau-tab-card{grid-template-columns:1fr}
  .rsicau-tab-visual{height:150px}
}

/* =========================================================
   UNIQUE PREFIX: rsicv2-
   ========================================================= */
#rsicv2-section{
  --rsicv2-ink:#102142;
  --rsicv2-text:#506786;
  --rsicv2-muted:#7487a1;
  --rsicv2-line:#e1eaf2;
  --rsicv2-blue:#2178ff;
  --rsicv2-green:#18b985;
  --rsicv2-red:#ee5968;
  --rsicv2-orange:#efaa32;
  --rsicv2-violet:#7867f2;
  --rsicv2-soft:#f5f9fc;
  --rsicv2-shadow:0 22px 60px rgba(17,38,72,.07);

  position:relative;
  overflow:hidden;
  padding:78px 0 92px;
  background:linear-gradient(180deg,#f8fbfd 0%,#f4f8fb 100%);
  color:var(--rsicv2-ink);
  font-family:"Inter",sans-serif;
  font-weight:500;
}
#rsicv2-section,#rsicv2-section *{box-sizing:border-box}
#rsicv2-section button,#rsicv2-section a{font:inherit}
#rsicv2-section img{display:block;max-width:100%}

.rsicv2-wrap{
  width:min(1400px,94%);
  margin:0 auto;
  position:relative;
  z-index:2;
}

.rsicv2-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease,transform .75s ease;
}
.rsicv2-reveal.rsicv2-show{opacity:1;transform:none}

/* HERO */
.rsicv2-hero{
  display:grid;
  grid-template-columns:1fr 1.04fr;
  gap:42px;
  align-items:center;
  margin-bottom:34px;
}

.rsicv2-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:#61779b;
  font-size:13px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rsicv2-kicker:before{
  content:"";
  width:34px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--rsicv2-blue),var(--rsicv2-green));
}

.rsicv2-hero h2{
  margin:0;
  max-width:760px;
  font-size:clamp(42px,4.5vw,68px);
  line-height:1.04;
  letter-spacing:-2.5px;
  font-weight:600;
}
.rsicv2-hero h2 span{display:block;color:var(--rsicv2-blue)}

.rsicv2-hero p{
  margin:24px 0 0;
  max-width:760px;
  color:var(--rsicv2-text);
  font-size:17px;
  line-height:1.75;
}

.rsicv2-hero-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}
.rsicv2-point{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.82);
  border:1px solid var(--rsicv2-line);
  box-shadow:0 12px 30px rgba(19,38,70,.04);
}
.rsicv2-point-ico{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;color:#fff;flex:0 0 42px;
  font-size:16px;
}
.rsicv2-point:nth-child(1) .rsicv2-point-ico{background:linear-gradient(135deg,#20c785,#0fae70)}
.rsicv2-point:nth-child(2) .rsicv2-point-ico{background:linear-gradient(135deg,#348cff,#1f6fff)}
.rsicv2-point:nth-child(3) .rsicv2-point-ico{background:linear-gradient(135deg,#816af4,#6654ea)}
.rsicv2-point strong{font-size:13px;line-height:1.35;font-weight:600}

.rsicv2-hero-image{
  position:relative;
  border-radius:30px;
  padding:14px;
  background:linear-gradient(180deg,#fff 0%,#f1f6fa 100%);
  border:1px solid var(--rsicv2-line);
  box-shadow:var(--rsicv2-shadow);
  overflow:hidden;
}
.rsicv2-hero-image img{
  width:100%;
  height:440px;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
}
.rsicv2-float-channels{
  position:absolute;
  left:26px;
  bottom:26px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.rsicv2-float-chip{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(222,232,241,.95);
  box-shadow:0 10px 24px rgba(18,38,72,.08);
  color:#26446d;font-size:11px;
}
.rsicv2-float-chip i{color:var(--rsicv2-green)}

/* TAB SHELL */
.rsicv2-shell{
  overflow:hidden;
  border:1px solid var(--rsicv2-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--rsicv2-shadow);
}

.rsicv2-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--rsicv2-line);
}
.rsicv2-tab{
  position:relative;
  border:0;
  border-right:1px solid var(--rsicv2-line);
  background:#f8fbfe;
  color:#253f67;
  padding:22px 18px;
  cursor:pointer;
  font-size:17px;
  font-weight:600;
  transition:.28s ease;
}
.rsicv2-tab:last-child{border-right:0}
.rsicv2-tab i{margin-right:9px;color:#6a82a5}
.rsicv2-tab.rsicv2-active{
  color:#fff;
  background:linear-gradient(135deg,#2685ff,#1767f0);
}
.rsicv2-tab.rsicv2-active i{color:#fff}
.rsicv2-tab.rsicv2-active:after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:52px;height:5px;border-radius:999px 999px 0 0;
  transform:translateX(-50%);
  background:#fff;
}

.rsicv2-body{
  padding:22px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%);
}
.rsicv2-panel{display:none}
.rsicv2-panel.rsicv2-current{display:block}

.rsicv2-panel-grid{
  display:grid;
  grid-template-columns:380px 1fr;
  gap:20px;
  align-items:start;
}

/* LEFT IMAGE STORY */
.rsicv2-story{
  position:sticky;
  top:18px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--rsicv2-line);
  background:#fff;
  box-shadow:0 12px 32px rgba(15,38,73,.05);
}
.rsicv2-story-media{
  position:relative;
  height:430px;
  overflow:hidden;
  background:#eef6fc;
}
.rsicv2-story-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .6s ease;
}
.rsicv2-story:hover img{transform:scale(1.025)}
.rsicv2-story-badge{
  position:absolute;left:16px;right:16px;bottom:16px;
  padding:14px 15px;border-radius:16px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 28px rgba(18,38,72,.08);
}
.rsicv2-story-badge strong{
  display:block;font-size:14px;font-weight:600;color:#1d3b68;margin-bottom:5px;
}
.rsicv2-story-badge span{display:block;font-size:11px;color:#6b7f9c;line-height:1.55}

.rsicv2-story-copy{padding:20px}
.rsicv2-story-copy h3{
  margin:0 0 10px;
  font-size:25px;line-height:1.18;letter-spacing:-.5px;font-weight:600;
}
.rsicv2-story-copy p{margin:0;color:var(--rsicv2-text);font-size:13px;line-height:1.7}
.rsicv2-story-list{display:grid;gap:8px;margin-top:16px}
.rsicv2-story-list div{
  display:flex;align-items:center;gap:9px;
  color:#47617f;font-size:11px;
}
.rsicv2-story-list i{
  width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;background:#eafaf4;color:#15986e;font-size:10px;
}

/* RIGHT CONTENT */
.rsicv2-stack{display:grid;gap:16px}
.rsicv2-card{
  border:1px solid var(--rsicv2-line);
  border-radius:22px;
  background:#fff;
  padding:22px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 240px;
  gap:18px;
  align-items:start;
  box-shadow:0 9px 26px rgba(16,36,70,.035);
  opacity:0;
  transform:translateY(16px);
}
.rsicv2-num{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:#edf5ff;color:var(--rsicv2-blue);
  font-size:16px;font-weight:600;
}
.rsicv2-card-copy h4{
  margin:0 0 9px;
  font-size:18px;line-height:1.35;font-weight:600;color:#16325f;
}
.rsicv2-card-copy p{
  margin:0;color:var(--rsicv2-text);font-size:13px;line-height:1.72;
}

.rsicv2-card-visual{
  min-height:120px;
  border:1px solid #e8eef4;
  border-radius:16px;
  background:linear-gradient(180deg,#fbfcfe,#f5f8fb);
  padding:12px;
}
.rsicv2-mini-row{
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  margin-bottom:7px;
  border-radius:10px;
  background:#fff;
  border:1px solid #edf2f6;
}
.rsicv2-mini-row:last-child{margin-bottom:0}
.rsicv2-mini-ico{
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  background:#edf5ff;color:var(--rsicv2-blue);font-size:9px;
}
.rsicv2-mini-row strong{font-size:9px;font-weight:600;color:#435c7e}
.rsicv2-mini-row span{font-size:8px;color:#7c8da4}
.rsicv2-mini-status{
  padding:4px 6px;border-radius:999px;
  background:#eafaf4;color:#15986e !important;font-size:8px !important;
}

.rsicv2-bars{display:grid;gap:9px}
.rsicv2-bar-row{
  display:grid;
  grid-template-columns:78px 1fr 30px;
  gap:8px;align-items:center;
}
.rsicv2-bar-row span,.rsicv2-bar-row b{font-size:8px;color:#667b98;font-weight:600}
.rsicv2-track{height:7px;border-radius:999px;background:#e9eef3;overflow:hidden}
.rsicv2-fill{
  width:0;height:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--rsicv2-blue),var(--rsicv2-green));
}

.rsicv2-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rsicv2-audit-box{
  padding:11px;border-radius:12px;background:#fff;border:1px solid #e8eef4;
}
.rsicv2-audit-box span{display:block;font-size:8px;color:#8190a4;margin-bottom:4px}
.rsicv2-audit-box strong{font-size:11px;color:#365274;font-weight:600}

/* CTA */
.rsicv2-cta{
  margin-top:18px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:18px 22px;border-radius:20px;
  background:linear-gradient(90deg,#edf9f3,#e3f7ed);
  border:1px solid #d6eadf;
}
.rsicv2-cta strong{font-size:16px;color:#148a61;font-weight:600}
.rsicv2-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 18px;border-radius:999px;text-decoration:none;
  background:linear-gradient(135deg,#20c883,#12ad69);color:#fff;
  font-size:12px;font-weight:600;
  box-shadow:0 12px 24px rgba(20,174,106,.18);
}

/* ANIMATIONS */
@keyframes rsicv2Up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rsicv2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rsicv2Fill{to{width:var(--w)}}

.rsicv2-float-chip{animation:rsicv2Float 4.6s ease-in-out infinite}
.rsicv2-float-chip:nth-child(2){animation-delay:.4s}
.rsicv2-float-chip:nth-child(3){animation-delay:.8s}

.rsicv2-panel.rsicv2-current .rsicv2-card{animation:rsicv2Up .52s ease forwards}
.rsicv2-panel.rsicv2-current .rsicv2-card:nth-child(1){animation-delay:.05s}
.rsicv2-panel.rsicv2-current .rsicv2-card:nth-child(2){animation-delay:.13s}
.rsicv2-panel.rsicv2-current .rsicv2-card:nth-child(3){animation-delay:.21s}
.rsicv2-panel.rsicv2-current .rsicv2-fill{animation:rsicv2Fill 1s .25s ease forwards}

/* RESPONSIVE */
@media(max-width:1150px){
  .rsicv2-hero{grid-template-columns:1fr}
  .rsicv2-panel-grid{grid-template-columns:1fr}
  .rsicv2-story{position:relative;top:auto}
  .rsicv2-story-media{height:390px}
}
@media(max-width:900px){
  .rsicv2-hero-points{grid-template-columns:1fr}
  .rsicv2-tabs{grid-template-columns:1fr}
  .rsicv2-tab{border-right:0;border-bottom:1px solid var(--rsicv2-line)}
  .rsicv2-tab:last-child{border-bottom:0}
  .rsicv2-tab.rsicv2-active:after{display:none}
  .rsicv2-card{grid-template-columns:48px 1fr}
  .rsicv2-card-visual{grid-column:1/-1}
}
@media(max-width:640px){
  #rsicv2-section{padding:58px 0 70px}
  .rsicv2-wrap{width:95%}
  .rsicv2-hero h2{font-size:36px;letter-spacing:-1.4px}
  .rsicv2-hero p{font-size:15px}
  .rsicv2-hero-image img{height:320px}
  .rsicv2-float-channels{position:static;margin-top:12px}
  .rsicv2-story-media{height:310px}
  .rsicv2-body{padding:12px}
  .rsicv2-card{padding:17px}
  .rsicv2-cta{flex-direction:column;align-items:flex-start}
  .rsicv2-audit-grid{grid-template-columns:1fr}
}


/* ==========================================================
   UNIQUE PREFIX: rsigcm-
   Fully isolated to avoid CSS/JS conflicts
   ========================================================== */
#rsigcm-section{
  --rsigcm-ink:#102142;
  --rsigcm-text:#536a89;
  --rsigcm-muted:#8796aa;
  --rsigcm-line:#e4ebf2;
  --rsigcm-soft:#f6f9fc;
  --rsigcm-blue:#2478ff;
  --rsigcm-green:#18b985;
  --rsigcm-violet:#7567ee;
  --rsigcm-orange:#f0aa34;
  --rsigcm-red:#ee5b68;
  --rsigcm-shadow:0 22px 60px rgba(17,38,72,.07);

  position:relative;
  overflow:hidden;
  padding:96px 0 106px;
  background:#fff;
  font-family:"Inter",sans-serif;
  font-weight:500;
  color:var(--rsigcm-ink);
}

#rsigcm-section,
#rsigcm-section *{ box-sizing:border-box; }

#rsigcm-section button{ font:inherit; }

#rsigcm-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  right:-170px;top:60px;
  background:radial-gradient(circle,rgba(36,120,255,.08),transparent 70%);
  pointer-events:none;
}

#rsigcm-section:after{
  content:"";
  position:absolute;
  width:340px;height:340px;border-radius:50%;
  left:-140px;bottom:-120px;
  background:radial-gradient(circle,rgba(24,185,133,.07),transparent 70%);
  pointer-events:none;
}

.rsigcm-wrap{
  width:min(1320px,92%);
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */
.rsigcm-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 330px;
  gap:42px;
  align-items:end;
  margin-bottom:48px;
}

.rsigcm-head-copy,
.rsigcm-head-side{
  opacity:0;
  transform:translateY(26px);
}

.rsigcm-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#687a95;
  font-size:13px;
}

.rsigcm-kicker:before{
  content:"";
  width:34px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--rsigcm-blue),var(--rsigcm-green));
}

.rsigcm-head h2{
  margin:0;
  max-width:850px;
  font-size:clamp(42px,4.5vw,64px);
  line-height:1.06;
  letter-spacing:-2.3px;
  font-weight:600;
}

.rsigcm-head h2 span{ color:#9aa4b0; }

.rsigcm-head p{
  margin:22px 0 0;
  max-width:900px;
  color:var(--rsigcm-text);
  font-size:16px;
  line-height:1.9;
}

.rsigcm-head-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.rsigcm-mini-stat{
  padding:16px;
  border-radius:18px;
  border:1px solid var(--rsigcm-line);
  background:#f8fafc;
}

.rsigcm-mini-stat strong{
  display:block;
  font-size:26px;
  font-weight:600;
  margin-bottom:5px;
}

.rsigcm-mini-stat span{
  color:#8896aa;
  font-size:10px;
  line-height:1.45;
}

/* WORKFLOW SHELL */
.rsigcm-shell{
  border:1px solid #edf1f5;
  border-radius:32px;
  background:linear-gradient(180deg,#f8fafc 0%,#f5f8fb 100%);
  padding:16px;
  box-shadow:0 18px 48px rgba(16,36,70,.05);
  opacity:0;
  transform:translateY(26px);
}

.rsigcm-layout{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}

/* LEFT STEP RAIL */
.rsigcm-steps{
  position:relative;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--rsigcm-line);
}

.rsigcm-steps:before{
  content:"";
  position:absolute;
  left:45px;
  top:60px;
  bottom:60px;
  width:2px;
  background:#e4ebf2;
}

.rsigcm-progress{
  position:absolute;
  left:45px;
  top:60px;
  width:2px;
  height:0;
  background:linear-gradient(180deg,var(--rsigcm-blue),var(--rsigcm-green));
  transition:height .5s ease;
  z-index:2;
}

.rsigcm-step{
  position:relative;
  z-index:3;
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  align-items:center;
  text-align:left;
  padding:14px 10px;
  border-radius:18px;
  transition:.28s ease;
}

.rsigcm-step:hover{
  background:#f8fafc;
}

.rsigcm-step.rsigcm-active{
  background:#f1f6ff;
}

.rsigcm-step-num{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:#f2f5f8;
  border:1px solid #e6edf3;
  color:#6f7f94;
  font-size:13px;
  font-weight:600;
  transition:.3s ease;
}

.rsigcm-step.rsigcm-active .rsigcm-step-num{
  background:linear-gradient(135deg,#2b85ff,#1769ef);
  color:#fff;
  border-color:transparent;
  box-shadow:0 10px 22px rgba(36,120,255,.22);
}

.rsigcm-step-copy small{
  display:block;
  color:#9aa5b3;
  font-size:9px;
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.rsigcm-step-copy strong{
  display:block;
  color:#233b61;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
}

.rsigcm-step.rsigcm-active .rsigcm-step-copy strong{
  color:#135fdc;
}

/* RIGHT WORKSPACE */
.rsigcm-workspace{
  min-height:650px;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--rsigcm-line);
  position:relative;
}

.rsigcm-workspace-head{
  height:58px;
  border-bottom:1px solid #ebf0f5;
  background:#fbfcfe;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
}

.rsigcm-workspace-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#2c456a;
  font-size:12px;
  font-weight:600;
}

.rsigcm-dotset{
  display:flex;
  gap:6px;
}
.rsigcm-dotset i{
  width:7px;height:7px;border-radius:50%;
  background:#cad5e0;
}

.rsigcm-stage{
  display:none;
  padding:26px;
}

.rsigcm-stage.rsigcm-current{
  display:block;
}

.rsigcm-stage-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:24px;
  align-items:start;
}

.rsigcm-stage-copy .rsigcm-stage-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5ff;
  color:#2375e9;
  font-size:10px;
  margin-bottom:14px;
}

.rsigcm-stage-copy h3{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.8px;
  font-weight:600;
}

.rsigcm-stage-copy p{
  margin:0;
  color:var(--rsigcm-text);
  font-size:14px;
  line-height:1.75;
}

/* Visual panels */
.rsigcm-visual{
  min-height:360px;
  border-radius:22px;
  border:1px solid #e7edf3;
  background:linear-gradient(180deg,#fbfdff,#f5f8fb);
  padding:18px;
  position:relative;
  overflow:hidden;
}

/* Step 1 channels */
.rsigcm-channel-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}

.rsigcm-channel-card{
  padding:18px 12px;
  border-radius:18px;
  border:1px solid #e6edf3;
  background:#fff;
  text-align:center;
  transition:.3s ease;
}

.rsigcm-channel-card.rsigcm-selected{
  border-color:#bdd6ff;
  background:#f2f7ff;
  box-shadow:0 12px 26px rgba(36,120,255,.09);
}

.rsigcm-channel-icon{
  width:52px;height:52px;border-radius:17px;
  margin:0 auto 10px;
  display:grid;place-items:center;
  font-size:20px;color:#fff;
}

.rsigcm-channel-card:nth-child(1) .rsigcm-channel-icon{background:linear-gradient(135deg,#338eff,#1b6ef3)}
.rsigcm-channel-card:nth-child(2) .rsigcm-channel-icon{background:linear-gradient(135deg,#7768f3,#5d50df)}
.rsigcm-channel-card:nth-child(3) .rsigcm-channel-icon{background:linear-gradient(135deg,#2ed58c,#15b775)}

.rsigcm-channel-card strong{
  display:block;
  font-size:12px;
  font-weight:600;
  margin-bottom:4px;
}

.rsigcm-channel-card span{
  color:#8a97a8;
  font-size:9px;
}

/* Step 2 editor */
.rsigcm-editor{
  border:1px solid #e6edf3;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  margin-top:16px;
}

.rsigcm-editor-toolbar{
  height:38px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 12px;
  background:#f8fafc;
  border-bottom:1px solid #edf2f6;
  color:#738197;
  font-size:10px;
}

.rsigcm-editor-body{
  display:grid;
  grid-template-columns:1fr 120px;
  gap:14px;
  padding:16px;
}

.rsigcm-lines{display:grid;gap:9px}
.rsigcm-line{height:8px;border-radius:999px;background:#e8eef3}
.rsigcm-line.rsigcm-w1{width:90%}
.rsigcm-line.rsigcm-w2{width:65%}
.rsigcm-line.rsigcm-w3{width:78%}
.rsigcm-line.rsigcm-w4{width:52%}

.rsigcm-preview-img{
  height:96px;border-radius:14px;
  background:linear-gradient(135deg,#86c9ff,#5f97ff);
}

/* Step 3 audience */
.rsigcm-audience-stats{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:16px;
}

.rsigcm-audstat{
  padding:11px 8px;
  border-radius:13px;
  background:#fff;
  border:1px solid #e8eef4;
  text-align:center;
}

.rsigcm-audstat strong{
  display:block;
  font-size:17px;
  font-weight:600;
  margin-bottom:4px;
}
.rsigcm-audstat span{font-size:8px;color:#8a98aa}

.rsigcm-filter-cloud{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.rsigcm-filter-cloud span{
  padding:8px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e6edf3;
  color:#5a6d83;
  font-size:9px;
}

/* Step 4 scheduler */
.rsigcm-calendar{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:7px;
  margin-top:16px;
}
.rsigcm-day{
  height:38px;border-radius:10px;
  display:grid;place-items:center;
  background:#fff;border:1px solid #e8eef4;
  font-size:9px;color:#5d7088;
}
.rsigcm-day.rsigcm-on{
  background:#edf5ff;color:#2178ff;border-color:#cfe0fb;
}
.rsigcm-limit{
  margin-top:15px;
  padding:13px;
  border-radius:14px;
  background:#fff;border:1px solid #e8eef4;
}
.rsigcm-limit-head{
  display:flex;justify-content:space-between;
  font-size:9px;color:#74859a;margin-bottom:8px;
}
.rsigcm-track{
  height:8px;border-radius:999px;background:#e8edf2;overflow:hidden;
}
.rsigcm-track span{
  display:block;height:100%;width:68%;
  background:linear-gradient(90deg,#2478ff,#18b985);
  border-radius:999px;
}

/* Step 5 review */
.rsigcm-review{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.rsigcm-review-row{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  background:#fff;
  border:1px solid #e7edf3;
  border-radius:12px;
}
.rsigcm-review-row span{font-size:9px;color:#8a97a8}
.rsigcm-review-row strong{font-size:10px;font-weight:600;color:#465d79}
.rsigcm-review-row b{
  font-size:8px;font-weight:600;
  padding:5px 7px;border-radius:999px;
  background:#eafaf4;color:#15986e;
}

/* stage footer */
.rsigcm-stage-footer{
  margin-top:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e7edf3;
}

.rsigcm-stage-footer span{
  color:#7f8d9f;
  font-size:10px;
}

.rsigcm-next{
  border:0;
  cursor:pointer;
  padding:10px 15px;
  border-radius:999px;
  background:linear-gradient(135deg,#2a83ff,#1769ef);
  color:#fff;
  font-size:10px;
  font-weight:600;
  box-shadow:0 10px 20px rgba(36,120,255,.18);
}

/* Final strip */
.rsigcm-end{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid #d9eadf;
  background:linear-gradient(90deg,#f2fbf6,#e8f8ef);
  opacity:0;
  transform:translateY(20px);
}

.rsigcm-end strong{
  display:block;
  color:#148a61;
  font-size:18px;
  font-weight:600;
  margin-bottom:4px;
}

.rsigcm-end span{
  color:#6a7d91;
  font-size:11px;
}

/* animation */
#rsigcm-section.rsigcm-visible .rsigcm-head-copy{animation:rsigcmUp .7s ease forwards}
#rsigcm-section.rsigcm-visible .rsigcm-head-side{animation:rsigcmUp .7s .08s ease forwards}
#rsigcm-section.rsigcm-visible .rsigcm-shell{animation:rsigcmUp .8s .12s ease forwards}
#rsigcm-section.rsigcm-visible .rsigcm-end{animation:rsigcmUp .7s .35s ease forwards}

.rsigcm-stage.rsigcm-current .rsigcm-stage-copy,
.rsigcm-stage.rsigcm-current .rsigcm-visual{
  animation:rsigcmUp .5s ease both;
}
.rsigcm-stage.rsigcm-current .rsigcm-visual{animation-delay:.08s}

@keyframes rsigcmUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

/* RESPONSIVE */
@media(max-width:1100px){
  .rsigcm-head{grid-template-columns:1fr}
  .rsigcm-head-side{max-width:520px}
  .rsigcm-layout{grid-template-columns:1fr}
  .rsigcm-steps:before,
  .rsigcm-progress{display:none}
  .rsigcm-steps{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
  }
  .rsigcm-step{
    grid-template-columns:1fr;
    text-align:center;
    padding:10px 6px;
  }
  .rsigcm-step-num{margin:0 auto}
}

@media(max-width:800px){
  .rsigcm-steps{grid-template-columns:1fr 1fr}
  .rsigcm-step:last-child{grid-column:1/-1}
  .rsigcm-stage-grid{grid-template-columns:1fr}
  .rsigcm-audience-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
  #rsigcm-section{padding:72px 0 84px}
  .rsigcm-wrap{width:94%}
  .rsigcm-head h2{font-size:36px;letter-spacing:-1.4px}
  .rsigcm-head p{font-size:15px}
  .rsigcm-head-side{grid-template-columns:1fr 1fr}
  .rsigcm-shell{padding:10px;border-radius:24px}
  .rsigcm-steps{grid-template-columns:1fr}
  .rsigcm-step:last-child{grid-column:auto}
  .rsigcm-workspace{min-height:auto}
  .rsigcm-stage{padding:18px}
  .rsigcm-channel-grid{grid-template-columns:1fr}
  .rsigcm-audience-stats{grid-template-columns:1fr 1fr}
  .rsigcm-calendar{grid-template-columns:repeat(4,1fr)}
  .rsigcm-review-row{grid-template-columns:1fr}
  .rsigcm-end{flex-direction:column;align-items:flex-start}
}

/* ==========================================================
   ALIGNMENT + BOX SIZE FIXES
   ========================================================== */

.rsigcm-layout{
  align-items:stretch;
}

.rsigcm-steps{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.rsigcm-step{
  min-height:94px;
}

.rsigcm-workspace{
  min-height:690px;
  display:flex;
  flex-direction:column;
}

.rsigcm-stage{
  flex:1;
}

.rsigcm-stage.rsigcm-current{
  display:flex;
  flex-direction:column;
}

.rsigcm-stage-grid{
  flex:1;
  align-items:stretch;
}

.rsigcm-stage-copy,
.rsigcm-visual{
  height:100%;
}

.rsigcm-stage-copy{
  display:flex;
  flex-direction:column;
}

.rsigcm-stage-copy > .rsigcm-editor,
.rsigcm-stage-copy > .rsigcm-filter-cloud,
.rsigcm-stage-copy > .rsigcm-calendar{
  margin-top:18px;
}

.rsigcm-visual{
  min-height:390px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.rsigcm-review{
  width:100%;
}

.rsigcm-review-row{
  min-height:56px;
}

.rsigcm-channel-grid{
  margin-top:22px;
}

.rsigcm-channel-card{
  min-height:138px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.rsigcm-editor{
  min-height:190px;
}

.rsigcm-editor-body{
  min-height:145px;
  align-items:center;
}

.rsigcm-audience-stats{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.rsigcm-audstat{
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.rsigcm-calendar{
  grid-template-columns:repeat(7,minmax(0,1fr));
}

.rsigcm-day{
  min-height:44px;
}

.rsigcm-limit{
  margin-top:18px;
}

.rsigcm-stage-footer{
  margin-top:22px;
  min-height:58px;
}

.rsigcm-head-side{
  align-self:stretch;
}

.rsigcm-mini-stat{
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.rsigcm-end{
  min-height:84px;
}

/* tablet */
@media(max-width:1100px){
  .rsigcm-steps{
    height:auto;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
  }

  .rsigcm-step{
    min-height:108px;
  }

  .rsigcm-workspace{
    min-height:auto;
  }

  .rsigcm-stage-grid{
    grid-template-columns:1fr;
  }

  .rsigcm-stage-copy,
  .rsigcm-visual{
    height:auto;
  }

  .rsigcm-visual{
    min-height:300px;
  }
}

@media(max-width:800px){
  .rsigcm-steps{
    grid-template-columns:1fr 1fr;
  }

  .rsigcm-step{
    min-height:92px;
  }

  .rsigcm-step:last-child{
    grid-column:1/-1;
  }

  .rsigcm-audience-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rsigcm-calendar{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .rsigcm-steps{
    grid-template-columns:1fr;
  }

  .rsigcm-step{
    min-height:76px;
    grid-template-columns:48px 1fr;
    text-align:left;
  }

  .rsigcm-step-num{
    margin:0;
  }

  .rsigcm-step:last-child{
    grid-column:auto;
  }

  .rsigcm-stage-grid{
    gap:18px;
  }

  .rsigcm-visual{
    min-height:250px;
  }

  .rsigcm-channel-grid{
    grid-template-columns:1fr;
  }

  .rsigcm-channel-card{
    min-height:110px;
  }

  .rsigcm-audience-stats{
    grid-template-columns:1fr 1fr;
  }

  .rsigcm-calendar{
    grid-template-columns:repeat(4,1fr);
  }

  .rsigcm-review-row{
    min-height:0;
  }
}

/* Unique prefix: rsifca- */
#rsifca-section{
  --rsifca-ink:#101828;
  --rsifca-text:#667085;
  --rsifca-line:#e6ebf1;
  --rsifca-soft:#f7f9fb;
  --rsifca-blue:#2f80ed;

  padding:90px 0;
  background:#fff;
  font-family:"Inter",sans-serif;
  font-weight:500;
  color:var(--rsifca-ink);
}

#rsifca-section,
#rsifca-section *{
  box-sizing:border-box;
}

#rsifca-section img{
  display:block;
  max-width:100%;
}

.rsifca-wrap{
  width:min(1180px,92%);
  margin:0 auto;
}

.rsifca-head{
  max-width:940px;
  margin:0 auto 42px;
  text-align:center;
  opacity:0;
  transform:translateY(20px);
}

.rsifca-head h2{
  margin:0;
  font-size:clamp(38px,4vw,56px);
  line-height:1.08;
  letter-spacing:-1.8px;
  font-weight:500;
}

.rsifca-head p{
  margin:20px auto 0;
  color:var(--rsifca-text);
  font-size:16px;
  line-height:1.85;
}

.rsifca-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:stretch;
}

.rsifca-box{
  position:relative;
  overflow:hidden;
  border:1px solid var(--rsifca-line);
  border-radius:24px;
  background:#fff;
  opacity:0;
  transform:translateY(22px);
  transition:.3s ease;
}

.rsifca-box:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(16,24,40,.07);
}

.rsifca-box::before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:54px;
  height:3px;
  border-radius:0 0 8px 8px;
  background:var(--rsifca-blue);
  z-index:3;
}

.rsifca-image{
  position:relative;
  height:265px;
  overflow:hidden;
  background:#f3f7fb;
  border-bottom:1px solid var(--rsifca-line);
}

.rsifca-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .55s ease;
}

.rsifca-box:hover .rsifca-image img{
  transform:scale(1.03);
}

.rsifca-body{
  padding:26px 28px 30px;
}

.rsifca-box h3{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.35;
  font-weight:500;
}

.rsifca-box p{
  margin:0;
  color:var(--rsifca-text);
  font-size:14px;
  line-height:1.8;
}

#rsifca-section.rsifca-visible .rsifca-head{
  animation:rsifcaUp .65s ease forwards;
}

#rsifca-section.rsifca-visible .rsifca-box{
  animation:rsifcaUp .6s ease forwards;
}

#rsifca-section.rsifca-visible .rsifca-box:nth-child(1){
  animation-delay:.12s;
}

#rsifca-section.rsifca-visible .rsifca-box:nth-child(2){
  animation-delay:.22s;
}

@keyframes rsifcaUp{
  to{
    opacity:1;
    transform:none;
  }
}

@media(max-width:800px){
  #rsifca-section{
    padding:70px 0;
  }

  .rsifca-grid{
    grid-template-columns:1fr;
  }

  .rsifca-head h2{
    font-size:36px;
    letter-spacing:-1.2px;
  }

  .rsifca-head p{
    font-size:15px;
  }

  .rsifca-image{
    height:240px;
  }
}

@media(max-width:520px){
  .rsifca-image{
    height:210px;
  }

  .rsifca-body{
    padding:22px 20px 24px;
  }

  .rsifca-box h3{
    font-size:20px;
  }
}

/* ==========================================================
   UNIQUE PREFIX: rsiucta-
   CONCEPT: Connected Communication Orbit
   ========================================================== */

#rsiucta-section{
  --rsiucta-ink:#102142;
  --rsiucta-text:#5b6f8c;
  --rsiucta-line:#e4ebf3;
  --rsiucta-blue:#2478ff;
  --rsiucta-green:#18b985;
  --rsiucta-violet:#7667ee;
  --rsiucta-soft:#f7fafd;
  --rsiucta-shadow:0 28px 70px rgba(17,38,72,.08);

  position:relative;
  overflow:hidden;
  padding:88px 0;
  background:#fff;
  font-family:"Inter",sans-serif;
  color:var(--rsiucta-ink);
  font-weight:500;
}

#rsiucta-section,
#rsiucta-section *{
  box-sizing:border-box;
}

#rsiucta-section a{
  font:inherit;
}

#rsiucta-section::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-160px;
  top:-100px;
  background:radial-gradient(circle,rgba(36,120,255,.11),transparent 70%);
}

#rsiucta-section::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  left:-120px;
  bottom:-130px;
  background:radial-gradient(circle,rgba(24,185,133,.09),transparent 70%);
}

.rsiucta-wrap{
  width:min(1240px,92%);
  margin:0 auto;
  position:relative;
  z-index:2;
}

.rsiucta-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);
  gap:28px;
  align-items:center;
  min-height:560px;
  padding:34px;
  border:1px solid var(--rsiucta-line);
  border-radius:34px;
  background:linear-gradient(135deg,#fbfdff 0%,#f4f8fc 55%,#eef6ff 100%);
  box-shadow:var(--rsiucta-shadow);
  opacity:0;
  transform:translateY(28px);
}

.rsiucta-copy{
  padding:18px 6px 18px 10px;
}

.rsiucta-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:17px;
  color:#6d7f98;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
}

.rsiucta-kicker::before{
  content:"";
  width:36px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rsiucta-blue),var(--rsiucta-green));
}

.rsiucta-copy h2{
  margin:0;
  max-width:720px;
  font-size:clamp(40px,4.4vw,48px);
  line-height:1.06;
  letter-spacing:-2px;
  font-weight:600;
}

.rsiucta-copy h2 span{
  color:var(--rsiucta-blue);
}

.rsiucta-copy p{
  margin:22px 0 0;
  max-width:730px;
  color:var(--rsiucta-text);
  font-size:16px;
  line-height:1.85;
}

.rsiucta-demo-copy{
  color:#294669 !important;
  font-size:17px !important;
  margin-top:17px !important;
}

.rsiucta-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.rsiucta-primary{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 23px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  background:linear-gradient(135deg,#2b83ff,#1768ef);
  box-shadow:0 16px 30px rgba(36,120,255,.22);
  transition:.28s ease;
}

.rsiucta-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 38px rgba(36,120,255,.28);
}

.rsiucta-trust{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 16px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--rsiucta-line);
  color:#536a87;
  font-size:12px;
}

.rsiucta-trust i{
  color:var(--rsiucta-green);
}

.rsiucta-locations{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}

.rsiucta-location{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid #e7edf3;
  color:#6e8097;
  font-size:10px;
}

/* ==========================================================
   ORBIT VISUAL
   ========================================================== */

.rsiucta-visual{
  position:relative;
  min-height:490px;
  display:grid;
  place-items:center;
}

.rsiucta-orbit-shell{
  position:relative;
  width:440px;
  height:440px;
  max-width:100%;
}

.rsiucta-orbit-ring{
  position:absolute;
  inset:24px;
  border-radius:50%;
  border:1px dashed rgba(36,120,255,.22);
}

.rsiucta-orbit-ring::before,
.rsiucta-orbit-ring::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(36,120,255,.10);
}

.rsiucta-orbit-ring::before{
  inset:40px;
}

.rsiucta-orbit-ring::after{
  inset:82px;
}

.rsiucta-hub{
  position:absolute;
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  transform:translate(-50%,-50%);
  border-radius:42px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(145deg,#ffffff 0%,#f0f6ff 100%);
  border:1px solid #dfe8f2;
  box-shadow:0 24px 46px rgba(17,38,72,.12);
  z-index:5;
}

.rsiucta-hub-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  color:#fff;
  font-size:23px;
  background:linear-gradient(135deg,var(--rsiucta-blue),var(--rsiucta-green));
  box-shadow:0 12px 24px rgba(36,120,255,.20);
}

.rsiucta-hub strong{
  display:block;
  font-size:18px;
  font-weight:600;
  line-height:1.25;
}

.rsiucta-hub span{
  display:block;
  margin-top:5px;
  color:#8190a5;
  font-size:10px;
}

.rsiucta-node{
  position:absolute;
  width:192px;
  min-height:116px;
  padding:14px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  border:1px solid #e1e9f1;
  box-shadow:0 18px 34px rgba(17,38,72,.08);
  text-align:center;
  z-index:6;
  animation:rsiuctaFloat 5s ease-in-out infinite;
}

.rsiucta-node i{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#fff;
  margin:0 auto 9px;
  font-size:17px;
}

.rsiucta-node strong{
  display:block;
  font-size:17px;
  font-weight:600;
  margin-bottom:4px;
}

.rsiucta-node span{
  display:block;
  color:#8593a5;
  font-size:12px;
  line-height:1.45;
}

.rsiucta-node-email{
left: -27px;
    top: 18px;
}

.rsiucta-node-email i{
  background:linear-gradient(135deg,#358eff,#1e6df4);
}

.rsiucta-node-sms{
    right: -32px;
    top: 19px;
    animation-delay: .4s;
}

.rsiucta-node-sms i{
  background:linear-gradient(135deg,#7c69f2,#6150e0);
}

.rsiucta-node-wa{
left: 51%;
    bottom: -50px;
  transform:translateX(-50%);
  animation:rsiuctaFloatCenter 5s ease-in-out infinite;
  animation-delay:.8s;
}

.rsiucta-node-wa i{
  background:linear-gradient(135deg,#32d58c,#13b775);
}

.rsiucta-line{
  position:absolute;
  left:50%;
  top:50%;
  width:145px;
  height:2px;
  background:linear-gradient(90deg,rgba(36,120,255,.15),rgba(36,120,255,.58));
  transform-origin:left center;
  z-index:2;
  overflow:hidden;
}

.rsiucta-line::after{
  content:"";
  position:absolute;
  left:-34px;
  top:0;
  width:34px;
  height:2px;
  background:#fff;
  box-shadow:0 0 12px 3px rgba(36,120,255,.55);
  animation:rsiuctaSignal 2.2s linear infinite;
}

.rsiucta-line-a{ transform:rotate(205deg); }
.rsiucta-line-b{ transform:rotate(-25deg); }
.rsiucta-line-c{ transform:rotate(90deg); width:140px; }

.rsiucta-mini-card{
position: absolute;
    right: 336px;
    bottom: 86px;
    width: 183px;
    padding: 12px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .94);
    border: 1px solid #e3ebf2;
    box-shadow: 0 14px 30px rgba(17, 38, 72, .06);
    z-index: 4;
}

.rsiucta-mini-card strong{
  display:block;
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
}

.rsiucta-progress{
  height:7px;
  border-radius:999px;
  background:#e8eef4;
  overflow:hidden;
}

.rsiucta-progress span{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rsiucta-blue),var(--rsiucta-green));
}

/* ==========================================================
   ANIMATION
   ========================================================== */

#rsiucta-section.rsiucta-visible .rsiucta-card{
  animation:rsiuctaUp .78s ease forwards;
}

#rsiucta-section.rsiucta-visible .rsiucta-progress span{
  animation:rsiuctaProgress 1.1s .55s ease forwards;
}

@keyframes rsiuctaUp{
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes rsiuctaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes rsiuctaFloatCenter{
  0%,100%{transform:translate(-50%,0)}
  50%{transform:translate(-50%,-8px)}
}

@keyframes rsiuctaSignal{
  from{left:-34px}
  to{left:100%}
}

@keyframes rsiuctaProgress{
  to{width:92%}
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1050px){
  .rsiucta-card{
    grid-template-columns:1fr;
  }

  .rsiucta-visual{
    min-height:450px;
  }
}

@media(max-width:620px){
  #rsiucta-section{
    padding:68px 0;
  }

  .rsiucta-wrap{
    width:94%;
  }

  .rsiucta-card{
    padding:22px;
    border-radius:26px;
  }

  .rsiucta-copy h2{
    font-size:36px;
    letter-spacing:-1.3px;
  }

  .rsiucta-copy p{
    font-size:15px;
  }

  .rsiucta-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .rsiucta-visual{
    min-height:390px;
  }

  .rsiucta-orbit-shell{
    width:360px;
    height:360px;
  }

  .rsiucta-hub{
    width:150px;
    height:150px;
    border-radius:32px;
  }

  .rsiucta-node{
    width:108px;
    min-height:102px;
    padding:12px 9px;
  }

  .rsiucta-node-email{
    left:0;
    top:55px;
  }

  .rsiucta-node-sms{
    right:0;
    top:55px;
  }

  .rsiucta-line{
    width:115px;
  }

  .rsiucta-line-c{
    width:110px;
  }

  .rsiucta-mini-card{
    display:none;
  }
}


/* =========================================================
   UNIQUE PREFIX: rsiflowx-
   Concept: Animated Campaign Flight Path
   ========================================================= */

#rsiflowx-section{
  --rsiflowx-ink:#102142;
  --rsiflowx-text:#5d708d;
  --rsiflowx-muted:#8b98aa;
  --rsiflowx-line:#e3eaf2;
  --rsiflowx-blue:#2478ff;
  --rsiflowx-green:#18b985;
  --rsiflowx-violet:#7467ee;
  --rsiflowx-orange:#f0aa34;
  --rsiflowx-red:#ec5b69;

  position:relative;
  overflow:hidden;
  padding:96px 0 105px;
  background:
    radial-gradient(circle at 10% 15%, rgba(36,120,255,.08), transparent 28%),
    radial-gradient(circle at 88% 75%, rgba(24,185,133,.08), transparent 30%),
    #fff;
  font-family:"Inter",sans-serif;
  color:var(--rsiflowx-ink);
  font-weight:500;
}

#rsiflowx-section,
#rsiflowx-section *{ box-sizing:border-box; }

#rsiflowx-section button{ font:inherit; }

.rsiflowx-wrap{
  width:min(1360px,94%);
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */
.rsiflowx-head{
  max-width:980px;
  margin:0 auto 44px;
  text-align:center;
  opacity:0;
  transform:translateY(22px);
}

.rsiflowx-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#697d98;
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.rsiflowx-kicker::before,
.rsiflowx-kicker::after{
  content:"";
  width:34px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--rsiflowx-blue),var(--rsiflowx-green));
}

.rsiflowx-head h2{
  margin:0;
  font-size:clamp(42px,4.5vw,64px);
  line-height:1.05;
  letter-spacing:-2.2px;
  font-weight:600;
}

.rsiflowx-head h2 span{ color:var(--rsiflowx-blue); }

.rsiflowx-head p{
  margin:18px auto 0;
  max-width:820px;
  color:var(--rsiflowx-text);
  font-size:16px;
  line-height:1.8;
}

/* FLIGHT MAP */
.rsiflowx-map{
  position:relative;
  min-height:420px;
  overflow:hidden;
  border:1px solid var(--rsiflowx-line);
  border-radius:32px;
  background:
    linear-gradient(rgba(36,120,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36,120,255,.035) 1px, transparent 1px),
    linear-gradient(180deg,#fbfdff,#f5f9fc);
  background-size:38px 38px,38px 38px,100% 100%;
  box-shadow:0 24px 60px rgba(17,38,72,.06);
  opacity:0;
  transform:translateY(24px);
}

.rsiflowx-map::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(36,120,255,.10), transparent 22%),
    radial-gradient(circle at 80% 78%, rgba(24,185,133,.10), transparent 22%);
  pointer-events:none;
}

.rsiflowx-route-svg{
  position:absolute;
  inset:25px 30px 20px;
  width:calc(100% - 60px);
  height:calc(100% - 45px);
  overflow:visible;
}

.rsiflowx-route-base{
  fill:none;
  stroke:#dbe5ef;
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:4 12;
}

.rsiflowx-route-glow{
  fill:none;
  stroke:url(#rsiflowxGradient);
  stroke-width:5;
  stroke-linecap:round;
  stroke-dasharray:8 10;
  stroke-dashoffset:0;
  filter:url(#rsiflowxGlow);
  animation:rsiflowxDash 2.6s linear infinite;
}

@keyframes rsiflowxDash{
  to{ stroke-dashoffset:-36; }
}

.rsiflowx-stations{
  position:absolute;
  inset:0;
}

.rsiflowx-station{
  position:absolute;
  width:260px;
  min-height:116px;
  padding:13px 14px;
  border:1px solid #e0e8f0;
  border-radius:20px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(9px);
  box-shadow:0 14px 32px rgba(16,36,70,.07);
  cursor:pointer;
  transition:.32s ease;
  z-index:4;
}

.rsiflowx-station:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 38px rgba(16,36,70,.10);
}

.rsiflowx-station.rsiflowx-active{
  border-color:#bcd5ff;
  box-shadow:0 20px 42px rgba(36,120,255,.14);
}

.rsiflowx-station::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-13px;
  width:12px;height:12px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#cbd7e3;
  border:3px solid #fff;
  box-shadow:0 0 0 4px rgba(36,120,255,.08);
}

.rsiflowx-station.rsiflowx-active::after{
  background:var(--rsiflowx-blue);
  box-shadow:0 0 0 7px rgba(36,120,255,.12);
}

.rsiflowx-station-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.rsiflowx-station-ico{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  color:#fff;font-size:14px;
  background:linear-gradient(135deg,#328aff,#1d6cf1);
}

.rsiflowx-station:nth-child(2) .rsiflowx-station-ico{background:linear-gradient(135deg,#806cf5,#6552df)}
.rsiflowx-station:nth-child(3) .rsiflowx-station-ico{background:linear-gradient(135deg,#2ed28f,#13b574)}
.rsiflowx-station:nth-child(4) .rsiflowx-station-ico{background:linear-gradient(135deg,#f2b24a,#df921e)}
.rsiflowx-station:nth-child(5) .rsiflowx-station-ico{background:linear-gradient(135deg,#ef6b77,#dc4f5c)}

.rsiflowx-station small{
  display:block;
  color:#96a3b1;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:2px;
}

.rsiflowx-station strong{
  display:block;
  color:#213a62;
  font-size:17px;
  line-height:1.35;
  font-weight:600;
}

.rsiflowx-station p{
  margin:6px 0 0;
  color:#7a8ca3;
  font-size:13px;
  line-height:1.45;
}

.rsiflowx-station[data-step="1"]{ left:5%; top:54px; }
.rsiflowx-station[data-step="2"]{ left:24%; top:220px; }
.rsiflowx-station[data-step="3"]{ left:43%; top:72px; }
.rsiflowx-station[data-step="4"]{ left:63%; top:225px; }
.rsiflowx-station[data-step="5"]{ right:5%; top:62px; }

.rsiflowx-rocket{
  position:absolute;
  width:52px;height:52px;border-radius:18px;
  display:grid;place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#2c84ff,#1768ef);
  box-shadow:0 16px 30px rgba(36,120,255,.28);
  font-size:19px;
  z-index:7;
  pointer-events:none;
  transform:translate(-50%,-50%) rotate(12deg);
  transition:box-shadow .3s ease;
}

.rsiflowx-rocket::after{
  content:"";
  position:absolute;
  right:-24px;
  width:22px;height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#ffd067,rgba(255,208,103,0));
  filter:blur(.5px);
  animation:rsiflowxFlame .55s ease-in-out infinite alternate;
}

@keyframes rsiflowxFlame{
  to{ width:30px; opacity:.65; }
}

/* DETAIL PANEL */
.rsiflowx-detail{
  margin-top:20px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:stretch;
  opacity:0;
  transform:translateY(22px);
}

.rsiflowx-detail-main,
.rsiflowx-detail-visual{
  border:1px solid var(--rsiflowx-line);
  border-radius:24px;
  background:#fff;
  padding:24px;
  box-shadow:0 14px 34px rgba(17,38,72,.045);
}

.rsiflowx-detail-main{
  min-height:270px;
}

.rsiflowx-detail-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5ff;
  color:#2478ff;
  font-size:9px;
  margin-bottom:12px;
}

.rsiflowx-detail-main h3{
  margin:0 0 12px;
  font-size:28px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.6px;
}

.rsiflowx-detail-main p{
  margin:0;
  color:var(--rsiflowx-text);
  font-size:14px;
  line-height:1.75;
}

.rsiflowx-detail-list{
  margin:18px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 18px;
}

.rsiflowx-detail-list li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#59708e;
  font-size:11px;
  line-height:1.5;
}

.rsiflowx-detail-list i{
  margin-top:2px;
  color:var(--rsiflowx-green);
  font-size:10px;
}

/* Mock visual */
.rsiflowx-detail-visual{
  min-height:270px;
  background:linear-gradient(180deg,#fbfdff,#f6f9fc);
  overflow:hidden;
}

.rsiflowx-mock{
  height:100%;
  min-height:220px;
  display:none;
}

.rsiflowx-mock.rsiflowx-current{
  display:block;
  animation:rsiflowxFade .45s ease both;
}

@keyframes rsiflowxFade{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

.rsiflowx-mock-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.rsiflowx-mock-head strong{
  font-size:12px;
  font-weight:600;
  color:#2a456d;
}

.rsiflowx-pill{
  padding:6px 8px;
  border-radius:999px;
  background:#eafaf4;
  color:#15986e;
  font-size:8px;
}

.rsiflowx-tiles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.rsiflowx-tile{
  min-height:78px;
  padding:12px 9px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e7edf3;
  text-align:center;
}

.rsiflowx-tile i{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  margin:0 auto 8px;
  color:#fff;font-size:13px;
  background:linear-gradient(135deg,#338cff,#1d6cf1);
}

.rsiflowx-tile:nth-child(2) i{background:linear-gradient(135deg,#786af1,#6250de)}
.rsiflowx-tile:nth-child(3) i{background:linear-gradient(135deg,#2bd08d,#13b675)}

.rsiflowx-tile strong{
  display:block;
  font-size:9px;
  color:#455f80;
  font-weight:600;
}

.rsiflowx-rowlist{
  display:grid;
  gap:8px;
}

.rsiflowx-row{
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:9px;
  align-items:center;
  padding:9px 10px;
  border-radius:11px;
  border:1px solid #e8eef4;
  background:#fff;
}

.rsiflowx-row i{
  width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;
  background:#edf5ff;color:#2478ff;font-size:10px;
}

.rsiflowx-row strong{font-size:9px;font-weight:600;color:#47607e}
.rsiflowx-row span{font-size:8px;color:#8796a8}

.rsiflowx-status{
  padding:5px 7px;border-radius:999px;
  background:#eafaf4;color:#15986e !important;font-size:8px !important;
}

.rsiflowx-bars{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:9px;
  align-items:end;
  height:135px;
  margin-top:12px;
}

.rsiflowx-bars span{
  border-radius:9px 9px 3px 3px;
  background:linear-gradient(180deg,#2d83ff,#a0c5ff);
  transform:scaleY(0);
  transform-origin:bottom;
}

.rsiflowx-bars span:nth-child(1){height:38%}
.rsiflowx-bars span:nth-child(2){height:55%}
.rsiflowx-bars span:nth-child(3){height:72%}
.rsiflowx-bars span:nth-child(4){height:86%}
.rsiflowx-bars span:nth-child(5){height:100%;background:linear-gradient(180deg,#18b985,#75d9b7)}

.rsiflowx-mock.rsiflowx-current .rsiflowx-bars span{
  animation:rsiflowxGrow .7s ease forwards;
}

@keyframes rsiflowxGrow{
  to{transform:scaleY(1)}
}

/* LIFECYCLE STRIP */
.rsiflowx-strip{
  margin-top:20px;
  padding:18px 20px;
  border-radius:22px;
  border:1px solid var(--rsiflowx-line);
  background:linear-gradient(90deg,#f8fbfd,#eef6ff);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  opacity:0;
  transform:translateY(20px);
}

.rsiflowx-strip-icon{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#2478ff,#18b985);
  color:#fff;font-size:18px;
}

.rsiflowx-strip strong{
  display:block;
  font-size:15px;
  font-weight:600;
  margin-bottom:4px;
}

.rsiflowx-strip span{
  color:#74869d;
  font-size:10px;
}

.rsiflowx-state-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}

.rsiflowx-state-tags b{
  padding:7px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e4ebf2;
  color:#60738e;
  font-size:8px;
  font-weight:600;
}

/* MAIN ENTRY ANIMATIONS */
#rsiflowx-section.rsiflowx-visible .rsiflowx-head{
  animation:rsiflowxUp .7s ease forwards;
}

#rsiflowx-section.rsiflowx-visible .rsiflowx-map{
  animation:rsiflowxUp .8s .10s ease forwards;
}

#rsiflowx-section.rsiflowx-visible .rsiflowx-detail{
  animation:rsiflowxUp .7s .25s ease forwards;
}

#rsiflowx-section.rsiflowx-visible .rsiflowx-strip{
  animation:rsiflowxUp .7s .38s ease forwards;
}

@keyframes rsiflowxUp{
  to{opacity:1;transform:none}
}

/* RESPONSIVE */
@media(max-width:1080px){
  .rsiflowx-map{
    min-height:720px;
  }

  .rsiflowx-route-svg,
  .rsiflowx-rocket{
    display:none;
  }

  .rsiflowx-stations{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    padding:18px;
  }

  .rsiflowx-station{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:auto;
    min-height:130px;
  }

  .rsiflowx-station:last-child{
    grid-column:1/-1;
  }

  .rsiflowx-detail{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  #rsiflowx-section{padding:70px 0 82px}
  .rsiflowx-wrap{width:94%}
  .rsiflowx-head h2{font-size:36px;letter-spacing:-1.3px}
  .rsiflowx-head p{font-size:15px}

  .rsiflowx-map{min-height:auto}
  .rsiflowx-stations{grid-template-columns:1fr}
  .rsiflowx-station:last-child{grid-column:auto}

  .rsiflowx-detail-list{grid-template-columns:1fr}
  .rsiflowx-tiles{grid-template-columns:1fr}
  .rsiflowx-strip{grid-template-columns:1fr}
  .rsiflowx-state-tags{justify-content:flex-start}
}
/* =========================================================
   UNIQUE PREFIX: rsipro-
   PREMIUM FEATURE SHOWCASE
   ========================================================= */

#rsipro-section{
  --rsipro-ink:#0f1f3d;
  --rsipro-text:#5e708b;
  --rsipro-muted:#8a98aa;
  --rsipro-line:#e5ebf2;
  --rsipro-blue:#2478ff;
  --rsipro-green:#18b985;
  --rsipro-violet:#7567ee;
  --rsipro-orange:#f0aa34;
  --rsipro-red:#ee5b68;
  --rsipro-soft:#f7fafd;
  --rsipro-shadow:0 24px 60px rgba(16,36,70,.065);

  position:relative;
  overflow:hidden;
  padding:96px 0 110px;
  background:#fbfcfc;
  font-family:"Inter",sans-serif;
  color:var(--rsipro-ink);
  font-weight:500;
}

#rsipro-section,
#rsipro-section *{
  box-sizing:border-box;
}

.rsipro-wrap{
  width:min(1280px,94%);
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* ---------------- HEADER ---------------- */

.rsipro-head{
  max-width:980px;
  margin:0 auto 58px;
  text-align:center;
  opacity:0;
  transform:translateY(24px);
}

.rsipro-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#6b7d97;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.16em;
}

.rsipro-kicker::before,
.rsipro-kicker::after{
  content:"";
  width:34px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rsipro-blue),var(--rsipro-green));
}

.rsipro-head h2{
  margin:0;
  font-size:clamp(42px,4.6vw,62px);
  line-height:1.06;
  letter-spacing:-2px;
  font-weight:600;
}

.rsipro-head p{
  margin:18px auto 0;
  max-width:820px;
  color:var(--rsipro-text);
  font-size:16px;
  line-height:1.85;
}

/* ---------------- GROUP ---------------- */

.rsipro-group{
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
  gap:28px;
  align-items:stretch;
  margin-bottom:30px;
  opacity:0;
  transform:translateY(26px);
}

.rsipro-group.rsipro-reverse{
  grid-template-columns:minmax(0,1fr) 420px;
}

.rsipro-group.rsipro-reverse .rsipro-visual{
  order:2;
}

.rsipro-group.rsipro-reverse .rsipro-features{
  order:1;
}

/* ---------------- VISUAL ---------------- */

.rsipro-visual{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border:1px solid var(--rsipro-line);
  border-radius:30px;
  box-shadow:var(--rsipro-shadow);
  padding:28px;
}

.rsipro-visual::before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  right:-90px;
  top:-70px;
}

.rsipro-visual::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  border-radius:50%;
  left:-80px;
  bottom:-80px;
}

.rsipro-visual-label{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e4ebf2;
  color:#657891;
  font-size:10px;
}

.rsipro-visual h3{
  position:relative;
  z-index:2;
  margin:18px 0 10px;
  max-width:320px;
  font-size:31px;
  line-height:1.16;
  letter-spacing:-1px;
  font-weight:600;
}

.rsipro-visual p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:330px;
  color:var(--rsipro-text);
  font-size:13px;
  line-height:1.72;
}

.rsipro-art{
  position:relative;
  z-index:2;
  height:300px;
  margin-top:22px;
}

/* Audience visual */
.rsipro-profile-card{
  position:absolute;
  left:0;
  top:30px;
  width:210px;
  padding:16px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5ebf2;
  box-shadow:0 18px 36px rgba(17,38,72,.08);
}

.rsipro-profile-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}

.rsipro-avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(145deg,#a9d4ff,#4b9eff);
}

.rsipro-profile-head strong{
  display:block;
  font-size:11px;
  font-weight:600;
}

.rsipro-profile-head span{
  display:block;
  margin-top:3px;
  color:#8b98aa;
  font-size:8px;
}

.rsipro-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 0;
  border-top:1px solid #edf2f6;
  font-size:9px;
  color:#61738d;
}

.rsipro-chip{
  padding:5px 7px;
  border-radius:999px;
  background:#eafaf4;
  color:#15986e;
  font-size:8px;
}

.rsipro-metric-card{
  position:absolute;
  right:0;
  top:0;
  width:160px;
  padding:15px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e5ebf2;
  box-shadow:0 16px 34px rgba(17,38,72,.07);
}

.rsipro-metric-card small{
  display:block;
  color:#8f9cab;
  font-size:8px;
  margin-bottom:5px;
}

.rsipro-metric-card strong{
  display:block;
  font-size:19px;
  font-weight:600;
}

.rsipro-bars{
  display:flex;
  gap:7px;
  align-items:flex-end;
  height:72px;
  margin-top:12px;
}

.rsipro-bars i{
  flex:1;
  border-radius:7px 7px 2px 2px;
  transform:scaleY(0);
  transform-origin:bottom;
  background:linear-gradient(180deg,#328aff,#9cc5ff);
}

.rsipro-bars i:nth-child(1){height:38%}
.rsipro-bars i:nth-child(2){height:58%}
.rsipro-bars i:nth-child(3){height:75%}
.rsipro-bars i:nth-child(4){height:92%;background:linear-gradient(180deg,#18b985,#76dcb9)}

.rsipro-group.rsipro-show .rsipro-bars i{
  animation:rsiproBar .7s ease forwards;
}

.rsipro-group.rsipro-show .rsipro-bars i:nth-child(2){animation-delay:.08s}
.rsipro-group.rsipro-show .rsipro-bars i:nth-child(3){animation-delay:.16s}
.rsipro-group.rsipro-show .rsipro-bars i:nth-child(4){animation-delay:.24s}

@keyframes rsiproBar{
  to{transform:scaleY(1)}
}

.rsipro-tags-card{
  position:absolute;
  left:70px;
  bottom:10px;
  width:250px;
  padding:15px;
  border-radius:18px;
  background:rgba(255,255,255,.95);
  border:1px solid #e5ebf2;
  box-shadow:0 16px 34px rgba(17,38,72,.07);
}

.rsipro-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

.rsipro-tags span{
  padding:6px 8px;
  border-radius:999px;
  background:#f2f6fb;
  border:1px solid #e7edf3;
  color:#677a93;
  font-size:8px;
}

/* Campaign visual */
.rsipro-flow{
  position:absolute;
  inset:20px 0 auto 0;
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:10px;
}

.rsipro-flow-card{
  min-height:110px;
  padding:13px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e5ebf2;
  box-shadow:0 12px 28px rgba(17,38,72,.05);
  text-align:center;
}

.rsipro-flow-card i{
  width:40px;
  height:40px;
  margin:0 auto 9px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;

}


.rsipro-flow-card strong{
  display:block;
  font-size:9px;
  line-height:1.4;
  font-weight:600;
}

.rsipro-editor{
  position:absolute;
  left:30px;
  right:30px;
  bottom:0;
  min-height:140px;
  padding:15px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e4ebf2;
  box-shadow:0 16px 34px rgba(17,38,72,.07);
}

.rsipro-editor-top{
  display:flex;
  gap:6px;
  margin-bottom:12px;
}

.rsipro-editor-top span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#cbd7e3;
}

.rsipro-editor-body{
  display:grid;
  grid-template-columns:1fr 90px;
  gap:12px;
}

.rsipro-lines{
  display:grid;
  gap:8px;
}

.rsipro-lines span{
  height:8px;
  border-radius:999px;
  background:#e8eef4;
}

.rsipro-lines span:nth-child(2){width:80%}
.rsipro-lines span:nth-child(3){width:66%}
.rsipro-lines span:nth-child(4){width:88%}

.rsipro-thumb{
  border-radius:14px;
  background:linear-gradient(135deg,#91cfff,#6e9dff);
}

/* Reporting visual */
.rsipro-dashboard{
  position:absolute;
  inset:10px 0 0;
  border-radius:20px;
  background:#fff;
  border:1px solid #e5ebf2;
  box-shadow:0 18px 36px rgba(17,38,72,.07);
  padding:16px;
}

.rsipro-dashboard-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:14px;
}

.rsipro-stat{
  padding:11px;
  border-radius:12px;
  background:#f7fafd;
  border:1px solid #e8eef4;
}

.rsipro-stat strong{
  display:block;
  font-size:25px;
  font-weight:600;
  margin-bottom:0px;
}

.rsipro-stat span{
  font-size:13px;
  color:#8a98aa;
}

.rsipro-chart{
  display:flex;
  align-items:flex-end;
  gap:10px;
  height:110px;
  padding:12px;
  border-radius:14px;
  background:#f7fafd;
  border:1px solid #e8eef4;
}

.rsipro-chart i{
  flex:1;
  border-radius:8px 8px 2px 2px;
  background:linear-gradient(180deg,#2f84ff,#9ac2ff);
  transform:scaleY(0);
  transform-origin:bottom;
}

.rsipro-chart i:nth-child(1){height:35%}
.rsipro-chart i:nth-child(2){height:52%}
.rsipro-chart i:nth-child(3){height:69%}
.rsipro-chart i:nth-child(4){height:82%}
.rsipro-chart i:nth-child(5){height:96%;background:linear-gradient(180deg,#18b985,#75d9b7)}

.rsipro-group.rsipro-show .rsipro-chart i{
  animation:rsiproBar .7s ease forwards;
}

.rsipro-table{
  display:grid;
  gap:7px;
  margin-top:12px;
}

.rsipro-table-row{
  display:grid;
  grid-template-columns:1.3fr .8fr .7fr;
  gap:8px;
  padding:8px 9px;
  border-radius:10px;
  background:#fbfcfe;
  border:1px solid #edf2f6;
  color:#657891;
  font-size:8px;
}

/* ---------------- FEATURE STACK ---------------- */

.rsipro-features{
  display:grid;
  gap:14px;
}

.rsipro-feature{
  --rsipro-accent:var(--rsipro-blue);
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:17px;
  min-height:156px;
  padding:22px 24px;
  border:1px solid var(--rsipro-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,36,70,.035);
  transition:.3s ease;
}

.rsipro-feature:hover{
  transform:translateX(6px);
  border-color:#d7e2ed;
  box-shadow:0 18px 38px rgba(16,36,70,.065);
}

.rsipro-feature::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--rsipro-accent) 10%, transparent),transparent 70%);
}

.rsipro-feature-icon{
    width: 100px;
    height: 100px;
    display: grid;
    place-items: center;
}

.rsipro-feature-body{
  position:relative;
  z-index:2;
}

.rsipro-feature-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}

.rsipro-feature-top h4{
  margin:0;
  font-size:24px;
  line-height:1.35;
  font-weight:600;
  color:#213a62;
}

.rsipro-feature-no{
  color:#9aa6b4;
  font-size:10px;
}

.rsipro-feature p{
  margin:0;
  color:var(--rsipro-text);
  font-size:14px;
  line-height:1.76;
}

/* colors */
.rsipro-blue{--rsipro-accent:#2478ff}
.rsipro-green{--rsipro-accent:#18b985}
.rsipro-violet{--rsipro-accent:#7567ee}
.rsipro-orange{--rsipro-accent:#f0aa34}
.rsipro-red{--rsipro-accent:#ee5b68}

/* ---------------- REVEAL ---------------- */

#rsipro-section.rsipro-visible .rsipro-head{
  animation:rsiproUp .7s ease forwards;
}

#rsipro-section.rsipro-visible .rsipro-group{
  animation:rsiproUp .78s ease forwards;
}

#rsipro-section.rsipro-visible .rsipro-group:nth-of-type(1){animation-delay:.10s}
#rsipro-section.rsipro-visible .rsipro-group:nth-of-type(2){animation-delay:.20s}
#rsipro-section.rsipro-visible .rsipro-group:nth-of-type(3){animation-delay:.30s}

@keyframes rsiproUp{
  to{
    opacity:1;
    transform:none;
  }
}

/* ---------------- RESPONSIVE ---------------- */

@media(max-width:1080px){
  .rsipro-group,
  .rsipro-group.rsipro-reverse{
    grid-template-columns:1fr;
  }

  .rsipro-group.rsipro-reverse .rsipro-visual,
  .rsipro-group.rsipro-reverse .rsipro-features{
    order:initial;
  }

  .rsipro-visual{
    min-height:500px;
  }
}

@media(max-width:680px){
  #rsipro-section{
    padding:72px 0 84px;
  }

  .rsipro-wrap{
    width:94%;
  }

  .rsipro-head h2{
    font-size:36px;
    letter-spacing:-1.3px;
  }

  .rsipro-head p{
    font-size:15px;
  }

  .rsipro-visual{
    min-height:450px;
    padding:22px;
  }

  .rsipro-visual h3{
    font-size:27px;
  }

  .rsipro-feature{
    grid-template-columns:44px minmax(0,1fr);
    gap:13px;
    padding:18px;
  }

  .rsipro-feature-icon{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .rsipro-feature-top{
    align-items:flex-start;
  }

  .rsipro-feature-top h4{
    font-size:16px;
  }

  .rsipro-feature p{
    font-size:12.5px;
  }

  .rsipro-art{
    transform:scale(.9);
    transform-origin:top left;
    width:111%;
  }
}


.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rsipro-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.rsipro-flow img{
  width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}