/* CamReachLab: design system
   Technical platform console: graphite base, signal-green primary, cyan accent,
   system sans for text, monospace for labels and data. No web fonts to load.
   No inline styles anywhere (CSP: style-src 'self'). */

:root {
  --ink: #080a0c;
  --night: #0e1215;
  --dusk: #141a1e;
  --plum: #1a2227;
  --line: rgba(190, 220, 228, 0.09);
  --line-2: rgba(190, 220, 228, 0.17);
  --text: #e4ecef;
  --muted: #9aa8ae;
  --faint: #83939a;
  --iris: #45e3a8;
  --iris-hi: #7cf0c4;
  --iris-deep: #1fb883;
  --blush: #5cc8ff;
  --mint: #45e3a8;
  --amber: #f5c36b;
  --rose: #ff7a7a;

  --serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;

  --wrap: 1200px;
  --gutter: clamp(20px, 4vw, 40px);
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --header-h: 68px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 16px); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font: 400 1.0625rem/1.65 var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--iris-hi); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: #fff; }
:focus-visible { outline: 2px solid var(--blush); outline-offset: 3px; border-radius: 4px; }
::selection { background: rgba(69, 227, 168, 0.35); color: #fff; }

p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0; color: #fff; }
ul, ol { margin: 0; }
strong { color: #fff; font-weight: 600; }

.wrap { max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.za642c { max-width: 820px; }

.skip-link {
  position: absolute; left: -9999px; top: 12px; z-index: 100;
  background: var(--iris); color: var(--ink); padding: 10px 16px; border-radius: var(--r-sm); font-weight: 600;
}
.skip-link:focus { left: 12px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- Type ---------- */
.display {
  font-family: var(--serif);
  font-weight: 500;
  letter-spacing: -0.018em;
  line-height: 1.06;
  font-variant-numeric: lining-nums;
}
h1.display { font-size: clamp(2.35rem, 1.3rem + 3.5vw, 4.2rem); max-width: 15ch; }
.zabaf8 h1.display{ font-size: clamp(2.2rem, 1.3rem + 2.9vw, 3.6rem); max-width: 18ch; }
h2.display { font-size: clamp(1.85rem, 1.25rem + 1.9vw, 2.75rem); line-height: 1.12; max-width: 22ch; }
h3 { font-size: 1.15rem; line-height: 1.35; font-weight: 600; }

.lede { font-size: clamp(1.1rem, 1rem + 0.35vw, 1.28rem); line-height: 1.6; color: var(--muted); max-width: 34em; margin-top: 22px; }



/* ---------- Buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 22px; border-radius: 10px;
  font: 600 1rem/1 var(--sans); text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
}
.z53153 { background: var(--iris); color: var(--ink); box-shadow: 0 10px 30px -12px rgba(69, 227, 168, 0.8); }
.z53153:hover { background: var(--iris-hi); color: var(--ink); box-shadow: 0 14px 36px -12px rgba(69, 227, 168, 0.95); }
.z3cd0c { border-color: var(--line-2); color: var(--text); background: transparent; }
.z3cd0c:hover { border-color: rgba(190, 220, 228, 0.34); background: rgba(255, 255, 255, 0.03); color: #fff; }

.btn svg { width: 18px; height: 18px; flex: none; }

.z78776 { color: var(--iris-hi); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.z78776:hover { color: #fff; }
.z78776 svg { width: 16px; height: 16px; transition: transform .2s; }
.z78776:hover svg { transform: translateX(3px); }

/* ---------- Header ---------- */
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(8, 10, 12, 0.84);
  -webkit-backdrop-filter: saturate(140%) blur(14px);
  backdrop-filter: saturate(140%) blur(14px);
  border-bottom: 1px solid var(--line);
}
.site-header .wrap { display: flex; align-items: center; gap: 24px; height: var(--header-h); }
.z995f8 { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; font-family: var(--serif); font-size: 1.22rem; font-weight: 600; letter-spacing: -0.01em; flex: none; }
.z995f8:hover { color: #fff; }






.header-cta { flex: none; }




@media (max-width: 1220px) {
  
  .header-cta { display: none; }
  
  
  
  
  
  
}

/* ---------- Sections ---------- */
.z9c0dc { padding-block: clamp(72px, 9vw, 124px); position: relative; }
.zd934f { background: var(--night); border-block: 1px solid var(--line); }
.z54417 { padding-block: clamp(48px, 6vw, 80px); }
.z8f46c { margin-bottom: clamp(36px, 5vw, 60px); max-width: 760px; }
.z8f46c p { color: var(--muted); font-size: 1.1rem; margin-top: 18px; max-width: 38em; }
.z550f0 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end; max-width: none; }
.z550f0 p { margin: 0; }
@media (max-width: 860px) { .z550f0 { grid-template-columns: 1fr; gap: 0; } .z550f0 p { margin-top: 18px; } }

.z19079 { display: inline-flex; align-items: center; gap: 8px; color: var(--blush); font-size: 0.95rem; font-weight: 500; margin-bottom: 16px; }
.z19079::before { content: ""; width: 18px; height: 1px; background: currentColor; }

/* ---------- Hero (home) ---------- */
.za8ce2 { position: relative; padding-block: clamp(52px, 7vw, 96px) clamp(80px, 9vw, 128px); overflow: hidden; }
.za8ce2::before {
  content: ""; position: absolute; top: -220px; right: -180px; width: 900px; height: 900px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(69, 227, 168, 0.22), rgba(69, 227, 168, 0.06) 55%, transparent 72%);
}
.za8ce2::after {
  content: ""; position: absolute; bottom: -300px; left: -260px; width: 700px; height: 700px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(92, 200, 255, 0.08), transparent 70%);
}
.za594b { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr); gap: clamp(40px, 6vw, 88px); align-items: center; }
.z3b8b2 { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.z44d40 { display: flex; align-items: center; gap: 10px; margin-top: 26px; color: var(--faint); font-size: 0.93rem; }
.z44d40 svg { width: 16px; height: 16px; color: var(--blush); flex: none; }
@media (max-width: 960px) { .za594b { grid-template-columns: 1fr; } }






@keyframes blink { 50% { opacity: 0; } }





















/* one orchestrated moment: your site climbs from #11 to #3 */






@keyframes you-rise { from { transform: translateY(296px); } to { transform: translateY(148px); } }
@keyframes push-a { from { transform: translateY(148px); } to { transform: translateY(222px); } }
@keyframes push-b { from { transform: translateY(222px); } to { transform: translateY(296px); } }
@keyframes fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }









  



