/* checka · unified public content design
 * Secondary public pages inherit the same visual language as the main landing:
 * deep navy signal stage, orange emphasis, blue constellation assets, white evidence
 * surfaces and one responsive rhythm. The authenticated app and the landing hero
 * are intentionally outside this stylesheet's scope.
 */
:root{
  --cu-navy-950:#020817;
  --cu-navy-900:#03122a;
  --cu-navy-850:#061936;
  --cu-navy-800:#08234f;
  --cu-blue:#1466d9;
  --cu-blue-soft:#eaf3ff;
  --cu-cloud:#f4f7fb;
  --cu-white:#fff;
  --cu-ink:#081a36;
  --cu-muted:#5d718d;
  --cu-line:#d8e4f1;
  --cu-orange:#ff642f;
  --cu-orange-2:#ff7b36;
  --cu-shadow:0 18px 48px rgba(8,35,79,.10);
  --cu-shadow-soft:0 10px 28px rgba(8,35,79,.07);
  --cu-radius:18px;
  --cu-stage:
    url('/assets/checka-hero-particles-b-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-particles-a-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-mantle-highlight-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-mantle-2-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-mantle-1-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-constellation-right-v11.svg?v=20260804-13'),
    url('/assets/checka-hero-constellation-left-v11.svg?v=20260804-13'),
    radial-gradient(circle at 8% 72%,rgba(21,110,255,.40),transparent 30%),
    radial-gradient(circle at 94% 26%,rgba(24,122,255,.42),transparent 29%),
    linear-gradient(108deg,#020817 0%,#03122a 39%,#071c42 72%,#0b2d67 100%);
}

/* ---------- shared secondary canvas ---------- */
body.landing.checka-public-unified:not(.plans-page){
  min-width:320px!important;
  overflow-x:clip!important;
  background:var(--cu-cloud)!important;
  color:var(--cu-ink)!important;
}
body.landing.checka-public-unified:not(.plans-page) main#main{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:clip!important;
  background:
    radial-gradient(circle at 86% 62%,rgba(35,111,230,.09),transparent 26%),
    linear-gradient(180deg,#f4f7fb 0%,#f8fafe 58%,#f2f6fb 100%)!important;
}
body.landing.checka-public-unified:not(.plans-page) main#main::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:50%;
  width:100vw;
  height:560px;
  transform:translateX(-50%);
  pointer-events:none;
  background-image:var(--cu-stage);
  background-repeat:no-repeat;
  background-position:left top,center top,center 8px,center 4px,center -6px,right -32px top,left -32px top,8% 72%,94% 26%,center top;
  background-size:100% 560px,100% 560px,100% 570px,100% 570px,100% 570px,100% 560px,100% 560px,100% 560px,100% 560px,100% 560px;
}
body.landing.checka-public-unified .seo-shell,
body.landing.checka-public-unified .authority-shell,
body.landing.checka-public-unified .ai-authority-shell{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:24px 0 76px!important;
  box-sizing:border-box!important;
}

