:root {
  --page-max: 76rem;
  --line: rgb(234 244 255 / 18%);
  --ink: var(--atrekes-midnight-navy);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

a { color: inherit; }

.site-header {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: calc(var(--page-max) + 4rem);
  left: 50%;
  transform: translateX(-50%);
  padding: 1.35rem 2rem;
}

.brand { display: block; width: 9.2rem; }
.brand img, footer img { display: block; width: 100%; height: auto; }
.site-brand { width: 14rem; }

nav { display: flex; gap: 1.5rem; }
.mobile-menu-toggle { display: none; }
nav a {
  color: var(--atrekes-ice-mist);
  font-size: .85rem;
  font-weight: 650;
  text-decoration: none;
}
nav a:hover, nav a:focus-visible { color: var(--atrekes-cyan-accent); }
.site-nav { position: relative; }.nav-dropdown { position: relative; }.nav-dropdown summary { display: flex; align-items: center; gap: .3rem; color: var(--atrekes-ice-mist); font-size: .85rem; font-weight: 650; cursor: pointer; list-style: none; }.nav-dropdown summary::-webkit-details-marker { display: none; }.nav-dropdown summary span { color: var(--atrekes-cyan-accent); font-size: .8rem; transition: transform 150ms ease; }.nav-dropdown[open] summary span { transform: rotate(180deg); }.nav-menu { position: absolute; top: calc(100% + .75rem); right: 0; z-index: 10; min-width: 15.5rem; padding: .35rem; border: 1px solid #285178; border-radius: .35rem; background: #061b3a; box-shadow: 0 1.1rem 2.5rem rgb(0 0 0 / 28%); }.site-nav .nav-menu a { display: block; padding: .68rem .75rem; border-radius: .22rem; color: var(--atrekes-ice-mist); text-decoration: none; }.site-nav .nav-menu a:hover, .site-nav .nav-menu a:focus-visible { color: var(--atrekes-ice-mist); background: #0d2948; }.nav-menu strong, .nav-menu small { display: block; }.nav-menu strong { font-size: .77rem; }.nav-menu small { margin-top: .1rem; color: #9eb4ca; font-size: .66rem; font-weight: 500; }

.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 48rem;
  padding: 11rem max(2rem, calc((100vw - var(--page-max)) / 2)) 4rem;
  color: var(--atrekes-ice-mist);
  background:
    linear-gradient(110deg, rgb(6 27 58 / 94%), rgb(6 27 58 / 77%)),
    radial-gradient(circle at 80% 25%, rgb(23 140 255 / 52%), transparent 28%),
    var(--atrekes-midnight-navy);
}

.hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: .35;
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.hero-copy { max-width: 44rem; }
.eyebrow {
  margin: 0 0 1rem;
  color: var(--atrekes-cyan-accent);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; letter-spacing: -.045em; line-height: 1.03; }
h1 { max-width: 12ch; margin-bottom: 1.45rem; font-size: clamp(3.5rem, 8vw, 7.1rem); }
h2 { font-size: clamp(2.35rem, 5vw, 4.1rem); }
h3 { margin-bottom: 1rem; font-size: 2rem; }
.lede { max-width: 39rem; color: rgb(234 244 255 / 88%); font-size: 1.16rem; }

.hero-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2.2rem; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .75rem 1.15rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  font-size: .9rem;
  font-weight: 750;
  text-decoration: none;
  transition: transform 160ms ease, background-color 160ms ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--atrekes-midnight-navy); background: var(--atrekes-cyan-accent); }
