/* Revenue Power X — premium art-direction layer
   This file intentionally overrides only the Revenue X page so the rest of WORIMA stays untouched. */

.rx-page{
  --rx-black:#05070b;
  --rx-ink:#0a0b0e;
  --rx-muted:#6e6e73;
  --rx-surface:#f5f5f7;
  --rx-line:rgba(0,0,0,.08);
  --rx-radius:30px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;
  background:#fff;
  color:var(--rx-ink);
}

/* ---------- HEADER ---------- */
.rx-page .site-header{
  height:68px;
  background:linear-gradient(180deg,rgba(4,7,12,.72),rgba(4,7,12,.34));
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:saturate(150%) blur(24px);
  -webkit-backdrop-filter:saturate(150%) blur(24px);
}
.rx-page .site-header.scrolled{
  background:rgba(7,10,16,.86);
  box-shadow:none;
}
.rx-page .nav-wrap{grid-template-columns:170px 1fr auto;gap:24px}
.rx-page .brand-logo{width:142px}
.rx-page .site-nav{gap:24px}
.rx-page .nav-link{
  padding:24px 0 22px;
  font-size:.78rem;
  font-weight:520;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.74);
}
.rx-page .nav-link::after{display:none}
.rx-page .nav-link:hover,.rx-page .nav-link.active{color:#fff;font-weight:620}
.rx-page .rx-nav-cta{
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:650;
  background:#fff;
  color:#0b0d10;
  border:0;
}

/* ---------- 01 / HERO : target desktop ratio ~1440 × 880 ---------- */
.rx-hero{
  min-height:clamp(760px,61.1vw,900px);
  padding-top:68px;
  background:#07101d;
}
.rx-hero__media{
  background-position:55% center;
  transform:scale(1.015);
}
.rx-hero__veil{
  background:
    linear-gradient(90deg,rgba(2,6,12,.96) 0%,rgba(2,6,12,.84) 28%,rgba(2,6,12,.43) 48%,rgba(2,6,12,.08) 73%),
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.02) 58%,rgba(0,0,0,.30) 100%);
}
.rx-hero__content{
  min-height:calc(clamp(760px,61.1vw,900px) - 68px);
  padding:72px 0 54px;
  justify-content:center;
  max-width:1280px;
}
.rx-hero__content .rx-kicker{
  margin-bottom:19px;
  color:rgba(255,255,255,.74);
  font-size:.68rem;
  letter-spacing:.22em;
  font-weight:650;
}
.rx-hero__content h1{
  max-width:610px;
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(3.55rem,5.15vw,5.05rem);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:650;
  text-wrap:balance;
}
.rx-hero__content h1 span{color:#fff}
.rx-hero__content>p{
  max-width:520px;
  margin-bottom:32px;
  color:rgba(255,255,255,.78);
  font-size:1.07rem;
  line-height:1.52;
  letter-spacing:-.012em;
}
.rx-hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rx-hero .button--glass{
  min-height:48px;
  padding:0 22px;
  border-radius:999px;
  background:#fff;
  color:#0d0f12;
  border:0;
  box-shadow:0 10px 32px rgba(0,0,0,.18);
  font-size:.82rem;
  font-weight:650;
}
.rx-hero .button--glass:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.rx-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.86);
  font-size:.84rem;
  font-weight:560;
  transition:.25s ease;
}
.rx-text-link:hover{color:#fff;gap:11px}

/* ---------- SHARED SECTION TYPOGRAPHY ---------- */
.rx-section{padding:0;background:#fff}
.rx-eyebrow{
  margin-bottom:12px;
  color:#777b83;
  font-size:.62rem;
  letter-spacing:.22em;
  font-weight:700;
}
.rx-section h2{
  color:#101114;
  font-weight:620;
  line-height:1.03;
  letter-spacing:-.048em;
}

/* ---------- 02 / CHALLENGE : target desktop ratio ~1440 × 450 ---------- */
.rx-section--challenge{
  min-height:clamp(390px,31.25vw,470px);
  display:flex;
  align-items:center;
  background:#fff;
}
.rx-challenge{
  width:min(calc(100% - 72px),1280px);
  display:grid;
  grid-template-columns:.66fr 1.7fr;
  gap:64px;
  align-items:center;
  padding:64px 0;
}
.rx-challenge__heading h2{
  max-width:340px;
  margin:0;
  font-size:clamp(2.25rem,3.15vw,3.25rem);
}
.rx-challenge__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rx-photo-card{
  min-width:0;
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  box-shadow:none;
  background:#fff;
  transition:transform .35s ease,box-shadow .35s ease;
}
.rx-photo-card:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,0,0,.08)}
.rx-photo-card img{
  aspect-ratio:1.08;
  object-fit:cover;
  filter:saturate(.88) contrast(.98);
}
.rx-photo-card p{
  min-height:82px;
  margin:0;
  padding:13px 14px 16px;
  color:#555b64;
  font-size:.75rem;
  line-height:1.38;
  letter-spacing:-.01em;
}