/* ---------- breadcrumbs over the signal stage ---------- */
body.landing.checka-public-unified .seo-breadcrumbs,
body.landing.checka-public-unified .authority-breadcrumbs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:8px 0 18px!important;
  color:rgba(205,222,245,.70)!important;
  font:650 12px/1.35 "Instrument Sans",sans-serif!important;
}
body.landing.checka-public-unified .seo-breadcrumbs a,
body.landing.checka-public-unified .authority-breadcrumbs a{
  color:#d9e7f8!important;
  text-decoration:none!important;
}
body.landing.checka-public-unified .seo-breadcrumbs a:hover,
body.landing.checka-public-unified .authority-breadcrumbs a:hover{color:#fff!important;}

/* ---------- one hero grammar for all public content ---------- */
body.landing.checka-public-unified .seo-page-header,
body.landing.checka-public-unified .authority-hero,
body.landing.checka-public-unified .ai-authority-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.36fr) minmax(280px,.64fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:46px 48px!important;
  border:1px solid rgba(133,185,249,.42)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(45,124,255,.18),transparent 34%),
    linear-gradient(138deg,rgba(2,12,31,.93),rgba(5,31,70,.90))!important;
  box-shadow:0 24px 58px rgba(0,8,24,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  color:#fff!important;
}
body.landing.checka-public-unified .seo-page-header--article{display:block!important;padding-right:clamp(44px,8vw,112px)!important;}
body.landing.checka-public-unified .seo-page-header h1,
body.landing.checka-public-unified .authority-hero h1,
body.landing.checka-public-unified .ai-authority-hero h1{
  max-width:820px!important;
  margin:7px 0 16px!important;
  color:#f8fbff!important;
  font-family:"Bricolage Grotesque",sans-serif!important;
  font-size:clamp(42px,5.4vw,66px)!important;
  font-weight:720!important;
  line-height:.98!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
}
body.landing.checka-public-unified .seo-page-header h1 span,
body.landing.checka-public-unified .authority-hero h1 span,
body.landing.checka-public-unified .ai-authority-hero h1 span{color:var(--cu-orange)!important;}
body.landing.checka-public-unified .seo-page-header p:not(.seo-kicker),
body.landing.checka-public-unified .authority-hero .lead,
body.landing.checka-public-unified .ai-authority-hero .lead{
  max-width:760px!important;
  margin:0!important;
  color:#bdcce0!important;
  font:400 16px/1.58 "Instrument Sans",sans-serif!important;
}
body.landing.checka-public-unified .seo-kicker,
body.landing.checka-public-unified .authority-kicker,
body.landing.checka-public-unified .ai-kicker{
  color:var(--cu-orange)!important;
  font-family:"Instrument Sans",sans-serif!important;
  font-size:10px!important;
  font-weight:780!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
body.landing.checka-public-unified .seo-header-meta,
body.landing.checka-public-unified .authority-meta,
body.landing.checka-public-unified .ai-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:20px!important;
  color:#d4e2f4!important;
}
body.landing.checka-public-unified .seo-header-meta span,
body.landing.checka-public-unified .authority-meta span,
body.landing.checka-public-unified .ai-meta span{
  padding:7px 10px!important;
  border:1px solid rgba(170,205,249,.26)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:#d7e5f6!important;
  font-size:11px!important;
  line-height:1!important;
}

