/* BetterWeb: dark surfaces, technical typography, restrained neon accents. */
:root {
  --surface: #0d141b;
  --surface-raised: #111b24;
  --line: #ffffff12;
  --ink: #f1f5f7;
  --muted: #9baab8;
  --mint: #64e9c3;
}
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { background: #080d12; color: var(--ink); -webkit-font-smoothing: antialiased; }
section[id], #demo { scroll-margin-top: 100px; }
a, button { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--mint); outline-offset: 5px; }
::selection { background: #64e9c340; color: white; }
.container { max-width: 1248px; }
.text-secondary-text { color: #adbac6; }
h1, h2, h3, h4 { letter-spacing: -.035em; text-wrap: balance; }
p { text-wrap: pretty; }
#animated-background { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: #080d12; }
.ambient-glow { position: absolute; width: 700px; height: 700px; border-radius: 50%; filter: blur(90px); opacity: .12; }
.ambient-glow-blue { background: radial-gradient(circle, #236797, transparent 65%); top: -240px; right: -200px; }
.ambient-glow-green { background: radial-gradient(circle, #207860, transparent 65%); top: 200px; left: -400px; }
.site-header { background: #080d12ed; border-color: var(--line); backdrop-filter: blur(20px); }
.site-header > .container > .flex { height: 76px; gap: 20px; }
.site-header .brand-name { font-family: 'Space Grotesk', sans-serif; color: var(--ink); font-size: 21px; letter-spacing: -.8px; text-shadow: none; }
.brand-symbol { width: 32px; height: 32px; }
.brand-name + span { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 400; color: #8c9aa8; border: 1px solid #ffffff18; border-radius: 4px; padding: 2px 5px; }
.site-header nav ul { gap: 25px; }
.site-header nav li { margin: 0; }
.site-header nav a { font-size: 12px; color: #a5b1bd; white-space: nowrap; }
.site-header nav a:hover { color: var(--mint); }
.site-header .language-toggle { background: transparent; border-color: var(--line); min-height: 36px; }
.site-header .language-toggle > span { font-size: 15px; }
.site-header .site-button--secondary { border: 0; background: transparent; padding-inline: 8px; color: #c1cbd4; }
.site-button { border-radius: 8px; font-size: 14px; font-weight: 600; min-height: 46px; transition: background .2s, border-color .2s, box-shadow .2s; }
.site-button:hover { scale: 1; transform: translateY(-1px); }
.site-button--primary { background: var(--mint); background-image: none; border: 1px solid var(--mint); color: #062019; box-shadow: 0 2px 0 #ffffff20 inset, 0 4px 18px #64e9c310; }
.site-button--primary:hover { background: #8ef4d5; border-color: #8ef4d5; box-shadow: 0 4px 25px #64e9c326; }
.site-button--primary > div { display: none; }
.site-button--secondary { border: 1px solid #ffffff24; color: #d8e2e9; background: #ffffff03; }
.site-button--secondary:hover { border-color: #64e9c370; background: #64e9c309; }
.site-button--sm { min-height: 36px; font-size: 12px; }
.site-button--xl, .site-button--lg { padding: 14px 24px; font-size: 14px; }
.site-button svg { width: 16px; height: 16px; }
#hero { min-height: auto; display: block; padding: 0; border-bottom: 1px solid var(--line); }
#hero::before { content: ''; position: absolute; inset: 76px 0 0; pointer-events: none; background-image: linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(black, transparent 85%); }
.hero-container { padding: 146px 24px 24px; }
.hero-layout { display: grid; grid-template-columns: 1.16fr 1fr; gap: 36px; align-items: center; padding-bottom: 64px; }
.hero-copy { position: relative; z-index: 2; }
#hero .hero-release { margin-bottom: 26px; padding: 7px 11px; background: #64e9c307; border: 1px solid #64e9c326; border-radius: 5px; }
.hero-release span:last-child { color: #b0c6bd; font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 400; }
.hero-release span:first-child { width: 5px; height: 5px; background: var(--mint); }
#hero h1 { font-size: clamp(64px, 7.8vw, 108px); line-height: 1; letter-spacing: -.075em; margin-bottom: 20px; font-weight: 600; }
#hero h1 span { background: linear-gradient(115deg, #f1f8fa 10%, #a9ece5 62%, #64e9c3); background-clip: text; -webkit-background-clip: text; animation: none; }
#hero h2 { font-size: clamp(24px, 2.5vw, 34px); color: #e2edf2; line-height: 1.24; letter-spacing: -.035em; max-width: 560px; margin-bottom: 22px; font-weight: 500; animation: none; }
#hero .hero-copy > p { font-size: 16px; line-height: 1.85; max-width: 515px; color: var(--muted); margin: 0 0 30px; animation: none; }
#hero .hero-actions { justify-content: flex-start; gap: 12px; margin-bottom: 0; animation: none; }
.hero-visual { aspect-ratio: 1; position: relative; width: 100%; max-width: 530px; justify-self: end; }
.orbital-grid { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(ellipse, #64e9c30c, transparent 65%); }
.orbital-sphere { width: 100%; height: 100%; transform: rotate(-12deg); filter: drop-shadow(0 0 18px #49e8b515); }
.orbit-label { position: absolute; display: flex; align-items: center; gap: 11px; font: 12px 'JetBrains Mono', monospace; letter-spacing: -.25px; color: #d4e1e9; background: #101b24ee; border: 1px solid #ffffff1f; border-radius: 9px; padding: 14px 17px; box-shadow: 0 10px 40px #0005; }
.orbit-label svg { width: 17px; height: 17px; color: #64e9c3; }
.orbit-label-top { top: 12%; right: 6%; }
.orbit-label-left { top: 48%; left: -3%; }
.orbit-label-left svg { color: #b694fa; }
.orbit-label-bottom { bottom: 12%; right: 5%; }
.orbit-label-bottom svg { color: #61bcf5; }
.orbit-dot { width: 5px; height: 5px; border-radius: 50%; background: #64e9c3; margin-left: 8px; box-shadow: 0 0 8px #64e9c340; }
.orbit-coordinate { position: absolute; bottom: 3%; left: 45%; font: 11px 'JetBrains Mono', monospace; color: #546874; letter-spacing: 5px; }
#hero .hero-benefits { gap: 0; margin: 0; border: 1px solid #ffffff16; border-radius: 12px; background: #0e161ddd; overflow: hidden; animation: none; }
#hero .hero-benefits .product-card + .product-card { border-left: 1px solid var(--line); }
#hero .hero-benefits .product-card-body { border: 0; background: transparent; border-radius: 0; padding: 27px 26px 26px 76px; text-align: left; backdrop-filter: none; }
#hero .hero-benefits .product-card-body > div:first-child { position: absolute; left: 24px; top: 28px; width: 32px; height: 32px; margin: 0; border-radius: 7px; background: #ffffff05; }
#hero .hero-benefits .product-card-body > div:first-child svg { width: 19px; height: 19px; }
#hero .hero-benefits h3 { font-size: 15px; color: #e0e9ef; margin: 0 0 9px; letter-spacing: -.02em; }
#hero .hero-benefits p { font-size: 12px; line-height: 1.8; color: var(--muted); margin: 0; }
#hero .hero-metrics { margin: 0; padding: 34px 0 28px; justify-content: flex-start; gap: 0; animation: none; }
#hero .hero-metrics > div { display: flex; align-items: center; gap: 12px; padding: 0 36px; border-right: 1px solid #ffffff18; }
#hero .hero-metrics > div:first-child { padding-left: 0; }
#hero .hero-metrics > div:last-child { border: 0; }
#hero .hero-metrics > div > div:first-child { font: 500 27px 'Space Grotesk', sans-serif; color: #e0edf2; margin: 0; }
#hero .hero-metrics > div > div:last-child { font: 10px 'JetBrains Mono', monospace; color: #8294a3; max-width: 85px; text-align: left; line-height: 1.65; }
#hero .hero-metrics > div:hover { transform: none; scale: 1; }
#hero .hero-scroll { position: absolute; right: 24px; bottom: 51px; animation: none; }
.hero-scroll a { flex-direction: row; gap: 12px; padding: 0; }
.hero-scroll span { font-size: 11px; margin: 0; }
.hero-scroll svg { width: 14px; height: 14px; animation: none; }
.sections-container > section:not(#hero) { padding-top: 96px; padding-bottom: 96px; border-bottom: 1px solid var(--line); }
.sections-container > section:nth-child(even) { background: #0d141b80; }
.section-heading h2, #products > .container > .text-center h2 { font-size: clamp(30px, 3.6vw, 46px); font-weight: 500; line-height: 1.18; }
.section-heading h2 > span { color: #edf3f7; }
.section-heading h2 > div { width: 38px; height: 2px; margin: 20px auto 0; background: #64e9c3; }
.section-heading > p, #products > .container > .text-center > p { font-size: 16px; line-height: 1.85; max-width: 660px; margin-top: 22px; color: var(--muted); }
.section-heading--medium h2 { font-size: clamp(25px, 3vw, 34px); }
.section-heading--small h2 { font-size: 25px; }
.section-heading--medium > p, .section-heading--small > p { font-size: 15px; }
.section-heading { margin-bottom: 48px; }
#value > .container > .text-center:first-child { margin-bottom: 48px; }
#value > .container > .text-center:first-child > .section-heading { margin-bottom: 0; }
.product-card { height: 100%; min-width: 0; }
.product-card > .absolute { display: none; }
.product-card .product-card-body { background: linear-gradient(145deg, #15202b80, #0d151c); border: 1px solid #ffffff14; border-radius: 12px; padding: 28px; transition: border-color .2s, background .2s; backdrop-filter: none; }
.product-card:hover .product-card-body { border-color: #64e9c344; }
.product-card-body > div:first-child:has(> svg) { width: 44px; height: 44px; border-radius: 10px; background-color: #ffffff05; margin-bottom: 23px; }
.product-card-body > div:first-child > svg { width: 23px; height: 23px; }
.product-card-body > h3 { color: #e2eaf0; font-size: 20px; font-weight: 500; letter-spacing: -.025em; }
.product-card-body > p { font-size: 14px; line-height: 1.85; }
.product-card-body > p:last-child { margin-bottom: 0; }
.product-card--badge .product-card-body { padding: 20px; display: flex; align-items: center; gap: 14px; text-align: left; }
.product-card--badge .product-card-body > div:first-child { width: 32px; height: 32px; flex-shrink: 0; margin: 0; }
.product-card--badge .product-card-body > h3 { margin: 0; font-size: 14px; }
.metric-item { border-color: var(--line); background: transparent; border-radius: 8px; }
.metric-item:hover { transform: none; scale: 1; box-shadow: none; }
#products .rounded-3xl { background: #0d151d; border-color: #ffffff18; border-radius: 16px; }
#products .rounded-2xl { border-color: #ffffff18; background: #111b24; }
#products .drop-shadow-glow { filter: none; }
#products h5 { font-size: 17px; }
#products .hidden.lg\:block .flex-1 { padding-inline: 8px; min-width: 0; }
#products .hidden.lg\:block .flex-1 .p-6 { padding: 20px; }
#products .hidden.lg\:block .flex-1 .items-start { flex-direction: column; gap: 16px; }
#products .hidden.lg\:block .flex-1 .w-14 { width: 38px; height: 38px; border-radius: 8px; }
#products .hidden.lg\:block .flex-1 .w-7 { width: 21px; height: 21px; }
#products .hidden.lg\:block .flex-1 p { font-size: 13px; }
#products .hidden.lg\:block .shrink-0.mt-24 { width: 28px; }
#products .hidden.lg\:block .shrink-0.mt-24 > div { width: 26px; height: 26px; }
#products .hidden.lg\:block .shrink-0.mt-24 svg { width: 14px; height: 14px; }
#benchmarks .product-card-body .h-3 { height: 6px; }
#benchmarks .product-card-body .text-2xl { font-size: 30px; }
#demo .demo-tab { border-radius: 6px; }
#demo .demo-tab.active { background: var(--mint); color: #062019; }
#demo .inline-flex { border-color: var(--line); background: #111b24; border-radius: 9px; padding: 5px; }
.terminal-window { border-color: #ffffff20 !important; border-radius: 12px !important; box-shadow: 0 20px 60px #0003 !important; }
.terminal-window .terminal-header { background: #141e27; border-color: #ffffff12; padding: 13px 18px; }
.terminal-window .terminal-content { background: #0a1118; padding: 24px; line-height: 1.9; }
.terminal-window .terminal-title { color: #aebdca; }
.terminal-window .terminal-control { width: 8px; height: 8px; opacity: .75; }
.terminal-window .terminal-content * { font-family: 'JetBrains Mono', monospace; }
footer { background: #080d12; border-top: 1px solid var(--line); }
footer .text-secondary-text { font-size: 13px; }
.prose { max-width: 850px; margin: 0 auto; line-height: 1.9; }
.prose h2 { font-size: 28px; margin: 36px 0 12px; }
.prose h3 { font-size: 21px; margin: 24px 0 8px; }
.prose p, .prose ul { margin: 16px 0; color: #adbac6; }
.prose ul { padding-left: 24px; list-style: disc; }
.prose a { color: var(--mint); text-decoration: underline; text-underline-offset: 4px; }
.document-page { position: relative; overflow: hidden; padding: 118px 0 0; background: #0a1118; }
.document-ambient { position: absolute; top: -230px; right: -170px; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle, #2a7a7550, #152b3120 42%, transparent 68%); filter: blur(30px); pointer-events: none; }
.document-page > .container { position: relative; z-index: 1; }
.document-breadcrumb { display: flex; align-items: center; gap: 12px; color: #8093a1; font: 11px 'JetBrains Mono', monospace; letter-spacing: .02em; }
.document-breadcrumb a:hover { color: var(--mint); }
.document-breadcrumb span:last-child { color: #b9c7d0; }
.document-hero { display: grid; grid-template-columns: minmax(0, 1fr) 145px; align-items: end; gap: 28px; padding: 66px 0 76px; border-bottom: 1px solid #ffffff22; }
.document-eyebrow { color: var(--mint); font: 11px 'JetBrains Mono', monospace; letter-spacing: .16em; text-transform: uppercase; }
.document-hero h1 { margin: 20px 0 22px; max-width: 900px; font: 500 clamp(50px, 7.5vw, 100px)/.99 'Space Grotesk', sans-serif; letter-spacing: -.07em; color: #eef5f8; }
.document-lead { max-width: 740px; margin: 0; font-size: clamp(16px, 1.55vw, 20px); line-height: 1.7; color: #aebfca; }
.document-hero-mark { width: 132px; height: 132px; border: 1px solid #64e9c340; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: var(--mint); background: radial-gradient(circle, #64e9c312, transparent 72%); box-shadow: 0 0 0 17px #64e9c306, 0 0 0 34px #64e9c303; }
.document-hero-mark span { font: 500 32px 'Space Grotesk', sans-serif; letter-spacing: -.06em; }
.document-hero-mark svg { width: 16px; height: 16px; }
.document-layout { display: grid; grid-template-columns: minmax(0, 770px) minmax(210px, 1fr); gap: clamp(45px, 8vw, 125px); align-items: start; padding: 70px 0 100px; }
.document-body.prose { max-width: none; margin: 0; color: #afbec8; font-size: 16px; line-height: 1.85; }
.document-body.prose > :first-child { margin-top: 0; }
.document-body.prose h2 { margin: 56px 0 15px; padding-top: 24px; border-top: 1px solid #ffffff16; color: #edf5f7; font: 500 clamp(27px, 3vw, 37px)/1.2 'Space Grotesk', sans-serif; letter-spacing: -.045em; }
.document-body.prose h3 { margin: 34px 0 11px; color: #e0ebf0; font: 500 21px/1.35 'Space Grotesk', sans-serif; }
.document-body.prose h2:first-child { margin-top: 0; padding-top: 0; border: 0; }
.document-body.prose p { margin: 0 0 20px; color: #acbbc6; }
.document-body.prose strong { color: #edf4f7; font-weight: 600; }
.document-body.prose ul, .document-body.prose ol { padding-left: 25px; margin: 12px 0 28px; color: #acbbc6; }
.document-body.prose li { padding-left: 5px; margin: 8px 0; }
.document-body.prose li::marker { color: var(--mint); }
.document-body.prose a { color: #82ebcb; text-decoration-thickness: 1px; }
.document-body.prose a:hover { color: white; }
.document-body.prose blockquote { margin: 29px 0; padding: 19px 23px; border-left: 2px solid var(--mint); background: #64e9c309; border-radius: 0 8px 8px 0; }
.document-body.prose blockquote p { margin: 0; color: #c6d7de; }
.document-body.prose hr { border: 0; border-top: 1px solid #ffffff20; margin: 45px 0; }
.document-body.prose code { color: #b7ebdb; background: #64e9c310; border: 1px solid #64e9c320; border-radius: 4px; padding: 1px 5px; font-size: .85em; }
.document-aside { position: sticky; top: 115px; padding-top: 4px; }
.document-aside-label { margin: 0 0 15px; font: 11px 'JetBrains Mono', monospace; color: #718796; letter-spacing: .14em; text-transform: uppercase; }
.document-aside > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 0; border-top: 1px solid #ffffff18; color: #c5d3dc; font-size: 14px; transition: color .2s; }
.document-aside > a:hover { color: var(--mint); }
.document-aside > a svg { width: 15px; height: 15px; color: #6f8996; }
.document-aside-note { display: flex; align-items: start; gap: 9px; margin-top: 34px; color: #8295a3; font: 11px/1.65 'JetBrains Mono', monospace; }
.document-aside-dot { flex: 0 0 6px; height: 6px; margin-top: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px #64e9c365; }
.document-next { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 33px 0 55px; border-top: 1px solid #ffffff20; }
.document-next p { margin: 0; }
.document-next .document-eyebrow { margin-bottom: 10px; }
.document-next div > p:last-child { color: #d9e6eb; font: 500 22px 'Space Grotesk', sans-serif; }
.document-next a { display: inline-flex; align-items: center; gap: 15px; color: var(--mint); white-space: nowrap; font-size: 14px; }
.document-next a svg { width: 17px; height: 17px; }
@media (max-width: 767px) {
  .document-page { padding-top: 97px; }
  .document-hero { grid-template-columns: 1fr; padding: 54px 0 56px; }
  .document-hero h1 { font-size: clamp(48px, 12vw, 76px); }
  .document-hero-mark { display: none; }
  .document-layout { grid-template-columns: 1fr; gap: 35px; padding: 50px 0 70px; }
  .document-aside { position: static; border-top: 1px solid #ffffff20; padding-top: 28px; }
  .document-next { align-items: start; flex-direction: column; padding-bottom: 45px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .site-header nav ul { gap: 16px; }
  .site-header .brand-name { font-size: 19px; }
  .site-header > .container > .flex { gap: 12px; }
  .site-header .space-x-4 { gap: 10px; }
}
@media (max-width: 1023px) {
  .hero-container { padding-top: 124px; }
  .hero-layout { gap: 16px; }
  #hero h1 { font-size: 72px; }
  #hero h2 { font-size: 28px; }
  .orbit-label { padding: 10px; font-size: 10px; gap: 6px; }
  #hero .hero-benefits .product-card-body { padding: 24px; }
  #hero .hero-benefits .product-card-body > div:first-child { position: static; margin-bottom: 16px; }
  #hero .hero-metrics > div { padding-inline: 24px; }
  .hero-scroll span { max-width: 60px; }
  #mobile-menu { border-top: 1px solid var(--line); padding-top: 20px; max-height: calc(100dvh - 76px); overflow-y: auto; }
  #mobile-menu a { padding-block: 10px; }
  #mobile-menu-button { padding: 8px; border: 1px solid var(--line); border-radius: 6px; color: #c8d5df; }
}
@media (max-width: 767px) {
  .site-header > .container > .flex { height: 68px; gap: 8px; }
  .site-header .brand-name { font-size: 18px; }
  .brand-symbol { width: 27px; height: 27px; }
  .brand-name + span { display: none; }
  .site-header .space-x-4 { gap: 8px; }
  .site-header .space-x-4 > * { margin: 0; }
  .site-header .language-toggle { padding: 8px; gap: 4px; }
  .site-header .site-button--primary { padding-inline: 12px; }
  .hero-container { padding: 112px 22px 20px; }
  .hero-layout { grid-template-columns: 1fr; padding-bottom: 28px; gap: 8px; }
  #hero h1 { font-size: clamp(58px, 12vw, 88px); margin-bottom: 20px; }
  #hero h2 { font-size: 28px; max-width: 500px; }
  #hero .hero-copy > p { font-size: 15px; line-height: 1.8; margin-bottom: 26px; }
  #hero .hero-actions { flex-direction: row; flex-wrap: wrap; gap: 10px; }
  #hero .hero-actions a { padding: 12px 17px; font-size: 12px; }
  #hero .hero-release { margin-bottom: 25px; }
  .hero-visual { max-width: 330px; justify-self: center; margin-block: 10px; }
  .orbit-label { font-size: 10px; padding: 10px 12px; }
  #hero .hero-benefits .product-card + .product-card { border-left: 0; border-top: 1px solid var(--line); }
  #hero .hero-benefits .product-card-body { padding: 23px 23px 23px 69px; }
  #hero .hero-benefits .product-card-body > div:first-child { position: absolute; left: 21px; top: 24px; margin: 0; }
  #hero .hero-benefits h3 { font-size: 15px; }
  #hero .hero-benefits p { font-size: 12px; }
  #hero .hero-metrics { display: grid; grid-template-columns: repeat(3, 1fr); padding: 26px 0; }
  #hero .hero-metrics > div { display: block; padding-inline: 12px; text-align: center; }
  #hero .hero-metrics > div:first-child { padding-left: 0; }
  #hero .hero-metrics > div:last-child { padding-right: 0; }
  #hero .hero-metrics > div > div:first-child { font-size: 27px; margin-bottom: 6px; }
  #hero .hero-metrics > div > div:last-child { max-width: none; text-align: center; font-size: 9px; }
  #hero .hero-scroll { position: static; margin: 0 0 8px; }
  .hero-scroll span { max-width: none; }
  .sections-container > section:not(#hero) { padding: 64px 22px; }
  .sections-container > section:not(#hero) > .container { padding-inline: 0; }
  .section-heading { margin-bottom: 32px; }
  .section-heading > p, #products > .container > .text-center > p { font-size: 15px; }
  .product-card .product-card-body { padding: 24px; }
  .product-card--badge .product-card-body { padding: 16px; flex-direction: column; align-items: flex-start; gap: 12px; }
  .product-card--badge .product-card-body > h3 { font-size: 13px; text-wrap: wrap; }
  #value .mb-24, #value .mb-20 { margin-bottom: 40px; }
  #products .rounded-3xl { padding: 24px 16px; }
  #products .ml-5.pl-8 { margin-left: 5px; padding-left: 14px; }
  #products .ml-5 .items-start { flex-direction: column; }
  #products h3.text-3xl { font-size: 26px; }
  #demo .demo-tab { padding: 10px 9px; font-size: 10px; }
  #getting-started .font-mono { overflow-wrap: anywhere; }
  .terminal-window .terminal-content { padding: 16px; font-size: 11px; }
}
@media (max-width: 374px) {
  .site-header .brand-symbol { display: none; }
  .site-header .site-button--primary { padding-inline: 8px; font-size: 11px; }
  .hero-container { padding-inline: 18px; }
  #hero h2 { font-size: 25px; }
  #hero .hero-actions a { padding-inline: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: 0s !important; scroll-behavior: auto !important; }
  .terminal-window .terminal-line { opacity: 1; }
}

/* Keep dense comparison and pricing content inside narrow viewports. */
#problem .grid > *, #problem .flex-1 { min-width: 0; }
#problem .font-mono { overflow-wrap: anywhere; }
#problem .rounded-2xl { background: #101922; border-color: #ffffff1a; border-radius: 12px; }
#problem .group\/card { background: #0a111980; border-color: #ffffff10; }
#problem .group\/card p { font-size: 14px; line-height: 1.8; }
#problem .group\/card h4 { font-size: 16px; }
#enterprise .scale-105 { scale: 1; transform: none; }
#enterprise > .container > .grid > .group > .absolute { display: none; }
#enterprise > .container > .grid > .group > .relative { height: 100%; background: #101922; border-color: #ffffff1a; border-radius: 12px; }
#enterprise > .container > .grid > .group.scale-105 > .relative { border: 1px solid #64e9c360; background: linear-gradient(150deg, #142b2b, #101922); }
#enterprise .text-glow-blue { text-shadow: none; }
@media (max-width: 1023px) {
  #problem h3 { font-size: 22px; flex-wrap: wrap; gap: 10px; }
  #problem h3 > .ml-4 { margin-left: 0; }
}
@media (max-width: 767px) {
  .site-header .site-button--secondary { display: none; }
  #problem .p-8, #problem .p-6 { padding: 20px; }
  #problem .items-start { flex-direction: column; gap: 12px; }
  #problem .items-start > * { margin-inline: 0; }
  #problem .justify-between { gap: 12px; }
  #problem .justify-between > .w-12 { width: 32px; height: 32px; flex-shrink: 0; }
  #problem h3 { font-size: 20px; }
  #enterprise .p-10 { padding: 24px; }
}

/* Shared section rhythm and supporting surfaces. */
.sections-container > section > .absolute.inset-0 { opacity: .3; }
.sections-container > section > .container > .section-heading { margin-bottom: 52px; }
.section-heading .text-glow-blue { text-shadow: none; color: var(--mint); }
.section-heading h2 > span.ml-4 { margin-left: 8px; }
#value .metric-item { padding-block: 24px; }
#value .metric-item > div:first-child { font-size: 38px; font-weight: 500; }
#value .feature-badge { height: 100%; }
#problem > .container > .grid { gap: 24px; }
#problem .space-y-8:hover { scale: 1; transform: none; }
#problem .relative.group > .absolute { display: none; }
#problem .rounded-2xl > .justify-between { border-bottom: 1px solid var(--line); padding-bottom: 22px; margin-bottom: 24px; }
#problem h3 { font-size: 23px; font-weight: 500; letter-spacing: -.035em; }
#problem h3 .absolute { display: none; }
#problem h3 > div { font: 9px 'JetBrains Mono', monospace; letter-spacing: .05em; border-radius: 4px; padding: 5px 7px; }
#problem .rounded-2xl > .justify-between > div { width: 34px; height: 34px; border-radius: 7px; background: #ffffff05; }
#problem .rounded-2xl > .justify-between > div svg { width: 19px; height: 19px; }
#problem .group\/card { padding: 22px; border-radius: 9px; }
#problem .group\/card .w-10 { flex-shrink: 0; width: 30px; height: 30px; background: #ffffff05; }
#problem .group\/card .text-lg { font-size: 16px; }
#problem .group\/card .font-mono { background: #050a10; border-color: #ffffff0e; font: 11px/1.8 'JetBrains Mono', monospace; }
#products > .container > .text-center h2 span { background: none; color: #edf3f7; -webkit-text-fill-color: currentColor; }
.product-catalog { margin-bottom: 0; gap: 24px; }
#products .product-catalog > div { display: flex; flex-direction: column; padding: 28px; background: linear-gradient(145deg,#14212c,#0d151d); border-color: #ffffff16; border-radius: 12px; }
.product-catalog > div > div:first-child { margin-bottom: 23px; }
.product-catalog > div > div:first-child > div:first-child { width: 44px; height: 44px; background: #ffffff04; border: 1px solid #ffffff16; border-radius: 9px; }
.product-catalog > div > div:first-child svg { width: 23px; height: 23px; }
.product-catalog h3 { color: #e3ecf1; font-size: 23px; font-weight: 500; }
.product-catalog > div > div:first-child p { font: 10px 'JetBrains Mono', monospace; margin-top: 3px; color: #899eaf; }
.product-catalog > div > p, .product-catalog li { font-size: 13px; line-height: 1.85; color: #a7b7c4; }
.product-catalog li svg { width: 13px; height: 13px; color: #64e9c3; }
.product-catalog > div > button { margin-top: auto; min-height: 44px; border: 1px solid #ffffff25; border-radius: 7px; background: #ffffff04; color: #d2e2ec; font-size: 12px; }
.product-catalog > div > button:hover { border-color: #64e9c355; background: #64e9c309; }
.product-catalog > div > button svg { width: 15px; height: 15px; }
#benchmarks .product-card-body > .mb-6:last-child { margin-bottom: 0; }
#benchmarks .group\/bar > div:first-child span { font-size: 12px; }
#benchmarks .product-card-body > div > .text-center > .text-5xl { font: 500 42px 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
#benchmarks .product-card-body > div > .text-center > .text-lg { font-size: 15px; color: #e0e9ee; margin-top: 12px; }
.testimonial-grid { gap: 24px; }
.testimonial-grid > .group > .absolute { display: none; }
.testimonial-grid > .group > .relative { display: flex; flex-direction: column; height: 100%; padding: 30px; background: #101922; border: 1px solid #ffffff16; border-radius: 12px; }
.testimonial-grid > .group > .relative:hover { border-color: #64e9c344; }
.testimonial-grid .w-12 { width: 38px; height: 38px; font: 11px 'JetBrains Mono', monospace; border-radius: 50%; background: #ffffff06; border: 1px solid #ffffff16; }
.testimonial-grid .fill-current { width: 12px; height: 12px; margin-right: 4px; color: #64e9c3; }
.testimonial-grid blockquote { font-size: 15px; line-height: 1.9; color: #bdcbd6; margin-bottom: 28px; flex: 1; }
.testimonial-grid .border-t { border-color: var(--line); padding-top: 20px; }
.testimonial-grid .border-t > div:first-child { color: #e0eaf0; font-size: 13px; font-weight: 500; }
.testimonial-grid .border-t > div:last-child { font-size: 11px; margin-top: 5px; }
#testimonials > .container > .mt-16 { margin-top: 32px; }
#testimonials > .container > .mt-16 a { font-size: 13px; color: var(--mint); }
#testimonials > .container > .mt-16 svg { width: 16px; height: 16px; }
.installation-steps { gap: 16px; }
.installation-steps .product-card-body { padding: 22px; }
.installation-steps h4 { font-size: 17px; color: #e1eaf0; }
.installation-steps .w-12 { width: 29px; height: 29px; border-radius: 5px; font: 11px 'JetBrains Mono', monospace; background: #64e9c30a; color: var(--mint); border: 1px solid #64e9c325; flex-shrink: 0; }
.installation-steps p { font-size: 12px; line-height: 1.8; color: #a9bac7; }
.installation-steps .font-mono { font: 10px/1.8 'JetBrains Mono', monospace; padding: 12px; border: 1px solid var(--line); background: #070d13; overflow-wrap: anywhere; }
.installation-steps .product-card-body > .mb-6 { margin-bottom: 0; }
#demo { max-width: 960px; }
#demo .terminal-window { margin-top: 0; }
#demo .flex.justify-center.mb-8 { margin-bottom: 20px; }
.next-steps > .grid { gap: 20px; }
.next-steps > .grid > .group > .absolute { display: none; }
.next-steps > .grid > .group > .relative { background: #101922; border: 1px solid #ffffff14; border-radius: 12px; padding: 24px; text-align: left; }
.next-steps .mx-auto.w-16 { margin-left: 0; width: 38px; height: 38px; border-radius: 8px; background: #ffffff05; }
.next-steps .w-8 { width: 21px; height: 21px; }
.next-steps h3 { font-size: 18px; color: #e3ecf2; font-weight: 500; }
.next-steps p { font-size: 13px; line-height: 1.8; }
.next-steps a { font-size: 12px; color: var(--mint); }
#enterprise > .container > .grid { gap: 24px; }
#enterprise > .container > .grid h3 { color: #e7eff4; font-size: 21px; font-weight: 500; }
#enterprise > .container > .grid p { font-size: 13px; line-height: 1.8; }
#enterprise > .container > .grid .text-4xl { font-size: 42px; letter-spacing: -.05em; font-family: 'Space Grotesk', sans-serif; margin: 12px 0; }
#enterprise > .container > .grid .w-12 { background: #ffffff05; border: 1px solid #ffffff0e; width: 38px; height: 38px; border-radius: 8px; }
#enterprise > .container > .grid .w-6 { width: 20px; height: 20px; }
#enterprise > .container > .grid .rounded-full { border-radius: 4px; background: #64e9c320; color: var(--mint); font: 9px 'JetBrains Mono', monospace; letter-spacing: .04em; padding: 6px 8px; }
#enterprise .rounded-3xl { background: #101922; border-color: #ffffff16; border-radius: 16px; }
#enterprise .rounded-3xl h3 { font-size: 30px; color: #e7eff4; font-weight: 500; }
#enterprise .rounded-3xl p { font-size: 15px; line-height: 1.9; }
#enterprise > .container > .relative.group > .absolute { display: none; }
.community-panel { max-width: 1152px; }
.community-panel > .absolute { display: none; }
.community-panel > .relative { background: #101a22; border: 1px solid #ffffff18; border-radius: 16px; padding: 44px; }
.community-panel h3 { color: #e1ebf1; font-size: 29px; font-weight: 500; }
.community-panel .w-16 { width: 42px; height: 42px; border-radius: 9px; background: #ffffff05; flex-shrink: 0; }
.community-panel .w-8 { width: 23px; height: 23px; }
.community-panel p { font-size: 15px; line-height: 1.85; }
.community-panel .w-80 { width: 360px; max-width: 100%; height: auto; min-height: 240px; background: #0a1118; border-color: #ffffff16; border-radius: 10px; }
.community-panel .grid-cols-12 { gap: 6px; margin-top: 20px; }
.community-panel .grid-cols-12 > div { width: 100%; height: 12px; border-radius: 2px; }
.community-panel .text-sm { font-size: 11px; }
#community > .container > .mb-16:has(> .grid:empty) { display: none; }
#cta > .container { max-width: 1200px; background: radial-gradient(ellipse at 50% 0,#14343088,transparent 70%), #0d171d; border: 1px solid #64e9c328; border-radius: 20px; padding: 64px 48px; position: relative; }
#cta > .container::before { content: ''; position: absolute; top: -1px; left: 25%; right: 25%; height: 1px; background: linear-gradient(90deg,transparent,#64e9c3,transparent); }
#cta h2 { font-size: clamp(32px,4vw,52px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; max-width: 720px; }
#cta > .container > div > p { font-size: 16px; line-height: 1.85; color: var(--muted); margin-bottom: 32px; }
#cta .card-cyberpunk { max-width: 700px; margin-inline: auto; border: 0; border-radius: 0; background: none; padding: 12px 0; box-shadow: none; backdrop-filter: none; }
#cta .card-cyberpunk:hover { transform: none; }
#cta .card-cyberpunk::before, #cta .card-cyberpunk > .absolute, #cta .card-cyberpunk .text-6xl { display: none; }
#cta .card-cyberpunk .px-12 { padding: 8px 24px; }
#cta .card-cyberpunk p { font-size: 17px; font-style: normal; line-height: 1.9; }
#cta .card-cyberpunk .border-t { border: 0; margin-top: 8px; padding-top: 14px; }
#cta .card-cyberpunk .w-12 { width: 32px; height: 32px; font-size: 10px; background: #64e9c318; border: 1px solid #64e9c32a; color: var(--mint); }
#cta .card-cyberpunk .font-bold { font-size: 12px; font-weight: 500; }
#cta .card-cyberpunk .text-sm { font-size: 10px; }
#cta .mt-12 { margin-top: 30px; }
#cta .mt-8 { margin-top: 22px; }
#cta .mt-12 > p, #cta .space-x-8 .text-sm { font-size: 11px; }
#cta .space-x-8 { flex-wrap: wrap; gap: 16px; }
#cta .space-x-8 > div { margin: 0; }

/* Footer: newsletter first, then clear brand and navigation columns. */
.site-footer { background: #080d12; border-top: 0; }
.site-footer > .container { padding-top: 0; padding-bottom: 28px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; column-gap: 80px; row-gap: 64px; padding-bottom: 54px; }
.footer-newsletter { grid-column: 1 / -1; grid-row: 1; display: grid; grid-template-columns: 1fr 1fr; column-gap: 80px; padding: 38px 0; border-top: 1px solid #ffffff14; border-bottom: 1px solid #ffffff14; }
.footer-newsletter h3 { color: #e0eaf1; font: 500 24px 'Space Grotesk', sans-serif; letter-spacing: -.03em; margin: 0 0 12px; }
.footer-newsletter > p { grid-column: 1; font-size: 13px; color: #889bab; line-height: 1.8; max-width: 370px; }
#newsletter-form { grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-content: start; align-self: center; }
#newsletter-form > * { margin: 0; min-width: 0; }
#newsletter-email { min-height: 46px; border: 1px solid #ffffff20; border-radius: 7px; background: #101922; padding: 13px 16px; font-size: 12px; text-align: left; }
#newsletter-email::placeholder { color: #7e93a4; }
#newsletter-email:focus { border-color: var(--mint); outline: 2px solid #64e9c31a; outline-offset: 2px; }
.newsletter-submit { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 18px; font-size: 12px; }
.newsletter-trust { grid-column: 2; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; }
.newsletter-trust > div { margin: 0; font-size: 9px; color: #7e93a4; }
.newsletter-status { grid-column: 1 / -1; color: #adbac6; font-size: 11px; line-height: 1.7; }
.newsletter-status:empty { display: none; }
.footer-brand-name { color: #e2ecf2; font: 600 26px 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
.footer-brand-name + span { color: #8293a2; font: 9px 'JetBrains Mono', monospace; border: 1px solid #ffffff18; padding: 3px 6px; border-radius: 4px; }
.footer-brand > p { color: #8d9eac; font-size: 13px; line-height: 1.9; max-width: 335px; }
.footer-brand > .flex { gap: 8px; }
.footer-socials a { border: 1px solid #ffffff15; background: #101820; color: #a8bcc9; width: 34px; height: 34px; border-radius: 7px; }
.footer-socials a:hover { color: var(--mint); border-color: #64e9c355; }
.footer-socials svg { width: 15px; height: 15px; }
.footer-links h3 { color: #dfe8ee; font: 500 12px 'JetBrains Mono', monospace; letter-spacing: 0; }
.footer-links > div { margin-top: 22px; }
.footer-links a { font-size: 13px; color: #8d9eac; }
.footer-links a:hover { color: var(--mint); }
.footer-links a svg { color: #597181; width: 14px; height: 14px; }
.footer-bottom { border-color: #ffffff12; padding-top: 24px; }
.footer-bottom .text-sm { font-size: 10px; }
.footer-bottom .language-toggle { border-color: #ffffff16; background: transparent; border-radius: 5px; padding: 6px 9px; }
.footer-bottom .language-toggle .text-lg { font-size: 13px; }
.site-footer > .absolute { display: none; }
@media (max-width: 1023px) {
  .footer-grid { column-gap: 40px; }
  .footer-newsletter { column-gap: 40px; }
  .installation-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .community-panel .w-80 { width: 440px; }
  #cta > .container { padding: 48px 32px; }
}
@media (max-width: 767px) {
  #problem h3 { font-size: 19px; }
  #problem .group\/card { padding: 18px; }
  #products .product-catalog > div { padding: 24px; }
  .testimonial-grid > .group > .relative { padding: 26px; }
  .installation-steps { grid-template-columns: 1fr; }
  .installation-steps .product-card-body { padding: 23px; }
  .installation-steps p { font-size: 13px; }
  .installation-steps .font-mono { font-size: 11px; }
  .community-panel > .relative { padding: 26px; }
  .community-panel h3 { font-size: 23px; }
  .community-panel .w-80 { width: 100%; min-height: 230px; padding: 18px; }
  .community-panel .grid-cols-12 { gap: 4px; }
  .community-panel .grid-cols-12 > div { height: 10px; }
  .community-panel .text-left > .flex { gap: 12px; }
  .community-panel .text-left > .flex > * { margin: 0; }
  #cta > .container { padding: 36px 23px; border-radius: 14px; }
  #cta h2 { font-size: 32px; }
  #cta .card-cyberpunk .px-12 { padding: 0; }
  #cta .card-cyberpunk p { font-size: 15px; }
  #cta .space-x-8 { gap: 12px; }
  #cta .space-x-8 .text-sm { font-size: 9px; }
  .site-footer > .container { padding-inline: 22px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; padding-bottom: 36px; }
  .footer-newsletter { grid-template-columns: 1fr; padding-block: 32px; gap: 0; }
  .footer-newsletter h3 { font-size: 23px; }
  .footer-newsletter > p { margin: 0 0 24px; max-width: 320px; }
  #newsletter-form { grid-column: 1; grid-row: auto; gap: 8px; }
  .newsletter-submit { padding-inline: 12px; gap: 8px; font-size: 11px; }
  #newsletter-email { padding-inline: 12px; font-size: 11px; }
  .newsletter-trust { grid-column: 1; gap: 10px; }
  .newsletter-trust > div { font-size: 8px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand > p { max-width: 310px; }
  .footer-links > div { margin-top: 20px; }
  .footer-links a { padding-block: 3px; }
  .footer-bottom > div { align-items: flex-start; gap: 18px; }
  .footer-bottom .space-x-6 { gap: 20px; }
  .footer-bottom .space-x-6 > * { margin: 0; }
  .footer-bottom .text-sm { font-size: 9px; }
}

/* Varied compositions: editorial columns, open comparisons and connected flows. */
#problem.problem-section { background: radial-gradient(ellipse at 90% 40%, #12312755, transparent 55%), #080e13; overflow: visible; }
.problem-layout { display: grid; grid-template-columns: .8fr 2fr; gap: 68px; align-items: start; padding-inline: 24px; }
.problem-intro { padding-top: 12px; position: sticky; top: 128px; }
.problem-symbol { display: flex; gap: 10px; margin-bottom: 28px; font: 300 24px 'Space Grotesk',sans-serif; }
.problem-symbol span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #ffffff20; border-radius: 50%; color: #7a8a98; }
.problem-symbol span:last-child { border-color: #64e9c348; color: var(--mint); }
#problem h2 { font: 500 clamp(36px,4.5vw,58px)/1.03 'Space Grotesk',sans-serif; letter-spacing: -.055em; margin-bottom: 24px; max-width: 260px; }
.problem-intro > p { font-size: 14px; line-height: 1.9; color: #8194a5; max-width: 255px; }
.problem-route { display: flex; align-items: center; width: 140px; margin-top: 38px; color: #64e9c355; }
.problem-route span { height: 1px; background: linear-gradient(90deg,transparent,#64e9c355); flex: 1; }
.problem-route svg { width: 32px; height: 32px; }
.comparison-flow { min-width: 0; }
.comparison-head, .comparison-row { display: grid; grid-template-columns: minmax(0,1fr) 54px minmax(0,1fr); }
.comparison-head { align-items: end; padding-bottom: 25px; }
#problem .comparison-head h3 { font: 500 19px 'Space Grotesk',sans-serif; letter-spacing: -.025em; margin-top: 10px; color: #a0afbb; }
#problem .comparison-head > div:last-child h3 { color: #e4f5ed; }
.comparison-label { color: #6c8091; font: 9px 'JetBrains Mono',monospace; letter-spacing: .15em; }
.comparison-label--after { color: var(--mint); }
.comparison-label--after::before { content: ''; display: inline-block; height: 5px; width: 5px; border-radius: 50%; background: var(--mint); margin-right: 7px; vertical-align: 2px; }
.comparison-row { border-top: 1px solid #ffffff14; position: relative; }
.comparison-row:last-child { border-bottom: 1px solid #ffffff14; }
.comparison-before, .comparison-after { padding: 30px 0; min-width: 0; }
.comparison-after { background: linear-gradient(90deg,#64e9c304,transparent); }
#problem .comparison-row h4 { display: flex; gap: 10px; font: 500 17px/1.45 'Space Grotesk',sans-serif; letter-spacing: -.02em; color: #a7b5bf; margin: 0 0 14px; text-wrap: pretty; }
#problem .comparison-after h4 { color: #daeee3; }
.comparison-row h4 > span { font-size: 15px; flex-shrink: 0; padding-top: 2px; }
.comparison-row p { font-size: 12px; line-height: 1.85; color: #7b8d9b; margin-bottom: 20px; }
.comparison-after p { color: #a0b6ab; }
.comparison-row code { display: block; font: 10px/1.9 'JetBrains Mono',monospace; overflow-wrap: anywhere; color: #677f91; padding: 0; background: none; border: none; }
.comparison-after code { color: #64e9c3bb; }
.comparison-row code span { color: #536678; }
.comparison-connector { display: flex; align-items: center; justify-content: center; position: relative; }
.comparison-connector::before { content: ''; position: absolute; width: 1px; inset-block: 0; background: #64e9c315; }
.comparison-connector svg { position: relative; width: 25px; height: 25px; padding: 6px; color: var(--mint); border: 1px solid #64e9c32a; border-radius: 50%; background: #0b1519; }
.comparison-mobile-label { display: none; }

/* Benefits read as three editorial columns; numbers share one continuous strip. */
#value .value-benefits { gap: 48px; }
#value .value-benefits .product-card-body { background: none; border: 0; border-radius: 0; padding: 0; display: flex; flex-direction: column; }
#value .value-benefits .product-card-body > div:first-child { width: 28px; height: 28px; background: none; margin-bottom: 28px; }
#value .value-benefits .product-card-body > .inline-flex { background: none; border: 0; padding: 0; border-radius: 0; font: 500 31px 'Space Grotesk',sans-serif; letter-spacing: -.05em; margin-bottom: 22px; }
#value .value-benefits h3 { font-size: 19px; padding-top: 22px; border-top: 1px solid #ffffff19; margin-bottom: 15px; }
#value .value-benefits p { font-size: 13px; color: #90a4b3; }
#value .value-stat-strip { gap: 0; padding-block: 30px; border-block: 1px solid #ffffff17; }
#value .value-stat-strip .metric-item { border: 0; border-right: 1px solid #ffffff12; background: none; border-radius: 0; backdrop-filter: none; padding: 8px 14px; }
#value .value-stat-strip .metric-item:last-child { border: 0; }
#value .value-stat-strip .metric-item > div:first-child { font-size: 48px; color: #e2efed; display: inline; letter-spacing: -.06em; text-shadow: none; }
#value .value-stat-strip .metric-item > div:nth-child(2) { display: inline; font: 14px 'JetBrains Mono',monospace; padding-left: 3px; color: var(--mint); }
#value .value-stat-strip .metric-item > div:last-child { font: 10px 'JetBrains Mono',monospace; margin-top: 14px; color: #7d92a2; }
#value .value-feature-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 28px; }
#value .value-feature-list .product-card-body { border: 0; background: none; padding: 0; gap: 10px; }
#value .value-feature-list .product-card-body > div { background: none; width: 18px; height: 18px; }
#value .value-feature-list .product-card-body svg { width: 16px; height: 16px; }
#value .value-feature-list h3 { font-size: 12px; color: #a9bac7; font-weight: 400; }

/* The ecosystem is a connected workflow, followed by an open product directory. */
.product-catalog { display: block; border-top: 1px solid #ffffff1a; }
#products .product-catalog > div { display: grid; grid-template-columns: 1fr 1.25fr .7fr; column-gap: 40px; align-items: center; background: none; border: 0; border-bottom: 1px solid #ffffff1a; border-radius: 0; padding: 36px 0; }
.product-catalog > div > div:first-child { grid-column: 1; grid-row: 1 / 3; margin: 0; }
.product-catalog > div > div:first-child > div:first-child { border-radius: 50%; width: 52px; height: 52px; background: #ffffff03; }
.product-catalog > div > p { grid-column: 2; margin-bottom: 12px; }
.product-catalog > div > ul { grid-column: 2; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.product-catalog > div > ul li { margin: 0; font-size: 10px; }
.product-catalog > div > button { grid-column: 3; grid-row: 1 / 3; margin: 0; background: transparent; border: 0; border-radius: 0; color: var(--mint); padding-inline: 0; justify-content: flex-end; }
.product-catalog > div > button:hover { background: none; }

/* Benchmark panels share a single ruled dashboard. */
#benchmarks > .container > .max-w-6xl > .grid.lg\:grid-cols-3 { gap: 0; padding-block: 28px; border-block: 1px solid #ffffff18; }
#benchmarks > .container > .max-w-6xl > .grid.lg\:grid-cols-3 > .product-card .product-card-body { border: 0; border-right: 1px solid #ffffff16; border-radius: 0; background: none; padding: 8px 32px; }
#benchmarks > .container > .max-w-6xl > .grid.lg\:grid-cols-3 > .product-card:last-child .product-card-body { border: 0; }
#benchmarks > .container > .max-w-6xl > .grid.md\:grid-cols-3 .product-card-body { background: none; border: 0; border-radius: 0; padding-block: 10px; }
#benchmarks .product-card-body > div > .text-center > .text-5xl { font-size: 60px; }

/* One lead quote with two smaller voices, without three identical boxes. */
.testimonial-grid { grid-template-columns: 1.2fr 1fr; gap: 0 80px; }
.testimonial-grid > .group:first-child { grid-row: 1 / 3; }
.testimonial-grid > .group > .relative { padding: 26px 0; background: none; border: 0; border-radius: 0; }
.testimonial-grid > .group:nth-child(2) > .relative { border-bottom: 1px solid #ffffff18; }
.testimonial-grid > .group:first-child blockquote { font: 400 30px/1.55 'Space Grotesk',sans-serif; letter-spacing: -.03em; color: #dce8ed; }
.testimonial-grid > .group:first-child > .relative::before { content: '“'; display: block; font: 110px/.7 Georgia,serif; color: #64e9c350; margin: 15px 0 5px; }
.testimonial-grid > .group:first-child .mb-6.flex { margin-top: 16px; }
.testimonial-grid .border-t { border: 0; padding-top: 0; }
.testimonial-grid > .group:not(:first-child) blockquote { font-size: 13px; }
.testimonial-grid > .group:not(:first-child) .mb-6.flex { margin-bottom: 16px; }
.testimonial-grid > .group:not(:first-child) .w-12 { width: 30px; height: 30px; }

/* Installation pairs a vertical step sequence with a real terminal surface. */
.getting-workbench { display: grid; grid-template-columns: .85fr 1.3fr; gap: 64px; align-items: start; }
.getting-workbench > div { min-width: 0; width: 100%; }
.getting-workbench .section-heading { text-align: left; margin-bottom: 30px; }
.getting-workbench .section-heading > p { margin-left: 0; font-size: 13px; }
.getting-workbench .section-heading h2 { font-size: 27px; }
.getting-workbench .installation-steps { display: block; padding-left: 15px; }
.installation-steps .product-card { border-left: 1px solid #64e9c32a; padding: 0 0 30px 28px; position: relative; }
.installation-steps .product-card:last-child { padding-bottom: 0; border-color: transparent; }
.installation-steps .product-card::before { content: ''; position: absolute; left: -4px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 6px #0d141b; }
.installation-steps .product-card-body { border: 0; border-radius: 0; background: none; padding: 0; }
.installation-steps .product-card-body .mb-6 { margin-bottom: 12px; }
.installation-steps .w-12 { width: auto; border: 0; background: none; margin-right: 10px; color: #668276; }
.installation-steps .font-mono { border: 0; border-left: 2px solid #64e9c322; border-radius: 0; padding: 5px 10px; background: none; color: #a0b9b0; }
.getting-workbench #demo { position: sticky; top: 110px; }
.getting-workbench #demo .flex.justify-center { justify-content: flex-start; }
.getting-workbench .terminal-window .terminal-content { min-height: 330px; }
#getting-started > .container > .max-w-6xl .grid.lg\:grid-cols-4 .product-card-body { background: none; border: 0; border-radius: 0; padding-inline: 10px; text-align: left; }
#getting-started > .container > .max-w-6xl .grid.lg\:grid-cols-4 .product-card-body > div:first-child { margin-left: 0; }
.next-steps > .grid > .group > .relative { background: none; border: 0; border-left: 1px solid #ffffff20; border-radius: 0; }
.next-steps > .grid > .group:first-child > .relative { border-left: 0; }

/* Pricing remains comparable, with one highlighted column instead of floating cards. */
#enterprise > .container > .pricing-plans { gap: 0; border-block: 1px solid #ffffff18; }
#enterprise > .container > .pricing-plans > .group > .relative { border: 0; background: none; border-radius: 0; padding: 36px; }
#enterprise > .container > .pricing-plans > .group.scale-105 > .relative { border: 0; border-top: 2px solid var(--mint); background: linear-gradient(#64e9c30c,transparent); }
.enterprise-callout > .rounded-3xl { border: 0; border-radius: 0; background: none; padding: 20px 0; }
.enterprise-callout .grid > * { min-width: 0; }
.enterprise-callout .w-64 { width: 220px; height: 220px; border-color: #64e9c34d; background: radial-gradient(circle,#64e9c308,transparent 70%); box-shadow: 0 0 0 20px #64e9c304,0 0 0 40px #64e9c302; }
.enterprise-callout .w-64 .text-5xl { font: 500 48px 'Space Grotesk',sans-serif; color: var(--mint); }
#enterprise > .container > .grid:last-child > .group > .relative { background: none; border: 0; border-top: 1px solid #ffffff18; border-radius: 0; padding: 30px 0; }
.community-panel > .relative { border: 0; border-radius: 0; background: none; padding: 0; }
.community-panel .w-80 { border: 0; background: none; border-radius: 0; }
.community-panel .grid-cols-12 > div { border-radius: 50%; height: 14px; }
.community-panel .grid-cols-12 { gap: 8px; }
.community-panel .text-left > .flex:first-child .w-16 { border-radius: 50%; border: 1px solid #64e9c340; background: none; width: 48px; height: 48px; }
#cta > .container { border: 0; border-radius: 0; background: radial-gradient(ellipse at 50% 20%,#173e3444,transparent 65%); padding-block: 30px; }
#cta > .container::before { display: none; }
#cta h2 { font-size: clamp(38px,5vw,68px); max-width: 850px; }
@media (max-width: 1023px) {
  .problem-layout { grid-template-columns: 1fr; gap: 36px; }
  .problem-intro { position: static; display: grid; grid-template-columns: 1fr 1.2fr; column-gap: 32px; align-items: start; }
  .problem-symbol { grid-column: 1 / -1; margin-bottom: 20px; }
  #problem h2 { max-width: none; }
  .problem-intro > p { max-width: 400px; }
  .problem-route { display: none; }
  .getting-workbench { grid-template-columns: 1fr 1.2fr; gap: 32px; }
  #benchmarks > .container > .max-w-6xl > .grid.lg\:grid-cols-3 > .product-card .product-card-body { border-right: 0; border-bottom: 1px solid #ffffff16; padding: 28px 0; }
  #enterprise > .container > .pricing-plans > .group > .relative { padding: 30px 20px; }
  .testimonial-grid { gap: 0 40px; }
  .product-catalog > div > ul { display: block; }
}
@media (max-width: 767px) {
  #problem .problem-layout { padding-inline: 0; }
  .problem-intro { display: block; }
  #problem h2 { font-size: 46px; margin-bottom: 18px; }
  .problem-intro > p { max-width: 340px; font-size: 14px; }
  .comparison-head { grid-template-columns: 1fr 20px 1fr; padding-bottom: 22px; }
  #problem .comparison-head h3 { font-size: 16px; }
  .comparison-row { grid-template-columns: 1fr; padding-block: 20px; }
  .comparison-before, .comparison-after { padding: 14px 0; }
  .comparison-after { padding-left: 20px; border-left: 1px solid #64e9c350; margin-left: 4px; background: none; }
  .comparison-connector { justify-content: flex-start; padding: 0; margin: 0 0 0 -8px; }
  .comparison-connector::before { display: none; }
  .comparison-connector svg { transform: rotate(90deg); }
  .comparison-mobile-label { display: block; font: 9px 'JetBrains Mono',monospace; color: #687d8c; margin-bottom: 12px; }
  .comparison-after .comparison-mobile-label { color: #64e9c390; }
  .comparison-row p { margin-bottom: 12px; font-size: 13px; }
  #value .value-benefits { gap: 38px; }
  #value .value-benefits .product-card-body { display: grid; grid-template-columns: 32px 1fr; gap: 0 12px; }
  #value .value-benefits .product-card-body > div:first-child { grid-column: 1; margin-bottom: 0; align-self: center; }
  #value .value-benefits .product-card-body > .inline-flex { grid-column: 2; font-size: 29px; margin: 0; }
  #value .value-benefits h3 { grid-column: 1 / -1; margin-top: 18px; padding-top: 16px; }
  #value .value-benefits p { grid-column: 1 / -1; }
  #value .value-stat-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 0; }
  #value .value-stat-strip .metric-item:nth-child(2n) { border-right: 0; }
  #value .value-stat-strip .metric-item:last-child { grid-column: 1 / -1; }
  #value .value-stat-strip .metric-item > div:first-child { font-size: 42px; }
  #value .value-feature-list { justify-content: flex-start; gap: 18px 22px; }
  #value .value-feature-list .product-card-body { flex-direction: row; align-items: center; }
  #products .product-catalog > div { grid-template-columns: 1fr; gap: 18px; padding: 30px 0; }
  .product-catalog > div > div:first-child, .product-catalog > div > p, .product-catalog > div > ul, .product-catalog > div > button { grid-column: 1; grid-row: auto; }
  .product-catalog > div > p { margin: 0; }
  .product-catalog > div > ul { display: flex; }
  .product-catalog > div > button { justify-content: flex-start; }
  .testimonial-grid { grid-template-columns: 1fr; gap: 0; }
  .testimonial-grid > .group:first-child { grid-row: auto; }
  .testimonial-grid > .group:first-child blockquote { font-size: 25px; }
  .testimonial-grid > .group:first-child > .relative { border-bottom: 1px solid #ffffff18; }
  .getting-workbench { display: block; }
  .getting-workbench #demo { position: static; }
  .getting-workbench .terminal-window .terminal-content { min-height: 280px; }
  .next-steps > .grid > .group > .relative, .next-steps > .grid > .group:first-child > .relative { border-left: 0; border-top: 1px solid #ffffff18; padding-inline: 0; }
  #enterprise > .container > .pricing-plans > .group > .relative { padding: 32px 0; }
  #enterprise > .container > .pricing-plans > .group.scale-105 > .relative { padding-inline: 20px; }
  .enterprise-callout > .rounded-3xl { padding: 0; }
  .enterprise-callout .w-64 { width: 180px; height: 180px; }
  #enterprise .enterprise-callout h3 { font-size: 26px; overflow-wrap: anywhere; }
  .community-panel > .relative { padding: 0; }
  .community-panel .grid-cols-12 { gap: 6px; }
  .community-panel .grid-cols-12 > div { height: 12px; }
  #cta > .container { padding-inline: 0; }
  #cta h2 { font-size: 42px; }
}

/* Map caption shared by the architecture diagram. */
.ecosystem-map { margin: 0 0 72px; }
.map-caption { display: grid; grid-template-columns: 1fr 1fr; column-gap: 80px; align-items: end; margin-bottom: 42px; }
.map-eyebrow { grid-column: 1 / -1; color: #79998f; font: 9px 'JetBrains Mono',monospace; letter-spacing: .13em; margin-bottom: 14px; }
.map-caption h3 { font: 500 29px/1.2 'Space Grotesk',sans-serif; letter-spacing: -.04em; }
.map-caption p { font-size: 13px; line-height: 1.85; color: #879dab; max-width: 450px; }
#problem h2 { font-size: clamp(38px,4vw,52px); max-width: 290px; }
.comparison-row p { font-size: 13px; }
@media (max-width:767px) {
  .map-caption { display: block; margin-bottom: 32px; }
  .map-eyebrow { display: block; }
  .map-caption h3 { font-size: 26px; margin-bottom: 16px; }
}

/* AI-ready: a focused context illustration and four open architectural principles. */
#ai-ready { background: radial-gradient(ellipse at 75% 35%,#1a354a44,transparent 65%),#0a1118; }
.ai-container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px 90px; padding-inline: 24px; align-items: center; }
.ai-eyebrow { display: flex; align-items: center; gap: 10px; font: 9px 'JetBrains Mono',monospace; letter-spacing: .13em; color: #84b8aa; margin-bottom: 26px; }
.ai-eyebrow svg { width: 15px; height: 15px; color: var(--mint); }
.ai-intro h2 { font: 500 clamp(34px,3.8vw,50px)/1.13 'Space Grotesk',sans-serif; letter-spacing: -.05em; margin-bottom: 26px; max-width: 500px; }
.ai-intro > p { font-size: 15px; line-height: 1.9; color: #9bb0be; max-width: 470px; }
.ai-link { display: inline-flex; align-items: center; gap: 10px; color: var(--mint); font-size: 12px; margin-top: 28px; }
.ai-link svg { width: 15px; height: 15px; }
.context-illustration { min-width: 0; padding: 20px 0; }
.context-caption { display: flex; justify-content: space-between; font: 9px 'JetBrains Mono',monospace; letter-spacing: .14em; color: #6c8797; margin-bottom: 24px; }
.context-caption svg { width: 14px; height: 14px; }
.context-inputs { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.context-inputs > span { display: flex; justify-content: center; align-items: center; gap: 8px; font: 10px 'JetBrains Mono',monospace; color: #9eb7c5; padding: 13px 6px; background: #0f1c24; border: 1px solid #ffffff16; border-radius: 6px; }
.context-inputs svg { width: 13px; height: 13px; color: #64e9c380; }
.context-connections { width: 100%; height: 66px; }
.context-code { position: relative; border: 1px solid #64e9c330; border-radius: 10px; overflow: hidden; background: #091219; box-shadow: 0 20px 70px #0004; }
.context-code-title { display: flex; align-items: center; gap: 8px; padding: 15px 20px; font: 10px 'JetBrains Mono',monospace; color: #8fa9ba; border-bottom: 1px solid #ffffff10; }
.context-code-title svg { margin-left: auto; width: 14px; height: 14px; }
.context-code-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--mint); }
.context-code pre { padding: 20px 0; margin: 0; overflow-x: auto; font: 11px/1.9 'JetBrains Mono',monospace; }
.context-code code, .context-code code span { font-family: 'JetBrains Mono',monospace; }
.code-line { display: inline-block; min-width: 100%; padding: 3px 18px; }
.code-line-selected { background: #64e9c30c; border-left: 2px solid var(--mint); color: #cde7db; padding-left: 16px; }
.code-number { display: inline-block; min-width: 30px; color: #3e596a; user-select: none; }
.code-muted { color: #698699; }
.code-key { color: #85b4d1; }
.code-string { color: #94cdb1; }
.context-outcome { display: flex; align-items: center; justify-content: center; gap: 9px; color: #78a594; font: 9px 'JetBrains Mono',monospace; margin-top: 20px; }
.context-outcome svg { width: 12px; height: 12px; }
.ai-principles { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 36px; border-top: 1px solid #ffffff16; padding-top: 30px; }
.ai-principle-index { display: flex; justify-content: space-between; align-items: center; color: #577586; font: 10px 'JetBrains Mono',monospace; margin-bottom: 24px; }
.ai-principle-index svg { width: 17px; height: 17px; color: #64e9c399; }
.ai-principle h3 { font: 500 17px 'Space Grotesk',sans-serif; color: #d5e1e8; margin-bottom: 14px; }
.ai-principle p { font-size: 12px; line-height: 1.9; color: #849cac; }
@media (min-width:1024px) and (max-width:1199px) { .site-header .site-button--secondary { display: none; } .site-header nav ul { gap: 14px; } }
@media (max-width:1023px) { .ai-container { gap: 48px 40px; } .ai-principles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; } }
@media (max-width:767px) {
  .ai-container { grid-template-columns: 1fr; gap: 35px; }
  .ai-intro h2 { font-size: 38px; }
  .ai-intro > p { font-size: 14px; }
  .context-inputs { gap: 8px; }
  .context-inputs > span { font-size: 8px; gap: 4px; }
  .context-code pre { font-size: 9px; }
  .code-line { padding-inline: 12px; }
  .code-line-selected { padding-left: 10px; }
  .code-number { min-width: 22px; }
  .context-code-title { font-size: 9px; padding-inline: 14px; }
  .context-outcome { font-size: 8px; text-align: center; }
  .ai-principles { gap: 28px 22px; }
  .ai-principle h3 { font-size: 16px; }
  .ai-principle p { font-size: 12px; }
}

/* Interactive architecture diagram. Product details stay available through each node. */
.architecture-canvas { position: relative; height: 360px; padding: 0; background: radial-gradient(ellipse at 66% 54%,#21503d24,transparent 38%); }
.architecture-canvas::before { content: ''; position: absolute; inset: 35px 0 0; pointer-events: none; background-image: radial-gradient(#8bb6a416 .7px,transparent .7px); background-size: 18px 18px; mask-image: radial-gradient(ellipse,black,transparent 75%); }
.architecture-stage-label { position: absolute; top: 0; font: 10px 'JetBrains Mono',monospace; color: #7c92a1; display: flex; gap: 10px; }
.architecture-stage-label > span { color: #436374; }
.stage-label--1 { left: 5%; }
.stage-label--2 { left: 32%; }
.stage-label--3 { left: 62%; }
.architecture-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.architecture-lines--mobile { display: none; }
.architecture-node { position: absolute; transform: translate(-50%,-50%); border: 0; padding: 0; width: 64px; height: 64px; background: none; border-radius: 50%; overflow: visible; }
.architecture-node--1 { left: 12%; top: 33.333%; }
.architecture-node--2 { left: 12%; top: 75%; }
.architecture-node--3 { left: 39%; top: 33.333%; }
.architecture-node--4 { left: 39%; top: 75%; }
.architecture-node--5 { left: 65%; top: 54.166%; width: 104px; height: 104px; }
.architecture-node--6 { left: 89%; top: 54.166%; }
.architecture-node-orb { width: 100%; height: 100%; display: grid; place-items: center; background: linear-gradient(140deg,#15242e,#0c151d); border: 1px solid #7494a540; border-radius: 50%; transition: border-color .2s, box-shadow .2s; box-shadow: 0 4px 20px #0003; }
.architecture-node-orb svg { width: 25px; height: 25px; stroke-width: 1.4; }
.architecture-node-name { position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); white-space: nowrap; color: #a7bbc8; font: 500 13px 'Space Grotesk',sans-serif; letter-spacing: -.01em; }
.architecture-node--5 .architecture-node-orb { border-color: #64e9c360; box-shadow: 0 0 0 10px #64e9c307,0 0 0 11px #64e9c310,0 0 65px #64e9c310; }
.architecture-node--5 svg { width: 37px; height: 37px; color: var(--mint); }
.architecture-node--5 .architecture-node-name { font-size: 16px; color: #e5f2ed; top: calc(100% + 18px); }
.architecture-node[aria-selected="true"] .architecture-node-orb, .architecture-node:hover .architecture-node-orb { border-color: var(--mint); box-shadow: 0 0 0 5px #64e9c310,0 0 35px #64e9c318; }
.architecture-node[aria-selected="true"] .architecture-node-name { color: var(--mint); }
.architecture-node:focus-visible { outline-offset: 7px; }
.architecture-details { border-top: 1px solid #ffffff18; padding-top: 23px; min-height: 154px; }
.architecture-hint { display: flex; align-items: center; gap: 7px; color: #637d8e; font: 9px 'JetBrains Mono',monospace; margin-bottom: 18px; }
.architecture-hint svg { width: 12px; height: 12px; }
.architecture-panel { display: grid; grid-template-columns: 1fr 2.2fr; align-items: start; gap: 40px; padding-bottom: 14px; }
.architecture-panel[hidden] { display: none; }
.architecture-detail-stage { font: 9px 'JetBrains Mono',monospace; color: #64867b; }
#products .architecture-panel h5 { font: 500 22px 'Space Grotesk',sans-serif; color: #dceae4; margin-top: 7px; letter-spacing: -.03em; }
.architecture-panel p { font-size: 14px; line-height: 1.8; color: #9bb0be; max-width: 680px; }
@media (max-width:767px) {
  .architecture-canvas { height: 680px; }
  .architecture-lines--desktop { display: none; }
  .architecture-lines--mobile { display: block; }
  .architecture-stage-label { left: 0; font-size: 9px; }
  .stage-label--1 { top: 20px; }
  .stage-label--2 { top: 36%; }
  .stage-label--3 { top: 59%; }
  .architecture-node--1 { left: 25%; top: 20%; }
  .architecture-node--2 { left: 75%; top: 20%; }
  .architecture-node--3 { left: 25%; top: 44%; }
  .architecture-node--4 { left: 75%; top: 44%; }
  .architecture-node--5 { left: 50%; top: 67%; }
  .architecture-node--6 { left: 50%; top: 90%; }
  .architecture-node--5 { width: 88px; height: 88px; }
  .architecture-node--5 .architecture-node-name { left: calc(100% + 14px); top: 35px; transform: none; font-size: 13px; }
  .architecture-panel { grid-template-columns: 1fr; gap: 16px; }
  .architecture-panel p { font-size: 13px; }
  .architecture-details { min-height: 225px; }
}

/* Tool-led onboarding; stable command/output alignment in every demo tab. */
.installation-steps .onboarding-step { display: grid; grid-template-columns: 32px 1fr; column-gap: 16px; padding-bottom: 30px; position: relative; }
.onboarding-step:not(:last-child)::before { content: ''; position: absolute; width: 1px; background: #64e9c328; top: 32px; bottom: 0; left: 13px; }
.onboarding-number { font: 10px 'JetBrains Mono',monospace; color: #64e9c3a0; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #64e9c333; border-radius: 50%; background: #0a141b; }
.installation-steps .onboarding-step h4 { margin: 2px 0 12px; font-size: 18px; }
.installation-steps .onboarding-step p { margin-bottom: 12px; font-size: 13px; line-height: 1.85; }
.onboarding-step a { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: var(--mint); }
.onboarding-step a svg { width: 12px; height: 12px; }
.getting-workbench .installation-steps { padding-left: 0; }
.terminal-window .terminal-content { font-size: 12px; line-height: 1.85; text-align: left; min-height: 330px; }
.terminal-window .terminal-line { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 10px; align-items: baseline; margin: 0 0 5px; }
.terminal-window .terminal-prompt { margin: 0; text-align: left; color: #64e9c3; font-weight: 400; }
.terminal-window .terminal-command { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: inherit; color: #e1ecf2; }
.terminal-window .terminal-output { margin: 0 0 9px 26px; padding: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #7f9bab; font-size: inherit; line-height: inherit; }
.terminal-window .terminal-output + .terminal-line { margin-top: 20px; }
.terminal-window .code-line { display: block; min-width: 0; padding: 0; margin: 0; white-space: pre; color: #aac5d2; font-size: 11px; }
.terminal-window .terminal-header { display: grid; grid-template-columns: 60px 1fr 60px; gap: 12px; align-items: center; }
.terminal-window .terminal-title { text-align: center; font-size: 10px; }
.terminal-window .terminal-info { text-align: right; font-size: 9px; }
#demo .tab-panel.hidden { display: none; }
@media (max-width:767px) {
  .terminal-window .terminal-content { padding: 18px 15px; font-size: 10px; }
  .terminal-window .terminal-line { grid-template-columns: 12px minmax(0,1fr); gap: 7px; }
  .terminal-window .terminal-output { margin-left: 19px; }
  .terminal-window .terminal-header { padding-inline: 14px; grid-template-columns: 40px 1fr 40px; }
  .terminal-window .terminal-title { font-size: 9px; }
  .terminal-window .code-line { font-size: 9px; }
}

.community-stat-line { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-bottom: 40px; margin: 0 0 50px; border-bottom: 1px solid #ffffff17; gap: 24px; text-align: left; }
.community-stat-line strong { display: block; font: 500 40px 'Space Grotesk',sans-serif; letter-spacing: -.05em; color: #d7e7e0; margin-bottom: 10px; }
.community-stat-line span { font: 10px/1.8 'JetBrains Mono',monospace; color: #839f91; }
@media (max-width:767px) { .community-stat-line { grid-template-columns: 1fr 1fr; gap: 30px 22px; } .community-stat-line strong { font-size: 34px; } }
.architecture-node-name { background: #0c151b; padding: 3px 6px; border-radius: 4px; z-index: 2; }