:root{
  --hkp-yellow:#FFDE02;
  --hkp-yellow-press:#E8CA00;
  --hkp-yellow-wash:rgba(255,222,2,.16);
  --hkp-black:#07070A;
  --hkp-dark:#111114;
  --hkp-ink:#07070A;
  --hkp-ink-84:rgba(7,7,10,.84);
  --hkp-ink-62:rgba(7,7,10,.62);
  --hkp-paper:#FFFFFF;
  --hkp-mist:#F6F7F9;
  --hkp-line:rgba(7,7,10,.10);
  --hkp-line-inv:rgba(255,255,255,.12);
  --hkp-display:'Bebas Neue',sans-serif;
  --hkp-sans:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --hkp-alt:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --hkp-ease:cubic-bezier(.22,.61,.36,1);
}

.hkp-ct-wrapper{
  --hkp-yellow:#FFDE02;
  --hkp-yellow-press:#E8CA00;
  --hkp-yellow-wash:rgba(255,222,2,.16);
  --hkp-black:#07070A;
  --hkp-dark:#111114;
  --hkp-ink:#07070A;
  --hkp-ink-84:rgba(7,7,10,.84);
  --hkp-ink-62:rgba(7,7,10,.62);
  --hkp-paper:#FFFFFF;
  --hkp-mist:#F6F7F9;
  --hkp-line:rgba(7,7,10,.10);
  --hkp-line-inv:rgba(255,255,255,.12);
  --hkp-display:'Bebas Neue',sans-serif;
  --hkp-sans:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --hkp-alt:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --hkp-ease:cubic-bezier(.22,.61,.36,1);
  font-family:var(--hkp-sans);
  color:var(--hkp-ink-84);
  line-height:1.65;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.hkp-ct-wrapper *,
.hkp-ct-wrapper *::before,
.hkp-ct-wrapper *::after{box-sizing:border-box;}

.hkp-ct-wrapper p,
.hkp-ct-wrapper h1,
.hkp-ct-wrapper h2,
.hkp-ct-wrapper h3,
.hkp-ct-wrapper ol,
.hkp-ct-wrapper ul,
.hkp-ct-wrapper li{margin:0;padding:0;}
.hkp-ct-wrapper ul,.hkp-ct-wrapper ol{list-style:none;}

.hkp-ct-shell{width:100%;max-width:1320px;margin:0 auto;padding:0 22px;}
.hkp-ct-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--hkp-alt);font-size:11.5px;font-weight:600;text-transform:uppercase;
  letter-spacing:.18em;color:var(--hkp-ink-62);margin-bottom:22px;
}
.hkp-ct-eyebrow::before{content:'';width:26px;height:2px;background:var(--hkp-yellow);}
.hkp-ct-lede{font-size:16px;line-height:1.8;color:var(--hkp-ink-84);}
.hkp-ct-h2{
  font-family:var(--hkp-display);font-weight:400;font-size:34px;line-height:1.06;
  letter-spacing:.012em;text-transform:uppercase;color:var(--hkp-ink);margin-bottom:22px;
}

.hkp-ct-reveal{
  opacity:0;transform:translateY(26px);
  transition:opacity .95s var(--hkp-ease),transform .95s var(--hkp-ease);
  transition-delay:var(--hkp-d,0ms);
}
.hkp-ct-reveal.is-in{opacity:1;transform:none;}

/* ===== PAGE HEAD, dark ===== */
.hkp-ct-head{position:relative;padding:60px 0 64px;background:var(--hkp-black);overflow:hidden;}
.hkp-ct-head::before{
  content:'';position:absolute;top:-280px;right:-160px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,222,2,.12) 0%,rgba(255,222,2,0) 68%);pointer-events:none;
}
.hkp-ct-head-inner{position:relative;z-index:1;max-width:720px;}
.hkp-ct-head .hkp-ct-eyebrow{color:rgba(255,255,255,.66);}
.hkp-ct-head .hkp-ct-lede{color:rgba(255,255,255,.72);}
.hkp-ct-h1{
  font-family:var(--hkp-display);font-weight:400;font-size:40px;line-height:1.06;
  letter-spacing:.012em;text-transform:uppercase;color:#fff;margin-bottom:26px;
}
.hkp-ct-h1 em{font-style:normal;font-weight:400;color:var(--hkp-yellow);}