/* hero side panels */
body.landing.checka-public-unified .seo-header-aside,
body.landing.checka-public-unified .authority-panel,
body.landing.checka-public-unified .ai-side-card{
  align-self:stretch!important;
  min-width:0!important;
  padding:24px!important;
  border:1px solid rgba(146,194,251,.55)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(3,18,42,.96),rgba(9,48,104,.92))!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(0,7,25,.24)!important;
}
body.landing.checka-public-unified .seo-header-aside strong,
body.landing.checka-public-unified .authority-panel h2,
body.landing.checka-public-unified .ai-side-card h2{
  color:#fff!important;
  font-family:"Bricolage Grotesque",sans-serif!important;
  font-weight:700!important;
}
body.landing.checka-public-unified .seo-header-aside p,
body.landing.checka-public-unified .authority-panel p,
body.landing.checka-public-unified .ai-side-card p{color:#c3d2e5!important;}
body.landing.checka-public-unified .seo-aside-list li,
body.landing.checka-public-unified .authority-panel li,
body.landing.checka-public-unified .ai-side-card li{color:#eef5ff!important;border-color:rgba(255,255,255,.12)!important;}

/* hero actions */
body.landing.checka-public-unified .seo-actions,
body.landing.checka-public-unified .ai-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important;}
body.landing.checka-public-unified .seo-actions a,
body.landing.checka-public-unified .ai-actions a,
body.landing.checka-public-unified .authority-button{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font:750 13px/1 "Instrument Sans",sans-serif!important;
  text-decoration:none!important;
}
body.landing.checka-public-unified .seo-primary,
body.landing.checka-public-unified .ai-primary,
body.landing.checka-public-unified .authority-button{
  border:1px solid var(--cu-orange-2)!important;
  background:linear-gradient(135deg,#ff5a1f,var(--cu-orange-2))!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(255,90,31,.24)!important;
}
body.landing.checka-public-unified .seo-secondary,
body.landing.checka-public-unified .ai-secondary{
  border:1px solid rgba(113,152,203,.42)!important;
  background:#fff!important;
  color:var(--cu-ink)!important;
}

/* ---------- section rhythm ---------- */
body.landing.checka-public-unified .seo-section,
body.landing.checka-public-unified .authority-section,
body.landing.checka-public-unified .ai-section{
  position:relative!important;
  padding:58px 0 0!important;
  border-top:0!important;
}
body.landing.checka-public-unified .seo-section:first-of-type,
body.landing.checka-public-unified .authority-section:first-of-type,
body.landing.checka-public-unified .ai-section:first-of-type{padding-top:46px!important;}
body.landing.checka-public-unified .seo-section-head,
body.landing.checka-public-unified .ai-section-head{max-width:840px!important;margin-bottom:20px!important;}
body.landing.checka-public-unified .seo-section h2,
body.landing.checka-public-unified .authority-section h2,
body.landing.checka-public-unified .ai-section h2,
body.landing.checka-public-unified .ai-resource-rail h2{
  color:var(--cu-ink)!important;
  font-family:"Bricolage Grotesque",sans-serif!important;
  font-size:clamp(30px,3.6vw,46px)!important;
  font-weight:720!important;
  line-height:1.02!important;
  letter-spacing:-.042em!important;
  text-wrap:balance!important;
}
body.landing.checka-public-unified .seo-section p,
body.landing.checka-public-unified .authority-section p,
body.landing.checka-public-unified .ai-section p{color:var(--cu-muted);}

/* ---------- direct answers and highlighted blocks ---------- */
body.landing.checka-public-unified .seo-quick-answer,
body.landing.checka-public-unified .authority-quick,
body.landing.checka-public-unified .ai-direct-answer,
body.landing.checka-public-unified .seo-definition{
  margin-top:28px!important;
  padding:26px 28px!important;
  border:1px solid #cbdced!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff,#eaf3ff)!important;
  box-shadow:var(--cu-shadow-soft)!important;
  color:var(--cu-ink)!important;
}
body.landing.checka-public-unified .ai-direct-answer h2,
body.landing.checka-public-unified .seo-quick-answer h2,
body.landing.checka-public-unified .authority-quick h2{color:var(--cu-ink)!important;}
body.landing.checka-public-unified .ai-direct-answer p,
body.landing.checka-public-unified .seo-quick-answer p,
body.landing.checka-public-unified .authority-quick p{color:var(--cu-muted)!important;}
body.landing.checka-public-unified .ai-direct-answer-links a{color:#0757b7!important;font-weight:700!important;}

/* ---------- cards ---------- */
body.landing.checka-public-unified .seo-card,
body.landing.checka-public-unified .authority-card,
body.landing.checka-public-unified .ai-card,
body.landing.checka-public-unified .authority-split>div,
body.landing.checka-public-unified .ai-levels article,
body.landing.checka-public-unified .seo-proof-grid>article,
body.landing.checka-public-unified .seo-intent-strip>article,
body.landing.checka-public-unified .seo-glossary-grid>article{
  min-width:0!important;
  border:1px solid var(--cu-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(11,42,83,.045)!important;
}
body.landing.checka-public-unified .seo-card,
body.landing.checka-public-unified .authority-card,
body.landing.checka-public-unified .ai-card{padding:22px!important;}
body.landing.checka-public-unified .seo-card h3,
body.landing.checka-public-unified .authority-card h3,
body.landing.checka-public-unified .ai-card h3{color:var(--cu-ink)!important;font-family:"Bricolage Grotesque",sans-serif!important;}
body.landing.checka-public-unified .seo-card p,
body.landing.checka-public-unified .authority-card p,
body.landing.checka-public-unified .ai-card p{color:var(--cu-muted)!important;}
body.landing.checka-public-unified a.seo-card:hover,
body.landing.checka-public-unified .ai-resource-grid a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,100,47,.58)!important;
  box-shadow:var(--cu-shadow)!important;
}

/* ---------- tables ---------- */
body.landing.checka-public-unified .seo-checklist,
body.landing.checka-public-unified .authority-table-wrap,
body.landing.checka-public-unified .ai-table-wrap{
  overflow:auto!important;
  border:1px solid var(--cu-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(8,35,79,.045)!important;
}
body.landing.checka-public-unified .seo-checklist table,
body.landing.checka-public-unified .authority-table,
body.landing.checka-public-unified .ai-table{width:100%!important;border-collapse:collapse!important;}
body.landing.checka-public-unified .seo-checklist th,
body.landing.checka-public-unified .authority-table th,
body.landing.checka-public-unified .ai-table th{
  background:#edf4fb!important;
  color:#49617f!important;
}
body.landing.checka-public-unified .seo-checklist td,
body.landing.checka-public-unified .authority-table td,
body.landing.checka-public-unified .ai-table td{color:#516985!important;border-color:#e2eaf3!important;}

/* ---------- resource rails / related content ---------- */
body.landing.checka-public-unified .ai-resource-rail,
body.landing.checka-public-unified .seo-cluster-nav,
body.landing.checka-public-unified .seo-related,
body.landing.checka-public-unified .authority-next{
  margin-top:54px!important;
  padding:24px!important;
  border:1px solid #cbdced!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff 0%,#edf5ff 100%)!important;
  box-shadow:var(--cu-shadow-soft)!important;
}
body.landing.checka-public-unified .ai-resource-grid a,
body.landing.checka-public-unified .seo-cluster-grid a,
body.landing.checka-public-unified .seo-related-grid a{
  border:1px solid var(--cu-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--cu-ink)!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

/* ---------- callouts / FAQ / CTA ---------- */
body.landing.checka-public-unified .ai-callout,
body.landing.checka-public-unified .authority-callout{
  border-left:3px solid var(--cu-orange)!important;
  border-radius:0 13px 13px 0!important;
  background:#fff3ed!important;
  color:#75402e!important;
}
body.landing.checka-public-unified .seo-faq details,
body.landing.checka-public-unified .authority-faq details,
body.landing.checka-public-unified .ai-faq details{border-color:var(--cu-line)!important;background:transparent!important;}
body.landing.checka-public-unified .seo-faq summary,
body.landing.checka-public-unified .authority-faq summary,
body.landing.checka-public-unified .ai-faq summary{color:var(--cu-ink)!important;}
body.landing.checka-public-unified .seo-cta,
body.landing.checka-public-unified .authority-next{
  border:1px solid rgba(255,100,47,.42)!important;
  background:
    radial-gradient(circle at 94% 18%,rgba(255,100,47,.08),transparent 26%),
    #fff!important;
}

/* ---------- footer continuity ---------- */
body.landing.checka-public-unified .l-footer,
body.landing.checka-public-unified .l-footer-v2{margin-top:0!important;}

/* ---------- legal page: same brand shell, reading-first body ---------- */
body.legal-page.checka-public-unified{
  background:
    radial-gradient(circle at 90% 8%,rgba(34,112,227,.10),transparent 25%),
    var(--cu-cloud)!important;
  color:var(--cu-ink)!important;
}
body.legal-page.checka-public-unified .legal-nav{
  background:
    radial-gradient(circle at 86% 24%,rgba(76,163,255,.22),transparent 22%),
    linear-gradient(110deg,#061936 0%,#0a3478 66%,#115ec9 100%)!important;
}
body.legal-page.checka-public-unified .legal-shell{
  width:min(100% - 40px,1040px)!important;
  padding:48px 54px 58px!important;
  border:1px solid var(--cu-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--cu-shadow)!important;
}
body.legal-page.checka-public-unified .legal-shell h1,
body.legal-page.checka-public-unified .legal-shell h2,
body.legal-page.checka-public-unified .legal-shell h3{color:var(--cu-ink)!important;font-family:"Bricolage Grotesque",sans-serif!important;}
body.legal-page.checka-public-unified .legal-shell a{color:#0757b7!important;}

/* ---------- responsive ---------- */
@media(max-width:900px){
  body.landing.checka-public-unified:not(.plans-page) main#main::before{height:690px;background-size:cover;}
  body.landing.checka-public-unified .seo-page-header,
  body.landing.checka-public-unified .authority-hero,
  body.landing.checka-public-unified .ai-authority-hero{grid-template-columns:1fr!important;padding:34px!important;gap:22px!important;}
  body.landing.checka-public-unified .seo-grid,
  body.landing.checka-public-unified .authority-grid,
  body.landing.checka-public-unified .ai-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  body.landing.checka-public-unified .seo-shell,
  body.landing.checka-public-unified .authority-shell,
  body.landing.checka-public-unified .ai-authority-shell{width:calc(100% - 24px)!important;padding:14px 0 54px!important;}
  body.landing.checka-public-unified:not(.plans-page) main#main::before{height:760px;}
  body.landing.checka-public-unified .seo-breadcrumbs,
  body.landing.checka-public-unified .authority-breadcrumbs{padding:8px 2px 14px!important;}
  body.landing.checka-public-unified .seo-page-header,
  body.landing.checka-public-unified .authority-hero,
  body.landing.checka-public-unified .ai-authority-hero{padding:26px 22px!important;border-radius:16px!important;}
  body.landing.checka-public-unified .seo-page-header h1,
  body.landing.checka-public-unified .authority-hero h1,
  body.landing.checka-public-unified .ai-authority-hero h1{font-size:clamp(34px,10.5vw,46px)!important;line-height:1!important;}
  body.landing.checka-public-unified .seo-page-header p:not(.seo-kicker),
  body.landing.checka-public-unified .authority-hero .lead,
  body.landing.checka-public-unified .ai-authority-hero .lead{font-size:14px!important;}
  body.landing.checka-public-unified .seo-section,
  body.landing.checka-public-unified .authority-section,
  body.landing.checka-public-unified .ai-section{padding-top:42px!important;}
  body.landing.checka-public-unified .seo-grid,
  body.landing.checka-public-unified .authority-grid,
  body.landing.checka-public-unified .ai-grid-2,
  body.landing.checka-public-unified .ai-grid-3,
  body.landing.checka-public-unified .ai-grid-5,
  body.landing.checka-public-unified .seo-glossary-grid,
  body.landing.checka-public-unified .seo-proof-grid,
  body.landing.checka-public-unified .seo-intent-strip,
  body.landing.checka-public-unified .ai-resource-grid,
  body.landing.checka-public-unified .seo-cluster-grid{grid-template-columns:1fr!important;}
  body.landing.checka-public-unified .seo-actions,
  body.landing.checka-public-unified .ai-actions{display:grid!important;grid-template-columns:1fr!important;}
  body.landing.checka-public-unified .seo-actions a,
  body.landing.checka-public-unified .ai-actions a{width:100%!important;box-sizing:border-box!important;}
  body.legal-page.checka-public-unified .legal-shell{width:calc(100% - 24px)!important;padding:30px 22px 40px!important;border-radius:18px!important;}
}
@media(prefers-reduced-motion:reduce){
  body.landing.checka-public-unified *,body.landing.checka-public-unified *::before,body.landing.checka-public-unified *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
