/* Stratum Revenue Intelligence UI v2 — shared B2B design system */
:root{--sx-bg:#f2efe9;--sx-paper:#fbfaf7;--sx-surface:#fff;--sx-ink:#111820;--sx-muted:#6c7780;--sx-line:#d7d2c8;--sx-blue:#3d718a;--sx-teal:#2f7f70;--sx-mint:#d7eee5;--sx-amber:#b37a2a;--sx-danger:#964e46;--sx-dark:#151d25;--sx-dark2:#1b2630;--sx-shadow:0 24px 70px rgba(28,39,47,.10);--sx-r-sm:12px;--sx-r-md:18px;--sx-r-lg:28px;--sx-ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sx-bg);color:var(--sx-ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sp-shell{width:min(1180px,calc(100% - 40px));margin:auto}.sp-site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:70px;padding:0 24px;border-bottom:1px solid rgba(17,24,32,.08);background:rgba(247,245,240,.9);backdrop-filter:blur(18px)}.sp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.sp-brand-mark{width:34px;height:34px;border:1px solid rgba(17,24,32,.14);border-radius:10px;display:grid;place-items:center;background:#fff;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sp-brand span{display:flex;flex-direction:column}.sp-brand strong{font-size:13px}.sp-brand small{font-size:8px;color:#78828a;letter-spacing:.1em;text-transform:uppercase}.sp-nav{justify-self:center;display:flex;gap:26px}.sp-nav a{text-decoration:none;color:#5f6972;font-size:12px}.sp-nav a:hover{color:var(--sx-ink)}.sp-header-cta{text-decoration:none;background:var(--sx-ink);color:#fff;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800}.sp-page-hero{position:relative;overflow:hidden;padding:82px 0 56px;border-bottom:1px solid rgba(17,24,32,.08);background:linear-gradient(145deg,#faf8f3,#efede7 56%,#e8efef)}.sp-page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(17,24,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,32,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.sp-page-hero:after{content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-280px;top:-380px;background:radial-gradient(circle,rgba(61,113,138,.15),rgba(47,127,112,.05) 38%,transparent 68%)}.sp-page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:64px;align-items:end}.sp-eyebrow{font:800 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-blue)}.sp-page-hero h1{margin:15px 0 18px;max-width:790px;font-size:clamp(52px,6.6vw,88px);line-height:.93;letter-spacing:-.062em;font-weight:720}.sp-page-hero h1 em{font-style:normal;color:var(--sx-blue)}.sp-lead{max-width:700px;margin:0;color:#59646d;font-size:clamp(17px,1.7vw,20px);line-height:1.6}.sp-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.sp-chip{padding:7px 10px;border:1px solid var(--sx-line);border-radius:999px;background:rgba(255,255,255,.65);color:#6d7780;font-size:10px}.sp-hero-console{border:1px solid rgba(17,24,32,.12);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:var(--sx-shadow);padding:20px}.sp-hero-console small{display:block;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#7d8790}.sp-hero-console strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.04em}.sp-hero-console p{margin:9px 0 0;color:#707a83;font-size:11px;line-height:1.6}.sp-mini-flow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;margin-top:18px;font:800 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7a858e}.sp-mini-flow i{height:1px;background:linear-gradient(90deg,#80939e,#83aa9d)}.sp-workspace{padding:42px 0 92px}.sp-workspace-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:18px;align-items:start}.sp-panel{border:1px solid var(--sx-line);border-radius:22px;background:var(--sx-surface);box-shadow:0 10px 30px rgba(17,24,32,.045);overflow:hidden}.sp-panel-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--sx-line);background:#faf9f6}.sp-panel-head small,.sp-section-label{font:800 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--sx-blue)}.sp-panel-head h2{margin:7px 0 0;font-size:24px;letter-spacing:-.03em}.sp-panel-head p{margin:4px 0 0;color:#78828b;font-size:10px}.sp-input-section{padding:22px 24px;border-bottom:1px solid var(--sx-line)}.sp-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.sp-section-head h3{margin:0;font-size:16px;letter-spacing:-.02em}.sp-section-head span{color:#89929a;font-size:9px}.sp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-field{padding:12px;border:1px solid var(--sx-line);border-radius:14px;background:#f9f8f5;transition:border-color .18s,background .18s,box-shadow .18s}.sp-field:focus-within{border-color:#9ebbc6;background:#fff;box-shadow:0 0 0 4px rgba(61,113,138,.08)}.sp-field label{display:block;font-size:11px;font-weight:800;color:#39434c}.sp-field small{display:block;margin-top:5px;color:#8a9298;font-size:8px;line-height:1.45}.sp-field input{width:100%;border:0;outline:0;background:transparent;margin-top:8px;padding:0;color:var(--sx-ink);font:800 21px/1.2 Inter,ui-sans-serif,system-ui}.sp-field input::-webkit-inner-spin-button{opacity:.5}.sp-action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 24px}.sp-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--sx-ink);background:var(--sx-ink);color:#fff;font:800 11px/1 Inter,ui-sans-serif,system-ui;text-decoration:none;cursor:pointer;transition:transform .18s var(--sx-ease),box-shadow .18s var(--sx-ease),background .18s}.sp-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(17,24,32,.14)}.sp-btn.secondary{background:#fff;color:var(--sx-ink);border-color:var(--sx-line);box-shadow:none}.sp-error{color:var(--sx-danger);font-size:10px}.sp-result{position:sticky;top:84px;background:var(--sx-dark);color:#edf4f6;border-color:var(--sx-dark);box-shadow:0 26px 64px rgba(17,24,32,.18)}.sp-result .sp-panel-head{background:var(--sx-dark2);border-color:rgba(255,255,255,.1)}.sp-result .sp-panel-head small{color:#91bac8}.sp-result .sp-panel-head h2{color:#fff}.sp-status{display:flex;align-items:center;gap:7px;color:#91b7a9;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.sp-status i{width:7px;height:7px;border-radius:50%;background:#78b9a1;box-shadow:0 0 0 5px rgba(120,185,161,.08)}.sp-result-body{padding:20px}.sp-primary-kpi{padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.sp-primary-kpi span{display:block;color:#9eb0b9;font:800 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.sp-primary-kpi b{display:block;margin-top:8px;font-size:clamp(42px,5vw,62px);line-height:.95;letter-spacing:-.06em;color:#fff}.sp-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sp-kpi{padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.035)}.sp-kpi span{display:block;color:#8fa1aa;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.sp-kpi b{display:block;margin-top:6px;color:#fff;font-size:16px}.sp-cost-box{margin-top:10px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px}.sp-cost-head{display:flex;justify-content:space-between;gap:16px;color:#91a3ac;font-size:9px}.sp-bar-row{display:grid;grid-template-columns:66px 1fr 38px;gap:8px;align-items:center;margin-top:10px;color:#8fa1aa;font-size:8px}.sp-bar{height:7px;border-radius:999px;background:#29343d;overflow:hidden}.sp-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#6896a9,#7eb09f);transition:width .4s var(--sx-ease)}.sp-compare{margin-top:10px;padding:15px;border-radius:14px;background:#f5f3ee;color:var(--sx-ink)}.sp-compare small{font:800 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#72818a;letter-spacing:.08em}.sp-compare strong{display:block;margin-top:7px;font-size:18px;letter-spacing:-.025em}.sp-compare p{margin:6px 0 0;color:#68747c;font-size:10px;line-height:1.55}.sp-signal{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:999px;border:1px solid var(--sx-line);font-size:8px}.sp-signal.good{color:var(--sx-teal)}.sp-signal.warn{color:var(--sx-amber)}.sp-next-action{margin-top:10px;padding:16px;border-radius:14px;background:#dceee7;color:#173d34}.sp-next-action h3{margin:0;font-size:17px}.sp-next-action p{margin:6px 0 12px;color:#46665d;font-size:10px;line-height:1.55}.sp-next-action a{display:inline-flex;padding:10px 12px;border-radius:10px;background:#173d34;color:#fff;text-decoration:none;font-size:9px;font-weight:850}.sp-formula{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:#84959e;font-size:8px;line-height:1.55}.sp-explain{padding:80px 0;background:#fbfaf7;border-top:1px solid var(--sx-line)}.sp-explain-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:68px}.sp-explain h2{margin:10px 0 0;font-size:clamp(38px,4.5vw,58px);line-height:1.02;letter-spacing:-.05em}.sp-explain-list{border-top:1px solid var(--sx-line)}.sp-explain-list div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--sx-line)}.sp-explain-list span{font:800 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7b8790}.sp-explain-list strong{display:block;font-size:15px}.sp-explain-list p{margin:4px 0 0;color:#78828a;font-size:10px;line-height:1.6}.sp-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px 0 84px;color:#7b858d;font-size:10px}.sp-footer a{color:inherit}
/* shared retrofit for existing B2B pages */
.sp-b2b-experience{background:var(--sx-bg)!important;color:var(--sx-ink)!important}.sp-b2b-experience header,.sp-b2b-experience .top,.sp-b2b-experience .topbar{background:rgba(247,245,240,.9)!important;border-color:rgba(17,24,32,.08)!important;color:var(--sx-ink)!important}.sp-b2b-experience main>section,.sp-b2b-experience article,.sp-b2b-experience .panel,.sp-b2b-experience .card{border-color:var(--sx-line)!important}.sp-b2b-experience h1,.sp-b2b-experience h2,.sp-b2b-experience h3{color:var(--sx-ink)}.sp-b2b-experience :is(.button,.btn,[data-primary-cta]){border-radius:12px!important}.sp-b2b-experience .spx-route-dock{background:rgba(20,29,37,.92)!important}.sp-b2b-experience .spx-route-stage-inner{background:#fbfaf7!important;border-color:var(--sx-line)!important;box-shadow:var(--sx-shadow)!important}.sp-b2b-experience .spx-route-stage h2{color:var(--sx-ink)!important}.sp-b2b-experience .spx-route-stage p{color:var(--sx-muted)!important}.sp-b2b-experience .spx-route-links a{background:#fff!important;border-color:var(--sx-line)!important;color:var(--sx-ink)!important}.sp-b2b-experience .spx-paid-card{background:var(--sx-dark)!important;color:#fff!important;border-color:var(--sx-dark)!important}
@media(max-width:900px){.sp-site-header{grid-template-columns:1fr auto;padding:0 16px}.sp-nav{display:none}.sp-page-hero-grid,.sp-workspace-grid,.sp-explain-grid{grid-template-columns:1fr}.sp-page-hero{padding-top:56px}.sp-result{position:static}.sp-field-grid{grid-template-columns:1fr 1fr}.sp-hero-console{max-width:620px}.sp-footer{padding-bottom:104px}}@media(max-width:620px){.sp-shell{width:min(100% - 28px,1180px)}.sp-header-cta{display:none}.sp-page-hero h1{font-size:48px}.sp-page-hero-grid{gap:30px}.sp-field-grid,.sp-kpi-grid{grid-template-columns:1fr}.sp-panel-head,.sp-input-section,.sp-action-row{padding-left:16px;padding-right:16px}.sp-field input{font-size:20px}.sp-explain-list div{grid-template-columns:66px 1fr}.sp-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sp-btn,.sp-field,.sp-bar i{transition:none!important}}