/* ---------- 03 / SOLUTION : target desktop ratio ~1440 × 800 ---------- */
.rx-section--agents{
  min-height:clamp(700px,55.55vw,820px);
  padding:78px 0 52px;
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(70% 72% at 50% 54%,rgba(204,220,255,.50),rgba(255,255,255,0) 65%),
    linear-gradient(180deg,#fbfcff 0%,#f4f7fd 48%,#eef4fb 100%);
}
.rx-section--agents::before{
  content:"";
  position:absolute;
  inset:auto -12% -38% -12%;
  height:58%;
  z-index:-1;
  border-radius:50%;
  filter:blur(38px);
  opacity:.46;
  background:linear-gradient(90deg,rgba(139,82,255,.52),rgba(47,128,255,.24),rgba(245,158,11,.27),rgba(16,184,166,.45));
}
.rx-section--agents::after{display:none}
.rx-section--agents>.container{width:min(calc(100% - 40px),1380px)}
.rx-centered-heading{max-width:820px;margin:0 auto;z-index:3}
.rx-centered-heading .rx-eyebrow{color:#737985}
.rx-centered-heading h2{
  margin-bottom:10px;
  font-size:clamp(2.65rem,4vw,4rem);
  letter-spacing:-.052em;
}
.rx-centered-heading p{
  color:#717782;
  font-size:1rem;
  line-height:1.5;
}
.rx-agent-family{
  width:min(100%,1280px);
  margin:16px auto -12px;
  z-index:2;
}
.rx-agent-family img{
  width:100%;
  filter:drop-shadow(0 30px 44px rgba(44,69,110,.13));
}
.rx-agent-labels{
  width:min(100%,1080px);
  margin:-54px auto 0;
  padding-inline:28px;
  gap:18px;
  z-index:4;
}
.rx-agent-label{
  grid-template-columns:40px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  padding:9px 12px;
  border-radius:15px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 12px 28px rgba(61,76,106,.07);
  backdrop-filter:blur(24px) saturate(140%);
  -webkit-backdrop-filter:blur(24px) saturate(140%);
}
.rx-agent-label .rx-mini-icon{width:38px;height:38px;border-radius:11px}
.rx-agent-label strong{font-size:.81rem;font-weight:650;letter-spacing:-.015em}
.rx-agent-label small{font-size:.68rem;color:#777d86}

/* ---------- HOW IT WORKS ---------- */
.rx-section--workflow{
  padding:132px 0 118px;
  background:#fff;
}
.rx-workflow-head{
  grid-template-columns:1.08fr .92fr;
  gap:92px;
  margin-bottom:50px;
}
.rx-workflow-head h2{font-size:clamp(3rem,4.8vw,4.8rem)}
.rx-workflow-head h2 span{color:#8c8c91}
.rx-workflow-head>p{max-width:455px;color:#6e6e73;font-size:1.05rem;line-height:1.58}
.rx-workflow{gap:18px}
.rx-workflow::before{opacity:.28}
.rx-step{
  grid-template-columns:94px 300px 1fr;
  gap:28px;
  min-height:242px;
  padding:26px 28px 26px 8px;
  border:0;
  border-radius:32px;
  background:#f5f5f7;
  box-shadow:none;
}
.rx-step__rail span{
  width:52px;height:52px;
  border:0;
  background:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
}
.rx-step__copy small{font-size:.61rem;color:#7a7d83}
.rx-step__copy h3{font-size:1.8rem;letter-spacing:-.035em;margin-bottom:18px}
.rx-pills{gap:7px}
.rx-pills span{
  padding:6px 10px;
  border:0;
  background:rgba(255,255,255,.80);
  color:#62666e;
  font-size:.72rem;
}
.rx-sample-card{
  border:1px solid rgba(0,0,0,.055);
  border-radius:22px;
  box-shadow:0 16px 42px rgba(0,0,0,.055);
}
.rx-workflow-note{color:#9a9ca0}

/* ---------- INDUSTRIES ---------- */
.rx-section--industries{
  padding:118px 0 112px;
  background:#f5f5f7;
}
.rx-industries-head{margin-bottom:34px}
.rx-industries-head h2{font-size:clamp(2.8rem,4vw,4rem)}
.rx-industries-head .button{
  min-height:44px;
  border-radius:999px;
  background:#fff;
  border:0;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  font-size:.8rem;
}
.rx-industry-grid{gap:14px}
.rx-industry-card{
  height:370px;
  border-radius:28px;
  box-shadow:none;
}
.rx-industry-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(5,8,13,.80) 100%)}
.rx-industry-card>div{left:24px;right:24px;bottom:22px}
.rx-industry-card strong{font-size:1.35rem;letter-spacing:-.025em}
.rx-industry-card p{font-size:.82rem;line-height:1.4;color:rgba(255,255,255,.80)}

/* ---------- CLOSING ---------- */
.rx-closing{min-height:520px;background:#0b0d11}
.rx-closing__image{background-position:center 44%}
.rx-closing__veil{
  background:linear-gradient(90deg,rgba(8,12,18,.95) 0%,rgba(8,12,18,.80) 31%,rgba(8,12,18,.30) 57%,rgba(8,12,18,.04) 100%);
}
.rx-closing__content{min-height:520px}
.rx-closing__content h2{
  max-width:600px;
  margin-bottom:18px;
  font-size:clamp(3.4rem,5.4vw,5.5rem);
  font-weight:620;
  letter-spacing:-.055em;
  line-height:.98;
}
.rx-closing__content p{max-width:500px;color:rgba(255,255,255,.74);font-size:1rem;line-height:1.55}
.rx-closing__content .button--glass{
  min-height:48px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#0d0f12;
  font-size:.82rem;
}

/* ---------- FOOTER ---------- */
.rx-page .rx-footer{background:#080a0e}

/* ---------- MOTION ---------- */
@media (prefers-reduced-motion:no-preference){
  .rx-photo-card,.rx-industry-card img,.rx-agent-family img{transition:transform .6s cubic-bezier(.2,.75,.2,1)}
  .rx-agent-family:hover img{transform:translateY(-4px)}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1100px){
  .rx-page .site-nav{gap:16px}
  .rx-page .nav-link{font-size:.72rem}
  .rx-challenge{grid-template-columns:1fr;gap:28px;padding:60px 0}
  .rx-challenge__heading h2{max-width:700px}
  .rx-section--challenge{min-height:auto}
  .rx-agent-labels{margin-top:-30px;padding-inline:12px}
  .rx-step{grid-template-columns:74px 245px 1fr;gap:20px}
}

@media (max-width:900px){
  .rx-page .site-header{height:64px;background:rgba(7,10,16,.90)}
  .rx-page .nav-wrap{grid-template-columns:1fr auto auto}
  .rx-page .site-nav{gap:0}
  .rx-page .brand-logo{width:132px}
  .rx-page .rx-nav-cta{display:none}
  .rx-hero{min-height:760px;padding-top:64px}
  .rx-hero__media{background-position:66% center}
  .rx-hero__veil{background:linear-gradient(180deg,rgba(3,7,13,.38) 0%,rgba(3,7,13,.45) 32%,rgba(3,7,13,.92) 74%,rgba(3,7,13,.97) 100%)}
  .rx-hero__content{min-height:696px;justify-content:flex-end;padding-bottom:58px}
  .rx-hero__content h1{max-width:680px;font-size:clamp(3.35rem,9vw,4.7rem)}
  .rx-challenge{width:min(calc(100% - 40px),760px)}
  .rx-challenge__grid{grid-template-columns:repeat(2,1fr)}
  .rx-photo-card p{min-height:70px}
  .rx-section--agents{min-height:auto;padding:74px 0 68px}
  .rx-agent-family{margin:16px auto 0}
  .rx-agent-labels{grid-template-columns:repeat(2,1fr);margin-top:-18px;gap:10px;max-width:620px}
  .rx-workflow-head{grid-template-columns:1fr;gap:18px}
  .rx-workflow-head>p{margin:0;max-width:640px}
  .rx-step{grid-template-columns:68px 1fr;padding:20px 16px 20px 6px}
  .rx-sample-card{grid-column:2}
  .rx-industry-grid{grid-template-columns:1fr}
  .rx-industry-card{height:360px}
}

@media (max-width:620px){
  .rx-hero{min-height:720px}
  .rx-hero__content{min-height:656px;padding:46px 0 42px}
  .rx-hero__content h1{font-size:clamp(3rem,14vw,4rem);max-width:94%}
  .rx-hero__content>p{font-size:.98rem;max-width:92%}
  .rx-hero__actions{gap:18px}
  .rx-challenge{padding:54px 0}
  .rx-challenge__heading h2{font-size:2.35rem}
  .rx-challenge__grid{grid-template-columns:1fr 1fr;gap:9px}
  .rx-photo-card{border-radius:14px}
  .rx-photo-card p{min-height:88px;padding:10px 10px 12px;font-size:.71rem}
  .rx-section--agents{padding:62px 0 54px}
  .rx-centered-heading h2{font-size:2.45rem}
  .rx-centered-heading p{font-size:.92rem}
  .rx-agent-family{width:128%;margin-left:-14%;margin-top:12px}
  .rx-agent-labels{grid-template-columns:repeat(2,1fr);margin-top:-2px;padding:0;gap:8px}
  .rx-agent-label{grid-template-columns:34px 1fr;padding:8px 9px}
  .rx-agent-label .rx-mini-icon{width:32px;height:32px}
  .rx-agent-label strong{font-size:.75rem}.rx-agent-label small{font-size:.64rem}
  .rx-section--workflow{padding:90px 0 84px}
  .rx-workflow-head h2{font-size:2.7rem}
  .rx-step{border-radius:24px;grid-template-columns:54px 1fr;gap:10px}
  .rx-step__rail span{width:42px;height:42px;font-size:.82rem}
  .rx-sample-card{grid-column:1/3;margin-left:54px}
  .rx-workflow-note{margin-left:54px}
  .rx-section--industries{padding:84px 0 80px}
  .rx-industries-head{align-items:flex-start}
  .rx-industry-card{height:290px;border-radius:24px}
  .rx-closing,.rx-closing__content{min-height:470px}
  .rx-closing__veil{background:linear-gradient(90deg,rgba(8,12,18,.95) 0%,rgba(8,12,18,.78) 64%,rgba(8,12,18,.22) 100%)}
  .rx-closing__content h2{font-size:3.35rem;max-width:90%}
}

/* ---------- FULL-BLEED AGENT STAGE OVERRIDES ---------- */
.rx-section--agents{
  min-height:auto;
  padding:92px 0 64px;
  background:linear-gradient(180deg,#fbfcff 0%,#f5f8fe 52%,#eef4fb 100%);
  overflow:hidden;
  display:block;
  align-items:initial;
}
.rx-section--agents>.container{width:min(calc(100% - 40px),1260px)}
.rx-centered-heading{position:relative;z-index:5}
.rx-agent-stage{
  position:relative;
  width:100vw;
  margin:20px 0 0 calc(50% - 50vw);
  height:clamp(420px,36vw,560px);
  overflow:hidden;
  isolation:isolate;
  display:block;
  flex:none;
}
.rx-agent-stage__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  transform:scale(1.025);
}
.rx-agent-stage::before,
.rx-agent-stage::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:1;
}
.rx-agent-stage::before{
  bottom:-22px;
  width:min(1220px,90vw);
  height:250px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(89,133,234,.16),rgba(89,133,234,0) 70%);
  filter:blur(32px);
}
.rx-agent-stage::after{
  top:8%;
  width:min(1320px,94vw);
  height:190px;
  background:radial-gradient(ellipse at center,rgba(255,194,129,.13),rgba(255,194,129,0) 72%);
  filter:blur(36px);
}
.rx-agent{
  --px:0px;
  --py:0px;
  position:absolute;
  top:51%;
  width:clamp(235px,20vw,350px);
  transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py)));
  filter:drop-shadow(0 24px 36px rgba(40,57,92,.15));
  will-change:transform,filter;
  z-index:3;
  pointer-events:none;
}
.rx-agent--marketing{left:20%;animation:rxFloatA 7.8s cubic-bezier(.45,.05,.55,.95) infinite}
.rx-agent--sales{left:40%;animation:rxFloatB 7.2s cubic-bezier(.45,.05,.55,.95) infinite .7s}
.rx-agent--follow{left:60%;animation:rxFloatC 8.1s cubic-bezier(.45,.05,.55,.95) infinite .2s}
.rx-agent--intel{left:80%;animation:rxFloatD 7.5s cubic-bezier(.45,.05,.55,.95) infinite 1.05s}
.rx-agent-labels{
  width:min(82vw,1180px);
  margin:-4px auto 0;
  padding-inline:0;
  gap:18px;
}

@keyframes rxFloatA{
  0%,100%{transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(-.15deg)}
  50%{transform:translate(calc(-50% + var(--px) - 1px),calc(-50% + var(--py) - 7px)) rotate(.35deg)}
}
@keyframes rxFloatB{
  0%,100%{transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(.12deg)}
  50%{transform:translate(calc(-50% + var(--px) + 1px),calc(-50% + var(--py) - 6px)) rotate(-.28deg)}
}
@keyframes rxFloatC{
  0%,100%{transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(-.08deg)}
  50%{transform:translate(calc(-50% + var(--px) - 1px),calc(-50% + var(--py) - 8px)) rotate(.3deg)}
}
@keyframes rxFloatD{
  0%,100%{transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py))) rotate(.14deg)}
  50%{transform:translate(calc(-50% + var(--px) + 1px),calc(-50% + var(--py) - 7px)) rotate(-.32deg)}
}

