/* BorderlessSellers · Daylight UI 2026
   Single override layer. Accessible contrast; bright-blue actions; original animations retained. */
:root{--navy:#ffffff;--night:#e9f6ff;--mid:#c8e7ff;--white:#ffffff;--paper:#f6fbff;--sand:#eaf6ff;--line:#d5e5f5;--darktext:#102f52;--muted:#425d78;--orange:#0871e7;--gold:#ff985b;--mint:#55c8dc;--radius:22px;--bs-blue:#0871e7;--bs-blue-dark:#0751ab;--bs-ink:#102f52;--bs-muted:#425d78;--bs-border:#d5e5f5;--bs-cyan:#dff5ff;--bs-sky:#f4fbff;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
html{scroll-padding-top:78px}body{background:#f7fbff;color:var(--bs-ink)}::selection{background:#b5e7ff;color:#123658}
:focus-visible{outline:3px solid #086bd6!important;outline-offset:3px!important}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);color:#123757;border-bottom:1px solid #dcebf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 28px #164c7b0b;padding-inline:clamp(13px,4vw,68px);height:74px}
.brand{display:inline-flex;align-items:center;gap:6px!important;color:#173958!important;font-size:clamp(17px,1.6vw,23px);letter-spacing:-.055em!important;font-weight:860;flex:none;white-space:nowrap}
.brand img{height:34px!important;width:34px!important;object-fit:contain;margin-right:-1px!important}
.brand-word{display:inline-flex!important;align-items:baseline;gap:0!important;letter-spacing:-.047em!important;word-spacing:0!important;white-space:nowrap}
.brand-word em{margin-left:-.03em!important;color:#ed8847!important}
.header nav{gap:clamp(12px,2vw,29px)}
.header nav a{color:#274d71!important;font-size:13px;font-weight:720;transition:color .2s}
.header nav a:hover,.header nav a[aria-current="page"]{color:#0769d5!important}
.header .nav-cta{border:1px solid #0961ce!important;background:#0871e7!important;color:#fff!important;box-shadow:0 7px 18px #0c6ad52c;border-radius:100px;min-height:44px;padding:11px 18px;font-weight:800}
.header .nav-cta:hover{background:#0755b6!important;box-shadow:0 9px 22px #0965c344}
.menu-toggle{background:#eef7ff!important;border:1px solid #bdd9ed!important;color:#164a77!important;border-radius:12px}
.menu-toggle:hover{background:#d7edff!important}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#ffffff 1%,#e6f5ff 52%,#c5eaff 100%)!important;color:#10355b;min-height:0}
.hero:before{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(ellipse at 85% 38%,#78c9ff7f,transparent 42%),radial-gradient(ellipse at 4% 80%,#82e8ed39,transparent 45%);animation:bs-daylight-drift 15s ease-in-out infinite alternate;pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.38;background-image:linear-gradient(#75baf824 1px,transparent 1px),linear-gradient(90deg,#75baf824 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}
.hero-wrap{max-width:1480px;min-height:630px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:25px;padding:clamp(65px,8vw,112px) clamp(22px,5.5vw,84px) 85px}
.hero-text{position:relative;z-index:1}.hero .eyebrow{color:#0a65bb!important;font-weight:850;letter-spacing:.15em;font-size:11px}
.hero h1{color:#0b3159!important;font-size:clamp(49px,5.8vw,85px);font-weight:870;line-height:1.055;letter-spacing:-.066em;margin:25px 0 28px;text-wrap:balance}
.hero h1 em{color:#0974d9!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-style:normal}
.hero p{color:#3f5d78!important;line-height:1.78}
.hero .hero-text>p:not(.eyebrow):not(.hero-foot){color:#3a5773!important;font-size:clamp(15px,1.25vw,18px);max-width:640px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.button,.nav-cta{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.hero .button:not(.outline),.button:not(.outline){background:#0871e7!important;color:white!important;border-color:#0871e7!important;box-shadow:0 12px 28px #126fe339;border-radius:100px;font-weight:800}
.hero .button:not(.outline):hover,.button:not(.outline):hover{background:#0755b6!important;border-color:#0755b6!important;transform:translateY(-2px)}
.hero .button.outline,.button.outline{color:#0b5cb9!important;background:white!important;border:1px solid #81b6ec!important;box-shadow:0 9px 21px #2775ae11;border-radius:100px}
.hero .button.outline:hover{background:#e7f5ff!important}
.hero-foot{color:#49718a!important;font-size:12px!important}
.hero .bs-hero-proof{border-top:1px solid #bdd8e8;margin-top:27px;padding-top:20px}
.bs-hero-proof a{border-color:#d0e3ef!important}
.bs-hero-proof a span{color:#0b68bb!important}
.bs-hero-proof a strong{color:#163f67!important}
.bs-hero-proof a i{color:#0d76d4!important}
.world-scene{filter:none;animation:bs-visual-appear 1s ease both}
.globe-shell{filter:drop-shadow(0 22px 44px #177cb334)}
.globe-float{background:#ffffffed!important;border:1px solid #b6def1!important;backdrop-filter:blur(12px);box-shadow:0 12px 35px #1467a32d!important}
.globe-float strong{color:#0e3d67!important}.globe-float small{color:#4e718a!important}
.globe-float .icon{color:#0575d9!important}
.value-strip{background:#eaf7ff;color:#16456f;border-block:1px solid #d4e8f7}
.value-strip span{color:#234c70!important}
.value-strip .icon{color:#0579cf}
.section-title{color:#12385c!important;letter-spacing:-.048em!important;font-weight:850}
.section-title em{color:#0871e7!important}
.eyebrow,.kicker{color:#0d63b3!important}
.section-lead{color:#43627e!important}
.container{max-width:1320px}
.bs-why{background:linear-gradient(125deg,#f2faff,#dcefff 100%)!important;color:#133858!important}
.bs-why:before{background:radial-gradient(circle,#78c7ff52,transparent 68%)!important}
.bs-why h2,.bs-why h2 em{color:#133858!important}
.bs-why h2 em{color:#0871e7!important}
.bs-why-overline{color:#0b68c5!important}
.bs-pulse,.bs-network-led{background:#0c89db!important;box-shadow:0 0 0 6px #0c89db18,0 0 20px #0c89db45!important}
.bs-why-top-aside p{color:#3c617b!important}
.bs-why-top-aside a{color:#0867c5!important;border-color:#a0c5e8!important}
.bs-why-top-aside a:hover{color:#09447c!important}
.bs-why-stage{border:1px solid #c4dded!important;background:#fff!important;box-shadow:0 24px 60px #145c9620!important}
.bs-why-tabs{background:#eff7ff!important}
.bs-why-tab{color:#1c456c!important;border:1px solid transparent!important}
.bs-why-tab>span{color:#1b72bc!important}
.bs-why-tab small,.bs-why-tab b{color:#466984!important}
.bs-why-tab:hover{background:#deefff!important}
.bs-why-tab.is-active{background:#0871e7!important;color:#fff!important;box-shadow:0 9px 24px #1876d537!important}
.bs-why-tab.is-active>span,.bs-why-tab.is-active small,.bs-why-tab.is-active b{color:#f0f9ff!important}
.bs-why-message{background:white;color:#163956!important}
.bs-why-index{color:#0b68bb!important}
.bs-why-message h3{color:#133c66!important}
.bs-why-message>p{color:#3c5a77!important}
.bs-why-checks span{background:#eef8ff;border-color:#bee0f6;color:#1b527e!important}
.bs-why-checks span:before{color:#1379c2}
.bs-why-note{color:#41647c!important}
.bs-why-link{color:#076fce!important}
.bs-why-link:hover{color:#074985!important}
.bs-network{background:radial-gradient(ellipse at 50% 40%,#69bff0,#0b5ca4 80%)!important}
.bs-principles b{color:#0571c1!important}
.bs-principles strong{color:#153959!important}
.bs-principles span,.bs-why-caveat{color:#48687e!important}
.role-section{background:linear-gradient(150deg,#fff,#eaf7ff 80%,#f7fcff)!important}
.xp-kicker{color:#0966bc!important}
.xp-kicker:before,.xp-kicker:after{background:#88c5f2!important}
.xp-role-card{background:#fff!important;border:1px solid #d4e5f2!important;box-shadow:0 14px 35px #1965aa14!important}
.xp-role-card:hover,.xp-role-card[aria-pressed=true]{border-color:#62b5ed!important;box-shadow:0 20px 40px #267fbe20!important}
.xp-join-surface{border-color:#cfdfec!important}
.xp-join-surface .journey-left{background:#fff!important;color:#123c62!important}
.xp-join-surface .journey-right{background:linear-gradient(160deg,#d6f0ff,#eaf8ff)!important;color:#133b5f!important}
#xp-watch{min-height:45px;border-radius:100px;border:1px solid #9bc7e6;color:#075bb2;background:#fff;font-weight:800;cursor:pointer}
#xp-watch:hover{background:#dff1ff}
.story{background:#f7fcff!important;color:#123a63!important}
.story .section-title,.story .section-lead{color:#123a63!important}
.story-item{color:#214765!important;background:#fff!important;border-color:#cde4f5!important}
.story-item[aria-current=step]{background:#0e6dcf!important;border-color:#0e6dcf!important;color:white!important}
.story-view{background:linear-gradient(135deg,#ecf8ff,#cfeeff)!important;border:1px solid #c6e4f6}
.story-view:before,.story-view:after{border-color:#509bd33a!important}
.story-view .story-card,.story-card{background:#fff!important;border:1px solid #c9e2f2!important;box-shadow:0 16px 45px #1a65a524;color:#133b61!important}
.story-card h3{color:#12436e!important}.story-card p{color:#395d7a!important}
.story-card .status-chip{color:#0a5dae!important;background:#e0f2ff!important}
#story-play{min-height:44px!important;background:#fff!important;color:#075bb9!important;border:1px solid #b5d9ef!important;border-radius:100px!important;padding:10px 17px!important;font-weight:800!important}
#story-play:hover{background:#e1f3ff!important}
.story-controls small{color:#39637d!important}
.story-progress{background:#d7eaf5!important}.story-progress span{background:#0871e7!important}
.process{background:#fff!important}
.process-point b,.process-point .number{color:#0a6bcc!important}
.arc-verify{background:linear-gradient(135deg,#edf8ff,#ddf2ff)!important;color:#163d62!important}
.arc-verify .section-title,.arc-verify .section-lead{color:#153c5f!important}
.arc-verify-steps button{background:#fff!important;color:#133c61!important;border-color:#badff5!important}
.arc-verify-steps button:hover,.arc-verify-steps button[aria-pressed=true]{background:#def1ff!important;border-color:#1381d4!important}
.arc-capabilities{background:#fff!important}
.arc-service-grid article{background:#f8fcff!important;border-color:#cce4f5!important}
.arc-service-grid article:hover{border-color:#47a9e8!important;box-shadow:0 15px 35px #237bc222!important}
.promise{background:linear-gradient(135deg,#e8f7ff,#d6efff)!important;color:#163c62!important}
.promise .section-title,.promise .section-title em{color:#133d64!important}
.promise .section-title em{color:#086dd7!important}
.promise .section-lead{color:#3b5d79!important}
.promise-card{border:1px solid #c3dff0!important;background:#fff!important;box-shadow:0 12px 24px #1369aa12!important}
.promise-card h3{color:#16446b!important}
.promise-card p{color:#405f78!important}
.promise-card .icon{color:#0d75d5!important}
.engagement{background:#f4fbff!important}
.engagement-card{border-color:#d5e6f3!important;box-shadow:0 12px 29px #146bab0e}
.engagement-card .icon{color:#0871d5!important}
.faq{background:#fff!important}
.faq details{border-color:#d4e5f2!important;background:#f7fcff;border-radius:13px}
.faq details[open]{background:#edf8ff!important}
.site-footer{background:#eaf6ff!important;color:#123a5c!important;border-top:1px solid #cce4f5}
.site-footer .brand{color:#153b5a!important}
.site-footer p,.footer-end{color:#45657f!important}
.site-footer .footer-links a{color:#154c7d!important}
.site-footer .footer-links a:hover{color:#0871e7!important}
.journey-left,.journey-right{border-color:#d4e5f5}
.choice[aria-pressed=true],.choice.selected{background:#e7f4ff!important;border-color:#0780d9!important;color:#0f4a7a!important}
#submit,.journey-form button[type=submit]{border-radius:100px!important;background:#0871e7!important;color:white!important}
#submit:hover,.journey-form button[type=submit]:hover{background:#0855af!important}
.about-hero{background:linear-gradient(125deg,#fff,#e1f4ff 72%,#c6e9ff)!important;color:#123b61!important}
.about-hero h1{color:#123e66!important}
.about-hero h1 em{color:#0871d9!important}
.about-hero .eyebrow{color:#0c66b7!important}
.about-hero p,.about-hero .section-lead{color:#365975!important}
.about-hero .button{border-radius:100px!important;background:#0871e7!important;color:#fff!important}
.about-copy{background:#fff!important;color:#153c5f}
.about-copy p{color:#415e76}
.how-hero{background:linear-gradient(125deg,#fff,#e4f4ff 76%,#c5e8ff)!important;color:#123b61!important}
.how-hero .section-title,.how-hero h1{color:#123b61!important}
.how-hero .section-title em{color:#0871dc!important}
.how-hero .section-lead{color:#3c5e7c!important}
.how-hero .eyebrow{color:#0a67bb!important}
.how-stage{background:linear-gradient(140deg,#f5fbff,#e1f3ff)!important}
.how-roles button{background:#fff!important;color:#1c4c78!important;border-color:#a8cfe9!important}
.how-roles button.active{background:#0871e7!important;color:white!important;border-color:#0871e7!important}
.how-layout{color:#18436b}
.bs-detail{background:#fff;padding:90px 0;color:#12395b}
.bs-detail.alt{background:linear-gradient(135deg,#eef9ff,#dbf0ff)}
.bs-detail .bs-details-wrap{max-width:1160px;margin:auto;padding:0 clamp(20px,5vw,62px)}
.bs-detail .bs-kicker{text-transform:uppercase;font-weight:850;letter-spacing:.17em;font-size:12px;color:#095cb0;margin:0 0 17px}
.bs-detail h2{font-size:clamp(30px,4.4vw,52px);line-height:1.13;letter-spacing:-.048em;color:#113a60;margin:0 0 20px;max-width:890px}
.bs-detail>div>p,.bs-detail .bs-intro{font-size:16px;line-height:1.85;color:#365e7c;max-width:920px}
.bs-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.bs-detail-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bs-detail-card{border:1px solid #cee3f3;background:#fff;border-radius:19px;padding:27px;box-shadow:0 14px 33px #0d619711}
.bs-detail-card span.bs-n{color:#0871d0;font-size:13px;font-weight:850;letter-spacing:.08em}
.bs-detail-card h3{color:#113d65;font-size:21px;line-height:1.23;margin:13px 0}
.bs-detail-card p{color:#42617a;font-size:14px;line-height:1.75;margin:0}
.bs-detail .bs-detail-note{border-left:4px solid #0871e7;background:#e8f6ff;border-radius:0 12px 12px 0;padding:18px 22px;margin-top:28px;color:#244b70;font-size:14px;line-height:1.75}
.bs-detail-action{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;background:#0871e7;color:white!important;font-size:14px;font-weight:800;min-height:49px;padding:12px 22px;margin-top:25px}
.bs-detail-action:hover{background:#0756b4;color:white}
@keyframes bs-daylight-drift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}
@keyframes bs-visual-appear{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-wrap{grid-template-columns:1fr;min-height:0}.hero h1{font-size:clamp(47px,7.5vw,72px)}.world-scene{max-width:580px;margin-inline:auto}.bs-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:13px 21px;background:#fff!important;border-top:1px solid #dce6f1;box-shadow:0 18px 35px #12497723;z-index:1002;flex-direction:column;align-items:stretch;gap:0}.header nav.is-open{display:flex}.header nav a{padding:12px 8px;border-bottom:1px solid #e0eef5}.menu-toggle{display:flex!important;color:#14558d!important}.hero-wrap{padding-top:66px}}
@media(max-width:540px){.header{height:68px;padding-inline:11px;gap:6px}.brand{gap:4px!important;font-size:17px}.brand img{width:29px!important;height:29px!important}.brand-word{letter-spacing:-.056em!important}.header .nav-cta{font-size:0!important;min-width:64px;min-height:40px;padding:10px 9px;border-radius:100px}.header .nav-cta:before{content:"Start";font-size:12px}.header .nav-cta .icon{width:15px;height:15px}.menu-toggle{min-width:39px;padding:9px;border-radius:10px}.hero-wrap{padding:59px 20px 48px;gap:20px}.hero h1{font-size:clamp(43px,10.5vw,62px)}.hero-actions .button{width:100%;justify-content:center}.world-scene{height:310px}.container{padding:65px 21px}.bs-detail{padding:62px 0}.bs-detail-grid,.bs-detail-grid.cols2{grid-template-columns:1fr}.bs-detail-card{padding:23px}.bs-detail-action{width:100%}.bs-why-stage{border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before,.world-scene{animation:none!important}.button,.bs-detail-action{transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Motion controls: legible, explicit state, no surprise autoplay */
.story-motion-status{display:inline-flex;align-items:center;gap:6px;color:#395a75!important;font-size:12px;font-weight:700;line-height:1.5;min-width:150px}
#story-play[aria-pressed="true"]{background:#0a6ed3!important;border-color:#0a6ed3!important;color:white!important}
#story-play .icon{width:18px;height:18px}
.story-controls{gap:13px;flex-wrap:wrap}
#xp-watch[aria-pressed="true"]{background:#0a70cf!important;color:white!important;border-color:#0a70cf!important}
@media(max-width:540px){.story-motion-status{width:100%;margin-top:4px;font-size:11px}.story-controls{gap:8px}}

/* Keep illustration SVG visible on a vivid, genuinely blue showcase panel. */
.xp-join-surface .journey-right{background:linear-gradient(148deg,#076dc4 0%,#0864b4 54%,#07549d 100%)!important;color:#fff!important}
.xp-join-surface .journey-right h3,.xp-join-surface #xp-scene-title{color:#fff!important}
.xp-join-surface .journey-right p,.xp-join-surface #xp-scene-copy{color:#f0faff!important}
.xp-join-surface .journey-right li span{color:#e4f7ff!important}
.xp-join-surface .journey-right li strong{color:#fff!important}
.xp-join-surface .xp-scene-category,.xp-join-surface .xp-scene-category small,.xp-join-surface .xp-level-up{color:#e7f9ff!important}
.xp-join-surface .xp-scene-copy,.xp-join-surface .xp-scene-title{color:#fff!important}
.xp-join-surface .xp-stage-view:before,.xp-join-surface .xp-stage-view:after{border-color:#ffffff60!important}
.xp-role-card:nth-child(1) .xp-role-scene{background:linear-gradient(140deg,#60c4f2,#0e74c8)!important}
.xp-role-card:nth-child(2) .xp-role-scene{background:linear-gradient(140deg,#43b7ec,#1161a8)!important}
.xp-role-card:nth-child(3) .xp-role-scene{background:linear-gradient(140deg,#5adce9,#0a83bb)!important}