/* Seat-booking sales page (seat-booking.html): static, zero-JS. Reuses company/services/motionq parts; sb-* is new. */
.sb-hero{padding:60px 0 56px;background:radial-gradient(ellipse at 90% 10%,#f9e1ec 0,transparent 55%),linear-gradient(#fdf8fa,#fff)}
.sb-live{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:22px 0 0;padding:14px 16px;border:1px solid var(--pink-line);border-radius:14px;background:#fff;font-size:14px;line-height:1.7;color:var(--ink-2)}
.sb-live b{color:var(--ink)}
.sb-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#1f9d55;box-shadow:0 0 0 4px rgba(31,157,85,.16)}
.sb-live a{font-weight:600}
.sb-try{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--ink-3)}

.sb-flow{display:grid;gap:56px}
.sb-step{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px;align-items:center;margin:0}
.sb-step:nth-child(even) .mq-shot{order:2}
.sb-step figcaption{display:flex;gap:16px;align-items:flex-start}
.sb-step h3{font-size:22px;line-height:1.45}
.sb-step figcaption p{font-size:15.5px;line-height:1.9;color:var(--ink-2);margin:8px 0 0}
.sb-step ul{margin:12px 0 0;padding-left:20px;font-size:15px;line-height:1.85;color:var(--ink-2)}

.sb-after{background:var(--bg);border-block:1px solid var(--line)}
.sb-pipe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 44px;counter-reset:p}
.sb-pipe li{position:relative;padding:18px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sb-pipe li::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:50%;background:var(--pink);color:#fff;font-weight:700;font-size:14px}
.sb-pipe b{display:block;font-size:16px;line-height:1.4}
.sb-pipe span{display:block;margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--ink-3)}
.sb-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;align-items:start}
.sb-proof+.sb-proof{margin-top:40px}
.sb-proof h3{font-size:21px;line-height:1.45}
.sb-proof p{font-size:15.5px;line-height:1.9;color:var(--ink-2);margin:10px 0 0}
.sb-proof ul{margin:12px 0 0;padding-left:20px;font-size:15px;line-height:1.85;color:var(--ink-2)}
.sb-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.sb-shots figure{margin:0}
.sb-shots figcaption,.sb-cap{margin-top:8px;font-size:12.5px;line-height:1.6;color:var(--ink-3);text-align:center}
.sb-phone{max-width:300px;justify-self:center;border-radius:24px}
.sb-paper{background:#fff}

.sb-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sb-use{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sb-use h3{font-size:18px;line-height:1.45;color:var(--pink-strong)}
.sb-use p{font-size:14.5px;line-height:1.8;color:var(--ink-2);margin:8px 0 0}
.sb-use .sb-rec{margin-top:auto;padding-top:12px;font-size:13.5px;line-height:1.75;color:var(--ink)}
.sb-use .sb-rec b{color:var(--pink-strong)}

.sb-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sb-pick article{padding:26px;border-radius:18px;border:1px solid var(--pink-line);background:#fff}
.sb-pick article:first-child{background:#211c25;border-color:#483b46;color:#fcf4fa}
.sb-pick article:first-child p,.sb-pick article:first-child li{color:#d6c6d2}
.sb-pick h3{font-size:20px;line-height:1.45}
.sb-pick p{font-size:15px;line-height:1.85;color:var(--ink-2);margin:8px 0 0}
.sb-pick ul{margin:12px 0 0;padding-left:20px;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.sb-pick .sb-tag{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:var(--pink);color:#fff;font-size:12.5px;font-weight:600}
.sb-tips{margin:22px 0 0;padding:18px 20px;border-left:3px solid var(--pink);border-radius:0 12px 12px 0;background:var(--pink-soft);font-size:15px;line-height:1.9;color:var(--ink-2)}
.sb-tips b{color:var(--ink)}

.sb-hero,.sb-flow,.sb-after,.sb-uses{overflow-wrap:anywhere}
@media(max-width:1023px){
 .sb-step,.sb-proof{grid-template-columns:1fr;gap:18px}
 .sb-step:nth-child(even) .mq-shot{order:0}
 .sb-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sb-uses{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .sb-hero{padding:34px 0 40px}
 .sb-pipe,.sb-uses,.sb-pick,.sb-shots{grid-template-columns:1fr}
 .sb-step h3{font-size:19px}
}
.sb-hero h1{font-size:clamp(32px,4.2vw,54px);line-height:1.28;letter-spacing:-.03em}
.sb-shots img,.sb-paper img{display:block;width:100%;height:auto}
.sb-step ul,.sb-proof ul,.sb-pick ul{list-style:disc}