/* ── Toast × Shopify Sync product page (added 20260920) ── */
.ts-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,70px);align-items:center;padding-top:clamp(48px,8vh,92px)}
.ts-hero-copy h1{font:600 clamp(38px,5.3vw,78px)/1.02 var(--display);letter-spacing:-.045em;margin-bottom:24px}
.ts-hero-copy h1 em{font-style:normal;color:var(--orange)}
.ts-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:var(--muted);max-width:48ch}
.ts-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.ts-hero-shot{margin:0}
.ts-hero-shot img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:0 40px 90px -30px rgba(11,41,52,.42)}
.ts-pains{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:30px 44px;margin:0;padding:0}
.ts-pains li{display:flex;gap:18px;align-items:flex-start}
.ts-x{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#fbe6e0;color:var(--orange-dark);display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1}
.ts-pains h4{font:600 clamp(19px,2vw,24px)/1.2 var(--display);letter-spacing:-.02em;margin-bottom:7px;color:var(--ink)}
.ts-pains p{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:40ch}
.ts-diagram{margin:0}
.ts-diagram img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 70px -34px rgba(11,41,52,.4)}
.ts-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 30px}
.ts-feature{border-top:2px solid var(--ink);padding-top:18px}
.ts-feature h3{font:600 19px/1.25 var(--display);letter-spacing:-.02em;margin-bottom:9px;color:var(--ink)}
.ts-feature p{font-size:14px;line-height:1.6;color:var(--muted)}
.ts-who h2{font:500 clamp(34px,4.5vw,64px)/1.05 var(--display);letter-spacing:-.04em;margin:14px 0 22px;max-width:20ch}
.ts-who h2 em{font-style:normal;color:var(--orange)}
.ts-who p{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:52ch;margin-bottom:24px}
.ts-why{background:var(--ink);color:var(--cloud)}
.ts-why-inner{max-width:760px}
.ts-why .eyebrow{color:#9db8bc;margin-bottom:24px}
.ts-why h2{font:500 clamp(32px,4.4vw,62px)/1.05 var(--display);letter-spacing:-.04em;margin-bottom:22px}
.ts-why h2 em{font-style:normal;color:var(--orange)}
.ts-why p{font-size:clamp(15px,1.5vw,18px);line-height:1.7;color:#b6cacd;max-width:56ch}
.ts-why-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.ts-why .text-link{color:var(--orange)}
@media(max-width:900px){.ts-hero{grid-template-columns:1fr;gap:34px}.ts-pains{grid-template-columns:1fr;gap:24px}.ts-feature-grid{grid-template-columns:1fr 1fr;gap:28px 24px}}
@media(max-width:560px){.ts-feature-grid{grid-template-columns:1fr}}