.offer-story{padding:80px var(--g);display:grid;grid-template-columns:1fr 1fr;gap:0 8%;border-top:1px solid var(--tv-line,#c8d3e2)}
.offer-story h2,.offer-features h2{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.16;font-weight:500;margin:0 0 28px}
.offer-story p,.offer-features p{font-size:1rem;line-height:1.75;color:var(--sc-ink-soft);margin:0}.offer-story p+p{margin-top:20px}
.offer-features{padding:80px var(--g)}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.offer-grid article{padding:30px;background:var(--sc-surface,#eaf0fb);border-top:2px solid var(--sc-accent)}.offer-grid h3{font-size:1.5rem;line-height:1.3;margin:20px 0}.offer-label{font-size:.75rem;font-weight:700;color:var(--sc-accent)}
@media(max-width:760px){.offer-story{grid-template-columns:1fr;gap:0}.offer-grid{grid-template-columns:1fr;gap:24px}.offer-story,.offer-features{padding:48px 24px}.offer-grid article{padding:24px}}
/* Home: how a website comes together, then three of the sample designs. */
.build-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,3vw,48px);list-style:none;margin:56px 0 0;padding:0}
.build-steps li{padding-top:20px;border-top:1px solid var(--tv-line,#cdd7e7)}
.step-index{display:block;margin-bottom:12px;font-size:.875rem;font-weight:650;color:var(--sc-accent);font-variant-numeric:tabular-nums}
.build-steps h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em;font-weight:550;margin:0 0 6px}
.build-steps p{font-size:.9375rem;line-height:1.65}
.build-work{grid-column:1/-1;margin-top:clamp(48px,5vw,72px)}
.work-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.work-previews a{display:block;overflow:hidden;border:1px solid var(--tv-line,#cdd7e7);background:var(--sc-surface)}
.work-previews img{display:block;width:100%;height:auto;aspect-ratio:36/25;object-fit:cover;object-position:top;transition:transform .5s var(--sc-ease-out)}
.work-previews a:focus-visible{outline:3px solid var(--sc-accent);outline-offset:4px}
.build-work .work-caption{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin:18px 0 0;font-size:.9375rem}
.work-caption a{color:var(--sc-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){.work-previews a:hover img{transform:scale(1.02)}}
@media(max-width:760px){
.build-steps{grid-template-columns:1fr;gap:0;margin-top:36px}
.build-steps li{padding:18px 0 20px}
.step-index{margin-bottom:6px}
.work-previews{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-right:-24px;padding:0 24px 8px 0}
.work-previews li{scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.work-previews img{transition:none;transform:none!important}}