/* Separate visual study: existing product demonstrations inside a quieter desktop. */
body.concept { --page: #050506; }
.concept-nav { position: relative; inset: auto; transform: none; translate: none; max-width: 1200px; margin: 18px auto 0; width: calc(100% - 40px); }
.concept-nav > span { color: #77777f; font-size: 12px; }
.concept-nav > a:last-child { color: #c1c1c7; font-size: 12px; }
.concept .demo7 { padding: 64px 0 42px !important; }
.concept .demo7 > .wrap { max-width: 1280px; }
.concept .center-head h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.2; letter-spacing: -.035em; }
.concept .center-head .h2-sub { display: inline-block; margin-top: 7px; font-size: .72em; font-weight: 400; color: #777780; }
.concept .demo6 { margin-top: 32px; }
.concept .tabs6 { gap: 4px; margin-bottom: 22px; }
.concept .tab6 { height: 44px; padding: 0 16px; background: transparent; border-color: transparent; border-radius: 9px; font-size: 12px; color: #92929c; }
.concept .tab6 kbd { border: none; background: #ffffff06; padding: 4px 6px; font-size: 10px; color: #777780; }
.concept .tab6[aria-selected="true"] { background: #ffffff09; border-color: #ffffff13; color: #f3f2ef; }
.concept .tab6[aria-selected="true"] kbd { color: #ff916d; background: #ff5a2c0d; }
.concept .tab6 .bar { height: 1px; }
.concept .fit6 { isolation: isolate; border-radius: 22px; border: 1px solid #ffffff18; background: #09090b; box-shadow: 0 0 0 8px #ffffff02, 0 30px 100px #0009; }
.concept .concept-aurora { inset: 0; width: 100%; height: 100%; z-index: -1; opacity: .85; mask-image: radial-gradient(ellipse at 50% 62%, #000 35%, transparent 96%); }
.concept .fit6::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, #09090b90, transparent 45%, #09090b40), radial-gradient(ellipse at center, transparent 45%, #09090b 100%); }
.concept-system { position: absolute; top: 2.6%; left: 3%; right: 3%; display: flex; align-items: center; justify-content: space-between; font-size: clamp(7px, 1vw, 11px); color: #9b9ba4; pointer-events: none; }
.concept-system span { display: flex; align-items: center; gap: 12px; }
.concept-system i { width: 6px; height: 6px; background: #ff5a2c; border-radius: 50%; }
.concept-system small { color: #57575f; font-size: inherit; }
.concept .stage6 { position: absolute; inset: 0 auto auto 0; overflow: visible; border: none; border-radius: 0; background: transparent; box-shadow: none; }
.concept .w6 { border-radius: 14px !important; border: 1px solid #ffffff20 !important; box-shadow: 0 32px 80px #000b, 0 4px 12px #0005 !important; }
.concept .w6-bar { height: 39px; background: #171719; color: #bcbcc3; font-size: 12px; }
.concept .w6-bar em span { width: 35px; color: #686872; }
.concept #w6-chat .w6-bar { background: #111b20; }
.concept .wa-side { background: #111b20; }
.concept .wa-head { background: #1a272d; }
.concept .wa-body { background-color: #0c161b; }
.concept .wa-side-top { padding: 20px 18px 16px; }
.concept .wa-chat { border-bottom-color: #ffffff04; }
.concept .wa-chat.on { background: #223139; }
.concept .wa-input { background: #1b292f; }
.concept .tb6 { left: 50%; right: auto; width: 530px; bottom: -58px; height: 49px; translate: -50% 0; gap: 9px; padding: 0 18px; border: 1px solid #ffffff18; border-radius: 15px; background: #141418cc; box-shadow: 0 14px 35px #0009, inset 0 1px #ffffff08; backdrop-filter: blur(18px); }
.concept .tb6 .search { width: 145px; background: #ffffff04; height: 31px; font-size: 11px; }
.concept .tb6 .tray { display: none; }
.concept .tb6 .app { height: 35px; width: 35px; border-radius: 9px; }
.concept .tb6 .app.on { background: #ffffff07; }
.concept .steps6 { margin-top: 24px; font-size: 12px; gap: 12px; }
.concept .steps6 span { padding: 4px 7px; }
.concept .steps6 .on { background: #ff5a2c0c; }
.concept .try6 { color: #6e6e77; font-size: 12px; margin-top: 14px; }
.concept .try6b { max-width: 720px; margin: 8px auto 0; font-size: 11px; line-height: 1.6; }
@media (max-width: 600px) {
  .concept-nav > span { display: none; }
  .concept .demo7 { padding-top: 38px !important; }
  .concept .tab6 { height: 38px; padding: 0 9px; gap: 5px; font-size: 11px; }
  .concept .tabs6 { gap: 2px; }
  .concept .fit6 { border-radius: 14px; }
  .concept-system { display: none; }
}