/* ============================================================
   LAYOUT — šířka obsahu, rytmus sekcí, gridy nejvyšší úrovně.
   Gridy, které patří ke konkrétní komponentě (služby, proces,
   standardy), jsou u té komponenty — ne tady.
   ============================================================ */

.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 var(--pad) }

section{ padding: clamp(44px, 5.5vw, 84px) 0; position:relative }

/* hlavička sekce: nadpis vlevo, perex vpravo */
.sec-head{
  display:grid; grid-template-columns: 1fr 1fr;
  gap:32px; align-items:end;
  margin-bottom: clamp(24px, 2.8vw, 44px);
}
@media (max-width: 820px){ .sec-head{ grid-template-columns:1fr; gap:16px } }

/* hero: text + terminálové okno */
.hero-grid{ display:grid; grid-template-columns: 1.45fr .9fr; gap: 40px; align-items:end }
@media (max-width: 1080px){ .hero-grid{ grid-template-columns:1fr; gap:28px } .term-wrap{ order:2 } }

/* reference: karty pod sebou */
.cases{ display:flex; flex-direction:column; gap: clamp(16px, 2.2vw, 26px) }

/* důvěra: dopis + mřížka standardů */
.trust{ display:grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items:stretch }
@media (max-width:900px){ .trust{ grid-template-columns:1fr } }

/* FAQ: nadpis vlevo, otázky vpravo */
.faq-grid{ display:grid; grid-template-columns: 1fr 1.4fr; gap: 44px; align-items:start }
@media (max-width: 900px){ .faq-grid{ grid-template-columns:1fr; gap: 20px } }

/* závěrečné CTA: text + kontaktní karta */
.final-grid{ display:grid; grid-template-columns: 1.1fr 1fr; gap: clamp(24px, 2.8vw, 40px); align-items:start }
/* bez min-width:0 nedovolí nezalomitelné telefonní číslo sloupci zúžit se */
.final-grid > *{ min-width: 0 }
@media (max-width: 980px){ .final-grid{ grid-template-columns:1fr } }

/* patka pod blokem (poznámka + tlačítko) */
.work-foot{ margin-top: 18px; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap }
.work-foot .note{ font-family:"JetBrains Mono", monospace; font-size:12px; color:var(--muted); letter-spacing:.14em; text-transform:uppercase }
.work-foot .note b{ color:var(--ink-dim); font-weight:500 }