/* ===== INFO CARDS ===== */
.hkp-ct-cards{padding:56px 0 60px;background:var(--hkp-paper);}
.hkp-ct-card-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.hkp-ct-card{
  background:var(--hkp-paper);border:1px solid var(--hkp-line);border-radius:16px;
  padding:30px 26px;position:relative;overflow:hidden;
  transition:transform .5s var(--hkp-ease),box-shadow .5s var(--hkp-ease),border-color .4s ease;
}
.hkp-ct-card::after{
  content:'';position:absolute;left:0;top:0;height:2px;width:100%;
  background:linear-gradient(90deg,var(--hkp-yellow),rgba(255,222,2,0));
  transform:scaleX(0);transform-origin:left;transition:transform .55s var(--hkp-ease);
}
.hkp-ct-card:hover{transform:translateY(-8px);border-color:rgba(7,7,10,.24);box-shadow:0 22px 48px rgba(7,7,10,.10);}
.hkp-ct-card:hover::after{transform:scaleX(1);}
.hkp-ct-ico{
  width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--hkp-yellow-wash);color:var(--hkp-black);margin-bottom:20px;
  transition:transform .55s var(--hkp-ease),background .4s ease;
}
.hkp-ct-card:hover .hkp-ct-ico{transform:translateY(-4px) rotate(-4deg);background:var(--hkp-yellow);}
.hkp-ct-ico svg{width:22px;height:22px;}
.hkp-ct-card h2{
  font-family:var(--hkp-display);font-weight:400;font-size:25px;line-height:1.08;
  letter-spacing:.015em;text-transform:uppercase;color:var(--hkp-ink);margin-bottom:12px;
}
.hkp-ct-card p{font-size:14.5px;line-height:1.78;color:var(--hkp-ink-84);}
.hkp-ct-mail{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15.5px;font-weight:600;color:var(--hkp-ink);text-decoration:none;
  border-bottom:1px solid rgba(7,7,10,.28);padding-bottom:4px;
  transition:color .3s ease,border-color .3s ease;word-break:break-word;
}
.hkp-ct-mail:hover{color:var(--hkp-ink);border-color:var(--hkp-yellow);}
.hkp-ct-social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.hkp-ct-social a{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--hkp-line);color:var(--hkp-ink-62);
  transition:transform .4s var(--hkp-ease),border-color .3s ease,color .3s ease,background .3s ease;
}
.hkp-ct-social a:hover{transform:translateY(-4px);border-color:rgba(206,155,0,.6);color:var(--hkp-ink);background:var(--hkp-yellow-wash);}
.hkp-ct-social svg{width:17px;height:17px;}

/* ===== PROCESS ===== */
.hkp-ct-steps{padding:60px 0;background:var(--hkp-mist);}
.hkp-ct-head-block{max-width:640px;margin-bottom:40px;}
.hkp-ct-wrapper ol.hkp-ct-step-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:0 !important;padding:0 !important;list-style:none !important;counter-reset:hkpct;}
.hkp-ct-wrapper li.hkp-ct-step{
  background:var(--hkp-paper);border:1px solid var(--hkp-line);border-radius:16px;
  margin:0 !important;padding:28px 26px !important;list-style:none !important;
  transition:transform .5s var(--hkp-ease),box-shadow .5s var(--hkp-ease);
}
.hkp-ct-wrapper li.hkp-ct-step:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(7,7,10,.09);}
.hkp-ct-wrapper .hkp-ct-step .hkp-ct-step-num{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:11px;margin:0 0 18px !important;
  background:var(--hkp-yellow);color:var(--hkp-black);
  font-family:var(--hkp-alt);font-weight:700;font-size:16px;line-height:1;
}
.hkp-ct-wrapper .hkp-ct-step h3{
  font-family:var(--hkp-display);font-weight:400;font-size:23px;line-height:1.08;
  letter-spacing:.015em;text-transform:uppercase;color:var(--hkp-ink);margin:0 0 12px !important;
}
.hkp-ct-wrapper .hkp-ct-step p{font-size:14.5px;line-height:1.78;color:var(--hkp-ink-84);margin:0 !important;}

/* ===== FAQ ===== */
.hkp-ct-faq{padding:60px 0;background:var(--hkp-paper);}
.hkp-ct-faq-list{display:grid;grid-template-columns:1fr;border-top:1px solid var(--hkp-line);}
.hkp-ct-faq-item{border-bottom:1px solid var(--hkp-line);padding:28px 0;}
.hkp-ct-faq-q{
  font-family:var(--hkp-sans);font-weight:600;font-size:19px;line-height:1.35;
  letter-spacing:-.005em;color:var(--hkp-ink);margin-bottom:16px;
}
.hkp-ct-faq-a{font-size:15px;line-height:1.8;color:var(--hkp-ink-84);max-width:760px;}

/* ===== BREAKPOINTS ===== */
@media (min-width:600px){
  .hkp-ct-h1{font-size:50px;margin-bottom:30px;}
  .hkp-ct-h2{font-size:40px;}
  .hkp-ct-card-grid{grid-template-columns:repeat(2,1fr);gap:22px;}
  .hkp-ct-wrapper ol.hkp-ct-step-grid{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:900px){
  .hkp-ct-wrapper{font-size:17px;}
  .hkp-ct-shell{padding:0 40px;}
  .hkp-ct-head{padding:96px 0 84px;}
  .hkp-ct-h1{font-size:58px;margin-bottom:32px;}
  .hkp-ct-h2{font-size:46px;margin-bottom:26px;}
  .hkp-ct-lede{font-size:17px;line-height:1.82;}
  .hkp-ct-cards{padding:72px 0 100px;}
  .hkp-ct-card-grid{grid-template-columns:repeat(3,1fr);gap:26px;}
  .hkp-ct-card{padding:36px 32px;}
  .hkp-ct-card h2{font-size:27px;}
  .hkp-ct-steps{padding:100px 0;}
  .hkp-ct-head-block{margin-bottom:52px;}
  .hkp-ct-wrapper li.hkp-ct-step{padding:34px 30px !important;}
  .hkp-ct-wrapper .hkp-ct-step h3{font-size:24px;}
  .hkp-ct-faq{padding:100px 0;}
  .hkp-ct-faq-list{border-top:none;}
  .hkp-ct-faq-item{padding:34px 0;}
  .hkp-ct-faq-q{font-size:21px;margin-bottom:18px;}
}

@media (min-width:1200px){
  .hkp-ct-h1{font-size:64px;}
}

@media (prefers-reduced-motion:reduce){
  .hkp-ct-wrapper .hkp-ct-reveal{opacity:1 !important;transform:none !important;transition:none !important;}
}