/* KENVARA public pages - compact product UI, 14 Oct 2026 */

/* Shared readable scale for secondary pages */
.module-page .breadcrumb,
.module-page .page-meta .overline,
.module-page .toc h2,
.module-page .toc a,
.module-page .detail .idx,
.module-page .related-title,
.module-page .related a,
.module-page .boundary strong,
.module-page .boundary p,
.module-page .sample-top,
.module-page .sample-top b,
.module-page .sample-caption,
.module-page .demo-label,
.module-page .address-path small,
.module-page .address-example p,
.module-page .range-label,
.module-page .stock-fact > span,
.module-page .stock-equation span,
.module-page .micro,
.service-page .breadcrumb,
.service-page .page-meta .overline,
.service-page .step-num,
.start-page .breadcrumb,
.start-page .overline,
.start-page .text-link,
.about-page .breadcrumb,
.about-page .overline,
.about-page .step-num,
.about-page .fact,
.contact-page .breadcrumb,
.contact-page .overline,
.contact-page .fact,
.contact-page .field,
.contact-page .copy-status,
.docs-page .breadcrumb,
.docs-page .overline,
.docs-page .feature-row .idx,
.legal-page .breadcrumb,
.legal-page .overline,
.notfound-page .breadcrumb{
  font-size:15px;
  line-height:1.45;
}

