@import url('/billing-toggle.css?v=20261020-marketing-parity') layer(billing-toggle);
@import url('/app-ui.css?v=20261019-form-helper-12px') layer(app-ui);
@font-face{font-family:'Helvena';src:url('/fonts/Helvena-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Helvena';src:url('/fonts/Helvena-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
html,body,body *{font-family:'Helvena',Arial,sans-serif!important;font-synthesis:none}
body{font-weight:400}
html body :is(p,input,textarea,select){font-weight:400!important}
html body :is(h1,h2,h3,h4,h5,h6),html body :is(h1,h2,h3,h4,h5,h6) *{font-weight:500!important}
body :is(button,.btn,.button,label,nav){font-weight:500}
body :is(strong,b){font-weight:500}

/* One medium weight for navigation labels and header actions. */
html body :is(.site-header nav,.account-header nav,.chapter-nav,.account-sidebar,.sidebar,.site-footer) :is(a,button,summary,.sidebar-label,.mega-label,.header-actions,.nav-label){font-weight:500!important}


/* Flat buttons with a consistent corner radius, including hover/focus states. */
html body :is(.btn,.button,.text-cta,.plain-link,.nav-demo-request,.login-submit,.login-button,.request-feature,.standalone-cancel):is(*,:hover,:focus-visible,:active){
 border-radius:16px!important;box-shadow:none!important;transform:none!important;
}
html body button:is(:hover,:focus-visible,:active){box-shadow:none!important}


html body #hero-title,html body #hero-title *{text-transform:none!important}

/* Consistent paragraph text on phones, including forms and dialogs. */
@layer mobile-paragraphs {
@media (max-width:640px){
 html body{font-size:13px;line-height:1.6}
 html body:not(.account-page):not(.expanded-guide) p,html body:not(.account-page):not(.expanded-guide) p :is(a,span,strong,b,em,small){font-size:13px!important;line-height:1.6!important}
 html body :is(.faq-answer,.help-article,.resource-article,.legal-content,.workspace-plan-features,.pricing-card) li:not(:where(dialog li,nav li)){font-size:13px!important;line-height:1.6!important}
}

}

/* Desktop and tablet body copy; preserve heading, pricing and brand type specimens. */
@media(min-width:641px){
 html body{font-size:16px;line-height:1.6}
 html body:not(.account-page):not(.expanded-guide) p:not(:where(.brand-footer p)):not(.workspace-plan-price):not(.plan-price):not(.order-price):not(.stat-value):not([class*="specimen"]):not([class*="type-sample"]):not([contenteditable]):not([data-typography-preview]){font-size:16px!important;line-height:1.6!important}
}

/* Shared footer text size at every viewport; logo and icon dimensions stay independent. */
html body .brand-footer,
html body .brand-footer :is(h1,h2,h3,h4,h5,h6,p,a,span,small,li,button){font-size:13px!important}

/* Unified primary/secondary action sizing — marketing, workspace and portal.
   Keep icon-only controls, consent widgets, and brand preview buttons independent. */
html body :is(a.btn,button.btn,input.btn,a.button,button.button,.nav-demo-request,.login-submit,.login-button,.request-feature,.standalone-cancel):not(:where(.cookie-consent-panel *, .cookie-settings-launcher, .icon-button, .icon-btn, .workspace-cover-control, .workspace-delete, .popup-close-icon)){
 box-sizing:border-box!important;
 min-height:44px!important;
 height:auto!important;
 padding:10px 16px!important;
 gap:8px!important;
 font-size:14px!important;
 line-height:22px!important;
 font-weight:500!important;
 border-radius:16px!important;
 vertical-align:middle;
}
html body :is(a.btn,button.btn,input.btn,a.button,button.button,.nav-demo-request,.login-submit,.login-button,.request-feature,.standalone-cancel):not(:where(.cookie-consent-panel *, .cookie-settings-launcher, .icon-button, .icon-btn, .popup-close-icon)) :is(span,small):not([class*="price"]):not([class*="badge"]){
 font-size:14px!important;
 line-height:22px!important;
}
html body :is(.btn,.button):disabled,
html body :is(.btn,.button)[aria-disabled="true"]{cursor:not-allowed;opacity:.55}




/* Authentication screens: supporting copy stays compact; override the global paragraph rule. */
html body.minimal-login :is(#auth-status,#login-status,#demo-status,#signup-session,#form-error,#signup-price,#signup-payment-note,.login-register,.login-register a,.login-support,.login-support a,.code-help,.code-restart){
  font-size:12px!important;
  line-height:1.5!important;
}
html body.minimal-login :is(.field-hint,.field-hint a,.signup-terms,.signup-terms a){
  font-size:12px!important;
  line-height:1.5!important;
}