.home-hero{grid-template-columns:1.08fr 1fr;align-items:stretch}
.home-hero .hero-copy{min-height:510px;padding:42px;justify-content:flex-start}
.home-hero-art{width:100%;max-width:600px;margin-top:28px;flex:none}
.home-hero-art>svg{display:block;width:100%;height:auto;max-height:190px}
.process-list li{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:22px;align-items:center}
.process-step-copy{min-width:0}
.process-step-art{width:150px;justify-self:end}
.process-step-art>svg{display:block;width:100%;height:auto}
@media(max-width:1100px){.process-list li{grid-template-columns:minmax(0,1fr) 115px;gap:18px}.process-step-art{width:115px}}
@media(max-width:850px){.process{grid-template-columns:1fr}.process-mark{display:none}.process-list li{grid-template-columns:minmax(0,1fr) 140px;gap:24px}.process-step-art{width:140px}}
@media(max-width:600px){.process-list li{grid-template-columns:minmax(0,1fr) 94px;gap:16px;padding:24px}.process-step-copy{display:contents}.process-step-copy h3{grid-column:1;grid-row:1;align-self:center;font-size:21px}.process-step-copy p{grid-column:1 / -1;grid-row:2;margin:0;font-size:16px}.process-step-art{grid-column:2;grid-row:1;width:94px}}
.home-hero h1{font-size:clamp(45px,5.3vw,76px)}
.home-hero .hero-sub{max-width:43ch;font-size:19px;margin:28px 0}
.home-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.home-hero-actions .text-link{margin:0;font-size:16px}
/* Starting prices: emphasize the amounts and keep billing periods explicit. */
.home-cost{margin-top:32px}
.home-cost-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.home-cost-prices dt{font-size:16px;font-weight:600;margin-bottom:8px}
.home-cost-prices dd{margin:0;line-height:1.1}
.home-cost-from{font-size:16px;color:var(--muted)}
.home-cost-prices strong{font-size:clamp(36px,3.5vw,52px);font-weight:800;letter-spacing:-.055em;color:var(--accent);white-space:nowrap}
.home-cost-period{display:block;margin-top:8px;font-size:15px;color:var(--muted)}
.home-cost .home-cost-note{max-width:48ch;margin:20px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.home-example{background:var(--surface-alt);display:flex;flex-direction:column;min-width:0}
.home-example .site-demo-cover{height:340px;flex:1}
.home-example .preview-viewport{height:100%}
.home-example-caption{padding:24px 28px;display:grid;gap:8px}
.home-example-caption>p:first-child{font-size:23px;font-weight:500;letter-spacing:-.035em}
.home-example-caption>p{font-size:16px}
.home-example-caption a{font-size:15px;text-decoration:underline;text-underline-offset:5px;margin-top:8px}
.home-goals .service h3{font-size:26px}
.home-goals .service p{font-size:16px}
.home-goals .home-service-links>a:last-child{font-size:15px}
.compact-home .examples{margin-top:100px}
@media(max-width:1100px){.home-hero .hero-copy{padding:30px}.home-hero h1{font-size:52px}.home-hero .hero-sub{font-size:18px}.home-hero-actions{gap:18px}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr}.home-hero .hero-copy{min-height:0;padding:36px}.home-hero h1{font-size:58px}.home-hero .hero-sub{max-width:48ch}.home-example{display:grid;grid-template-columns:1.3fr 1fr;align-items:center}.home-example .site-demo-cover{height:290px}.home-example .preview-viewport{height:245px}.home-example-caption{padding:24px}}
@media(max-width:600px){.home-hero .hero-copy{padding:30px 24px}.home-hero h1{font-size:clamp(34px,9.1vw,48px)}.home-hero .hero-sub{font-size:17px;margin:24px 0}.home-hero-actions{width:100%;gap:18px}.home-hero-actions .button{width:100%;max-width:none}.home-cost{margin-top:30px}.home-cost-prices{gap:16px}.home-cost-prices dt{font-size:14px}.home-cost-prices strong{font-size:clamp(32px,9vw,44px)}.home-cost-from{font-size:14px}.home-cost-period{font-size:14px}.home-example{display:flex}.home-example .site-demo-cover{flex:none;height:240px;width:100%}.home-example .preview-viewport{height:198px}.home-example-caption{padding:22px 24px;width:100%}.home-example-caption>p:first-child{font-size:21px}.home-goals .service h3{font-size:25px}.compact-home .examples{margin-top:76px}}

/* Keep the complete café viewport visible at every breakpoint. */
.home-example .site-demo-cover[data-preview-width]{height:auto;flex:none;width:100%}
.home-example .site-demo-cover[data-preview-width] .preview-viewport{height:auto;aspect-ratio:850/817}