/* ---------- Audience / service rows ---------- */
.ze0f32 { border-top: 1px solid var(--line); }
.z46e5a {
  display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr) 52px; gap: clamp(20px, 4vw, 48px);
  padding: 36px 0; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; align-items: start;
}
.z46e5a:hover { color: inherit; }
.z46e5a .z21521 { display: block; color: var(--blush); font-size: 0.92rem; margin-bottom: 8px; }
.z46e5a h3 { font-family: var(--serif); font-weight: 500; font-size: clamp(1.5rem, 1.2rem + 0.9vw, 1.95rem); letter-spacing: -0.01em; transition: color .2s; }
.z46e5a:hover h3 { color: var(--iris-hi); }
.z46e5a p { color: var(--muted); margin: 0 0 16px; }
.zf497c { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; }
.zf497c li { font-size: 0.82rem; color: var(--text); padding: 5px 11px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(255, 255, 255, 0.02); }
.zf139a { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--line-2); display: grid; place-items: center; color: var(--text); transition: background-color .2s, border-color .2s, color .2s; }
.zf139a svg { width: 20px; height: 20px; }
.z46e5a:hover .zf139a { background: var(--iris); border-color: var(--iris); color: var(--ink); }
@media (max-width: 820px) {
  .z46e5a { grid-template-columns: 1fr; gap: 12px; }
  .zf139a { display: none; }
}

/* ---------- Problems (ruled list) ---------- */
.z7afdf { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 6vw, 80px); list-style: none; padding: 0; counter-reset: none; }
.z7afdf li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding: 28px 0; border-top: 1px solid var(--line); }
.z7afdf .zbd033 { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(92, 200, 255, 0.08); color: var(--blush); }
.z7afdf .zbd033 svg { width: 22px; height: 22px; }
.z7afdf h3 { margin-bottom: 6px; }
.z7afdf p { color: var(--muted); margin: 0; font-size: 1rem; }
@media (max-width: 820px) { .z7afdf { grid-template-columns: 1fr; } }


































/* vertical steps for inner pages */
.z424ab { list-style: none; padding: 0; counter-reset: step; max-width: 820px; }
.z424ab li { counter-increment: step; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; padding: 26px 0; border-top: 1px solid var(--line); }
.z424ab li::before { content: counter(step); width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--iris); display: grid; place-items: center; font: 600 1rem var(--serif); color: #fff; }
.z424ab h3 { margin-bottom: 6px; }
.z424ab p { color: var(--muted); margin: 0; }

/* ---------- Insights cards ---------- */
.z043d0 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 32px); }
.card { display: flex; flex-direction: column; color: inherit; text-decoration: none; }
.card:hover { color: inherit; }
.card .zc4c0c { border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); background: var(--dusk); aspect-ratio: 16 / 10; }
.card .zc4c0c img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.card:hover .zc4c0c img { transform: scale(1.03); }
.card .z04cbf { display: inline-block; margin-top: 20px; font-size: 0.85rem; color: var(--blush); }
.card h3 { font-family: var(--serif); font-weight: 500; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; margin-top: 8px; transition: color .2s; }
.card:hover h3 { color: var(--iris-hi); }
.card p { color: var(--muted); margin: 10px 0 0; font-size: 0.98rem; }
.card .z22ba7 { margin-top: 14px; font-size: 0.85rem; color: var(--faint); }
@media (max-width: 900px) { .z043d0 { grid-template-columns: 1fr; max-width: 560px; } }

/* ---------- FAQ ---------- */
.zc67a8 { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.zc67a8 .z8f46c { position: sticky; top: calc(var(--header-h) + 32px); }
@media (max-width: 900px) { .zc67a8 { grid-template-columns: 1fr; } .zc67a8 .z8f46c { position: static; } }










/* ---------- CTA band ---------- */







/* ---------- Inner page hero ---------- */
.zabaf8 { position: relative; padding-block: clamp(36px, 5vw, 64px) clamp(56px, 7vw, 96px); overflow: hidden; border-bottom: 1px solid var(--line); }
.zabaf8::before { content: ""; position: absolute; top: -260px; right: -200px; width: 780px; height: 780px; background: radial-gradient(closest-side, rgba(69, 227, 168, 0.17), transparent 70%); pointer-events: none; }
.zabaf8 .wrap { position: relative; }
.z07205 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: clamp(36px, 6vw, 80px); align-items: end; margin-top: 28px; }
@media (max-width: 960px) { .z07205 { grid-template-columns: 1fr; align-items: start; } }







