*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bb-orange:#ff5a00;--bb-cyan:#2ee6d6;--bb-black:#050505;--bb-ink:#0a0a0a;--bb-panel:#111111;--bb-line:#2a2a2a;--bb-muted:#b7b7b7;--bb-paper:#f3f3f3}
html,body{background:#050505;scroll-behavior:smooth}
body{font-family:'IBM Plex Sans','Noto Sans SC',sans-serif;background:#050505;color:#fff;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(5,5,5,.78),rgba(5,5,5,.88)),
  url('../images/cq-lines.svg') center/cover no-repeat,
  repeating-linear-gradient(90deg,transparent 0 56px,rgba(46,230,214,.09) 56px 57px),
  repeating-linear-gradient(0deg,transparent 0 56px,rgba(255,90,0,.08) 56px 57px)}
.fx-chart{position:fixed;inset:auto 0 8vh 0;height:34vh;width:100%;z-index:1;pointer-events:none;opacity:.55}
main,header,.tape,footer{position:relative;z-index:3}
img{max-width:100%;display:block}
a{color:inherit}
.tape{background:#000;border-bottom:1px solid #222;overflow:hidden;height:28px;display:flex;align-items:center}
.tape-inner{white-space:nowrap;font-size:11px;letter-spacing:.16em;color:var(--bb-cyan);font-family:'IBM Plex Mono',monospace;animation:tape 38s linear infinite}
.scan{pointer-events:none;position:fixed;inset:0;z-index:2;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.12) 3px 4px)}
.hud{position:relative}
.hud::before,.hud::after{content:'';position:absolute;width:18px;height:18px;border:1px solid var(--bb-cyan);z-index:2;pointer-events:none}
.hud::before{top:8px;left:8px;border-right:0;border-bottom:0}
.hud::after{right:8px;bottom:8px;border-left:0;border-top:0}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cq-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:.85rem 3.2rem;background:rgba(5,5,5,.96);border-bottom:1px solid #1d1d1d}
.cq-logo{display:flex;align-items:center;gap:.85rem;text-decoration:none}
.cq-logo img{height:46px;width:auto}
.cq-logo b{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.cq-switch{display:flex;gap:0}
.cq-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:108px;padding:.62rem 1.15rem;text-decoration:none;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a;border:1px solid #333}
.cq-switch a[aria-current="page"]{color:#fff;background:var(--bb-orange);border-color:var(--bb-orange)}
.wrap{width:min(1240px,calc(100% - 6.4rem));margin:0 auto}
.hero{position:relative;min-height:88vh;display:flex;align-items:center;padding:4.5rem 0 5rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 46%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(90deg,transparent 0 71px,rgba(255,90,0,.05) 71px 72px),repeating-linear-gradient(0deg,transparent 0 71px,rgba(255,255,255,.03) 71px 72px)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:3.4rem;align-items:center}
.eyebrow{display:block;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--bb-orange);margin:0 0 1rem}
.hero h1{font-family:'IBM Plex Serif','Noto Serif SC',serif;font-weight:400;font-size:clamp(2.6rem,4.8vw,4.4rem);line-height:1.12;letter-spacing:-.03em;max-width:14ch;margin:0 0 1.4rem}
.hero p{font-size:1.02rem;line-height:1.9;color:#d4d4d4;max-width:58ch;font-weight:300}
.hero-meta{display:flex;gap:1.6rem;margin-top:2rem}
.hero-meta span{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;border-top:2px solid var(--bb-orange);padding-top:.7rem}
.hero-shot{position:relative;overflow:hidden;border:1px solid #333;box-shadow:0 24px 60px rgba(0,0,0,.45);isolation:isolate;background:#050505}
.hero-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
.hero-shot img{width:100%;height:460px;object-fit:cover;object-position:center;transform:none;filter:none;mix-blend-mode:normal;display:block;pointer-events:none;background:#050505}
.hero-shot video{width:100%;height:auto;object-fit:contain;object-position:center;transform:none;filter:none;mix-blend-mode:normal;display:block;pointer-events:none;background:#050505}
.hero-shot video::-webkit-media-controls{display:none!important}
.hero-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:.7rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#eee}
.section{padding:5.4rem 0;background:
  linear-gradient(rgba(243,243,243,.94),rgba(243,243,243,.94)),
  repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,90,0,.08) 48px 49px),
  repeating-linear-gradient(0deg,transparent 0 48px,rgba(20,20,20,.05) 48px 49px);color:var(--bb-ink);position:relative}
.section::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--bb-orange),var(--bb-cyan),transparent)}
.section::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,230,214,.45),transparent)}
.section .eyebrow{color:#c24700}
.section h2{font-family:'IBM Plex Serif','Noto Serif SC',serif;font-weight:400;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.18;letter-spacing:-.03em;margin:0 0 1rem;color:#111}
.section p{font-size:1.02rem;line-height:1.9;color:#3d3d3d;margin:0 0 1rem}
.section-header{display:grid;grid-template-columns:200px 1fr;gap:2.4rem;margin:0 0 2.6rem}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d8d8d8;counter-reset:step}
.process article{background:#fff;padding:1.4rem 1.15rem 1.6rem;min-height:210px;border-top:3px solid var(--bb-orange);counter-increment:step}
.process article::before{content:"0" counter(step);display:block;font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--bb-orange);margin:0 0 1.1rem}
.process h3{font-size:1.12rem;font-weight:600;margin:0 0 .55rem}
.process p{font-size:.84rem;line-height:1.7;margin:0;color:#555}
.ai-work{background:#ececec}
.data-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.data-loop article,.architecture article,.signal-grid article{background:#fff;border:1px solid #ddd;padding:1.5rem 1.3rem 1.7rem}
.data-loop span,.architecture .num,.signal-grid article>span{display:block;font-size:.68rem;letter-spacing:.16em;font-weight:700;color:var(--bb-orange);margin:0 0 .9rem}
.data-loop h3,.architecture h3,.signal-grid h3{font-size:1.18rem;margin:0 0 .55rem}
.data-loop p,.architecture p,.signal-grid p{font-size:.88rem;line-height:1.75;margin:0;color:#555}
.interval-section{background:#050505;color:#fff;position:relative;overflow:hidden}
.interval-section .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:grayscale(.4)}
.interval-section .wrap{position:relative;z-index:1}
.interval-section .eyebrow{color:var(--bb-orange)}
.interval-section h2{color:#fff}
.interval-section p{color:#d0d0d0}
.interval-section .note{color:#9a9a9a;font-size:.82rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:center}
.interval-card{background:#0d0d0d;border:1px solid #2c2c2c;padding:1.6rem 1.7rem;box-shadow:10px 10px 0 var(--bb-orange)}
.interval-top{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.14em;color:#888}
.interval-top strong{color:var(--bb-orange)}
.interval-card h3{font-size:1.45rem;margin:1.6rem 0 .4rem;color:#fff;font-family:'IBM Plex Serif',serif;font-weight:400}
.interval-card>p{margin:0;color:#999;font-size:.86rem}
.range-track{height:8px;background:#2a2a2a;position:relative;margin:2.2rem 0 1rem}
.range-band{position:absolute;left:24%;width:47%;height:100%;background:var(--bb-orange)}
.range-track i{position:absolute;left:53%;top:-8px;width:2px;height:24px;background:#fff}
.range-labels{display:flex;justify-content:space-between;gap:1rem;font-size:.74rem;color:#9a9a9a;line-height:1.55}
.range-labels b{display:block;color:#fff;font-size:1.05rem;margin-top:.15rem}
.range-foot{border-top:1px solid #2a2a2a;margin-top:1.4rem;padding-top:1rem;font-size:.78rem;line-height:1.75;color:#aaa}
.visual-panel{min-height:360px;padding:2rem;border:1px solid #333;background:linear-gradient(180deg,#141414,#070707);display:flex;flex-direction:column;justify-content:space-between}
.visual-panel small{font-size:.62rem;letter-spacing:.18em;color:var(--bb-orange)}
.visual-panel b{display:block;font-family:'IBM Plex Serif',serif;font-size:1.55rem;font-weight:400;margin:.8rem 0 1rem;color:#fff}
.visual-panel .line{height:1px;background:#333;margin:0 0 1rem}
.visual-panel ul{list-style:none}
.visual-panel li{display:flex;justify-content:space-between;padding:.7rem 0;border-top:1px solid #262626;font-size:.9rem;color:#cfcfcf}
.visual-panel li span:last-child{color:var(--bb-orange)}
.quote{font-family:'IBM Plex Serif','Noto Serif SC',serif;font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.4;font-weight:400;max-width:22em;margin:0 0 1.4rem;color:#111}
.note{font-size:.84rem;line-height:1.75;color:#666}
.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.business .section{background:
  linear-gradient(rgba(11,11,11,.92),rgba(11,11,11,.92)),
  repeating-linear-gradient(90deg,transparent 0 48px,rgba(46,230,214,.08) 48px 49px),
  repeating-linear-gradient(0deg,transparent 0 48px,rgba(255,90,0,.06) 48px 49px);color:#eee}
.business .section h2{color:#fff}
.business .section p,.business .section-header p,.business .split p{color:#c8c8c8}
.business .architecture article,.business .signal-grid article,.business .data-loop article{background:#141414;border-color:#2a2a2a}
.business .architecture p,.business .signal-grid p{color:#b3b3b3}
.business .process article{background:#161616;border-top-color:var(--bb-orange)}
.business .process{background:#2a2a2a}
.business .process p{color:#b5b5b5}
.business .process h3{color:#fff}
.business .quote{color:#fff}
.business .note{color:#8e8e8e}
.alert-section{background:#080808;position:relative;overflow:hidden}
.alert-section .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(.5);display:block}
.alert-section .wrap{position:relative;z-index:1}
.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.alert-flow{border:1px solid #2f2f2f;background:#101010;padding:1.5rem 1.6rem}
.alert-head{display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.16em;color:var(--bb-orange);font-weight:700}
.alert-head b{color:#bbb}
.alert-flow ol{list-style:none;margin:1.1rem 0}
.alert-flow li{display:flex;gap:1rem;padding:.85rem 0;border-top:1px solid #2a2a2a}
.alert-flow li>span{color:var(--bb-orange);font-size:.75rem;font-weight:700}
.alert-flow strong{display:block;font-size:.98rem;margin:0 0 .2rem}
.alert-flow small{display:block;color:#8f8f8f;font-size:.8rem}
.alert-flow>p{border-top:1px solid #2a2a2a;padding-top:.9rem;margin:0;color:#8f8f8f;font-size:.75rem}
.footer{background:#000;color:#9a9a9a;padding:2.4rem 0;border-top:1px solid #222}
.footer .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem}
.footer strong{color:#fff;font-weight:600}
.footer a{color:var(--bb-orange);text-decoration:none;font-weight:600}
.business .process{grid-template-columns:repeat(3,1fr)}
.data-loop span,.architecture .num,.signal-grid article>span,.process article::before,.interval-top strong,.range-labels b,.alert-flow li>span{font-family:'IBM Plex Mono',monospace}
.lang-float{position:fixed;right:1.4rem;bottom:1.4rem;z-index:400;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.45rem}
.lang-toggle{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.92);color:var(--bb-cyan);border:1px solid rgba(46,230,214,.45);cursor:pointer;border-radius:50%}
.lang-list{display:none;list-style:none;margin:0;background:rgba(5,5,5,.97);border:1px solid rgba(46,230,214,.35);max-height:52vh;overflow:auto;min-width:200px}
.lang-list.open{display:block}
.lang-list button{display:block;width:100%;text-align:left;background:none;border:none;color:#fff;padding:.72rem 1rem;font-size:.84rem;cursor:pointer}
html[dir=rtl] .lang-float{right:auto;left:1.4rem}
@media (max-width:980px){
  .cq-bar{padding:.7rem 1.1rem}
  .wrap{width:calc(100% - 2.2rem)}
  .hero-grid,.section-header,.split,.process,.data-loop,.architecture,.signal-grid,.business .process{grid-template-columns:1fr}
  .hero{min-height:0;padding:3rem 0}
  .hero-shot img{height:240px}
  .hero-shot video{height:auto}
  .cq-logo b{display:none}
}