/* Click Experience v3.6.0 — Typography System
   Display: Sora / Interface & reading: Manrope
   Loaded last so the type system stays consistent across every module. */
:root{
  --cxs-font-display:"Sora","Manrope","Avenir Next","Segoe UI",sans-serif;
  --cxs-font-ui:"Manrope","Avenir Next","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}

/* UI / reading layer ------------------------------------------------------ */
body.cxs-site{
  font-family:var(--cxs-font-ui);
  font-optical-sizing:auto;
  font-kerning:normal;
  font-synthesis-weight:none;
  letter-spacing:-.006em;
}
.cxs-header,
#cxs-main,
.cxs-footer,
.cxs-dialog,
.cxs-explore-dialog,
.cxs-services-dialog{
  font-family:var(--cxs-font-ui);
}
.cxs-header :where(a,button,input,select,textarea,label),
#cxs-main :where(a,button,input,select,textarea,label),
.cxs-footer :where(a,button,input,select,textarea,label),
.cxs-dialog :where(a,button,input,select,textarea,label),
.cxs-explore-dialog :where(a,button,input,select,textarea,label),
.cxs-services-dialog :where(a,button,input,select,textarea,label){
  font-family:var(--cxs-font-ui);
}

/* Display layer ----------------------------------------------------------- */
#cxs-main :where(h1,h2,h3,h4,h5,h6,blockquote),
.cxs-dialog :where(h1,h2,h3),
.cxs-explore-dialog :where(h1,h2,h3),
.cxs-services-dialog :where(h1,h2,h3){
  font-family:var(--cxs-font-display);
  font-optical-sizing:auto;
}
#cxs-main :where(h1,h2){font-weight:800}
#cxs-main :where(h3,h4){font-weight:700}

/* High-impact headlines: refine the ultra-compressed legacy tracking.
   Sora needs a little more air to retain premium legibility. */
.cxs-hero-title,
.cxs-services-directory__intro h1,
.cxs-hub-hero h1,
.cxs-service-landing__hero h1,
.cxs-about-page__hero h1,
.cxs-contact-hero h1,
.cxs-editorial-hero h1,
.cxs-course-single__copy h1,
.cxs-article-single__copy h1,
.cxs-portfolio-hero h1,
.cxs-project-single__copy h1,
.cxs-store-hero h1,
.cxs-store-single__copy h1,
.cxs-404 h1{
  font-family:var(--cxs-font-display)!important;
  font-weight:800;
  letter-spacing:-.048em;
}
.cxs-hero-title{letter-spacing:-.045em!important}
.cxs-hero-title>span{font-weight:800!important}
.cxs-hero-title>strong{font-weight:400!important;letter-spacing:-.048em!important}
.cxs-services-directory__intro h1 span,
.cxs-hub-hero h1 span,
.cxs-about-page__hero h1>span,
.cxs-contact-hero h1 span{
  font-weight:800!important;
}

/* Section headings -------------------------------------------------------- */
.cxs-home-services h2,
.cxs-why h2,
.cxs-academy h2,
.cxs-insights h2,
.cxs-home-about h2,
.cxs-home-final h2,
.cxs-corp-section-head h2,
.cxs-about-purpose h2,
.cxs-about-values h2,
.cxs-editorial-section-head h2,
.cxs-portfolio-section-head h2,
.cxs-store-section-head h2,
.cxs-editorial-cta h2,
.cxs-about-page__cta h2{
  font-family:var(--cxs-font-display);
  font-weight:750;
  letter-spacing:-.04em;
}

/* Cards and editorial hierarchy ------------------------------------------ */
.cxs-svc-copy h3,
.cxs-why h3,
.cxs-course-card h3,
.cxs-insight-copy h3,
.cxs-about-story__chapter h3,
.cxs-about-values__display h3,
.cxs-blog-card h2,
.cxs-blog-card h3,
.cxs-course-directory__card h2,
.cxs-course-directory__card h3,
.cxs-portfolio-card h2,
.cxs-portfolio-card h3,
.cxs-store-card h2,
.cxs-store-card h3,
.cxs-editorial-prose h2,
.cxs-editorial-prose h3{
  font-family:var(--cxs-font-display);
  letter-spacing:-.03em;
}

/* Assistant = product UI: display language for questions, Manrope for flow */
.cxs-assistant-heading h2,
#cxs-question,
.cxs-contact-form__head strong,
.cxs-store-cart__panel>header h2,
.cxs-store-cart__item h3,
.cxs-store-cart__empty h3{
  font-family:var(--cxs-font-display);
}
.cxs-assistant-heading h2{font-weight:750;letter-spacing:-.035em}
#cxs-question{font-weight:700;letter-spacing:-.035em}

/* Signature numbers / years / prices ------------------------------------- */
.cxs-hero-proof strong,
.cxs-about-story__visual>span,
.cxs-about-story__stage-meta>strong,
.cxs-about-values__display>span,
.cxs-store-single__price strong,
.cxs-store-cart__summary strong,
.cxs-portfolio-stat strong,
.cxs-project-stat strong{
  font-family:var(--cxs-font-display);
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* Eyebrows and microcopy stay functional, not decorative. */
.cxs-eyebrow,
.cxs-section-eyebrow,
.cxs-why-eyebrow,
.cxs-corp-eyebrow,
.cxs-corp-kicker,
.cxs-scene-category,
.cxs-course-kicker,
.cxs-chat-kicker,
.cxs-topbar,
.cxs-desktop-nav,
.cxs-mobile-nav,
.cxs-header-search,
.cxs-corp-journey{
  font-family:var(--cxs-font-ui);
}
.cxs-eyebrow,
.cxs-section-eyebrow,
.cxs-why-eyebrow,
.cxs-corp-eyebrow,
.cxs-corp-kicker,
.cxs-course-kicker,
.cxs-chat-kicker{
  font-weight:700;
  letter-spacing:.13em;
}

/* Buttons / navigation: Manrope has stronger UI rhythm than Sora. */
.cxs-hero-cta,
.cxs-corp-btn,
.cxs-editorial-btn,
.cxs-portfolio-btn,
.cxs-store-btn,
.cxs-course-more,
.cxs-contact-submit,
.cxs-store-cart-trigger,
.cxs-store-cart__wa,
.cxs-desktop-nav>a,
.cxs-desktop-nav>button,
.cxs-mobile-nav button{
  font-family:var(--cxs-font-ui)!important;
  font-weight:700;
  letter-spacing:-.012em;
}

/* Long-form reading: slightly calmer than the UI. */
.cxs-prose,
.cxs-editorial-prose,
.cxs-article-single__excerpt,
.cxs-course-single__lead,
.cxs-store-single__lead,
.cxs-contact-form,
.cxs-corp-lead{
  font-family:var(--cxs-font-ui);
  letter-spacing:-.008em;
}
.cxs-prose,
.cxs-editorial-prose{font-weight:400}

/* Responsive optical tuning ---------------------------------------------- */
@media(max-width:760px){
  .cxs-hero-title,
  .cxs-services-directory__intro h1,
  .cxs-about-page__hero h1,
  .cxs-contact-hero h1,
  .cxs-editorial-hero h1,
  .cxs-portfolio-hero h1,
  .cxs-store-hero h1{
    letter-spacing:-.043em!important;
  }
  #cxs-main :where(h2,h3){letter-spacing:-.03em}
}