/* ==========================================================================
   FAQ, CONTACT AND 404
   Loaded only on those pages. Reuses the legal hero (.ck-lg-hero), the service
   form and card classes (.ck-sd-*) and the theme tokens, so these pages add
   very little new CSS.
   ========================================================================== */

/* ==========================================================================
   FAQ
   ========================================================================== */
.ck-fq-body{position:relative;overflow:clip;isolation:isolate;padding-block:64px 110px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F9FCFC 40%,#F4F8F8 100%)}
.ck-fq-body__inner{position:relative;z-index:1;width:100%;max-width:1000px;margin-inline:auto;
  padding-inline:40px;display:flex;flex-direction:column;gap:26px}

.ck-fq-tools{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px;z-index:5;
  padding:18px 20px;border-radius:var(--radius-card);background:rgba(255,255,255,.92);
  border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);
  -webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px)}

.ck-fq-search{position:relative;display:flex;align-items:center}
.ck-fq-search__ico{position:absolute;left:15px;display:inline-flex;color:var(--text-tertiary);
  pointer-events:none}
.ck-fq-search input{width:100%;min-width:0;padding:13px 44px 13px 46px;
  border-radius:var(--radius-input);border:1px solid var(--border-strong);
  background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);
  font-size:15px;line-height:1.5;transition:var(--transition-colors);appearance:none}
.ck-fq-search input::-webkit-search-cancel-button{display:none}
.ck-fq-search input::placeholder{color:var(--text-tertiary)}
.ck-fq-search input:focus{outline:none;border-color:var(--brand-accent);box-shadow:var(--ring-focus)}
.ck-fq-search__x{position:absolute;right:8px;display:inline-flex;align-items:center;
  justify-content:center;width:32px;height:32px;border-radius:50%;border:0;background:none;
  color:var(--text-tertiary);cursor:pointer;transition:var(--transition-colors)}
.ck-fq-search__x:hover{background:var(--surface-sunken);color:var(--text-primary)}

.ck-fq-chips{display:flex;flex-wrap:wrap;gap:8px}
.ck-fq-chip{padding:8px 15px;border-radius:var(--radius-pill);cursor:pointer;
  border:1px solid var(--border-strong);background:#fff;color:var(--text-secondary);
  font-family:var(--font-body);font-size:13px;font-weight:var(--weight-semibold);
  white-space:nowrap;transition:var(--transition-base)}
.ck-fq-chip:hover{border-color:var(--border-brand);color:var(--text-brand)}
.ck-fq-chip.is-on{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;
  box-shadow:var(--shadow-brand)}
.ck-fq-chip:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}

.ck-fq-count{margin:0;font-size:13.5px;color:var(--text-tertiary);min-height:1em}
.ck-fq-groups{display:flex;flex-direction:column;gap:40px}
.ck-fq-group[hidden]{display:none}
.ck-fq-group{scroll-margin-top:170px}
.ck-fq-group__hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;
  padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}
.ck-fq-group__ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:var(--radius-sm);flex:none;background:var(--surface-brand-soft);color:var(--icon-brand)}
.ck-fq-group__hd h2{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(19px,2.1vw,24px);line-height:1.2;letter-spacing:-.025em;
  color:var(--text-primary);margin:0;flex:1;min-width:0}
.ck-fq-group__more{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:13.5px;
  font-weight:var(--weight-semibold);color:var(--text-brand);text-decoration:none}
.ck-fq-group__more:hover{color:var(--text-link-hover)}
.ck-fq-list{display:flex;flex-direction:column;gap:10px}
.ck-fq-q[hidden]{display:none}
.ck-fq-empty{margin:0;padding:28px;border-radius:var(--radius-card);background:#fff;
  border:1px dashed var(--border-strong);text-align:center;font-size:15.5px;
  color:var(--text-secondary)}

.ck-fq-ask{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:8px;padding:30px 32px;border-radius:var(--radius-xl);
  background:var(--surface-brand-soft);border:1px solid rgba(15,118,110,.16)}
.ck-fq-ask__c{min-width:0;flex:1 1 320px}
.ck-fq-ask__c h2{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(20px,2.2vw,26px);line-height:1.2;letter-spacing:-.025em;
  color:var(--ck-teal-950);margin:0 0 6px}
.ck-fq-ask__c p{font-size:15px;line-height:1.66;color:var(--ck-teal-900);margin:0;max-width:52ch}
.ck-fq-ask__b{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.ck-fq-ask__b .ck-sd-talk__btn{background:#fff;border-color:var(--border-strong);color:var(--text-primary)}
.ck-fq-ask__b .ck-sd-talk__btn svg{color:var(--brand-primary)}

/* ==========================================================================
   CONTACT
   ========================================================================== */
.ck-ct-hero .ck-hx__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);align-items:center}
.ck-ct-ways{display:flex;flex-direction:column;gap:12px;min-width:0}
.ck-ct-way{display:flex;align-items:center;gap:16px;padding:18px 20px;min-width:0;
  border-radius:var(--radius-md);text-decoration:none;
  background:linear-gradient(168deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 100%);
  border:1px solid rgba(255,255,255,.10);transition:var(--transition-base)}
.ck-ct-way__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:var(--radius-sm);flex:none;background:rgba(45,212,191,.12);color:#5EEAD4;
  border:1px solid rgba(45,212,191,.22);transition:var(--transition-base)}
