/* Stratum Praxis 2026 — final retrofit layer for existing official B2B pages.
   Purpose: make older inline-layout pages visually belong to the Revenue Intelligence system
   without changing product logic, price, checkout, analytics, or legacy/hold assets. */

.sp-b2b-experience{background:#f2efe9!important;color:#111820!important}
.sp-b2b-experience main{position:relative}
.sp-b2b-experience main:before{content:"";position:absolute;inset:0 0 auto;height:420px;pointer-events:none;background:linear-gradient(rgba(17,24,32,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,32,.03) 1px,transparent 1px),radial-gradient(circle at 88% 0%,rgba(61,113,138,.11),transparent 30rem);background-size:54px 54px,54px 54px,auto;mask-image:linear-gradient(to bottom,#000,transparent 92%);z-index:-1}
.sp-b2b-experience main>h1,.sp-b2b-experience main>.lead,.sp-b2b-experience main>.eyebrow,.sp-b2b-experience main>.toplink{position:relative;z-index:1}
.sp-b2b-experience h1{color:#111820!important;letter-spacing:-.055em!important;line-height:.98!important;font-weight:720!important}
.sp-b2b-experience h2{color:#111820!important;letter-spacing:-.04em!important;line-height:1.04!important}
.sp-b2b-experience h3{color:#18222b!important;letter-spacing:-.025em!important}
.sp-b2b-experience p,.sp-b2b-experience li{color:#66717a}
.sp-b2b-experience .lead{color:#59646d!important;max-width:860px!important}
.sp-b2b-experience .eyebrow,.sp-b2b-experience .kicker{color:#3d718a!important;font:800 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.sp-b2b-experience .toplink{display:inline-flex!important;align-items:center;gap:8px;color:#64717a!important;text-decoration:none!important;font-size:11px!important;margin-bottom:22px!important}

/* Existing structural surfaces */
.sp-b2b-experience .panel,.sp-b2b-experience .card,.sp-b2b-experience article,.sp-b2b-experience .metric,.sp-b2b-experience .decision,.sp-b2b-experience .result,.sp-b2b-experience .results{background:#fff!important;color:#111820!important;border:1px solid #d7d2c8!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(17,24,32,.045)!important}
.sp-b2b-experience .panel{padding:24px!important}
.sp-b2b-experience .metric{padding:17px!important}
.sp-b2b-experience .metric span,.sp-b2b-experience .fine,.sp-b2b-experience .muted{color:#7a858d!important}
.sp-b2b-experience .metric b{color:#111820!important;letter-spacing:-.035em}
.sp-b2b-experience .decision{border-left:4px solid #3d718a!important;background:#f7f8f6!important}
.sp-b2b-experience .card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,24,32,.08)!important;border-color:#b9c5ca!important}

/* Forms */
.sp-b2b-experience .field label{color:#39434c!important;font-weight:780!important;font-size:12px!important}
.sp-b2b-experience .field input,.sp-b2b-experience .field select,.sp-b2b-experience .field textarea,.sp-b2b-experience input,.sp-b2b-experience select,.sp-b2b-experience textarea{background:#fbfaf7!important;color:#111820!important;border:1px solid #d7d2c8!important;border-radius:12px!important;min-height:46px}
.sp-b2b-experience .field input:focus,.sp-b2b-experience .field select:focus,.sp-b2b-experience input:focus,.sp-b2b-experience select:focus,.sp-b2b-experience textarea:focus{outline:none!important;border-color:#91b2bf!important;box-shadow:0 0 0 4px rgba(61,113,138,.08)!important;background:#fff!important}

/* Actions */
.sp-b2b-experience .cta,.sp-b2b-experience .button,.sp-b2b-experience .btn,.sp-b2b-experience button[type="submit"],.sp-b2b-experience [data-primary-cta]{background:#111820!important;color:#fff!important;border:1px solid #111820!important;border-radius:12px!important;box-shadow:0 12px 28px rgba(17,24,32,.12)!important;text-decoration:none!important;font-weight:820!important}
.sp-b2b-experience .cta:hover,.sp-b2b-experience .button:hover,.sp-b2b-experience .btn:hover,.sp-b2b-experience [data-primary-cta]:hover{transform:translateY(-2px)!important;box-shadow:0 17px 34px rgba(17,24,32,.17)!important}
.sp-b2b-experience .cta.secondary,.sp-b2b-experience .button.secondary,.sp-b2b-experience .btn.secondary{background:#fff!important;color:#111820!important;border-color:#d7d2c8!important;box-shadow:none!important}

/* Results: make outcomes feel like a decision surface rather than another content card. */
.sp-b2b-experience .result,.sp-b2b-experience .results,.sp-b2b-experience [class*="result-panel"],.sp-b2b-experience [class*="result-card"]{position:relative;overflow:hidden}
.sp-b2b-experience .result:before,.sp-b2b-experience .results:before,.sp-b2b-experience [class*="result-panel"]:before,.sp-b2b-experience [class*="result-card"]:before{content:"DECISION OUTPUT";display:block;margin-bottom:10px;color:#3d718a;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}

/* Shared injected revenue route — executive surface, not neon. */
.sp-b2b-experience .spx-contextbar{color:#74818a!important}
.sp-b2b-experience .spx-contextbar span{background:#fff!important;border-color:#d7d2c8!important;color:#61717b!important}
.sp-b2b-experience .spx-route-stage-inner{background:#fbfaf7!important;border-color:#d7d2c8!important;box-shadow:0 22px 60px rgba(17,24,32,.08)!important}
.sp-b2b-experience .spx-route-stage h2{color:#111820!important}
.sp-b2b-experience .spx-route-stage p{color:#6c7780!important}
.sp-b2b-experience .spx-route-links a{background:#fff!important;color:#111820!important;border-color:#d7d2c8!important}
.sp-b2b-experience .spx-route-links a span span{color:#74818a!important}
.sp-b2b-experience .spx-route-links a:hover{background:#f5f7f5!important;border-color:#b6c4ca!important}
.sp-b2b-experience .spx-route-links .spx-paid-card{background:#151d25!important;color:#fff!important;border-color:#151d25!important}
.sp-b2b-experience .spx-route-links .spx-paid-card span span{color:#aab7bd!important}
.sp-b2b-experience .spx-route-dock{background:rgba(21,29,37,.93)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 20px 55px rgba(17,24,32,.24)!important}
.sp-b2b-experience .spx-route-dock a{color:#a7b5bd!important}
.sp-b2b-experience .spx-route-dock a[data-spx-paid=true]{background:#eef5f2!important;color:#132129!important}
.sp-b2b-experience .spx-progress{background:linear-gradient(90deg,#78aa9a,#6593a7)!important;box-shadow:none!important}
.sp-b2b-experience:before{display:none!important}

/* Tables / comparisons */
.sp-b2b-experience table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d7d2c8;border-radius:14px;overflow:hidden;color:#111820}
.sp-b2b-experience th,.sp-b2b-experience td{padding:13px 14px;border-bottom:1px solid #e1ddd5;text-align:left;vertical-align:top}
.sp-b2b-experience th{background:#f7f6f2;color:#65717a;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.sp-b2b-experience tr:last-child td{border-bottom:0}

/* v5 visual unification — aligned with the 2026 Stratum homepage */
.sp-b2b-experience{background:radial-gradient(circle at 5% 0%,rgba(207,231,221,.4),transparent 31rem),radial-gradient(circle at 96% 14%,rgba(239,184,155,.16),transparent 29rem),#f4f0e8!important;color:#171a19!important}
.sp-b2b-experience .top{background:rgba(249,246,239,.89)!important;border-bottom:1px solid rgba(25,29,27,.09)!important;backdrop-filter:blur(18px) saturate(1.08)!important;box-shadow:0 10px 30px rgba(39,36,31,.05)!important}
.sp-b2b-experience .topin{max-width:1180px!important;min-height:64px!important}
.sp-b2b-experience .brand{font-size:13px!important;letter-spacing:-.015em!important}
.sp-b2b-experience .toplinks a{background:rgba(255,255,255,.58)!important;border-color:rgba(25,29,27,.09)!important;color:#5f6864!important;padding:8px 12px!important}
.sp-b2b-experience main{max-width:1180px!important;padding-top:64px!important}
.sp-b2b-experience main:before{height:520px;background:linear-gradient(rgba(25,29,27,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(25,29,27,.018) 1px,transparent 1px),radial-gradient(circle at 88% 0%,rgba(207,231,221,.45),transparent 30rem)!important;background-size:72px 72px,72px 72px,auto!important}
.sp-b2b-experience .hero{position:relative;isolation:isolate;min-height:510px;padding:48px!important;border:1px solid rgba(25,29,27,.09)!important;border-radius:34px!important;background:#f9f5ed!important;box-shadow:0 28px 80px rgba(43,39,32,.085)!important;overflow:hidden}
.sp-b2b-experience .hero:after{content:"";position:absolute;z-index:-1;left:-7%;right:-7%;bottom:-36%;height:55%;border-radius:48% 52% 0 0 / 45% 48% 0 0;background:radial-gradient(ellipse at 17% 88%,#e98057 0 15%,transparent 15.5%),radial-gradient(ellipse at 39% 102%,#d1bd28 0 25%,transparent 25.5%),radial-gradient(ellipse at 60% 103%,#c7d7b8 0 31%,transparent 31.5%),radial-gradient(ellipse at 82% 90%,#bbaacd 0 26%,transparent 26.5%);opacity:.52;filter:saturate(.78);pointer-events:none}
.sp-b2b-experience .hero h1{font-size:clamp(50px,7vw,84px)!important;line-height:.92!important;letter-spacing:-.065em!important;font-weight:650!important;max-width:900px!important;color:#171a19!important}
.sp-b2b-experience .hero .lead{font-size:15px!important;line-height:1.75!important;color:#626967!important;max-width:760px!important}
.sp-b2b-experience .hero-side{background:linear-gradient(155deg,#19201e,#27332f)!important;color:#f8f5ef!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:27px!important;padding:24px!important;box-shadow:0 26px 62px rgba(25,30,28,.16)!important}
.sp-b2b-experience .hero-side b,.sp-b2b-experience .hero-side p{color:#aab7b2!important}.sp-b2b-experience .hero-side strong{color:#fff!important;letter-spacing:-.045em!important;font-size:32px!important}
.sp-b2b-experience .trust span{background:rgba(255,255,255,.56)!important;border-color:rgba(25,29,27,.09)!important;color:#66706c!important;padding:7px 10px!important}
.sp-b2b-experience .panel,.sp-b2b-experience .card,.sp-b2b-experience article,.sp-b2b-experience .metric,.sp-b2b-experience .decision,.sp-b2b-experience .result,.sp-b2b-experience .results{border-color:rgba(25,29,27,.10)!important;border-radius:22px!important;box-shadow:0 18px 52px rgba(43,39,32,.065)!important}
.sp-b2b-experience .panel{background:rgba(255,253,249,.82)!important;border-radius:28px!important;padding:28px!important}
.sp-b2b-experience .field{background:#f7f3eb!important;border-color:rgba(25,29,27,.09)!important;border-radius:16px!important}
.sp-b2b-experience .field input,.sp-b2b-experience .field select,.sp-b2b-experience .field textarea,.sp-b2b-experience input,.sp-b2b-experience select,.sp-b2b-experience textarea{background:#fff!important;border-color:rgba(25,29,27,.12)!important;border-radius:13px!important}
.sp-b2b-experience .metric{background:#fff!important}.sp-b2b-experience .metric:before{background:#82a99a!important}.sp-b2b-experience .decision{border-left:0!important;background:linear-gradient(135deg,#eef5f1,#fff)!important}
.sp-b2b-experience .route a,.sp-b2b-experience .check,.sp-b2b-experience .returnbox{background:rgba(255,255,255,.72)!important;border-color:rgba(25,29,27,.10)!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(43,39,32,.045)!important}
.sp-b2b-experience .route a.primary{background:#1a1e1d!important;color:#fff!important;border-color:#1a1e1d!important}.sp-b2b-experience .route a.primary p,.sp-b2b-experience .route a.primary small,.sp-b2b-experience .route a.primary b{color:#fff!important}
.sp-b2b-experience .returnbox a{background:#1a1e1d!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important}
.sp-b2b-experience .cta,.sp-b2b-experience .button,.sp-b2b-experience .btn,.sp-b2b-experience button[type="submit"],.sp-b2b-experience [data-primary-cta]{background:#1a1e1d!important;border-color:#1a1e1d!important;border-radius:999px!important;padding-inline:18px!important}
.sp-b2b-experience h2{font-weight:640!important}.sp-b2b-experience h3{font-weight:680!important}

@media(max-width:900px){
  .sp-b2b-experience main{padding-left:16px!important;padding-right:16px!important}
  .sp-b2b-experience .grid,.sp-b2b-experience .path{grid-template-columns:1fr!important}
  .sp-b2b-experience .panel{padding:18px!important}
  .sp-b2b-experience .spx-route-stage{margin-top:38px!important}
  .sp-b2b-experience table{display:block;overflow-x:auto;white-space:normal;-webkit-overflow-scrolling:touch}
  .sp-b2b-experience .hero{padding:34px!important;min-height:0!important}
}
@media(max-width:620px){
  .sp-b2b-experience h1{font-size:clamp(40px,12vw,56px)!important}
  .sp-b2b-experience h2{font-size:clamp(28px,8vw,40px)!important}
  .sp-b2b-experience .cta,.sp-b2b-experience .button,.sp-b2b-experience .btn,.sp-b2b-experience [data-primary-cta]{width:100%!important;justify-content:center!important;text-align:center!important;min-height:48px!important}
  .sp-b2b-experience .spx-route-dock{left:10px!important;right:10px!important;bottom:10px!important}
  .sp-b2b-experience .hero{padding:26px 20px!important;border-radius:25px!important}
  .sp-b2b-experience .hero h1{font-size:clamp(40px,12.4vw,58px)!important}
}
@media(prefers-reduced-motion:reduce){
  .sp-b2b-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}