:root:has(>body.plain-site){background:#ffffff;overflow-x:clip;scrollbar-gutter:stable}.plain-site{--plain-link-target-min:0px;--plain-shell-measure:34rem;--plain-shell-gutter:1.25rem;--plain-background:#ffffff;--plain-foreground:#171717;--plain-link:#2457a6;--plain-line:#d8d8d8;--plain-muted:#666666;--plain-surface:#f4f4f4;--plain-syntax-keyword:#785f28;--plain-syntax-string:#2d6a42;--plain-syntax-number:#9f3631;--plain-syntax-name:#0d61ac;background:var(--plain-background);color:var(--plain-foreground);font-family:var(--font-text);font-size:1rem;line-height:1.55;margin:0;overflow-x:clip}body.plain-site{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100svh;min-block-size:100dvh}body.plain-site>main{flex:1 0 auto}:root[data-theme=dark]:has(>body.plain-site){background:#151515}.plain-site[data-theme=dark],:root[data-theme=dark] .plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}@media (prefers-color-scheme:dark){:root:not([data-theme]):has(>body.plain-site){background:#151515}:root:not([data-theme])>.plain-site{--plain-background:#151515;--plain-foreground:#f2f2f2;--plain-link:#8ab4ed;--plain-line:#484848;--plain-muted:#b6b6b6;--plain-surface:#222222;--plain-syntax-keyword:#c9ad74;--plain-syntax-string:#76b38e;--plain-syntax-number:#e18982;--plain-syntax-name:#6aa9ed}}.plain-site .syntax-code{--syntax-comment:var(--plain-muted);--syntax-keyword:var(--plain-syntax-keyword);--syntax-string:var(--plain-syntax-string);--syntax-number:var(--plain-syntax-number);--syntax-name:var(--plain-syntax-name);--syntax-sign:var(--plain-muted)}.plain-site *,.plain-site :after,.plain-site :before{box-sizing:border-box}:where(.plain-header a,.plain-page a,.plain-footer a){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-header a:is(:hover,:focus-visible),.plain-page a:is(:hover,:focus-visible),.plain-footer a:is(:hover,:focus-visible)){text-decoration:underline}.plain-site :where(.plain-header a:focus-visible,.plain-page a:focus-visible,.plain-footer a:focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}.plain-site :where(.plain-header a:focus:not(:focus-visible),.plain-page a:focus:not(:focus-visible),.plain-footer a:focus:not(:focus-visible)){outline:none}.plain-site ::selection{background:color-mix(in srgb,var(--plain-link) 20%,transparent);color:var(--plain-foreground)}.plain-page{inline-size:100%;margin:clamp(3.5rem,12vh,7rem) auto;max-width:var(--plain-shell-measure);padding-inline:var(--plain-shell-gutter)}.plain-header{border:0;inline-size:100%;padding:0}.plain-header__inner{--plain-header-block-padding:1.15rem;align-items:center;border-bottom:1px solid var(--plain-line);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;inline-size:100%;justify-content:space-between;margin-inline:auto;max-width:var(--plain-shell-measure);padding:max(var(--plain-header-block-padding),env(safe-area-inset-top)) max(var(--plain-shell-gutter),env(safe-area-inset-right)) var(--plain-header-block-padding) max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-wordmark{align-items:center;color:var(--plain-foreground);display:inline-flex;flex:1 1 auto;font:inherit;font-weight:700;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);overflow-wrap:anywhere;text-decoration:none;text-transform:none}.plain-footer__links,.plain-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .85rem}.plain-nav{flex:0 1 auto;justify-content:flex-end;margin-inline-start:auto;max-inline-size:100%;min-inline-size:0}.plain-footer__links a,.plain-nav a{align-items:center;color:var(--plain-muted);display:inline-flex;font:inherit;font-size:.9rem;font-weight:400;letter-spacing:0;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min);padding:0;text-transform:none}.plain-page :where(h1,h2,h3,p,ul,ol,pre,figure){font-size:inherit}.plain-page :where(h1,h2,h3){line-height:inherit}.plain-page h1{font-weight:700;margin:0 0 1rem}.plain-muted,.plain-page>p{color:var(--plain-muted)}.plain-page>p{margin:0}.plain-page section{margin-top:2rem}.plain-page h2{font-weight:700;margin:0 0 .3rem}.plain-page section>p{margin:0}.plain-page section>p+p{margin-top:1rem}.plain-links{list-style:none;margin:0;padding:0}.plain-links li{margin:.1rem 0}.plain-links a{display:inline-block;min-height:1.5rem;min-width:1.5rem}.plain-code{color:var(--plain-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding-block:.65rem;white-space:pre-wrap}.plain-code code{font:inherit}.plain-footer{--background:var(--plain-background);--foreground:var(--plain-foreground);--focus:var(--plain-link);--line:var(--plain-line);--muted:var(--plain-muted);--secondary:var(--plain-surface);--secondary-foreground:var(--plain-foreground);--surface:var(--plain-background);--surface-raised:var(--plain-surface);align-items:center;border-top:1px solid var(--plain-line);color:var(--plain-muted);display:flex;flex:0 0 auto;flex-wrap:wrap;gap:1rem;inline-size:100%;justify-content:space-between;margin:0 auto;max-width:var(--plain-shell-measure);overflow:clip;padding-top:1.25rem;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-footer:has(.hraness-design-jelly-surface){padding:var(--space-6) max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--plain-shell-gutter),var(--space-6),env(safe-area-inset-left))}.plain-site main:has(>.design-gallery[data-design-gallery-nested=true]){padding-inline:max(var(--plain-shell-gutter),var(--space-6))}.plain-footer p{margin:0}.plain-footer :where(a){align-items:center;color:inherit;display:inline-flex;min-block-size:var(--plain-link-target-min);min-inline-size:var(--plain-link-target-min)}@media (max-width:42rem){.plain-header__inner{--plain-header-block-padding:0.65rem;gap:.35rem .75rem}.plain-wordmark{flex-basis:min(11rem,100%)}}@media (pointer:coarse){.plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}}:root[data-verification-pointer=coarse] .plain-site{--plain-link-target-min:var(--interactive-target-min,48px)}@media (max-width:420px){.plain-site{--plain-shell-gutter:1rem}.plain-page{margin-block:2.5rem}}@media (forced-colors:active){.plain-header__inner{border-bottom:1px solid CanvasText}.plain-footer{border-top:1px solid CanvasText}}.plain-site.plain-publication{--plain-shell-measure:43rem;display:flex;min-height:100vh;min-height:100svh;min-height:100dvh;flex-direction:column;background:var(--plain-background);color:var(--plain-foreground);font-family:var(--font-text);font-size:1rem;line-height:1.55}.plain-site.plain-publication>main{flex:1 0 auto}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link)){color:var(--plain-link);overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.15em}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):is(:hover,:focus-visible)){text-decoration:underline}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus-visible){border-radius:1px;outline:1px dotted currentColor;outline-offset:3px}:where(.plain-site.plain-publication a:not(.hraness-design-skip-link):focus:not(:focus-visible)){outline:none}.plain-site.plain-publication .plain-publication__shell{width:100%;max-width:var(--plain-shell-measure);margin-inline:auto;padding-right:max(var(--plain-shell-gutter),env(safe-area-inset-right));padding-left:max(var(--plain-shell-gutter),env(safe-area-inset-left))}.plain-site.plain-publication .plain-publication__index-content{margin-block:clamp(2.5rem,8vh,5rem)}.plain-site.plain-publication .plain-publication__hero{padding:0 0 2.25rem}.plain-site.plain-publication .plain-publication__article-meta,.plain-site.plain-publication .plain-publication__entry-label,.plain-site.plain-publication .plain-publication__entry-meta,.plain-site.plain-publication .plain-publication__eyebrow{margin:0;color:var(--plain-muted);font:inherit;font-size:.85rem;font-weight:400;letter-spacing:0;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__article-header h1,.plain-site.plain-publication .plain-publication__hero h1{max-width:none;margin:.4rem 0 .8rem;color:var(--plain-foreground);font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,2.35rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:pretty}.plain-site.plain-publication .plain-publication__article-dek,.plain-site.plain-publication .plain-publication__hero>p:not(.plain-publication__eyebrow){max-width:none;margin:0;color:var(--plain-muted);font-size:1rem;line-height:inherit}.plain-site.plain-publication .plain-publication__primary-link{display:inline-block;min-height:0;margin-top:1rem;padding:0;background:transparent;color:var(--plain-link);font:inherit;font-weight:400}.plain-site.plain-publication .plain-publication__primary-link:is(:hover,:focus-visible){background:transparent}.plain-site.plain-publication .plain-publication__primary-link+p{margin-top:.5rem}.plain-site.plain-publication .plain-publication__list,.plain-site.plain-publication .plain-publication__method,.plain-site.plain-publication .plain-publication__related{padding-block:2rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__section-heading{display:block;margin:0 0 .85rem}.plain-site.plain-publication .plain-publication__cta h2,.plain-site.plain-publication .plain-publication__method>h2,.plain-site.plain-publication .plain-publication__section-heading h2,.plain-site.plain-publication .plain-publication__sources h2{margin:0;color:var(--plain-foreground);font-size:1rem;font-weight:700;letter-spacing:0;line-height:inherit}.plain-site.plain-publication .plain-publication__section-heading p,.plain-site.plain-publication .plain-publication__section-heading>a{margin:.2rem 0 0;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__article-list{border-bottom:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry{display:block;padding:1.15rem 0;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__entry h3{max-width:none;margin:.15rem 0 0;color:var(--plain-foreground);font-size:1.1rem;font-weight:700;letter-spacing:0;line-height:1.35}@media (pointer:coarse){.plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min,48px);min-inline-size:var(--interactive-target-min,48px)}}:root[data-verification-pointer=coarse] .plain-site.plain-publication :is(.plain-publication__entry h3 a,.plain-publication__primary-link,.plain-publication__related-grid>a){align-items:center;display:flex;min-block-size:var(--interactive-target-min,48px);min-inline-size:var(--interactive-target-min,48px)}.plain-site.plain-publication .plain-publication__entry h3+p{max-width:none;margin:.45rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__entry-meta{margin-top:.45rem}.plain-site.plain-publication .plain-publication__method>h2{margin:.2rem 0 .8rem}.plain-site.plain-publication .plain-publication__method-grid{display:block;border:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div{padding:0;background:transparent}.plain-site.plain-publication .plain-publication__method-grid>div+div{margin-top:1rem}.plain-site.plain-publication .plain-publication__method-grid h3{margin:0;color:var(--plain-foreground);font:inherit;font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__disclosure,.plain-site.plain-publication .plain-publication__method-grid p{margin:.15rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__disclosure{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__article-header{padding-block:clamp(2.5rem,8vh,4.5rem) 1.75rem}.plain-site.plain-publication .plain-publication__breadcrumbs{margin-bottom:1.5rem;font:inherit}.plain-site.plain-publication .plain-publication__breadcrumbs ol{color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:min(30rem,55vw);min-width:0}.plain-site.plain-publication .plain-publication__breadcrumbs [aria-current=page]{display:block;overflow:hidden;color:var(--plain-muted);text-overflow:ellipsis;white-space:nowrap}.plain-site.plain-publication .plain-publication__article-dek,.plain-site.plain-publication .plain-publication__article-meta{margin-top:.8rem}.plain-site.plain-publication .plain-publication__article-layout{display:block;padding-block:1.5rem 3.5rem;border-top:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__toc{position:static;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--plain-line);color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__toc p{margin:0 0 .35rem;color:var(--plain-foreground);font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__toc ol{display:block;margin:0;padding-left:1.25rem}.plain-site.plain-publication .plain-publication__toc li+li{margin-top:.2rem}.plain-site.plain-publication .plain-publication__article-body{color:var(--plain-foreground);font-size:1rem;line-height:1.7}.plain-site.plain-publication .plain-publication__article-body>:first-child{margin-top:0}.plain-site.plain-publication .plain-publication__article-body h2,.plain-site.plain-publication .plain-publication__article-body h3{color:var(--plain-foreground);font-weight:700;letter-spacing:0;line-height:1.35;scroll-margin-top:1rem;text-wrap:pretty}.plain-site.plain-publication .plain-publication__article-body h2{margin:2.5rem 0 .6rem;font-size:1.35rem}.plain-site.plain-publication .plain-publication__article-body h3{margin:1.75rem 0 .45rem;font-size:1.05rem}.plain-site.plain-publication .plain-publication__article-body p{margin:0 0 1.15rem}.plain-site.plain-publication .plain-publication__article-body em,.plain-site.plain-publication .plain-publication__article-body strong{color:inherit}.plain-site.plain-publication .plain-publication__article-body ol,.plain-site.plain-publication .plain-publication__article-body ul{display:block;margin:0 0 1.25rem;padding-left:1.35rem}.plain-site.plain-publication .plain-publication__article-body li+li{margin-top:.35rem}.plain-site.plain-publication .plain-publication__article-body li::marker{color:var(--plain-muted);font:inherit}.plain-site.plain-publication .plain-publication__callout{margin:1.5rem 0;padding:1rem 1.1rem;border-left:2px solid var(--plain-line);background:var(--plain-surface)}.plain-site.plain-publication .plain-publication__callout>strong{display:block;margin-bottom:.35rem;color:var(--plain-foreground);font:inherit;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__callout p{margin:0}.plain-site.plain-publication .plain-publication__table-scroll{max-width:100%;margin:1.5rem 0;overflow-x:auto;border-block:1px solid var(--plain-line)}.plain-site.plain-publication .plain-publication__table{width:100%;min-width:40rem;border-collapse:collapse;color:var(--plain-foreground);font-size:.82rem;line-height:1.5}.plain-site.plain-publication .plain-publication__table caption{padding:.75rem 0;color:var(--plain-foreground);font:inherit;font-weight:700;letter-spacing:0;text-align:left;text-transform:none}.plain-site.plain-publication .plain-publication__table td,.plain-site.plain-publication .plain-publication__table th{padding:.65rem;border-top:1px solid var(--plain-line);text-align:left;vertical-align:top}.plain-site.plain-publication .plain-publication__table th{color:var(--plain-muted);font:inherit;font-weight:700;letter-spacing:0;text-transform:none}.plain-site.plain-publication .plain-publication__table tbody th{color:var(--plain-foreground)}.plain-site.plain-publication .plain-publication__cta{margin-top:2.5rem;padding:1.5rem 0;border-block:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__cta h2{margin-top:.2rem}.plain-site.plain-publication .plain-publication__cta>p:not(.plain-publication__eyebrow){max-width:none;margin:.4rem 0 0;color:var(--plain-muted);font-size:.95rem;line-height:inherit}.plain-site.plain-publication .plain-publication__sources{margin-top:2.5rem;padding-top:0;border-top:0}.plain-site.plain-publication .plain-publication__sources ol{display:block;margin:.75rem 0 0;padding-left:1.35rem;color:var(--plain-muted);font:inherit;font-size:.85rem}.plain-site.plain-publication .plain-publication__sources li+li{margin-top:.75rem}.plain-site.plain-publication .plain-publication__sources a,.plain-site.plain-publication .plain-publication__sources span{display:block;font:inherit;line-height:inherit}.plain-site.plain-publication .plain-publication__sources span{margin-top:.15rem;color:var(--plain-muted)}.plain-site.plain-publication .plain-publication__related-grid{display:block;border-bottom:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a{display:block;min-height:0;padding:.8rem 0;border-top:1px solid var(--plain-line);background:transparent}.plain-site.plain-publication .plain-publication__related-grid>a:hover{background:transparent}.plain-site.plain-publication .plain-publication__related-grid span,.plain-site.plain-publication .plain-publication__related-grid strong{display:block;color:inherit;font:inherit;line-height:inherit;text-transform:none}.plain-site.plain-publication .plain-publication__related-grid span{color:var(--plain-muted);font-size:.8rem}@media (max-width:42rem){.plain-site.plain-publication{--plain-shell-gutter:1rem}.plain-site.plain-publication .plain-publication__breadcrumbs li:last-child{max-width:12rem}}@media (forced-colors:active){.plain-site.plain-publication :where(.plain-publication__list,.plain-publication__method,.plain-publication__related,.plain-publication__article-layout,.plain-publication__toc,.plain-publication__table-scroll,.plain-publication__table th,.plain-publication__table td,.plain-publication__cta,.plain-publication__article-list,.plain-publication__entry,.plain-publication__related-grid,.plain-publication__related-grid>a){border-color:CanvasText}.plain-site.plain-publication .plain-publication__callout{border-left-color:CanvasText;background:Canvas}}@layer components.hraness-design-kit.legacy{:where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-marketing-ink:var(--foreground,CanvasText);--hraness-marketing-muted:var(--muted,GrayText);--hraness-marketing-background:var(--background,Canvas);--hraness-marketing-surface:var(--surface,Canvas);--hraness-marketing-line:color-mix(in oklch,var(--hraness-marketing-ink) 12%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-ink) 22%,transparent);--hraness-marketing-inverse:var(--inverse,CanvasText);--hraness-marketing-inverse-ink:var(--inverse-foreground,Canvas);--hraness-marketing-accent:var(--hraness-site-accent,oklch(0.55 0.21 262));--hraness-marketing-accent-ink:var(--hraness-site-accent-ink,white);--hraness-marketing-accent-soft:color-mix(in oklch,var(--hraness-marketing-accent) 10%,transparent);--hraness-marketing-text-font:var(--font-text,ui-sans-serif,system-ui,sans-serif);--hraness-marketing-heading-font:var(--font-heading,var(--hraness-marketing-text-font));--hraness-marketing-mono-font:var(--font-mono,ui-monospace,monospace);--hraness-marketing-measure:72rem;--hraness-marketing-copy-measure:40rem;--hraness-marketing-prose-measure:62ch;--hraness-marketing-gutter:clamp(1.25rem,4vw,3rem);--hraness-marketing-radius:0.625rem;--hraness-marketing-frame-radius:0.875rem;--hraness-marketing-rule:1px solid var(--hraness-marketing-line);--hraness-marketing-shadow:0 1px 2px oklch(0 0 0/0.06),0 24px 48px -24px oklch(0 0 0/0.28);--hraness-marketing-section-space:clamp(4rem,9vw,7.5rem);--hraness-marketing-heading-weight:500;--hraness-marketing-heading-tracking:-0.022em;--hraness-marketing-action-height:2.75rem;color:var(--hraness-marketing-ink);font-family:var(--hraness-marketing-text-font)}.hraness-marketing-page{background:var(--hraness-marketing-background);color:var(--hraness-marketing-ink);font-size:1rem;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}.hraness-marketing-page :where(p,li,dd){text-wrap:pretty}.hraness-marketing-page :where(a){color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}.hraness-marketing-page :where(code,kbd,pre){font-family:var(--hraness-marketing-mono-font)}.hraness-marketing-page :where(pre){max-inline-size:100%;margin:0;padding:1rem 1.15rem;overflow:auto;border-radius:var(--hraness-marketing-radius);background:var(--hraness-marketing-inverse);color:var(--hraness-marketing-inverse-ink);font-size:.85rem;line-height:1.6;tab-size:2}.hraness-marketing-page :where(:not(pre)>code){padding:.08em .38em;border-radius:.3em;background:color-mix(in oklch,var(--hraness-marketing-ink) 7%,transparent);font-size:.9em}:where(.hraness-marketing-hero__eyebrow,.hraness-marketing-hero__name,.hraness-marketing-proof__kicker,.hraness-marketing-install__eyebrow,.hraness-marketing-facts dt,.hraness-marketing-stats dt,.hraness-marketing-section__label,.hraness-marketing-primitives__label,.hraness-marketing-interfaces__label,.hraness-marketing-trust__label,.hraness-marketing-quotes__label,.hraness-marketing-pricing__label,.hraness-marketing-questions__label,.hraness-marketing-maker__label,.hraness-marketing-cta__eyebrow){margin:0;color:var(--hraness-marketing-muted);font-family:var(--hraness-marketing-text-font);font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.4;text-transform:none}.hraness-marketing-section__label[data-size=body]{font-size:1rem}:where(.hraness-marketing-hero__heading,.hraness-marketing-proof__heading,.hraness-marketing-install__heading,.hraness-marketing-section__heading,.hraness-marketing-primitives__heading,.hraness-marketing-interfaces__heading,.hraness-marketing-trust__heading,.hraness-marketing-quotes__heading,.hraness-marketing-pricing__heading,.hraness-marketing-questions__heading,.hraness-marketing-maker__heading,.hraness-marketing-cta__heading){margin:0;color:var(--hraness-marketing-ink);font-family:var(--hraness-marketing-heading-font);font-weight:var(--hraness-marketing-heading-weight);letter-spacing:-.012em;line-height:1.15;text-wrap:balance}:where(.hraness-marketing-section__heading,.hraness-marketing-primitives__heading,.hraness-marketing-interfaces__heading,.hraness-marketing-trust__heading,.hraness-marketing-quotes__heading,.hraness-marketing-pricing__heading,.hraness-marketing-questions__heading,.hraness-marketing-maker__heading){font-size:clamp(1.75rem,3vw,2.5rem)}:where(.hraness-marketing-hero__summary,.hraness-marketing-hero__example,.hraness-marketing-section__summary,.hraness-marketing-primitives__header>p:last-child,.hraness-marketing-interfaces__header>p:last-child,.hraness-marketing-trust__header>p:last-child,.hraness-marketing-quotes__header>p:last-child,.hraness-marketing-pricing__header>p:last-child,.hraness-marketing-questions__header>p:last-child,.hraness-marketing-cta__summary){margin:0;color:var(--hraness-marketing-muted);font-family:var(--hraness-marketing-text-font);font-size:1.125rem;line-height:1.5}:where(.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta){inline-size:min(100%,var(--hraness-marketing-measure));min-inline-size:0;margin-inline:auto}.hraness-marketing-page>:where(.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta){padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-cta__actions,.hraness-marketing-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.hraness-marketing-action{display:inline-flex;min-block-size:var(--hraness-marketing-action-height);align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.1rem;border:1px solid var(--hraness-marketing-line-strong);border-radius:var(--hraness-marketing-radius);background:var(--hraness-marketing-surface);color:var(--hraness-marketing-ink);font-family:var(--hraness-marketing-text-font);font-size:.95rem;font-weight:500;line-height:1.2;text-decoration:none}.hraness-marketing-action:hover{background:color-mix(in oklch,var(--hraness-marketing-ink) 6%,var(--hraness-marketing-surface));text-decoration:none}.hraness-marketing-action:focus-visible{outline:2px solid var(--hraness-marketing-accent);outline-offset:2px}.hraness-marketing-action[data-emphasis=primary]{border-color:var(--hraness-marketing-accent);background:var(--hraness-marketing-accent);color:var(--hraness-marketing-accent-ink)}.hraness-marketing-action[data-emphasis=primary]:hover{border-color:color-mix(in oklch,var(--hraness-marketing-accent) 84%,black);background:color-mix(in oklch,var(--hraness-marketing-accent) 84%,black)}.hraness-marketing-header{position:sticky;inset-block-start:0;z-index:40;border-block-end:var(--hraness-marketing-rule);background:color-mix(in oklch,var(--hraness-marketing-background) 82%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.hraness-marketing-header__inner{display:flex;inline-size:min(100%,var(--hraness-marketing-measure));min-block-size:3.5rem;align-items:center;gap:.75rem 1.5rem;margin-inline:auto;padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-header__brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--hraness-marketing-ink);font-size:1rem;font-weight:600;letter-spacing:-.01em;text-decoration:none}.hraness-marketing-header__brand :where(img,svg){block-size:1.375rem;inline-size:auto}.hraness-marketing-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1.35rem;margin-inline-start:auto}.hraness-marketing-header__nav a{color:var(--hraness-marketing-muted);font-size:.92rem;font-weight:500;text-decoration:none}.hraness-marketing-header__nav a:hover,.hraness-marketing-header__nav a[aria-current=page]{color:var(--hraness-marketing-ink)}.hraness-marketing-header__actions{display:flex;align-items:center;gap:.5rem}.hraness-marketing-header .hraness-marketing-action{min-block-size:2.25rem;padding-block:.4rem;padding-inline:.9rem;font-size:.9rem}.hraness-marketing-hero{display:grid;gap:clamp(2rem,5vw,3.5rem);padding-block:clamp(3.5rem,9vw,7rem) clamp(2.5rem,6vw,4.5rem)}.hraness-marketing-hero__copy{display:grid;min-inline-size:0;justify-items:center;gap:1.25rem;text-align:center}.hraness-marketing-hero[data-align=start] .hraness-marketing-hero__copy{justify-items:start;text-align:start}.hraness-marketing-hero__eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .8rem;border:1px solid color-mix(in oklch,var(--hraness-marketing-accent) 32%,transparent);border-radius:999px;background:var(--hraness-marketing-accent-soft);color:var(--hraness-marketing-muted)}.hraness-marketing-hero__name{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.hraness-marketing-hero__heading{max-inline-size:18ch;font-size:clamp(2.5rem,5vw,4.25rem);letter-spacing:var(--hraness-marketing-heading-tracking);line-height:1.05}.hraness-marketing-hero__summary{max-inline-size:var(--hraness-marketing-copy-measure);font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.45}.hraness-marketing-hero__example{max-inline-size:var(--hraness-marketing-example-measure,var(--hraness-marketing-copy-measure));margin-block-start:-.35rem;color:var(--hraness-marketing-ink);font-size:1.05rem}.hraness-marketing-hero__actions{justify-content:center;margin-block-start:.5rem}.hraness-marketing-hero[data-align=start] .hraness-marketing-hero__actions{justify-content:flex-start}.hraness-marketing-hero__boundary{max-inline-size:var(--hraness-marketing-copy-measure);margin:0;color:var(--hraness-marketing-muted);font-size:.9rem;line-height:1.5}.hraness-marketing-hero__frame{min-inline-size:0}.hraness-marketing-hero[data-tone=accent]{--hraness-marketing-ink:var(--hraness-marketing-accent-ink);--hraness-marketing-muted:color-mix(in oklch,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line:color-mix(in oklch,var(--hraness-marketing-accent-ink) 22%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:color-mix(in oklch,var(--hraness-marketing-accent-ink) 12%,transparent);background:linear-gradient(color-mix(in oklch,var(--hraness-marketing-accent-ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--hraness-marketing-accent-ink) 7%,transparent) 1px,transparent 1px),var(--hraness-marketing-accent);background-size:3.5rem 3.5rem,3.5rem 3.5rem,auto;box-shadow:0 0 0 100vmax var(--hraness-marketing-accent);clip-path:inset(0 -100vmax);color:var(--hraness-marketing-accent-ink)}.hraness-marketing-hero[data-tone=accent] .hraness-marketing-hero__eyebrow{border-color:color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);background:color-mix(in oklch,var(--hraness-marketing-accent-ink) 14%,transparent);color:var(--hraness-marketing-accent-ink)}.hraness-marketing-hero[data-tone=accent] .hraness-marketing-action[data-emphasis=primary]{border-color:var(--hraness-marketing-accent-ink);background:var(--hraness-marketing-accent-ink);color:var(--hraness-marketing-accent)}.hraness-marketing-hero[data-tone=accent] .hraness-marketing-action[data-emphasis=primary]:hover{background:color-mix(in oklch,var(--hraness-marketing-accent-ink) 90%,var(--hraness-marketing-accent))}.hraness-marketing-hero[data-tone=accent] .hraness-marketing-action[data-emphasis=secondary]{border-color:var(--hraness-marketing-line-strong);background:transparent;color:var(--hraness-marketing-accent-ink)}.hraness-marketing-proof{display:grid;min-inline-size:0;gap:1rem;padding:clamp(1.25rem,3vw,2rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-shadow)}.hraness-marketing-proof__kicker{margin:0}.hraness-marketing-proof__heading{max-inline-size:24ch;font-size:clamp(1.25rem,2vw,1.5rem)}.hraness-marketing-flow{display:grid;min-inline-size:0;margin:0;padding:0;list-style:none}.hraness-marketing-flow__step{display:grid;min-inline-size:0;margin:0;padding-block:1rem;border-block-start:var(--hraness-marketing-rule);gap:.85rem;grid-template-columns:2.25rem minmax(0,1fr)}.hraness-marketing-flow__step:first-child{border-block-start:0}.hraness-marketing-flow__number{padding-block-start:.2rem;color:var(--hraness-marketing-accent);font-family:var(--hraness-marketing-mono-font);font-size:.75rem;font-weight:500}.hraness-marketing-flow__body{display:grid;min-inline-size:0;gap:.4rem}.hraness-marketing-flow__code,.hraness-marketing-flow__detail,.hraness-marketing-flow__label{display:block}.hraness-marketing-flow__label{font-size:.95rem;font-weight:600}.hraness-marketing-flow__code{inline-size:fit-content;max-inline-size:100%;padding:.35rem .6rem;border-radius:.4rem;background:color-mix(in oklch,var(--hraness-marketing-ink) 7%,transparent);color:inherit;font-family:var(--hraness-marketing-mono-font);font-size:.8rem;overflow-wrap:anywhere}.hraness-marketing-flow__detail{margin:0;color:var(--hraness-marketing-muted);font-size:.9rem;line-height:1.5}.hraness-marketing-facts,.hraness-marketing-stats__list{display:grid;margin:0;border-block:var(--hraness-marketing-rule);grid-template-columns:repeat(var(--hraness-marketing-fact-columns,4),minmax(0,1fr))}.hraness-marketing-facts>div,.hraness-marketing-stats__list>div{min-inline-size:0;padding:1.25rem clamp(.8rem,2vw,1.5rem)}.hraness-marketing-facts>div+div,.hraness-marketing-stats__list>div+div{border-inline-start:var(--hraness-marketing-rule)}.hraness-marketing-facts dt,.hraness-marketing-stats dt{margin-block-end:.4rem}.hraness-marketing-facts dd,.hraness-marketing-stats dd{margin:0}.hraness-marketing-facts :where(strong,span),.hraness-marketing-stats :where(strong,span){display:block}.hraness-marketing-facts strong{font-size:1.05rem;font-weight:600}.hraness-marketing-stats strong{font-family:var(--hraness-marketing-heading-font);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.hraness-marketing-facts span,.hraness-marketing-stats span{margin-block-start:.3rem;color:var(--hraness-marketing-muted);font-size:.85rem;line-height:1.45}.hraness-marketing-stats{display:grid;gap:.75rem;padding-block:clamp(1.5rem,4vw,3rem)}.hraness-marketing-stats__source{margin:0;color:var(--hraness-marketing-muted);font-size:.85rem}.hraness-marketing-pillars{display:grid;margin-block:0;padding-block:0;border-block:var(--hraness-marketing-rule);grid-template-columns:repeat(var(--hraness-marketing-pillar-columns,3),minmax(0,1fr))}.hraness-marketing-pillars>div{display:grid;min-inline-size:0;align-content:start;gap:.45rem;padding:clamp(1.25rem,3vw,2rem) clamp(1rem,2.5vw,1.75rem)}.hraness-marketing-pillars>div+div{border-inline-start:var(--hraness-marketing-rule)}.hraness-marketing-pillars dt{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.hraness-marketing-pillars dd{margin:0;color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-proof-frame{min-inline-size:0;margin:0;overflow:clip;border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-shadow)}.hraness-marketing-proof-frame__chrome{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-block-end:var(--hraness-marketing-rule);color:var(--hraness-marketing-muted);font-size:.78rem}.hraness-marketing-proof-frame__lights{display:inline-flex;gap:.35rem}.hraness-marketing-proof-frame__lights span{inline-size:.6rem;block-size:.6rem;border-radius:999px;background:color-mix(in oklch,var(--hraness-marketing-ink) 18%,transparent)}.hraness-marketing-proof-frame__title{flex:1 1 auto;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hraness-marketing-proof-frame__content{min-inline-size:0;overflow:auto}.hraness-marketing-proof-frame__content>:where(img,video){display:block;inline-size:100%;block-size:auto}.hraness-marketing-proof-frame__content>:where(pre){border-radius:0}.hraness-marketing-proof-frame__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.75rem .95rem;border-block-start:var(--hraness-marketing-rule);color:var(--hraness-marketing-muted);font-size:.82rem;line-height:1.45}.hraness-marketing-proof-frame__caption small{font-size:.78rem}.hraness-marketing-install{display:grid;padding:clamp(1.5rem,4vw,2.5rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);gap:clamp(1.25rem,4vw,3rem);grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);scroll-margin-block-start:5rem}.hraness-marketing-page>.hraness-marketing-install{inline-size:min(100% - 2 * var(--hraness-marketing-gutter),var(--hraness-marketing-measure));padding-inline:clamp(1.5rem,4vw,2.5rem)}.hraness-marketing-install__heading-group{display:grid;align-content:start;gap:.5rem}.hraness-marketing-install__heading{max-inline-size:14ch;font-size:clamp(1.5rem,2.6vw,2rem)}.hraness-marketing-install__commands,.hraness-marketing-section__body{min-inline-size:0}.hraness-marketing-install__commands{display:grid;gap:.75rem}.hraness-marketing-interfaces,.hraness-marketing-maker,.hraness-marketing-pricing,.hraness-marketing-primitives,.hraness-marketing-questions,.hraness-marketing-quotes,.hraness-marketing-section,.hraness-marketing-trust{padding-block:var(--hraness-marketing-section-space);border-block-start:var(--hraness-marketing-rule);scroll-margin-block-start:4rem}.hraness-marketing-interfaces,.hraness-marketing-questions,.hraness-marketing-section,.hraness-marketing-trust{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-interfaces__header,.hraness-marketing-maker__header,.hraness-marketing-pricing__header,.hraness-marketing-primitives__header,.hraness-marketing-questions__header,.hraness-marketing-quotes__header,.hraness-marketing-section__heading-group,.hraness-marketing-trust__header{display:grid;max-inline-size:var(--hraness-marketing-copy-measure);gap:.75rem}.hraness-marketing-section__body{display:grid;gap:1rem}.hraness-marketing-section__body>:where(p){max-inline-size:var(--hraness-marketing-prose-measure);margin:0}.hraness-marketing-section__body>:first-child{margin-block-start:0}.hraness-marketing-section__body>:last-child{margin-block-end:0}.hraness-marketing-section[data-layout=split-reverse],.hraness-marketing-section[data-layout=split]{align-items:center;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hraness-marketing-section[data-layout=split-reverse]>.hraness-marketing-section__heading-group{order:2}.hraness-marketing-section[data-layout=split-reverse]>.hraness-marketing-section__heading-group,.hraness-marketing-section[data-layout=split]>.hraness-marketing-section__heading-group{max-inline-size:none}.hraness-marketing-primitives{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-primitives__list{display:grid;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.hraness-marketing-primitive{display:grid;min-inline-size:0;align-content:start;gap:.6rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface)}.hraness-marketing-primitive__number{color:var(--hraness-marketing-accent);font-family:var(--hraness-marketing-mono-font);font-size:.78rem;font-weight:500}.hraness-marketing-primitive__heading{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.hraness-marketing-primitive p{margin:0;color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-primitive>:where(pre,figure){margin-block-start:.5rem}.hraness-marketing-interface-grid,.hraness-marketing-trust-grid{display:grid;margin:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.hraness-marketing-interface,.hraness-marketing-trust-item{display:grid;min-inline-size:0;align-content:start;gap:.5rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface)}.hraness-marketing-interface :where(.hraness-marketing-interface__heading,p),.hraness-marketing-trust-item :where(dt,dd){margin:0}.hraness-marketing-interface__heading,.hraness-marketing-trust-item dt{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.hraness-marketing-interface p,.hraness-marketing-trust-item dd{color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-interface pre{margin-block-start:.5rem}.hraness-marketing-quotes{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-quote-grid{display:grid;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.hraness-marketing-quote{display:grid;min-inline-size:0;align-content:space-between;gap:1.25rem;margin:0;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface)}.hraness-marketing-quote blockquote{margin:0;font-size:1rem;line-height:1.55}.hraness-marketing-quote blockquote p{margin:0}.hraness-marketing-quote figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;color:var(--hraness-marketing-muted);font-size:.88rem}.hraness-marketing-quote figcaption strong{color:var(--hraness-marketing-ink);font-weight:600}.hraness-marketing-quote figcaption a{color:inherit;text-decoration:none}.hraness-marketing-quote figcaption a:hover{text-decoration:underline}.hraness-marketing-pricing{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-plan-grid{display:grid;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.hraness-marketing-plan{display:grid;min-inline-size:0;align-content:start;gap:1rem;padding:clamp(1.5rem,3vw,2rem);border:var(--hraness-marketing-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface)}.hraness-marketing-plan[data-emphasis=primary]{border-color:color-mix(in oklch,var(--hraness-marketing-accent) 55%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--hraness-marketing-accent) 35%,transparent)}.hraness-marketing-plan__name{margin:0;font-size:1.1rem;font-weight:600}.hraness-marketing-plan__price{display:flex;align-items:baseline;gap:.35rem;margin:0}.hraness-marketing-plan__price strong{font-family:var(--hraness-marketing-heading-font);font-size:2.25rem;font-weight:500;letter-spacing:-.02em;line-height:1}.hraness-marketing-plan__price span,.hraness-marketing-plan__summary{color:var(--hraness-marketing-muted);font-size:.95rem}.hraness-marketing-plan__summary{margin:0}.hraness-marketing-plan__features{display:grid;margin:0;padding:0;list-style:none;gap:.5rem;font-size:.95rem}.hraness-marketing-plan__features li{display:grid;gap:.6rem;grid-template-columns:1rem minmax(0,1fr)}.hraness-marketing-plan__features li:before{content:"";inline-size:1rem;block-size:1rem;margin-block-start:.2rem;border-radius:999px;background:linear-gradient(var(--hraness-marketing-accent),var(--hraness-marketing-accent)) 50% /.4rem .4rem no-repeat,var(--hraness-marketing-accent-soft)}.hraness-marketing-plan__note{margin:0;color:var(--hraness-marketing-muted);font-size:.85rem}.hraness-marketing-plan .hraness-marketing-action{justify-self:start}.hraness-marketing-question-list{display:grid}.hraness-marketing-question{border-block-start:var(--hraness-marketing-rule)}.hraness-marketing-question:last-child{border-block-end:var(--hraness-marketing-rule)}.hraness-marketing-question summary{display:flex;min-block-size:3.25rem;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;color:var(--hraness-marketing-ink);cursor:pointer;font-size:1.05rem;font-weight:500;list-style:none}.hraness-marketing-question summary::-webkit-details-marker{display:none}.hraness-marketing-question summary:after{content:"+";flex:0 0 auto;color:var(--hraness-marketing-muted);font-size:1.25rem;font-weight:400;line-height:1}.hraness-marketing-question[open] summary:after{transform:rotate(45deg)}.hraness-marketing-question summary:focus-visible{outline:2px solid var(--hraness-marketing-accent);outline-offset:2px;border-radius:.25rem}.hraness-marketing-question__answer{max-inline-size:var(--hraness-marketing-prose-measure);padding-block:0 1.5rem;color:var(--hraness-marketing-muted);line-height:1.6}.hraness-marketing-question__answer>:first-child{margin-block-start:0}.hraness-marketing-question__answer>:last-child{margin-block-end:0}.hraness-marketing-maker{display:grid;align-items:start;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.hraness-marketing-maker__portrait{inline-size:4.5rem;block-size:4.5rem;overflow:hidden;border-radius:999px;background:var(--hraness-marketing-accent-soft)}.hraness-marketing-maker__portrait :where(img,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.hraness-marketing-maker__body{display:grid;min-inline-size:0;gap:1rem}.hraness-marketing-maker__body>p{max-inline-size:var(--hraness-marketing-prose-measure);margin:0;color:var(--hraness-marketing-muted);font-size:1.05rem;line-height:1.55}.hraness-marketing-maker__links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.95rem;font-weight:500}.hraness-marketing-cta{display:grid;justify-items:center;gap:1.25rem;padding-block:var(--hraness-marketing-section-space);border-block-start:var(--hraness-marketing-rule);text-align:center}.hraness-marketing-cta__heading{max-inline-size:20ch;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:var(--hraness-marketing-heading-tracking);line-height:1.08}.hraness-marketing-cta__summary{max-inline-size:var(--hraness-marketing-copy-measure)}.hraness-marketing-cta__actions{justify-content:center;margin-block-start:.5rem}.hraness-marketing-cta__footnote{margin:0;color:var(--hraness-marketing-muted);font-size:.9rem}.hraness-marketing-cta[data-tone=accent]{--hraness-marketing-ink:var(--hraness-marketing-accent-ink);--hraness-marketing-muted:color-mix(in oklch,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:transparent;border-block-start:0;background:var(--hraness-marketing-accent);box-shadow:0 0 0 100vmax var(--hraness-marketing-accent);clip-path:inset(0 -100vmax);color:var(--hraness-marketing-accent-ink)}.hraness-marketing-cta[data-tone=accent] .hraness-marketing-action[data-emphasis=primary]{border-color:var(--hraness-marketing-accent-ink);background:var(--hraness-marketing-accent-ink);color:var(--hraness-marketing-accent)}.hraness-marketing-cta[data-tone=accent] .hraness-marketing-action[data-emphasis=secondary]{background:transparent;color:var(--hraness-marketing-accent-ink)}@media (max-width:48rem){.hraness-marketing-header__inner{flex-wrap:wrap;padding-block:.6rem}.hraness-marketing-header__nav{order:3;inline-size:100%;gap:.15rem 1rem}.hraness-marketing-hero__heading{max-inline-size:14ch}.hraness-marketing-install,.hraness-marketing-maker,.hraness-marketing-section[data-layout=split-reverse],.hraness-marketing-section[data-layout=split]{grid-template-columns:minmax(0,1fr)}.hraness-marketing-section[data-layout=split-reverse]>.hraness-marketing-section__heading-group{order:0}.hraness-marketing-facts,.hraness-marketing-stats__list{grid-template-columns:repeat(2,minmax(0,1fr))}.hraness-marketing-facts>div:nth-child(odd),.hraness-marketing-stats__list>div:nth-child(odd){border-inline-start:0}.hraness-marketing-facts>div:nth-child(n+3),.hraness-marketing-stats__list>div:nth-child(n+3){border-block-start:var(--hraness-marketing-rule)}.hraness-marketing-pillars{grid-template-columns:minmax(0,1fr)}.hraness-marketing-pillars>div+div{border-inline-start:0;border-block-start:var(--hraness-marketing-rule)}.hraness-marketing-install__heading{max-inline-size:none}}@media (pointer:coarse){.hraness-marketing-action,.hraness-marketing-question summary{min-block-size:3rem}}@media (forced-colors:active){.hraness-marketing-cta[data-tone=accent],.hraness-marketing-header,.hraness-marketing-hero[data-tone=accent],.hraness-marketing-install,.hraness-marketing-interface,.hraness-marketing-plan,.hraness-marketing-primitive,.hraness-marketing-proof,.hraness-marketing-proof-frame,.hraness-marketing-quote,.hraness-marketing-trust-item{border:1px solid CanvasText;background:Canvas;box-shadow:none;color:CanvasText}.hraness-marketing-action,.hraness-marketing-hero__eyebrow{border:1px solid CanvasText;background:Canvas;color:CanvasText}.hraness-marketing-action[data-emphasis=primary]{background:CanvasText;color:Canvas}}}@layer components.hraness-design-kit.legacy{.hraness-marketing-install{--hraness-marketing-install-inline-size:initial}:where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-marketing-ink:var(--foreground,CanvasText);--hraness-marketing-muted:var(--muted,GrayText);--hraness-marketing-background:var(--background,Canvas);--hraness-marketing-surface:var(--surface,Canvas);--hraness-marketing-line:color-mix(in oklch,var(--hraness-marketing-ink) 12%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-ink) 22%,transparent);--hraness-marketing-inverse:var(--inverse,CanvasText);--hraness-marketing-inverse-ink:var(--inverse-foreground,Canvas);--hraness-marketing-accent:var(--hraness-site-accent,oklch(0.55 0.21 262));--hraness-marketing-accent-ink:var(--hraness-site-accent-ink,white);--hraness-marketing-accent-soft:color-mix(in oklch,var(--hraness-marketing-accent) 10%,transparent);--hraness-marketing-text-font:var(--font-text,ui-sans-serif,system-ui,sans-serif);--hraness-marketing-heading-font:var(--font-heading,var(--hraness-marketing-text-font));--hraness-marketing-mono-font:var(--font-mono,ui-monospace,monospace);--hraness-marketing-measure:72rem;--hraness-marketing-copy-measure:40rem;--hraness-marketing-prose-measure:62ch;--hraness-marketing-gutter:clamp(1.25rem,4vw,3rem);--hraness-marketing-radius:0.625rem;--hraness-marketing-frame-radius:0.875rem;--hraness-marketing-rule:1px solid var(--hraness-marketing-line);--hraness-marketing-shadow:0 1px 2px oklch(0 0 0/0.06),0 24px 48px -24px oklch(0 0 0/0.28);--hraness-marketing-section-space:clamp(4rem,9vw,7.5rem);--hraness-marketing-heading-weight:500;--hraness-marketing-heading-tracking:-0.022em;--hraness-marketing-action-height:2.75rem}.hraness-marketing-page :where(p,li,dd){text-wrap:pretty}.hraness-marketing-page :where(a){color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em}.hraness-marketing-page :where(code,kbd,pre){font-family:var(--hraness-marketing-mono-font)}.hraness-marketing-page :where(pre){max-inline-size:100%;margin:0;padding:1rem 1.15rem;overflow:auto;border-radius:var(--hraness-marketing-radius);background:var(--hraness-marketing-inverse);color:var(--hraness-marketing-inverse-ink);font-size:.85rem;line-height:1.6;tab-size:2}.hraness-marketing-page :where(:not(pre)>code){padding:.08em .38em;border-radius:.3em;background:color-mix(in oklch,var(--hraness-marketing-ink) 7%,transparent);font-size:.9em}.hraness-marketing-page>:where(.hraness-marketing-hero,.hraness-marketing-pillars,.hraness-marketing-install,.hraness-marketing-section,.hraness-marketing-primitives,.hraness-marketing-stats,.hraness-marketing-interfaces,.hraness-marketing-trust,.hraness-marketing-quotes,.hraness-marketing-pricing,.hraness-marketing-questions,.hraness-marketing-maker,.hraness-marketing-cta){padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-header__brand :where(img,svg){block-size:1.375rem;inline-size:auto}.hraness-marketing-hero[data-tone=accent]{--hraness-marketing-ink:var(--hraness-marketing-accent-ink);--hraness-marketing-muted:color-mix(in oklch,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line:color-mix(in oklch,var(--hraness-marketing-accent-ink) 22%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:color-mix(in oklch,var(--hraness-marketing-accent-ink) 12%,transparent)}.hraness-marketing-proof-frame__content>:where(img,video){display:block;inline-size:100%;block-size:auto}.hraness-marketing-proof-frame__content>:where(pre){border-radius:0}.hraness-marketing-page>.hraness-marketing-install{--hraness-marketing-install-inline-size:min(100% - 2 * var(--hraness-marketing-gutter),var(--hraness-marketing-measure));padding-inline:clamp(1.5rem,4vw,2.5rem)}.hraness-marketing-section__body>:where(p){max-inline-size:var(--hraness-marketing-prose-measure);margin:0}.hraness-marketing-section__body>:first-child{margin-block-start:0}.hraness-marketing-section__body>:last-child{margin-block-end:0}.hraness-marketing-primitive p:not(:where(.hraness-marketing-primitive__summary)){margin:0;color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-primitive>:where(pre,figure){margin-block-start:.5rem}.hraness-marketing-interface p:not(:where(.hraness-marketing-interface__summary)){margin:0}.hraness-marketing-interface p:not(:where(.hraness-marketing-interface__summary)){color:var(--hraness-marketing-muted);font-size:.95rem;line-height:1.5}.hraness-marketing-interface pre{margin-block-start:.5rem}.hraness-marketing-question__answer>:first-child{margin-block-start:0}.hraness-marketing-question__answer>:last-child{margin-block-end:0}.hraness-marketing-maker__portrait :where(img,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.hraness-marketing-maker__body>p{max-inline-size:var(--hraness-marketing-prose-measure);margin:0;color:var(--hraness-marketing-muted);font-size:1.05rem;line-height:1.55}.hraness-marketing-cta[data-tone=accent]{--hraness-marketing-ink:var(--hraness-marketing-accent-ink);--hraness-marketing-muted:color-mix(in oklch,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line-strong:color-mix(in oklch,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:transparent}.hraness-marketing-stats__source :where(strong,span){display:block}.hraness-marketing-stats__source strong{font-family:var(--hraness-marketing-heading-font);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.hraness-marketing-stats__source span{margin-block-start:.3rem;color:var(--hraness-marketing-muted);font-size:.85rem;line-height:1.45}}.design-gallery{display:grid;gap:var(--space-12);min-inline-size:0;padding:clamp(var(--space-5),4vw,var(--space-12))}.design-gallery__intro,.design-gallery__section{inline-size:min(100%,72rem);margin-inline:auto}.design-gallery__intro{display:grid;gap:var(--space-3)}.design-gallery__intro>:where(h1,p),.design-gallery__section>:where(h2){margin:0}.design-gallery__intro>p{max-inline-size:68ch;color:var(--muted)}.design-gallery__section{display:grid;gap:var(--space-4);scroll-margin-block-start:var(--space-8)}.design-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-4)}.design-gallery__type-specimen{display:grid;gap:var(--space-3)}.design-gallery__type-specimen>:where(p,code){margin:0}.design-gallery__type-specimen>p{font-family:var(--font-text);font-size:var(--text-heading);font-weight:var(--font-weight-bold)}.design-gallery__type-specimen>code{font-family:var(--font-mono);font-size:var(--text-caption)}.design-gallery__plain-theme.plain-site.plain-publication{display:block;min-height:0;padding:var(--space-4);border:1px solid var(--plain-line);background:var(--plain-background);color:var(--plain-foreground)}.design-gallery__plain-theme .plain-page{margin:0;padding:0}.design-gallery__plain-link-example{margin:0;font-size:var(--text-caption)}.design-gallery__jelly{display:grid;min-block-size:8rem;place-items:center;padding:var(--space-4)}.design-gallery__marketing{display:block;overflow:clip;border:1px solid var(--line);border-radius:.875rem;background:var(--background)}.design-gallery__marketing>.hraness-marketing-header{position:static}.design-gallery__marketing-command{max-inline-size:100%;margin:0;overflow:auto}.design-gallery__shell-preview{block-size:min(42rem,72vh);min-block-size:26rem;border:1px solid var(--line);overflow:clip}.design-gallery__docked-footer-preview{position:relative;min-block-size:8rem;padding:var(--space-4);border:1px solid var(--line);overflow:clip}.design-gallery__docked-footer-preview>p{margin:0}.design-gallery__instrument{display:flex;min-inline-size:0;align-items:end;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__horizontal-fader{flex:1 1 12rem}.design-gallery__chat{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__chat-avatar{display:grid;inline-size:var(--interactive-target-min);block-size:var(--interactive-target-min);place-items:center;border:1px solid var(--line);border-radius:var(--radius-round);font-weight:var(--font-weight-bold)}.design-gallery__chat :where(p){margin:0}.design-gallery__effect{position:relative;isolation:isolate;min-block-size:20rem;overflow:clip;border:1px solid var(--line);background:var(--background)}.design-gallery__foil-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-4)}.design-gallery__foil-example{min-inline-size:0;--foil-card-radius:1rem}.design-gallery__foil-card{display:grid;min-block-size:16rem;align-content:space-between;gap:var(--space-8);padding:var(--space-5);background:color-mix(in oklch,var(--surface) 78%,transparent)}.design-gallery__foil-card>:where(div){display:grid;gap:var(--space-2)}.design-gallery__foil-card :where(h3,p){margin:0}.design-gallery__effect>:where(.hraness-design-aurora-background,.hraness-design-aurora-dots){position:absolute}.design-gallery__effect-copy{position:relative;z-index:1;display:grid;max-inline-size:38rem;gap:var(--space-2);padding:var(--space-8)}.design-gallery__effect-copy>:where(h3,p){margin:0}.design-gallery__syntax{max-inline-size:100%;margin:0;padding:var(--space-4);overflow:auto;border:1px solid var(--line);background:var(--surface)}@media (max-width:40rem){.design-gallery{padding-inline:var(--space-5)}.design-gallery__instrument{align-items:stretch;flex-direction:column}}@media (forced-colors:active){.design-gallery__chat,.design-gallery__docked-footer-preview,.design-gallery__effect,.design-gallery__instrument,.design-gallery__marketing,.design-gallery__plain-theme,.design-gallery__shell-preview,.design-gallery__syntax{border-color:CanvasText}.design-gallery__foil-card{background:Canvas}}.hraness-palette[data-theme],:root.hraness-palette[data-theme],[data-palette][data-theme]{--background:var(--hraness-palette-background);--foreground:var(--hraness-palette-foreground);--muted:var(--hraness-palette-muted);--faint:var(--hraness-palette-faint);--grid:var(--hraness-palette-grid);--line:var(--hraness-palette-line);--control-border:var(--hraness-palette-control-border);--surface:var(--hraness-palette-surface);--surface-raised:var(--hraness-palette-surface-raised);--surface-hover:var(--hraness-palette-surface-hover);--card:var(--hraness-palette-card);--card-foreground:var(--hraness-palette-card-foreground);--popover:var(--hraness-palette-popover);--popover-foreground:var(--hraness-palette-popover-foreground);--primary:var(--hraness-palette-primary);--primary-foreground:var(--hraness-palette-primary-foreground);--primary-soft:var(--hraness-palette-primary-soft);--secondary:var(--hraness-palette-secondary);--secondary-foreground:var(--hraness-palette-secondary-foreground);--accent:var(--hraness-palette-accent);--accent-foreground:var(--hraness-palette-accent-foreground);--focus:var(--hraness-palette-focus);--scrim:var(--hraness-palette-scrim);--disabled:var(--hraness-palette-disabled);--disabled-foreground:var(--hraness-palette-disabled-foreground);--inverse:var(--hraness-palette-inverse);--inverse-foreground:var(--hraness-palette-inverse-foreground);--danger:var(--hraness-palette-danger);--danger-foreground:var(--hraness-palette-danger-foreground);--danger-soft:var(--hraness-palette-danger-soft);--warning:var(--hraness-palette-warning);--warning-foreground:var(--hraness-palette-warning-foreground);--warning-soft:var(--hraness-palette-warning-soft);--success:var(--hraness-palette-success);--success-foreground:var(--hraness-palette-success-foreground);--success-soft:var(--hraness-palette-success-soft);--info:var(--hraness-palette-info);--info-foreground:var(--hraness-palette-info-foreground);--info-soft:var(--hraness-palette-info-soft);--ui-background:var(--hraness-palette-background);--ui-foreground:var(--hraness-palette-foreground);--ui-card:var(--hraness-palette-card);--ui-card-foreground:var(--hraness-palette-card-foreground);--ui-popover:var(--hraness-palette-popover);--ui-popover-foreground:var(--hraness-palette-popover-foreground);--ui-primary:var(--hraness-palette-primary);--ui-primary-foreground:var(--hraness-palette-primary-foreground);--ui-secondary:var(--hraness-palette-secondary);--ui-secondary-foreground:var(--hraness-palette-secondary-foreground);--ui-muted:var(--hraness-palette-surface-raised);--ui-muted-foreground:var(--hraness-palette-muted);--ui-accent:var(--hraness-palette-accent);--ui-accent-foreground:var(--hraness-palette-accent-foreground);--ui-destructive:var(--hraness-palette-danger);--ui-destructive-foreground:var(--hraness-palette-danger-foreground);--ui-destructive-soft:var(--hraness-palette-danger-soft);--ui-border:var(--hraness-palette-line);--ui-input:var(--hraness-palette-control-border);--ui-ring:var(--hraness-palette-focus);--ui-success:var(--hraness-palette-success);--ui-success-foreground:var(--hraness-palette-success-foreground);--ui-success-soft:var(--hraness-palette-success-soft);--ui-warning:var(--hraness-palette-warning);--ui-warning-foreground:var(--hraness-palette-warning-foreground);--ui-warning-soft:var(--hraness-palette-warning-soft);--ui-info:var(--hraness-palette-info);--ui-info-foreground:var(--hraness-palette-info-foreground);--ui-info-soft:var(--hraness-palette-info-soft);--ui-chart-1:var(--hraness-palette-chart1);--ui-chart-2:var(--hraness-palette-chart2);--ui-chart-3:var(--hraness-palette-chart3);--ui-chart-4:var(--hraness-palette-chart4);--ui-chart-5:var(--hraness-palette-chart5);--aurora-rose:var(--hraness-palette-chart1);--aurora-mint:var(--hraness-palette-chart2);--aurora-cyan:var(--hraness-palette-chart3);--aurora-gold:var(--hraness-palette-chart4);--aurora-violet:var(--hraness-palette-chart5);--canvas-background:var(--hraness-palette-background)}.hraness-palette[data-theme=dark]{color-scheme:dark}.hraness-palette[data-theme=light]{color-scheme:light}@media (forced-colors:active){.hraness-palette.hraness-palette[data-theme],:root.hraness-palette.hraness-palette[data-theme]{--hraness-palette-background:Canvas;--hraness-palette-foreground:CanvasText;--hraness-palette-muted:CanvasText;--hraness-palette-surface:Canvas;--hraness-palette-surface-raised:Canvas;--hraness-palette-surface-hover:Canvas;--hraness-palette-card:Canvas;--hraness-palette-card-foreground:CanvasText;--hraness-palette-popover:Canvas;--hraness-palette-popover-foreground:CanvasText;--hraness-palette-line:CanvasText;--hraness-palette-control-border:ButtonText;--hraness-palette-primary:Highlight;--hraness-palette-primary-foreground:HighlightText;--hraness-palette-focus:Highlight}}@layer base, components;@layer components.hraness-ui.legacy.base, components.hraness-ui.legacy, components.hraness-ui.priority1, components.hraness-ui.priority2, components.hraness-ui.priority3, components.hraness-ui.priority4, components.hraness-ui.priority5, components.hraness-ui.priority6, components.hraness-ui.priority7, components.hraness-design-kit.legacy, components.hraness-design-kit.priority1, components.hraness-design-kit.priority2, components.hraness-design-kit.priority3, components.hraness-design-kit.priority4, components.hraness-design-kit.priority5, components.hraness-design-kit.priority6, components.hraness-design-kit.priority7, components.hraness-design-kit.priority8;