@layer components.hraness-design-kit.legacy{:where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-footer,.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-related,.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 srgb,var(--hraness-marketing-ink) 7%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,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,var(--primary,oklch(0.55 0.21 262)));--hraness-marketing-accent-ink:var(--hraness-site-accent-ink,var(--primary-foreground,white));--hraness-marketing-accent-soft:color-mix(in srgb,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:54ch;--hraness-marketing-prose-measure:62ch;--hraness-marketing-gutter:clamp(1.25rem,4vw,3rem);--hraness-marketing-radius:0.75rem;--hraness-marketing-frame-radius:1.125rem;--hraness-marketing-rule:1px solid var(--hraness-marketing-line);--hraness-marketing-surface-rule:1px solid transparent;--hraness-marketing-chrome-rule:1px solid transparent;--hraness-marketing-surface-shadow:var(--hraness-material-rest,inset 0 1px 0 rgb(255 255 255/0.12),0 2px 5px rgb(0 0 0/0.05),0 12px 28px -16px rgb(0 0 0/0.15));--hraness-marketing-chrome-shadow:inset 0 1px 0 rgb(255 255 255/0.1),0 4px 16px -8px rgb(0 0 0/0.1);--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-foil-1:light-dark(oklch(0.89 0.065 337),oklch(0.56 0.16 340));--hraness-foil-2:light-dark(oklch(0.875 0.05 277),oklch(0.52 0.15 285));--hraness-foil-3:light-dark(oklch(0.92 0.05 170),oklch(0.66 0.14 175));--hraness-foil-4:light-dark(oklch(0.95 0.045 96),oklch(0.72 0.13 100));--hraness-foil-5:light-dark(oklch(0.9 0.05 55),oklch(0.55 0.15 45));--hraness-foil-6:light-dark(oklch(0.875 0.06 305),oklch(0.62 0.16 305));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-surface);color:var(--hraness-marketing-ink);font-size:.85rem;line-height:1.6;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal}.hraness-marketing-page :where(:not(pre)>code){padding:.08em .38em;border-radius:.3em;background:color-mix(in srgb,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-related__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-related__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:var(--hraness-marketing-h2-tracking,-.012em);line-height:var(--hraness-marketing-h2-leading,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,.hraness-marketing-related__heading){font-size:var(--hraness-paper-section-heading-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-related__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-related,.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-related,.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]{--hraness-foil-surface:var(--hraness-marketing-accent);color:var(--hraness-marketing-accent-ink)}.hraness-marketing-action[data-emphasis=primary]:hover{--hraness-foil-surface:color-mix(in oklch,var(--hraness-marketing-accent) 84%,black)}.hraness-marketing-header{--hraness-sticky-offset:calc(var(--hraness-marketing-header-height, 2.75rem) + 1px);position:sticky;inset-block-start:0;z-index:40;border-block-end:var(--hraness-marketing-chrome-rule);box-shadow:var(--hraness-marketing-chrome-shadow);--hraness-marketing-header-background:var(--hraness-marketing-background);--hraness-marketing-header-backdrop:none;background:var(--hraness-marketing-header-background)}@supports (-webkit-backdrop-filter:blur(1px)){.hraness-marketing-header{--hraness-marketing-header-background:color-mix(in srgb,var(--hraness-marketing-background) 82%,transparent);--hraness-marketing-header-backdrop:blur(14px) saturate(1.4);-webkit-backdrop-filter:var(--hraness-marketing-header-backdrop)}}@supports (backdrop-filter:blur(1px)){.hraness-marketing-header{--hraness-marketing-header-background:color-mix(in srgb,var(--hraness-marketing-background) 82%,transparent);--hraness-marketing-header-backdrop:blur(14px) saturate(1.4);backdrop-filter:var(--hraness-marketing-header-backdrop)}}@media (forced-colors:active),(prefers-reduced-transparency:reduce){.hraness-marketing-header{--hraness-marketing-header-background:var(--hraness-marketing-background);--hraness-marketing-header-backdrop:none}}.hraness-marketing-header__inner{display:flex;inline-size:min(100%,var(--hraness-marketing-measure));min-block-size:var(--hraness-marketing-header-height,2.75rem);align-items:center;gap:.5rem 1.25rem;margin-inline:auto;padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-header__brand{display:inline-flex;align-items:center;gap:.4rem;color:var(--hraness-marketing-ink);font-size:.9375rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.hraness-marketing-header__brand :where(img,svg){block-size:1.25rem;inline-size:auto}.hraness-marketing-header__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1.15rem;margin-inline-start:auto}.hraness-marketing-header__nav a{color:var(--hraness-marketing-muted);font-size:.85rem;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:var(--hraness-marketing-header-action-height,2rem);padding-block:.3rem;padding-inline:.8rem;font-size:.85rem}.hraness-marketing-page:has(>:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])),html:has(:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])){--hraness-sticky-offset:calc(var(--hraness-marketing-header-height, 2.75rem) + 1px)}html:has(:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])){scroll-padding-block-start:var(--hraness-sticky-offset)}.hraness-marketing-header+:is(main,.hraness-marketing-main),.hraness-marketing-main{scroll-margin-block-start:var(--hraness-sticky-offset)}.hraness-marketing-header[data-position=fixed]+:is(main,.hraness-marketing-main),.hraness-marketing-main[data-hraness-clearance=pad]{padding-block-start:var(--hraness-sticky-offset)}.hraness-sticky-below-chrome,[data-hraness-sticky]{position:sticky;inset-block-start:var(--hraness-sticky-offset);z-index:30}.hraness-marketing-footer{border-block-start:var(--hraness-marketing-rule);color:var(--hraness-marketing-muted);font-size:.92rem}.hraness-marketing-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;inline-size:min(100%,var(--hraness-marketing-measure));margin-inline:auto;padding-block:var(--hraness-marketing-footer-space,2rem 4rem);padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-footer__brand{display:inline-flex;align-items:center;gap:.4rem;color:var(--hraness-marketing-ink);font-size:.9375rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.hraness-marketing-footer__brand :where(img,svg){block-size:1.25rem;inline-size:auto}.hraness-marketing-footer__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hraness-marketing-footer__inner>:where(p){margin:0;max-inline-size:48ch}.hraness-marketing-footer__nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1.15rem;margin-inline-start:auto}.hraness-marketing-footer__nav a{color:var(--hraness-marketing-muted);font-size:.85rem;font-weight:500;text-decoration:none}.hraness-marketing-footer__nav a:hover,.hraness-marketing-footer__nav a[aria-current=page]{color:var(--hraness-marketing-ink)}.hraness-foil,.hraness-marketing-action[data-emphasis=primary]{--hraness-foil-glow:0;border:2px solid transparent;background-color:var(--hraness-foil-surface,var(--surface,var(--background,Canvas)));background-image:linear-gradient(var(--hraness-foil-surface,var(--surface,var(--background,Canvas))),var(--hraness-foil-surface,var(--surface,var(--background,Canvas)))),radial-gradient(ellipse 28% 100% at var(--hraness-foil-x,50%) var(--hraness-foil-y,50%),color-mix(in srgb,white calc(60% + var(--hraness-foil-glow, 0) * 24%),transparent) 0,transparent 72%),radial-gradient(ellipse 80% 180% at calc(100% - var(--hraness-foil-x, 50%)) calc(100% - var(--hraness-foil-y, 50%)),color-mix(in srgb,white var(--hraness-foil-sheen-opacity,28%),transparent) 0,transparent 78%),linear-gradient(115deg,var(--hraness-foil-1,light-dark(oklch(.89 .065 337),oklch(.56 .16 340))),var(--hraness-foil-2,light-dark(oklch(.875 .05 277),oklch(.52 .15 285))),var(--hraness-foil-3,light-dark(oklch(.92 .05 170),oklch(.66 .14 175))),var(--hraness-foil-4,light-dark(oklch(.95 .045 96),oklch(.72 .13 100))),var(--hraness-foil-5,light-dark(oklch(.9 .05 55),oklch(.55 .15 45))),var(--hraness-foil-6,light-dark(oklch(.875 .06 305),oklch(.62 .16 305))));background-origin:border-box;background-clip:padding-box,border-box,border-box,border-box;box-shadow:0 1px 4px color-mix(in srgb,var(--foreground,CanvasText) 12%,transparent)}.hraness-foil-text,.hraness-marketing-footer__brand[data-foil],.hraness-marketing-header__brand{--hraness-foil-glow:0;background-image:var(--hraness-foil-image,radial-gradient(ellipse 24% 85% at var(--hraness-foil-x,50%) var(--hraness-foil-y,50%),color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 80%,var(--background,Canvas)) 0,transparent 68%),radial-gradient(ellipse 65% 160% at calc(100% - var(--hraness-foil-x, 50%)) calc(100% - var(--hraness-foil-y, 50%)),color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 98%,var(--background,Canvas)) 0,transparent 72%),linear-gradient(115deg,color-mix(in srgb,var(--hraness-foil-1,light-dark(oklch(.89 .065 337),oklch(.56 .16 340))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-2,light-dark(oklch(.875 .05 277),oklch(.52 .15 285))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-3,light-dark(oklch(.92 .05 170),oklch(.66 .14 175))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-4,light-dark(oklch(.95 .045 96),oklch(.72 .13 100))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-5,light-dark(oklch(.9 .05 55),oklch(.55 .15 45))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-6,light-dark(oklch(.875 .06 305),oklch(.62 .16 305))) var(--hraness-foil-reflection,14%),transparent)),linear-gradient(115deg,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 90%,var(--background,Canvas)) 0,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 24%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 86%,var(--background,Canvas)) 39%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 56%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 84%,var(--background,Canvas)) 82%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:none}.hraness-foil-mark{display:inline-flex;position:relative;flex-shrink:0;color:var(--foreground,CanvasText);line-height:0;vertical-align:middle;inline-size:var(--hraness-foil-size,1.5rem);block-size:var(--hraness-foil-size,1.5rem)}.hraness-foil-mark__image{display:block;inline-size:100%;block-size:100%;object-fit:contain}.hraness-foil-mark__paint{--_hraness-foil-mark-display:none;display:var(--_hraness-foil-mark-display);position:absolute;inset:0;pointer-events:none;mask-image:var(--hraness-foil-mask,linear-gradient(transparent,transparent));mask-mode:alpha;mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-image:var(--hraness-foil-image,radial-gradient(ellipse 24% 85% at var(--hraness-foil-x,50%) var(--hraness-foil-y,50%),color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 80%,var(--background,Canvas)) 0,transparent 68%),radial-gradient(ellipse 65% 160% at calc(100% - var(--hraness-foil-x, 50%)) calc(100% - var(--hraness-foil-y, 50%)),color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 98%,var(--background,Canvas)) 0,transparent 72%),linear-gradient(115deg,color-mix(in srgb,var(--hraness-foil-1,light-dark(oklch(.89 .065 337),oklch(.56 .16 340))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-2,light-dark(oklch(.875 .05 277),oklch(.52 .15 285))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-3,light-dark(oklch(.92 .05 170),oklch(.66 .14 175))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-4,light-dark(oklch(.95 .045 96),oklch(.72 .13 100))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-5,light-dark(oklch(.9 .05 55),oklch(.55 .15 45))) var(--hraness-foil-reflection,14%),transparent),color-mix(in srgb,var(--hraness-foil-6,light-dark(oklch(.875 .06 305),oklch(.62 .16 305))) var(--hraness-foil-reflection,14%),transparent)),linear-gradient(115deg,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 90%,var(--background,Canvas)) 0,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 24%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 86%,var(--background,Canvas)) 39%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 56%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 84%,var(--background,Canvas)) 82%,color-mix(in oklch,var(--hraness-foil-text-base,var(--foreground,CanvasText)) 100%,var(--background,Canvas)) 100%))}@supports (mask-image:linear-gradient(black,black)){.hraness-foil-mark__paint{--_hraness-foil-mark-display:block}}@media (forced-colors:active){.hraness-foil,.hraness-marketing-action[data-emphasis=primary]{background-image:none;background-color:Canvas;border-color:ButtonText;box-shadow:none;color:CanvasText}.hraness-foil-text,.hraness-marketing-footer__brand[data-foil],.hraness-marketing-header__brand{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.hraness-foil-mark__paint{--_hraness-foil-mark-display:none}}@media (hover:hover){.hraness-foil-text:hover,.hraness-foil:hover:not(:disabled),.hraness-marketing-action[data-emphasis=primary]:hover:not(:disabled),.hraness-marketing-footer__brand[data-foil]:hover,.hraness-marketing-header__brand:hover{--hraness-foil-glow:1}}:where([data-theme=dark],.dark) :where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-footer,.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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame),:where([data-theme=dark],.dark):where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-footer,.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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-foil-1:oklch(0.56 0.16 340);--hraness-foil-2:oklch(0.52 0.15 285);--hraness-foil-3:oklch(0.66 0.14 175);--hraness-foil-4:oklch(0.72 0.13 100);--hraness-foil-5:oklch(0.55 0.15 45);--hraness-foil-6:oklch(0.62 0.16 305)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light]):not(.light)) :where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-footer,.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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-foil-1:oklch(0.56 0.16 340);--hraness-foil-2:oklch(0.52 0.15 285);--hraness-foil-3:oklch(0.66 0.14 175);--hraness-foil-4:oklch(0.72 0.13 100);--hraness-foil-5:oklch(0.55 0.15 45);--hraness-foil-6:oklch(0.62 0.16 305)}}.hraness-marketing-hero{position:relative;isolation:isolate;display:grid;gap:clamp(2rem,5vw,3.5rem);padding-block:var(--hraness-marketing-hero-space,clamp(3.5rem,9vw,7rem) clamp(2.5rem,6vw,4.5rem))}.hraness-marketing-hero-backdrop{display:var(--hraness-pattern-decoration,block);position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none;user-select:none;contain:paint;opacity:1;mask-image:linear-gradient(180deg,black 65%,transparent)}.hraness-marketing-hero-backdrop__atmosphere{position:absolute;inset:-2rem;opacity:.24;transform:translate(var(--hraness-hero-drift-x,0),var(--hraness-hero-drift-y,0));background-image:radial-gradient(ellipse at 68% 25%,color-mix(in srgb,var(--hraness-material-cool,var(--focus,CanvasText)) 32%,transparent),transparent 60%),radial-gradient(ellipse at 15% 80%,color-mix(in srgb,var(--hraness-material-warm,var(--accent,CanvasText)) 26%,transparent),transparent 65%)}.hraness-marketing-hero-backdrop__atmosphere[data-variation=center]{background-position:50% 50%}.hraness-marketing-hero-backdrop__atmosphere[data-variation=east]{background-position:100% 25%;background-size:140% 120%}.hraness-marketing-hero-backdrop__atmosphere[data-variation=west]{background-position:0 75%;background-size:125% 150%}.hraness-marketing-hero-backdrop__light{position:absolute;inset:0;background-image:radial-gradient(ellipse 48% 70% at var(--hraness-hero-light-x,68%) var(--hraness-hero-light-y,32%),color-mix(in srgb,var(--hraness-material-warm,var(--accent,CanvasText)) 13%,transparent),transparent 76%),radial-gradient(ellipse 60% 90% at 8% 15%,color-mix(in srgb,var(--hraness-material-cool,var(--focus,CanvasText)) 9%,transparent),transparent 76%)}@media (forced-colors:active),(prefers-reduced-transparency:reduce){.hraness-marketing-hero-backdrop{opacity:0}}.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 srgb,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:var(--hraness-paper-heading-size,clamp(2.5rem,5vw,4.25rem));letter-spacing:var(--hraness-marketing-heading-tracking);line-height:var(--hraness-marketing-h1-leading,1.05)}.hraness-marketing-hero__summary{max-inline-size:var(--hraness-marketing-copy-measure);font-size:var(--hraness-paper-summary-size,clamp(1.125rem,1.6vw,1.3rem));line-height:var(--hraness-marketing-summary-leading,1.6)}.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 srgb,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line:color-mix(in srgb,var(--hraness-marketing-accent-ink) 22%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:color-mix(in srgb,var(--hraness-marketing-accent-ink) 12%,transparent);background:linear-gradient(color-mix(in srgb,var(--hraness-marketing-accent-ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,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 srgb,var(--hraness-marketing-accent-ink) 40%,transparent);background:color-mix(in srgb,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]{--hraness-foil-surface:var(--hraness-marketing-accent-ink);color:var(--hraness-marketing-accent)}.hraness-marketing-hero[data-tone=accent] .hraness-marketing-action[data-emphasis=primary]:hover{--hraness-foil-surface: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-surface-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 srgb,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-surface-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:.8rem 1rem;background-image:var(--hraness-marketing-frame-chrome,none);box-shadow:var(--hraness-marketing-chrome-shadow);border-block-end:var(--hraness-marketing-chrome-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 srgb,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:calc(var(--hraness-sticky-offset, 2.75rem) + .75rem)}.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:var(--hraness-marketing-h2-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-related,.hraness-marketing-section,.hraness-marketing-trust{padding-block:var(--hraness-marketing-section-space);border-block-start:var(--hraness-marketing-rule);scroll-margin-block-start:calc(var(--hraness-sticky-offset, 2.75rem) + .75rem)}.hraness-marketing-interfaces,.hraness-marketing-questions,.hraness-marketing-related,.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-related__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-related__group{display:grid;gap:1.5rem;min-inline-size:0}.hraness-marketing-related__group-header{display:grid;max-inline-size:var(--hraness-marketing-copy-measure);gap:.5rem}.hraness-marketing-related__group-heading{margin:0;color:var(--hraness-marketing-ink);font-family:var(--hraness-marketing-heading-font);font-weight:var(--hraness-marketing-heading-weight);letter-spacing:-.01em;line-height:1.3;text-wrap:balance;font-size:1.25rem}.hraness-marketing-related__group-summary{margin:0;color:var(--hraness-marketing-muted);font-family:var(--hraness-marketing-text-font);font-size:1rem;line-height:1.5}.hraness-marketing-primitives{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-primitives__list{display:grid;align-items:stretch;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.hraness-marketing-primitives__list>*{min-block-size:100%;align-self:stretch}.hraness-marketing-primitive{display:grid;min-inline-size:0;min-block-size:100%;align-content:start;gap:.6rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-surface-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-surface-shadow)}.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;align-items:stretch;margin:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.hraness-marketing-interface-grid>*,.hraness-marketing-trust-grid>*{min-block-size:100%;align-self:stretch}.hraness-marketing-interface,.hraness-marketing-trust-item{display:grid;min-inline-size:0;min-block-size:100%;align-content:start;gap:.5rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-surface-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-surface-shadow)}.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-card-row{display:grid;align-items:stretch;margin:0;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.hraness-marketing-card-row>*{min-block-size:100%;align-self:stretch}.hraness-marketing-card{flex-direction:column;min-block-size:100%;gap:.5rem;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-surface-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);color:inherit;text-decoration:none;box-shadow:var(--hraness-marketing-surface-shadow)}.hraness-marketing-card,.hraness-marketing-card__art{display:flex;position:relative;isolation:isolate;min-inline-size:0}.hraness-marketing-card__art{flex:0 0 auto;align-items:center;justify-content:center;contain:paint;overflow:hidden;max-inline-size:100%;inline-size:100%;min-block-size:2.75rem;border-radius:var(--hraness-marketing-radius);background-color:color-mix(in oklch,var(--hraness-marketing-ink) 8%,var(--hraness-marketing-surface));background-clip:border-box;background-origin:padding-box;background-attachment:scroll}.hraness-marketing-card__art>:is(img,svg,canvas,video){max-inline-size:100%;max-block-size:100%;object-fit:contain}.hraness-marketing-card__title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}.hraness-marketing-card__meta{overflow:hidden;min-block-size:calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em);max-block-size:calc(var(--hraness-marketing-card-meta-lines, 2) * 1.45em);margin:0;color:var(--hraness-marketing-muted);font-size:.85rem;line-height:1.45}.hraness-marketing-card__body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;gap:.35rem}.hraness-marketing-quotes{display:grid;gap:clamp(1.5rem,4vw,3rem)}.hraness-marketing-quote-grid{display:grid;align-items:stretch;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.hraness-marketing-quote-grid>*{min-block-size:100%;align-self:stretch}.hraness-marketing-quote{display:grid;min-inline-size:0;min-block-size:100%;align-content:space-between;gap:1.25rem;margin:0;padding:clamp(1.25rem,2.5vw,1.75rem);border:var(--hraness-marketing-surface-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-surface-shadow)}.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;align-items:stretch;margin:0;padding:0;list-style:none;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.hraness-marketing-plan-grid>*{min-block-size:100%;align-self:stretch}.hraness-marketing-plan{display:grid;min-inline-size:0;min-block-size:100%;align-content:start;gap:1rem;padding:clamp(1.5rem,3vw,2rem);border:var(--hraness-marketing-surface-rule);border-radius:var(--hraness-marketing-frame-radius);background:var(--hraness-marketing-surface);box-shadow:var(--hraness-marketing-surface-shadow)}.hraness-marketing-plan[data-emphasis=primary]{border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hraness-marketing-accent) 30%,transparent),var(--hraness-marketing-surface-shadow)}.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:var(--hraness-paper-section-heading-size,clamp(2rem,4vw,3.25rem));letter-spacing:var(--hraness-marketing-h2-tracking,var(--hraness-marketing-heading-tracking));line-height:var(--hraness-marketing-h2-leading,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 srgb,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,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]{--hraness-foil-surface: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:16ch}.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-plan[data-emphasis=primary]{border-color:CanvasText;box-shadow:none}.hraness-marketing-proof-frame__chrome{border-block-end:1px solid CanvasText;box-shadow:none}.hraness-marketing-card,.hraness-marketing-card__art,.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-foil,.hraness-marketing-action[data-emphasis=primary]{border-color:ButtonText;background-image:none;box-shadow:none}.hraness-marketing-action[data-emphasis=primary]{background:CanvasText;color:Canvas}.hraness-marketing-cta[data-tone=accent] .hraness-marketing-action[data-emphasis=primary],.hraness-marketing-hero[data-tone=accent] .hraness-marketing-action[data-emphasis=primary]{background:var(--hraness-marketing-accent-ink);color:var(--hraness-marketing-accent)}.hraness-foil{background-color:Canvas;color:CanvasText}.hraness-foil-text,.hraness-marketing-header__brand{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText;filter:none}}.hraness-marketing-hero>:where(.hraness-marketing-hero__copy,.hraness-marketing-hero__frame,.hraness-marketing-proof,.hraness-marketing-facts){position:relative;z-index:1}}@layer components.hraness-design-kit.legacy{.hraness-marketing-install{--hraness-marketing-install-inline-size:initial}:where(.hraness-marketing-page,.hraness-marketing-header,.hraness-marketing-footer,.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-related,.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 srgb,var(--hraness-marketing-ink) 7%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,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,var(--primary,oklch(0.55 0.21 262)));--hraness-marketing-accent-ink:var(--hraness-site-accent-ink,var(--primary-foreground,white));--hraness-marketing-accent-soft:color-mix(in srgb,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:54ch;--hraness-marketing-prose-measure:62ch;--hraness-marketing-gutter:clamp(1.25rem,4vw,3rem);--hraness-marketing-radius:0.75rem;--hraness-marketing-frame-radius:1.125rem;--hraness-marketing-rule:1px solid var(--hraness-marketing-line);--hraness-marketing-surface-rule:1px solid transparent;--hraness-marketing-chrome-rule:1px solid transparent;--hraness-marketing-surface-shadow:var(--hraness-material-rest,inset 0 1px 0 rgb(255 255 255/0.12),0 2px 5px rgb(0 0 0/0.05),0 12px 28px -16px rgb(0 0 0/0.15));--hraness-marketing-chrome-shadow:inset 0 1px 0 rgb(255 255 255/0.1),0 4px 16px -8px rgb(0 0 0/0.1);--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-foil-1:light-dark(oklch(0.89 0.065 337),oklch(0.56 0.16 340));--hraness-foil-2:light-dark(oklch(0.875 0.05 277),oklch(0.52 0.15 285));--hraness-foil-3:light-dark(oklch(0.92 0.05 170),oklch(0.66 0.14 175));--hraness-foil-4:light-dark(oklch(0.95 0.045 96),oklch(0.72 0.13 100));--hraness-foil-5:light-dark(oklch(0.9 0.05 55),oklch(0.55 0.15 45));--hraness-foil-6:light-dark(oklch(0.875 0.06 305),oklch(0.62 0.16 305))}:where([data-theme=dark],.dark) :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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame),:where([data-theme=dark],.dark):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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-foil-1:oklch(0.56 0.16 340);--hraness-foil-2:oklch(0.52 0.15 285);--hraness-foil-3:oklch(0.66 0.14 175);--hraness-foil-4:oklch(0.72 0.13 100);--hraness-foil-5:oklch(0.55 0.15 45);--hraness-foil-6:oklch(0.62 0.16 305)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light]):not(.light)) :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-related,.hraness-marketing-cta,.hraness-marketing-proof-frame){--hraness-foil-1:oklch(0.56 0.16 340);--hraness-foil-2:oklch(0.52 0.15 285);--hraness-foil-3:oklch(0.66 0.14 175);--hraness-foil-4:oklch(0.72 0.13 100);--hraness-foil-5:oklch(0.55 0.15 45);--hraness-foil-6:oklch(0.62 0.16 305)}}.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-surface);color:var(--hraness-marketing-ink);font-size:.85rem;line-height:1.6;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal}.hraness-marketing-page :where(:not(pre)>code){padding:.08em .38em;border-radius:.3em;background:color-mix(in srgb,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-related,.hraness-marketing-cta){padding-inline:var(--hraness-marketing-gutter)}.hraness-marketing-header__brand :where(img,svg){block-size:1.25rem;inline-size:auto}.hraness-marketing-footer__brand :where(img,svg){block-size:1.25rem;inline-size:auto}.hraness-marketing-footer__inner>:where(p){margin:0;max-inline-size:48ch}.hraness-marketing-hero[data-tone=accent]{--hraness-marketing-ink:var(--hraness-marketing-accent-ink);--hraness-marketing-muted:color-mix(in srgb,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line:color-mix(in srgb,var(--hraness-marketing-accent-ink) 22%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,var(--hraness-marketing-accent-ink) 40%,transparent);--hraness-marketing-surface:color-mix(in srgb,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 srgb,var(--hraness-marketing-accent-ink) 78%,transparent);--hraness-marketing-line-strong:color-mix(in srgb,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}.hraness-marketing-header{--hraness-marketing-header-background:var(--hraness-marketing-background);--hraness-marketing-header-backdrop:none}@supports (-webkit-backdrop-filter:blur(1px)){.hraness-marketing-header{--hraness-marketing-header-background:color-mix(in srgb,var(--hraness-marketing-background) 82%,transparent);--hraness-marketing-header-backdrop:blur(14px) saturate(1.4)}}@supports (backdrop-filter:blur(1px)){.hraness-marketing-header{--hraness-marketing-header-background:color-mix(in srgb,var(--hraness-marketing-background) 82%,transparent);--hraness-marketing-header-backdrop:blur(14px) saturate(1.4)}}@media (forced-colors:active),(prefers-reduced-transparency:reduce){.hraness-marketing-header{--hraness-marketing-header-background:var(--hraness-marketing-background);--hraness-marketing-header-backdrop:none}}.hraness-marketing-header:not([data-position=static]){--hraness-sticky-offset:calc(var(--hraness-marketing-header-height, 2.75rem) + 1px)}.hraness-marketing-page:has(>:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])),html:has(:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])){--hraness-sticky-offset:calc(var(--hraness-marketing-header-height, 2.75rem) + 1px)}html:has(:is(.hraness-marketing-header,.hraness-marketing-header-surface):not([data-position=static])){scroll-padding-block-start:var(--hraness-sticky-offset)}.hraness-marketing-header+:is(main,.hraness-marketing-main),.hraness-marketing-main{scroll-margin-block-start:var(--hraness-sticky-offset)}.hraness-marketing-header[data-position=fixed]+:is(main,.hraness-marketing-main),.hraness-marketing-main[data-hraness-clearance=pad]{padding-block-start:var(--hraness-sticky-offset)}.hraness-sticky-below-chrome,[data-hraness-sticky]{position:sticky;inset-block-start:var(--hraness-sticky-offset);z-index:30}.hraness-marketing-card-row,.hraness-marketing-interface-grid,.hraness-marketing-plan-grid,.hraness-marketing-primitives__list,.hraness-marketing-quote-grid,.hraness-marketing-trust-grid{align-items:stretch}.hraness-marketing-card-row>*,.hraness-marketing-interface-grid>*,.hraness-marketing-plan-grid>*,.hraness-marketing-primitives__list>*,.hraness-marketing-quote-grid>*,.hraness-marketing-trust-grid>*{min-block-size:100%;align-self:stretch}.hraness-marketing-hero>:where(.hraness-marketing-hero__copy,.hraness-marketing-hero__frame,.hraness-marketing-proof,.hraness-marketing-facts){position:relative;z-index:1}}.design-gallery{display:grid;gap:var(--space-12);min-inline-size:0;padding:clamp(var(--space-5),4vw,var(--space-12))}@layer components.hraness-design-kit.legacy{.design-gallery__lantern-intro{margin:0;max-inline-size:60ch;color:var(--muted)}.design-gallery__lantern-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.design-gallery__lantern-wall{--hraness-material-module:4rem;padding:clamp(1.25rem,3vw,2.5rem);border-radius:2rem;min-inline-size:0}.design-gallery__lantern-caption{margin-block-end:2rem}.design-gallery__lantern-caption h3{margin:0 0 .375rem;font-size:1.75rem;font-weight:550;letter-spacing:-.025em}.design-gallery__lantern-caption p{margin:0}.design-gallery__lantern-workspace{min-block-size:32rem;margin-block-start:1.25rem;overflow:clip}.design-gallery__lantern-local{font-size:.75rem;color:var(--hraness-material-muted)}.design-gallery__lantern-content{display:grid;gap:1.5rem;padding:1.5rem}.design-gallery__lantern-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.design-gallery__lantern-filter>span,.design-gallery__lantern-notes>li>span,.design-gallery__lantern-save>span{color:var(--hraness-material-muted);font-size:.8125rem;line-height:1.5}.design-gallery__lantern-notes>li{padding-block:.625rem 1rem}.design-gallery__lantern-notes summary{font-size:1rem;font-weight:550;line-height:1.4}.design-gallery__lantern-notes details p{margin:0 0 .75rem;font-size:.875rem;line-height:1.6;max-inline-size:65ch}.design-gallery__lantern-save{display:grid;justify-items:start;gap:.75rem}.design-gallery__lantern-states{display:grid;gap:1rem;padding:1.5rem}.design-gallery__lantern-states>:is(h3,p){margin:0}.design-gallery__lantern-states>p{max-inline-size:65ch}.design-gallery__lantern-state-actions{display:flex;flex-wrap:wrap;gap:.75rem}.design-gallery__lantern-plain{min-block-size:2.75rem;padding-inline:1rem;border:1px solid var(--hraness-material-seam);border-radius:var(--radius-md,.5rem);background-color:var(--hraness-material-plane);color:var(--hraness-material-ink);font:inherit;cursor:pointer}.design-gallery__lantern-plain:focus-visible{outline:2px solid var(--hraness-material-focus);outline-offset:3px}@media (max-width:60rem){.design-gallery__lantern-pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:30rem){.design-gallery__lantern-wall{padding:1rem;border-radius:1.5rem}.design-gallery__lantern-content{padding:1rem}.design-gallery__lantern-local{display:none}}}.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__paper-link{color:var(--plain-link)}.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__foil-note{padding:var(--space-4) var(--space-5);border-block-start:var(--hraness-marketing-rule)}.design-gallery__foil-note>p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.55;max-inline-size:68ch}.design-gallery__foil-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:.75rem}.design-gallery__foil-wordmark{font-size:1.25rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.design-gallery__foil-action{--hraness-foil-surface:var(--hraness-marketing-accent);display:inline-flex;align-items:center;min-block-size:2.25rem;padding:.45rem 1rem;border-radius:var(--hraness-marketing-radius);color:var(--hraness-marketing-accent-ink);font-weight:500;text-decoration:none}.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 srgb,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}}.design-gallery__paper{background:var(--background);color:var(--foreground);padding:var(--space-6)}.design-gallery__paper h3{font:550 var(--hraness-paper-section-heading-size)/1.15 var(--font-heading);margin:0}.design-gallery__paper p{color:var(--muted);max-inline-size:68ch;line-height:1.6}