/* SBM SaaS V2.2.5 — Dedicated Referral CSS Force Fix
   Loaded AFTER saas.css with cache-busting.
   Uses body.referral-v225 + !important so old/cached/global CSS cannot collapse the layout.
*/

body.referral-v225{
  --r-primary:#d64f95;
  --r-primary2:#7b397f;
  --r-dark:#2f1843;
  --r-dark2:#51285f;
  --r-text:#352845;
  --r-muted:#75697b;
  --r-line:#ecd9e6;
  --r-soft:#fff7fb;
  margin:0!important;
  background:#fff!important;
  color:var(--r-text)!important;
}

body.referral-v225 .saas-public-wrap{
  width:min(1180px,calc(100% - 32px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* top nav */
body.referral-v225 .saas-public-nav{
  background:#fff!important;
  border-bottom:1px solid #eee5ec!important;
  position:sticky!important;
  top:0!important;
  z-index:50!important;
}
body.referral-v225 .saas-public-nav>.saas-public-wrap{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
body.referral-v225 .saas-public-nav nav{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}
body.referral-v225 .saas-public-nav nav a{
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  color:#372a41!important;
}
body.referral-v225 .saas-public-nav .saas-cta-sm{
  background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:12px 16px!important;
}

/* shared */
body.referral-v225 .saas-section{
  padding:78px 0!important;
  display:block!important;
}
body.referral-v225 .saas-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  border:1px solid var(--r-line)!important;
  background:#fff!important;
  color:#b44b84!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
body.referral-v225 .saas-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
body.referral-v225 .saas-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-decoration:none!important;
  border-radius:16px!important;
  padding:14px 20px!important;
  font-size:14px!important;
  font-weight:900!important;
}
body.referral-v225 .saas-btn.primary{
  background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 15px 32px rgba(182,70,132,.22)!important;
}
body.referral-v225 .saas-btn.ghost{
  background:#fff!important;
  color:#5d336d!important;
  border:1px solid #dec7d6!important;
}

body.referral-v225 .saas-section-title{
  text-align:center!important;
  max-width:850px!important;
  margin:0 auto 38px!important;
}
body.referral-v225 .saas-section-title>span{
  display:inline-flex!important;
  width:max-content!important;
  padding:8px 14px!important;
  border:1px solid var(--r-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#b44c83!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:13px!important;
}
body.referral-v225 .saas-section-title h2{
  margin:0 0 12px!important;
  font-size:44px!important;
  line-height:1.08!important;
  letter-spacing:-1.4px!important;
  color:var(--r-dark)!important;
}
body.referral-v225 .saas-section-title p{
  margin:0 auto!important;
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.78!important;
  color:var(--r-muted)!important;
}

/* hero */
body.referral-v225 .v223-hero{
  padding:86px 0 72px!important;
  display:block!important;
  background:
    radial-gradient(circle at 9% 18%,rgba(255,206,227,.66),transparent 26%),
    radial-gradient(circle at 92% 21%,rgba(230,220,255,.86),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fff9fc 100%)!important;
}
body.referral-v225 .v223-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;
  gap:30px!important;
  align-items:center!important;
}
body.referral-v225 .v223-copy{
  min-width:0!important;
}
body.referral-v225 .v223-copy h1{
  margin:18px 0 15px!important;
  max-width:780px!important;
  font-size:58px!important;
  line-height:1.03!important;
  letter-spacing:-2px!important;
  color:var(--r-dark)!important;
}
body.referral-v225 .v223-copy h1 em{
  color:var(--r-primary)!important;
  font-style:normal!important;
}
body.referral-v225 .v223-copy>p{
  margin:0!important;
  max-width:790px!important;
  font-size:16px!important;
  line-height:1.82!important;
  color:var(--r-muted)!important;
}
body.referral-v225 .v223-badges{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
  margin:24px 0 26px!important;
}
body.referral-v225 .v223-badges span{
  display:flex!important;
  align-items:center!important;
  padding:13px 14px!important;
  border:1px solid var(--r-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#574d5d!important;
  font-size:13px!important;
  font-weight:750!important;
}
body.referral-v225 .v223-trust-line{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px 20px!important;
  margin-top:20px!important;
  color:#897e8c!important;
  font-size:12px!important;
}

body.referral-v225 .v223-hero-card{
  display:block!important;
  min-width:0!important;
  background:linear-gradient(165deg,#2c1841 0%,#592a67 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:30px!important;
  padding:32px!important;
  box-shadow:0 30px 66px rgba(62,26,86,.24)!important;
}
body.referral-v225 .v223-card-top small{
  display:block!important;
  color:#d8c9df!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.referral-v225 .v223-card-top strong{
  display:block!important;
  margin:10px 0 8px!important;
  font-size:80px!important;
  line-height:.94!important;
  color:#ff92c0!important;
  letter-spacing:-3px!important;
}
body.referral-v225 .v223-card-top>span{
  display:block!important;
  margin-bottom:22px!important;
  font-size:13px!important;
  line-height:1.6!important;
  color:#efe4ef!important;
}
body.referral-v225 .v223-mini-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:17px!important;
}
body.referral-v225 .v223-mini-stats>div{
  display:block!important;
  padding:14px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
}
body.referral-v225 .v223-mini-stats b{
  display:block!important;
  color:#fff!important;
  font-size:23px!important;
  margin-bottom:4px!important;
}
body.referral-v225 .v223-mini-stats small{
  display:block!important;
  color:#d8cedc!important;
  font-size:10px!important;
}
body.referral-v225 .v223-card-list{
  display:grid!important;
  gap:0!important;
}
body.referral-v225 .v223-card-list>div{
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  gap:10px!important;
  align-items:start!important;
  padding:11px 0!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
}
body.referral-v225 .v223-card-list>div:first-child{border-top:0!important}
body.referral-v225 .v223-card-list span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-weight:900!important;
}
body.referral-v225 .v223-card-list p{
  margin:5px 0 0!important;
  color:#f3edf4!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* section backgrounds */
body.referral-v225 .v223-soft-section{
  background:linear-gradient(180deg,#fffafc 0%,#fff 100%)!important;
}

/* feature cards */
body.referral-v225 .v223-feature-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.referral-v225 .v223-feature-grid article{
  display:block!important;
  padding:24px!important;
  border:1px solid var(--r-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(67,32,70,.06)!important;
}
body.referral-v225 .v223-feature-grid .icon{
  width:54px!important;height:54px!important;
  display:grid!important;place-items:center!important;
  border-radius:18px!important;background:#fff1f8!important;
  font-size:24px!important;margin-bottom:15px!important;
}
body.referral-v225 .v223-feature-grid h3{
  margin:0 0 9px!important;font-size:21px!important;line-height:1.16!important;color:var(--r-dark)!important;
}
body.referral-v225 .v223-feature-grid p{
  margin:0!important;font-size:13px!important;line-height:1.72!important;color:var(--r-muted)!important;
}

/* earning cards */
body.referral-v225 .v223-earn-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.referral-v225 .earn-card{
  display:block!important;
  text-align:center!important;
  padding:26px!important;
  border:1px solid var(--r-line)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(67,32,70,.06)!important;
}
body.referral-v225 .earn-card.featured{
  border:2px solid #d57eb0!important;
  background:linear-gradient(155deg,#fff7fb,#faf6ff)!important;
}
body.referral-v225 .earn-card.total{
  color:#fff!important;
  border:0!important;
  background:linear-gradient(160deg,#2d1841,#522960)!important;
}
body.referral-v225 .earn-card h3{
  margin:16px 0 9px!important;
  font-size:23px!important;
  color:var(--r-dark)!important;
}
body.referral-v225 .earn-card.total h3{color:#fff!important}
body.referral-v225 .earn-card p{
  margin:0 0 15px!important;font-size:13px!important;line-height:1.68!important;color:var(--r-muted)!important;
}
body.referral-v225 .earn-card.total p{color:#e8dfea!important}
body.referral-v225 .earn-card .price{
  font-size:35px!important;font-weight:900!important;color:#633178!important;
}
body.referral-v225 .earn-card.total .price{color:#ff99c4!important}
body.referral-v225 .earn-card .arrow{
  width:max-content!important;margin:12px auto 9px!important;padding:7px 11px!important;border-radius:999px!important;
  background:#f8f1f6!important;color:#806f84!important;font-size:10px!important;font-weight:800!important;
}
body.referral-v225 .earn-card.total .arrow{background:rgba(255,255,255,.12)!important;color:#f1e7f4!important}
body.referral-v225 .earn-card .commission{
  font-size:41px!important;font-weight:950!important;color:var(--r-primary)!important;
}
body.referral-v225 .earn-card.total .commission{color:#fff!important}
body.referral-v225 .v223-note{
  margin-top:16px!important;text-align:center!important;color:#8b808e!important;font-size:12px!important;line-height:1.7!important;
}

/* flow */
body.referral-v225 .v223-flow{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
}
body.referral-v225 .v223-flow article{
  display:block!important;
  padding:22px!important;
  border:1px solid var(--r-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 15px 34px rgba(67,32,70,.05)!important;
}
body.referral-v225 .v223-flow b{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;background:#fff0f7!important;color:var(--r-primary)!important;font-size:18px!important;
}
body.referral-v225 .v223-flow h3{
  margin:15px 0 9px!important;font-size:19px!important;line-height:1.18!important;color:var(--r-dark)!important;
}
body.referral-v225 .v223-flow p{
  margin:0!important;font-size:13px!important;line-height:1.68!important;color:var(--r-muted)!important;
}

/* audience + proof */
body.referral-v225 .v223-two-col{
  display:grid!important;
  grid-template-columns:1.04fr .96fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.referral-v225 .v223-audience-box,
body.referral-v225 .v223-social-proof{
  display:block!important;
  padding:30px!important;
  border:1px solid var(--r-line)!important;
  border-radius:28px!important;
  background:#fff!important;
}
body.referral-v225 .v223-social-proof{
  background:linear-gradient(145deg,#fff6fb,#faf7ff)!important;
}
body.referral-v225 .v223-audience-box h2,
body.referral-v225 .v223-social-proof h2{
  margin:14px 0 10px!important;
  font-size:36px!important;line-height:1.08!important;letter-spacing:-1px!important;color:var(--r-dark)!important;
}
body.referral-v225 .v223-audience-box p{
  margin:0 0 18px!important;font-size:14px!important;line-height:1.75!important;color:var(--r-muted)!important;
}
body.referral-v225 .v223-audience-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}
body.referral-v225 .v223-audience-tags span{
  display:flex!important;align-items:center!important;padding:13px 14px!important;border-radius:16px!important;
  border:1px solid #f0dce8!important;background:#fff7fb!important;color:#5d5264!important;font-size:13px!important;font-weight:700!important;
}
body.referral-v225 .v223-social-proof ul{
  list-style:none!important;padding:0!important;margin:0 0 20px!important;display:grid!important;gap:11px!important;
}
body.referral-v225 .v223-social-proof li{
  display:flex!important;align-items:flex-start!important;font-size:13px!important;line-height:1.68!important;color:#584f62!important;
}
body.referral-v225 .v223-social-proof li:before{
  content:"✓"!important;
  width:22px!important;height:22px!important;display:grid!important;place-items:center!important;
  border-radius:999px!important;background:#eef9f3!important;color:#24835f!important;font-weight:900!important;
  margin-right:10px!important;flex:0 0 auto!important;
}

/* faq */
body.referral-v225 .v223-faq-grid{
  max-width:980px!important;margin:0 auto!important;display:grid!important;gap:14px!important;
}
body.referral-v225 .v223-faq-grid details{
  display:block!important;padding:18px 20px!important;border:1px solid var(--r-line)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 12px 30px rgba(67,32,70,.04)!important;
}
body.referral-v225 .v223-faq-grid summary{
  cursor:pointer!important;font-size:17px!important;font-weight:850!important;color:var(--r-dark)!important;
}
body.referral-v225 .v223-faq-grid p{
  margin:12px 0 0!important;font-size:13px!important;line-height:1.72!important;color:var(--r-muted)!important;
}

/* final */
body.referral-v225 .v223-final-cta{padding-top:8px!important;padding-bottom:82px!important}
body.referral-v225 .v223-final-box{
  display:grid!important;grid-template-columns:1fr auto!important;gap:24px!important;align-items:center!important;
  padding:34px!important;border:1px solid var(--r-line)!important;border-radius:30px!important;
  background:linear-gradient(135deg,#fff5fa,#f8f6ff)!important;
  box-shadow:0 20px 42px rgba(67,32,70,.06)!important;
}
body.referral-v225 .v223-final-box h2{
  margin:14px 0 10px!important;font-size:38px!important;line-height:1.08!important;letter-spacing:-1px!important;color:var(--r-dark)!important;
}
body.referral-v225 .v223-final-box p{
  margin:0!important;font-size:14px!important;line-height:1.75!important;color:var(--r-muted)!important;
}
body.referral-v225 .v223-final-actions{
  display:flex!important;gap:12px!important;flex-wrap:wrap!important;
}

/* mobile */
@media(max-width:1100px){
  body.referral-v225 .v223-copy h1{font-size:50px!important}
  body.referral-v225 .v223-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.referral-v225 .v223-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.referral-v225 .v223-hero-grid,
  body.referral-v225 .v223-two-col,
  body.referral-v225 .v223-final-box{grid-template-columns:1fr!important}
  body.referral-v225 .v223-earn-grid{grid-template-columns:1fr!important}
  body.referral-v225 .v223-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  body.referral-v225 .saas-public-wrap{width:min(100% - 22px,1180px)!important}
  body.referral-v225 .saas-section{padding:56px 0!important}
  body.referral-v225 .v223-hero{padding:60px 0 52px!important}
  body.referral-v225 .v223-copy h1{font-size:37px!important;letter-spacing:-1.1px!important}
  body.referral-v225 .saas-section-title h2,
  body.referral-v225 .v223-audience-box h2,
  body.referral-v225 .v223-social-proof h2,
  body.referral-v225 .v223-final-box h2{font-size:29px!important}
  body.referral-v225 .v223-badges,
  body.referral-v225 .v223-feature-grid,
  body.referral-v225 .v223-flow,
  body.referral-v225 .v223-audience-tags{grid-template-columns:1fr!important}
  body.referral-v225 .v223-card-top strong{font-size:58px!important}
  body.referral-v225 .v223-hero-card,
  body.referral-v225 .v223-audience-box,
  body.referral-v225 .v223-social-proof,
  body.referral-v225 .v223-final-box{padding:24px!important}
  body.referral-v225 .saas-actions,
  body.referral-v225 .v223-final-actions{display:grid!important;grid-template-columns:1fr!important}
  body.referral-v225 .saas-public-nav nav{gap:10px!important}
  body.referral-v225 .saas-public-nav nav>a:not(.saas-cta-sm){display:none!important}
}