.button-primary:hover { background: #67e1fa; }
.button-secondary { color: var(--atrekes-ice-mist); border-color: rgb(234 244 255 / 46%); }
.button-secondary:hover { background: rgb(234 244 255 / 10%); }

.signal { position: absolute; z-index: -1; height: 1px; transform-origin: left; background: linear-gradient(90deg, transparent, var(--atrekes-cyan-accent), transparent); opacity: .7; }
.signal-one { width: 70vw; top: 35%; right: -18%; transform: rotate(-21deg); }
.signal-two { width: 55vw; bottom: 22%; right: -14%; transform: rotate(-21deg); opacity: .32; }

.home-hero { display: grid; grid-template-columns: minmax(20rem, .75fr) minmax(0, 1fr); align-items: center; column-gap: clamp(2rem, 4vw, 4rem); padding-right: max(2rem, calc((100vw - 100rem) / 2)); padding-left: max(2rem, calc((100vw - 100rem) / 2)); }
.home-hero .hero-copy { max-width: 38rem; }
.home-hero h1 { font-size: clamp(3.4rem, 5vw, 5rem); }
.home-hero .hero-stat-grid { grid-column: 1 / -1; width: min(100%, var(--page-max)); margin-top: 3.5rem; }
.hero-terminal-frame { width: 100%; max-width: 46.5rem; margin: 0; align-self: center; justify-self: end; box-shadow: 0 2rem 5rem rgb(0 0 0 / 28%); }
.hero-terminal-frame figcaption a { color: var(--atrekes-cyan-accent); pointer-events: auto; text-decoration: none; }
.hero-terminal-frame figcaption a:hover { color: #fff; }

.hero-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 7.5rem; }
.hero-stat-grid article { padding-top: .9rem; border-top: 1px solid rgb(234 244 255 / 35%); }
.hero-stat-grid h2 { margin: .45rem 0; font-size: 1.15rem; letter-spacing: -.02em; }
.hero-stat-grid p { max-width: 18rem; margin-bottom: 0; color: rgb(234 244 255 / 74%); font-size: .86rem; }
.stat-index, .product-number { color: var(--atrekes-cyan-accent); font-size: .75rem; font-weight: 800; letter-spacing: .08em; }

.terminal-showcase { max-width: calc(var(--page-max) + 4rem); margin: 0 auto; padding: 7rem 2rem 1rem; }
.terminal-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; max-width: var(--page-max); margin: 0 auto 2.5rem; }
.terminal-intro h2 { max-width: 15ch; margin-bottom: 0; font-size: clamp(2.15rem, 4vw, 3.6rem); }
.terminal-copy { max-width: 25rem; }.terminal-copy > p { margin: 0; color: #40556f; }.terminal-demo-links { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.15rem; }.terminal-demo-links a { display: inline-flex; align-items: center; gap: .35rem; padding: .55rem .65rem; border: 1px solid #bdd4e8; border-radius: .25rem; color: var(--atrekes-deep-blue); font-size: .76rem; font-weight: 800; text-decoration: none; }.terminal-demo-links a:hover { border-color: var(--atrekes-cyan-accent); color: var(--atrekes-midnight-navy); background: var(--atrekes-cyan-accent); }
.terminal-frame { position: relative; max-width: var(--page-max); margin: 0 auto; overflow: hidden; border: 1px solid rgb(36 209 245 / 50%); border-radius: .55rem; box-shadow: 0 2rem 5rem rgb(6 27 58 / 22%); background: #061b3a; aspect-ratio: 16 / 9; }
.terminal-frame::before { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; box-shadow: inset 0 0 0 1px rgb(234 244 255 / 8%), inset 0 -8rem 7rem -6rem rgb(0 0 0 / 48%); }
.terminal-frame img, .terminal-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.terminal-frame img { transform: scale(1.025); animation: terminal-drift 16s ease-in-out infinite alternate; }
.terminal-meta, .terminal-frame figcaption { position: absolute; z-index: 2; display: flex; justify-content: space-between; width: 100%; padding: .8rem 1rem; color: rgb(234 244 255 / 80%); font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; pointer-events: none; }
.terminal-meta { top: 0; background: linear-gradient(#061b3a, transparent); }
.terminal-meta i { display: inline-block; width: .45rem; height: .45rem; margin-right: .38rem; border-radius: 50%; background: #3df1b7; box-shadow: 0 0 .5rem #3df1b7; }
.terminal-frame figcaption { bottom: 0; background: linear-gradient(transparent, rgb(3 18 38 / 92%)); padding-top: 2.6rem; }
.terminal-scan { position: absolute; z-index: 1; inset: -35% 0 auto; height: 24%; pointer-events: none; opacity: .32; background: linear-gradient(transparent, rgb(36 209 245 / 12%), rgb(36 209 245 / 38%), rgb(36 209 245 / 12%), transparent); filter: blur(4px); animation: terminal-scan 7s linear infinite; }
@keyframes terminal-drift { from { transform: scale(1.025) translate3d(-.4%, -.25%, 0); } to { transform: scale(1.07) translate3d(.35%, .3%, 0); } }
@keyframes terminal-scan { from { transform: translateY(-15%); } to { transform: translateY(640%); } }

.section { max-width: var(--page-max); margin: 0 auto; padding: 8rem 2rem; }
.section-heading { max-width: 51rem; margin-bottom: 3.5rem; }
.section-heading h2 { margin-bottom: 0; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product-card { min-height: 26rem; padding: 1.8rem; border: 1px solid #dbe8f5; border-radius: .4rem; background: #fff; }
.product-card-featured { color: var(--atrekes-ice-mist); border-color: var(--atrekes-midnight-navy); background: var(--atrekes-midnight-navy); }
.product-number { display: block; margin-bottom: 3.4rem; }
.product-kicker { margin-bottom: .8rem; color: var(--atrekes-slate-gray); font-size: .78rem; font-weight: 700; }
.product-card-featured .product-kicker { color: var(--atrekes-cyan-accent); }
.product-card p:not(.product-kicker) { color: #40556f; }
.product-card-featured p:not(.product-kicker) { color: rgb(234 244 255 / 78%); }
.product-card a { display: inline-block; margin-top: 2.1rem; color: var(--atrekes-deep-blue); font-size: .9rem; font-weight: 800; text-decoration: none; }
.product-card-featured a { color: var(--atrekes-cyan-accent); }
.product-card a:hover { text-decoration: underline; }

.tools { padding-top: 3rem; }
.tools-heading { max-width: 48rem; margin-bottom: 3rem; }
.tools-heading h2 { margin-bottom: 1.2rem; }
.tools-heading > p:not(.eyebrow) { max-width: 42rem; color: #40556f; font-size: 1.05rem; }
.tools-heading code { padding: .08rem .28rem; border-radius: .2rem; color: var(--atrekes-deep-blue); background: var(--atrekes-ice-mist); }
.fixparser { display: grid; grid-template-columns: minmax(18rem, .78fr) 1.22fr; overflow: hidden; border: 1px solid #173b65; border-radius: .55rem; color: var(--atrekes-ice-mist); background: #061b3a; box-shadow: 0 1.25rem 3.5rem rgb(6 27 58 / 14%); }
.fixparser-input { padding: 1.5rem; border-right: 1px solid #173b65; }
.fixparser-bar { display: flex; justify-content: space-between; gap: .7rem; margin-bottom: 2.2rem; color: var(--atrekes-cyan-accent); font-size: .61rem; font-weight: 800; letter-spacing: .09em; }
.fixparser-bar i { display: inline-block; width: .42rem; height: .42rem; margin-right: .35rem; border-radius: 50%; background: #3df1b7; box-shadow: 0 0 .45rem #3df1b7; }
.fixparser-input label { display: block; margin-bottom: .55rem; font-size: .78rem; font-weight: 750; }
.fixparser textarea { display: block; width: 100%; min-height: 16rem; padding: .9rem; resize: vertical; border: 1px solid #285178; border-radius: .3rem; outline: none; color: #c7e2fa; background: #031426; font: .78rem/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.fixparser textarea:focus { border-color: var(--atrekes-cyan-accent); box-shadow: 0 0 0 3px rgb(36 209 245 / 15%); }
.fixparser-actions { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }
.fixparser-actions .button { min-height: 2.65rem; }
.text-button { padding: .45rem 0; border: 0; color: var(--atrekes-cyan-accent); background: transparent; font: inherit; font-size: .8rem; font-weight: 750; cursor: pointer; }
.text-button:hover { text-decoration: underline; }
.fixparser-note { margin: 1.25rem 0 0; color: #9eb4ca; font-size: .72rem; }
.fixparser-result { min-width: 0; padding: 1.5rem; background: #071d38; }
.fixparser-summary { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #285178; }
.fixparser-summary strong { font-size: 1.08rem; }.fixparser-summary span { color: #9eb4ca; font-size: .75rem; }
.fixparser-validation { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; padding: 1rem 0; }
.fixparser-validation > span { display: flex; gap: .45rem; padding: .55rem; border: 1px solid #285178; border-radius: .25rem; font-size: .7rem; }
.fixparser-validation b { display: grid; flex: 0 0 1rem; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; }.fixparser-validation small { display: block; margin-top: .16rem; color: #9eb4ca; font-size: .61rem; }.fixparser-validation .valid b { color: #031426; background: #3df1b7; }.fixparser-validation .invalid b { color: #fff; background: #e36d7a; }
.fixparser-table-wrap { overflow: auto; max-height: 23.8rem; border: 1px solid #285178; border-radius: .3rem; }.fixparser table { width: 100%; border-collapse: collapse; font-size: .76rem; }.fixparser th { position: sticky; top: 0; text-align: left; color: #9eb4ca; background: #0d2948; font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; }.fixparser th, .fixparser td { padding: .65rem .75rem; border-bottom: 1px solid rgb(40 81 120 / 70%); }.fixparser td:first-child { color: var(--atrekes-cyan-accent); font-family: ui-monospace, monospace; }.fixparser td:last-child { color: #d6eaff; font-family: ui-monospace, monospace; }.fixparser tbody tr:last-child td { border-bottom: 0; }.fixparser .row-invalid td { color: #f8a0aa; }

.fixparser-page { min-height: 100vh; color: var(--atrekes-ice-mist); background: #031226; }
.tool-header { display: grid; grid-template-columns: 15rem 1fr auto; align-items: center; gap: 2rem; min-height: 5.4rem; padding: 1.1rem max(2rem, calc((100vw - 110rem) / 2)); border-bottom: 1px solid #173b65; background: #061b3a; }
.tool-header .brand { width: 9rem; }.tool-header .site-brand { width: 14rem; }.tool-title { color: #eaf4ff; font-size: .8rem; font-weight: 800; letter-spacing: .08em; line-height: 1; transform: translateY(2px); }.tool-title span { color: var(--atrekes-cyan-accent); }.tool-back { color: #c1d6e9; font-size: .78rem; font-weight: 700; text-decoration: none; }.tool-back:hover { color: var(--atrekes-cyan-accent); }
.tool-main { display: flex; flex-direction: column; width: min(110rem, 100%); min-height: calc(100vh - 5.4rem); margin: 0 auto; padding: clamp(1.5rem, 3vw, 3rem) max(1.25rem, 3vw); }
.tool-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.75rem; }.tool-heading .eyebrow { margin-bottom: .6rem; }.tool-heading h1 { margin: 0; font-size: clamp(2.4rem, 4.5vw, 4.7rem); }.tool-heading > p { max-width: 33rem; margin: 0; color: #9eb4ca; font-size: .92rem; }
.fixparser-fullscreen { flex: 1; min-height: 36rem; grid-template-columns: minmax(22rem, .72fr) 1.28fr; }.fixparser-fullscreen .fixparser-input, .fixparser-fullscreen .fixparser-result { display: flex; flex-direction: column; }.fixparser-fullscreen textarea { flex: 1; min-height: 20rem; }.fixparser-fullscreen .fixparser-table-wrap { flex: 1; max-height: none; }.fixparser-note code { padding: .06rem .22rem; border-radius: .18rem; color: #d6eaff; background: rgb(234 244 255 / 10%); }

.approach { display: grid; grid-template-columns: minmax(18rem, .8fr) 1.2fr; align-items: center; gap: clamp(3rem, 9vw, 9rem); }
.approach-visual { position: relative; display: grid; min-height: 26rem; overflow: hidden; place-items: center; border-radius: .45rem; background: linear-gradient(150deg, var(--atrekes-ice-mist), #fff); }
.approach-visual img { width: min(76%, 25rem); height: auto; }
.approach-copy > p:not(.eyebrow) { max-width: 38rem; color: #40556f; font-size: 1.1rem; }
dl { margin: 2.4rem 0 0; }
dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid #dbe8f5; }
dt { font-weight: 800; } dd { margin: 0; color: #40556f; }

.contact { padding: 8rem 2rem; text-align: center; color: var(--atrekes-ice-mist); background: var(--atrekes-midnight-navy); }
.contact > * { max-width: 50rem; margin-right: auto; margin-left: auto; }
.contact h2 { margin-bottom: 1.25rem; }
.contact > p:not(.eyebrow) { color: rgb(234 244 255 / 78%); }
.contact .button { margin-top: 1.2rem; }

footer { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem max(2rem, calc((100vw - var(--page-max)) / 2)); color: var(--atrekes-ice-mist); background: #031226; }
footer img { width: 14rem; }
footer p { margin: 0; color: rgb(234 244 255 / 66%); font-size: .76rem; }

@media (max-width: 46rem) {
  .site-header { padding: 1.1rem 1.25rem; }
  .brand { width: 7.5rem; }.site-brand { width: 10rem; }
  .mobile-menu-toggle { display: inline-flex; align-items: center; gap: .55rem; padding: .55rem .7rem; border: 1px solid rgb(234 244 255 / 32%); border-radius: .25rem; color: var(--atrekes-ice-mist); background: rgb(3 18 38 / 65%); font: inherit; font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.mobile-menu-toggle i, .mobile-menu-toggle i::before { display: block; width: .85rem; height: 1px; background: var(--atrekes-cyan-accent); content: ""; }.mobile-menu-toggle i::before { transform: translateY(-.25rem); box-shadow: 0 .5rem 0 var(--atrekes-cyan-accent); }.site-header .site-nav { position: absolute; top: calc(100% - .25rem); right: 1.25rem; left: 1.25rem; display: none; flex-direction: column; gap: 0; padding: .45rem; border: 1px solid #285178; border-radius: .35rem; background: #061b3a; box-shadow: 0 1.1rem 2.5rem rgb(0 0 0 / 28%); }.site-header .site-nav.is-open { display: flex; }.site-header .site-nav > a, .site-header .nav-dropdown summary { padding: .75rem; border-radius: .22rem; color: var(--atrekes-ice-mist); font-size: .82rem; }.site-header .nav-dropdown summary { justify-content: space-between; }.site-header .nav-menu { position: static; min-width: 0; margin: .15rem .35rem .35rem; box-shadow: none; }.site-header .nav-menu a { padding: .65rem .75rem; }
  .hero { min-height: auto; padding: 9rem 1.25rem 3rem; }
  .home-hero { grid-template-columns: 1fr; row-gap: 2.5rem; }
  .home-hero .hero-stat-grid { margin-top: 1rem; }
  .hero-stat-grid, .product-grid, .approach { grid-template-columns: 1fr; }
  .hero-stat-grid { gap: 1.4rem; margin-top: 4.5rem; }
  .terminal-showcase { padding: 4.5rem 1.25rem .5rem; }
  .terminal-intro { display: block; margin-bottom: 2rem; }
  .terminal-copy { margin-top: 1.25rem; }
  .terminal-meta { display: none; }
  .terminal-frame figcaption { padding: 2rem .7rem .65rem; font-size: .5rem; }
  .fixparser { grid-template-columns: 1fr; }
  .fixparser-input { border-right: 0; border-bottom: 1px solid #173b65; }
  .fixparser-validation { grid-template-columns: 1fr; }
  .fixparser-bar { font-size: .53rem; }
  .tool-header { grid-template-columns: 10.5rem 1fr; gap: 1rem; min-height: 4.6rem; padding: .85rem 1.25rem; }
  .tool-header .brand { width: 7.5rem; }.tool-header .site-brand { width: 10rem; }.tool-back { display: none; }.tool-main { min-height: calc(100vh - 4.6rem); padding: 1.5rem 1rem; }.tool-heading { display: block; margin-bottom: 1.3rem; }.tool-heading > p { margin-top: .8rem; }.fixparser-fullscreen { min-height: 0; }
  .product-card { min-height: auto; }
  .product-number { margin-bottom: 2rem; }
  .section { padding: 5.25rem 1.25rem; }
  .approach { gap: 2.5rem; }
  .approach-visual { min-height: 20rem; }
  .contact { padding: 5.5rem 1.25rem; }
  footer { flex-direction: column; align-items: flex-start; padding: 2rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button { transition: none; } .terminal-frame img, .terminal-scan { animation: none; } }

/* FIXParser product demonstration landing page */
.demo-landing { min-height: 100vh; color: var(--atrekes-ice-mist); background: #031226; }.demo-site-header { display: flex; align-items: center; justify-content: space-between; width: min(82rem, 100%); margin: 0 auto; padding: 1.35rem 2rem; }.demo-site-header .brand { width: 9rem; }.demo-header-link { color: var(--atrekes-cyan-accent); font-size: .82rem; font-weight: 800; text-decoration: none; }.demo-header-link:hover { color: #a8efff; }
.demo-hero { width: min(82rem, 100%); margin: 0 auto; padding: clamp(3.5rem, 8vw, 7rem) 2rem 5rem; }.demo-copy { max-width: 48rem; margin: 0 auto 4rem; text-align: center; }.demo-copy h1 { max-width: 12ch; margin: 0 auto 1.35rem; font-size: clamp(3.2rem, 8vw, 7rem); }.demo-copy > p:not(.eyebrow) { max-width: 38rem; margin: 0 auto; color: #b8cee1; font-size: clamp(1rem, 2vw, 1.2rem); }.demo-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.1rem; margin-top: 2rem; }.demo-actions > span { color: #9eb4ca; font-size: .78rem; font-weight: 700; }.demo-actions i, .fix-demo-topbar i { display: inline-block; width: .45rem; height: .45rem; margin-right: .35rem; border-radius: 50%; background: #3df1b7; box-shadow: 0 0 .45rem #3df1b7; }
.fix-demo { position: relative; overflow: hidden; margin: 0; border: 1px solid #285178; border-radius: .6rem; background: #061b3a; box-shadow: 0 2rem 5rem rgb(0 0 0 / 30%); }.fix-demo::after { position: absolute; inset: 0; content: ""; pointer-events: none; box-shadow: inset 0 0 0 1px rgb(234 244 255 / 6%), inset 0 -8rem 8rem -5rem rgb(0 0 0 / 45%); }.fix-demo-topbar, .fix-demo figcaption { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; color: #9eb4ca; font-size: .62rem; font-weight: 800; letter-spacing: .09em; }.fix-demo-topbar { border-bottom: 1px solid #173b65; background: #04182f; }.fix-demo figcaption { border-top: 1px solid #173b65; color: #80a0bc; }.fix-demo-grid { display: grid; grid-template-columns: .85fr 1.15fr; min-height: 25rem; }.fix-demo-input { padding: 2rem; border-right: 1px solid #173b65; background: #051a31; }.demo-label { color: var(--atrekes-cyan-accent); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.demo-code { overflow: hidden; margin: 1.1rem 0; padding: 1rem; border: 1px solid #285178; border-radius: .3rem; color: #d6eaff; background: #020f20; font: .75rem/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }.demo-code span { display: inline-block; width: 0; overflow: hidden; border-right: 2px solid var(--atrekes-cyan-accent); animation: fix-demo-type 7s steps(75, end) infinite; }.demo-parse-button { display: inline-flex; align-items: center; gap: .5rem; padding: .62rem .8rem; border-radius: .26rem; color: #031426; background: var(--atrekes-cyan-accent); font-size: .75rem; font-weight: 800; animation: fix-demo-button 7s ease-in-out infinite; }.demo-parse-button span { display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; color: var(--atrekes-cyan-accent); background: #031426; }.fix-demo-input p { margin: 1.5rem 0 0; color: #87a3bd; font-size: .7rem; }.fix-demo-output { padding: 2rem; }.demo-output-heading { display: flex; align-items: center; justify-content: space-between; }.demo-output-heading strong { color: #d6eaff; font-size: .74rem; }.demo-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: 1rem 0; }.demo-checks span { padding: .55rem; border: 1px solid #285178; border-radius: .25rem; color: #b6cde0; font-size: .65rem; opacity: 0; animation: fix-demo-reveal 7s ease-in-out infinite; }.demo-checks span:nth-child(2) { animation-delay: .2s; }.demo-checks span:nth-child(3) { animation-delay: .4s; }.demo-checks b { display: inline-grid; width: .85rem; height: .85rem; margin-right: .25rem; place-items: center; border-radius: 50%; color: #031426; background: #3df1b7; }.demo-table { overflow: hidden; border: 1px solid #285178; border-radius: .3rem; }.demo-table div { display: grid; grid-template-columns: 3rem 1.2fr 1fr; gap: .5rem; padding: .68rem .8rem; border-bottom: 1px solid rgb(40 81 120 / 70%); color: #b6cde0; font: .72rem ui-monospace, monospace; opacity: 0; transform: translateX(-.5rem); animation: fix-demo-row 7s ease-in-out infinite; }.demo-table div:last-child { border: 0; }.demo-table div span:first-child { color: var(--atrekes-cyan-accent); }.demo-table div span:last-child { color: #e2f1ff; }.demo-table div:nth-child(1) { animation-delay: .15s; }.demo-table div:nth-child(2) { animation-delay: .3s; }.demo-table div:nth-child(3) { animation-delay: .45s; }.demo-table div:nth-child(4) { animation-delay: .6s; }.demo-table div:nth-child(5) { animation-delay: .75s; }.fix-demo-scan { position: absolute; z-index: 1; top: 10%; left: 0; width: 100%; height: 20%; pointer-events: none; opacity: .35; background: linear-gradient(transparent, rgb(36 209 245 / 6%), rgb(36 209 245 / 28%), transparent); filter: blur(3px); animation: fix-demo-scan 7s linear infinite; }
.demo-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; width: min(82rem, 100%); margin: 0 auto; padding: 0 2rem 6rem; }.demo-proof div { padding: 1.2rem 0; border-top: 1px solid #285178; }.demo-proof span { display: block; margin-bottom: 1.2rem; color: var(--atrekes-cyan-accent); font-size: .68rem; font-weight: 800; letter-spacing: .08em; }.demo-proof strong { font-size: 1rem; }.demo-proof p { max-width: 18rem; margin: .45rem 0 0; color: #9eb4ca; font-size: .8rem; }.demo-footer { display: flex; justify-content: space-between; width: min(82rem, 100%); margin: 0 auto; padding: 1.5rem 2rem; border-top: 1px solid #173b65; color: #6f8da8; font-size: .72rem; }
@keyframes fix-demo-type { 0%, 12% { width: 0; } 55%, 82% { width: 100%; } 100% { width: 0; } }@keyframes fix-demo-button { 0%, 49% { opacity: .45; transform: none; } 55%, 83% { opacity: 1; transform: scale(1.02); } 100% { opacity: .45; } }@keyframes fix-demo-reveal { 0%, 50% { opacity: 0; } 57%, 84% { opacity: 1; } 100% { opacity: 0; } }@keyframes fix-demo-row { 0%, 51% { opacity: 0; transform: translateX(-.5rem); } 58%, 84% { opacity: 1; transform: none; } 100% { opacity: 0; } }@keyframes fix-demo-scan { 0% { transform: translateY(-80%); } 100% { transform: translateY(520%); } }
@media (max-width: 46rem) { .demo-site-header { padding: 1rem 1.25rem; }.demo-site-header .brand { width: 7.5rem; }.demo-header-link { font-size: .72rem; }.demo-hero { padding: 3.25rem 1.25rem 3.5rem; }.demo-copy { margin-bottom: 2.8rem; }.fix-demo-grid, .demo-proof { grid-template-columns: 1fr; }.fix-demo-input { border-right: 0; border-bottom: 1px solid #173b65; }.fix-demo-input, .fix-demo-output { padding: 1.25rem; }.demo-checks { grid-template-columns: 1fr; }.demo-code { font-size: .63rem; }.demo-proof { gap: 0; padding: 0 1.25rem 4rem; }.demo-proof div { padding: 1.2rem 0; }.demo-footer { padding: 1.25rem; }.fix-demo-topbar { font-size: .5rem; } }
@media (prefers-reduced-motion: reduce) { .demo-code span { width: 100%; animation: none; }.demo-parse-button, .demo-checks span, .demo-table div, .fix-demo-scan { opacity: 1; transform: none; animation: none; } }

/* Atrekes company home */
.product-grid-two { grid-template-columns: repeat(2, 1fr); }.product-grid-two .product-card { min-height: 23rem; }
.brokerforge-home { color: var(--atrekes-ice-mist); background: #031226; }.brokerforge-home-inner { display: grid; grid-template-columns: minmax(18rem, .82fr) minmax(26rem, 1.18fr); align-items: center; gap: clamp(2.5rem, 8vw, 8rem); max-width: 82rem; margin: 0 auto; padding: 7rem 2rem; }.brokerforge-home-copy > p:not(.eyebrow) { max-width: 35rem; color: rgb(234 244 255 / 78%); font-size: 1.05rem; }.brokerforge-home-copy h2 { max-width: 13ch; margin-bottom: 1.15rem; font-size: clamp(2.5rem, 4.5vw, 4.5rem); }.brokerforge-home-points { display: grid; gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }.brokerforge-home-points li { display: grid; grid-template-columns: 9.5rem 1fr; gap: 1rem; padding-top: .9rem; border-top: 1px solid rgb(234 244 255 / 22%); }.brokerforge-home-points strong { color: var(--atrekes-cyan-accent); font-size: .78rem; }.brokerforge-home-points span { color: rgb(234 244 255 / 72%); font-size: .82rem; }.brokerforge-home-frame { position: relative; margin: 0; overflow: hidden; border: 1px solid rgb(36 209 245 / 52%); border-radius: .55rem; background: #061b3a; box-shadow: 0 2rem 5rem rgb(0 0 0 / 34%); aspect-ratio: 16 / 10; }.brokerforge-home-frame::after { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; box-shadow: inset 0 0 0 1px rgb(234 244 255 / 8%), inset 0 -8rem 7rem -6rem rgb(0 0 0 / 48%); }.brokerforge-home-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }.brokerforge-home-frame figcaption { position: absolute; z-index: 2; bottom: 0; display: flex; justify-content: space-between; width: 100%; padding: 2.6rem 1rem .8rem; color: rgb(234 244 255 / 80%); background: linear-gradient(transparent, rgb(3 18 38 / 92%)); font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.brokerforge-home-frame .terminal-meta { width: 100%; }
.tools-home { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(2rem, 8vw, 8rem); }.tools-copy > p:not(.eyebrow) { max-width: 34rem; color: #40556f; font-size: 1.06rem; }.tools-copy .button { margin-top: 1.25rem; }.tool-preview { display: block; overflow: hidden; border: 1px solid #285178; border-radius: .55rem; color: var(--atrekes-ice-mist); background: #061b3a; box-shadow: 0 1.5rem 4rem rgb(6 27 58 / 16%); text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; }.tool-preview:hover { transform: translateY(-4px); box-shadow: 0 2rem 4.5rem rgb(6 27 58 / 25%); }.tool-preview-bar { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid #173b65; color: #9eb4ca; background: #04182f; font-size: .62rem; font-weight: 800; letter-spacing: .09em; }.tool-preview-bar i { display: inline-block; width: .42rem; height: .42rem; margin-right: .35rem; border-radius: 50%; background: #3df1b7; box-shadow: 0 0 .45rem #3df1b7; }.tool-preview-body { padding: 1.35rem; }.tool-preview .demo-code { margin: .85rem 0 1.15rem; }.tool-preview .demo-checks { margin-bottom: 1rem; }.tool-preview .demo-checks span { animation-play-state: running; }.tool-preview-footer { display: flex; justify-content: space-between; padding: .85rem 1rem; border-top: 1px solid #173b65; color: var(--atrekes-cyan-accent); font-size: .73rem; font-weight: 800; }.tool-preview-footer b { font-size: 1rem; }.platform-guis { grid-column: 1 / -1; width: 100%; padding-top: clamp(1rem, 3vw, 2rem); border-top: 1px solid #bfd1e3; }.platform-guis-heading { display: grid; grid-template-columns: .72fr 1fr 1.1fr; align-items: baseline; gap: 1.25rem; margin-bottom: 1.25rem; }.platform-guis-heading .eyebrow { margin: 0; }.platform-guis-heading h3 { margin: 0; color: var(--atrekes-midnight-navy); font-size: clamp(1.3rem, 2vw, 1.8rem); }.platform-guis-heading > p:not(.eyebrow) { margin: 0; color: #58708b; font-size: .82rem; }.platform-gui-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .85rem; }.platform-gui-link { display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: .85rem; min-height: 8.5rem; padding: 1.05rem; border: 1px solid #bfd1e3; border-radius: .42rem; color: var(--atrekes-midnight-navy); background: #fff; box-shadow: 0 .65rem 1.5rem rgb(6 27 58 / 5%); text-decoration: none; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }.platform-gui-link:hover { border-color: var(--atrekes-cyan-accent); box-shadow: 0 .9rem 2rem rgb(6 27 58 / 12%); transform: translateY(-3px); }.platform-gui-index { color: var(--atrekes-cyan-accent); font-family: ui-monospace, monospace; font-size: .65rem; font-weight: 800; }.platform-gui-link strong, .platform-gui-link small { display: block; }.platform-gui-link strong { margin-bottom: .45rem; font-size: .9rem; }.platform-gui-link small { color: #58708b; font-size: .72rem; line-height: 1.5; }.platform-gui-link > b { color: var(--atrekes-cyan-accent); font-size: 1rem; }
@media (max-width: 46rem) { .product-grid-two, .tools-home, .brokerforge-home-inner { grid-template-columns: 1fr; }.brokerforge-home-inner { gap: 2.5rem; padding: 5.25rem 1.25rem; }.brokerforge-home-points li { grid-template-columns: 1fr; gap: .3rem; }.brokerforge-home-frame figcaption { padding: 2rem .7rem .65rem; font-size: .5rem; }.tools-home { padding-top: 2rem; }.tool-preview-body { padding: 1rem; }.tool-preview .demo-checks { grid-template-columns: 1fr; }.tool-preview-bar { font-size: .52rem; }.platform-guis-heading, .platform-gui-grid { grid-template-columns: 1fr; }.platform-guis-heading { gap: .45rem; }.platform-gui-link { min-height: 0; } }

/* BrokerForge commercial platform page */
.brokerforge-value { padding: 6.5rem max(2rem, calc((100vw - 76rem) / 2)); color: var(--atrekes-midnight-navy); background: #fff; }
.brokerforge-value-inner { display: grid; grid-template-columns: minmax(16rem, .8fr) 1.2fr; gap: clamp(3rem, 9vw, 8rem); max-width: 76rem; margin: 0 auto; }
.brokerforge-value h2, .brokerforge-section-heading h2 { margin-bottom: 1rem; font-size: clamp(2.2rem, 4vw, 4rem); }
.brokerforge-value p { max-width: 37rem; color: #40556f; font-size: 1.04rem; }
.brokerforge-value strong { color: var(--atrekes-deep-blue); }

.brokerforge-backend, .brokerforge-principles, .brokerforge-matrix { padding: 7.5rem max(2rem, calc((100vw - 76rem) / 2)); }
.brokerforge-backend { color: var(--atrekes-midnight-navy); background: var(--atrekes-ice-mist); }
.brokerforge-section-heading { max-width: 53rem; margin: 0 auto 3rem; }
.brokerforge-section-heading > p:not(.eyebrow) { max-width: 45rem; margin-bottom: 0; color: #40556f; font-size: 1.04rem; }
.brokerforge-backend-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: 76rem; margin: 0 auto; }
.brokerforge-backend-flow article { min-height: 17rem; padding: 1.45rem; border: 1px solid #c6dced; border-radius: .5rem; background: #fff; box-shadow: 0 1rem 2.5rem rgb(6 27 58 / 7%); }
.brokerforge-backend-flow span, .brokerforge-principle-grid > article > span { color: var(--atrekes-cyan-accent); font-size: .7rem; font-weight: 850; letter-spacing: .1em; }
.brokerforge-backend-flow h3 { margin: 3.25rem 0 .75rem; color: var(--atrekes-midnight-navy); font-size: 1.25rem; letter-spacing: -.025em; }
.brokerforge-backend-flow p { margin: 0; color: #40556f; font-size: .88rem; }

.brokerforge-principles { color: var(--atrekes-midnight-navy); background: #fff; }
.brokerforge-principle-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: 76rem; margin: 0 auto; }
.brokerforge-principle-grid article { min-height: 18rem; padding: 1.5rem; border-top: 2px solid var(--atrekes-cyan-accent); background: #f7fbff; }
.brokerforge-principle-grid h3 { margin: 3.2rem 0 .75rem; color: var(--atrekes-midnight-navy); font-size: 1.22rem; letter-spacing: -.025em; }
.brokerforge-principle-grid p { margin: 0; color: #40556f; font-size: .87rem; }

.brokerforge-coverage { position: relative; isolation: isolate; overflow: hidden; padding: 7.5rem max(2rem, calc((100vw - 76rem) / 2)); color: var(--atrekes-ice-mist); background: #031226; }
.brokerforge-coverage::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .5; background: radial-gradient(circle at 100% 0, rgb(23 140 255 / 20%), transparent 29rem), linear-gradient(90deg, rgb(234 244 255 / 5%) 1px, transparent 1px), linear-gradient(rgb(234 244 255 / 4%) 1px, transparent 1px); background-size: auto, 4rem 4rem, 4rem 4rem; }
.brokerforge-section-heading-light > p:not(.eyebrow) { color: #b8cee1; }
.brokerforge-coverage-intro { display: grid; grid-template-columns: minmax(18rem, 1.1fr) minmax(17rem, .9fr); align-items: end; gap: clamp(2rem, 7vw, 6rem); max-width: 76rem; margin: 0 auto 3rem; }
.brokerforge-coverage-intro .brokerforge-section-heading { margin: 0; }
.brokerforge-coverage-intro > p { max-width: 31rem; margin: 0 0 .35rem; color: #b8cee1; font-size: 1.02rem; }
.brokerforge-coverage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; max-width: 76rem; margin: 0 auto; counter-reset: capability; }
.brokerforge-coverage-grid article { position: relative; display: flex; flex-direction: column; min-height: 24rem; padding: 1.45rem; border: 1px solid rgb(80 137 188 / 52%); border-radius: .65rem; background: linear-gradient(145deg, rgb(11 43 78 / 96%), rgb(4 24 49 / 96%)); box-shadow: 0 1.2rem 2.5rem rgb(0 0 0 / 14%); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.brokerforge-coverage-grid article:hover { border-color: rgb(36 209 245 / 78%); box-shadow: 0 1.7rem 3rem rgb(0 0 0 / 24%); transform: translateY(-4px); }
.coverage-card-top { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.coverage-number { color: var(--atrekes-cyan-accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .75rem; font-weight: 850; letter-spacing: .12em; }
.coverage-state, .matrix-state { display: inline-flex; align-items: center; min-height: 1.65rem; padding: .2rem .5rem; border-radius: 999px; font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.coverage-state-live, .matrix-state-live { color: #06213c; background: var(--atrekes-cyan-accent); }
.coverage-state-track, .matrix-state-track { color: #fff6d9; background: #9a6b15; }
.coverage-label { margin: 2.25rem 0 .6rem !important; color: var(--atrekes-cyan-accent) !important; font-size: .65rem !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.brokerforge-coverage-grid h3 { margin: 0 0 .85rem; color: #fff; font-size: clamp(1.35rem, 2vw, 1.7rem); letter-spacing: -.035em; }
.brokerforge-coverage-grid p { margin-bottom: 1.3rem; color: #c1d6e8; font-size: .88rem; }
.brokerforge-coverage-grid ul { display: grid; gap: .45rem; margin: auto 0 0; padding: 1.15rem 0 0; border-top: 1px solid rgb(184 206 225 / 23%); color: #d9ebfa; font-size: .76rem; list-style: none; }
.brokerforge-coverage-grid li { position: relative; padding-left: 1rem; }
.brokerforge-coverage-grid li::before { position: absolute; left: 0; color: var(--atrekes-cyan-accent); content: "✓"; font-weight: 850; }
.brokerforge-coverage-note { max-width: 76rem; margin: 1.5rem auto 0; color: #9eb9d1; font-size: .77rem; }

.brokerforge-matrix { color: var(--atrekes-midnight-navy); background: #fff; }
.brokerforge-matrix-heading { position: relative; max-width: 61rem; margin-bottom: 3.5rem; padding: .35rem 0 .35rem 1.65rem; }
.brokerforge-matrix-heading::before { position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 999px; content: ""; background: linear-gradient(var(--atrekes-cyan-accent), var(--atrekes-electric-blue)); }
.brokerforge-matrix-heading h2 { max-width: 14ch; margin-bottom: 1.15rem; }
.brokerforge-matrix-heading > p:not(.eyebrow) { max-width: 48rem; font-size: 1.08rem; }
.brokerforge-matrix-wrap { max-width: 76rem; margin: 0 auto; overflow-x: auto; border: 1px solid #c6dced; border-radius: .5rem; }
.brokerforge-matrix-wrap:focus-visible { outline: 3px solid var(--atrekes-cyan-accent); outline-offset: 3px; }
.brokerforge-matrix table { width: 100%; min-width: 56rem; border-collapse: collapse; }
.brokerforge-matrix th, .brokerforge-matrix td { padding: 1rem 1.1rem; border-bottom: 1px solid #dbe8f5; vertical-align: top; text-align: left; }
.brokerforge-matrix thead th { color: #7890a9; background: #f3f9ff; font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.brokerforge-matrix tbody th { width: 17%; color: var(--atrekes-midnight-navy); font-size: .9rem; }
.brokerforge-matrix td { width: 29%; color: #40556f; font-size: .84rem; }
.brokerforge-matrix td:last-child { width: 14%; white-space: nowrap; }
.brokerforge-matrix tbody tr:last-child th, .brokerforge-matrix tbody tr:last-child td { border-bottom: 0; }

.brokerforge-deployment { padding: 7.5rem max(2rem, calc((100vw - 76rem) / 2)); color: var(--atrekes-ice-mist); background: var(--atrekes-midnight-navy); }
.brokerforge-deployment-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; max-width: 76rem; margin: 0 auto; padding: 0; list-style: none; }
.brokerforge-deployment-steps li { padding-top: 1.15rem; border-top: 1px solid rgb(234 244 255 / 35%); }
.brokerforge-deployment-steps span { display: block; margin-bottom: 2.75rem; color: var(--atrekes-cyan-accent); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.brokerforge-deployment-steps h3 { margin-bottom: .65rem; color: #fff; font-size: 1.25rem; letter-spacing: -.025em; }
.brokerforge-deployment-steps p { margin: 0; color: #b8cee1; font-size: .88rem; }
.brokerforge-scope-note { max-width: 61rem; margin: 4rem auto 0; padding: 1rem 1.1rem; border-left: 3px solid var(--atrekes-cyan-accent); color: #c4d8e9; background: rgb(234 244 255 / 7%); font-size: .84rem; }

.brokerforge-close { padding: 7.5rem 2rem; text-align: center; color: var(--atrekes-ice-mist); background: #031226; }
.brokerforge-close > * { max-width: 52rem; margin-right: auto; margin-left: auto; }
.brokerforge-close h2 { margin-bottom: 1.25rem; color: #fff; font-size: clamp(2.5rem, 5vw, 4.7rem); }
.brokerforge-close > p:not(.eyebrow) { color: #b8cee1; font-size: 1.06rem; }
.brokerforge-close .hero-actions { justify-content: center; }

@media (max-width: 62rem) {
  .brokerforge-backend-flow, .brokerforge-principle-grid, .brokerforge-coverage-grid { grid-template-columns: repeat(2, 1fr); }
  .brokerforge-backend-flow article, .brokerforge-principle-grid article { min-height: 14rem; }
  .brokerforge-coverage-intro { grid-template-columns: 1fr; gap: 1rem; }
}
@media (max-width: 46rem) {
  .brokerforge-value, .brokerforge-backend, .brokerforge-principles, .brokerforge-coverage, .brokerforge-matrix, .brokerforge-deployment { padding: 5rem 1.25rem; }
  .brokerforge-value-inner, .brokerforge-backend-flow, .brokerforge-principle-grid, .brokerforge-coverage-grid, .brokerforge-deployment-steps { grid-template-columns: 1fr; gap: 1rem; }
  .brokerforge-value-inner { gap: 1.5rem; }.brokerforge-section-heading { margin-bottom: 2rem; }
  .brokerforge-backend-flow article, .brokerforge-principle-grid article, .brokerforge-coverage-grid article { min-height: 0; }
  .brokerforge-backend-flow h3, .brokerforge-principle-grid h3 { margin-top: 2rem; }
  .coverage-label { margin-top: 1.7rem !important; }
  .brokerforge-coverage-grid article { min-height: 0; padding: 1.25rem; }
  .brokerforge-coverage-intro { margin-bottom: 2rem; }
  .brokerforge-matrix-heading { margin-bottom: 2.5rem; padding-left: 1.15rem; }
  .brokerforge-deployment-steps { gap: 1.6rem; }.brokerforge-deployment-steps span { margin-bottom: 1.5rem; }
  .brokerforge-scope-note { margin-top: 2.5rem; }
  .brokerforge-close { padding: 5rem 1.25rem; }
}

/* BrokerForge product page */
.product-page { overflow-x: clip; color: var(--atrekes-ice-mist); background: #031226; }
.product-page .site-header { position: relative; width: min(82rem, 100%); max-width: none; transform: none; left: auto; margin: 0 auto; }
.product-page nav a { color: rgb(234 244 255 / 78%); }

@media (min-width: 46.0625rem) {
  .site-header, .product-page .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    justify-content: space-between;
    gap: 2.4rem;
    width: 100%;
    max-width: none;
    left: auto;
    margin: 0;
    padding: .48rem max(2rem, calc((100vw - var(--page-max)) / 2));
    border-bottom: 1px solid rgb(234 244 255 / 14%);
    background: rgb(3 18 38 / 96%);
    box-shadow: 0 .6rem 1.5rem rgb(0 0 0 / 10%);
    backdrop-filter: blur(12px);
    transform: none;
  }

  .site-header .site-brand { width: 8.96rem; }
  .site-header nav { gap: 1.25rem; }
  .home-hero { padding-top: 7.5rem; }
}

.product-main { overflow: hidden; }
.product-hero { width: min(82rem, 100%); margin: 0 auto; padding: 5.5rem 2rem 2rem; }
.product-hero-copy { max-width: 50rem; }
.product-hero h1 { max-width: none; margin-bottom: .85rem; color: #fff; font-size: clamp(3.4rem, 7vw, 5.6rem); }
.product-hero-statement { max-width: 34rem; margin-bottom: 1.2rem; color: #fff; font-size: clamp(1.5rem, 3vw, 2.3rem); font-weight: 750; letter-spacing: 0; line-height: 1.14; }
.product-hero .lede { max-width: 43rem; }
.product-film { width: min(82rem, 100%); margin: 0 auto; padding: 2rem 2rem 7rem; }
.product-film-frame { margin: 0; overflow: hidden; border: 1px solid rgb(36 209 245 / 52%); border-radius: .55rem; background: #061b3a; box-shadow: 0 2rem 5rem rgb(0 0 0 / 34%); }
.product-film-frame video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #031226; }
.product-film-frame figcaption { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; color: rgb(234 244 255 / 72%); background: #061b3a; font-size: .72rem; }
.product-film-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 3rem 0 0; }
.product-film-notes div { padding-top: 1rem; border-top: 1px solid rgb(234 244 255 / 24%); }
.product-film-notes h2 { margin-bottom: .55rem; color: #fff; font-size: 1.12rem; letter-spacing: 0; }
.product-film-notes p { margin-bottom: 0; color: rgb(234 244 255 / 72%); font-size: .92rem; }
.product-details { padding: 6.5rem max(2rem, calc((100vw - 76rem) / 2)); color: var(--atrekes-midnight-navy); background: #fff; }
.product-details-inner { display: grid; grid-template-columns: minmax(16rem, .8fr) 1.2fr; gap: clamp(3rem, 9vw, 8rem); max-width: 76rem; margin: 0 auto; }
.product-details h2 { margin-bottom: 1rem; font-size: clamp(2.2rem, 4vw, 4rem); }
.product-details p { max-width: 37rem; color: #40556f; font-size: 1.04rem; }
.product-details a { color: var(--atrekes-deep-blue); font-weight: 800; }

/* LibHFT product page */
.libhft-hero { padding-bottom: 3.5rem; }.libhft-hero .button { margin-top: 1rem; }.libhft-quickfix-hero { max-width: 43rem; margin: 1.35rem 0 -.15rem; padding: .9rem 1rem; border: 1px solid rgb(61 241 183 / 46%); border-radius: .4rem; background: linear-gradient(100deg, rgb(61 241 183 / 13%), rgb(4 24 47 / 72%)); }.libhft-quickfix-hero > span { display: block; color: var(--atrekes-cyan-accent); font-size: .62rem; font-weight: 850; letter-spacing: .1em; }.libhft-quickfix-hero p { margin: .4rem 0 .35rem; color: #b9cde0; font-size: .79rem; line-height: 1.45; }.libhft-quickfix-hero strong { color: #fff; }.libhft-quickfix-hero a { color: var(--atrekes-cyan-accent); font-size: .73rem; font-weight: 800; text-decoration: none; }.libhft-quickfix-hero a:hover { color: #fff; }.libhft-surface { width: min(82rem, calc(100% - 4rem)); margin: 0 auto 7rem; overflow: hidden; border: 1px solid rgb(36 209 245 / 52%); border-radius: .55rem; background: #061b3a; box-shadow: 0 2rem 5rem rgb(0 0 0 / 34%); }.libhft-surface-bar { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid #173b65; color: #9eb4ca; background: #04182f; font-size: .62rem; font-weight: 800; letter-spacing: .09em; }.libhft-surface-bar i { display: inline-block; width: .45rem; height: .45rem; margin-right: .35rem; border-radius: 50%; background: #3df1b7; box-shadow: 0 0 .45rem #3df1b7; }.libhft-surface-main { padding: clamp(1.5rem, 4vw, 3.75rem); background: radial-gradient(circle at 75% 25%, rgb(23 140 255 / 18%), transparent 30%); }.libhft-command { display: inline-block; padding: .85rem 1rem; border: 1px solid #285178; border-radius: .3rem; color: #d6eaff; background: #020f20; font: .82rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }.libhft-command span { margin-right: .6rem; color: var(--atrekes-cyan-accent); }.libhft-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2rem; border: 1px solid #285178; border-radius: .35rem; overflow: hidden; background: #285178; }.libhft-metrics div { padding: 1.4rem; background: #061b3a; }.libhft-metrics span, .libhft-metrics em { display: block; color: #9eb4ca; font-size: .67rem; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }.libhft-metrics strong { display: block; margin: .45rem 0; color: #fff; font-size: clamp(1.6rem, 3vw, 2.5rem); letter-spacing: -.04em; }.libhft-metrics small { color: var(--atrekes-cyan-accent); font-size: .5em; letter-spacing: 0; }.libhft-metrics em { color: #3df1b7; text-transform: none; }.libhft-trace { display: flex; align-items: end; gap: .55rem; height: 9rem; margin-top: 2.5rem; padding: 0 .3rem; border-bottom: 1px solid #285178; }.libhft-trace span { flex: 1; min-width: .45rem; background: linear-gradient(#3df1b7, #178cff); border-radius: .15rem .15rem 0 0; opacity: .88; }.libhft-trace span:nth-child(1) { height: 34%; }.libhft-trace span:nth-child(2) { height: 52%; }.libhft-trace span:nth-child(3) { height: 45%; }.libhft-trace span:nth-child(4) { height: 73%; }.libhft-trace span:nth-child(5) { height: 62%; }.libhft-trace span:nth-child(6) { height: 81%; }.libhft-trace span:nth-child(7) { height: 59%; }.libhft-trace span:nth-child(8) { height: 92%; }.libhft-trace span:nth-child(9) { height: 67%; }.libhft-trace span:nth-child(10) { height: 76%; }.libhft-trace span:nth-child(11) { height: 54%; }.libhft-trace span:nth-child(12) { height: 70%; }.libhft-surface > p { margin: 0; padding: .8rem 1rem; color: #80a0bc; border-top: 1px solid #173b65; font-size: .72rem; }

.libhft-hero .hero-actions { margin-top: 1.9rem; }
.libhft-hero .hero-actions .button { margin-top: 0; }
.libhft-surface > p a { color: var(--atrekes-cyan-accent); font-weight: 800; text-decoration: none; }
.libhft-surface > p a:hover { color: #fff; }
.libhft-proof, .libhft-coverage { width: min(82rem, calc(100% - 4rem)); margin: 0 auto; }
.libhft-proof { padding: 0 0 7.5rem; }
.libhft-section-heading { max-width: 49rem; margin-bottom: 3.2rem; }
.libhft-section-heading h2 { max-width: 17ch; margin-bottom: 1.15rem; color: #fff; font-size: clamp(2.55rem, 5vw, 4.8rem); }
.libhft-section-heading > p:not(.eyebrow) { max-width: 43rem; margin-bottom: 0; color: #a8c0d5; font-size: 1.06rem; }
.libhft-proof-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(16rem, .7fr); gap: 1rem; align-items: stretch; }
.libhft-cdf-card { margin: 0; padding: clamp(1.15rem, 2.6vw, 2rem); border: 1px solid #285178; border-radius: .55rem; background: linear-gradient(150deg, #082247, #04182f); box-shadow: inset 0 1px rgb(234 244 255 / 5%); }
.libhft-chart-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.libhft-chart-heading span, .libhft-chart-heading small { display: block; color: #8faec7; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.libhft-chart-heading strong { display: block; margin-top: .28rem; color: #fff; font-size: 1.1rem; }.libhft-chart-heading small { color: var(--atrekes-cyan-accent); font-weight: 700; letter-spacing: .04em; text-transform: none; }
.libhft-cdf { display: block; width: 100%; height: auto; margin: 1rem 0 .45rem; overflow: visible; }.cdf-grid line { stroke: rgb(158 180 202 / 20%); stroke-width: 1; }.cdf-area { fill: url(#cdfFill); }.cdf-line { fill: none; stroke: url(#cdfLine); stroke-linecap: round; stroke-width: 4; }.cdf-marker { stroke: rgb(92 214 255 / 55%); stroke-dasharray: 4 5; stroke-width: 1; }.cdf-marker-tail { stroke: rgb(61 241 183 / 68%); }.cdf-dot { fill: #5cd6ff; stroke: #082247; stroke-width: 3; }.cdf-dot-tail { fill: #3df1b7; }.cdf-label { fill: #dceeff; font: 700 13px Inter, system-ui, sans-serif; }.cdf-axis { fill: #8faec7; font: 12px Inter, system-ui, sans-serif; }.cdf-axis text:last-child { fill: #b6cde0; font-weight: 700; }
.libhft-cdf-card figcaption { max-width: 55rem; color: #88a7c2; font-size: .72rem; line-height: 1.5; }
.libhft-proof-stack { display: grid; gap: 1rem; }.libhft-proof-stack article { display: flex; flex-direction: column; min-height: 0; padding: 1.4rem; border: 1px solid #1d4973; border-radius: .5rem; background: #061b3a; }.libhft-proof-stack span, .coverage-icon { color: var(--atrekes-cyan-accent); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.libhft-proof-stack h3 { margin: auto 0 .45rem; color: #fff; font-size: 1.18rem; letter-spacing: -.025em; }.libhft-proof-stack p { margin: 0; color: #9eb4ca; font-size: .83rem; line-height: 1.45; }
.libhft-peer-table-wrap { margin-top: 1rem; padding: 1.35rem 1.5rem 1.45rem; border: 1px solid #1d4973; border-radius: .5rem; background: #051a35; }.libhft-peer-table-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; margin-bottom: 1rem; }.libhft-peer-table-heading span { color: var(--atrekes-cyan-accent); font-size: .66rem; font-weight: 800; letter-spacing: .1em; }.libhft-peer-table-heading p { margin: 0; color: #8faec7; font-size: .76rem; text-align: right; }.libhft-peer-table { width: 100%; border-collapse: collapse; color: #c8dcec; font-size: .82rem; }.libhft-peer-table th, .libhft-peer-table td { padding: .7rem .85rem; border-top: 1px solid rgb(40 81 120 / 72%); text-align: right; }.libhft-peer-table th:first-child, .libhft-peer-table td:first-child { text-align: left; }.libhft-peer-table thead th { border-top: 0; color: #8faec7; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.libhft-peer-table tbody th { color: #d8eaff; font-weight: 700; }.libhft-peer-winner { background: linear-gradient(90deg, rgb(61 241 183 / 15%), transparent); }.libhft-peer-winner th, .libhft-peer-winner td { color: #fff; font-weight: 800; }.libhft-peer-winner td:last-child { color: #3df1b7; }
.libhft-capability { width: min(82rem, calc(100% - 4rem)); margin: 0 auto; padding: 6.75rem 0 7.5rem; border-top: 1px solid rgb(158 180 202 / 19%); }.libhft-capability-scores { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0 0 1rem; overflow: hidden; border: 1px solid #285178; border-radius: .5rem; background: #285178; }.libhft-capability-scores div { min-height: 8.5rem; padding: 1.35rem; background: linear-gradient(155deg, rgb(13 41 72 / 88%), rgb(4 24 47 / 96%)); }.libhft-capability-scores strong { display: block; margin-bottom: .7rem; color: var(--atrekes-cyan-accent); font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.065em; line-height: 1; }.libhft-capability-scores span { display: block; max-width: 12rem; color: #a8c0d5; font-size: .78rem; font-weight: 750; letter-spacing: .04em; line-height: 1.35; text-transform: uppercase; }.libhft-capability-matrix-wrap { overflow-x: auto; border: 1px solid #285178; border-radius: .5rem; background: #061b3a; }.libhft-capability-matrix { width: 100%; min-width: 53rem; border-collapse: collapse; text-align: left; }.libhft-capability-matrix th, .libhft-capability-matrix td { padding: 1rem 1.1rem; border-bottom: 1px solid rgb(40 81 120 / 72%); vertical-align: middle; }.libhft-capability-matrix thead th { color: #9eb4ca; background: #04182f; font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.libhft-capability-matrix tbody tr:last-child > * { border-bottom: 0; }.libhft-capability-matrix tbody th { color: #fff; font-size: 1rem; }.libhft-capability-matrix td { color: #b9cde0; font-size: .84rem; line-height: 1.38; }.libhft-capability-matrix td strong { color: #e7fbf5; font-size: 1rem; }.libhft-capability-matrix td small { display: block; margin-top: .18rem; color: #82a2be; font-size: .68rem; }.libhft-capability-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.libhft-capability-notes article { min-height: 14rem; padding: 1.4rem; border: 1px solid #20476d; border-radius: .5rem; background: linear-gradient(155deg, rgb(13 41 72 / 78%), rgb(4 24 47 / 88%)); }.libhft-capability-notes span { color: var(--atrekes-cyan-accent); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.libhft-capability-notes h3 { margin: 2.15rem 0 .75rem; color: #fff; font-size: 1.15rem; letter-spacing: -.03em; }.libhft-capability-notes p { margin: 0; color: #a8c0d5; font-size: .84rem; line-height: 1.58; }.libhft-capability-source { max-width: 54rem; margin: 1.3rem 0 0; color: #8fa9c0; font-size: .76rem; line-height: 1.55; }.libhft-capability-source a { color: var(--atrekes-cyan-accent); font-weight: 800; }
.libhft-protocols { width: min(82rem, calc(100% - 4rem)); margin: 0 auto; padding: 0 0 7.5rem; }.libhft-protocol-panel { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; overflow: hidden; border: 1px solid #285178; border-radius: .5rem; background: #061b3a; }.libhft-protocol-main { padding: clamp(1.4rem, 3vw, 2.2rem); background: radial-gradient(circle at 84% 18%, rgb(61 241 183 / 13%), transparent 29rem), linear-gradient(145deg, #0d2948, #061b3a 74%); }.libhft-protocol-kicker { display: flex; align-items: baseline; flex-wrap: wrap; gap: .65rem 1.1rem; }.libhft-protocol-kicker span, .libhft-protocol-detail-grid article > span, .libhft-migration-callout span, .libhft-venue-heading span, .libhft-venue-proof > span, .libhft-venue-list > span { color: var(--atrekes-cyan-accent); font-size: .66rem; font-weight: 850; letter-spacing: .1em; }.libhft-protocol-kicker strong { color: #fff; font-size: clamp(1.25rem, 2.1vw, 1.85rem); letter-spacing: -.04em; }.libhft-protocol-main > p { max-width: 44rem; margin: 1.15rem 0 1.35rem; color: #b9cde0; font-size: .94rem; line-height: 1.58; }.libhft-protocol-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }.libhft-protocol-tags li { padding: .42rem .58rem; border: 1px solid rgb(92 214 255 / 38%); border-radius: 999px; color: #e7fbf5; background: rgb(4 24 47 / 62%); font-size: .72rem; font-weight: 800; letter-spacing: .015em; }.libhft-protocol-facts { display: grid; grid-template-rows: 1fr 1fr; gap: 1px; background: #285178; }.libhft-protocol-facts div { display: flex; flex-direction: column; justify-content: center; padding: 1.5rem; background: #04182f; }.libhft-protocol-facts strong { display: block; color: var(--atrekes-cyan-accent); font-size: clamp(2.2rem, 4vw, 3.35rem); letter-spacing: -.07em; line-height: 1; }.libhft-protocol-facts span { display: block; max-width: 10rem; margin-top: .6rem; color: #a8c0d5; font-size: .7rem; font-weight: 800; letter-spacing: .07em; line-height: 1.35; text-transform: uppercase; }.libhft-protocol-detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.libhft-protocol-detail-grid article { min-height: 15rem; padding: 1.4rem; border: 1px solid #20476d; border-radius: .5rem; background: linear-gradient(155deg, rgb(13 41 72 / 78%), rgb(4 24 47 / 88%)); }.libhft-protocol-detail-grid h3 { margin: 2rem 0 .75rem; color: #fff; font-size: 1.14rem; letter-spacing: -.03em; }.libhft-protocol-detail-grid p { margin: 0; color: #a8c0d5; font-size: .83rem; line-height: 1.58; }.libhft-venue-evidence { margin-top: 1.6rem; padding: 1.6rem; border: 1px solid #285178; border-radius: .5rem; background: linear-gradient(145deg, rgb(4 24 47 / 96%), rgb(10 40 69 / 88%)); }.libhft-venue-heading { display: grid; grid-template-columns: minmax(19rem, 1.05fr) minmax(18rem, .95fr); gap: 2rem; align-items: end; }.libhft-venue-heading h3 { max-width: 29rem; margin: .45rem 0 0; color: #fff; font-size: clamp(1.35rem, 2.6vw, 2.05rem); letter-spacing: -.04em; line-height: 1.02; }.libhft-venue-heading p { max-width: 34rem; margin: 0; color: #a8c0d5; font-size: .87rem; line-height: 1.55; }.libhft-venue-grid { display: grid; grid-template-columns: minmax(15rem, .78fr) minmax(22rem, 1.22fr); gap: 1px; margin-top: 1.25rem; overflow: hidden; border: 1px solid #285178; border-radius: .4rem; background: #285178; }.libhft-venue-proof, .libhft-venue-list { padding: 1.35rem; background: #061b3a; }.libhft-venue-proof { background: radial-gradient(circle at 15% 15%, rgb(61 241 183 / 13%), transparent 20rem), #061b3a; }.libhft-venue-proof > span, .libhft-venue-list > span { display: block; }.libhft-venue-proof strong { display: block; max-width: 16rem; margin: 1.7rem 0 .7rem; color: #fff; font-size: 1.06rem; letter-spacing: -.025em; line-height: 1.25; }.libhft-venue-proof p { margin: 0; color: #a8c0d5; font-size: .8rem; line-height: 1.53; }.libhft-venue-list .libhft-protocol-tags { margin-top: 1rem; }.libhft-venue-boundary { max-width: 62rem; margin: 1.15rem 0 0; color: #8fa9c0; font-size: .76rem; line-height: 1.55; }.libhft-venue-boundary strong { color: #d8eaff; }.libhft-migration-callout { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(14rem, .9fr) auto; gap: 1.35rem; align-items: center; margin-top: 1rem; padding: 1.25rem 1.4rem; border: 1px solid rgb(61 241 183 / 48%); border-radius: .5rem; background: linear-gradient(100deg, rgb(61 241 183 / 14%), rgb(6 27 58 / 96%) 56%); }.libhft-migration-callout span, .libhft-migration-callout strong { display: block; }.libhft-migration-callout strong { max-width: 24rem; margin-top: .45rem; color: #fff; font-size: 1.03rem; letter-spacing: -.02em; line-height: 1.3; }.libhft-migration-callout p { margin: 0; color: #b9cde0; font-size: .82rem; line-height: 1.48; }.libhft-migration-callout .text-link { color: var(--atrekes-cyan-accent); white-space: nowrap; }.libhft-protocol-source { max-width: 56rem; margin: 1.3rem 0 0; color: #8fa9c0; font-size: .76rem; line-height: 1.55; }.libhft-protocol-source a { color: var(--atrekes-cyan-accent); font-weight: 800; }
.libhft-verification { display: grid; grid-template-columns: minmax(18rem, 1fr) minmax(20rem, .92fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; padding: 7rem max(2rem, calc((100% - 76rem) / 2)); color: var(--atrekes-midnight-navy); background: #eaf4ff; }.libhft-verification-copy h2 { max-width: 13ch; margin-bottom: 1.1rem; font-size: clamp(2.35rem, 4.4vw, 4.2rem); }.libhft-verification-copy > p:not(.eyebrow) { max-width: 37rem; color: #40556f; font-size: 1.04rem; }.libhft-verification-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.6rem; }.libhft-verification .button-primary { color: #031226; background: var(--atrekes-cyan-accent); }.text-link { color: var(--atrekes-deep-blue); font-size: .86rem; font-weight: 800; text-decoration: none; }.text-link:hover { text-decoration: underline; }.libhft-verification-grid { display: grid; grid-template-columns: repeat(2, 1fr); overflow: hidden; border: 1px solid #bdd4e8; border-radius: .5rem; background: #bdd4e8; gap: 1px; box-shadow: 0 1.5rem 3rem rgb(6 27 58 / 12%); }.libhft-verification-grid div { min-height: 9.5rem; padding: 1.35rem; background: #fff; }.libhft-verification-grid strong, .libhft-verification-grid span { display: block; }.libhft-verification-grid strong { color: var(--atrekes-deep-blue); font-size: clamp(2rem, 4vw, 3.3rem); letter-spacing: -.06em; line-height: 1; }.libhft-verification-grid span { max-width: 10rem; margin-top: .75rem; color: #516b88; font-size: .78rem; font-weight: 700; line-height: 1.3; }.libhft-close { padding-top: 7.5rem; padding-bottom: 7.5rem; }

@media (max-width: 46rem) {
  .product-page .site-header { padding: 1.1rem 1.25rem; }
  .product-page .site-nav.is-open { display: flex; }
  .product-hero { padding: 3.25rem 1.25rem 1rem; }
  .product-film { padding: 1.5rem 1.25rem 4.5rem; }
  .libhft-surface { width: calc(100% - 2.5rem); margin-bottom: 4.5rem; }.libhft-surface-bar { font-size: .5rem; }.libhft-metrics { grid-template-columns: 1fr; }.libhft-trace { gap: .3rem; height: 6rem; }.libhft-proof, .libhft-capability, .libhft-protocols { width: calc(100% - 2.5rem); }.libhft-proof { padding-bottom: 4.8rem; }.libhft-section-heading { margin-bottom: 2rem; }.libhft-proof-grid, .libhft-verification, .libhft-venue-heading, .libhft-venue-grid { grid-template-columns: 1fr; }.libhft-proof-stack { grid-template-columns: 1fr; }.libhft-proof-stack article { min-height: 11rem; }.libhft-peer-table-wrap { padding: 1.1rem; }.libhft-peer-table-heading { display: block; }.libhft-peer-table-heading p { margin-top: .45rem; text-align: left; }.libhft-peer-table-scroll { overflow-x: auto; }.libhft-peer-table { min-width: 37rem; }.libhft-peer-table th, .libhft-peer-table td { padding: .65rem .7rem; }.libhft-capability { padding: 4.8rem 0; }.libhft-capability-scores, .libhft-capability-notes, .libhft-protocol-detail-grid { grid-template-columns: 1fr; }.libhft-capability-scores div, .libhft-protocol-detail-grid article { min-height: 0; }.libhft-capability-notes article { min-height: 0; }.libhft-capability-matrix-wrap { overflow: visible; border: 0; background: transparent; }.libhft-capability-matrix, .libhft-capability-matrix tbody { display: block; min-width: 0; }.libhft-capability-matrix thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }.libhft-capability-matrix tbody { display: grid; gap: .75rem; }.libhft-capability-matrix tbody tr { display: block; overflow: hidden; border: 1px solid #285178; border-radius: .45rem; background: #061b3a; }.libhft-capability-matrix th, .libhft-capability-matrix td { display: block; padding: .76rem .9rem; border-bottom: 1px solid rgb(40 81 120 / 72%); }.libhft-capability-matrix tbody tr:last-child > * { border-bottom: 1px solid rgb(40 81 120 / 72%); }.libhft-capability-matrix tbody th { padding: .85rem .9rem; background: #04182f; font-size: 1rem; }.libhft-capability-matrix tbody td:last-child { border-bottom: 0; }.libhft-capability-matrix td::before { display: block; margin-bottom: .28rem; color: #82a2be; content: attr(data-label); font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.libhft-protocols { padding-bottom: 4.8rem; }.libhft-protocol-panel { grid-template-columns: 1fr; }.libhft-protocol-facts { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.libhft-protocol-facts div { min-height: 8.5rem; }.libhft-venue-evidence { padding: 1.2rem; }.libhft-venue-heading { gap: 1rem; }.libhft-venue-grid { gap: 1px; }.libhft-migration-callout { grid-template-columns: 1fr; gap: .85rem; }.libhft-migration-callout .text-link { white-space: normal; }.libhft-verification { gap: 2.5rem; padding: 4.8rem 1.25rem; }.libhft-close { padding-top: 5rem; padding-bottom: 5rem; }.libhft-chart-heading { align-items: start; flex-direction: column; gap: .35rem; }.cdf-label { font-size: 11px; }.cdf-axis { font-size: 10px; }
  .product-film-frame figcaption { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .product-film-notes, .product-details-inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .product-details { padding: 4.5rem 1.25rem; }
}

@media (max-width: 46rem) {
  .site-header, .product-page .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    max-width: none;
    left: auto;
    margin: 0;
    padding: .48rem 1.25rem;
    border-bottom: 1px solid rgb(234 244 255 / 14%);
    background: rgb(3 18 38 / 96%);
    box-shadow: 0 .6rem 1.5rem rgb(0 0 0 / 10%);
    backdrop-filter: blur(12px);
    transform: none;
  }

  .site-header .site-brand { width: 8.96rem; }
  .home-hero { padding-top: 5rem; }
}

/* BrokerForge proof strip and matrix legend */
.brokerforge-proof { padding: 7.5rem max(2rem, calc((100vw - 76rem) / 2)); color: var(--atrekes-midnight-navy); background: #eef6ff; }
.brokerforge-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; max-width: 76rem; margin: 0 auto; padding: 0; list-style: none; }
.brokerforge-proof-grid li { display: flex; flex-direction: column; padding: 1.5rem; border-top: 3px solid var(--atrekes-cyan-accent); border-radius: .25rem .25rem .5rem .5rem; background: #fff; box-shadow: 0 .6rem 1.6rem rgb(6 27 58 / 7%); }
.brokerforge-proof-grid strong { color: var(--atrekes-deep-blue); font-size: clamp(2rem, 3.4vw, 2.9rem); font-weight: 850; letter-spacing: -.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.brokerforge-proof-grid h3 { margin: 1rem 0 .5rem; color: var(--atrekes-midnight-navy); font-size: 1.05rem; letter-spacing: -.02em; }
.brokerforge-proof-grid p { margin: 0; color: #40556f; font-size: .86rem; }
.brokerforge-proof-note { max-width: 76rem; margin: 2rem auto 0; color: #5b6f88; font-size: .8rem; }
.matrix-state-scope { color: #0e4faf; background: #e3eefc; }
.brokerforge-matrix-legend { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem 1.25rem; max-width: 76rem; margin: 1.5rem auto 0; padding: 0; color: #40556f; font-size: .78rem; list-style: none; }
.brokerforge-matrix-legend li { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; }
@media (max-width: 62rem) { .brokerforge-proof-grid, .brokerforge-matrix-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 46rem) { .brokerforge-proof { padding: 5rem 1.25rem; } .brokerforge-proof-grid, .brokerforge-matrix-legend { grid-template-columns: 1fr; } }