@layer base, components, oh-marketing, oh-material;:root{--inverse-background:var(--inverse);--hraness-site-accent:var(--primary);--hraness-site-accent-ink:var(--primary-foreground);font-family:var(--font-text);font-synthesis:none;line-height:1.55}*{box-sizing:border-box}html{background:var(--background);color:var(--foreground);scroll-behavior:smooth}body,html{overflow-x:clip}body{min-height:100dvh;display:flex;flex-direction:column;margin:0;font-family:var(--font-text);text-rendering:optimizeLegibility}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}a:focus-visible{outline:2px solid var(--hraness-site-accent);outline-offset:3px}.spec-header{--hraness-marketing-ink:var(--foreground);--hraness-marketing-muted:var(--muted);--hraness-marketing-background:var(--background);--hraness-marketing-surface:var(--surface);--hraness-marketing-inverse:var(--inverse-background);--hraness-marketing-inverse-ink:var(--inverse-foreground);--hraness-marketing-text-font:var(--font-text);--hraness-marketing-heading-font:var(--font-text);--hraness-marketing-mono-font:var(--font-mono)}.brand-mark{color:var(--hraness-site-accent)}.transcript{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0}.hraness-marketing-proof-frame__content>.transcript{padding:1.15rem 1.25rem}.record-kind{color:var(--muted);font-size:.85rem}.citation-preview{padding:clamp(1.25rem,3vw,2rem);overflow-wrap:anywhere}.citation-preview h2{margin:0;font-family:var(--hraness-type-h2-font);font-size:var(--hraness-type-h2-size);font-weight:var(--hraness-type-h2-weight);line-height:1.3}.citation-preview>p{max-inline-size:52ch;color:var(--muted)}.citation-preview dl{margin-block:1.5rem}.citation-preview dl>div{display:grid;grid-template-columns:minmax(6rem,.3fr) minmax(0,1fr);gap:.5rem 1rem;padding-block:.85rem;border-block-start:1px solid var(--line)}.citation-preview dt{font-size:.9rem;color:var(--muted)}.citation-preview dd{margin:0}.citation-preview dd code{display:block;margin-block-start:.2rem;font-size:.85rem}.citation-preview>a{display:inline-flex;align-items:center;min-block-size:3rem;color:var(--foreground);text-underline-offset:.2em}.citation-preview>a:focus-visible,.first-run-details>summary:focus-visible{outline:2px solid var(--hraness-site-accent);outline-offset:3px}.first-run-details{margin-block-start:1rem;min-inline-size:0}.first-run-details>summary{min-block-size:3rem;padding-block:.75rem;cursor:pointer;font-weight:500}.first-run-details>summary:hover{text-decoration:underline dotted;text-underline-offset:.2em}#main:focus,#spec-main:focus{outline:none}@media (max-width:30rem){.citation-preview dl>div{grid-template-columns:minmax(0,1fr)}}.interface-link,.record-link{margin:0;font-size:.95rem;font-weight:500}.hraness-marketing-section__body>.record-link{justify-self:start}.hraness-marketing-question__answer a,.install-note a,.interface-link a,.record-link a{color:var(--foreground);text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--foreground) 35%,transparent);text-underline-offset:.18em}.hraness-marketing-question__answer a:hover,.install-note a:hover,.interface-link a:hover,.record-link a:hover{text-decoration-color:currentColor}#benchmarks[data-layout=split]{align-items:start}.memory-benchmark{min-inline-size:0}.memory-benchmark h3{margin-block:0 .6rem;font-family:var(--hraness-type-h3-font);font-size:var(--hraness-type-h3-size);font-weight:var(--hraness-type-h3-weight)}.memory-benchmark .hraness-design-bar-list-chart{margin:1.75rem 0}.memory-benchmark .hraness-design-chart-row__label{white-space:normal;overflow:visible;text-overflow:clip}.memory-benchmark .hraness-design-chart-row__heading{flex-wrap:wrap;gap:.25rem 1rem}.memory-benchmark .hraness-design-chart-row__value{font-variant-numeric:tabular-nums}.benchmark-method{margin-block:1.5rem}.benchmark-method>div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding-block:.6rem;border-block-end:1px solid var(--line)}.benchmark-method dt{color:var(--muted)}.benchmark-method dd{margin:0}.benchmark-literature{border-block-start:1px solid var(--line);margin-block-start:1.5rem;padding-block-start:1rem}.benchmark-literature summary{cursor:pointer;min-block-size:3rem;font-weight:500}.benchmark-literature table{inline-size:100%;border-collapse:collapse;table-layout:fixed;text-align:start}.benchmark-literature caption{padding-block-end:1rem;text-align:start;color:var(--muted)}.benchmark-literature td,.benchmark-literature th{text-align:start;vertical-align:top;padding:.75rem .75rem .75rem 0;border-block-end:1px solid var(--line);overflow-wrap:anywhere}.benchmark-literature th{font-weight:500}.benchmark-literature a{text-underline-offset:.2em}@media (max-width:38rem){.benchmark-method>div{grid-template-columns:1fr;gap:.15rem}.benchmark-literature thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.benchmark-literature tbody tr{display:grid;padding-block:.75rem;border-block-end:1px solid var(--line)}.benchmark-literature td,.benchmark-literature th{border:0;padding:.25rem 0}}.benchmark-delta{display:grid;gap:.2rem;margin-block:1.25rem}.benchmark-delta strong{font-size:1.1rem;font-weight:500}.benchmark-delta span,.benchmark-note{color:var(--muted);font-size:.95rem;line-height:1.55}.benchmark-note{margin:0;max-inline-size:64ch}.benchmark-links{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0;padding:0;list-style:none}.benchmark-links a{display:inline-flex;align-items:center;min-block-size:3rem;font-size:.95rem;font-weight:500}.benchmark-links a,.benchmark-transfer a{color:var(--foreground);text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--foreground) 35%,transparent);text-underline-offset:.18em}.benchmark-links a:hover,.benchmark-transfer a:hover{text-decoration-color:currentColor}.benchmark-transfer{padding-block-start:1.25rem;border-block-start:1px solid var(--line)}.benchmark-meta{margin:-.75rem 0 1.5rem;color:var(--muted);font-size:.92rem}.benchmark-table{inline-size:100%;border-collapse:collapse;margin-block:.5rem 1.5rem}.benchmark-table caption{padding-block-end:.75rem;color:var(--muted);font-size:.9rem;line-height:1.5;text-align:start}.benchmark-table td,.benchmark-table th{padding:.6rem 1rem .6rem 0;border-block-end:1px solid var(--line);text-align:start;vertical-align:top}.benchmark-table thead th{color:var(--muted);font-size:.9rem;font-weight:500}.benchmark-table tbody th{font-weight:500}.benchmark-table td{font-variant-numeric:tabular-nums}@media (max-width:48rem){.hraness-marketing-header__actions{margin-inline-start:auto}.spec-header{position:static}[data-hraness-marketing-preset=editorial] .hraness-marketing-page>[id]{scroll-margin-block-start:6rem}[data-hraness-marketing-preset=editorial] #install{scroll-margin-block-start:8.75rem}}.hraness-marketing-interface pre{flex:1 1 auto}.install-command{white-space:pre}.install-note{margin:.25rem 0 0;max-inline-size:62ch;color:var(--muted);font-size:.95rem;line-height:1.5}.ask-ai{inline-size:min(100%,72rem);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding-block:1.25rem;border-top:1px solid var(--line);color:var(--muted)}.ask-ai [data-slot=ask-ai-about-this-label]{font-family:var(--font-text);font-size:.85rem;font-weight:500;letter-spacing:normal;text-transform:none}.ask-ai [data-slot=ask-ai-about-this-links]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.ask-ai [data-slot=ask-ai-about-this-link]{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:0 .75rem;border:1px solid transparent;border-radius:.75rem;background:var(--surface);box-shadow:none;color:inherit;gap:.25rem;font-family:var(--font-text);font-size:.875rem;font-weight:500;line-height:1;text-decoration:none}.ask-ai [data-slot=ask-ai-about-this-link]:hover{background:var(--surface-hover);color:var(--foreground)}.ask-ai [data-slot=ask-ai-about-this-link]:focus-visible{outline:2px solid var(--hraness-site-accent);outline-offset:2px}.ask-ai [data-slot=ask-ai-about-this-icon]{display:block;flex:0 0 auto}.skip-link{position:fixed;left:1rem;top:1rem;z-index:50;padding:.7rem 1rem;background:var(--foreground);color:var(--background);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.spec-shell{display:grid;grid-template-columns:12rem minmax(0,1fr);inline-size:min(100%,72rem);margin-inline:auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(3rem,7vw,6rem)}.spec-nav{position:sticky;top:4.5rem;align-self:start;display:flex;flex-direction:column;gap:.75rem;padding:clamp(2.5rem,6vw,4rem) 1.5rem 2rem 0;box-shadow:none}.spec-nav p{margin:0 0 .5rem;color:var(--foreground);font-size:.875rem;font-weight:500}.spec-nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.spec-nav a:hover{color:var(--foreground)}.spec-document{min-width:0;padding-left:clamp(2rem,5vw,4rem)}.spec-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:end;gap:2rem 3rem;padding:clamp(2.5rem,6vw,4rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}.spec-intro .eyebrow{margin:0 0 1rem;color:var(--hraness-site-accent);font-size:.875rem;font-weight:500}.spec-intro h1{margin:0;font-family:var(--hraness-type-h1-font);font-size:var(--hraness-type-h1-size);font-weight:var(--hraness-type-h1-weight);letter-spacing:-.022em;line-height:1.05;text-wrap:balance}.spec-intro>p{margin:0;color:var(--muted);font-size:1.125rem;line-height:1.5}.spec-section{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.5rem;padding:clamp(2.5rem,6vw,4rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:4.5rem}.spec-section>div:last-child{max-width:62ch}.spec-number{padding-top:.5rem;color:var(--hraness-site-accent);font-family:var(--font-mono);font-size:.78rem;font-weight:500}.spec-section h2{margin:0 0 1.25rem;font-family:var(--hraness-type-h2-font);font-size:var(--hraness-type-h2-size);font-weight:var(--hraness-type-h2-weight);letter-spacing:-.012em;line-height:1.15;text-wrap:balance}.spec-section p{margin:0 0 1rem;color:var(--muted);line-height:1.6}.spec-section p:last-child{margin-bottom:0}.spec-section p code{padding:.08em .38em;border-radius:.3em;background:color-mix(in srgb,var(--foreground) 7%,transparent);color:var(--foreground);font-size:.9em}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.fact-grid div{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;border:1px solid transparent;border-radius:1rem;background:var(--surface);box-shadow:none}.fact-grid span{color:var(--muted);font-size:.85rem;font-weight:500}.fact-grid strong{font-family:var(--font-mono);font-size:.9rem;font-weight:500}.kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}.kind-grid li{padding:.75rem 1rem;border:1px solid transparent;border-radius:.75rem;background:var(--surface);box-shadow:none;font-family:var(--font-mono);font-size:.875rem}.spec-code{margin:1.5rem 0;padding:1rem 1.15rem;overflow:auto;border-radius:.625rem;background:var(--inverse-background);color:var(--inverse-foreground);font-size:.875rem;line-height:1.65}.spec-code code{font-size:inherit}.spec-section p.callout{padding:1rem 1.25rem;border:1px solid transparent;border-radius:.875rem;background:var(--surface);box-shadow:none;color:var(--foreground)}.sequence{margin:1.5rem 0 0;padding:0;list-style:none}.sequence li{padding:.85rem 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.55}.sequence li:last-child{border-bottom:1px solid var(--line)}.sequence span{display:inline-block;width:6rem;color:var(--foreground);font-weight:600}.spec-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}@media (max-width:48rem){.spec-shell{grid-template-columns:minmax(0,1fr)}.spec-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 0;border-right:0;border-bottom:1px solid var(--line)}.spec-nav p{display:none}.spec-document{padding-left:0}.spec-intro{align-items:start}.spec-intro,.spec-section{grid-template-columns:minmax(0,1fr)}.spec-section{gap:.5rem}.spec-number{padding-top:0}.fact-grid,.kind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:32rem){.fact-grid,.kind-grid{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.ask-ai [data-slot=ask-ai-about-this-link],.hraness-marketing-footer__nav a,.hraness-marketing-header__nav a,.spec-nav a{display:inline-flex;align-items:center;min-height:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (forced-colors:active),(prefers-contrast:more){.ask-ai [data-slot=ask-ai-about-this-link],.fact-grid div,.kind-grid li,.oh-record-card,.spec-section p.callout{border-color:currentColor;box-shadow:none}.spec-nav{border-inline-end:1px solid currentColor;box-shadow:none}@media (max-width:48rem){.spec-nav{border-inline-end:0;border-block-end:1px solid currentColor}}}.blog-shell{inline-size:min(100%,72rem);margin-inline:auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(3rem,7vw,6rem)}.blog-feed-link{margin-block-start:2rem;color:var(--muted)}.docs-shell{inline-size:min(100%,72rem);margin-inline:auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(3rem,7vw,6rem)}.docs-shell :is(h2,h3,.docs-anchor){scroll-margin-top:4.5rem}.docs-anchor{display:block}.docs-footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}.compare-document .spec-section>div:last-child{max-width:70ch}.compare-table-wrap{margin:1.5rem 0;overflow-x:auto}.compare-table{inline-size:100%;border-collapse:collapse;text-align:start}.compare-glance{min-inline-size:60rem}.compare-glance td,.compare-glance th{overflow-wrap:normal}.compare-table caption{padding-block-end:.75rem;color:var(--muted);text-align:start}.compare-table td,.compare-table th{padding:.65rem .75rem .65rem 0;border-block-end:1px solid var(--line);text-align:start;vertical-align:top;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.compare-table th{color:var(--foreground);font-weight:500}.compare-table td{color:var(--muted)}.compare-table td code{padding:.08em .38em;border-radius:.3em;background:color-mix(in srgb,var(--foreground) 7%,transparent);color:var(--foreground);font-size:.9em}.compare-sources{margin:1.5rem 0 0;padding:0;list-style:none}.compare-sources li{padding:.75rem 0;border-block-start:1px solid var(--line);color:var(--muted);line-height:1.55}.compare-sources li:last-child{border-block-end:1px solid var(--line)}.compare-sources a{color:var(--foreground);font-weight:500;text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--foreground) 35%,transparent);text-underline-offset:.18em}.compare-sources a:hover{text-decoration-color:currentColor}@media (forced-colors:active),(prefers-contrast:more){.compare-table td,.compare-table th{border-block-end-color:currentColor}}body>:not(.network-footer){min-inline-size:0}.network-footer{margin-block-start:auto}.oh-hero{grid-template-columns:minmax(0,1fr)}.oh-hero .hraness-marketing-hero__heading{max-inline-size:22ch}.oh-hero .hraness-marketing-hero__frame{inline-size:100%;max-inline-size:54rem}.oh-terminal{margin:0;padding:clamp(1rem,3vw,1.75rem);background:transparent;color:var(--foreground);border:0;border-top:1px solid var(--line);border-radius:0;overflow-x:auto;font-size:.8125rem;line-height:1.7;white-space:pre}.oh-terminal code{font:inherit}.oh-rows{margin:0}.oh-rows>div{display:grid;grid-template-columns:minmax(8rem,.5fr) minmax(0,1fr);gap:1rem 2rem;padding-block:1.25rem;border-block-start:1px solid var(--line)}.oh-rows dt{font-weight:550}.oh-rows dd{margin:0;color:var(--muted)}@media (width < 30rem){.oh-rows>div{grid-template-columns:minmax(0,1fr);gap:.4rem}}@media (forced-colors:active){.hraness-marketing-header,.oh-hero,.oh-terminal{background:Canvas;color:CanvasText;box-shadow:none}}.hraness-marketing-header .hraness-design-palette-menu>summary,.hraness-marketing-header__actions a,.hraness-marketing-header__brand,.hraness-marketing-header__nav a{display:inline-flex;align-items:center;min-block-size:max(2.75rem,var(--interactive-target-compact,2.75rem));min-inline-size:max(2.75rem,var(--interactive-target-compact,2.75rem))}.hraness-marketing-action[data-emphasis=primary]{background:var(--primary);border-color:var(--primary);box-shadow:none;color:var(--primary-foreground)}@media (forced-colors:active){.hraness-marketing-action[data-emphasis=primary]{background:ButtonFace;border-color:ButtonText;color:ButtonText}.hraness-platform-install__tab[aria-selected=true]{forced-color-adjust:none}}.product-landscape{isolation:isolate;position:relative}@supports (mask-mode:luminance){.product-landscape:before{background:color-mix(in oklch,var(--foreground,CanvasText) 30%,var(--background,Canvas));content:"";inset:0;mask-image:image-set(url("/landscape/landscape-f592241209076f4ecc63555531bf14b5ffd52e93ec8ead91286c38a52e39635f.webp") 1x,url("/landscape/landscape-63653b25253c45940054b5ef46d8f33c3d7e4efc7eae78d621d3d38d37fdcd9c.webp") 2x);mask-mode:luminance;mask-position:top center;mask-repeat:no-repeat;mask-size:100% auto;opacity:.5;pointer-events:none;position:absolute;z-index:-1}}@media (max-width:48rem){.product-landscape:before{mask-image:url(/landscape/landscape-6869752346009cb89acb5bcc6ddf5637b221416cafc5b91304423b37a4ddb512.webp);opacity:.36}}@media (forced-colors:active),print{.product-landscape:before{display:none}}