.z781cd {
  background: linear-gradient(180deg, rgba(36, 30, 54, 0.9), rgba(20, 17, 32, 0.9));
  border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: 26px 26px 22px;
}
.z781cd h2 { font: 600 0.95rem var(--sans); color: var(--muted); margin-bottom: 14px; }
.z6b507 { list-style: none; padding: 0; }
.z6b507 li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 0.98rem; }
.z6b507 li:first-child { border-top: 0; }
.z6b507 svg { width: 18px; height: 18px; color: var(--mint); margin-top: 3px; }

/* ---------- Content layouts ---------- */
.z66d45 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(36px, 6vw, 88px); align-items: start; }
@media (max-width: 900px) { .z66d45 { grid-template-columns: 1fr; } }

.prose { max-width: 42em; }
.prose h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.1rem); line-height: 1.18; letter-spacing: -0.012em; margin: 2em 0 0.6em; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { font-size: 1.2rem; margin: 1.6em 0 0.5em; }
.prose p, .prose li { color: #d9d4e6; }
.prose ul, .prose ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.prose li { margin-bottom: 0.5em; }
.prose li::marker { color: var(--iris); }
.prose a { color: var(--iris-hi); }

.z80a1d { background: var(--night); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 28px; }
.z80a1d h3 { font-family: var(--serif); font-weight: 500; font-size: 1.35rem; margin-bottom: 14px; }
.z80a1d ul { list-style: none; padding: 0; }
.z80a1d li { padding: 10px 0 10px 26px; border-top: 1px solid var(--line); position: relative; color: var(--text); font-size: 0.98rem; }
.z80a1d li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 8px; height: 8px; border-radius: 50%; background: var(--blush); }
.z80a1d li:first-child { border-top: 0; }

.z1a8e9 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(24px, 4vw, 48px); list-style: none; padding: 0; }
.z1a8e9 li { padding: 28px 0 30px; border-top: 1px solid var(--line-2); }
.z1a8e9 svg { width: 26px; height: 26px; color: var(--iris-hi); margin-bottom: 16px; }
.z1a8e9 h3 { margin-bottom: 8px; }
.z1a8e9 p { color: var(--muted); margin: 0; font-size: 0.98rem; }
@media (max-width: 900px) { .z1a8e9 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 580px) { .z1a8e9 { grid-template-columns: 1fr; } }

