/* R5: the supplied legacy screenshots' sans-serif headline system. */
:root{--serif:Inter,Arial,Helvetica,sans-serif}
h1,h2,h3{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.04em;line-height:1.12}
.hero-copy h1{font-weight:800;letter-spacing:-.05em;line-height:1.03}
.section-intro h2{font-weight:750}
.feature h2{font-size:clamp(31px,3.2vw,46px)}
.dashboard-concept{position:relative;aspect-ratio:1.44;overflow:hidden;background:#eef3f8}
.dashboard-concept>img{width:100%;height:100%;object-fit:contain;aspect-ratio:1.44}
.coming-soon-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 1px #102c4624)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.hero-copy h1{font-size:clamp(43px,11.4vw,58px)}.feature h2{font-size:29px;line-height:1.1}}

/* R6: shared near-edge alignment requested after publication. */
:root{--edge-gutter:clamp(20px,3vw,64px)}
.masthead.container,.hero-shell .container,.closing>.container,.site-footer.container{width:calc(100% - var(--edge-gutter) - var(--edge-gutter));max-width:none;margin-inline:auto}
.hero-copy h1{max-width:680px}
@media(max-width:600px){.hero-copy h1{max-width:100%}}
