@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:55px 0 47px;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:61px}
.hero h1{color:#d0d0d1;font-size:48px;font-weight:700}
.hero h2{color:#c7c7c9;font-size:48px;font-weight:400;letter-spacing:-1px}
.hero h2 span{color:var(--lime)}
.hero h3{color:var(--cyan);font-size:46px;font-weight:500}
.hero p{max-width:710px;margin:24px auto 20px;color:#eef0f2;font-size:16px;line-height:1.65}
.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}

.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}
  .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:45px}
  .hero h2{margin-top:10px;font-size:22px;line-height:30px;letter-spacing:0}
  .hero h2 span{display:inline-block}
  .hero h3{margin-top:0;font-size:20px;line-height:53px}
  .hero p{margin-top:48px;font-size:16px;letter-spacing:.6px;line-height:27px}
  .hero .cta{margin-top:1px}
  .cta{min-width:252px;min-height:54px;padding-inline:16px;font-size:16px}
  .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{transition:none}}