/* IOPAY home — plataforma roxão minimalista / feature-led */
.ops-roxao{position:relative;height:300vh;margin:0;background:linear-gradient(180deg,#2e0f9d 0%,#4a1dd0 42%,#6437ff 100%);overflow:clip}
.ops-roxao::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,78%) var(--gy,18%),rgba(255,255,255,.16),transparent 0 24%),radial-gradient(circle at 8% 88%,rgba(176,157,255,.16),transparent 0 18%);pointer-events:none;transition:background .18s ease}
.ops-roxao-sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center}
.ops-roxao-shell{position:relative;z-index:2;width:min(1320px,calc(100vw - 64px));margin:0 auto;padding:70px 0;color:#fff}
.ops-roxao-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:56px;align-items:end;margin-bottom:52px}
.ops-roxao-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:rgba(237,232,255,.82);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.ops-roxao-eyebrow::before{content:"";width:7px;height:7px;border-radius:999px;background:#d3c7ff}
.ops-roxao-title{margin:0;color:#fff;font-size:clamp(46px,5.25vw,82px);line-height:.94;letter-spacing:-.048em;max-width:950px}
.ops-roxao-title .muted{display:block;color:rgba(255,255,255,.66)}
.ops-roxao-lead{margin:0;color:rgba(248,246,255,.84);font-size:19px;line-height:1.62;max-width:520px}
.ops-feature-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:64px;align-items:start}
.ops-feature-focus{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0}
.ops-feature-index{font-size:14px;letter-spacing:.18em;color:rgba(233,228,255,.66);text-transform:uppercase;margin-bottom:28px}
.ops-feature-index strong{font-size:64px;line-height:1;color:#fff;letter-spacing:-.06em;margin-right:12px}
.ops-feature-focus h3{font-size:clamp(38px,4.25vw,64px);line-height:.97;letter-spacing:-.045em;margin:0 0 22px;max-width:600px;color:#fff}
.ops-feature-focus p{font-size:18px;line-height:1.68;color:rgba(247,244,255,.84);margin:0;max-width:590px}
.ops-feature-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.ops-feature-meta span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.86)}
.ops-feature-signal{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:50px;color:rgba(245,241,255,.74);font-size:13px}
.ops-feature-signal i{width:10px;height:10px;border-radius:50%;background:#a5ff83;box-shadow:0 0 0 0 rgba(165,255,131,.5);animation:opsPulse 1.8s ease-in-out infinite}
@keyframes opsPulse{0%{box-shadow:0 0 0 0 rgba(165,255,131,.45)}70%{box-shadow:0 0 0 10px rgba(165,255,131,0)}100%{box-shadow:0 0 0 0 rgba(165,255,131,0)}}
.ops-feature-list{border-top:1px solid rgba(255,255,255,.18)}
.ops-feature-row{display:grid;grid-template-columns:52px minmax(220px,.72fr) minmax(0,1fr);gap:22px;align-items:start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.16);opacity:.52;transition:opacity .3s ease,transform .3s ease,color .3s ease;cursor:pointer}
.ops-feature-row:hover{opacity:.82}
.ops-feature-row.active{opacity:1;transform:translateX(-10px)}
.ops-feature-row .num{font-size:12px;letter-spacing:.13em;color:#d7ccff;padding-top:5px}
.ops-feature-row strong{font-size:22px;line-height:1.12;color:#fff;letter-spacing:-.025em}
.ops-feature-row p{margin:0;color:rgba(245,241,255,.74);font-size:14px;line-height:1.56}
.ops-feature-row.active strong{color:#fff}
.ops-feature-row.active p{color:rgba(255,255,255,.9)}
.ops-feature-progress{margin-top:26px;height:3px;background:rgba(255,255,255,.13);overflow:hidden}
.ops-feature-progress b{display:block;width:100%;height:100%;background:#fff;transform:scaleX(.125);transform-origin:left center;transition:transform .35s ease}
.ops-roxao-footerline{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:rgba(245,241,255,.7);font-size:13px}
.ops-roxao-footerline strong{color:#fff;font-size:14px}
@media(max-width:1060px){.ops-roxao{height:auto}.ops-roxao-sticky{position:relative;min-height:auto}.ops-roxao-shell{padding:88px 0}.ops-roxao-top,.ops-feature-layout{grid-template-columns:1fr}.ops-feature-layout{gap:46px}.ops-feature-focus{min-height:auto}.ops-feature-signal{padding-top:28px}.ops-feature-row{grid-template-columns:46px minmax(180px,.72fr) 1fr}.ops-feature-row.active{transform:none}}
@media(max-width:720px){.ops-roxao-shell{width:min(100vw - 32px,1320px);padding:70px 0}.ops-roxao-title{font-size:clamp(38px,11vw,56px)}.ops-roxao-top{gap:28px;margin-bottom:42px}.ops-roxao-lead{font-size:16px}.ops-feature-focus h3{font-size:36px}.ops-feature-focus p{font-size:16px}.ops-feature-row{grid-template-columns:38px 1fr;gap:14px;padding:19px 0}.ops-feature-row p{grid-column:2}.ops-feature-row strong{font-size:19px}.ops-roxao-footerline{align-items:flex-start;flex-direction:column}}