:root { --neutral-0: #ffffff; --neutral-25: #fbfbfc; --neutral-50: #f6f7f9; --neutral-100: #eceef1; --neutral-200: #dde0e6; --neutral-300: #c4c9d2; --neutral-400: #9aa1ae; --neutral-500: #6b7280; --neutral-600: #4b515c; --neutral-700: #343941; --neutral-800: #1f2228; --neutral-900: #131519; --neutral-950: #0a0b0d; --accent-50: #fff1f1; --accent-100: #ffe0e0; --accent-200: #ffc4c4; --accent-300: #ff9b9b; --accent-400: #f76b6b; --accent-500: #e23a3a; --accent-600: #c32626; --accent-700: #a01d1d; --accent-800: #7c1818; --accent-900: #5e1414; --color-bg: var(--neutral-0); --color-bg-subtle: var(--neutral-50); --color-bg-inverse: var(--neutral-950); --color-surface: var(--neutral-0); --color-border: var(--neutral-200); --color-border-strong: var(--neutral-300); --color-text: var(--neutral-900); --color-text-muted: var(--neutral-500); --color-text-inverse: var(--neutral-0); --color-text-on-accent:#ffffff; --color-accent: var(--accent-500); --color-accent-hover: var(--accent-600); --color-accent-soft: var(--accent-50); --color-accent-text: var(--accent-700); --color-ring: var(--accent-400); --color-info: #2f6bdf; --color-success: #2f9e44; --color-warning: #c77700; --color-danger: #d83a3a; --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-display: "Schibsted Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif; --font-mono: "Geist Mono", "SF Mono", ui-monospace, "JetBrains Mono", monospace; --text-xs: 0.78rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 1.875rem); --text-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.5rem); --text-4xl: clamp(2.4rem, 1.7rem + 3vw, 3.5rem); --text-5xl: clamp(3rem, 2rem + 4.5vw, 4.75rem); --text-6xl: clamp(3.25rem, 1.8rem + 6.5vw, 6.5rem); --leading-tight: 1.1; --leading-snug: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.7; --tracking-tight: -0.02em; --tracking-snug: -0.01em; --tracking-normal: 0; --tracking-wide: 0.04em; --weight-normal: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem; --section-y: clamp(4rem, 3rem + 6vw, 8rem); --container-x: clamp(1.25rem, 0.5rem + 3vw, 2.5rem); --container-max: 1200px; --container-narrow: 760px; --radius-sm: 0; --radius-md: 0; --radius-lg: 0; --radius-xl: 0; --radius-pill: 0; --hairline: var(--color-border); --hairline-strong: var(--color-border-strong); --pixel: 7px; --pixel-color: var(--color-accent); --shadow-xs: 0 1px 2px rgba(10,11,13,0.04); --shadow-sm: 0 1px 3px rgba(10,11,13,0.06), 0 1px 2px rgba(10,11,13,0.04); --shadow-md: 0 4px 12px rgba(10,11,13,0.06), 0 2px 4px rgba(10,11,13,0.04); --shadow-lg: 0 12px 32px rgba(10,11,13,0.08), 0 4px 8px rgba(10,11,13,0.04); --shadow-xl: 0 30px 70px rgba(10,11,13,0.16), 0 10px 20px rgba(10,11,13,0.06); --gradient-brand: linear-gradient(115deg, var(--accent-600) 0%, var(--accent-400) 42%, var(--accent-300) 100%); --gradient-brand-soft: linear-gradient(160deg, color-mix(in srgb, var(--accent-200) 55%, transparent) 0%, transparent 60%); --grid-line: color-mix(in srgb, var(--color-text) 8%, transparent); --grid-tick: color-mix(in srgb, var(--color-text) 22%, transparent); --ease: cubic-bezier(0.4, 0, 0.2, 1); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 320ms; --z-header: 100; --z-overlay: 200; --z-modal: 300;}[data-brand="alterview"] { --accent-50: #fff1f1; --accent-100: #ffe0e0; --accent-200: #ffc4c4; --accent-300: #ff9b9b; --accent-400: #f76b6b; --accent-500: #e23a3a; --accent-600: #c32626; --accent-700: #a01d1d; --accent-800: #7c1818; --accent-900: #5e1414;}.section--dark { --color-bg: var(--color-bg-inverse); --color-surface: var(--neutral-900); --color-border: var(--neutral-800); --color-text: var(--neutral-0); --color-text-muted:var(--neutral-400); background: var(--color-bg); color: var(--color-text);}@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; }}*, *::before, *::after { box-sizing: border-box; }html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 88px; }body { margin: 0; font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--leading-normal); color: var(--color-text); background: var(--color-bg); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}h1, h2, h3, h4, p, figure, ul { margin: 0; }ul { padding: 0; list-style: none; }img, svg { display: block; max-width: 100%; }a { color: inherit; text-decoration: none; }button { font: inherit; cursor: pointer; }::selection { background: var(--color-accent); color: var(--color-text-on-accent); }:where(a, button, input):focus-visible { outline: 2px solid var(--color-ring); outline-offset: 2px;}.bound { width: 100%; max-width: var(--container-max); margin-inline: auto; padding-inline: var(--container-x); border-inline: 1px solid var(--hairline);}.bound--narrow { max-width: var(--container-narrow); }.section { position: relative; border-top: 1px solid var(--hairline); }.section--flush { border-top: 0; }.section--subtle { background: var(--color-bg-subtle); }.corner { position: absolute; width: var(--pixel); height: var(--pixel); background: var(--color-accent); z-index: 1;}.corner--tl { top: 0; left: 0; }.corner--tr { top: 0; right: 0; }.corner--bl { bottom: 0; left: 0; }.corner--br { bottom: 0; right: 0; }.mono { font-family: var(--font-mono); font-size: var(--text-xs); font-weight: var(--weight-medium); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-text-muted);}.display { font-family: var(--font-display); font-size: var(--text-5xl); line-height: 0.98; letter-spacing: -0.035em; font-weight: var(--weight-semibold);}.headline { font-family: var(--font-display); font-size: var(--text-4xl); line-height: 1.02; letter-spacing: -0.03em; font-weight: var(--weight-semibold);}.accent-serif { font-family: var(--font-serif); font-weight: 400; font-style: italic; letter-spacing: -0.01em; color: var(--color-accent-text);}.lead { font-size: var(--text-xl); line-height: var(--leading-relaxed); color: var(--color-text-muted);}.text-balance { text-wrap: balance; }.section-head { padding-block: var(--space-7) var(--space-6); }.section-head__tag { display: flex; align-items: center; gap: var(--space-3); padding-bottom: var(--space-5);}.section-head__tag .rule { flex: 1; height: 1px; background: var(--hairline); }.section-head__title { max-width: 20ch; }.section-head__lead { max-width: 52ch; margin-top: var(--space-4); }.pixels { width: var(--pixel); height: var(--pixel); background: var(--pixel-color); box-shadow: calc(var(--pixel) * 2) 0 var(--pixel-color), calc(var(--pixel) * 1) calc(var(--pixel) * 1) var(--pixel-color), calc(var(--pixel) * 3) calc(var(--pixel) * 1) var(--pixel-color), 0 calc(var(--pixel) * 2) var(--pixel-color), calc(var(--pixel) * 2) calc(var(--pixel) * 2) var(--pixel-color);}.pixels--scatter { box-shadow: calc(var(--pixel) * 2) 0 var(--pixel-color), calc(var(--pixel) * 4) 0 color-mix(in srgb, var(--pixel-color) 55%, transparent), calc(var(--pixel) * 1) calc(var(--pixel) * 2) var(--pixel-color), calc(var(--pixel) * 3) calc(var(--pixel) * 2) color-mix(in srgb, var(--pixel-color) 70%, transparent), calc(var(--pixel) * 5) calc(var(--pixel) * 2) color-mix(in srgb, var(--pixel-color) 30%, transparent), 0 calc(var(--pixel) * 4) color-mix(in srgb, var(--pixel-color) 70%, transparent), calc(var(--pixel) * 2) calc(var(--pixel) * 4) color-mix(in srgb, var(--pixel-color) 40%, transparent);}.pix-list li { position: relative; padding-left: calc(var(--space-4) + var(--pixel)); padding-block: var(--space-2); border-top: 1px solid var(--hairline);}.pix-list li::before { content: ""; position: absolute; left: 0; top: calc(var(--space-2) + 0.45em); width: var(--pixel); height: var(--pixel); background: var(--color-accent);}.grid-tex { background-image: linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px); background-size: 28px 28px;}.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); padding: 0.8rem 1.4rem; font-size: var(--text-sm); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-snug); line-height: 1; border: 1px solid transparent; border-radius: 0; transition: background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), color var(--dur-base) var(--ease);}.btn--lg { padding: 1rem 1.7rem; font-size: var(--text-base); }.btn--primary { background: var(--color-accent); color: var(--color-text-on-accent); }.btn--primary:hover { background: var(--color-accent-hover); }.btn--secondary { background: transparent; color: var(--color-text); border-color: var(--hairline-strong);}.btn--secondary:hover { border-color: var(--color-text); }.btn--bracket::before,.btn--bracket::after { content: ""; position: absolute; width: 5px; height: 5px; opacity: 0; transition: opacity var(--dur-base) var(--ease);}.btn--bracket::before { top: -3px; left: -3px; border-top: 1px solid var(--color-accent); border-left: 1px solid var(--color-accent);}.btn--bracket::after { bottom: -3px; right: -3px; border-bottom: 1px solid var(--color-accent); border-right: 1px solid var(--color-accent);}.btn--bracket:hover::before, .btn--bracket:hover::after { opacity: 1; }.btn--ghost { background: transparent; color: var(--color-text); border-color: transparent; }.btn--ghost:hover { background: color-mix(in srgb, var(--color-text) 8%, transparent); }.skip-link { position: fixed; left: var(--space-3); top: var(--space-3); z-index: var(--z-modal); padding: var(--space-2) var(--space-4); background: var(--color-accent); color: var(--color-text-on-accent); font-weight: var(--weight-semibold); font-size: var(--text-sm); transform: translateY(-150%); transition: transform var(--dur-fast) var(--ease);}.skip-link:focus-visible { transform: translateY(0); outline: 2px solid var(--color-ring); outline-offset: 2px; }.form-success { color: var(--color-accent-text); padding-block: var(--space-4); font-size: var(--text-lg); }.link-arrow { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: var(--weight-semibold); font-size: var(--text-sm); color: var(--color-text);}.link-arrow svg { transition: transform var(--dur-base) var(--ease-out); }.link-arrow:hover svg { transform: translateX(4px); }.announce { border-bottom: 1px solid var(--hairline); } .announce__inner { position: relative; display: flex; align-items: center; justify-content: center; gap: var(--space-3); min-height: 42px; padding-block: var(--space-2); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase;}.announce__inner .tag { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-accent);}.announce__inner .tag::before { content: ""; width: 6px; height: 6px; background: var(--color-accent); }.announce a { display: inline-flex; align-items: center; gap: var(--space-2); }.announce a:hover { text-decoration: underline; text-underline-offset: 3px; }.announce__close { position: absolute; right: var(--container-x); top: 50%; transform: translateY(-50%); background: none; border: 0; color: inherit; opacity: 0.6; padding: var(--space-2); font-family: var(--font-mono);}.announce__close:hover { opacity: 1; }.announce[hidden] { display: none; }.site-header { position: sticky; top: 0; z-index: var(--z-header); background: color-mix(in srgb, var(--color-bg) 85%, transparent); backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--hairline);}.site-header__inner { display: flex; align-items: stretch; height: 70px; padding-inline: 0; }.site-header__brand { display: flex; align-items: center; gap: var(--space-3); padding-inline: var(--container-x) var(--space-6); font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-lg); letter-spacing: -0.03em;}.site-header__mark { flex: none; } .site-header__nav { display: flex; align-items: center; gap: var(--space-6); padding-inline: var(--space-6); border-left: 1px solid var(--hairline);}.site-header__nav a { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-text-muted); transition: color var(--dur-fast) var(--ease);}.site-header__nav a:hover { color: var(--color-text); }.site-header__actions { display: flex; align-items: center; gap: var(--space-5); margin-inline-start: auto; padding-inline: var(--space-6) var(--container-x); border-left: 1px solid var(--hairline);}.site-header__signin { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase;}.site-header__burger { display: none; background: none; border: 0; padding: var(--space-2); }.site-header .btn { align-self: stretch; } @media (max-width: 860px) { .site-header__nav, .site-header__signin { display: none; } .site-header__burger { display: inline-flex; align-items: center; padding-inline: var(--space-5); border-left: 1px solid var(--hairline); }}.hero .bound { position: relative; padding-bottom: var(--space-7); }.hero__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-5); padding-block: var(--space-6) var(--space-8);}.hero__top .mono { display: flex; align-items: center; gap: var(--space-3); }.hero__top .mono::before { content: ""; width: 28px; height: 1px; background: var(--color-accent); }.hero__meta { max-width: 28ch; text-align: right; font-size: var(--text-sm); line-height: var(--leading-snug); color: var(--color-text-muted);}@media (max-width: 860px) { .hero__meta { display: none; } }.hero__headline { max-width: 17ch; font-family: var(--font-display); font-size: var(--text-6xl); font-weight: var(--weight-semibold); line-height: 0.92; letter-spacing: -0.045em;}.hero__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-6); padding-top: var(--space-7);}@media (max-width: 720px) { .hero__body { grid-template-columns: 1fr; } }.hero__lead { max-width: 46ch; }.hero__actions { display: flex; align-items: center; gap: var(--space-5); white-space: nowrap; }.hero__showcase { position: relative; margin-top: var(--space-8); padding: clamp(1.25rem, 0.5rem + 3vw, 2.75rem); background: var(--gradient-brand);}.hero__showcase .pixels { position: absolute; top: calc(var(--pixel) * -2 - 1px); left: 0; }.hero__window { border: 1px solid color-mix(in srgb, #fff 28%, transparent); background: var(--color-surface); }.hero__window-bar { display: flex; align-items: center; gap: var(--space-3); height: 38px; padding-inline: var(--space-4); border-bottom: 1px solid var(--hairline); background: var(--color-bg-subtle); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); color: var(--color-text-muted);}.hero__window-bar i { width: 5px; height: 5px; background: var(--color-accent); }.hero__window-body { aspect-ratio: 16 / 8; display: grid; place-items: center; color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide);}.hero__top, .hero__headline, .hero__body, .hero__showcase { animation: rise var(--dur-slow) var(--ease-out) both; }.hero__headline { animation-delay: 50ms; } .hero__body { animation-delay: 100ms; } .hero__showcase { animation-delay: 160ms; }@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }.logos .bound { display: flex; align-items: stretch; flex-wrap: wrap; padding-inline: 0; }.logos__label { display: flex; align-items: center; padding: var(--space-5) var(--container-x); white-space: nowrap;}.logos__item { display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-width: 140px; padding: var(--space-5) var(--space-4); border-left: 1px solid var(--hairline); font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-lg); letter-spacing: -0.02em; color: var(--color-text-muted); opacity: 0.7; transition: color var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease);}.logos__item:hover { color: var(--color-text); opacity: 1; }.features__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline);}@media (max-width: 860px) { .features__grid { grid-template-columns: 1fr 1fr; } }@media (max-width: 560px) { .features__grid { grid-template-columns: 1fr; } }.feature-cell { position: relative; background: var(--color-bg); padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-3); min-height: 220px;}.feature-cell--lg { grid-column: span 2; grid-row: span 2; }@media (max-width: 860px) { .feature-cell--lg { grid-column: span 2; grid-row: auto; } }@media (max-width: 560px) { .feature-cell--lg { grid-column: span 1; } }.feature-cell__icon { width: 40px; height: 40px; color: var(--color-accent); }.feature-cell h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; margin-top: var(--space-2);}.feature-cell--lg h3 { font-size: var(--text-3xl); }.feature-cell p { color: var(--color-text-muted); max-width: 42ch; }.feature-cell__no { position: absolute; top: var(--space-5); right: var(--space-5); }.feature-cell--lg .grid-tex { margin-top: auto; height: 120px; border: 1px solid var(--hairline); background-color: var(--color-bg-subtle);}.spotlight__row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--space-8); padding-block: var(--space-8); border-top: 1px solid var(--hairline);}.spotlight__row:nth-child(odd) .spotlight__text { order: 2; }@media (max-width: 820px) { .spotlight__row { grid-template-columns: 1fr; gap: var(--space-6); } .spotlight__row:nth-child(odd) .spotlight__text { order: 0; }}.spotlight__text { display: flex; flex-direction: column; gap: var(--space-4); align-items: flex-start; }.spotlight__text .pix-list { width: 100%; margin-block: var(--space-2); }.spotlight__text .pix-list li:last-child { border-bottom: 1px solid var(--hairline); }.spotlight__visual { position: relative; aspect-ratio: 4 / 3; border: 1px solid var(--hairline); background: var(--color-bg-subtle); overflow: hidden;}.spotlight__visual .grid-tex { position: absolute; inset: 0; }.spotlight__visual .accent-block { position: absolute; inset: 28% 30%; background: var(--gradient-brand); box-shadow: var(--shadow-lg);}.spotlight__visual .pixels { position: absolute; bottom: var(--space-5); right: var(--space-5); }.proof__quote { padding-block: var(--space-7); max-width: 760px; }.proof__quote .pixels { margin-bottom: var(--space-6); }.proof__quote blockquote { font-family: var(--font-display); font-weight: var(--weight-medium); font-size: var(--text-3xl); line-height: 1.18; letter-spacing: -0.025em;}.proof__quote .accent-serif { font-size: 1.05em; }.proof__cite { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-6);}.proof__cite .who { font-weight: var(--weight-semibold); }.proof__cite .role { color: var(--color-text-muted); }.proof__stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--hairline);}@media (max-width: 760px) { .proof__stats { grid-template-columns: 1fr 1fr; } }.proof__stat { padding: var(--space-6) var(--space-5); border-left: 1px solid var(--hairline); }.proof__stat:first-child { border-left: 0; }@media (max-width: 760px) { .proof__stat:nth-child(odd) { border-left: 0; } }.proof__stat .num { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-4xl); letter-spacing: -0.03em; line-height: 1;}.proof__stat .num span { color: var(--color-accent); }.proof__stat .lbl { margin-top: var(--space-3); }.cta .bound { position: relative; overflow: hidden; padding-block: clamp(3.5rem, 2.5rem + 5vw, 6rem); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--space-5);}.cta .grid-tex { position: absolute; inset: 0; opacity: 0.5; }.cta__glow { position: absolute; top: -40%; right: -10%; width: 60%; height: 160%; background: var(--gradient-brand); filter: blur(90px); opacity: 0.28; pointer-events: none;}.cta > .bound > * { position: relative; z-index: 1; } .cta .corner { position: absolute; z-index: 2; } .cta__title { max-width: 18ch; }.cta__actions { display: flex; align-items: center; gap: var(--space-5); flex-wrap: wrap; justify-content: center; }.cta .link-arrow { color: var(--color-text); }.pricing__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline);}@media (max-width: 860px) { .pricing__grid { grid-template-columns: 1fr; } }.price-tier { position: relative; background: var(--color-bg); padding: var(--space-7) var(--space-6); display: flex; flex-direction: column; gap: var(--space-4);}.price-tier--featured { background: var(--color-bg-subtle); }.price-tier--featured::before {  content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--gradient-brand);}.price-tier__head { display: flex; align-items: center; justify-content: space-between; }.price-tier__tag { color: var(--color-accent-text); }.price-tier__from { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); margin-bottom: calc(-1 * var(--space-2)); }.price-tier__price { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-5xl); letter-spacing: -0.03em; line-height: 1; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0 0.2em; min-height: 1em; }.price-tier__price .per { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-text-muted); letter-spacing: 0; }.price-tier__desc { color: var(--color-text-muted); }.price-tier .pix-list { margin-block: var(--space-3); flex: 1; }.price-tier .pix-list li:last-child { border-bottom: 1px solid var(--hairline); }.price-tier .btn { width: 100%; }.faq__inner { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: var(--space-8); padding-block: var(--space-7); }@media (max-width: 760px) { .faq__inner { grid-template-columns: 1fr; gap: var(--space-5); } }.faq__aside { align-self: start; }.faq__aside .headline { margin-top: var(--space-4); }.faq__list { border-top: 1px solid var(--hairline); }.faq__item { border-bottom: 1px solid var(--hairline); }.faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-5); cursor: pointer; list-style: none; font-family: var(--font-display); font-weight: var(--weight-medium); font-size: var(--text-lg); letter-spacing: -0.01em;}.faq__q::-webkit-details-marker { display: none; }.faq__icon { position: relative; width: 14px; height: 14px; flex: none; }.faq__icon::before, .faq__icon::after { content: ""; position: absolute; background: var(--color-accent); transition: opacity var(--dur-fast) var(--ease); }.faq__icon::before { top: 6px; left: 0; width: 14px; height: 2px; }.faq__icon::after { left: 6px; top: 0; width: 2px; height: 14px; }.faq__item[open] .faq__icon::after { opacity: 0; }.faq__a { padding-bottom: var(--space-5); color: var(--color-text-muted); max-width: 62ch; }.steps__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline);}@media (max-width: 760px) { .steps__grid { grid-template-columns: 1fr; } }.step { position: relative; background: var(--color-bg); padding: var(--space-6); min-height: 220px; display: flex; flex-direction: column; gap: var(--space-3);}.step__no { display: flex; align-items: baseline; gap: var(--space-3); font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-5xl); letter-spacing: -0.04em; line-height: 1; color: var(--color-accent);}.step__no .pixels { align-self: flex-start; transform: translateY(4px); }.step h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; margin-top: auto; }.step p { color: var(--color-text-muted); }.step:not(:last-child)::after { content: ""; position: absolute; right: -8px; top: var(--space-7); z-index: 2; width: 14px; height: 14px; background: var(--color-bg); border-right: 1px solid var(--color-accent); border-top: 1px solid var(--color-accent); transform: rotate(45deg);}@media (max-width: 760px) { .step:not(:last-child)::after { display: none; } }.compare { width: 100%; border-collapse: collapse; }.compare th, .compare td { padding: var(--space-4) var(--space-5); border: 1px solid var(--hairline); text-align: center; vertical-align: middle;}.compare thead th { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); font-weight: var(--weight-medium); }.compare tbody th { text-align: left; font-weight: var(--weight-medium); color: var(--color-text); width: 38%; }.compare tbody tr:nth-child(even) td,.compare tbody tr:nth-child(even) th { background: var(--color-bg-subtle); }.compare .col-hl { background: color-mix(in srgb, var(--color-accent) 7%, transparent); }.compare thead .col-hl { background: var(--color-accent); color: var(--color-text-on-accent); font-weight: var(--weight-semibold);}.compare tbody tr:nth-child(even) td.col-hl { background: color-mix(in srgb, var(--color-accent) 12%, transparent); }.pix-yes { color: var(--color-accent); margin-inline: auto; }.pix-no { display: inline-block; width: 12px; height: 2px; background: var(--color-border-strong); }.marquee { position: relative; overflow: hidden; padding-block: var(--space-5); -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }.marquee__track { display: flex; align-items: center; gap: var(--space-8); width: max-content; animation: marquee 36s linear infinite; }.marquee:hover .marquee__track { animation-play-state: paused; }.marquee__item { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; color: var(--color-text-muted); white-space: nowrap; }@keyframes marquee { to { transform: translateX(-50%); } }.int__bar { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; padding-block: var(--space-5); }.int__search { display: flex; align-items: center; gap: var(--space-2); flex: 1; min-width: 200px; padding: var(--space-3); border: 1px solid var(--hairline-strong); background: var(--color-surface); color: var(--color-text-muted); font-size: var(--text-sm); }.chip { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); padding: var(--space-2) var(--space-3); border: 1px solid var(--hairline-strong); color: var(--color-text-muted); background: var(--color-surface); }.chip[aria-pressed="true"] { background: var(--color-accent); color: var(--color-text-on-accent); border-color: transparent; }.int__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); }.int-card { background: var(--color-bg); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-3); transition: background var(--dur-fast) var(--ease); }.int-card:hover { background: var(--color-bg-subtle); }.int-card__icon { width: 34px; height: 34px; color: var(--color-accent); }.int-card h4 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-lg); letter-spacing: -0.02em; }.int-card p { color: var(--color-text-muted); font-size: var(--text-sm); flex: 1; }.stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }@media (max-width: 760px) { .stats__grid { grid-template-columns: 1fr 1fr; } }.stat { padding: var(--space-7) var(--space-5); border-left: 1px solid var(--hairline); position: relative; }.stat:first-child { border-left: 0; }@media (max-width: 760px) { .stat:nth-child(odd) { border-left: 0; } }.stat .num { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-5xl); letter-spacing: -0.04em; line-height: 1; }.stat .num span { color: var(--color-accent); }.stat .lbl { margin-top: var(--space-3); }.stat .pixels { position: absolute; top: var(--space-5); right: var(--space-5); --pixel: 4px; }.blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }@media (max-width: 860px) { .blog__grid { grid-template-columns: 1fr 1fr; } }@media (max-width: 560px) { .blog__grid { grid-template-columns: 1fr; } }.post { background: var(--color-bg); display: flex; flex-direction: column; transition: background var(--dur-fast) var(--ease); }.post:hover { background: var(--color-bg-subtle); }.post__media { position: relative; aspect-ratio: 16 / 10; border-bottom: 1px solid var(--hairline); background-color: var(--color-bg-subtle); }.post__media .pixels { position: absolute; bottom: var(--space-4); left: var(--space-4); }.post__body { padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-3); flex: 1; }.post__cat { color: var(--color-accent-text); }.post h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; line-height: 1.15; }.post p { color: var(--color-text-muted); font-size: var(--text-sm); flex: 1; }.post__meta { display: flex; gap: var(--space-3); color: var(--color-text-muted); }.contact__inner { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-8); padding-block: var(--space-7); }@media (max-width: 820px) { .contact__inner { grid-template-columns: 1fr; gap: var(--space-6); } }.contact__aside .lead { margin-top: var(--space-4); }.contact__points { margin-top: var(--space-6); }.form { display: flex; flex-direction: column; gap: var(--space-4); }.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }@media (max-width: 480px) { .form__row { grid-template-columns: 1fr; } }.field { display: flex; flex-direction: column; gap: var(--space-2); }.field > label { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); }.field input, .field textarea, .field select { width: 100%; padding: var(--space-3) var(--space-4); font: inherit; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--hairline-strong); border-radius: 0; transition: border-color var(--dur-fast) var(--ease); }.field input:focus, .field textarea:focus, .field select:focus { outline: none; border-color: var(--color-accent); }.field textarea { min-height: 120px; resize: vertical; }.form__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; }.form__foot .mono { color: var(--color-text-muted); }.price-toggle { display: inline-flex; border: 1px solid var(--hairline-strong); margin-bottom: var(--space-6); }.price-toggle button { padding: var(--space-2) var(--space-4); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); background: var(--color-surface); border: 0; border-left: 1px solid var(--hairline); }.price-toggle button:first-child { border-left: 0; }.price-toggle button[aria-pressed="true"] { background: var(--color-accent); color: var(--color-text-on-accent); }.price-toggle .save { color: var(--color-accent-text); margin-left: var(--space-2); }.site-drawer { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: var(--z-overlay); flex-direction: column; background: var(--color-bg); border-bottom: 1px solid var(--hairline); box-shadow: var(--shadow-lg); padding: var(--space-3) var(--container-x) var(--space-6);}.site-header[data-menu="open"] .site-drawer { display: flex; }.site-drawer a:not(.btn) { padding: var(--space-3) 0; border-bottom: 1px solid var(--hairline); font-family: var(--font-display); font-weight: var(--weight-medium); font-size: var(--text-lg); letter-spacing: -0.01em; color: var(--color-text);}.site-drawer .site-header__signin { font-family: var(--font-display); font-size: var(--text-lg); text-transform: none; letter-spacing: -0.01em; }.site-drawer .btn { margin-top: var(--space-4); width: 100%; }@media (min-width: 861px) { .site-drawer { display: none !important; } }.newsletter__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap; padding-block: var(--space-7);}.newsletter__copy h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-2xl); letter-spacing: -0.025em; }.newsletter__copy p { color: var(--color-text-muted); margin-top: var(--space-2); }.newsletter form { display: flex; flex: 1; min-width: min(100%, 320px); max-width: 460px; }.newsletter input { flex: 1; min-width: 0; padding: var(--space-3) var(--space-4); font: inherit; color: var(--color-text); background: var(--color-surface); border: 1px solid var(--hairline-strong); border-right: 0; border-radius: 0;}.newsletter input:focus { outline: none; border-color: var(--color-accent); }.newsletter .btn { flex: none; }.cookie { --color-text: var(--neutral-0); --color-text-muted: var(--neutral-400); --hairline: var(--neutral-800); position: fixed; right: var(--space-5); bottom: var(--space-5); left: auto; z-index: var(--z-modal); max-width: min(420px, calc(100vw - 2 * var(--space-5))); display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-5); background: var(--color-bg-inverse); color: var(--color-text); border: 1px solid var(--neutral-800); box-shadow: var(--shadow-xl);}.cookie .pixels { flex: none; margin-top: 4px; --pixel: 5px; }.cookie__body p { font-size: var(--text-sm); line-height: var(--leading-normal); }.cookie__actions { display: flex; gap: var(--space-2); margin-top: var(--space-4); }.cookie__actions .btn { padding: 0.6rem 1.1rem; }@media (max-width: 560px) { .cookie { left: var(--space-4); right: var(--space-4); bottom: var(--space-4); max-width: none; } }.site-footer { border-top: 1px solid var(--hairline); }.site-footer__top { display: grid; grid-template-columns: 1.6fr repeat(5, 1fr); padding-block: var(--space-8);}@media (max-width: 760px) { .site-footer__top { grid-template-columns: 1fr 1fr; gap: var(--space-6); } }.site-footer__brand { display: flex; flex-direction: column; gap: var(--space-4); padding-right: var(--space-6); }.site-footer__brand .wordmark { display: flex; align-items: center; gap: var(--space-3); font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.03em;}.site-footer__brand p { color: var(--color-text-muted); max-width: 34ch; }.site-footer__col { display: flex; flex-direction: column; gap: var(--space-3); padding-left: var(--space-5); border-left: 1px solid var(--hairline); }.site-footer__col h4 { margin-bottom: var(--space-2); }.site-footer__col a { font-size: var(--text-sm); color: var(--color-text-muted); transition: color var(--dur-fast) var(--ease); }.site-footer__col a:hover { color: var(--color-text); }.site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-5); border-top: 1px solid var(--hairline);}.site-footer__bottom .links { display: flex; gap: var(--space-5); }.site-footer__bottom a:hover { color: var(--color-text); }.site-footer__pixrow { display: flex; gap: 3px; }.site-footer__pixrow i { width: 6px; height: 6px; background: var(--color-accent); opacity: 0.85; }.site-footer__pixrow i:nth-child(n+4) { opacity: 0.5; }.site-footer__pixrow i:nth-child(n+6) { opacity: 0.25; }.logos__item img{max-height:40px;width:auto;filter:grayscale(1);opacity:.85;}.logos__item img:hover{filter:none;opacity:1;}.hero__window-body{display:block;padding:0;}.hero__window-body img,.spotlight__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}.post__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}.site-header__brand img{height:32px;width:auto;}.logos__item img{width:auto;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s;}.logos__item:hover img{filter:none;opacity:1;}.logos__img.is-dpg{max-height:28px}.logos__img.is-groningen{max-height:44px}.logos__img.is-denhaag{max-height:34px}.logos__img.is-fundament{max-height:30px}.logos__img.is-soulkitchen{max-height:38px}.feature-cell--wide{grid-column:1/-1}.site-footer__brand .wordmark{display:flex;align-items:center;gap:var(--space-3)}.wordmark__mark{height:26px;width:auto}.section-head__tag--top{padding-top:var(--space-7)}.contact__aside .headline{margin-top:var(--space-4)}.brxe-block.announce__inner,.brxe-block.site-header__inner,.brxe-block.site-header__nav,.brxe-block.site-header__actions,.logos .bound,.brxe-block.hero__top,.brxe-block.hero__actions,.hero__top .mono,.brxe-block.proof__cite,.brxe-block.price-tier__head,.brxe-block.post__meta,.brxe-block.form__foot,.brxe-block.newsletter__inner,.brxe-block.cta__actions,.brxe-block.site-footer__bottom,.brxe-block.site-footer__pixrow,.site-footer__brand .wordmark,.brxe-block.section-head__tag,.brxe-block.faq__q,.brxe-text-basic.step__no{flex-direction:row;}.brxe-block.pix-list,.brxe-block.contact__points{flex-direction:column;}html{font-size:100% !important;}.brx-body{font-size:var(--text-base);}.site-header__brand img{height:32px;width:auto;max-width:none;}.hero__window-body{position:relative;}.hero__showcase .pixels{--pixel-color:#fff;}.brxe-block.features__grid,.brxe-block.blog__grid,.brxe-block.pricing__grid,.brxe-block.steps__grid,.brxe-block.stats__grid{align-items:stretch;}.brxe-block.spotlight__row{align-items:center;}.brxe-block.hero__body{align-items:end;}.brxe-block.site-header__inner{align-items:stretch;}.brxe-block.site-header__nav,.brxe-block.site-header__actions,.brxe-block.announce__inner,.brxe-block.proof__cite,.brxe-block.price-tier__head,.brxe-block.post__meta,.brxe-block.form__foot,.brxe-block.newsletter__inner,.brxe-block.site-footer__bottom{align-items:center;}.brxe-image.site-header__brand{align-self:stretch;display:inline-flex;align-items:center;}.brxe-section > .bound > .section-head__tag{padding-top:var(--space-7);}.brxe-block.features__grid,.brxe-block.steps__grid,.brxe-block.pricing__grid,.brxe-block.blog__grid,.brxe-block.stats__grid{margin-top:var(--space-6);}.brxe-block.post__meta{margin-top:auto;}.brxe-block.post__body{display:flex;flex-direction:column;}.brxe-block.price-tier .pix-list{flex:1 1 auto;}.price-tier__price{min-height:var(--text-5xl);display:flex;align-items:flex-end;flex-wrap:wrap;line-height:1;}.price-tier__desc{min-height:3rem;}.cta .grid-tex{position:absolute !important;inset:0;}.cta__glow{position:absolute !important;}.site-footer__bottom .links{flex-direction:row;}.field select{width:100%;}.brxe-image.site-header__brand{align-self:center;}.field select{width:100% !important;display:block;}.brxe-block.form{align-items:stretch;}.form .field{width:100%;}.field input,.field textarea,.field select{width:100%;box-sizing:border-box;}.features__grid,.steps__grid,.blog__grid,.pricing__grid,.stats__grid{border-bottom:0;}.section.spotlight .spotlight__row{border-top:0;}.newsletter__copy{flex:1 1 auto;}.newsletter__form{flex:0 1 460px;min-width:min(100%,340px);display:flex;flex-direction:row;align-items:stretch;}.newsletter__field{flex:1;display:flex;}.newsletter__form input{width:100%;}.newsletter__form .btn{flex:none;}.site-footer__bottom > :first-child{white-space:nowrap;}.feature-cell,.step,.post,.price-tier{transition:background var(--dur-base) var(--ease);}.feature-cell:hover,.step:hover,.post:hover,.price-tier:hover{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-bg));}.newsletter__inner{flex-wrap:nowrap;gap:var(--space-6);}.newsletter__copy{min-width:0;}@media(max-width:760px){.newsletter__inner{flex-wrap:wrap;}.newsletter__form{flex:1 1 100%;}}.cta__glow{display:none;}.brxe-section .bound{position:relative;}.brxe-section:not(.cta) .bound::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background-image:linear-gradient(var(--color-accent),var(--color-accent)),linear-gradient(var(--color-accent),var(--color-accent)),linear-gradient(var(--color-accent),var(--color-accent)),linear-gradient(var(--color-accent),var(--color-accent));background-size:7px 7px;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;opacity:0;transition:opacity var(--dur-base) var(--ease);}.brxe-section:not(.cta) .bound:hover::after{opacity:1;}.docs { display: grid; grid-template-columns: 264px minmax(0, 1fr) 232px; align-items: start;}.docs__sidebar { position: sticky; top: 70px; align-self: start; height: calc(100vh - 70px); overflow-y: auto; border-right: 1px solid var(--hairline); padding: var(--space-6) var(--space-5); }.docs__main { padding: var(--space-7) var(--space-7) var(--space-9); min-width: 0; }.docs__toc { position: sticky; top: 70px; align-self: start; height: calc(100vh - 70px); overflow-y: auto; border-left: 1px solid var(--hairline); padding: var(--space-7) var(--space-5); }@media (max-width: 1080px) { .docs { grid-template-columns: 240px minmax(0, 1fr); } .docs__toc { display: none; }}@media (max-width: 760px) { .docs { grid-template-columns: 1fr; } .docs__sidebar { display: none; }}.docs__version { position: relative; margin-bottom: var(--space-3); }.docs__version > summary { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); cursor: pointer; list-style: none; border: 1px solid var(--hairline-strong); background: var(--color-surface); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide);}.docs__version > summary::-webkit-details-marker { display: none; }.docs__version[open] > summary { border-color: var(--color-accent); }.docs__version .dot { width: 6px; height: 6px; background: var(--color-accent); }.docs__version .chevron { margin-left: auto; transition: transform var(--dur-fast) var(--ease); }.docs__version[open] .chevron { transform: rotate(180deg); }.docs__version__menu { position: absolute; left: 0; right: 0; top: calc(100% - 1px); z-index: var(--z-overlay); border: 1px solid var(--color-accent); background: var(--color-surface); box-shadow: var(--shadow-lg);}.docs__version__menu a { display: flex; align-items: center; justify-content: space-between; padding: var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); color: var(--color-text-muted);}.docs__version__menu a:hover { background: var(--color-bg-subtle); color: var(--color-text); }.docs__version__menu a[aria-current="true"] { color: var(--color-text); }.docs__version__menu a[aria-current="true"]::after { content: "●"; color: var(--color-accent); font-size: 0.7em; }.docs__version__menu .tag { color: var(--color-text-muted); text-transform: none; }.docs__search { display: flex; align-items: center; gap: var(--space-2); width: 100%; padding: var(--space-3) var(--space-3); margin-bottom: var(--space-6); border: 1px solid var(--hairline-strong); background: var(--color-surface); color: var(--color-text-muted); font-size: var(--text-sm);}.docs__search .key { margin-left: auto; font-family: var(--font-mono); font-size: var(--text-xs); padding: 2px 5px; border: 1px solid var(--hairline); }.docs__group { margin-bottom: var(--space-6); }.docs__group > h4 { margin-bottom: var(--space-3); }.docs__group a { display: block; padding: 0.4rem var(--space-3); font-size: var(--text-sm); color: var(--color-text-muted); border-left: 2px solid transparent; transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);}.docs__group a:hover { color: var(--color-text); }.docs__group a[aria-current="page"] { color: var(--color-text); font-weight: var(--weight-medium); border-left-color: var(--color-accent); background: color-mix(in srgb, var(--color-accent) 7%, transparent);}.docs__crumb { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-5); }.docs__crumb a:hover { color: var(--color-text); }.docs__crumb .sep { color: var(--color-border-strong); }.docs__title { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-4xl); letter-spacing: -0.035em; line-height: 1.02;}.docs__lede { margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--text-lg); max-width: 60ch; }.docs__meta { display: flex; gap: var(--space-4); margin-top: var(--space-5); padding-bottom: var(--space-6); border-bottom: 1px solid var(--hairline); }.prose { max-width: 72ch; }.prose > * + * { margin-top: var(--space-4); }.prose h2 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-2xl); letter-spacing: -0.025em; margin-top: var(--space-8); padding-top: var(--space-3);}.prose h2::before { content: ""; display: block; width: var(--pixel); height: var(--pixel); background: var(--color-accent); margin-bottom: var(--space-3); }.prose h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; margin-top: var(--space-6); }.prose p, .prose li { color: var(--color-text); line-height: var(--leading-relaxed); }.prose a { color: var(--color-accent-text); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }.prose ul, .prose ol { padding-left: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }.prose ul { list-style: none; padding-left: calc(var(--space-4) + var(--pixel)); }.prose ul > li { position: relative; }.prose ul > li::before { content: ""; position: absolute; left: calc(-1 * (var(--space-4))); top: 0.6em; width: var(--pixel); height: var(--pixel); background: var(--color-accent); }.prose code { font-family: var(--font-mono); font-size: 0.85em; padding: 0.12em 0.4em; background: var(--color-bg-subtle); border: 1px solid var(--hairline); }.callout { display: grid; grid-template-columns: auto 1fr; gap: var(--space-3); padding: var(--space-4) var(--space-5); border: 1px solid var(--hairline); border-left: 3px solid var(--cl, var(--color-accent)); background: color-mix(in srgb, var(--cl, var(--color-accent)) 5%, var(--color-surface));}.callout__icon { width: 18px; height: 18px; color: var(--cl, var(--color-accent)); margin-top: 2px; }.callout__body { min-width: 0; }.callout__title { font-weight: var(--weight-semibold); margin-bottom: 2px; }.callout__body p { color: var(--color-text); }.callout--note { --cl: var(--color-info); }.callout--tip { --cl: var(--color-success); }.callout--warning { --cl: var(--color-warning); }.callout--danger { --cl: var(--color-danger); }.code { border: 1px solid var(--hairline-strong); background: var(--neutral-950);}.code__bar { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-2) var(--space-4); border-bottom: 1px solid var(--neutral-800); font-family: var(--font-mono); font-size: var(--text-xs); color: var(--neutral-400); letter-spacing: var(--tracking-wide);}.code__bar .dot { width: 5px; height: 5px; background: var(--color-accent); }.code__copy { margin-left: auto; display: inline-flex; align-items: center; gap: var(--space-2); background: none; border: 1px solid var(--neutral-800); color: var(--neutral-300); padding: 3px 8px; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); transition: border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);}.code__copy:hover { border-color: var(--color-accent); color: var(--color-text-inverse); }.code pre { margin: 0; padding: var(--space-4) var(--space-5); overflow-x: auto; }.code code { font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.7; color: var(--neutral-200); background: none; border: 0; padding: 0;}.tok-com { color: var(--neutral-500); font-style: italic; }.tok-key { color: #f7768e; }.tok-str { color: #9ece6a; }.tok-fn { color: #7aa2f7; }.tok-num { color: #ff9e64; }.tok-attr{ color: var(--accent-300); }.code__tabs { display: flex; gap: var(--space-1); margin-right: var(--space-3); }.code__tab { background: none; border: 0; padding: 2px 8px; cursor: pointer; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--neutral-500); border-bottom: 2px solid transparent;}.code__tab[aria-selected="true"] { color: var(--neutral-100); border-bottom-color: var(--color-accent); }.code__panel[hidden] { display: none; }.api { border-top: 1px solid var(--hairline); margin-top: var(--space-5); }.api-param { border-bottom: 1px solid var(--hairline); padding-block: var(--space-5); }.api-param__head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }.api-param__name { font-family: var(--font-mono); font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--color-accent-text); }.api-param__type { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); }.api-badge { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); padding: 1px 6px; border: 1px solid var(--hairline-strong); color: var(--color-text-muted); }.api-badge--req { color: var(--color-danger); border-color: color-mix(in srgb, var(--color-danger) 40%, transparent); }.api-param__default { margin-left: auto; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); }.api-param__desc { margin-top: var(--space-3); color: var(--color-text); max-width: 70ch; }.docpage { max-width: 820px; margin-inline: auto; padding-block: clamp(2.5rem, 1.8rem + 4vw, 5.5rem);}.docpage__head { padding-bottom: var(--space-6); margin-bottom: var(--space-2); border-bottom: 1px solid var(--hairline); }.changelog__entry { display: grid; grid-template-columns: 200px 1fr; gap: var(--space-6); padding-block: var(--space-7); border-top: 1px solid var(--hairline); }@media (max-width: 720px) { .changelog__entry { grid-template-columns: 1fr; gap: var(--space-4); } }.changelog__ver { align-self: start; position: sticky; top: 100px; }.changelog__ver .v { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-2xl); letter-spacing: -0.03em; }.changelog__ver .d { display: block; margin-top: var(--space-2); }.changelog__group + .changelog__group { margin-top: var(--space-5); }.changelog__group > h4 { display: inline-flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); }.cl-tag { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); padding: 1px 7px; color: #fff; }.cl-tag--added { background: var(--color-success); }.cl-tag--fixed { background: var(--color-info); }.cl-tag--changed { background: var(--color-warning); }.cl-tag--removed { background: var(--color-danger); }.changelog__group ul { list-style: none; padding-left: calc(var(--space-4) + var(--pixel)); display: flex; flex-direction: column; gap: var(--space-2); }.changelog__group li { position: relative; color: var(--color-text); }.changelog__group li::before { content: ""; position: absolute; left: calc(-1 * var(--space-4)); top: 0.55em; width: var(--pixel); height: var(--pixel); background: var(--color-accent); }.search__box { display: flex; align-items: center; gap: var(--space-3); border: 1px solid var(--hairline-strong); padding: var(--space-4) var(--space-5); margin-bottom: var(--space-3); }.search__box input { flex: 1; border: 0; outline: none; font: inherit; font-size: var(--text-lg); background: none; color: var(--color-text); }.search__count { color: var(--color-text-muted); padding-bottom: var(--space-5); }.result { display: block; border-top: 1px solid var(--hairline); padding-block: var(--space-5); transition: background var(--dur-fast) var(--ease); }.result:hover { background: var(--color-bg-subtle); }.result__path { display: flex; gap: var(--space-2); margin-bottom: var(--space-2); }.result__path .sep { color: var(--color-border-strong); }.result h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-xl); letter-spacing: -0.02em; }.result p { margin-top: var(--space-2); color: var(--color-text-muted); max-width: 75ch; }.result mark { background: var(--color-accent-soft); color: var(--color-accent-text); padding: 0 2px; }.docs-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }.docs-table th, .docs-table td { text-align: left; padding: var(--space-3) var(--space-4); border: 1px solid var(--hairline); vertical-align: top; }.docs-table thead th { background: var(--color-bg-subtle); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); }.docs-table td code { white-space: nowrap; }.docs__toc h4 { margin-bottom: var(--space-4); }.docs__toc a { display: block; padding: 0.3rem 0; font-size: var(--text-sm); color: var(--color-text-muted); border-left: 2px solid var(--hairline); padding-left: var(--space-3); transition: color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }.docs__toc a:hover { color: var(--color-text); }.docs__toc a[aria-current="true"] { color: var(--color-text); border-left-color: var(--color-accent); }.docs__toc a.sub { padding-left: var(--space-5); font-size: var(--text-xs); }.docs__pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); margin-top: var(--space-8); }@media (max-width: 560px) { .docs__pager { grid-template-columns: 1fr; } }.docs__pager a { background: var(--color-bg); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); transition: background var(--dur-fast) var(--ease); }.docs__pager a:hover { background: var(--color-bg-subtle); }.docs__pager a.next { text-align: right; align-items: flex-end; }.docs__pager .label { color: var(--color-text-muted); }.docs__pager .title { font-family: var(--font-display); font-weight: var(--weight-semibold); letter-spacing: -0.02em; color: var(--color-text); }.brxe-section > .bound > .brxe-text-basic{width:100%;}.compare{width:100%;}.int__grid{width:100%;}.brxe-block.proof__quote{align-self:stretch;width:100%;}.proof__quote{max-width:none;}.proof__quote blockquote{max-width:none;text-wrap:balance;}.usecase__grid, .service__grid, .feature-detail__grid, .trust__grid, .resource__grid, .testimonial__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }@media (max-width: 860px) { .usecase__grid, .service__grid, .feature-detail__grid, .trust__grid, .resource__grid, .testimonial__grid { grid-template-columns: 1fr; } }.usecase-card, .service-card, .feature-detail-card, .trust-card, .resource-card, .testimonial-card { position: relative; display: flex; flex-direction: column; gap: var(--space-3); min-height: 220px; padding: var(--space-6); background: var(--color-bg); }.usecase-card__icon, .service-card__icon, .feature-detail-card__icon, .trust-card__icon { width: 40px; height: 40px; color: var(--color-accent); }.usecase-card .mono, .service-card .mono, .feature-detail-card .mono, .trust-card .mono, .resource-card .mono, .testimonial-card .mono { color: var(--color-accent-text); }.usecase-card h3, .service-card h3, .feature-detail-card h3, .trust-card h3, .resource-card h3, .testimonial-card h3 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--weight-semibold); letter-spacing: -0.02em; }.usecase-card p, .service-card p, .feature-detail-card p, .trust-card p, .resource-card p, .testimonial-card p, .case-study p, .process-deep p, .conversion p, .alt-page p, .legal-page p { color: var(--color-text-muted); }.case-study { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: var(--space-8); border-top: 1px solid var(--hairline); padding-block: var(--space-8); }@media (max-width: 860px) { .case-study { grid-template-columns: 1fr; } }.case-study__meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); }.case-study__meta div { padding: var(--space-5); background: var(--color-bg); }.case-study__meta strong { display: block; margin-top: var(--space-2); font-family: var(--font-display); font-size: var(--text-xl); }.case-study__body { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); }@media (max-width: 720px) { .case-study__body { grid-template-columns: 1fr; } }.case-study__panel { padding: var(--space-6); background: var(--color-bg); }.case-study__panel h3, .process-step h3, .conversion__panel h3, .alt-page__panel h3, .legal-page h2 { font-family: var(--font-display); font-weight: var(--weight-semibold); letter-spacing: -0.02em; }.process-deep { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--hairline); border-block: 1px solid var(--hairline); }@media (max-width: 1000px) { .process-deep { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 620px) { .process-deep { grid-template-columns: 1fr; } }.process-step { min-height: 240px; padding: var(--space-6); background: var(--color-bg); }.process-step__no { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-6); font-family: var(--font-display); font-size: var(--text-3xl); color: var(--color-accent); }.service-card--wide, .feature-detail-card--wide, .trust-card--wide { grid-column: span 2; }@media (max-width: 860px) { .service-card--wide, .feature-detail-card--wide, .trust-card--wide { grid-column: span 1; } }.conversion, .alt-page { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--hairline); border-block: 1px solid var(--hairline); }@media (max-width: 860px) { .conversion, .alt-page { grid-template-columns: 1fr; } }.conversion__panel, .alt-page__panel { padding: var(--space-7); background: var(--color-bg); }.conversion__panel--dark { background: var(--color-bg-inverse); color: var(--color-text-inverse); }.conversion__panel--dark p { color: color-mix(in srgb, var(--color-text-inverse) 70%, transparent); }.conversion__form { display: grid; gap: var(--space-3); margin-top: var(--space-5); }.conversion__field { border: 1px solid var(--hairline); padding: var(--space-4); background: var(--color-bg); color: var(--color-text-muted); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; }.alt-page__panel--accent { background: var(--color-accent-soft); box-shadow: inset 4px 0 0 var(--color-accent); }.alt-page__list { display: grid; gap: 1px; margin-top: var(--space-5); background: var(--hairline); }.alt-page__list li { list-style: none; padding: var(--space-4); background: var(--color-bg); }.testimonial-card blockquote { font-family: var(--font-display); font-size: var(--text-xl); line-height: var(--leading-snug); letter-spacing: -0.02em; }.testimonial-card cite { margin-top: auto; color: var(--color-text-muted); font-style: normal; }.legal-page { max-width: var(--container-narrow); padding-block: var(--space-7); }.legal-page h2 { margin-top: var(--space-7); padding-top: var(--space-5); border-top: 1px solid var(--hairline); }.legal-page ul { margin-block: var(--space-4); }.legal-page li { margin-top: var(--space-2); color: var(--color-text-muted); }.error-404{min-height:calc(100vh - 70px);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;}.error-404 .bound{padding-block:var(--space-9);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);position:relative;}.error-404__code{font-family:var(--font-display);font-size:clamp(6rem,3rem + 18vw,16rem);font-weight:var(--weight-bold);line-height:.9;letter-spacing:-.05em;color:var(--color-accent);position:relative;}.error-404__pixels{position:absolute;}.error-404__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;}.error-404__text{color:var(--color-text-muted);max-width:46ch;}.error-404__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4);}.brxe-section > .bound > .brxe-text-basic:has(> .compare),.brxe-section > .bound > .brxe-text-basic:has(> .int__grid),.brxe-section > .bound > .brxe-text-basic:has(> .marquee){margin-top:var(--space-6);margin-bottom:var(--space-8);display:block;}.compare{margin-bottom:var(--space-2);}.int__bar{margin-top:var(--space-2);}.kit__section { padding-block: var(--space-8) var(--space-2); }.swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(116px, 1fr)); gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); }.swatch { background: var(--color-bg); padding: var(--space-3); display: flex; flex-direction: column; gap: var(--space-2); }.swatch__chip { height: 56px; border: 1px solid var(--hairline); }.swatch__name { font-family: var(--font-mono); font-size: var(--text-xs); }.swatch__hex { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); text-transform: uppercase; }.swatches + .swatches { margin-top: var(--space-5); }.specimen { border-top: 1px solid var(--hairline); }.specimen__row { display: grid; grid-template-columns: 150px 1fr; gap: var(--space-5); align-items: baseline; padding-block: var(--space-4); border-bottom: 1px solid var(--hairline); }@media (max-width: 640px) { .specimen__row { grid-template-columns: 1fr; gap: var(--space-2); } }.specimen__meta { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); }.specimen__sample { min-width: 0; }.scale__row { display: flex; align-items: center; gap: var(--space-4); padding-block: var(--space-2); }.scale__label { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); width: 96px; flex: none; }.scale__bar { height: 14px; background: var(--color-accent); }.shadows { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: var(--space-6); padding-block: var(--space-5); }.shadow-card { height: 84px; background: var(--color-surface); border: 1px solid var(--hairline); display: grid; place-items: center; font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); }.pixel-demos { display: flex; flex-wrap: wrap; gap: var(--space-7); padding-block: var(--space-6); }.pixel-demo { position: relative; width: 130px; height: 96px; border: 1px solid var(--hairline); background: var(--color-bg-subtle); }.pixel-demo .pixels { position: absolute; top: var(--space-4); left: var(--space-4); }.pixel-demo__label { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-2); display: block; }.kit__group { padding-top: var(--space-7); }.kit__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--hairline); border: 1px solid var(--hairline); }@media (max-width: 860px) { .kit__cards { grid-template-columns: 1fr 1fr; } }@media (max-width: 560px) { .kit__cards { grid-template-columns: 1fr; } }.kit-card { background: var(--color-bg); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); min-height: 158px; transition: background var(--dur-fast) var(--ease); }.kit-card:hover { background: var(--color-bg-subtle); }.kit-card__name { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-lg); letter-spacing: -0.02em; }.kit-card__code { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-accent-text); }.kit-card__desc { color: var(--color-text-muted); font-size: var(--text-sm); flex: 1; }.kit-card .link-arrow { font-size: var(--text-sm); }.kit-nav { display: flex; flex-wrap: wrap; gap: var(--space-2); padding-block: var(--space-5); }.kit-nav a { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); padding: var(--space-2) var(--space-3); border: 1px solid var(--hairline-strong); }.kit-nav a:hover { color: var(--color-text); border-color: var(--color-text); }.brand-switch { position: fixed; bottom: var(--space-5); left: 50%; transform: translateX(-50%); z-index: var(--z-overlay); display: flex; background: var(--color-surface); border: 1px solid var(--hairline-strong); box-shadow: var(--shadow-lg); } .brand-switch button { border: 0; border-left: 1px solid var(--hairline); background: transparent; padding: 0.6rem 1rem; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); } .brand-switch button:first-child { border-left: 0; } .brand-switch button[aria-pressed="true"] { background: var(--color-accent); color: var(--color-text-on-accent); }[data-brand="domeinopmaat"]{--accent-50:#eef4ff;--accent-100:#dbe7ff;--accent-200:#bcd2ff;--accent-300:#8fb4ff;--accent-400:#5b8def;--accent-500:#2f6bdf;--accent-600:#1f51bf;--accent-700:#1a409b;--accent-800:#16357b;--accent-900:#132c63;--color-accent-text:var(--accent-700);}[data-brand="brickssync"]{--accent-50:#fffaeb;--accent-100:#fff1c6;--accent-200:#ffe188;--accent-300:#ffcf4d;--accent-400:#fbbd23;--accent-500:#f5a800;--accent-600:#d98a00;--accent-700:#a66700;--accent-800:#7d4e08;--accent-900:#5f3c0c;--color-accent:var(--accent-400);--color-accent-hover:var(--accent-500);--color-text-on-accent:#1f2228;--color-accent-text:var(--accent-700);--color-ring:var(--accent-300);}.price-tier__tag:empty{display:none;}.price-tier:has(.price-tier__tag:not(:empty)){background:var(--color-bg-subtle);box-shadow:inset 0 3px 0 var(--color-accent);}.calc{display:grid;grid-template-columns:1.05fr 0.95fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline);}@media(max-width:860px){.calc{grid-template-columns:1fr;}}.calc__form,.calc__out{background:var(--color-bg);padding:var(--space-6);}.calc__group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);}.calc__group>span.mono{color:var(--color-text-muted);}.calc__group select,.calc__group input[type=number]{padding:var(--space-3);border:1px solid var(--hairline-strong);background:var(--color-surface);font:inherit;width:100%;}.calc__seg{display:flex;gap:1px;background:var(--hairline);border:1px solid var(--hairline);}.calc__seg label{flex:1;text-align:center;padding:var(--space-3);background:var(--color-bg);font-size:var(--text-sm);cursor:pointer;}.calc__seg input{position:absolute;opacity:0;pointer-events:none;}.calc__seg input:checked+span{color:var(--color-text-on-accent);}.calc__seg label:has(input:checked){background:var(--color-accent);color:var(--color-text-on-accent);}.calc__addons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);}@media(max-width:560px){.calc__addons{grid-template-columns:1fr;}}.calc__addons label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--hairline);cursor:pointer;}.calc__addons label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft,color-mix(in srgb,var(--color-accent) 8%,var(--color-bg)));}.calc__out{background:var(--color-bg-subtle);position:relative;}.calc-result__head h3{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-0.02em;margin-top:var(--space-1);}.calc-result__prices{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0;}.calc-price{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:var(--space-2);border-bottom:1px solid var(--hairline);}.calc-price strong{font-family:var(--font-display);font-size:var(--text-2xl);}.calc-price--hero strong{font-size:var(--text-4xl);color:var(--color-accent);}.calc-price .per{color:var(--color-text-muted);font-size:var(--text-sm);margin-left:var(--space-1);}.calc-result__note{color:var(--color-text-muted);margin:var(--space-3) 0;}.calc-result__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin:var(--space-5) 0;}@media(max-width:560px){.calc-result__cols{grid-template-columns:1fr;}}.calc-result__meta{color:var(--color-text-muted);margin-bottom:var(--space-5);}.calc-result__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);}.ventures__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-top:var(--space-6);}@media(max-width:860px){.ventures__grid{grid-template-columns:1fr;}}.venture-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:200px;padding:var(--space-6);background:var(--color-bg);}.venture-card .mono{color:var(--color-accent-text);}.venture-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-0.02em;}.venture-card p{color:var(--color-text-muted);flex:1;}.blog__grid > .post{padding:var(--space-6);gap:var(--space-3);justify-content:flex-start;}.blog__grid{gap:1px;background:var(--hairline);border:1px solid var(--hairline);}.blog__grid > .post{background:var(--color-bg);}.blog__grid > .post > .post__meta{margin-top:0;}.blog__grid > .post .post__title{font-size:var(--text-xl);line-height:var(--leading-snug);}.blog__grid > .post .post__excerpt{margin:0;}.blog__grid > .post .link-arrow{margin-top:auto;padding-top:var(--space-2);}.lab-grid{gap:0;background:var(--hairline);border:1px solid var(--hairline);}.lab-grid > .lab-card{position:relative;background:var(--color-bg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:background var(--dur-fast) var(--ease);}.lab-grid > .lab-card:hover{background:var(--color-bg-subtle);}.lab-card__corners{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease);}.lab-card:hover .lab-card__corners{opacity:1;}.lab-card__corners .corner{position:absolute;width:7px;height:7px;border:1px solid var(--color-accent);}.lab-card__corners .corner--tl{top:6px;left:6px;border-right:0;border-bottom:0;}.lab-card__corners .corner--tr{top:6px;right:6px;border-left:0;border-bottom:0;}.lab-card__corners .corner--bl{bottom:6px;left:6px;border-right:0;border-top:0;}.lab-card__corners .corner--br{bottom:6px;right:6px;border-left:0;border-top:0;}.lab-card__spec{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);padding-bottom:var(--space-3);border-bottom:1px solid var(--hairline);}.lab-card__idx{color:var(--color-accent-text);letter-spacing:var(--tracking-wide);}.lab-card__status{color:var(--color-text-muted);}.lab-card__status::first-letter{color:var(--color-accent);}.lab-card__title{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:-0.01em;line-height:var(--leading-snug);}.lab-card__desc{color:var(--color-text-muted);font-size:var(--text-sm);flex:1;margin:0;}.lab-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-3);border-top:1px solid var(--hairline);}.lab-card__foot a{color:var(--color-accent-text);}.lab-section .section-head__title{font-family:var(--font-mono);letter-spacing:-0.02em;}body.single-lab .docpage__head{border:1px solid var(--hairline);padding:var(--space-6);position:relative;background:var(--color-bg-subtle);}body.single-lab .docs__title{font-family:var(--font-mono);letter-spacing:-0.02em;}body.single-lab .docs__crumb::before{content:'~/lab/ ';color:var(--color-accent-text);font-family:var(--font-mono);}body.single-lab .docs__meta::before{content:'● ';color:var(--color-accent);}body.single-lab .prose h2{font-family:var(--font-mono);font-size:var(--text-xl);}body.single-lab .prose h2::before{content:'# ';color:var(--color-accent);}body.single-lab .prose h3::before{content:'## ';color:var(--color-accent);font-family:var(--font-mono);}.lab-grid{counter-reset:labidx;}.lab-grid > .lab-card{counter-increment:labidx;}.lab-card__idx::before{content:'LAB-' counter(labidx,decimal-leading-zero);}.docpage{display:flex;flex-direction:column;}.docpage > .prose + .prose{margin-top:var(--space-5);}.docpage__head{margin-bottom:var(--space-7);}body.single-lab .docpage__head{margin-bottom:var(--space-7);}.docpage > .prose:first-of-type{margin-top:0;}.docpage > .prose:has(.code),.docpage > .prose:has(.prose__figure),.docpage > .prose:has(pre){margin-top:var(--space-6);margin-bottom:var(--space-2);}.brxe-block.process-deep,.brxe-block.media-gallery,.brxe-block.usecase__grid,.brxe-block.service__grid,.brxe-block.feature-detail__grid,.brxe-block.trust__grid,.brxe-block.resource__grid,.brxe-block.testimonial__grid,.brxe-block.case-study__body,.brxe-block.case-study__meta,.brxe-block.conversion,.brxe-block.alt-page,.brxe-block.ventures__grid{display:grid;align-items:stretch;}.usecase-card,.service-card,.feature-detail-card,.trust-card,.resource-card,.testimonial-card,.venture-card,.process-step{display:flex;flex-direction:column;height:100%;}.usecase-card > p,.service-card > p,.feature-detail-card > p,.trust-card > p,.resource-card > p,.venture-card > p{flex:1;}.usecase-card .link-arrow,.service-card .link-arrow,.feature-detail-card .link-arrow,.trust-card .link-arrow,.resource-card .link-arrow,.venture-card .link-arrow{margin-top:auto;padding-top:var(--space-4);}.brxe-block.pricing__grid{align-items:stretch;}.price-tier{display:flex;flex-direction:column;height:100%;}.price-tier__desc{flex:0 0 auto;}.price-tier .btn,.price-tier > a:last-child{margin-top:var(--space-5);}.process-step{display:flex;flex-direction:column;}.process-step > p{flex:1;margin-top:var(--space-2);}.usecase-card > .brxe-text-basic,.service-card > .brxe-text-basic,.feature-detail-card > .brxe-text-basic,.trust-card > .brxe-text-basic,.resource-card > .brxe-text-basic,.venture-card > .brxe-text-basic{display:flex;flex-direction:column;gap:var(--space-3);height:100%;}.usecase-card p,.service-card p,.feature-detail-card p,.trust-card p,.resource-card p,.venture-card p{flex:1 1 auto;margin:0;}.usecase-card .link-arrow,.service-card .link-arrow,.feature-detail-card .link-arrow,.trust-card .link-arrow,.resource-card .link-arrow,.venture-card .link-arrow{margin-top:auto;padding-top:var(--space-4);}.usecase-card h3,.service-card h3,.feature-detail-card h3,.trust-card h3,.resource-card h3,.venture-card h3{margin:0;}@media (max-width:1100px){.site-footer__top{grid-template-columns:1fr 1fr 1fr;}.site-footer__brand{grid-column:1 / -1;padding-right:0;}}@media (max-width:760px){.site-footer__top{grid-template-columns:1fr 1fr;}.site-footer__brand{grid-column:1 / -1;}}@media (max-width:460px){.site-footer__top{grid-template-columns:1fr;}.site-footer__col{padding-left:0;border-left:0;}}.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);background:none;border:0;margin-top:var(--space-6);}@media(max-width:860px){.media-gallery{grid-template-columns:1fr 1fr;}}@media(max-width:520px){.media-gallery{grid-template-columns:1fr;}}.media-gallery__item{position:relative;display:flex;flex-direction:column;gap:var(--space-3);min-height:0;margin:0;background:none;place-items:stretch;}.media-gallery__item:first-child{grid-row:auto;min-height:0;}.media-gallery__item img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border:1px solid var(--hairline);display:block;}.media-gallery__item figcaption,.media-gallery__item p{position:static;left:auto;bottom:auto;padding:0;background:none;border:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);}.price-tier__features{flex:1;margin-top:var(--space-5);}.price-tier__featlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}.price-tier__featlist li{position:relative;padding:var(--space-3) 0 var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text);border-top:1px solid var(--hairline);line-height:var(--leading-snug);}.price-tier__featlist li:first-child{border-top:0;}.price-tier__featlist li::before{content:'';position:absolute;left:0;top:calc(var(--space-3) + 0.45em);width:7px;height:7px;background:var(--color-accent);}.pricing__note{margin-top:var(--space-6);padding:var(--space-4) 0 0;border-top:1px solid var(--hairline);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug);}.bound:has(.pricing__grid){padding-bottom:var(--space-8);}.pricing__note{margin-bottom:0;}.usecase__grid,.service__grid,.feature-detail__grid,.trust__grid,.resource__grid,.testimonial__grid,.process-deep,.alt-page,.conversion,.case-study{margin-top:var(--space-6);}.price-tier__price .amt{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-semibold);letter-spacing:-0.03em;line-height:1;}.price-tier__price .amt--text{font-size:var(--text-3xl);}.price-tier__cur{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-muted);align-self:flex-start;margin-top:0.15em;margin-right:0.08em;}.price-tier__from-inline{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);align-self:flex-start;margin-top:0.35em;margin-right:var(--space-2);}.price-tier__price .per{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:0;margin-left:var(--space-2);align-self:flex-end;margin-bottom:0.25em;}.price-tier__price{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0;line-height:1;min-height:var(--text-5xl);}.price-tier__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);flex-wrap:wrap;}.price-tier__head .price-tier__tag:not(:empty),.brxe-text-basic.price-tier__tag:not(:empty){display:inline-block;flex:0 0 auto;width:auto;padding:var(--space-1) var(--space-2);background:var(--color-accent);color:var(--color-text-on-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.4;white-space:nowrap;}.price-tier__head > .mono:first-child{flex:1 1 auto;min-width:max-content;}.bound:has(> .service__grid),.bound:has(> .trust__grid),.bound:has(> .usecase__grid),.bound:has(> .feature-detail__grid),.bound:has(> .resource__grid),.bound:has(> .testimonial__grid),.bound:has(> .ventures__grid),.bound:has(> .process-deep),.bound:has(> .media-gallery),.bound:has(> .blog__grid){padding-bottom:var(--space-8);}.brxe-block.blog__grid{gap:1px;}.ventures__grid:has(.venture-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);}.trust__grid:has(.trust-card:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);}.process-deep{counter-reset:pstep;}.process-step{counter-increment:pstep;}.process-step__num::before{content:counter(pstep,decimal-leading-zero);}.site-header__nav .bricks-nav-menu,.site-footer__col .bricks-nav-menu,.links .bricks-nav-menu{list-style:none;margin:0;padding:0;}.site-header__nav .bricks-nav-menu{display:flex;align-items:center;gap:var(--space-6);}.site-header__nav .bricks-nav-menu > li > a{padding:0;}.site-header__nav .bricks-nav-menu .current-menu-item > a{color:var(--color-text);}.site-footer__col .bricks-nav-menu{display:flex;flex-direction:column;gap:var(--space-3);}.site-footer__col .bricks-nav-menu > li > a{padding:0;display:inline-block;}.links .bricks-nav-menu{display:flex;gap:var(--space-5);}.links .bricks-nav-menu > li > a{padding:0;}.site-drawer .bricks-nav-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0;}.site-drawer .bricks-nav-menu a{display:block;}.site-header__actions a[href^='tel'] { white-space: nowrap; }