.cb-home { overflow-x: hidden; }
.cb-home-main { width: min(1280px, calc(100% - 30px)); margin: auto; padding: 34px 0 80px; }
.cb-hero {
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: 22px;
  align-items: stretch;
}
.cb-panel {
  border: 1px solid var(--cb-line);
  border-radius: 30px;
  background: var(--cb-surface);
  box-shadow: var(--cb-shadow);
}
.cb-hero-copy { padding: clamp(30px, 6vw, 72px); position: relative; overflow: hidden; }
.cb-hero-copy::after {
  content: '0101'; position: absolute; right: -18px; bottom: -48px;
  color: color-mix(in srgb, var(--cb-primary) 12%, transparent);
  font: 800 clamp(8rem, 19vw, 17rem)/1 var(--cb-mono); letter-spacing: -.17em; pointer-events: none;
}
.cb-kicker { display: inline-flex; gap: 8px; align-items: center; margin: 0; color: var(--cb-primary); font: 700 .72rem/1 var(--cb-mono); letter-spacing: .17em; text-transform: uppercase; }
.cb-kicker::before { content:''; width: 28px; height: 3px; background: var(--cb-accent); }
.cb-hero h1 { max-width: 850px; margin: 28px 0 20px; font-size: clamp(3.2rem, 8vw, 7.1rem); line-height: .87; letter-spacing: -.075em; }
.cb-hero h1 span { color: var(--cb-primary); }
.cb-hero-lead { max-width: 720px; color: var(--cb-muted); font-size: clamp(1rem, 1.7vw, 1.18rem); line-height: 1.75; }
.cb-actions { display:flex; gap:11px; flex-wrap:wrap; margin-top:30px; position:relative; z-index:1; }
.cb-action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; border:1px solid var(--cb-line); border-radius:14px; color:var(--cb-ink); background:var(--cb-surface-solid); text-decoration:none; font-size:.86rem; font-weight:800; }
.cb-action--primary { border-color:transparent; color:#fff; background:linear-gradient(135deg,#4c1d95,#7c3aed); }
html[data-theme='dark'] .cb-action--primary { color:#0b0d10; background:linear-gradient(135deg,#bef264,#84cc16); }
.cb-terminal { padding: 24px; display:grid; grid-template-rows:auto 1fr auto; background:var(--cb-dark); color:#f5f7fa; }
.cb-terminal-head { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:17px; font:600 .72rem/1 var(--cb-mono); color:#9ca3af; text-transform:uppercase; letter-spacing:.12em; }
.cb-terminal-lights { display:flex; gap:7px; }.cb-terminal-lights i{width:9px;height:9px;border-radius:50%;background:#a78bfa}.cb-terminal-lights i:nth-child(2){background:#bef264}.cb-terminal-lights i:nth-child(3){background:#fff}
.cb-terminal-body { padding:24px 0; display:grid; gap:14px; align-content:center; }
.cb-code-line { display:grid; grid-template-columns:30px 110px 1fr; gap:10px; align-items:center; font:500 .76rem/1.65 var(--cb-mono); }
.cb-code-line b { color:#bef264; }.cb-code-line span:first-child{color:#5e6674}.cb-code-line code{color:#ddd6fe;word-break:break-all}
.cb-terminal-foot { border-top:1px solid rgba(255,255,255,.12); padding-top:17px; display:flex; justify-content:space-between; color:#9ca3af; font:500 .7rem/1.4 var(--cb-mono); }
.cb-section { margin-top:72px; }
.cb-section-head { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:22px; }
.cb-section h2 { margin:8px 0 0; font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.055em; }
.cb-section-note { max-width:600px; margin:0; color:var(--cb-muted); line-height:1.7; }
.cb-algorithms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.cb-algo-card { position:relative; min-height:290px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--cb-line); border-radius:24px; color:var(--cb-ink); background:var(--cb-surface); box-shadow:var(--cb-shadow); text-decoration:none; overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
.cb-algo-card:hover { transform:translateY(-4px); border-color:var(--cb-primary); }
.cb-algo-card::after { content:attr(data-code); position:absolute; right:-10px; bottom:-34px; color:color-mix(in srgb,var(--cb-primary) 10%,transparent); font:800 8rem/1 var(--cb-mono); letter-spacing:-.12em; }
.cb-algo-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.cb-algo-index { color:var(--cb-muted); font:600 .72rem/1 var(--cb-mono); letter-spacing:.1em; }
.cb-algo-chip { padding:7px 9px; border:1px solid var(--cb-line); border-radius:999px; color:var(--cb-primary); font:700 .65rem/1 var(--cb-mono); text-transform:uppercase; }
.cb-algo-card h3 { margin:38px 0 11px; font-size:clamp(2rem,4vw,3.7rem); letter-spacing:-.06em; }
.cb-algo-card p { max-width:520px; color:var(--cb-muted); line-height:1.65; }
.cb-algo-link { margin-top:auto; display:inline-flex; align-items:center; gap:8px; font-weight:800; position:relative; z-index:1; }.cb-algo-link::after{content:'↗';color:var(--cb-accent)}
.cb-data-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:16px; }
.cb-info { padding:28px; }.cb-info h3{margin:0 0 12px;font-size:1.5rem}.cb-info p{color:var(--cb-muted);line-height:1.7}.cb-spec-list{display:grid;gap:10px;margin-top:24px}.cb-spec{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--cb-line);font-size:.84rem}.cb-spec b{font-family:var(--cb-mono);font-size:.75rem}
.cb-table-panel { padding:24px; overflow:hidden; }.cb-table-wrap{overflow-x:auto}.cb-test-table{width:100%;border-collapse:collapse;min-width:780px}.cb-test-table th,.cb-test-table td{padding:14px;border-bottom:1px solid var(--cb-line);text-align:left}.cb-test-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.cb-test-table td{font:500 .72rem/1.55 var(--cb-mono);word-break:break-all}.cb-test-table td:first-child{font-family:var(--cb-sans);font-weight:800}
.cb-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.cb-flow-item{padding:20px;border:1px solid var(--cb-line);border-radius:18px;background:var(--cb-surface)}.cb-flow-item b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#111;background:var(--cb-accent);font-family:var(--cb-mono)}.cb-flow-item h3{margin:18px 0 8px}.cb-flow-item p{margin:0;color:var(--cb-muted);font-size:.86rem;line-height:1.6}
.cb-footer { width:min(1280px,calc(100% - 30px));margin:auto;padding:28px 0 40px;border-top:1px solid var(--cb-line);display:flex;justify-content:space-between;gap:20px;color:var(--cb-muted);font-size:.78rem }.cb-footer b{color:var(--cb-ink)}
@media(max-width:980px){.cb-hero,.cb-data-grid{grid-template-columns:1fr}.cb-terminal{min-height:460px}.cb-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cb-home-main{padding-top:18px}.cb-hero-copy{padding:30px 24px}.cb-hero h1{font-size:3.5rem}.cb-algorithms,.cb-flow{grid-template-columns:1fr}.cb-section-head{align-items:flex-start;flex-direction:column}.cb-code-line{grid-template-columns:25px 90px 1fr}.cb-terminal{padding:19px}.cb-footer{flex-direction:column}}