.za5b0a { margin: 1.8em 0; padding: 22px 24px; border-radius: var(--r-md); background: rgba(69, 227, 168, 0.08); border: 1px solid rgba(69, 227, 168, 0.28); }
.za5b0a p:last-child, .za5b0a ul:last-child { margin-bottom: 0; }
.za5b0a .zd62ca { display: block; font-weight: 700; color: #fff; margin-bottom: 6px; }
.z882a8 { background: rgba(92, 200, 255, 0.07); border-color: rgba(92, 200, 255, 0.3); }

.z15ce9 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; padding: 0; }
.z15ce9 a { display: block; height: 100%; padding: 20px 22px; border-radius: var(--r-md); border: 1px solid var(--line); background: rgba(255, 255, 255, 0.02); text-decoration: none; color: var(--text); transition: border-color .2s, background-color .2s; }
.z15ce9 a:hover { border-color: rgba(69, 227, 168, 0.5); background: rgba(69, 227, 168, 0.06); color: #fff; }
.z15ce9 span { display: block; font-size: 0.85rem; color: var(--blush); margin-bottom: 6px; }
.z15ce9 strong { display: block; font-weight: 600; line-height: 1.35; }
@media (max-width: 860px) { .z15ce9 { grid-template-columns: 1fr; } }

/* ---------- Article ---------- */















/* ---------- Contact ---------- */


.z46789 { background: var(--night); border: 1px solid var(--line-2); border-radius: var(--r-lg); padding: clamp(24px, 4vw, 40px); }
.z46789 .zfe84b { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 620px) { .z46789 .zfe84b { grid-template-columns: 1fr; } }
.zf4b91 { margin-bottom: 18px; }
.zf4b91 label { display: block; font-weight: 600; font-size: 0.95rem; margin-bottom: 7px; color: #fff; }
.zf4b91 .z02776 { font-weight: 400; color: var(--faint); font-size: 0.85rem; }
.zf4b91 input, .zf4b91 select, .zf4b91 textarea {
  width: 100%; font: inherit; font-size: 1rem; color: var(--text); background: var(--ink);
  border: 1px solid var(--line-2); border-radius: 10px; padding: 13px 14px; transition: border-color .2s, box-shadow .2s;
}
.zf4b91 textarea { min-height: 150px; resize: vertical; }
.zf4b91 input:focus, .zf4b91 select:focus, .zf4b91 textarea:focus { outline: none; border-color: var(--iris); box-shadow: 0 0 0 3px rgba(69, 227, 168, 0.25); }
.zf4b91 select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 20px) 55%, calc(100% - 15px) 55%; background-size: 5px 5px; background-repeat: no-repeat; }
.hp { position: absolute; left: -9999px; }
.ze78a1 { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 6px; }
.ze78a1 p { margin: 0; font-size: 0.88rem; color: var(--faint); }
.zbd734 { padding: 16px 18px; border-radius: 12px; margin-bottom: 22px; font-size: 0.98rem; }
.z74123 { background: rgba(116, 216, 189, 0.1); border: 1px solid rgba(116, 216, 189, 0.4); color: #d7f6ec; }
.zbc047 { background: rgba(240, 138, 138, 0.1); border: 1px solid rgba(240, 138, 138, 0.4); color: #ffdede; }
.zbd734 ul { margin: 6px 0 0; padding-left: 1.2em; }

/* ---------- Legal ---------- */
.zefd44 .prose h2 { font-size: 1.5rem; }
.z2409a { color: var(--faint); font-size: 0.92rem; margin-top: 14px; }

/* ---------- Footer ---------- */
.z2c3bc { border-top: 1px solid var(--line); background: #0a0911; padding-block: clamp(56px, 7vw, 88px) 36px; margin-top: 0; }


.z2c3bc h2 { font: 600 0.92rem var(--sans); color: #fff; margin-bottom: 14px; }
.z2c3bc ul { list-style: none; padding: 0; }
.z2c3bc li { margin-bottom: 9px; }
.z2c3bc a { color: var(--muted); text-decoration: none; font-size: 0.95rem; }
.z2c3bc a:hover { color: #fff; }





/* ---------- Utilities ---------- */

.z6dff1 { margin-top: clamp(40px, 5vw, 64px); }

.za9dc8 { max-width: 760px; }

/* ---------- Additions ---------- */
.card h2.z34f90 { font-family: var(--serif); font-weight: 500; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; margin-top: 8px; transition: color .2s; }
.card:hover h2.z34f90 { color: var(--iris-hi); }





.prose code { font-size: 0.92em; background: rgba(255, 255, 255, 0.06); border: 1px solid var(--line); padding: 1px 6px; border-radius: 6px; color: #fff; }

.z9ba50 { min-height: 50vh; }

/* ---------- Blog ---------- */
.z15ce9 { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.zefb48 { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; color: inherit; text-decoration: none; padding: clamp(16px, 2vw, 24px); border: 1px solid var(--line); border-radius: var(--r-lg); background: linear-gradient(135deg, rgba(69, 227, 168, 0.07), rgba(255, 255, 255, 0.01)); transition: border-color .2s; }
.zefb48:hover { color: inherit; border-color: rgba(69, 227, 168, 0.45); }
.zefb48 .zc4c0c { border-radius: var(--r-md); overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid var(--line); }
.zefb48 .zc4c0c img { width: 100%; height: 100%; object-fit: cover; }
.zefb48 .z04cbf { font-size: 0.85rem; color: var(--blush); }
.zefb48 h2 { margin-top: 10px; font-size: clamp(1.7rem, 3vw, 2.4rem); }
.zefb48 p { color: var(--muted); margin-top: 14px; }
.zefb48 .z22ba7 { display: block; margin-top: 18px; font-size: 0.85rem; color: var(--muted); }
@media (max-width: 860px) { .zefb48 { grid-template-columns: 1fr; } }


.chip { font: inherit; font-size: 0.88rem; color: var(--text); padding: 8px 14px; min-height: 40px; border-radius: 999px; border: 1px solid var(--line-2); background: transparent; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
.chip:hover { border-color: rgba(69, 227, 168, 0.6); }
.chip.is-active { background: var(--iris); border-color: var(--iris); color: var(--ink); }
.chip:focus-visible { outline: 2px solid var(--iris); outline-offset: 2px; }
.card[hidden] { display: none; }
.card h2 { font-family: var(--serif); font-weight: 500; font-size: 1.4rem; line-height: 1.25; letter-spacing: -0.01em; margin-top: 8px; }


.btn svg { width: 18px; height: 18px; flex: none; }

/* ---------- Pricing ---------- */


.zd4898 { position: relative; display: flex; flex-direction: column; padding: clamp(24px, 3vw, 34px); border-radius: var(--r-lg); border: 1px solid var(--line); background: var(--night); }
.z140c1 { border-color: rgba(69, 227, 168, 0.55); background: linear-gradient(180deg, rgba(69, 227, 168, 0.12), rgba(69, 227, 168, 0.02) 55%), var(--night); box-shadow: 0 30px 80px -40px rgba(69, 227, 168, 0.55); }
.z35643 { position: absolute; top: -13px; left: clamp(24px, 3vw, 34px); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.02em; padding: 5px 12px; border-radius: 999px; background: var(--iris); color: var(--ink); }
.zda436 { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.z065b3 { font-family: var(--serif); font-weight: 500; font-size: 1.5rem; }
.z2081f { flex: none; font-size: 0.8rem; font-weight: 700; padding: 5px 10px; border-radius: 8px; color: var(--ink); background: var(--blush); }
.z0d736 { color: var(--muted); margin-top: 8px; min-height: 3em; }
.z39f1d { margin-top: 22px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.z39f1d .z19264 { font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 3rem); line-height: 1; color: #fff; }
.z39f1d .z37352 { color: var(--muted); }
.z39f1d .zb2efa { color: var(--muted); text-decoration: line-through; text-decoration-color: rgba(92, 200, 255, 0.8); }
.zf636c { font-size: 0.9rem; color: var(--muted); margin-top: 10px; }
.zd4898 ul { list-style: none; padding: 0; margin: 24px 0 28px; border-top: 1px solid var(--line); }
.zd4898 li { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 0.95rem; }
.zd4898 li svg { width: 18px; height: 18px; flex: none; color: var(--iris); margin-top: 3px; }
.zd4898 .btn { margin-top: auto; width: 100%; }
.z4840a { margin-top: 28px; font-size: 0.9rem; color: var(--muted); max-width: 60em; }
/* Comparison table */
.zcbe10 { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-md); }
.zffaaa { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 0.95rem; }
.zffaaa th, .zffaaa td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--line); }
.zffaaa thead th { font-weight: 600; background: rgba(255, 255, 255, 0.02); }
.zffaaa tbody th { font-weight: 500; color: var(--muted); }
.zffaaa tr:last-child > * { border-bottom: 0; }
/* Style guide only */







       
 

.z424ab .z70531 { display: block; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--blush); margin-bottom: 4px; }
.z2963a { align-items: center; }
.zd4898 .zde5e2 { justify-content: center; margin-top: 14px; }
aside.za5b0a { align-self: start; }
.za627a { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); }
.za627a .z6b507 { margin-top: 14px; }
@media (max-width: 760px) { .za627a { grid-template-columns: 1fr; } }
aside.za5b0a ul { margin: 10px 0 0; padding-left: 18px; }
aside.za5b0a li { margin: 6px 0; }
.zffaaa td { color: var(--muted); }
.z80a1d .z6b507 li { padding: 9px 0; } .z80a1d .z6b507 li::before { content: none; }
@media (max-width: 640px) {
  .z8e3ca { border: 0; overflow: visible; }
  .z919e8 { min-width: 0; }
  .z919e8 thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .z919e8 tr { display: block; border: 1px solid var(--line); border-radius: var(--r-md); padding: 6px 16px; margin-bottom: 12px; background: var(--night); }
  .z919e8 th, .z919e8 td { display: block; padding: 8px 0; border-bottom: 1px solid var(--line); }
  .z919e8 tbody th { color: #fff; font-weight: 600; font-size: 1.02rem; }
  .z919e8 td::before { content: attr(data-label); display: block; font-size: 0.78rem; letter-spacing: .04em; text-transform: uppercase; color: var(--blush); margin-bottom: 3px; }
  .z919e8 tr > :last-child { border-bottom: 0; }
}









   

.zbca5f { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 860px) { .zbca5f { grid-template-columns: 1fr; } }
.z5bcb4 { padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--night); }
.z5bcb4 strong { font-family: var(--serif); font-weight: 500; font-size: 1.3rem; }
.z5bcb4 .z39f1d { margin-top: 12px; }
.z5bcb4 .z39f1d .z19264 { font-size: 2rem; }
.z1a19a { margin: 10px 0 0; color: var(--muted); font-size: 0.93rem; }
.z2e566 li { font-size: 1.02rem; padding: 14px 0; }
.z1ef04 th[scope="row"], .z1ef04 thead th:first-child { position: sticky; left: 0; z-index: 1; background: var(--dusk); }
.z1ef04 { min-width: 560px; }
.zd018d { display: none; }
@media (max-width: 640px) { .zd018d { display: block; margin-top: 10px; } .z1ef04 th[scope="row"] { min-width: 140px; } }
.zcbe10:focus-visible { outline: 2px solid var(--iris); outline-offset: 2px; }



  

.zcc545 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 860px) { .zcc545 { grid-template-columns: 1fr; } }
.zcc545 .z80a1d li a { color: var(--text); }
.zefb48 .zcfc04 { margin-top: 10px; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.15; color: #fff; }
.card h3 { font-family: var(--serif); font-weight: 500; font-size: 1.3rem; line-height: 1.25; margin-top: 8px; }
@media (min-width: 981px) { .z5bb94 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
 



/* ================= CamReachLab console layer ================= */
body { background:
  linear-gradient(rgba(190, 220, 228, 0.025) 1px, transparent 1px) 0 0 / 100% 32px,
  linear-gradient(90deg, rgba(190, 220, 228, 0.025) 1px, transparent 1px) 0 0 / 32px 100%,
  var(--ink); }
.display, h1, h2, h3, .z065b3, .zefb48 .zcfc04 { font-family: var(--sans); letter-spacing: -0.02em; }
.display { font-weight: 650; }
h1.display { font-weight: 700; letter-spacing: -0.03em; }
.z19079, .z04cbf, .z70531, .z35643, .z2081f, .zd62ca, .z22ba7, .chip, .zf497c li, code{ font-family: var(--mono); }
.z19079 { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.78rem; color: var(--iris); }
.z19079::before { content: "›"; width: auto; height: auto; background: none; color: var(--blush); }
.z04cbf { text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.74rem; }
.btn { border-radius: var(--r-sm); letter-spacing: 0.01em; }
.z53153 { color: #04130d; box-shadow: 0 0 0 1px rgba(69, 227, 168, 0.4), 0 10px 30px -12px rgba(69, 227, 168, 0.6); }
.z2081f { background: var(--blush); color: #041018; border-radius: 3px; }
.z35643 { border-radius: 3px; color: #04130d; }
code { color: var(--iris-hi); background: rgba(69, 227, 168, 0.08); border: 1px solid rgba(69, 227, 168, 0.18); border-radius: 3px; padding: 1px 5px; font-size: 0.88em; }
.site-header { background: rgba(8, 10, 12, 0.82); }
.z995f8 span { font-family: var(--mono); font-weight: 600; letter-spacing: -0.01em; }

/* Console panel: the site's signature illustration */
.z48d1c { border: 1px solid var(--line-2); border-radius: var(--r-lg); background: linear-gradient(180deg, #0f1518, #0a0e10); box-shadow: 0 40px 90px -50px rgba(69, 227, 168, 0.45); overflow: hidden; font-family: var(--mono); font-size: 0.84rem; }
.z98862 { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--line); color: var(--muted); }
.z98862 i { width: 9px; height: 9px; border-radius: 50%; background: var(--line-2); display: inline-block; }
.z98862 b { margin-left: 8px; font-weight: 500; color: var(--text); }
.zbdb8e { padding: 16px 18px 18px; display: grid; gap: 14px; }
.z31c68 { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: baseline; }
.z31c68 span { color: var(--muted); }
.z31c68 b { font-weight: 600; }
.zb0f84 { height: 6px; border-radius: 3px; background: rgba(190, 220, 228, 0.08); overflow: hidden; grid-column: 1 / -1; }
.zb0f84 i { display: block; height: 100%; background: var(--iris); }
.z90914 i { background: var(--amber); } .z5c8cd i { background: var(--rose); }
.zc5a89 { width: 18%; } .z2e56e { width: 34%; } .z5b5f9 { width: 62%; }  .zeba54 { width: 93%; }
.ze22f6 { border-top: 1px dashed var(--line-2); padding-top: 12px; color: var(--muted); line-height: 1.7; }
.ze22f6 .z77de4 { color: var(--iris); } .ze22f6 .z00755 { color: var(--amber); } .ze22f6 .zd6f68 { color: var(--rose); }
.z11e0d { margin-top: 10px; font-size: 0.78rem; color: var(--faint); font-family: var(--mono); }
.z72685 { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 0.78rem; padding: 3px 8px; border-radius: 3px; border: 1px solid var(--line-2); }
.z72685::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.z52e5d { color: var(--iris); } .z6b621 { color: var(--muted); } .z3bfd3 { color: var(--rose); }
@media (prefers-reduced-motion: no-preference) {
  .z48d1c .z3c86f { display: inline-block; width: 8px; height: 1em; background: var(--iris); vertical-align: -2px; animation: blink 1.1s steps(1) infinite; }
  @keyframes blink { 50% { opacity: 0; } }
}
  
figure.z48d1c { margin: 0; }

/* ================= CamReachLab layout kit: control room ================= */
/* Desktop: fixed left rail. Phones: a top bar whose Menu link opens the rail with :target (no script). */
.site-header { position: sticky; top: 0; z-index: 50; background: var(--ink); border-bottom: 1px solid var(--line-2); padding: 0; height: auto; }
.zf6415 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px var(--gutter); }
.zde098 { display: none; }
.zff4dd { font-family: var(--mono); font-size: 0.86rem; color: var(--iris); border: 1px solid var(--line-2); border-radius: 4px; padding: 8px 12px; text-decoration: none; }
.zde098:target { display: flex; flex-direction: column; gap: 14px; position: fixed; inset: 0; z-index: 60; background: var(--ink); padding: 28px var(--gutter); overflow-y: auto; }
.z548f9 { margin: 0; font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--faint); }
.zde098 ul { list-style: none; margin: 0; padding: 0; }
.zde098 li a { display: block; padding: 10px 12px; font-family: var(--mono); font-size: 0.92rem; color: var(--muted); text-decoration: none; border-left: 2px solid transparent; }
.zde098 li a::before { content: "> "; color: var(--faint); }
.zde098 li a:hover { color: var(--text); background: var(--night); }
.zde098 li a[aria-current="page"], .zde098 li a[aria-current="true"] { color: var(--iris); border-left-color: var(--iris); background: var(--night); }
.z10b41 { margin: 0; font-family: var(--mono); font-size: 0.78rem; } .z10b41 a { color: var(--faint); }
.zfba75 { font-family: var(--mono); font-size: 0.82rem; color: var(--muted); }
@media (min-width: 1100px) {
  body { padding-left: 260px; }
  .site-header { position: fixed; top: 0; left: 0; bottom: 0; width: 260px; border-bottom: 0; border-right: 1px solid var(--line-2); }
  .zf6415 { flex-direction: column; align-items: stretch; justify-content: flex-start; height: 100%; padding: 26px 18px; gap: 26px; }
  .zff4dd, .zfba75 { display: none; }
  .zde098, .zde098:target { display: flex; flex-direction: column; gap: 14px; position: static; padding: 0; background: transparent; flex: 1; }
  .zde098 .header-cta { margin-top: auto; justify-content: center; }
}

.zfd4af { margin: 0 0 18px; } .zfd4af code { font-family: var(--mono); font-size: 0.8rem; color: var(--faint); background: transparent; padding: 0; }
.zfd4af a { color: var(--muted); }

/* FAQ as a Q/A log */
.z334f1 { display: grid; gap: 0; border-top: 1px solid var(--line-2); }
.z334f1 article { padding: 16px 0; border-bottom: 1px solid var(--line-2); }
.z334f1 h3 { margin: 0 0 8px; font-size: 1.02rem; display: flex; gap: 12px; }
.z334f1 p { margin: 0; display: flex; gap: 12px; color: var(--muted); }
.z7c4d4, .z63c94 { flex: none; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 0.78rem; border-radius: 4px; }
.z7c4d4 { background: var(--iris); color: #04110b; } .z63c94 { border: 1px solid var(--line-2); color: var(--faint); }

/* Pre-footer: a terminal window */
.z26a02 { padding: 64px 0; }
.z3a094 { max-width: 900px; border: 1px solid var(--line-2); border-radius: 8px; background: #05070a; overflow: hidden; }
.z3a094 > *:not(.z3e16a) { padding-left: 24px; padding-right: 24px; }
.z3e16a { display: flex; align-items: center; gap: 6px; margin: 0; padding: 10px 14px !important; background: var(--dusk); border-bottom: 1px solid var(--line-2); }
.z3e16a i { width: 10px; height: 10px; border-radius: 50%; background: var(--line-2); } .z3e16a i:first-child { background: var(--rose); } .z3e16a i:nth-child(2) { background: var(--amber); } .z3e16a i:nth-child(3) { background: var(--iris); }
.z3e16a span { margin-left: 10px; font-family: var(--mono); font-size: 0.76rem; color: var(--faint); }
.z96920 { font-family: var(--mono); font-size: 0.84rem; color: var(--iris); margin: 20px 0 10px; overflow-x: auto; white-space: nowrap; }
.z3a094 h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 0 0 10px; } .z3a094 > p { color: var(--muted); }
.z56c56 { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; padding-bottom: 24px; }

/* Footer: a file tree and a status bar */
.z2c3bc { padding: 40px 0 28px; border-top: 1px solid var(--line-2); }
.zcc42f { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; font-family: var(--mono); font-size: 0.84rem; }
.ze0932 { margin: 0 0 8px; color: var(--iris); }
.zcc42f ul { list-style: none; margin: 0; padding: 0 0 0 14px; border-left: 1px solid var(--line-2); }
.zcc42f li { padding: 3px 0; } .zcc42f li a { color: var(--muted); } .zcc42f li a::before { content: "├ "; color: var(--faint); }
@media (max-width: 760px) { .zcc42f { grid-template-columns: 1fr; } }
.z3d1b8 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 28px 0 12px; padding: 10px 14px; background: var(--night); border: 1px solid var(--line); border-radius: 4px; font-family: var(--mono); font-size: 0.8rem; color: var(--faint); }
.z3d1b8 a { color: var(--muted); } .z3d1b8 .z995f8 { margin-right: auto; }
.z49577 { margin: 0; font-size: 0.8rem; color: var(--faint); max-width: 860px; }

/* Research notes */
.z04fa3 { padding: 44px 0 20px; }
.zdcc52 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 22px 0 0; border: 1px solid var(--line-2); border-radius: 6px; overflow: hidden; }
.zdcc52 div { padding: 10px 14px; border-right: 1px solid var(--line-2); } .zdcc52 div:last-child { border-right: 0; }
.zdcc52 dt { font-family: var(--mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--faint); } .zdcc52 dd { margin: 2px 0 0; color: var(--text); }
@media (max-width: 700px) { .zdcc52 { grid-template-columns: 1fr 1fr; } .zdcc52 div:nth-child(2) { border-right: 0; } .zdcc52 div:nth-child(-n+2) { border-bottom: 1px solid var(--line-2); } }
.zd331c { max-width: 900px; }
.ze52dc { margin: 0 0 22px; padding: 12px 16px; background: #05070a; border: 1px solid var(--line-2); border-radius: 6px; font-family: var(--mono); font-size: 0.82rem; }
.z593f0 { margin: 0 0 6px; color: var(--iris); }
.ze52dc ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; } .ze52dc a { color: var(--muted); }
.z8c1b0 { margin: 0 0 28px; } .z8c1b0 img { display: block; width: 100%; height: auto; border-radius: 6px; border: 1px solid var(--line-2); }
.zdcdc5 { padding-top: 8px; }
.za3727 { font-family: var(--mono); color: var(--iris); margin-right: 12px; font-size: 0.8em; }
.z1f723 { padding-bottom: 20px; }
.see-also { padding: 36px 0; border-top: 1px solid var(--line); }
.see-also h2 { font-family: var(--mono); font-size: 1rem; color: var(--iris); margin: 0 0 12px; }
.z0df4e { list-style: none; margin: 0 0 12px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.z0df4e a { display: block; padding: 12px 14px; border: 1px solid var(--line-2); border-radius: 6px; text-decoration: none; color: var(--text); }
.z0df4e code { display: block; font-family: var(--mono); font-size: 0.74rem; color: var(--faint); margin-bottom: 4px; background: none; padding: 0; }
@media (max-width: 700px) { .z0df4e { grid-template-columns: 1fr; } }

/* Contact: a support ticket */
.z209f2 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.z06b16 { border: 1px solid var(--line-2); border-radius: 8px; background: var(--night); overflow: hidden; }
.z426ae { display: flex; justify-content: space-between; margin: 0; padding: 10px 18px; background: var(--dusk); border-bottom: 1px solid var(--line-2); font-family: var(--mono); font-size: 0.78rem; color: var(--faint); }
.z06b16 .z46789 { padding: 18px; background: transparent; border: 0; box-shadow: none; }
.z0d88d { font-size: 0.92rem; color: var(--muted); border-left: 2px solid var(--iris); padding-left: 18px; }
.z0d88d h2 { font-size: 1rem; margin: 0 0 12px; } .z0d88d code { font-family: var(--mono); background: none; padding: 0; color: var(--iris); }
@media (max-width: 900px) { .z209f2 { grid-template-columns: 1fr; } }

/* ===== CamReachLab page composition: dashboards and logs ===== */
.zabaf8 { padding: 48px 0 36px; }
.zabaf8 .z19079 { font-family: var(--mono); }
.zabaf8 .z19079::before { content: "$ "; }
.zabaf8 .z781cd { background: #05070a !important; border: 1px solid var(--line-2) !important; border-radius: 8px !important; box-shadow: none !important; font-family: var(--mono); }
.zabaf8 .z781cd h2 { font-family: var(--mono); font-size: 0.8rem; color: var(--iris); text-transform: lowercase; }
.zabaf8 .z781cd h2::before { content: "# "; }
.zabaf8 .z781cd li { border-color: var(--line) !important; font-size: 0.86rem; }
.zabaf8 .z781cd li svg { color: var(--iris); }
.z8f46c h2::before, .z550f0 h2::before { content: "## "; font-family: var(--mono); color: var(--iris); font-size: 0.6em; vertical-align: middle; }
.z7afdf, .z1a8e9 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; border: 1px solid var(--line-2); border-radius: 8px; overflow: hidden; counter-reset: md; }
.z7afdf li, .z1a8e9 li { counter-increment: md; border: 0 !important; border-right: 1px solid var(--line-2) !important; border-bottom: 1px solid var(--line-2) !important; border-radius: 0 !important; background: var(--night) !important; box-shadow: none !important; padding: 20px !important; position: relative; }
.z7afdf li::after, .z1a8e9 li::after { content: "[" counter(md, decimal-leading-zero) "]"; position: absolute; top: 16px; right: 18px; font-family: var(--mono); font-size: 0.74rem; color: var(--faint); }
@media (max-width: 760px) { .z7afdf, .z1a8e9 { grid-template-columns: 1fr !important; } }
.z424ab li { font-family: inherit; }
.z424ab .z70531 { font-family: var(--mono) !important; color: var(--iris) !important; }
.z424ab .z70531::before { content: "["; } .z424ab .z70531::after { content: "]"; }
.zd4898, .z140c1 { border-radius: 8px !important; background: #05070a !important; border: 1px solid var(--iris) !important; box-shadow: none !important; transform: none !important; }
.zd4898 .z35643 { font-family: var(--mono); border-radius: 4px !important; }
.z39f1d .z19264 { font-family: var(--mono) !important; }
.z80a1d, .za5b0a { background: #05070a !important; border-radius: 8px !important; box-shadow: none !important; }
.z80a1d h3, .zd62ca { font-family: var(--mono); }
.z15ce9 a { border-radius: 6px !important; }
.z15ce9 a span { font-family: var(--mono); }
.site-header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; overflow: visible !important; }
.zde098 .header-cta { display: inline-flex !important; align-self: flex-start; }

/* Pricing: package config files */
.zb2cac { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.z3a48c { background: #05070a; border: 1px solid var(--line-2); border-radius: 8px; font-family: var(--mono); font-size: 0.84rem; overflow: hidden; }
.z81b0f { border-color: var(--iris); box-shadow: 0 0 0 1px var(--iris) inset; }
.ze1e21 { display: flex; justify-content: space-between; margin: 0; padding: 10px 16px; background: var(--dusk); border-bottom: 1px solid var(--line-2); color: var(--muted); }
.z1c7c9 { color: var(--iris); }
.zd55b3 { margin: 0; padding: 14px 16px 4px; }
.zd55b3 div { display: grid; grid-template-columns: 140px 1fr; gap: 8px; padding: 3px 0; }
.zd55b3 dt { color: var(--blush); } .zd55b3 dt::after { content: ":"; } .zd55b3 dd { margin: 0; color: var(--text); }
.zd55b3 div:nth-child(3) dd { font-size: 1.5rem; color: var(--iris); line-height: 1.2; }
.zd55b3 div:nth-child(5) dd { text-decoration: line-through; color: var(--faint); }
.zd4442 { margin: 6px 16px 4px; color: var(--blush); }
.z70157 { margin: 0; padding: 0 16px 0 34px; color: var(--muted); } .z70157 li { padding: 2px 0; } .z70157 li::marker { content: "- "; color: var(--faint); }
.z67690 { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 14px 16px 16px; margin: 0; font-family: var(--sans); }
@media (max-width: 1000px) { .zb2cac { grid-template-columns: 1fr; } }
/* The comparison table becomes a feature matrix */
.zffaaa { font-family: var(--mono); font-size: 0.84rem; }
.zffaaa thead th { color: var(--iris); }
/* Research hub listing */
.zfc37e { width: 100%; border-collapse: collapse; font-size: 0.92rem; min-width: 640px; }
.zfc37e th { text-align: left; font-family: var(--mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--faint); padding: 8px 12px; border-bottom: 1px solid var(--line-2); }
.zfc37e td { padding: 14px 12px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--muted); }
.zfc37e td a { display: block; color: var(--text); font-weight: 600; text-decoration: none; } .zfc37e td a:hover { color: var(--iris); }
.zfc37e td code { display: block; font-family: var(--mono); font-size: 0.74rem; color: var(--faint); background: none; padding: 0; margin-top: 3px; }
.zfc37e .zf706c { font-family: var(--mono); color: var(--iris); }
.z6797a { font-family: var(--mono); font-size: 0.72rem; color: var(--faint); margin-left: 10px; background: none; font-weight: 400; }
/* Home hero: a two-pane console */
.za8ce2 .za594b { border: 1px solid var(--line-2); border-radius: 10px; background: linear-gradient(90deg, transparent, rgba(69, 227, 168, 0.03)); padding: 32px; }
.za8ce2 { padding: 36px 0 48px; }
.ze0f32 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 !important; border: 1px solid var(--line-2); border-radius: 8px; overflow: hidden; }
.z46e5a { display: block !important; padding: 20px !important; border: 0 !important; border-right: 1px solid var(--line-2) !important; border-bottom: 1px solid var(--line-2) !important; border-radius: 0 !important; background: var(--night) !important; }
.z46e5a > div { display: block; } .z46e5a .zf139a { display: none; }
.z46e5a h3::before { content: "./"; font-family: var(--mono); color: var(--iris); font-size: 0.8em; }
@media (max-width: 760px) { .ze0f32 { grid-template-columns: 1fr; } }