.brand{display:inline-flex;align-items:center;gap:12px;white-space:normal}.brand .brand-words{display:block;font:700 28px/1 'Space Grotesk',sans-serif;letter-spacing:-1.1px;margin:0}.brand .brand-words small{display:block;font:600 9px/1.5 'DM Sans',sans-serif;letter-spacing:1.7px;margin-top:8px}.brand img{width:54px;height:54px;flex:none}.recap-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.recap-section h2{font-size:clamp(36px,4vw,54px)}.recap-section .recap-copy>p{max-width:48ch}.recap-visual{margin:0;background:#e4e8da;border:1px solid var(--line);padding:24px;transform:rotate(1deg);box-shadow:7px 8px 0 #263d3712}.recap-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font:600 12px 'DM Sans',sans-serif;letter-spacing:1px}.recap-heading strong{font:600 28px 'Space Grotesk',sans-serif;letter-spacing:-1px}.recap-pictures{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center}.recap-pictures img{width:100%;height:100%;object-fit:cover;border:7px solid #fffdf5;box-shadow:2px 3px 0 #263d371a}.recap-pictures>img{aspect-ratio:3/4;transform:rotate(-3deg)}.recap-pictures div{display:grid;gap:14px}.recap-pictures div img{aspect-ratio:4/3;transform:rotate(3deg)}.recap-visual figcaption{font-size:12px;line-height:1.6;margin-top:20px;color:var(--muted)}.recap-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.recap-options span{border:1px solid #bfc8b5;padding:6px 11px;border-radius:30px;font-size:12px}.rig-note{border-left:3px solid var(--gold);padding-left:16px;font-size:14px;color:var(--muted)}.feature-list{padding-left:20px}.feature-list li{margin-bottom:12px}.site-header nav{gap:18px}.hero-description strong{color:var(--ink)}@media(max-width:760px){.recap-section{grid-template-columns:1fr;gap:28px}.recap-visual{margin:0 5px;padding:18px}.site-header{gap:12px;flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;gap:8px}.brand img{width:44px;height:44px}.brand .brand-words{font-size:25px}.recap-section h2{font-size:38px}.recap-heading strong{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage audit: one example gallery, three steps, clear access path. */
.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0;margin:0}
.workflow-steps li{border-top:2px solid var(--line);padding-top:24px;min-width:0}.workflow-steps h3{font-size:26px;line-height:1.2;margin:18px 0}.workflow-steps p{font-size:16px}.workflow-steps .fine{font-size:14px}.workflow-steps .step-number{display:block;font-size:30px;float:none;width:auto}
.workspace-section{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}.workspace-section p{max-width:62ch}.privacy-brief>p{max-width:70ch}.privacy-brief .fold{max-width:850px}.privacy-brief .fold p{max-width:70ch}
.hero h1{letter-spacing:-.04em}h2{letter-spacing:-.035em}.brand .brand-words{letter-spacing:-.03em}.recap-heading strong{letter-spacing:-.03em}.proof-intro h2{letter-spacing:-.035em}.closing h2{letter-spacing:-.035em}
.proof-strip{padding-top:48px;padding-bottom:48px}.proof-intro small{display:block;margin-top:18px}.proof-intro p{font-size:16px}.recap-visual figcaption{font-size:14px}.recap-section .fine{font-size:14px}.site-header .small-button,footer>div>a{min-height:44px}::selection{background:var(--gold);color:var(--ink)}
@media(max-width:750px){.workflow-steps{grid-template-columns:1fr;gap:24px}.workflow-steps h3{margin:12px 0}.workspace-section{grid-template-columns:1fr;gap:16px}.workspace-section h2 br{display:none}.workspace-section h2 br:after{content:' '}.recap-section h2{font-size:35px}.hero h1{letter-spacing:-.035em}.site-header nav{flex-wrap:wrap}.proof-links{gap:12px}}
:root{--rust:#ad472f}
.closing>div{min-width:0}.closing h2{overflow-wrap:anywhere}
@media(max-width:950px) and (min-width:751px){.hero{grid-template-columns:1fr;gap:24px}.hero-copy{max-width:640px}.hero-art{max-width:480px;width:100%;justify-self:center;margin:0}.hero h1{font-size:64px}.hero-description{max-width:58ch}}
@media(max-width:400px){.closing h2{font-size:38px}.closing-art{max-width:100%}.site-header nav .small-button{width:100%;justify-content:center}.hero .intro{font-size:19px}.recap-heading{flex-wrap:wrap;gap:8px}}
