@font-face{font-family:"Open Sans Local";src:url("assets/chci/open-sans-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Open Sans Local";src:url("assets/chci/open-sans-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

:root{
  --black:#000;
  --white:#fcfeff;
  --muted:#cccfd3;
  --cyan:#5fdcf5;
  --lime:#efff27;
  --blue-1:#006ac7;
  --blue-2:#004e92;
  --card:#090e22;
  --line:#242424;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--white);background:var(--black);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit}
.container{width:min(1080px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;color:#000;background:#fff;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.topbar{min-height:40px;display:grid;place-items:center;background:#171717;text-align:center;font-family:"Space Grotesk",Arial,sans-serif;font-size:15px;font-weight:600}
.topbar strong{color:#55d851}

.hero{padding:46px 0 40px;background:radial-gradient(ellipse at 49% -10%,#1f60a5 0,#0a2b5d 30%,#050b29 57%,#000 87%);text-align:center}
.hero h1,.hero h2,.hero h3{margin:0;font-family:"Space Grotesk",Arial,sans-serif;line-height:1.12}
.hero h1{color:#f2f2f3;font-size:48px;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 24px rgba(255,255,255,.12)}
.hero h2{color:#d7d7da;font-size:48px;font-weight:600;letter-spacing:-1.2px}
.hero h2 span{color:var(--lime)}
.hero h3{color:var(--cyan);font-size:46px;font-weight:700;letter-spacing:-.6px;text-shadow:0 0 25px rgba(95,220,245,.12)}
.hero p{max-width:710px;margin:18px auto 18px;color:#eef0f2;font-size:16px;line-height:1.45}
.hero p strong{font-weight:800}

.cta{display:inline-flex;min-width:288px;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:8px;font-family:"Space Grotesk",Arial,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .18s ease,filter .18s ease}
.cta:hover{filter:brightness(1.08);transform:translateY(-2px)}
.cta--yellow{color:#141414;background:linear-gradient(180deg,#ffff4d,#fffc33)}
.cta--blue{color:#fff;background:linear-gradient(180deg,var(--blue-1),var(--blue-2))}
.cta span{font-weight:800}

.audit-examples{padding:82px 0 96px;color:#11151b;background:#f3f2ee;border:0}
.examples-heading{max-width:650px;margin:0 auto 53px;text-align:center}
.examples-heading>p:first-child{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:#686b70;font-family:"Space Grotesk",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em}
.examples-heading>p:first-child span{width:8px;height:8px;background:#ff4438;border-radius:50%}
.examples-heading h2{margin:0;color:#11151b;font-family:"Space Grotesk",Arial,sans-serif;font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.08}
.examples-heading>p:last-child{max-width:560px;margin:20px auto 0;color:#62666d;font-size:17px;line-height:1.5}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.example-card{min-width:0;padding-bottom:57px}
.example-card__image{position:relative;aspect-ratio:4/3;background:#fff;border:1px solid #d6d5d0;border-radius:12px}
.example-card__image img{width:100%;height:100%;object-fit:cover;border-radius:0 0 11px 11px}
.example-card__bar{display:flex;height:28px;align-items:center;gap:5px;padding:0 10px;color:#8d9095;background:#fff;border-bottom:1px solid #e1e0dc;border-radius:11px 11px 0 0;font-size:9px}
.example-card__bar i{display:block;width:6px;height:6px;background:#d8d7d2;border-radius:50%}
.example-card__bar i:first-child{background:#ff6258}
.example-card__bar span{margin-left:auto;letter-spacing:.03em}
.example-card__image img{height:calc(100% - 28px)}
.example-card__copy{position:absolute;z-index:2;right:16px;bottom:-57px;display:flex;width:calc(100% - 32px);min-height:82px;align-items:center;gap:13px;padding:14px 16px;color:#fff;background:#14171c;border-radius:10px;box-shadow:0 14px 30px rgba(17,21,27,.15);transition:transform .2s ease}
.example-card:nth-child(2) .example-card__copy{right:auto;left:16px}
.example-card:hover .example-card__copy{transform:translateY(-5px)}
.example-card__copy>span{display:grid;flex:0 0 35px;width:35px;height:35px;place-items:center;color:#fff;background:#ff4438;border-radius:50%;font-family:"Space Grotesk",Arial,sans-serif;font-size:12px;font-weight:800}
.example-card__copy p{margin:0;color:#c7c9cc;font-size:12px;line-height:1.35}
.example-card__copy strong{display:block;margin-bottom:3px;color:#fff;font-family:"Space Grotesk",Arial,sans-serif;font-size:14px;line-height:1.25}
.examples-note{margin:29px 0 0;color:#8a8c90;text-align:center;font-size:11px}

.lead-section{padding:0 0 55px;background:#000}
.lead-grid{display:grid;grid-template-columns:525px 1fr;gap:75px;align-items:start}
.audit-form{margin-top:0;padding:79px 40px 68px;color:#111;background:#fff;border-radius:16px;font-family:"Open Sans Local","Open Sans",Arial,sans-serif}
.audit-form>p:first-child{margin:0 0 20px;font-size:14px;line-height:1.35}
.audit-form label{display:block;margin:0 0 16px;font-size:14px;font-weight:700}
.audit-form input,.audit-form select{width:100%;height:40px;margin-top:7px;padding:8px 16px;color:#222;background:#f1f1f1;border:1px solid transparent;border-radius:2px;outline:none}
.audit-form input:focus,.audit-form select:focus{border-color:#0a74c9;box-shadow:0 0 0 3px rgba(10,116,201,.15)}
.audit-form select{height:39px;margin:3px 0 34px;background:#fff;border-color:#d4d4d4}
.audit-form button{width:100%;min-height:44px;color:#fff;background:#52a866;border:1px solid #458b58;border-radius:2px;font-size:20px;font-weight:700;cursor:pointer;transform:rotate(1.4deg)}
.audit-form button:hover{background:#439257}
.audit-form small{display:block;margin-top:19px;color:#858585;text-align:center;font-size:12px}
.audit-form .form-message{margin:12px 0 0;color:#226534;text-align:center;font-size:13px;font-weight:700}
.audit-form .form-message:empty{display:none}
.partner{margin:17px 0 0;text-align:center}
.partner img{width:100%;max-width:480px;margin-inline:auto}
.partner figcaption{margin-top:16px;font-size:16px}

.proof{padding:62px 0 70px;border-top:1px solid var(--line);text-align:center}
.proof> .container > h2{margin:0 0 28px;color:#55cff1;font-family:"Space Grotesk",Arial,sans-serif;font-size:23px;font-weight:400}
.proof img{width:823px;margin:0 auto}
.proof__tag{display:inline-block;margin:88px 0 55px;padding:0 12px;color:#58ccec;background:#071d23;border-radius:22px;font-family:"Space Grotesk",Arial,sans-serif;font-size:20px;line-height:24px}
.story{font-size:18px;line-height:1.55}
.story p{margin:0 0 30px}
.price{margin-top:54px}
.price>p{margin:0 0 8px;font-size:30px}
.price del{color:#e53e32;font-weight:700;text-decoration-thickness:4px}
.price h2{margin:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:29px}
.price h2 span{color:var(--lime)}
.price h2 em{font-weight:400}
.price .cta{margin-top:18px;transform:rotate(-1.5deg)}

.comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:46px;text-align:left}
.comparison article{min-width:0;padding:29px 44px 25px;background:linear-gradient(100deg,#08162e,#0a0e20);border:1px solid #24283a;border-right:0;border-left:0;border-bottom:0;border-radius:24px}
.comparison h3{margin:0 0 19px;background:linear-gradient(90deg,#cbcbcb,#669bc9,#006ac7);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:"Instrument Serif",serif;font-size:31px;font-weight:400;letter-spacing:-.7px;line-height:36px;white-space:nowrap}
.comparison ul{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.85}
.comparison li{position:relative;margin:0 0 9px;padding-left:20px}
.comparison li::before{position:absolute;top:0;left:0;color:#75a9d5;content:"☆"}

.why{padding:89px 0 55px;text-align:center}
.why__inner{max-width:760px}
.pill{display:inline-block;margin:0 0 55px;padding:0 12px;color:#33a5c6;background:#051b21;border-radius:20px;font-family:"Space Grotesk",Arial,sans-serif;font-size:13px;font-weight:300;line-height:19px}
.why h2{margin:0 0 47px;background:linear-gradient(#fff,#999);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:"Space Grotesk",Arial,sans-serif;font-size:48px;font-weight:500;line-height:61px}
.why__inner>p:last-child{max-width:525px;margin:0 auto;color:#d0d1d4;font-size:16px;line-height:31px}

.final-offer{padding:43px 0 29px;background:radial-gradient(ellipse at 50% 0,#275d9a 0,#0a2b5d 33%,#050b29 66%,#000 100%);text-align:center}
.final-offer h2{margin:0 0 30px;background:linear-gradient(#fff,#999);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:"Space Grotesk",Arial,sans-serif;font-size:48px;font-weight:500;line-height:61px}
.final-offer p{margin:0;color:#cdd0d5;font-size:16px;line-height:2}
.final-offer p strong{color:#fff}
.final-offer .cta{margin-top:39px}

footer{padding:77px 0 55px;color:#a4a3ab;font-size:16px}
footer span{margin:0 14px}

@media (max-width:900px){
  .hero h1,.hero h2{font-size:40px}.hero h3{font-size:34px}
  .examples-grid{grid-template-columns:1fr 1fr;gap:28px}.example-card:last-child{grid-column:1/-1;width:calc(50% - 14px);justify-self:center}
  .lead-grid{grid-template-columns:1fr;gap:35px}.audit-form{max-width:525px;margin-inline:auto}.partner{margin-top:0}.partner img{max-width:525px}
  .comparison{grid-template-columns:1fr}.proof__tag{margin-top:60px}
}

@media (max-width:600px){
  .container{width:min(100% - 60px,1080px)}
  .topbar{min-height:51px;font-size:15px}
  .hero{padding:34px 0 71px;background:radial-gradient(ellipse at 50% -5%,#205a97 0,#0a2b5d 27%,#050b29 54%,#000 83%)}
  .hero h1{font-size:26px;line-height:1.18}
  .hero h2{margin-top:6px;font-size:22px;line-height:1.22;letter-spacing:0}
  .hero h2 span{display:inline-block}
  .hero h3{margin-top:6px;font-size:20px;line-height:1.3}
  .hero p{margin-top:20px;font-size:16px;letter-spacing:.35px;line-height:1.5}
  .hero .cta{margin-top:1px}
  .cta{min-width:252px;min-height:54px;padding-inline:16px;font-size:16px}
  .audit-examples{padding:58px 0 72px}
  .examples-heading{margin-bottom:34px}
  .examples-heading>p:first-child{margin-bottom:15px;font-size:12px}
  .examples-heading h2{font-size:31px;line-height:1.22}
  .examples-heading>p:last-child{margin-top:19px;font-size:15px;line-height:1.6}
  .examples-grid{grid-template-columns:1fr;gap:20px}
  .example-card:last-child{grid-column:auto;width:auto}
  .example-card{padding-bottom:58px}
  .example-card__copy,.example-card:nth-child(2) .example-card__copy{right:12px;bottom:-58px;left:12px;width:auto;min-height:84px;padding:12px 14px}
  .example-card__copy>span{flex-basis:33px;width:33px;height:33px;margin:0}
  .example-card__copy p{font-size:11px}
  .example-card__copy strong{font-size:14px}
  .examples-note{margin-top:20px;line-height:1.5}
  .lead-section{padding-bottom:58px}
  .lead-grid{gap:42px}
  .audit-form{padding:29px 20px 30px;border-radius:16px}
  .audit-form>p:first-child{font-size:14px;line-height:1.35}
  .audit-form input{height:42px}
  .audit-form select{margin-bottom:37px}
  .audit-form button{font-size:17px;transform:none}
  .audit-form small{font-size:9px;line-height:14px}
  .partner figcaption{margin-top:21px;font-size:14px}
  .proof{padding-top:11px}
  .proof> .container > h2{margin-bottom:32px;font-size:16px;line-height:21px}
  .proof__tag{margin:72px 0 49px;font-size:16px;line-height:21px}
  .story{font-size:24px;line-height:29px}
  .price{margin-top:74px}
  .price>p{margin-bottom:20px;font-size:23px;line-height:28px}
  .price h2{font-size:23px;line-height:28px}
  .comparison{gap:51px;margin-top:50px}
  .comparison article{padding:29px 20px 24px}
  .comparison h3{font-size:23px;line-height:28px;white-space:nowrap}
  .comparison ul{font-size:13px;line-height:2.05}
  .why{padding:24px 0 66px}
  .pill{margin-bottom:49px;font-size:16px;line-height:21px}
  .why h2{margin-bottom:72px;font-size:43px;line-height:61px}
  .why__inner>p:last-child{font-size:16px;line-height:31px}
  .final-offer{padding:46px 0 37px}
  .final-offer h2{font-size:43px;line-height:61px}
  .final-offer h2 span{white-space:nowrap}
  .final-offer p{font-size:16px;letter-spacing:.35px;line-height:33px}
  .final-offer .cta{margin-top:31px}
  footer{padding:39px 0 58px;text-align:center;font-size:16px;line-height:21px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.example-card__copy{transition:none}}

/* Loga doplnena mimo zapecenou strip PNG (BigMat, Lekarna AVE) */
.extra-logos{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:14px 0 0}
.extra-logos figure{margin:0;display:grid;place-items:center;min-width:150px;height:84px;padding:12px 22px;background:#fafafa;border-radius:8px}
.extra-logos img{max-width:100%;max-height:60px;width:auto;height:auto;display:block}
@media (max-width:600px){.extra-logos figure{min-width:120px;height:70px;padding:10px 16px}.extra-logos img{max-height:46px}}