:root{--czl-ink:#111c31;--czl-text:#52647a;--czl-line:#d4dee7;--czl-soft:#f4f7f8;--czl-paper:#fbf7ee;--czl-red:#dc3545;--czl-red-soft:#fff0f2;--czl-green:#2e6d5e;--czl-blue:#315f8d}
body[data-city-pilot="czeladz-support-folio-v1"],body[data-city-pilot="czeladz-support-folio-v1"] #main-content{background:#fff;color:var(--czl-ink)}
body[data-city-pilot="czeladz-support-folio-v1"] *{box-sizing:border-box}
.czl-shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.czl-kicker{margin:0 0 .8rem;color:var(--czl-red);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.czl-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.65rem;padding:.82rem 1.15rem;border:1px solid var(--czl-ink);border-radius:.7rem;font-size:.86rem;font-weight:800;text-decoration:none;transition:transform 160ms ease,background 160ms ease,color 160ms ease}
.czl-button:hover{transform:translateY(-2px)}.czl-button:focus-visible{outline:3px solid rgba(220,53,69,.35);outline-offset:3px;box-shadow:0 0 0 5px rgba(49,95,141,.12)}
.czl-button--primary{background:var(--czl-ink);color:#fff}.czl-button--quiet{border-color:var(--czl-line);background:#fff;color:var(--czl-ink)}
.czl-hero{padding:7rem 0 3rem;border-bottom:1px solid var(--czl-line);background:radial-gradient(circle at 14% 18%,rgba(220,53,69,.05),transparent 26%),linear-gradient(180deg,#fff,#fbfcfd)}
.czl-hero__grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(2rem,4.8vw,4.8rem);align-items:center}
.czl-hero h1{max-width:10.5ch;margin:0;font-size:clamp(2.8rem,5.2vw,4.75rem);font-weight:800;line-height:.98;letter-spacing:-.045em}.czl-hero h1 em{color:var(--czl-red);font-style:normal}
.czl-hero__lead{max-width:39rem;margin:1.2rem 0 0;color:var(--czl-text);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.czl-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.45rem}
.czl-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.7rem 0 0;border-block:1px solid var(--czl-line)}.czl-hero__facts div{min-width:0;padding:.75rem .7rem}.czl-hero__facts div+div{border-left:1px solid var(--czl-line)}.czl-hero__facts dt{color:var(--czl-red);font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.czl-hero__facts dd{margin:.22rem 0 0;color:var(--czl-ink);font-size:.78rem;font-weight:700;line-height:1.45}
.czl-visual{width:100%;min-width:0;margin:0;border:1px solid var(--czl-line);border-radius:1.25rem;overflow:hidden;background:#f5f6f6;box-shadow:0 24px 56px rgba(17,28,49,.12)}.czl-visual picture{display:block}.czl-visual img{display:block;width:100%;height:auto;aspect-ratio:1280/760;object-fit:contain}.czl-visual figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.82rem 1rem;border-top:1px solid var(--czl-line);background:#fff;color:#718096;font-size:.73rem}.czl-visual figcaption strong{color:var(--czl-ink)}
.czl-signature{padding:clamp(3rem,6vw,5.5rem) 0;background:#fff}.czl-signature__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:center}.czl-signature h2{max-width:12ch;margin:0;font-size:clamp(2rem,4vw,3.65rem);font-weight:800;line-height:1.01;letter-spacing:-.04em}.czl-signature__copy>p:last-of-type{margin:1rem 0 0;color:var(--czl-text);line-height:1.65}.czl-signature__limits{margin:1.35rem 0 0;padding:0;list-style:none;border-top:1px solid var(--czl-line)}.czl-signature__limits li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--czl-line);color:var(--czl-text);line-height:1.45}.czl-signature__limits span{color:var(--czl-red);font-size:.7rem;font-weight:800}.czl-signature__limits strong{color:var(--czl-ink)}
@media(max-width:820px){.czl-shell{width:min(100% - 32px,720px)}.czl-hero{padding:6.3rem 0 2.4rem}.czl-hero__grid,.czl-signature__grid{grid-template-columns:1fr}.czl-hero__grid{gap:1.8rem}.czl-hero h1{max-width:12ch;font-size:clamp(2.55rem,8.8vw,4rem)}.czl-visual{max-width:660px;margin-inline:auto}.czl-signature__grid{gap:1.75rem}.czl-signature__copy{max-width:42rem}.czl-signature__visual{grid-row:2}}
@media(max-width:700px){.czl-visual img{aspect-ratio:720/1100}.czl-visual figcaption{flex-direction:column;gap:.2rem}}
@media(max-width:520px){.czl-shell{width:calc(100% - 24px)}.czl-hero{padding-top:5.85rem}.czl-hero h1{font-size:clamp(2.3rem,11.7vw,3.2rem)}.czl-hero__lead{font-size:.98rem}.czl-hero__actions{display:grid}.czl-button{width:100%}.czl-hero__facts{grid-template-columns:1fr}.czl-hero__facts div,.czl-hero__facts div+div{padding:.7rem 0;border-left:0}.czl-hero__facts div+div{border-top:1px solid var(--czl-line)}.czl-signature{padding-block:2.8rem}.czl-signature h2{font-size:clamp(1.95rem,9.8vw,2.6rem)}}
@media(prefers-reduced-motion:reduce){.czl-button{transition:none}.czl-button:hover{transform:none}}