/* SOCIALLLAB OFFICIAL-WEBSITE BRAND ALIGNMENT — OPTION B ONLY
   Source: https://socialllab.com/ live CSS design tokens and logo
   Palette: #E64626, #C9341B, #FFE9E3, #0E1116, #F7F5F0, #EFEDE6
   Typography: Space Grotesk (display), Inter (body), JetBrains Mono (micro) */
body.orb-variant-b{
 --brand:#E64626;--brand-dark:#C9341B;--brand-soft:#FFE9E3;
 --bg:#0E1116;--panel:#171B24;--ink:#F7F5F0;--text:#11141A;
 --paper:#F7F5F0;--paper-2:#EFEDE6;--muted:#9AA3B2;--line:#E2DFD6;
 --violet:#E64626;--cyan:#F7F5F0;--orange:#E64626;
 --space:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;
 background:var(--bg);color:var(--paper);font-family:var(--body);
}
.orb-variant-b .topbar{background:rgba(14,17,22,.95);border-color:#E2DFD625}
.orb-variant-b .desktop-nav a:hover,.orb-variant-b .footer-nav a:hover{color:var(--brand)}
.orb-variant-b .brand.socialllab-brand-lockup{width:202px;height:53px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:3px;padding:6px 11px;gap:0;overflow:hidden;flex:none}
.orb-variant-b .brand.socialllab-brand-lockup img{display:block;width:180px;max-height:42px;height:auto;object-fit:contain;object-position:center}
.orb-variant-b .footer-brand.socialllab-brand-lockup{height:60px;width:230px;padding:7px 13px}
.orb-variant-b .footer-brand.socialllab-brand-lockup img{width:205px;max-height:46px}
.orb-variant-b .nav-cta{border-color:#E6462688;color:var(--paper)}
.orb-variant-b .nav-cta:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.orb-variant-b .motion-toggle{background:#211c1b;border-color:#E6462677;color:var(--brand-soft);font-family:var(--mono)}
.orb-variant-b .motion-led,.orb-variant-b .staging-dot{background:var(--brand);box-shadow:0 0 12px #E64626}
.orb-variant-b .staging-bar{background:#171B24;color:var(--brand-soft)}
.orb-variant-b .staging-bar .staging-dot{background:var(--brand)}
.orb-variant-b .compare-swap{background:#0E1116f2;border-color:#E646266d;color:var(--paper)}
.orb-variant-b .compare-swap .compare-other{background:var(--brand);color:#fff}
.orb-variant-b .compare-swap .compare-other:hover{background:var(--brand-dark)}
.orb-variant-b .scroll-meter span{background:linear-gradient(90deg,var(--brand-dark),var(--brand),#F27C5B);box-shadow:0 0 14px #E6462696}
.orb-variant-b .cursor-aura{background:radial-gradient(circle,#E6462620 0%,#E6462609 34%,transparent 67%)}
.orb-variant-b .eyebrow,.orb-variant-b .section-top,.orb-variant-b .odyssey-kicker,.orb-variant-b .odyssey-chapter,.orb-variant-b .odyssey-micro,.orb-variant-b .odyssey-head,.orb-variant-b .odyssey-head-right,.orb-variant-b .odyssey-section-label,
.orb-variant-b .cinema-eyebrow,.orb-variant-b .cinema-overline,.orb-variant-b .cinema-mode-heading,.orb-variant-b .cinema-footer,.orb-variant-b .card-head,
.orb-variant-b .chat-date,.orb-variant-b .demo-aside,.orb-variant-b .footer-bottom,.orb-variant-b .method-n,.orb-variant-b .demo-sidebar-label{font-family:var(--mono)}
.orb-variant-b .eyebrow{color:#FBC5B9}
.orb-variant-b .pulse-mini,.orb-variant-b .odyssey-status,.orb-variant-b .odyssey-led,.orb-variant-b .cinema-online i{background:var(--brand);box-shadow:0 0 14px #E64626}
.orb-variant-b .cinematic-hero{background:#0E1116}
.orb-variant-b .cinematic-hero:before{background:radial-gradient(ellipse 61% 65% at 75% 41%,#E6462623 0%,#E6462609 31%,transparent 74%),radial-gradient(ellipse 36% 43% at 90% 74%,#C9341B21,transparent 86%),#0E1116}
.orb-variant-b .cinema-grid{background-image:linear-gradient(90deg,#E6462614 1px,transparent 1px),linear-gradient(#E6462614 1px,transparent 1px)}
.orb-variant-b .cinema-content h1{color:#F7F5F0;text-shadow:0 6px 35px #000a}
.orb-variant-b .cinema-content h1 em{-webkit-text-stroke:1px #FFE9E3}
.orb-variant-b .cinema-dot{color:var(--brand)}
.orb-variant-b .cinema-eyebrow span{color:var(--brand)}
.orb-variant-b .cinema-overline{color:#A5ADB9}
.orb-variant-b .cinema-content p{color:#C5CBD2}
.orb-variant-b .cinema-cta-primary,.orb-variant-b .button.primary,.orb-variant-b .odyssey-cta{background:var(--brand);color:white}
.orb-variant-b .cinema-cta-primary:hover,.orb-variant-b .button.primary:hover,.orb-variant-b .odyssey-cta:hover{background:var(--brand-dark)}
.orb-variant-b .cinema-cta-text{border-color:#E64626;color:var(--brand-soft)}
.orb-variant-b .cinema-glow{background:radial-gradient(circle,#E646262e 0,#E6462618 35%,transparent 72%)}
.orb-variant-b .cinema-visual{background:radial-gradient(circle at 50% 50%,#E6462612,transparent 62%)}
.orb-variant-b .cinema-flare{color:#FFBDA9;text-shadow:0 0 10px #E646263b}
.orb-variant-b .cinema-mode-panel{background:#171B24d9;border-color:#E6462670;box-shadow:0 16px 48px #0708097a}
.orb-variant-b .cinema-mode{background:#ffffff08;border-color:#F7F5F026;color:#C8CED4}
.orb-variant-b .cinema-mode:hover{background:#E646262b}
.orb-variant-b .cinema-mode span{color:#A5AAB1}
.orb-variant-b .cinema-mode.is-selected{border-color:var(--brand);background:#E6462629;color:#FFF2ED}
.orb-variant-b .cinema-mode.is-selected span{color:#FFB29D}
.orb-variant-b .cinema-mode-description{color:#C3C4CB}
.orb-variant-b .odyssey{background:var(--bg)}
.orb-variant-b .odyssey-intro h2 span,.orb-variant-b .odyssey-arrow,.orb-variant-b .odyssey-outro p strong{color:var(--brand)}
.orb-variant-b .odyssey-head{color:#B8A9A5}
.orb-variant-b .odyssey-sticky{background:radial-gradient(ellipse at 64% 42%,#402017 0%,#111217 38%,#0E1116 82%)}
.orb-variant-b .odyssey-sticky:after{background:radial-gradient(ellipse 26% 30% at var(--pointer-x,50%) var(--pointer-y,50%),#E646261e,transparent 80%)}
.orb-variant-b .odyssey-sticky:before{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 89px,#E6462608 90px),repeating-linear-gradient(90deg,transparent 0,transparent 89px,#E6462608 90px)}
.orb-variant-b .odyssey-chapter,.orb-variant-b .odyssey-scene h3 span{color:#FA7658}
.orb-variant-b .odyssey-scene p{color:#C5CCD2}
.orb-variant-b .odyssey-signal{color:var(--brand)}
.orb-variant-b .odyssey-section-label strong{color:#F7F5F0}
.orb-variant-b .odyssey-progress span{background:var(--brand)}
.orb-variant-b .odyssey-step.is-active,.orb-variant-b .odyssey-step:hover{color:#FFF4EE}
.orb-variant-b .odyssey-step.is-active span{color:var(--brand)}
.orb-variant-b .b-journey-side{color:#FF9178}
.orb-variant-b .b-journey-side strong{color:#E6462673}
.orb-variant-b .odyssey-outro{border-color:#E6462650}
.orb-variant-b .odyssey-outro a{border-color:var(--brand)}
.orb-variant-b .ticker{background:var(--brand-dark);border:0}
.orb-variant-b .ticker-inner span{color:#fff}
.orb-variant-b .ticker-inner b{color:#FFE9E3}
.orb-variant-b .statement{background:var(--bg)}
.orb-variant-b .statement h2 span,.orb-variant-b .method h2 span{color:var(--brand)}
.orb-variant-b .statement-aside p{color:#B6BEC8}
.orb-variant-b .underlined-link:hover{color:var(--brand)}
.orb-variant-b .plus-mark{color:var(--brand)}
.orb-variant-b .solutions-wrap{background:var(--paper);color:var(--text)}
.orb-variant-b .solutions-wrap .section-top{border-color:#0E111645;color:#444D5B}
.orb-variant-b .section-heading h2 em{color:var(--brand)}
.orb-variant-b .solution-violet{background:#171B24;color:#fff}
.orb-variant-b .solution-blue{background:#EFEDE6;color:#11141A}
.orb-variant-b .solution-peach{background:#FFE9E3;color:#11141A}
.orb-variant-b .solution-green{background:#282624;color:#F7F5F0}
.orb-variant-b .ai-rings{border-color:#F18A70a6;box-shadow:0 0 40px #E6462659}
.orb-variant-b .ai-rings:before,.orb-variant-b .ai-rings:after{border-color:#FF9F8C99}
.orb-variant-b .ai-rings i:nth-child(3){background:#F7F5F0;box-shadow:0 0 45px #E64626}
.orb-variant-b .hospitality-copy{background:#171B24}
.orb-variant-b .hospitality h2 span{color:#F27C5B}
.orb-variant-b .hospitality-visual{background:radial-gradient(ellipse at 49% 35%,#d79986,#8d4333 27%,#40271f 65%,#171B24 100%)}
.orb-variant-b .vow-orb{background:radial-gradient(circle at 40% 37%,#FFE9E3,#E99E82 23%,#C9341B 50%,#522824 71%,#171B24);box-shadow:0 0 80px #E646265a,0 0 160px #E6462627,inset -25px -45px 65px #11141A}
.orb-variant-b .demo-section{background:#171B24;color:var(--paper)}
.orb-variant-b .demo-heading h2 em{color:#F27C5B}
.orb-variant-b .chat-shell{background:#0E1116;border-color:#E646263f}
.orb-variant-b .chat-nav-item.selected{background:#E6462624;color:#FFF3EE}
.orb-variant-b .chat-icon,.orb-variant-b .ai-caption,.orb-variant-b .assistant-msg strong{color:#F27C5B}
.orb-variant-b .assistant-msg{background:#27201e}
.orb-variant-b .user-msg{background:#2B2728}
.orb-variant-b .avatar{background:var(--brand)}
.orb-variant-b .lang.active,.orb-variant-b .chat-send{background:var(--brand);color:#fff}
.orb-variant-b .voice-button{border-color:#E646266a;background:#442a23;color:var(--brand-soft)}
.orb-variant-b .soundbars{color:#FFA38B}
.orb-variant-b .method-n,.orb-variant-b .method-arrow{color:var(--brand)}
.orb-variant-b .contact-wrap{background:var(--brand);color:#fff}
.orb-variant-b .contact-top{border-color:#ffffff80}
.orb-variant-b .contact-block h2 span{-webkit-text-stroke:2px #fff;color:transparent}
.orb-variant-b .contact-orb{background:var(--ink-soft,#171B24);color:var(--paper)}
.orb-variant-b .contact-orb:hover{background:#0E1116}
.orb-variant-b .footer{color:var(--paper)}
.orb-variant-b .footer-bottom{border-color:#ffffff33}
.orb-variant-b .nav-cta:focus-visible,.orb-variant-b .cinema-mode:focus-visible,.orb-variant-b .button:focus-visible,.orb-variant-b .odyssey-step:focus-visible{outline-color:#FFE9E3}
@media(max-width:960px){.orb-variant-b .brand.socialllab-brand-lockup{width:177px;height:48px}.orb-variant-b .brand.socialllab-brand-lockup img{width:158px}}
@media(max-width:640px){.orb-variant-b .brand.socialllab-brand-lockup{width:153px;height:43px;padding:7px}.orb-variant-b .brand.socialllab-brand-lockup img{width:141px}.orb-variant-b .contact-wrap{color:#fff}.orb-variant-b .footer-brand.socialllab-brand-lockup{width:190px;height:53px}.orb-variant-b .footer-brand.socialllab-brand-lockup img{width:173px}}

/* Accessible small-text contrast on brand-orange surfaces. */
.orb-variant-b .cinema-cta-primary,.orb-variant-b .button.primary,.orb-variant-b .odyssey-cta,.orb-variant-b .lang.active,.orb-variant-b .chat-send,.orb-variant-b .compare-swap .compare-other{color:#0E1116}
.orb-variant-b .cinema-cta-primary:hover,.orb-variant-b .button.primary:hover,.orb-variant-b .odyssey-cta:hover,.orb-variant-b .compare-swap .compare-other:hover{color:#fff}
.orb-variant-b .contact-wrap{color:#0E1116}
.orb-variant-b .contact-block h2 span{-webkit-text-stroke:2px #0E1116}
.orb-variant-b .contact-top{border-color:#0E111680}
@media(max-width:640px){.orb-variant-b .contact-wrap{color:#0E1116}}