@media (hover:hover) and (pointer:fine){
  .rx-agent-stage:hover .rx-agent{filter:drop-shadow(0 28px 42px rgba(40,57,92,.18))}
}

@media (max-width:1100px){
  .rx-agent-stage{height:clamp(360px,39vw,460px)}
  .rx-agent{width:clamp(205px,22vw,292px)}
  .rx-agent--marketing{left:18%}
  .rx-agent--sales{left:39%}
  .rx-agent--follow{left:61%}
  .rx-agent--intel{left:82%}
  .rx-agent-labels{width:min(88vw,1000px)}
}

@media (max-width:900px){
  .rx-section--agents{padding:76px 0 58px}
  .rx-agent-stage{height:330px;margin-top:14px}
  .rx-agent{width:clamp(158px,24vw,220px);top:52%}
  .rx-agent--marketing{left:14%}
  .rx-agent--sales{left:38%}
  .rx-agent--follow{left:62%}
  .rx-agent--intel{left:86%}
  .rx-agent-labels{width:min(calc(100% - 40px),620px);margin-top:10px;grid-template-columns:repeat(2,1fr);gap:10px}
}

@media (max-width:620px){
  .rx-section--agents{padding:62px 0 48px}
  .rx-centered-heading{padding-inline:8px}
  .rx-centered-heading h2{font-size:clamp(2.35rem,10vw,3.15rem)}
  .rx-centered-heading p{font-size:.9rem}
  .rx-agent-stage{height:270px;margin-top:10px}
  .rx-agent-stage__bg{transform:scale(1.08)}
  .rx-agent{width:clamp(124px,34vw,162px);top:52%}
  .rx-agent--marketing{left:10%}
  .rx-agent--sales{left:36%}
  .rx-agent--follow{left:64%}
  .rx-agent--intel{left:90%}
  .rx-agent-labels{width:min(calc(100% - 28px),620px);margin-top:8px;gap:8px}
  .rx-agent-label{padding:9px 10px}
}

@media (max-width:390px){
  .rx-agent-stage{height:245px}
  .rx-agent{width:128px}
  .rx-agent--marketing{left:8%}
  .rx-agent--sales{left:35.5%}
  .rx-agent--follow{left:64.5%}
  .rx-agent--intel{left:92%}
}

@media (prefers-reduced-motion:reduce){
  .rx-agent{animation:none!important;transform:translate(-50%,-50%)!important}
}