/* design-polish */
body{line-height:1.6}
:root{--display-w1:700}
h1{font-weight:700}
/* /design-polish */
/* design-component:mockup_hero */
.dc-mock{margin:clamp(1.5rem,4vw,2.75rem) auto 0;max-width:46rem;color:var(--ink,currentColor)}
.dc-mock-svg{display:block;width:100%;height:auto}
.dc-m-frame{fill:var(--surface,color-mix(in srgb,currentColor 4%,transparent));stroke:color-mix(in srgb,currentColor 14%,transparent);stroke-width:1.5}
.dc-m-side,.dc-m-card{fill:color-mix(in srgb,currentColor 5%,transparent);stroke:color-mix(in srgb,currentColor 10%,transparent);stroke-width:1}
.dc-m-hi{fill:color-mix(in srgb,var(--accent,currentColor) 16%,transparent);stroke:color-mix(in srgb,var(--accent,currentColor) 40%,transparent)}
.dc-m-dot{fill:color-mix(in srgb,currentColor 22%,transparent)}
.dc-m-bar{fill:color-mix(in srgb,currentColor 16%,transparent)}
.dc-m-strong{fill:color-mix(in srgb,var(--accent,currentColor) 70%,transparent)}
.dc-m-sun{fill:color-mix(in srgb,var(--accent,currentColor) 55%,transparent)}.dc-m-w1{fill:color-mix(in srgb,var(--accent,currentColor) 22%,transparent)}.dc-m-w2{fill:color-mix(in srgb,var(--accent,currentColor) 38%,transparent)}.dc-m-p1{fill:color-mix(in srgb,var(--accent,currentColor) 28%,transparent)}.dc-m-p2{fill:color-mix(in srgb,var(--accent,currentColor) 45%,transparent)}
.dc-m-ring{fill:none;stroke-width:3}.dc-m-r1{stroke:color-mix(in srgb,var(--accent,currentColor) 80%,transparent)}.dc-m-r2{stroke:color-mix(in srgb,var(--accent,currentColor) 45%,transparent)}.dc-m-r3{stroke:color-mix(in srgb,var(--accent,currentColor) 22%,transparent)}
[data-photo-hero]{display:none!important}
/* /design-component:mockup_hero */