/* Generace: chapter copied from the commercial modules, scoped to this section. */
.generace-deployment{padding:76px 0;background:#f1f5f8;color:#0a1c31;font-size:16px;line-height:1.6;position:relative}
.generace-deployment #moduly{position:absolute;top:0}
.generace-deployment .deployment-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:36px}
.generace-deployment .deployment-heading h2{margin:0;font-size:clamp(30px,3.5vw,45px);font-weight:580;line-height:1.06;letter-spacing:-.038em;color:#0a1c31;max-width:none}
.generace-deployment .deployment-heading>p{margin:0;max-width:490px;font-size:17px;line-height:1.6;color:#0a1c31}
.generace-deployment .deployment-kicker{font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;color:#40627a}
.generace-deployment .deployment-blue{color:#1689a7}
.generace-deployment .deployment-red{color:#ce202f!important}
.generace-deployment .deployment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.generace-deployment .deployment-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 24px;background:#fff;border:1px solid #879eae;border-top:3px solid var(--card-color);border-radius:6px;box-shadow:0 6px 18px -4px rgb(7 26 45 / 12%),0 2px 5px rgb(7 26 45 / 5%)}
.generace-deployment .deployment-card h3{font-size:clamp(23px,2vw,29px);font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;color:color-mix(in srgb,var(--card-color) 75%,#071a2d)}
.generace-deployment .deployment-card p{margin:0;font-size:16px;line-height:1.6;color:#0a1c31}
.generace-deployment .deployment-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;margin-bottom:24px;border-radius:6px;background:color-mix(in srgb,var(--card-color) 10%,white);color:color-mix(in srgb,var(--card-color) 75%,#071a2d)}
.generace-deployment .deployment-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@property --generace-deployment-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes generace-deployment-border{to{--generace-deployment-angle:360deg}}
@supports(mask-composite:exclude){
  .generace-deployment .deployment-card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--generace-deployment-angle),transparent 0deg 307deg,color-mix(in srgb,var(--card-color) 13%,transparent) 321deg,color-mix(in srgb,var(--card-color) 60%,transparent) 336deg,rgb(255 255 255 / 68%) 346deg,color-mix(in srgb,var(--card-color) 52%,transparent) 355deg,transparent 360deg);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:generace-deployment-border 7.2s linear infinite}
  .generace-deployment .deployment-card:nth-child(2)::after{animation-delay:-1.8s}
  .generace-deployment .deployment-card:nth-child(3)::after{animation-delay:-3.6s}
}
.motion-paused .generace-deployment .deployment-card::after{animation-play-state:paused}
@media(max-width:1100px){.generace-deployment .deployment-heading{gap:38px}}
@media(max-width:1000px){.generace-deployment .deployment-grid{grid-template-columns:1fr}.generace-deployment .deployment-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:22px}.generace-deployment .deployment-icon{grid-row:1/3;margin-bottom:0}}
@media(max-width:760px){.generace-deployment{padding:54px 0}.generace-deployment .deployment-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.generace-deployment .deployment-heading>p{max-width:600px}}
@media(max-width:640px){.generace-deployment .deployment-heading h2{font-size:32px}.generace-deployment .deployment-kicker{font-size:12px;letter-spacing:.1em}.generace-deployment .deployment-grid{gap:14px}.generace-deployment .deployment-card{display:flex;padding:20px}.generace-deployment .deployment-icon{margin-bottom:20px}}
@media(max-width:359px){.generace-deployment .deployment-heading h2{font-size:28px}}