/* Public LeadLegWork pages: product, data, compare, policies.
   Type: Georgia for headings, set upright with tight spacing; a refined sans (Segoe UI Variable on
   Windows 11, the system font on Apple devices, Inter/Roboto/Arial elsewhere) for text, controls and data,
   with tabular figures. No monospace, and no italic accent words.
   Colour: the brand's sage paper and copper accent, used sparingly. */
.marketing{
  --sans:"Segoe UI Variable Text","Segoe UI Variable",-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display:"Segoe UI Variable Display","Segoe UI Variable",-apple-system,BlinkMacSystemFont,Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:Georgia,"Sitka Text","Times New Roman",serif;
  --ink:#16201a;--body:#3b463a;--muted:#5d6858;--line:#d9ddd2;--line-soft:#e5e7e0;--panel:#fbfbf8;
  --accent:#9c4426;--accent-dark:#7f3519;--sage:#4f6a48;
  font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--body);background:var(--paper);color-scheme:light;
  -webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}
.marketing a{color:var(--ink);text-decoration-color:#a9b2a2;text-underline-offset:3px}
.marketing a:hover{text-decoration-color:var(--ink)}
.marketing h1,.marketing h2,.marketing h3{font-family:var(--display);font-style:normal;color:var(--ink);text-wrap:balance}
.marketing h1,.marketing h2{font-family:var(--serif);font-weight:400}
.marketing h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.02em;line-height:1.08;margin:0 0 22px}
.marketing h2{font-size:clamp(24px,2.3vw,29px);letter-spacing:-.012em;line-height:1.2;margin:0 0 16px}
.marketing h3{font-size:16px;font-weight:600;letter-spacing:-.003em;margin:0 0 6px}
.marketing h1 em,.marketing h2 em{font-style:normal;color:inherit}
.marketing p{text-wrap:pretty}
.marketing strong{font-weight:600}

