/*
  Feinh Pro landing page (/feinh-pro): the marketing type scale and the few page-only values.
  Like tokens.css, the only file of this page allowed to hold raw values; pro-landing.css reads these and the product
  tokens (tokens-scoped.css, .fp-scope). Loaded after tokens-scoped.css.
*/
.pl {
  --pl-max: 1200px;
  --pl-gutter: clamp(16px, 4vw, 24px);
  --pl-sec-pad: clamp(56px, 9vw, 96px);
  --pl-word-hero: clamp(96px, 17vw, 168px);
  --pl-word-hero-lh: 1;
  --pl-word-end: clamp(56px, 8vw, 72px);
  --pl-h1: clamp(34px, 5vw, 52px);       --pl-h1-lh: 1.12;
  --pl-h2: clamp(28px, 4vw, 44px);       --pl-h2-lh: 1.15;
  --pl-h3: clamp(20px, 2.2vw, 22px);     --pl-h3-lh: 1.3;
  --pl-h3-lg: clamp(24px, 3vw, 30px);
  --pl-lede: clamp(17px, 1.8vw, 19px);   --pl-lede-lh: 1.6;
  --pl-body: 16px;                        --pl-body-lh: 1.65;
  --pl-big: 17px;
  --pl-ask: clamp(24px, 3vw, 30px);
  --pl-quote: clamp(20px, 2.4vw, 24px);  --pl-quote-lh: 1.5;
  --pl-answer: clamp(19px, 2.2vw, 22px);
  --pl-eyebrow: 12px;
  --pl-label: 14px;
  --pl-fine: 13px;
  --pl-input: 16px;                       /* 16px: no zoom on phones */
  --pl-radius-card: 20px;
  --pl-radius-panel: 24px;
  --pl-radius-btn: 12px;
  --pl-radius-input: 10px;
  --pl-btn-h: 52px;
  --pl-btn-sm-h: 42px;
  --pl-input-h: 46px;
  --pl-icon-box: 48px;
  --pl-avatar: 52px;
  --pl-navy-2: #16293D;                   /* the founder panel on navy */
  --pl-navy-line: #5B7C99;                /* outline buttons on navy */
  --pl-on-navy: #C5D0DA;                  /* body text on navy, 9.6:1 */
  --pl-on-navy-strong: #E2E8EF;
  --pl-avatar-bg: #12382F;
  --pl-shadow-shot: 0 -10px 40px rgba(0, 0, 0, 0.35);
  --pl-shadow-form: 0 10px 28px rgba(11, 27, 43, 0.09);
}
/* Arabic reads larger and taller at the same role */
[dir="rtl"] .pl {
  --pl-h1: clamp(34px, 5vw, 48px);       --pl-h1-lh: 1.45;
  --pl-h2: clamp(28px, 4vw, 40px);       --pl-h2-lh: 1.45;
  --pl-lede: clamp(18px, 2vw, 20px);     --pl-lede-lh: 1.8;
  --pl-body: 17px;                        --pl-body-lh: 1.8;
  --pl-big: 18px;
  --pl-quote: clamp(21px, 2.6vw, 26px);  --pl-quote-lh: 1.8;
  --pl-eyebrow: 13px;
  --pl-label: 15px;
}