.ck-ct-way__b{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ck-ct-way__b b{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:16px;
  letter-spacing:-.01em;color:#fff}
.ck-ct-way__b span{font-size:13.5px;color:rgba(255,255,255,.6);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.ck-ct-way__b em{font-style:normal;font-size:11px;font-weight:var(--weight-bold);
  letter-spacing:.12em;text-transform:uppercase;color:rgba(45,212,191,.75);margin-top:2px}
.ck-ct-way__arw{display:inline-flex;flex:none;color:rgba(255,255,255,.34);
  transition:transform var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}
@media (hover:hover) and (pointer:fine){
  .ck-ct-way:hover{transform:var(--lift-sm);border-color:rgba(45,212,191,.34)}
  .ck-ct-way:hover .ck-ct-way__ico{background:#2DD4BF;color:#042F2E;border-color:#2DD4BF}
  .ck-ct-way:hover .ck-ct-way__arw{transform:translate(2px,-2px);color:#5EEAD4}
}
.ck-ct-ways__loc{display:flex;align-items:center;gap:9px;margin:4px 0 0;font-size:13px;
  line-height:1.6;color:rgba(255,255,255,.44)}
.ck-ct-ways__loc svg{color:#2DD4BF;flex:none}
.ck-ct-alt .ck-ab__inner{gap:40px}

/* ==========================================================================
   404
   ========================================================================== */
.ck-404__sec{position:relative;overflow:hidden;isolation:isolate;background:#040D0B;
  margin-top:-80px;padding:184px 0 130px}
.ck-404__bg{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(165deg,#04120F 0%,#050B0A 50%,#03100E 100%)}
.ck-404__glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(48% 60% at 50% 12%,rgba(20,184,166,.20) 0%,rgba(4,13,11,0) 68%)}
.ck-404__grid{position:absolute;inset:0;pointer-events:none;opacity:.12;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(60% 60% at 50% 40%,#000 0%,transparent 78%);
  mask-image:radial-gradient(60% 60% at 50% 40%,#000 0%,transparent 78%)}
.ck-404__inner{position:relative;z-index:1;width:100%;max-width:820px;margin-inline:auto;
  padding-inline:40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ck-404__code{font-family:var(--font-numeric);font-size:clamp(72px,14vw,150px);font-weight:700;
  line-height:.9;letter-spacing:-.05em;color:transparent;
  background:linear-gradient(180deg,rgba(45,212,191,.34) 0%,rgba(45,212,191,.04) 100%);
  -webkit-background-clip:text;background-clip:text;margin-bottom:-8px}
.ck-404 h1{font-family:var(--font-display);font-weight:var(--weight-extrabold);
  font-size:clamp(28px,4.2vw,52px);line-height:1.06;letter-spacing:-.04em;color:#fff;margin:0}
.ck-404__inner>p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.62);margin:0;max-width:44ch}
.ck-404__acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}
.ck-404__links{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:26px;
  padding-top:26px;border-top:1px solid rgba(255,255,255,.09);width:100%}
.ck-404__links b{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-bold);
  letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.ck-404__links ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}
.ck-404__links a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;
  border-radius:var(--radius-pill);background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.72);
  font-size:13.5px;font-weight:var(--weight-medium);text-decoration:none;
  transition:var(--transition-base)}
.ck-404__links a svg{color:#5EEAD4;flex:none}
.ck-404__links a:hover{background:rgba(45,212,191,.10);border-color:rgba(45,212,191,.3);color:#fff}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1024px){
  .ck-fq-body__inner{padding-inline:32px}
  .ck-ct-hero .ck-hx__inner{grid-template-columns:minmax(0,1fr);gap:44px}
  .ck-404__sec{padding:158px 0 100px;margin-top:-72px}
}
@media (max-width:768px){
  .ck-fq-body{padding-block:44px 78px}
  .ck-fq-body__inner{padding-inline:24px;gap:20px}
  .ck-fq-tools{position:static;padding:15px 16px}
  .ck-fq-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ck-fq-chips::-webkit-scrollbar{display:none}
  .ck-fq-chip{min-height:44px}
  .ck-fq-group{scroll-margin-top:100px}
  .ck-fq-ask{padding:24px 22px;flex-direction:column;align-items:stretch}
  .ck-fq-ask__b{width:100%}
  .ck-fq-ask__b .ck-btn,.ck-fq-ask__b .ck-sd-talk__btn{flex:1 1 auto;justify-content:center}
  .ck-404__sec{padding:132px 0 80px}
  .ck-404__inner{padding-inline:24px}
  .ck-404__acts{flex-direction:column;align-items:stretch;width:100%}
  .ck-404__acts .ck-btn{width:100%;padding-block:16px}
}
@media (max-width:640px){
  .ck-fq-body__inner{padding-inline:20px}
  .ck-ct-way{padding:15px 16px;gap:13px}
  .ck-ct-way__ico{width:42px;height:42px}
}

@media (prefers-reduced-motion:reduce){
  .ck-ct-way,.ck-ct-way__arw,.ck-fq-chip{transition:none}
}

/* search clear tap area on touch screens */
@media (max-width:768px){
  .ck-fq-search__x{width:40px;height:40px}
  .ck-fq-search input{padding-right:52px}
}