/* Navigation */
.marketing-nav{max-width:1120px;margin:auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.marketing .brand{font-family:var(--display);font-size:21px;font-weight:650;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.marketing-nav nav{display:flex;align-items:center;gap:2px;font-size:14.5px;font-weight:500}
.marketing-nav nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--body)}
.marketing-nav nav a:hover{background:#e2e4dc;color:var(--ink)}
.marketing-nav nav a[aria-current]{color:var(--ink);background:#e2e4dc}
.marketing-nav .nav-enter{margin-left:10px;border:1px solid #bfc6b6;color:var(--ink)}
.marketing-main{max-width:1120px;margin:auto;padding:0 32px}

/* Buttons and links */
.marketing .primary{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:6px;background:var(--accent);border:1px solid var(--accent);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 1px 0 #00000014;touch-action:manipulation}
.marketing .primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.marketing .secondary{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:6px;border:1px solid #bfc6b6;background:var(--panel);color:var(--ink);font-weight:600;text-decoration:none}
.marketing .secondary:hover{border-color:#9ea896}
.plain-link,.text-action{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}
.actions,.market-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:28px 0 14px}
.small-print{font-size:13.5px;color:var(--muted);margin:10px 0 0}

/* Page heads */
.page-head,.market-title{padding:64px 0 52px}
.market-title{max-width:780px}
.lede,.market-title>p{font-size:17.5px;line-height:1.65;color:var(--body);max-width:600px;margin:0}
.market-title small{display:block;margin-top:14px;font-size:13.5px;color:var(--muted)}
.home-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:start}
.home-copy{padding-top:8px}

/* Example lead: a quiet data panel in the style of the workspace */
.specimen{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #1a24180d,0 12px 32px -18px #1a241840;font-size:14px;line-height:1.5;color:var(--body);overflow:hidden}
.specimen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 16px;border-bottom:1px solid var(--line-soft)}
.specimen-head strong{display:block;font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink)}
.specimen-head span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.specimen-head .badge{margin:0;flex-shrink:0;padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:#f1f2ed;color:var(--muted);font-size:12px;font-weight:500}
.kv{margin:0;padding:6px 20px}
.kv>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.kv>div:last-child{border-bottom:0}
.kv dt{color:var(--muted)}
.kv dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.unconfirmed{margin-left:6px;padding:1px 6px;border-radius:4px;background:#f6ece3;color:#7a3c20;font-size:12px;font-weight:500}
.score{padding:14px 20px 4px;border-top:1px solid var(--line-soft)}
.score-line{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted)}
.score-line strong{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}
.meter{height:6px;margin:10px 0 6px;border-radius:3px;background:#e4e7de;overflow:hidden}
.meter span{display:block;width:55%;height:100%;border-radius:3px;background:var(--sage)}
.reasons{list-style:none;margin:0;padding:4px 20px 12px}
.reasons li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;color:var(--body)}
.reasons .pts{flex-shrink:0;min-width:3ch;text-align:right;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.next{margin:0;padding:14px 20px;border-top:1px solid var(--line-soft);background:#f4f5f0;color:var(--ink)}
.next span{display:block;margin-bottom:2px;font-size:12.5px;font-weight:600;color:var(--muted)}
.specimen figcaption{padding:12px 20px 14px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--muted)}

/* Sections */
.band{padding:56px 0;border-top:1px solid var(--line)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;align-items:start}
.two-col>h2,.two-col>div>h2{margin:0}
.two-col.wide-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1.35fr);align-items:center}
.marketing .feature-title{font-size:clamp(32px,3.4vw,46px);line-height:1.08;margin:0}
.feature-title .nowrap{white-space:nowrap}
.feature-note{margin:16px 0 0;max-width:22em;color:var(--muted);font-size:15px;line-height:1.6}
.session{list-style:none;counter-reset:step;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.session li{counter-increment:step;padding-top:16px;border-top:2px solid var(--ink)}
.session li:before{content:"Step " counter(step);display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.session p{margin:0;font-size:15px;color:var(--body)}
.plain-list{margin:0;padding:0;list-style:none}
.plain-list li{padding:14px 0;border-bottom:1px solid var(--line-soft);color:var(--body)}
.plain-list li:first-child{padding-top:0}
.plain-list li:last-child{border-bottom:0}
.plain-list strong{display:block;color:var(--ink);margin-bottom:2px}
.price{margin:8px 0 22px;color:var(--muted)}
.price .amount{font-family:var(--serif);font-size:48px;font-weight:400;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:6px}
.plan-table{width:100%;border-collapse:collapse;font-size:15px}
.plan-table caption{text-align:left;font-weight:600;color:var(--ink);padding-bottom:10px}
.plan-table th,.plan-table td{padding:12px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.plan-table th{font-weight:400;color:var(--muted);width:40%;padding-right:16px}
.plan-table td{color:var(--ink);font-variant-numeric:tabular-nums}
.faq,.market-faq{max-width:780px}
.faq details,.market-faq details{border-top:1px solid var(--line)}
.faq details:last-child,.market-faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary,.market-faq summary{min-height:52px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--ink)}
.faq details p,.market-faq details p{margin:0 0 18px;color:var(--body);max-width:700px}

/* Data & sources */
.source-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;padding:44px 0;border-top:1px solid var(--line)}
.source-list .label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
.source-list p{color:var(--body);margin:0 0 14px}
.note-box,.connection-note{margin:18px 0;padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.note-box strong,.connection-note strong{color:var(--ink)}
.note-box p,.connection-note p{margin:6px 0 0}

/* Compare */
.comparison-section{padding-bottom:28px}
.comparison-table{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.comparison-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.comparison-table caption{text-align:left;padding:14px 20px;color:var(--muted);font-size:13.5px;border-bottom:1px solid var(--line)}
.comparison-table th,.comparison-table td{padding:18px 20px;vertical-align:top;border-bottom:1px solid var(--line-soft);font-size:15px;line-height:1.6}
.comparison-table thead th{font-size:13px;font-weight:600;color:var(--muted);background:#f2f3ee}
.comparison-table th:first-child{width:17%}
.comparison-table tbody th{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink)}
.comparison-table tbody th span{display:block;margin-top:2px;font-family:var(--sans);font-size:13px;font-weight:400;color:var(--muted)}
.comparison-table td{color:var(--body)}
.comparison-table td a{display:block;margin-top:8px;font-size:14px}
.comparison-table .our-product{background:#f0f2ea}
.comparison-table tbody tr:last-child>*{border-bottom:0}
.comparison-note{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:780px}
.honest-fit{padding:52px 0 64px;max-width:720px;border-top:1px solid var(--line)}
.honest-fit p{color:var(--body)}

/* Footer */
.marketing-footer{max-width:1120px;margin:40px auto 0;padding:32px 32px 44px;border-top:1px solid var(--line);color:var(--muted);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 48px;align-items:start;font-size:14.5px}
.marketing-footer .brand{font-size:19px}
.footer-intro p{margin:6px 0 0;color:var(--body)}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.footer-links>div{display:grid;align-content:start;justify-items:start}
.footer-links strong{margin-bottom:4px;font-size:13px;color:var(--ink)}
.footer-links a{display:flex;align-items:center;min-height:36px;color:var(--body);text-decoration:none}
.footer-links a:hover{color:var(--ink);text-decoration:underline}
.marketing-footer>small{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.6}
.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip-link:focus{position:absolute;top:10px;left:10px;z-index:10;background:var(--panel);padding:12px 16px;border:2px solid var(--accent);border-radius:6px}

/* Policies */
.doc-status{display:inline-block;margin:0 0 14px;padding:2px 9px;border:1px solid #e3c9b8;border-radius:999px;background:#f8efe8;color:#7a3c20;font-size:12.5px;font-weight:600}
.legal-draft-notice{max-width:960px;margin:0 auto 28px;padding:18px 22px;border:1px solid #e3c9b8;border-left:4px solid var(--accent);border-radius:6px;background:#f8f1ea;color:#4a2c1d}
.legal-draft-notice strong{font-size:15px}.legal-draft-notice p{margin:6px 0 0;line-height:1.65;font-size:15px}
.legal-copy{max-width:960px;margin:0 auto 64px;padding:36px clamp(22px,5vw,60px);background:var(--panel);border:1px solid var(--line);border-radius:10px}
.legal-copy h2{font-size:24px;margin:34px 0 10px}.legal-copy h2:first-child{margin-top:0}
.legal-copy p,.legal-copy li{color:var(--body);font-size:15.5px;line-height:1.75}.legal-copy li{margin:6px 0}.legal-copy ul{padding-left:22px}
.legal-copy a{color:#6f3a1e}.legal-copy strong{color:var(--ink)}
.legal-copy .legal-draft-foot{margin:36px -16px -8px;padding:18px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:#6f4a33}

.brand{display:inline-flex;align-items:center}.brand-mark{height:1.05em;width:auto;flex-shrink:0;margin-right:.4em;color:var(--accent,#9c4426)}
.marketing .brand span{color:var(--accent)}

@media(max-width:1000px){.session{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .home-head,.two-col,.two-col.wide-head,.source-list article{grid-template-columns:1fr;gap:28px}
  .page-head,.market-title{padding:44px 0 36px}
  .comparison-table table,.comparison-table tbody,.comparison-table tr{display:block}
  .comparison-table thead{display:none}
  .comparison-table caption{display:block}
  .comparison-table tbody tr{padding:18px 20px;border-bottom:1px solid var(--line-soft)}
  .comparison-table th,.comparison-table td{display:block;width:auto!important;border:0;padding:0}
  .comparison-table td+td{margin-top:14px}
  .comparison-table td:before{display:block;font-size:12.5px;font-weight:600;color:var(--muted)}
  .comparison-table td:nth-child(2):before{content:'Published focus'}
  .comparison-table td:nth-child(3):before{content:'Consider it when…'}
  .comparison-table td:nth-child(4):before{content:'Commercial model'}
}
@media(max-width:760px){
  .marketing-nav{display:block;padding:16px 20px}
  .marketing-nav nav{flex-wrap:wrap;margin:10px -12px 0}
  .marketing-nav nav a,.footer-links a{min-height:44px}
  .marketing-nav .nav-enter{margin-left:0;border:0}
  .marketing .brand{min-height:44px}
  .marketing-main{padding:0 20px}
  .lede,.market-title>p{font-size:16.5px}
  .session{grid-template-columns:1fr;gap:24px}
  .band{padding:40px 0}
  .marketing-footer{grid-template-columns:1fr;padding:28px 20px 36px}
  .marketing-footer>small{grid-column:auto}
  .kv>div{grid-template-columns:84px 1fr}
}

/* Visuals: the brand's neighborhood map above the example-lead copy, and one illustration per step. */
.hero-visual{position:relative}
.hero-map{position:relative;z-index:0;display:block;height:auto;max-width:none;
  /* The viewBox runs 200 units left of and 120 above the pins, so the map is drawn larger and pulled up and left
     by those amounts (percent margins follow the column width, as the drawing's scale does). */
  width:calc(100% * 800 / 470);margin:calc(-100% * 120 / 470) 0 34px calc(-100% * 200 / 470);
  /* Fade the blocks out at every edge so the neighborhood dissolves into the page instead of stopping in a hard line. */
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,#000 30%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 15%,#000 32%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,#000 30%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 15%,#000 32%,#000 84%,transparent 100%);mask-composite:intersect}
.hero-visual{z-index:1}.hero-visual .specimen{position:relative;width:100%}
.step-art{display:block;width:100%;height:auto;margin-bottom:16px;border-radius:10px}
.session li{border-top:0;padding-top:0}
.session li:before{margin-top:0}
@media(max-width:960px){.hero-map{width:calc(100% * 800 / 600);margin:0 0 24px calc(-100% * 200 / 600)}}
.source-list .step-art{max-width:320px;margin:18px 0 0}
@media(max-width:960px){.source-list .step-art{max-width:420px}}

/* ---- The green boxes (restored), in the current type ---- */
.market-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding:64px 0 56px}
.workflow-preview{background:#223327;color:#eef1e4;border-radius:12px;box-shadow:16px 18px 0 #dfe6d3;overflow:hidden}
.preview-toolbar{display:flex;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #42513b;font-size:11.5px;letter-spacing:1.6px;color:#b9c7a6}
.preview-heading{font:34px/1.15 var(--serif);margin:26px 26px 0;color:#f3f5ec}
.preview-heading em{color:#b9caa0}
.workflow-preview ol{list-style:none;padding:0;margin:22px 18px 24px}
.workflow-preview li{background:#30422e;padding:16px 14px;border:1px solid #46583e;border-radius:8px;display:flex;gap:12px;align-items:center;margin-top:10px}
.workflow-preview li b{font:14px var(--serif);color:#cbd9b5}
.workflow-preview li div{flex:1}
.workflow-preview li strong{display:block;font-size:14.5px;font-weight:600;color:#f3f5ec}
.workflow-preview li span{display:block;font-size:12.5px;color:#bccaab;margin-top:3px}
.workflow-preview li i{font-size:20px;color:#d29a73;font-style:normal}
.preview-foot{background:#1a281f;color:#a9bc97;font:italic 14px var(--serif);padding:16px 22px;text-align:center}
.example-band{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center;overflow-x:visible;overflow-y:clip}
.example-copy p{color:var(--body);margin:0 0 6px}
.session li{background:#f4f3ed;border:1px solid var(--line);border-radius:10px;padding:16px 16px 22px}
.session li:before{margin-top:4px}
.google-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;padding:44px;margin:24px 0;background:#e6ecdc;border:1px solid #d3dcc7;border-radius:12px}
.google-feature h2{font-size:clamp(28px,2.8vw,36px)}
.google-feature>div>p{color:var(--body);line-height:1.75}
.box-label{margin:0 0 10px;font-size:13px;font-weight:600;color:#4f6a48}
.evidence-stack>div{padding:16px 0;border-bottom:1px solid #c7d3b7}
.evidence-stack span{display:block;color:#4f5f49;font-size:13px}
.evidence-stack strong{display:block;font-size:15px;font-weight:600;margin-top:3px;color:var(--ink)}
.evidence-stack p{font-size:14px;margin-top:18px;color:var(--body)}
.founding-plan{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;padding:44px;margin:24px 0 32px;background:#f4f3ed;border:1px solid #d6dfca;border-radius:12px}
.founding-plan h2{margin:0}
@media(max-width:1000px){.market-hero{gap:36px}.workflow-preview{transform:none;box-shadow:9px 12px 0 #dfe6d3}.preview-heading{font-size:30px}.google-feature,.founding-plan{padding:30px;gap:30px}}
@media(max-width:960px){.example-band{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){.market-hero{grid-template-columns:1fr;padding:40px 0;gap:32px}.workflow-preview{max-width:520px;width:100%;margin:0 auto}.google-feature,.founding-plan{grid-template-columns:1fr;padding:26px 22px;gap:22px}}

/* ---- Brand colours on every public page: green footer, green workspace button, green page-head panel ---- */
.marketing-nav .nav-enter{background:#223327;border-color:#223327;color:#f3f5ec}
.marketing-nav .nav-enter:hover{background:#30422e;color:#fff}
.market-title{max-width:none;margin:32px 0 8px;padding:40px 44px;background:#e6ecdc;border:1px solid #d3dcc7;border-radius:12px;border-left:4px solid var(--accent)}
.market-title>p{max-width:680px}
.marketing-footer{max-width:none;margin:56px 0 0;padding:36px max(32px,calc((100% - 1120px)/2 + 32px)) 44px;background:#223327;border-top:0;color:#b9c7a6}
.marketing-footer .brand{color:#f3f5ec}
.footer-intro p{color:#d6dfca}
.footer-intro p em{font-family:var(--serif);font-style:italic;font-size:1.15em;color:#f3f5ec}
.footer-intro .footer-contact{margin-top:12px;font-size:14px}
.footer-contact a{color:#f3f5ec;text-underline-offset:3px;overflow-wrap:anywhere}
.footer-links strong{color:#f3f5ec}
.footer-links a{color:#d6dfca}
.footer-links a:hover{color:#fff}
.marketing-footer>small{border-top-color:#3c4e39;color:#aebca0}
.marketing-footer a:focus-visible{outline-color:#e7a07c}
@media(max-width:760px){.market-title{padding:28px 22px;margin-top:20px}.marketing-footer{padding:28px 20px 36px}}

/* Account entry keeps the same public shell without changing workspace styling. */
.auth-page .login-grid{max-width:1120px;padding:0 32px;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:56px;align-items:start}
.auth-page .login-card{min-width:0;width:100%}
.auth-page .login-card h2{font-family:var(--display);font-size:22px;font-weight:600}
.auth-page .policy-review{max-width:760px;margin:40px auto;padding:0 24px}
.auth-page .policy-review h1{font-size:clamp(28px,3.5vw,40px)}
.auth-page .policy-review>button{margin-top:20px}
@media(max-width:850px){.auth-page .login-grid{grid-template-columns:minmax(0,1fr);gap:24px;max-width:620px;padding:0 22px}.auth-page .login-card{order:0}.auth-page .intro>p{max-width:none}}

/* ---- Scroll motion (motion.js adds html.motion only when motion is allowed) ----
   Blocks fade up 18px as they enter; children of lists and stacks follow in a short stagger; headings rise
   word by word from a clipped line; the workflow card rises into place; the example score meter
   fills. Everything is visible without the script or with reduced motion. */
html.motion [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rv-i,0) * 70ms)}
html.motion [data-rv].rv-in{opacity:1;transform:none}
html.motion .rv-split[data-rv]{opacity:1;transform:none}
.rv-w{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .1em 0;margin:0 -.05em -.1em 0}
html.motion .rv-w>span{display:inline-block;transform:translateY(108%);transition:transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rv-i,0) * 45ms)}
html.motion .rv-in .rv-w>span{transform:none}
html.motion [data-rv-card]{transform:translateY(28px);transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
html.motion [data-rv-card].rv-in{transform:none}
html.motion .workflow-preview li[data-rv]{transition-delay:calc(350ms + var(--rv-i,0) * 110ms)}
html.motion .specimen .meter span{width:0;transition:width 1.1s .3s cubic-bezier(.2,.7,.2,1)}
html.motion .specimen.rv-in .meter span{width:55%}
html.motion .specimen .reasons li[data-rv]{transition-delay:calc(300ms + var(--rv-i,0) * 80ms)}
html.motion .session li .step-art{transform:scale(.95);transition:transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(120ms + var(--rv-i,0) * 70ms)}
html.motion .session li.rv-in .step-art{transform:none}