/* B400 · cultureai.com home, the bold pass: desktop (1101px+) from the approved 1440 design, phone (600px and under)
   from the approved 390 design, lifted over the October shell's html.sh-on rules. Labels: .b-kd desktop order, .b-km phone order. */
.b-n{font-style:normal}.b-nm{display:none}
#products .sx-t-app .okx-me small,#products .sx-t-app .okx-search>span{color:#59637c}
@media (max-width:600px){.b-nd{display:none}.b-nm{display:inline}#products .b-tools,#products .b-api{display:none}}
@media (min-width:1101px){
  html.px-page body .sx-hero h1{font-size:104px!important;letter-spacing:-5px!important;line-height:.94!important;max-width:none!important}
  html.px-page body #bottlenecks h2,html.px-page body #products h2,html.px-page body #writing h2,html.px-page body #founders h2{font-size:80px!important;letter-spacing:-3.6px!important;line-height:.98!important;max-width:none!important}
  html.px-page body #hvhh h2{font-size:72px!important;letter-spacing:-3px!important;line-height:1!important;max-width:none!important}
  html.px-page body .sx-close h2{font-size:112px!important;letter-spacing:-5px!important;line-height:.94!important;max-width:1100px!important;margin:0 auto 40px!important}
  html.px-page body #system .sx-h-sm{white-space:pre-wrap}
  html.px-page body #products .b-api{margin:28px 0 30px;font-size:13.5px}
  html.px-page body main .sx-sec>.sx-in{max-width:1240px!important}
  html.px-page body main .sx-sec{padding-top:150px!important;padding-bottom:150px!important}
  html.px-page body main .sx-head p,html.px-page body main .sx-sec .sx-head+p{font-size:21px!important;line-height:1.55!important;max-width:720px!important}
  html.px-page body .sx-hero{background:radial-gradient(70% 80% at 80% 10%,rgba(21,89,245,.55) 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#0f2a6b 0%,#0a1633 100%)!important;padding-top:150px!important;padding-bottom:150px!important;overflow:hidden}
  html.px-page body .sx-hero .sx-wave i{background:radial-gradient(38% 46% at 78% 30%,#5b8cfa 0,rgba(91,140,250,0) 70%),radial-gradient(40% 50% at 25% 35%,#1559f5 0,rgba(21,89,245,0) 70%),linear-gradient(170deg,#1148d4 0%,#0f2a6b 55%,#0a1633 100%)!important}
  html.px-page body .sx-hero .sx-in{max-width:1320px!important;grid-template-columns:560px 1fr!important;gap:40px!important;align-items:center}
  html.px-page body .sx-hero h1{color:#fff!important}
  html.px-page body .sx-hero .sx-dek{color:#c9d5f2!important;font-size:21px!important;line-height:1.55!important;max-width:540px!important}
  html.px-page body .sx-hero .sx-btn{font-size:17px!important;padding:16px 26px!important}
  html.px-page body .sx-hero .sx-btn:not(.ghost){background:#fff!important;color:var(--b-ink)!important}
  html.px-page body .sx-hero .sx-btn.ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
  html.px-page body .sx-hero .hx4-where{color:#9fb3dd!important;font-size:14px!important}
  html.px-page body .sx-hero .hx5{transform:scale(1.14);transform-origin:0 50%;max-width:600px!important}
  html.px-page body .sx-hero .hx5-thread{background:#fff!important}
  html.px-page body .sx-hero .hx5-thread,html.px-page body .sx-hero .hx5-card{box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14)!important}
  html.px-page body .sx-hero .hx5-replay{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
  html.px-page body .sx-logos{background:#0a1633!important;padding:34px 0 46px!important;border-top:1px solid rgba(255,255,255,.08)}
  html.px-page body .sx-logos img{filter:brightness(0) invert(1);opacity:.78}
  html.px-page body #system .sx-h-sm{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--b-blue)!important}
  html.px-page body #system .sx-nums{grid-template-columns:1.35fr 1fr 1fr 1fr!important}
  html.px-page body #system .sx-nums dd{font-size:96px!important;letter-spacing:-4.5px!important;line-height:.95!important;font-weight:600!important}
  html.px-page body #system .sx-nums dt{font-size:16px!important;line-height:1.45!important;max-width:240px}
  html.px-page body #system .sx-nums>div{padding-top:30px!important}
  html.px-page body #system{padding-bottom:110px!important}
  html.px-page body #bottlenecks{background:var(--b-mist)!important}
  html.px-page body #bottlenecks .bn-g{grid-template-columns:1fr 1.05fr!important;gap:72px!important;align-items:center}
  html.px-page body #bottlenecks .bn-copy>p:first-of-type{font-size:20px!important;line-height:1.55!important}
  html.px-page body #bottlenecks .bn-steps b{font-size:20px!important}
  html.px-page body #bottlenecks .bn-steps span{font-size:16px!important}
  html.px-page body #bottlenecks .bn-list{transform:scale(1.12);transform-origin:50% 50%;box-shadow:0 40px 100px rgba(10,22,51,.16),0 0 0 1px var(--b-line)!important;border-radius:22px!important}
  html.px-page body #products .sx-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  html.px-page body #products .sx-t-app{grid-column:1 / -1!important;grid-row:auto!important;border-radius:28px!important;background:radial-gradient(60% 80% at 85% 0%,rgba(91,140,250,.45),rgba(91,140,250,0) 60%),linear-gradient(180deg,#1559f5 0%,#0a1633 100%)!important;padding:56px 64px 0!important;overflow:hidden;display:grid!important;grid-template-columns:1fr auto;row-gap:44px;align-items:start}
  html.px-page body #products .sx-t-app .sx-tt{grid-column:1;grid-row:1;max-width:560px}
  html.px-page body #products .sx-t-app .sx-tt h3,html.px-page body #products .sx-t-app .sx-more{color:#fff!important}
  html.px-page body #products .sx-t-app h3{font-size:40px!important;letter-spacing:-1.4px!important}
  html.px-page body #products .sx-t-app .sx-tt p{color:#c9d5f2!important;font-size:18px!important;line-height:1.55!important}
  html.px-page body #products .sx-t-app .sx-more{grid-column:2!important;grid-row:1!important;align-self:start!important;margin:8px 0 0!important}
  html.px-page body #products .sx-t-app .sx-app-frame{grid-column:1 / -1!important;grid-row:2!important;width:auto!important;max-width:none!important;margin:0 -64px 0 0!important;border-radius:18px 0 0 0!important;box-shadow:0 40px 100px rgba(0,0,0,.4)!important}
  html.px-page body #products .sx-t-nav,html.px-page body #products .sx-t-okr{grid-column:auto!important;border-radius:28px!important;padding:48px!important;min-height:440px}
  html.px-page body #products .sx-t-nav h3,html.px-page body #products .sx-t-okr h3{font-size:32px!important;letter-spacing:-1px!important}
  html.px-page body #products .sx-t-nav .sx-navi{margin:44px 0!important}
  html.px-page body #products .sx-t-nav .sx-navi p{font-size:17px!important;line-height:1.5!important}
  html.px-page body #products .sx-t-okr{background:#0a1633!important}
  html.px-page body #products .sx-t-okr h3,html.px-page body #products .sx-t-okr .sx-more{color:#fff!important}
  html.px-page body #products .sx-t-okr .sx-tt p{color:#b9c4dd!important}
  html.px-page body #products .sx-t-okr .hx2-code{display:none!important}
  html.px-page body #hvhh{padding:0!important;background:linear-gradient(180deg,#271d7a 0%,#130e44 100%)!important}
  html.px-page body #hvhh>.sx-in{max-width:none!important;padding:0!important}
  html.px-page body #hvhh .hvx-band{border-radius:0!important;max-width:none!important;padding:150px max(80px,calc(50% - 620px))!important;grid-template-columns:1fr 1.15fr!important;gap:64px!important;background:transparent!important;box-shadow:none!important}
  html.px-page body #hvhh .hvx-stage{transform:scale(1.1);transform-origin:30% 50%}
  html.px-page body #hvhh .hvx-p{font-size:20px!important;line-height:1.55!important}
  html.px-page body #hvhh .hvx-list b{font-size:18px!important}
  html.px-page body #hvhh .hvx-list span{font-size:15px!important}
  html.px-page body #writing .hw-feats{gap:24px!important}
  html.px-page body #writing .hw-feat{border-radius:28px!important}
  html.px-page body #writing .hb-cards{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
  html.px-page body #writing .hb-card{width:auto!important;display:grid!important;grid-template-columns:132px 1fr;column-gap:22px;align-items:start;align-content:start;position:relative;background:#fff;border:1px solid var(--b-line);border-radius:22px;padding:18px}
  html.px-page body #writing .hb-card .hb-cart{grid-row:1 / span 3;width:132px!important;height:132px!important;margin:0!important}
  html.px-page body #writing .hb-card .hb-cplay{position:absolute!important;left:112px!important;top:112px!important;right:auto!important;bottom:auto!important}
  html.px-page body #writing .hb-ct,html.px-page body #writing .hb-ct a{-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}
  html.px-page body #writing .hb-ck{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font:500 12px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.08em!important}
  html.px-page body #writing .hb-ck{margin:6px 0 8px!important}
  html.px-page body #writing .hb-ct{font-size:20px!important;line-height:1.2!important;letter-spacing:-.4px!important;margin:0 0 8px!important}
  html.px-page body #writing .hb-cart{border-radius:18px!important}
  html.px-page body #founders .sx-people-g{grid-template-columns:1fr 1.25fr!important;gap:72px!important;align-items:center}
  html.px-page body #founders .sx-people-g>div:first-child>p:not(.sx-dev-l){font-size:21px!important;line-height:1.55!important}
  html.px-page body #founders .sx-duo{gap:24px!important}
  html.px-page body #founders .sx-photo img{border-radius:22px!important;aspect-ratio:4/5;object-fit:cover;width:100%}
  html.px-page body #founders .sx-photo figcaption b{font-size:18px!important}
  html.px-page body #founders .sx-photo figcaption span{font-size:14px!important;line-height:1.45!important}
  html.px-page body #founders{padding-bottom:130px!important}
  html.px-page body .sx-close{background:linear-gradient(90deg,rgba(17,72,212,.95) 0%,rgba(21,89,245,.82) 55%,rgba(21,89,245,.55) 100%),url(/img/founders/hhcfuturedallasspeakers-214-1600-2ce2305b.webp) 50% 30%/cover,#0a1633!important;padding-top:170px!important;padding-bottom:170px!important}
  html.px-page body .sx-close .sx-wave{display:none!important}
  html.px-page body .sx-close h2{color:#fff!important}
  html.px-page body .sx-close .sx-btn:not(.ghost){background:#fff!important;color:var(--b-ink)!important}
  html.px-page body .sx-close .sx-btn.ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
}

@media (max-width:600px){
  html.sh-on.sh-on.sh-on body .sx-hero h1{font-size:54px!important;letter-spacing:-2.4px!important;line-height:.95!important;max-width:none!important}
  html.sh-on.sh-on.sh-on body #writing h2,html.sh-on.sh-on.sh-on body #system .sx-h-sm,html.sh-on.sh-on.sh-on body #bottlenecks h2,html.sh-on.sh-on.sh-on body #products h2,html.sh-on.sh-on.sh-on body #founders h2,html.sh-on.sh-on.sh-on body #hvhh h2{font-size:40px!important;letter-spacing:-1.6px!important;line-height:1!important;max-width:none!important}
  html.sh-on.sh-on.sh-on body .sx-close h2{font-size:48px!important;letter-spacing:-2px!important;line-height:.98!important;max-width:none!important}
  html.sh-on.sh-on.sh-on body .b-k.b-km{display:block;font:500 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--b-blue);margin:0 0 16px;white-space:pre}
  html.sh-on.sh-on.sh-on body .b-k.b-km b{color:var(--b-ink);font-weight:500}
  html.sh-on.sh-on.sh-on body .b-dark-m .b-k.b-km{color:var(--b-sky)}
  html.sh-on.sh-on.sh-on body .b-dark-m .b-k.b-km b{color:#fff}
  html.sh-on.sh-on.sh-on body .sx-hero{background:radial-gradient(120% 50% at 85% 0%,rgba(21,89,245,.6) 0%,rgba(21,89,245,0) 62%),linear-gradient(180deg,#0f2a6b 0%,#0a1633 100%)!important;padding-top:40px!important;padding-bottom:56px!important}
  html.sh-on.sh-on.sh-on body .sx-hero .sx-wave{display:none!important}
  html.sh-on.sh-on.sh-on body .sx-hero h1{color:#fff!important}
  html.sh-on.sh-on.sh-on body .sx-hero .sx-dek{color:#c9d5f2!important;font-size:18px!important;line-height:1.55!important}
  html.sh-on.sh-on.sh-on body .sx-hero .sx-btn{min-height:56px!important;font-size:17px!important;width:100%!important;flex:0 0 100%!important;justify-content:center!important;padding:0 14px!important;white-space:nowrap!important}
  html.sh-on.sh-on.sh-on body .sx-hero .hx5{background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.14)!important}
  html.sh-on.sh-on.sh-on body .sx-hero .sx-btn:not(.ghost){background:#fff!important;color:var(--b-ink)!important}
  html.sh-on.sh-on.sh-on body .sx-hero .sx-btn.ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important}
  html.sh-on.sh-on.sh-on body .sx-hero .hx4-where{color:#9fb3dd!important;font-size:13px!important}
  html.sh-on.sh-on.sh-on body .sx-hero .hx5-thread,html.sh-on.sh-on.sh-on body .sx-hero .hx5-card{box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14)!important}
  html.sh-on.sh-on.sh-on body .sx-hero .hx5-replay,html.sh-on.sh-on.sh-on body .okx-replay{min-height:44px!important;min-width:88px!important;font-size:13px!important}
  html.sh-on.sh-on.sh-on body .sx-hero .hx5-replay{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
  html.sh-on.sh-on.sh-on body main .sx-sec{padding-top:72px!important;padding-bottom:72px!important}
  html.sh-on.sh-on.sh-on body #writing .hw-feat{border-radius:24px!important;box-shadow:0 24px 60px rgba(10,22,51,.18)}
  html.sh-on.sh-on.sh-on body #writing .hb-ck{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font:500 12px/1.4 "IBM Plex Mono",monospace!important;letter-spacing:.04em!important}
  html.sh-on.sh-on.sh-on body #writing .hb-ct{font-size:17px!important;line-height:1.22!important}
  html.sh-on.sh-on.sh-on body #writing .hb-ct a{display:block!important;min-height:44px!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  html.sh-on.sh-on.sh-on body #writing .hb-cplay{width:44px!important;height:44px!important}
  html.sh-on.sh-on.sh-on body #writing .hb-cart{border-radius:16px!important}
  html.sh-on.sh-on.sh-on body #writing a{min-height:44px;display:inline-flex;align-items:center}
  html.sh-on.sh-on.sh-on body #writing .hb-ct a,html.sh-on.sh-on.sh-on body #writing .hw-feat a{display:block}
  html.sh-on.sh-on.sh-on body .sx-logos{background:#0a1633!important;padding:40px 0 48px!important}
  html.sh-on.sh-on.sh-on body .sx-logos img{filter:brightness(0) invert(1);opacity:.8}
  html.sh-on.sh-on.sh-on body .sx-logos *{color:#c9d5f2!important}
  html.sh-on.sh-on.sh-on body #system .sx-nums dd{font-size:48px!important;letter-spacing:-2px!important;line-height:1!important;height:auto!important}
  html.sh-on.sh-on.sh-on body #system .sx-nums dt{font-size:15px!important;line-height:1.45!important}
  html.sh-on.sh-on.sh-on body #bottlenecks{background:var(--b-mist)!important}
  html.sh-on.sh-on.sh-on body #bottlenecks .bn-steps b{font-size:19px!important}
  html.sh-on.sh-on.sh-on body #bottlenecks .bn-steps span{font-size:16px!important}
  html.sh-on.sh-on.sh-on body #bottlenecks .bn-list{box-shadow:0 30px 70px rgba(10,22,51,.14),0 0 0 1px var(--b-line)!important;border-radius:20px!important}
  html.sh-on.sh-on.sh-on body #products .sx-t-app{background:radial-gradient(80% 60% at 85% 0%,rgba(91,140,250,.45),rgba(91,140,250,0) 60%),linear-gradient(180deg,#1559f5 0%,#0a1633 100%)!important;color:#fff}
  html.sh-on.sh-on.sh-on body #products .sx-t-app h3,html.sh-on.sh-on.sh-on body #products .sx-t-app .sx-more,html.sh-on.sh-on.sh-on body #products .sx-t-okr h3,html.sh-on.sh-on.sh-on body #products .sx-t-okr .sx-more{color:#fff!important}
  html.sh-on.sh-on.sh-on body #products .sx-t-app .sx-tt p{color:#c9d5f2!important}
  html.sh-on.sh-on.sh-on body #products .sx-t-okr{background:#0a1633!important}
  html.sh-on.sh-on.sh-on body #products .sx-t-okr .sx-tt p{color:#b9c4dd!important}
  html.sh-on.sh-on.sh-on body #products .sx-tile{border-radius:24px!important}
  html.sh-on.sh-on.sh-on body #products .sx-tile h3{font-size:26px!important;letter-spacing:-.8px!important}
  html.sh-on.sh-on.sh-on body #products .sx-more{min-height:44px!important;display:inline-flex!important;align-items:center!important}
  html.sh-on.sh-on.sh-on body #hvhh{padding:0!important;background:linear-gradient(180deg,#271d7a 0%,#130e44 100%)!important}
  html.sh-on.sh-on.sh-on body #hvhh>.sx-in{padding:0!important;max-width:none!important}
  html.sh-on.sh-on.sh-on body #hvhh .hvx-band{border-radius:0!important;padding:72px 20px!important;background:transparent!important;box-shadow:none!important}
  html.sh-on.sh-on.sh-on body #hvhh .hvx-p{font-size:18px!important;line-height:1.55!important}
  html.sh-on.sh-on.sh-on body #hvhh a{min-height:52px!important}
  html.sh-on.sh-on.sh-on body #founders .sx-duo{grid-template-columns:1fr!important;gap:28px!important}
  html.sh-on.sh-on.sh-on body #founders .sx-photo img{border-radius:22px!important;aspect-ratio:4/5;object-fit:cover;width:100%!important;height:auto!important}
  html.sh-on.sh-on.sh-on body #founders .sx-photo figcaption b{font-size:18px!important}
  html.sh-on.sh-on.sh-on body #founders .sx-photo figcaption span{font-size:14px!important;line-height:1.45!important}
  html.sh-on.sh-on.sh-on body #founders a{min-height:44px;display:inline-flex;align-items:center}
  html.sh-on.sh-on.sh-on body .sx-close{background:linear-gradient(180deg,rgba(17,72,212,.94) 0%,rgba(21,89,245,.8) 50%,rgba(10,22,51,.95) 100%),url(/img/founders/hhcfuturedallasspeakers-214-1600-2ce2305b.webp) 50% 30%/cover,#0a1633!important;padding-top:96px!important;padding-bottom:96px!important}
  html.sh-on.sh-on.sh-on body .sx-close .sx-wave{display:none!important}
  html.sh-on.sh-on.sh-on body .sx-close h2{color:#fff!important}
  html.sh-on.sh-on.sh-on body .sx-close .sx-btn{min-height:56px!important;font-size:17px!important}
  html.sh-on.sh-on.sh-on body .sx-close .sx-btn:not(.ghost){background:#fff!important;color:var(--b-ink)!important}
  html.sh-on.sh-on.sh-on body .sx-close .sx-btn.ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
  html.sh-on.sh-on.sh-on body footer a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
  html.sh-on.sh-on.sh-on body #bottlenecks .bn-copy a{min-height:44px;display:inline-flex;align-items:center}
  html.sh-on.sh-on.sh-on body footer .cai-pill{min-height:44px!important;box-sizing:border-box}
  html.sh-on.sh-on.sh-on body #sh-tabs{box-shadow:0 -10px 30px rgba(10,22,51,.08)}
  html.sh-on.sh-on.sh-on body #sh-tabs .sh-tab,html.sh-on.sh-on.sh-on body #sh-tabs button{font-size:12px!important;font-weight:600!important}
}
@media (min-width:1101px) and (max-width:1379px){html.px-page body .sx-hero .hx5{transform:none}html.px-page body .sx-hero .sx-in{grid-template-columns:500px 1fr!important}html.px-page body .sx-hero h1{font-size:88px!important;letter-spacing:-4px!important}}