.visual-art{display:block;width:100%;height:100%;--art-ink: var(--color-text-primary, #efede9);--art-paper: var(--color-bg, #242321);--art-surface: var(--color-card-bg, #2e2c29);--art-neutral: var(--color-text-secondary, #a8a49c);--art-copper: var(--color-accent, #e08a52);--art-ease: var(--motion-premium-ease, cubic-bezier(.22, 1, .36, 1));--art-duration: .42s;overflow:visible}.visual-art path,.visual-art rect,.visual-art circle,.visual-art ellipse{stroke-linecap:round;stroke-linejoin:round}.visual-art .art-sheet{fill:var(--art-surface);stroke:var(--art-ink);stroke-width:1.35}.visual-art .art-paper{fill:var(--art-paper);stroke:var(--art-ink);stroke-width:1.35}.visual-art .art-line{fill:none;stroke:var(--art-ink);stroke-width:1.35}.visual-art .art-guide{fill:none;stroke:var(--art-neutral);stroke-width:1;opacity:.4}.visual-art .art-copper{fill:none;stroke:var(--art-copper);stroke-width:1.6}.visual-art .art-copper-fill{fill:var(--art-copper);stroke:none}.visual-art .art-copper-tint{fill:color-mix(in srgb,var(--art-copper) 18%,var(--art-surface));stroke:var(--art-copper);stroke-width:1.2}.visual-art .art-neutral-fill{fill:var(--art-neutral);stroke:var(--art-ink);stroke-width:1}.visual-art .art-dark-line{fill:none;stroke:var(--art-paper);stroke-width:3}.visual-art .muted{opacity:.35}.visual-art .art-type{font-family:var(--font-heading, Arial),Arial,sans-serif;font-size:77px;font-weight:400;font-style:normal;letter-spacing:-4px;fill:var(--art-ink)}.visual-icon{display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.visual-art .art-plate,.visual-art .art-chip{transform-box:fill-box;transform-origin:center;transition:transform var(--art-duration) var(--art-ease)}.visual-art .art-link,.visual-art .art-check{stroke-dasharray:90;stroke-dashoffset:0}@keyframes art-stroke-draw{0%{stroke-dashoffset:90}to{stroke-dashoffset:0}}@media(hover:hover)and (prefers-reduced-motion:no-preference){[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover] .art-plate{will-change:transform}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-plate--1{transform:translate(4px,6px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-plate--2{transform:translate(10px,-8px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-plate--3{transform:translate(-6px,-12px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-chip--1{transform:translateY(-2px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-chip--2{transform:translateY(-4px);transition-delay:.04s}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-chip--3{transform:translateY(-6px);transition-delay:.08s}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=type] .art-chip--4{transform:translateY(-8px);transition-delay:.12s}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=content] .art-plate--1{transform:translateY(8px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=content] .art-plate--2{transform:translate(2px,-2px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=content] .art-plate--3{transform:translate(4px,-14px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=content] .art-plate--badge{transform:translate(4px,-6px) scale(1.06)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=content] .art-check{animation:art-stroke-draw .45s var(--art-ease) both}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-plate--db{transform:translate(-10px,-8px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-plate--window{transform:translate(10px,-8px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-plate--leaf{transform:translate(-8px,4px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-plate--hub{transform:translateY(-4px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-plate--cards{transform:translateY(10px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=systems] .art-link{animation:art-stroke-draw .5s var(--art-ease) both}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=keys] .art-plate--doc{transform:translate(-4px,-10px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=keys] .art-plate--key{transform:translate(8px,2px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=keys] .art-plate--check{transform:translate(4px,6px)}[data-art-motion=hover] :is(a,[data-art-hover]):is(:hover,:focus-visible) .visual-art[data-motion=hover][data-art=keys] .art-check{animation:art-stroke-draw .45s var(--art-ease) both}}@media(prefers-reduced-motion:reduce){.visual-art .art-plate,.visual-art .art-chip,.visual-art .art-link,.visual-art .art-check{transition:none;animation:none!important;transform:none!important;stroke-dashoffset:0!important}}