/* Product module pages */
.module-page .page-intro{
  padding:28px 0 30px;
  background:#fff;
}
.module-page .page-intro .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 370px;
  column-gap:64px;
  align-items:end;
}
.module-page .page-intro .breadcrumb{
  grid-column:1 / -1;
  margin:0 0 20px;
}
.module-page .page-intro .page-meta{
  grid-column:1;
  grid-row:2;
  margin:0 0 8px;
}
.module-page .page-intro h1{
  grid-column:1;
  grid-row:3;
  max-width:820px;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.module-page .page-intro .lead{
  grid-column:2;
  grid-row:2 / 4;
  align-self:end;
  max-width:none;
  margin:0;
  padding-left:28px;
  border-left:1px solid var(--line);
  font-size:15px;
  line-height:1.58;
}
.module-page .page-intro .actions{
  grid-column:1;
  grid-row:4;
  margin-top:20px;
}
.module-page .page-intro .actions .btn{
  min-height:42px;
  border-radius:3px;
  font-size:15px;
}
.module-page .module-layout{
  grid-template-columns:205px minmax(0,1fr);
  gap:44px;
  padding-top:30px;
  padding-bottom:38px;
}
.module-page .toc{top:82px}
.module-page .toc h2{
  margin-bottom:9px;
  color:#6c7687;
  letter-spacing:.06em;
}
.module-page .toc a{
  padding:8px 11px;
  border-left-width:1px;
}
.module-page .toc .all-modules{margin-top:12px;padding-left:0}
.module-page .module-lead{
  max-width:820px;
  margin-bottom:20px;
  font-size:18px;
  line-height:1.55;
}
.module-page .detail{
  grid-template-columns:36px minmax(0,1fr);
  gap:15px;
  padding:18px 0;
}
.module-page .detail .idx{padding-top:4px}
.module-page .detail h2{
  margin-bottom:6px;
  font-size:23px;
  line-height:1.25;
}
.module-page .detail p{
  max-width:840px;
  font-size:15px;
  line-height:1.6;
}
.module-page .boundary{
  margin-top:18px;
  padding:16px 18px;
  border-left-width:2px;
  border-radius:0 3px 3px 0;
}
.module-page .boundary strong{margin-bottom:4px}
.module-page .related-title{
  margin-top:26px;
  color:#6c7687;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.module-page .related{margin-top:10px}
.module-page .related a{
  padding:7px 11px;
  border-radius:3px;
}
.module-page .sample,
.module-page .address-example,
.module-page .stock-demo{
  border-radius:3px;
  box-shadow:none;
}
.module-page .sample{margin:18px 0 22px}
.module-page .sample-top{padding:11px 14px}
.module-page .sample-caption{padding:12px 14px;background:#fafbfc}
.module-page .address-example{margin:18px 0;padding:18px}
.module-page .address-example p{margin-top:13px}
.module-page .address-path b{font-size:24px}
.module-page .module-stock{margin:20px 0}
.module-page .content-guard-why{
  padding:26px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.module-page .content-guard-why .section-head{margin-bottom:20px}
.module-page .content-guard-why .section-head p,
.module-page .content-guard-why .column p{font-size:15px;line-height:1.55}
.module-page .content-guard-value{margin:18px 0}
.module-page .cta-section{padding:24px 0 30px}
.module-page .callout{
  padding:20px 22px;
  border-radius:3px;
}
.module-page .callout h2{font-size:24px}
.module-page .callout p{font-size:15px;line-height:1.5}
.module-page .callout .btn{font-size:15px;border-radius:3px}

/* Service utility pages */
.service-page .page-intro,
.start-page .page-intro,
.about-page .page-intro,
.contact-page .page-intro,
.docs-page .page-intro,
.legal-page .page-intro{
  padding:28px 0 30px;
  background:#fff;
}
.service-page .page-intro .wrap,
.start-page .page-intro .wrap,
.contact-page .page-intro .wrap,
.docs-page .page-intro .wrap,
.legal-page .page-intro .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  column-gap:64px;
  align-items:end;
}
.service-page .page-intro .breadcrumb,
.start-page .page-intro .breadcrumb,
.contact-page .page-intro .breadcrumb,
.docs-page .page-intro .breadcrumb,
.legal-page .page-intro .breadcrumb{
  grid-column:1 / -1;
  margin:0 0 20px;
}
.service-page .page-intro .page-meta,
.contact-page .page-intro .page-meta,
.docs-page .page-intro .page-meta,
.legal-page .page-intro .page-meta,
.start-page .page-intro .overline{
  grid-column:1;
  grid-row:2;
  margin:0 0 8px;
}
.service-page .page-intro h1,
.start-page .page-intro h1,
.contact-page .page-intro h1,
.docs-page .page-intro h1,
.legal-page .page-intro h1{
  grid-column:1;
  grid-row:3;
  max-width:850px;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.service-page .page-intro .lead,
.start-page .page-intro .lead,
.contact-page .page-intro .lead,
.docs-page .page-intro .lead,
.legal-page .page-intro .lead{
  grid-column:2;
  grid-row:2 / 4;
  align-self:end;
  margin:0;
  padding-left:28px;
  border-left:1px solid var(--line);
  font-size:15px;
  line-height:1.58;
}
.service-page .section,
.start-page .section,
.about-page .section,
.contact-page .section,
.docs-page .section{padding:32px 0}
.service-page .three-columns{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-page .column{
  min-height:185px;
  padding:20px 24px;
  border-left:1px solid var(--line);
}
.service-page .column:first-child{padding-left:0}
.service-page .column h2{font-size:22px;line-height:1.25}
.service-page .column p{margin-top:10px;font-size:15px;line-height:1.55}
.service-page .actions{margin-top:20px}
.service-page .btn{font-size:15px;border-radius:3px}

/* Onboarding */
.start-page .onboarding-layout{gap:48px}
.start-page .onboarding-steps li{padding:18px 0;gap:18px}
.start-page .onboarding-steps li > span{font-size:15px}
.start-page .onboarding-steps h2{font-size:22px;margin-bottom:5px}
.start-page .onboarding-steps p{font-size:15px;line-height:1.55}
.start-page .onboarding-steps .text-link{display:inline-block;margin-top:8px}
.start-page .setup-checklist{
  padding:20px;
  border-radius:3px;
}
.start-page .setup-checklist h2{font-size:23px}
.start-page .setup-checklist p,
.start-page .setup-checklist li{font-size:15px;line-height:1.55}
.start-page .setup-checklist .btn{font-size:15px;border-radius:3px}
.start-page .section-head{margin-bottom:18px}
.start-page .section-head h2{font-size:28px}
.start-page .three-columns{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.start-page .column{padding:20px 24px}
.start-page .column:first-child{padding-left:0}
.start-page .column h3{font-size:21px;margin-bottom:7px}
.start-page .column p{font-size:15px;line-height:1.55}
.start-page .cta-section{padding:24px 0 30px}
.start-page .callout{padding:20px 22px;border-radius:3px}
.start-page .callout h2{font-size:24px}
.start-page .callout p,.start-page .cta-help{font-size:15px}

/* About */
.about-page .page-intro .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  column-gap:64px;
  align-items:end;
}
.about-page .page-intro .breadcrumb{grid-column:1/-1;margin:0 0 20px}
.about-page .page-intro .page-meta{grid-column:1;grid-row:2;margin:0 0 8px}
.about-page .page-intro h1{grid-column:1;grid-row:3;font-size:44px;line-height:1.08;letter-spacing:-.04em;max-width:860px}
.about-page .page-intro .lead{grid-column:2;grid-row:2/4;align-self:end;margin:0;padding-left:28px;border-left:1px solid var(--line);font-size:15px;line-height:1.58}
.about-page .two-col{gap:54px}
.about-page .two-col h2{font-size:28px}
.about-page .two-col p{font-size:15px;line-height:1.6}
.about-page .about-copy p + p{margin-top:12px}
.about-page .facts{margin-top:18px}
.about-page .fact{padding:10px 0}
.about-page .feature-row{
  grid-template-columns:230px minmax(0,1fr) auto;
  gap:20px;
  padding:15px 0;
}
.about-page .feature-row h3{
  font-size:18px;
  line-height:1.3;
}
.about-page .feature-row .principle-initial{
  display:inline-block;
  margin-right:1px;
  color:var(--primary);
  font-size:23px;
  line-height:1;
  font-weight:700;
}
.about-page .feature-row p{font-size:15px;line-height:1.5}
.about-page .process>div{padding:18px 20px}
.about-page .process h3{font-size:18px}
.about-page .process p{font-size:15px;line-height:1.5}
.about-page .cta-section{padding:24px 0 30px}
.about-page .callout{padding:20px 22px;border-radius:3px}
.about-page .callout h2{font-size:24px}
.about-page .callout p{font-size:15px}

/* Contact */
.contact-page .two-col{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:56px}
.contact-page article h2{font-size:28px}
.contact-page article > p{margin-top:10px;font-size:15px;line-height:1.6}
.contact-page .facts{margin-top:22px}
.contact-page .fact{padding:10px 0}
.contact-page .fact dd{font-size:15px;line-height:1.5}
.contact-page .contact-panel{padding:20px;border-radius:3px;box-shadow:none}
.contact-page .contact-panel h2{font-size:24px}
.contact-page .contact-panel > p{font-size:15px;line-height:1.5}
.contact-page .field{gap:6px}
.contact-page input,
.contact-page select,
.contact-page textarea{border-radius:3px;font-size:15px}
.contact-page .message-preview{border-radius:3px;font-size:15px;line-height:1.5}
.contact-page .btn{font-size:15px;border-radius:3px}

/* Documents */
.docs-page .feature-rows{margin-top:0}
.docs-page .feature-row{grid-template-columns:42px 300px minmax(0,1fr);gap:18px;padding:16px 0}
.docs-page .feature-row h3{font-size:19px}
.docs-page .feature-row p{font-size:15px;line-height:1.5}

/* Legal text */
.legal-page .prose{
  width:min(920px,calc(100% - 64px));
  padding:30px 0 42px;
}
.legal-page .prose h2{font-size:22px;margin:24px 0 7px}
.legal-page .prose h2:first-child{margin-top:0}
.legal-page .prose p{font-size:15px;line-height:1.65}
.legal-page .boundary{margin-top:24px;padding:16px 18px;border-radius:0 3px 3px 0}
.legal-page .boundary strong,
.legal-page .boundary p{font-size:15px;line-height:1.55}

/* 404 */
.notfound-page .notfound{padding:44px 0 54px}
.notfound-page .notfound h1{font-size:44px}
.notfound-page .notfound p{font-size:15px;line-height:1.6;margin-top:10px}
.notfound-page .notfound .btn{margin-top:18px;font-size:15px;border-radius:3px}

@media(max-width:1000px){
  .module-page .page-intro .wrap,
  .service-page .page-intro .wrap,
  .start-page .page-intro .wrap,
  .about-page .page-intro .wrap,
  .contact-page .page-intro .wrap,
  .docs-page .page-intro .wrap,
  .legal-page .page-intro .wrap{grid-template-columns:minmax(0,1fr) 300px;column-gap:40px}
  .module-page .page-intro h1,
  .service-page .page-intro h1,
  .start-page .page-intro h1,
  .about-page .page-intro h1,
  .contact-page .page-intro h1,
  .docs-page .page-intro h1,
  .legal-page .page-intro h1{font-size:39px}
  .module-page .module-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}
  .contact-page .two-col{grid-template-columns:1fr;gap:30px}
}

@media(max-width:760px){
  .module-page .page-intro,
  .service-page .page-intro,
  .start-page .page-intro,
  .about-page .page-intro,
  .contact-page .page-intro,
  .docs-page .page-intro,
  .legal-page .page-intro{padding:22px 0 24px}
  .module-page .page-intro .wrap,
  .service-page .page-intro .wrap,
  .start-page .page-intro .wrap,
  .about-page .page-intro .wrap,
  .contact-page .page-intro .wrap,
  .docs-page .page-intro .wrap,
  .legal-page .page-intro .wrap{display:block}
  .module-page .page-intro .breadcrumb,
  .service-page .page-intro .breadcrumb,
  .start-page .page-intro .breadcrumb,
  .about-page .page-intro .breadcrumb,
  .contact-page .page-intro .breadcrumb,
  .docs-page .page-intro .breadcrumb,
  .legal-page .page-intro .breadcrumb{margin-bottom:14px}
  .module-page .page-intro h1,
  .service-page .page-intro h1,
  .start-page .page-intro h1,
  .about-page .page-intro h1,
  .contact-page .page-intro h1,
  .docs-page .page-intro h1,
  .legal-page .page-intro h1{font-size:34px}
  .module-page .page-intro .lead,
  .service-page .page-intro .lead,
  .start-page .page-intro .lead,
  .about-page .page-intro .lead,
  .contact-page .page-intro .lead,
  .docs-page .page-intro .lead,
  .legal-page .page-intro .lead{margin-top:14px;padding:14px 0 0;border-left:0;border-top:1px solid var(--line)}
  .module-page .module-layout{display:block;padding-top:24px;padding-bottom:30px}
  .module-page .toc{position:static;margin-bottom:22px;display:flex;gap:6px;overflow:auto;padding-bottom:4px}
  .module-page .toc h2{display:none}
  .module-page .toc a{flex:0 0 auto;border:1px solid var(--line);border-radius:3px;padding:7px 10px;background:#fff}
  .module-page .toc .all-modules{margin:0;padding:7px 10px;border:1px solid var(--line)}
  .module-page .detail{padding:16px 0}
  .module-page .cta-section,
  .start-page .cta-section,
  .about-page .cta-section{padding:20px 0 26px}
  .module-page .callout,
  .start-page .callout,
  .about-page .callout{align-items:flex-start;flex-direction:column;gap:16px}
  .service-page .three-columns,
  .start-page .three-columns{grid-template-columns:1fr}
  .service-page .column,
  .service-page .column:first-child,
  .start-page .column,
  .start-page .column:first-child{min-height:0;padding:18px 0;border-left:0;border-top:1px solid var(--line)}
  .service-page .column:first-child,
  .start-page .column:first-child{border-top:0}
  .start-page .onboarding-layout{grid-template-columns:1fr;gap:24px}
  .about-page .two-col{grid-template-columns:1fr;gap:24px}
  .about-page .feature-row{
    grid-template-columns:170px minmax(0,1fr);
    gap:12px 18px;
  }
  .about-page .feature-row p{grid-column:2}
  .about-page .feature-row>.tag{display:none}
  .about-page .process{grid-template-columns:1fr 1fr}
  .docs-page .feature-row{grid-template-columns:36px minmax(0,1fr);gap:12px}
  .docs-page .feature-row p{grid-column:2}
  .legal-page .prose{width:min(100% - 40px,920px)}
}

@media(max-width:480px){
  .module-page .page-intro h1,
  .service-page .page-intro h1,
  .start-page .page-intro h1,
  .about-page .page-intro h1,
  .contact-page .page-intro h1,
  .docs-page .page-intro h1,
  .legal-page .page-intro h1,
  .notfound-page .notfound h1{font-size:30px}
  .module-page .detail{grid-template-columns:30px minmax(0,1fr);gap:10px}
  .module-page .detail h2{font-size:21px}
  .module-page .address-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
  .about-page .feature-row{
    grid-template-columns:1fr;
    gap:5px;
    padding:14px 0;
  }
  .about-page .feature-row p{grid-column:auto}
  .about-page .feature-row h3{font-size:18px}
  .about-page .feature-row .principle-initial{font-size:22px}
  .about-page .process{grid-template-columns:1fr}
  .contact-page .contact-panel{padding:17px}
  .legal-page .prose{width:min(100% - 32px,920px)}
}