/* Mockup m02: Lemma product family (sizes: mockup px x 1.2834). */
:root{--pr-out:min(46px,max(0px,(100vw - 1288px) / 2));--pr-l:min(56px,max(0px,(100vw - 1288px) / 2))}
.pr-hero{min-height:512px}
.pr-hero-pic{width:792px;pointer-events:none}
.pr-hero-pic img{width:100%;height:auto}
.pr-node{position:absolute;pointer-events:auto;border-radius:14px}
.pr-node:focus-visible{outline:2px solid var(--lm-blue)}
.pr-hero .lm-hero-copy{padding-top:36px}
.pr-h1{font-size:51px;margin:16px 0 22px}
.pr-lead{font-size:16.5px;line-height:1.55;max-width:470px}
.pr-hero .lm-checks{font-size:12.5px;gap:8px 34px}
.pr-hero .lm-checks li::before{width:15px;height:15px}
.pr-actions{margin:22px 0 26px}
.pr-actions .lm-btn{height:42px;padding:0 30px}
.pr-cards{margin:22px calc(-1 * var(--pr-out)) 0;gap:14px}
.pr-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px 18px 16px}
.pr-card-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pr-ic{width:52px;height:51px;flex:none}
.pr-card h3{font-size:16px}
.pr-card small{display:block;margin-top:3px;font-size:12px}
.pr-card>p{font-size:13px;line-height:1.45;min-height:96px}
.pr-pv{width:100%;height:auto;margin:14px 0 10px}
.pr-card .lm-btn{height:36px;padding:0 24px;font-size:12.5px;margin-bottom:16px}
.pr-card .lm-checks{flex-direction:column;gap:9px;font-size:12px}
.pr-card .lm-checks li::before{width:15px;height:15px}
.pr-link{align-self:flex-start;margin-top:4px}
.pr-why{margin:6px calc(-1 * var(--pr-out) + 8px) 0;gap:12px}
.pr-why-card{display:flex;align-items:flex-start;gap:16px;padding:14px 12px 16px}
.pr-why-card img{width:47px;height:47px;flex:none}
.pr-why-card h3{font-size:14px;margin:4px 0 6px}
.pr-why-card p{font-size:11px}
.pr-scale{display:grid;grid-template-columns:538px 490px minmax(0,1fr);align-items:center;gap:24px;margin:6px calc(-1 * var(--pr-l) - 16px) 0 calc(-1 * var(--pr-l));padding-top:14px}
.pr-scale-pic{width:538px;height:auto}
.pr-scale-copy{position:relative;z-index:1}
.pr-scale-h{font-size:24px;margin:10px 0 10px}
.pr-scale .lm-sub{font-size:13.5px}
.pr-scale .lm-checks{margin-top:18px;font-size:12.5px;gap:10px 30px;max-width:450px}
.pr-scale .pr-scale-bars{width:349px;max-width:none;height:auto;justify-self:end}
@media (max-width:1100px){
  .pr-hero-pic{width:auto}
  .pr-cards,.pr-why{margin-left:0;margin-right:0}
  .pr-scale{grid-template-columns:1fr;margin:0}
  .pr-scale .pr-scale-pic,.pr-scale .pr-scale-bars{width:100%;max-width:538px;justify-self:start}
  .pr-card>p{min-height:0}
}
@media (max-width:640px){.pr-h1{font-size:38px}}