@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
#qbit-concepts .qb-page{box-sizing:border-box;min-height:1140px;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55;overflow:hidden}
#qbit-concepts .qb-page *{box-sizing:border-box}
#qbit-concepts .qb-page h1,#qbit-concepts .qb-page h2,#qbit-concepts .qb-page h3,#qbit-concepts .qb-page p{margin:0}
#qbit-concepts .qb-page h1,#qbit-concepts .qb-page h2,#qbit-concepts .qb-logo{font-family:'Manrope',sans-serif}
#qbit-concepts .qb-page a{color:inherit;text-decoration:none}
#qbit-concepts .qb-page button,#qbit-concepts .qb-page textarea{font:inherit}
#qbit-concepts .qb-page button{border:0}
#qbit-concepts .qb-page svg{width:20px;height:20px;flex-shrink:0}
#qbit-concepts .qb-nav{min-height:90px;margin:0 48px;border-bottom:1px solid var(--q-line);display:flex;align-items:center;justify-content:space-between;gap:20px}
#qbit-concepts .qb-logo{font-size:32px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:baseline;gap:3px}
#qbit-concepts .qb-logo span{color:var(--q-accent);font-size:25px}
#qbit-concepts .qb-logo small{font-size:15px;letter-spacing:-.4px;font-weight:500}
#qbit-concepts .qb-nav nav{display:flex;gap:26px;font-size:12px;color:var(--q-muted)}
#qbit-concepts .qb-navcta{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600}
#qbit-concepts .qb-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}
#qbit-concepts .qb-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--q-accent);flex-shrink:0}
#qbit-concepts .qb-page em{font-style:normal;color:var(--q-accent)}
#qbit-concepts .qb-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:5px;background:var(--q-accent);color:var(--q-button)!important;font-weight:600;font-size:12px;white-space:normal;text-align:left}
#qbit-concepts .qb-action:hover{filter:brightness(.95)}
#qbit-concepts .qb-action svg{width:17px;height:17px}
#qbit-concepts .qb-inquiry{margin:0 48px 30px;padding:22px;background:var(--q-panel);border:1px solid var(--q-line);border-radius:8px}
#qbit-concepts .qb-inquiry[hidden]{display:none}
#qbit-concepts .qb-inquiry label{display:block;font-weight:600}
#qbit-concepts .qb-inquiry textarea{display:block;margin-top:10px;width:100%;min-height:90px;border:1px solid var(--q-line);padding:12px;border-radius:5px;resize:vertical;background:var(--q-bg);color:var(--q-text)}
#qbit-concepts .qb-inquiry small{display:block;margin-top:8px;color:var(--q-muted);font-size:11px}
#qbit-concepts .qb-tech{--q-bg:#0c1116;--q-panel:#121b23;--q-text:#eef3f5;--q-muted:#97a5b2;--q-line:#273038;--q-accent:#66f1c5;--q-button:#102a24;background:var(--q-bg);color:var(--q-text)}
#qbit-concepts .qt-hero{padding:58px 48px 46px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
#qbit-concepts .qt-copy h1{font-size:54px;line-height:1.09;letter-spacing:-2.8px;font-weight:700;margin:22px 0}
#qbit-concepts .qt-copy p{color:var(--q-muted);font-size:14px;max-width:340px;margin-bottom:26px}
#qbit-concepts .qt-platforms{font-family:monospace;font-size:11px;letter-spacing:.4px;margin-top:24px;color:#b3bfc9}
#qbit-concepts .qt-platforms span{color:#48615d;margin:0 8px}
#qbit-concepts .qt-machine{border:1px solid #32473f;border-radius:14px;background:linear-gradient(145deg,#15231f,#10191f);box-shadow:0 20px 80px #0003;transform:rotate(-2deg)}
#qbit-concepts .qt-machinehead{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:17px;border-bottom:1px solid #294137}
#qbit-concepts .qt-machinehead>span:first-child{display:flex;align-items:center;gap:8px;color:#b4cfbf}
#qbit-concepts .qt-machinehead svg{width:14px;height:14px}
#qbit-concepts .qt-demo{color:#66f1c5}
#qbit-concepts .qt-board{height:221px;position:relative;background-image:radial-gradient(#64877855 1px,transparent 1px);background-size:15px 15px;margin:12px 12px 0}
#qbit-concepts .qt-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#102a24;border:1px solid #5daa87;border-radius:9px;box-shadow:0 0 25px #66f1c51a}
#qbit-concepts .qt-chip>svg{color:#66f1c5;width:30px;height:30px}
#qbit-concepts .qt-chip span{font-size:23px;font-family:Manrope,sans-serif;font-weight:700}
#qbit-concepts .qt-chip small{font-size:9px;color:#91baa7}
#qbit-concepts .qt-node{position:absolute;display:grid;place-items:center;width:41px;height:41px;background:#1e3129;border:1px solid #456b57;border-radius:8px;color:#9cccb1}
#qbit-concepts .qt-n1{left:7%;top:17%}
#qbit-concepts .qt-n2{right:7%;top:17%}
#qbit-concepts .qt-n3{left:7%;bottom:17%}
#qbit-concepts .qt-n4{right:7%;bottom:17%}
#qbit-concepts .qt-wire{position:absolute;left:14%;right:14%;height:1px;background:#456b57}
#qbit-concepts .qt-w1{top:27%}
#qbit-concepts .qt-w2{bottom:27%}
#qbit-concepts .qt-w3{top:50%;left:50%;height:50%;width:1px;transform:translateY(-50%)}
#qbit-concepts .qt-readings{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #294137;padding:18px 16px;gap:12px}
#qbit-concepts .qt-readings small{display:block;color:#a8b8af;font-size:10px;margin-bottom:5px}
#qbit-concepts .qt-readings strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:500}
#qbit-concepts .qt-readings strong span{font-size:11px;color:#94aaa0}
#qbit-concepts .qt-readings .qt-status{font-size:17px;color:#66f1c5;display:flex;align-items:center;gap:9px;padding-top:5px}
#qbit-concepts .qt-caption{padding:12px 16px;border-top:1px solid #294137;font-size:10px;color:#98b4a4;display:flex;align-items:center;gap:8px}
#qbit-concepts .qt-caption svg{width:13px;height:13px}
#qbit-concepts .qt-divider{display:flex;justify-content:space-between;gap:10px;padding:20px 48px;border-top:1px solid var(--q-line);border-bottom:1px solid var(--q-line);font-size:9px;letter-spacing:1px;color:#d4ddd9}
#qbit-concepts .qt-divider span{color:var(--q-muted);letter-spacing:0}
#qbit-concepts .qb-sectorgrid{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 48px;gap:30px}
#qbit-concepts .qb-sectorgrid article>svg{color:var(--q-accent);width:24px;height:24px;margin-bottom:18px}
#qbit-concepts .qb-sectorgrid h3{font-size:15px;margin-bottom:10px;font-weight:500}
#qbit-concepts .qb-sectorgrid p{color:var(--q-muted);font-size:12px}
#qbit-concepts .qt-process{margin:0 48px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px 0;border-top:1px solid var(--q-line);border-bottom:1px solid var(--q-line);font-size:11px}
#qbit-concepts .qt-process>span{font-size:9px;max-width:110px;color:var(--q-muted);letter-spacing:1px}
#qbit-concepts .qt-process b{font-family:monospace;font-weight:400;color:var(--q-accent);display:block;margin-bottom:6px}
#qbit-concepts .qt-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 48px}
#qbit-concepts .qt-footer h2{font-size:26px;letter-spacing:-1px;margin-bottom:8px}
#qbit-concepts .qt-footer p{font-size:12px;color:var(--q-muted)}
@media(min-width:900px){#qbit-concepts .qb-page{min-height:1060px}}
@media(max-width:700px){#qbit-concepts .qb-page{min-height:1640px}
#qbit-concepts .qb-nav{margin:0 24px;min-height:75px}
#qbit-concepts .qb-nav nav{display:none}
#qbit-concepts .qb-logo{font-size:29px}
#qbit-concepts .qt-hero,#qbit-concepts .qa-hero{padding:32px 24px;grid-template-columns:1fr;gap:30px}
#qbit-concepts .qt-copy h1{font-size:43px;letter-spacing:-1.8px}
#qbit-concepts .qt-copy p,#qbit-concepts .qa-copy p{max-width:100%}
#qbit-concepts .qt-machine{transform:none}
#qbit-concepts .qt-divider{padding:18px 24px;flex-wrap:wrap}
#qbit-concepts .qb-sectorgrid{padding:28px 24px;grid-template-columns:1fr;gap:24px}
#qbit-concepts .qb-sectorgrid article>svg{margin-bottom:7px}
#qbit-concepts .qt-process{margin:0 24px;display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;gap:12px}
#qbit-concepts .qt-process>span{grid-column:1/-1;max-width:100%}
#qbit-concepts .qt-footer{padding:30px 24px;align-items:flex-start;flex-direction:column}
#qbit-concepts .qb-businesshero{padding:32px 24px}
#qbit-concepts .qb-businesshero h1{font-size:33px;letter-spacing:-1.2px}
#qbit-concepts .qb-businessintro{align-items:flex-start;flex-direction:column;gap:20px}
#qbit-concepts .qb-bento{margin:0 24px;grid-template-columns:1fr;grid-template-rows:auto}
#qbit-concepts .qb-bento-main{grid-row:auto;gap:22px}
#qbit-concepts .qb-bento-card{padding:22px}
#qbit-concepts .qb-platformstrip{margin:24px 24px 0;flex-wrap:wrap}
#qbit-concepts .qb-businessprocess{padding:27px 24px;grid-template-columns:1fr}
#qbit-concepts .qb-businessprocess>div{grid-template-columns:1fr;gap:14px}
#qbit-concepts .qb-businessprocess article{display:grid;grid-template-columns:25px 1fr;gap:0 5px}
#qbit-concepts .qb-businessprocess h3{margin:0 0 4px}
#qbit-concepts .qb-businessprocess p{grid-column:2}
#qbit-concepts .qb-businessfooter{margin:0 24px 24px;align-items:flex-start;flex-direction:column;padding:24px}
#qbit-concepts .qa-copy h1{font-size:37px}
#qbit-concepts .qa-scene{min-height:310px}
#qbit-concepts .qa-solutions{padding:18px 24px 26px}
#qbit-concepts .qa-cards{grid-template-columns:1fr}
#qbit-concepts .qa-cards article{padding:20px}
#qbit-concepts .qa-icon{margin-bottom:10px}
#qbit-concepts .qa-cards article>span{margin-top:12px}
#qbit-concepts .qa-process{margin:0 24px;grid-template-columns:1fr;gap:16px}
#qbit-concepts .qa-footer{padding:28px 24px;flex-direction:column;align-items:flex-start}
#qbit-concepts .qb-inquiry{margin:0 24px 24px}
#qbit-concepts .qb-eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:380px){#qbit-concepts .qb-navcta{font-size:11px;gap:5px}
#qbit-concepts .qa-copy h1{font-size:32px}
#qbit-concepts .qa-greenhouse{margin:0 20px}
#qbit-concepts .qa-housebody{width:180px}
#qbit-concepts .qa-roof{width:128px;height:128px;transform:translateY(64px) rotate(45deg)}
#qbit-concepts .qa-scene-bottom{font-size:9px;padding:13px 8px}
#qbit-concepts .qt-readings strong{font-size:21px}
#qbit-concepts .qt-readings .qt-status{font-size:15px}}


/* Keep the dark mockup's text independent of the surrounding light theme. */
#qbit-concepts .qb-tech{color-scheme:dark;--q-text:#eef3f5;--q-muted:#b3bfc9;color:var(--q-text)}
#qbit-concepts .qb-tech :where(h1,h2,h3,h4,h5,h6,p,a,span,small,strong,b,label,button,textarea){color:inherit}
#qbit-concepts .qb-tech h1,
#qbit-concepts .qb-tech h2,
#qbit-concepts .qb-tech h3,
#qbit-concepts .qb-tech .qb-logo,
#qbit-concepts .qb-tech .qb-logo small,
#qbit-concepts .qb-tech .qb-navcta,
#qbit-concepts .qb-tech .qb-eyebrow,
#qbit-concepts .qb-tech .qt-chip span,
#qbit-concepts .qb-tech .qt-readings strong,
#qbit-concepts .qb-tech .qt-process div,
#qbit-concepts .qb-tech .qb-inquiry label{color:var(--q-text)}
#qbit-concepts .qb-tech .qb-logo span,
#qbit-concepts .qb-tech h1 em,
#qbit-concepts .qb-tech .qt-process b,
#qbit-concepts .qb-tech .qt-demo,
#qbit-concepts .qb-tech .qt-readings .qt-status{color:var(--q-accent)}
#qbit-concepts .qb-tech .qt-copy p,
#qbit-concepts .qb-tech .qb-sectorgrid p,
#qbit-concepts .qb-tech .qt-footer p,
#qbit-concepts .qb-tech .qb-nav nav a,
#qbit-concepts .qb-tech .qt-divider span,
#qbit-concepts .qb-tech .qt-process>span,
#qbit-concepts .qb-tech .qb-inquiry small,
#qbit-concepts .qb-tech .qt-readings small,
#qbit-concepts .qb-tech .qt-readings strong>span:not(.qb-dot),
#qbit-concepts .qb-tech .qt-chip small,
#qbit-concepts .qb-tech .qt-caption{color:var(--q-muted)}
#qbit-concepts .qb-tech .qb-inquiry textarea{color:var(--q-text);background:var(--q-bg);caret-color:var(--q-accent)}
#qbit-concepts .qb-tech .qb-inquiry textarea::placeholder{color:var(--q-muted);opacity:1}
#qbit-concepts .qb-tech .qt-platforms span{color:#91aaa0}

/* Standalone page layout. */
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; background: #0c1116; color: #eef3f5; }
#qbit-concepts { max-width: 1120px; margin: 0 auto; }
#qbit-concepts .qb-page { min-height: 0; }
#qbit-concepts .cursor-interaction { cursor: pointer; }
#qbit-concepts a:focus-visible,
#qbit-concepts button:focus-visible,
#qbit-concepts textarea:focus-visible { outline: 2px solid #66f1c5; outline-offset: 4px; }
#qbit-concepts .qb-tech .qb-inquiry textarea { font-size: 16px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }