/* Shared marketing UI foundation. Foreground and primary match the app's
   default Currency colorway in carcin-cloud/app/globals.css. */
:root {
  --ui-canvas:#ffffff;
  --ui-subtle:#f7f8f7;
  --ui-surface:#ffffff;
  --ui-text:#1b3020;
  --ui-muted:#5d6962;
  --ui-border:#dce3dd;
  --ui-border-strong:#bfcac1;
  --ui-accent:#1b3020;
  --ui-accent-hover:#2d5c38;
  --ui-accent-soft:#edf4ef;
  --ui-on-accent:#ffffff;
  --ui-ink-highlight:#c2dfa9;
  --ui-on-ink:#ffffff;
  --ui-on-ink-muted:color-mix(in srgb,var(--ui-on-ink) 78%,transparent);
  --ui-on-ink-rule:color-mix(in srgb,var(--ui-on-ink) 22%,transparent);
  --ui-on-ink-soft:color-mix(in srgb,var(--ui-on-ink) 72%,transparent);
  --ui-status-draft:#9aa77c;
  --ui-status-neutral:#aab1ad;
  --ui-status-success:#739478;
  --ui-status-success-border:#b4cbb9;
  --ui-status-success-surface:#eaf1eb;
  --ui-status-success-ink:#315c3b;
  --ui-status-current-surface:#f3f7f3;
  --ui-dot-muted:#9caf9f;
  --ui-motion-dot-light:#829889;
  --ui-motion-dot-dark:#a8cf95;
  --ui-motion-dot-active:#315d3b;
  --ui-art-blue:#287695;
  --ui-art-copper:#aa6439;
  --ui-motion-field-light:radial-gradient(circle,#82988945 .7px,transparent 1px);
  --ui-motion-field-dark:radial-gradient(circle,#a8cf9526 .6px,transparent 1px);
  --ui-photo-scrim:linear-gradient(90deg,color-mix(in srgb,var(--ui-text) 94%,transparent),color-mix(in srgb,var(--ui-text) 58%,transparent) 42%,color-mix(in srgb,var(--ui-text) 8%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--ui-text) 72%,transparent),transparent 55%);
  --ui-dot-field-dark:radial-gradient(circle,color-mix(in srgb,var(--ui-on-ink) 12%,transparent) 0 1px,transparent 1.6px) 0 0 / 22px 22px var(--ui-text);
  --ui-dot-field-light:radial-gradient(circle,color-mix(in srgb,var(--ui-accent) 38%,transparent) 0 1px,transparent 1.6px) 0 0 / 12px 12px var(--ui-accent-soft);
  --ui-dot-field-brand:radial-gradient(circle,var(--ui-dot-muted) 0 1px,transparent 1.5px) 0 0 / 18px 18px var(--ui-subtle);
  --ui-error:#b42318;
  --ui-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui-radius-sm:8px;
  --ui-radius-md:8px;
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;
  --ui-space-8:32px;
  --ui-space-12:48px;
  --ui-space-16:64px;
  --ui-text-xs:12px;
  --ui-text-sm:14px;
  --ui-text-base:16px;
  --ui-text-lg:18px;
  --ui-title-xs:22px;
  --ui-title-sm:30px;
  --ui-title-lg:44px;
  --ui-title-hero:56px;
  --ui-title-feature:42px;
  --ui-section-space:64px;
  --ui-content-width:1120px;
  --ui-page-gutter:24px;
  --ui-container-width:calc(var(--ui-content-width) + 2 * var(--ui-page-gutter));
  --ui-content-inset:max(var(--ui-page-gutter),calc((100% - var(--ui-content-width)) / 2));
  --ui-assemble-duration:720ms;
  --ui-assemble-stagger:85ms;
  --ui-assemble-distance:24px;
  --ui-assemble-ease:cubic-bezier(.16,1,.3,1);
}

/* Progressive enhancement: only the observer arms content below the viewport. */
.ui-assemble {opacity:1;translate:0 0;scale:1;transition:opacity var(--ui-assemble-duration) ease,translate var(--ui-assemble-duration) var(--ui-assemble-ease),scale var(--ui-assemble-duration) var(--ui-assemble-ease);transition-delay:var(--ui-assemble-delay,0ms)}
.ui-assemble-step-1 {--ui-assemble-delay:var(--ui-assemble-stagger)}
.ui-assemble-step-2 {--ui-assemble-delay:calc(var(--ui-assemble-stagger) * 2)}
.ui-assemble-step-3 {--ui-assemble-delay:calc(var(--ui-assemble-stagger) * 3)}
.ui-assemble-pending {opacity:0;translate:0 var(--ui-assemble-distance)}
.ui-assemble-media.ui-assemble-pending {scale:.98}
.ui-assemble:focus-within {opacity:1;translate:0 0;scale:1;transition:none}
.ui-story-art {margin:0;width:100%;aspect-ratio:3 / 2}
.ui-story-art img {display:block;width:100%;height:100%;object-fit:contain}
.ui-story-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ui-space-12);align-items:center;margin-bottom:var(--ui-space-8)}
.ui-story-intro > .b-head {padding:0;margin:0;min-width:0}
.band > .wrap > .ui-story-intro {padding-top:var(--ui-section-space)}
.ui-story-intro > .ui-story-art {min-width:0;max-width:560px;justify-self:center}
.ui-art-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-8)}
.ui-art-gallery figure {margin:0;min-width:0}
.ui-art-gallery img {display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:contain}
.ui-art-gallery--portrait img {aspect-ratio:2 / 3}
.ui-art-gallery figcaption {padding:var(--ui-space-3) 0;color:var(--ui-text);font-size:var(--ui-text-sm);border-bottom:1px solid var(--ui-border)}
@media (max-width:899px) {
  .ui-story-intro {grid-template-columns:minmax(0,1fr);gap:var(--ui-space-6)}
  .ui-art-gallery {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-assemble {--ui-assemble-duration:350ms;--ui-assemble-distance:8px;--ui-assemble-delay:0ms}
  .ui-assemble-media.ui-assemble-pending {scale:1}
}
@media (max-width:480px) {.ui-art-gallery {grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce), print {
  .ui-assemble {opacity:1;translate:none;scale:none;transition:none}
  .ui-assemble-media.ui-assemble-pending {scale:none}
}

/* Shared rich-page heading scale. Page sheets own layout, not type variants. */
.ui-skip-link {position:fixed;left:var(--ui-space-6);top:var(--ui-space-3);z-index:10000;transform:translateY(-200%);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-canvas);color:var(--ui-text);border:2px solid var(--ui-accent);font-weight:650}
.ui-skip-link:focus {transform:translateY(0)}
main:focus {outline:none}
section[id] {scroll-margin-top:96px}
.rl-display,.rl-h2 {
  font-family:var(--ui-font-sans);font-weight:650;letter-spacing:0;line-height:1.15;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
}
.rl-display {margin:0 0 18px;font-size:var(--ui-title-lg)}
.rl-h2 {margin:0 0 16px;color:var(--ui-text);font-size:var(--ui-title-sm)}
.page-title,.section-title,.psec-head h2 {
  font-family:var(--ui-font-sans);font-weight:650;letter-spacing:0;line-height:1.15;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
}
.page-title {margin:40px 0 12px;font-size:32px}
.page-title span {color:inherit;-webkit-text-fill-color:currentColor}
.section-title,.psec-head h2 {font-size:var(--ui-title-sm)}
@media (max-width:600px) {.page-title {font-size:24px}}

.ui-button,.tier-cta,.btn-primary,.rl-cta,.cta-button {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 var(--ui-space-6);
  border:1px solid var(--ui-accent);border-radius:var(--ui-radius-sm);
  background:var(--ui-accent);color:var(--ui-on-accent);
  font:600 var(--ui-text-sm)/1.2 var(--ui-font-sans);text-decoration:none;
  transition:background .15s ease,border-color .15s ease;
}
.ui-button:hover,.tier-cta:hover,.btn-primary:hover,.rl-cta:hover,.cta-button:hover {background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:var(--ui-on-accent)}
.ui-button:focus-visible,.tier-cta:focus-visible,.btn-primary:focus-visible,.rl-cta:focus-visible,.cta-button:focus-visible {outline:2px solid var(--ui-accent);outline-offset:3px}
.ui-button.ui-button--secondary {background:var(--ui-surface);border-color:var(--ui-border-strong);color:var(--ui-text)}
.ui-button.ui-button--secondary:hover {background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent)}
.ui-button.ui-button--on-dark {background:var(--ui-on-ink);border-color:var(--ui-on-ink);color:var(--ui-text)}
.ui-button.ui-button--on-dark:hover {background:var(--ui-ink-highlight);border-color:var(--ui-ink-highlight);color:var(--ui-text)}
button.btn-primary {cursor:pointer}
button.btn-primary:disabled {opacity:.55;cursor:not-allowed}

/* Small section labels share one treatment; the old dot is decorative only. */
.rl-eyebrow {
  display:flex;align-items:center;justify-content:flex-start;gap:var(--ui-space-2);
  margin-bottom:18px;color:var(--ui-accent);
  font:600 var(--ui-text-xs)/1.4 var(--ui-font-sans);
  letter-spacing:0;text-transform:none;
}
.rl-eyebrow > .dot {display:none}

/* Public brand rule: eyebrow, kicker, and overline labels are retired. */
.rl-eyebrow,.brand-eyebrow,.b-kicker,.kicker {display:none !important}

/* Shared site header; nav-support.css owns the script-enhanced mobile menu. */
.site-header {
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  position:sticky;top:0;z-index:100;width:100vw;max-width:none;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:var(--ui-space-3) var(--ui-content-inset);
  background:var(--ui-canvas);border-bottom:1px solid var(--ui-border);
}
body > .site-header,#homepage-mount > .site-header,.rl-page .page-wrap > .site-header {width:100%;margin-left:0;margin-right:0}
.site-header .brand-lockup {display:inline-flex;align-items:center;gap:11px;min-height:44px;flex:0 0 auto;color:var(--ui-text);text-decoration:none}
.site-header .brand-wordmark {color:var(--ui-text);font-family:var(--ui-font-sans);font-size:21px;font-weight:700;letter-spacing:0}
.site-header .brand-icon {width:36px;height:36px;flex:0 0 36px;color:var(--ui-text)}
.site-nav {display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:12px}
.site-nav a {padding:9px 11px;border-radius:var(--ui-radius-sm);color:var(--ui-muted);font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:color .18s,background .18s}
.site-nav a:hover,.site-nav a:focus,.site-nav a[aria-current="page"] {background:var(--ui-accent-soft);color:var(--ui-accent)}
.site-header .btn-header-cta {
  flex:0 0 auto;
  width:auto;min-width:96px;height:44px;padding:0 14px;
  border:0;line-height:1;white-space:nowrap;
}
@media (max-width:640px) {
  .site-header {gap:10px;padding-top:var(--ui-space-2);padding-bottom:var(--ui-space-2)}
  .site-header .brand-lockup {gap:9px}
  .site-header .brand-wordmark {font-size:19px}
  .site-header .brand-icon {width:32px;height:32px;flex-basis:32px}
  .site-nav {overflow-x:auto;flex-wrap:nowrap;margin-right:8px;scrollbar-width:none;-ms-overflow-style:none}
  .site-nav::-webkit-scrollbar {display:none}
  .site-nav a {padding:8px 9px;font-size:13px}
  .site-header .btn-header-cta {min-width:0;padding:0 10px}
}

/* One footer for home, inner pages, and generated pages. */
.site-footer {
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:0 var(--ui-content-inset);
  border-top:1px solid var(--ui-border);background:var(--ui-subtle);color:var(--ui-muted);
  font-family:var(--ui-font-sans);
}
body > .site-footer,#homepage-mount > .site-footer,.rl-page .page-wrap > .site-footer {width:100%;margin-left:0;margin-right:0}
.site-footer .footer-cols {
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:var(--ui-space-8);padding:var(--ui-space-12) 0 var(--ui-space-8);
}
.site-footer .footer-links {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ui-space-8) var(--ui-space-6);min-width:0}
.site-footer .footer-brand {display:flex;flex-direction:column;gap:var(--ui-space-3);min-width:0}
.site-footer .brand-lockup {display:inline-flex;align-items:center;gap:9px;align-self:flex-start;min-height:44px;color:var(--ui-text);text-decoration:none}
.site-footer .brand-icon {width:26px;height:26px;color:var(--ui-text)}
.site-footer .brand-wordmark {font-size:22px;font-weight:700;letter-spacing:0}
.site-footer .footer-brand p {max-width:40ch;margin:0;color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.55}
.site-footer .footer-col {display:flex;flex-direction:column;gap:var(--ui-space-2);min-width:0;border-top:1px solid var(--ui-border);padding-top:var(--ui-space-4)}
.site-footer .footer-head {margin:0 0 var(--ui-space-2);color:var(--ui-text);font-size:var(--ui-text-sm);line-height:1.5;font-weight:700;letter-spacing:0;text-transform:none}
.site-footer .footer-col a {display:block;color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.site-footer .footer-col a:hover {color:var(--ui-accent);text-decoration:underline;text-underline-offset:2px}
.site-footer a:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
.site-footer .footer-ai-row {display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4) 0;border-top:1px solid var(--ui-border);color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.5}
.site-footer .footer-ai-row strong {color:var(--ui-text);font-weight:650}
.site-footer .footer-ai-row a {color:var(--ui-accent);font-weight:650;text-decoration:underline;text-underline-offset:2px}
.site-footer .footer-copy {padding:var(--ui-space-4) 0 var(--ui-space-6);border-top:1px solid var(--ui-border);color:var(--ui-muted);font-size:var(--ui-text-xs);line-height:1.5}
@media (max-width:900px) {
  .site-footer .footer-links {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px) {
  .site-footer .footer-cols {gap:var(--ui-space-6) var(--ui-space-4);padding:var(--ui-space-8) 0 var(--ui-space-6)}
  .site-footer .footer-links {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--ui-space-4)}
  .site-footer .footer-ai-row {align-items:flex-start;flex-direction:column}
}

/* Shared plan comparison on Home and Pricing. */
.tier-index {display:none}
.tier-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:var(--ui-space-8);border:1px solid var(--ui-border);border-left:0;border-right:0;background:transparent}
.tier {position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--ui-space-6);border-right:1px solid var(--ui-border);background:transparent;scroll-margin-top:80px}
.tier:last-child {border-right:0}
.tier-hd {margin-bottom:var(--ui-space-3)}
.tier-name {margin-bottom:4px;color:var(--ui-text);font-size:20px;font-weight:650;line-height:1.2}
.tier-tag {color:var(--ui-muted);font-size:13px;font-weight:400}
.tier-amt {margin-bottom:var(--ui-space-4);color:var(--ui-text);font-size:32px;font-weight:800;line-height:1.1;-webkit-text-fill-color:var(--ui-text)}
.tier-amt span {color:var(--ui-muted);font-size:.28em;font-weight:700;-webkit-text-fill-color:var(--ui-muted)}
.tier-trial {margin:-8px 0 var(--ui-space-4);color:var(--ui-accent);font-size:var(--ui-text-sm);font-weight:700;line-height:1.3}
.tier-feats {margin:0 0 var(--ui-space-6);padding:0;border-top:1px solid var(--ui-border);list-style:none}
.tier-feats li {position:relative;padding:10px 0 10px 26px;border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:var(--ui-text-sm);font-weight:500;line-height:1.4}
.tier-feats li:last-child {border-bottom:0}
.tier-feats li::before {content:'';position:absolute;top:16px;left:0;width:14px;height:8px;border-left:2px solid var(--ui-accent);border-bottom:2px solid var(--ui-accent);transform:rotate(-45deg)}
.tier > .tier-cta {width:100%;margin-top:auto;appearance:none}
.tier-foot {display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4) 0 var(--ui-space-6);color:var(--ui-muted);font-size:var(--ui-text-sm)}
@media (max-width:700px) {
  .tier-index {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ui-space-4);margin:0 0 var(--ui-space-4);border-top:1px solid var(--ui-border)}
  .tier-index a {display:flex;align-items:baseline;justify-content:space-between;gap:var(--ui-space-2);min-width:0;min-height:44px;padding:var(--ui-space-3) 0;border-bottom:1px solid var(--ui-border);color:var(--ui-text);font:600 var(--ui-text-sm)/1.4 var(--ui-font-sans);text-decoration:none}
  .tier-index a:hover {color:var(--ui-accent-hover)}
  .tier-index a:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
  .tier-index strong {font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
  .tier-index small {color:var(--ui-muted);font-size:var(--ui-text-xs);font-weight:400}
  .tier-grid {grid-template-columns:minmax(0,1fr)}
  .tier {border-right:0;border-bottom:1px solid var(--ui-border)}
  .tier:last-child {border-bottom:0}
  .tier-foot {align-items:flex-start;flex-direction:column}
}
@media (min-width:701px) and (max-width:1199px) {
  .tier-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .tier {border-bottom:1px solid var(--ui-border)}
  .tier:nth-child(2n) {border-right:0}
  .tier:nth-last-child(-n+2) {border-bottom:0}
}

/* Scan-first directories share one linked row, not a card variant. */
.ui-link-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--ui-space-8);border-top:1px solid var(--ui-border)}
.ui-link-row {display:block;min-width:0;padding:var(--ui-space-5) 0;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent;color:var(--ui-text);text-decoration:none}
.ui-link-row:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
.ui-link-row :is(h3,h4) {margin:0 0 var(--ui-space-2);color:var(--ui-text);font:650 var(--ui-text-lg)/1.3 var(--ui-font-sans)}
.ui-link-row p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.5 var(--ui-font-sans)}
.ui-link-row:hover :is(h3,h4) {color:var(--ui-accent);text-decoration:underline;text-underline-offset:2px}

/* Numbered work flows keep the same reading order at every width. */
.ui-process-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--ui-space-6);margin:0;padding:0;border-top:1px solid var(--ui-border);list-style:none}
.ui-process-grid--four {grid-template-columns:repeat(4,minmax(0,1fr))}
.ui-process-grid li {display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto 1fr;gap:var(--ui-space-1) var(--ui-space-3);min-width:0;padding:var(--ui-space-5) 0;border-bottom:1px solid var(--ui-border)}
.ui-process-number {grid-row:1 / span 2;color:var(--ui-muted);font:650 var(--ui-text-xs)/1.5 var(--ui-font-sans)}
.ui-process-grid h3 {grid-column:2;margin:0;color:var(--ui-text);font:650 var(--ui-text-base)/1.4 var(--ui-font-sans)}
.ui-process-grid p {grid-column:2;margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.5 var(--ui-font-sans)}
@media (max-width:700px) {
  .ui-process-grid,.ui-process-grid--four {grid-template-columns:minmax(0,1fr)}
}
@media (min-width:701px) and (max-width:1023px) {
  .ui-process-grid--four {grid-template-columns:repeat(2,minmax(0,1fr))}
}

.ui-detail-list {max-width:800px;margin:var(--ui-space-6) 0 0;padding:0;border-top:1px solid var(--ui-border);list-style:none}
.ui-detail-list li {padding:var(--ui-space-3) 0;border-bottom:1px solid var(--ui-border)}
.ui-detail-list p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.5 var(--ui-font-sans)}
.ui-detail-list strong,.ui-detail-list strong span {color:var(--ui-text);font-weight:600}

/* Explanatory groups are ruled content, not promotional cards. */
.ui-explain-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--ui-space-6);margin:var(--ui-space-6) 0;border-top:1px solid var(--ui-border)}
.ui-explain-grid--two {grid-template-columns:repeat(2,minmax(0,1fr))}
.ui-explain-item {min-width:0;padding:var(--ui-space-5) 0;border-bottom:1px solid var(--ui-border)}
.ui-explain-label {display:block;margin-bottom:var(--ui-space-2);color:var(--ui-accent);font:600 var(--ui-text-xs)/1.4 var(--ui-font-sans)}
.ui-explain-item h3 {margin:0 0 var(--ui-space-2);color:var(--ui-text);font:650 var(--ui-text-lg)/1.3 var(--ui-font-sans)}
.ui-explain-item p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.6 var(--ui-font-sans)}
.ui-explain-item a {color:var(--ui-accent);text-decoration:underline;text-underline-offset:2px}
@media (min-width:701px) and (max-width:979px) {
  .ui-explain-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px) {
  .ui-explain-grid,.ui-explain-grid--two {grid-template-columns:minmax(0,1fr)}
}

/* Source-backed figures use the same quiet rows on Home and Results. */
.ui-evidence-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-3);margin:0;padding:var(--ui-space-3) 0;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border)}
.ui-evidence-item {min-width:0}
.ui-evidence-item strong {display:block;color:var(--ui-text);font:650 var(--ui-text-lg)/1.25 var(--ui-font-sans)}
.ui-evidence-item span {display:block;color:var(--ui-muted);font:400 var(--ui-text-xs)/1.4 var(--ui-font-sans)}

/* Cited lead figures for research and planning sections. */
.pain-lead {display:flex;align-items:baseline;gap:26px;margin-bottom:26px;flex-wrap:wrap}
.b-head--stat .pain-lead {flex-direction:column;align-items:inherit;gap:6px}
.pain-lead-num {font-family:var(--ui-font-sans);font-size:clamp(40px,5vw,64px);font-weight:650;line-height:1;letter-spacing:0;color:var(--ui-accent);text-shadow:none}
.pain-lead-num small {font-size:.32em;font-weight:700}
.pain-lead-src {max-width:40ch;padding-top:6px;color:var(--ui-muted);font-family:var(--ui-font-sans);font-size:var(--ui-text-sm);line-height:1.55;letter-spacing:0;text-transform:none}

/* Shared, crawlable heritage roster on About and Work. */
.heritage-group {margin:0 0 var(--ui-space-6)}
.heritage-group-head {margin:0 0 var(--ui-space-3);padding-bottom:var(--ui-space-2);border-bottom:1px solid var(--ui-border);color:var(--ui-text);font:650 var(--ui-text-sm)/1.4 var(--ui-font-sans)}
.heritage-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--ui-space-4);max-width:900px;margin:0;padding:0;list-style:none}
.heritage-tiles li {min-width:0;padding:var(--ui-space-2) 0;color:var(--ui-text);font:400 var(--ui-text-sm)/1.4 var(--ui-font-sans)}

/* A single unframed list for feature directories and related capabilities. */
.feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--ui-space-6);margin-top:var(--ui-space-2);border-top:1px solid var(--ui-border)}
.feature-card {min-width:0;border-bottom:1px solid var(--ui-border);background:transparent}
.feature-card-body {display:flex;flex-direction:column;gap:var(--ui-space-2);height:100%;padding:var(--ui-space-5) 0}
.feature-card-body .rl-eyebrow {text-align:left}
.feature-card-body h3 {margin:0;color:var(--ui-text);font:650 var(--ui-text-lg)/1.3 var(--ui-font-sans)}
.feature-card-body p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.6 var(--ui-font-sans)}
.feature-card-link {color:var(--ui-text);text-decoration:none}
.feature-card-link:hover h3 {color:var(--ui-accent-hover);text-decoration:underline;text-underline-offset:2px}
.feature-card-link:focus-visible {outline:2px solid var(--ui-accent);outline-offset:3px}
.feature-pages {max-width:820px;margin:18px auto 0;color:var(--ui-muted);font-size:var(--ui-text-sm)}

/* Tines deep-dive inspired primitives: subtle motion, proof mockups, and update rows. */
.ui-motion-field {position:relative;overflow:hidden;background:var(--ui-subtle)}
.ui-motion-field::before {content:'';position:absolute;inset:0;z-index:0;opacity:.42;pointer-events:none;background-image:radial-gradient(circle at center,color-mix(in srgb,var(--ui-accent) 36%,transparent) 1px,transparent 1.6px);background-size:18px 18px;animation:uiFieldDrift 28s linear infinite}
.ui-motion-field::after {content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.42) 46%,transparent 62%);transform:translateX(-72%);animation:uiFieldShimmer 9s ease-in-out infinite}
.ui-motion-field > * {position:relative;z-index:1}
.ui-dot-matrix {position:relative;isolation:isolate;overflow:hidden}
.ui-dot-matrix::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.36;background-image:radial-gradient(circle at center,color-mix(in srgb,var(--ui-accent) 42%,transparent) 1px,transparent 1.6px);background-size:18px 18px;animation:uiFieldDrift 28s linear infinite}
/* One text-only shimmer. Dark surfaces change only the resting ink. */
h1 .ui-text-shimmer,h1 .ui-text-shimmer-on-dark {
  --ui-shimmer-base:var(--ui-text);
  background:linear-gradient(105deg,var(--ui-shimmer-base) 15%,var(--ui-accent-hover) 38%,var(--ui-ink-highlight) 48%,var(--ui-shimmer-base) 62%);
  background-size:240% 100%;background-position:100% 50%;
  background-clip:text;-webkit-background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:uiTextShimmer 15s linear infinite;
}
h1 .ui-text-shimmer-on-dark {--ui-shimmer-base:var(--ui-on-ink)}
@media (prefers-reduced-motion:reduce) {
  h1 .ui-text-shimmer,h1 .ui-text-shimmer-on-dark {background:none;color:var(--ui-shimmer-base);-webkit-text-fill-color:currentColor;animation:none}
}
.weight-row--revenue {--bar-value:30%}
.weight-row--time {--bar-value:25%}
.weight-row--setup {--bar-value:15%}
.weight-row--maintenance,.weight-row--competition,.weight-row--compounding {--bar-value:10%}
:root {--ui-chart-grid:linear-gradient(to bottom,color-mix(in srgb,var(--ui-border) 58%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--ui-border) 58%,transparent) 1px,transparent 1px),var(--ui-canvas)}
.ui-proof-strip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:var(--ui-space-6) 0;border:1px solid var(--ui-border);border-left:0;border-right:0}
.ui-section-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-6);margin-top:var(--ui-space-8);text-align:left}
.ui-section-links a {display:grid;gap:var(--ui-space-2);padding:var(--ui-space-4) 0;border-block:1px solid var(--ui-border);color:var(--ui-text);font-weight:650;text-decoration:none}
.ui-section-links a:hover {text-decoration:underline;text-underline-offset:3px}
.ui-section-links span {color:var(--ui-muted);font-size:var(--ui-text-sm);font-weight:400}
@media (max-width:700px) {.ui-section-links {grid-template-columns:1fr;gap:var(--ui-space-3)}}
.ui-proof-strip div {min-width:0;padding:var(--ui-space-4) var(--ui-space-4) var(--ui-space-4) 0;border-right:1px solid var(--ui-border)}
.ui-proof-strip div:last-child {border-right:0}
.ui-proof-strip strong {display:block;margin-bottom:4px;color:var(--ui-text);font:650 var(--ui-text-base)/1.3 var(--ui-font-sans)}
.ui-proof-strip span {display:block;color:var(--ui-muted);font:400 var(--ui-text-xs)/1.45 var(--ui-font-sans)}
.ui-surface-map {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4);margin:var(--ui-space-6) 0 0}
.ui-surface-card {min-width:0;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
.ui-surface-card--primary {background:var(--ui-canvas);box-shadow:0 14px 40px rgba(27,48,32,.08)}
.ui-surface-card h3 {margin:0 0 var(--ui-space-2);color:var(--ui-text);font:650 var(--ui-text-lg)/1.25 var(--ui-font-sans)}
.ui-surface-card p {margin:0;color:var(--ui-muted);font:400 var(--ui-text-sm)/1.55 var(--ui-font-sans)}
.ui-mini-mock {display:grid;gap:7px;margin:var(--ui-space-4) 0 0;padding:var(--ui-space-3);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-subtle)}
.ui-mini-row {display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);min-width:0;padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-canvas);color:var(--ui-text);font:600 var(--ui-text-xs)/1.35 var(--ui-font-sans)}
.ui-mini-row span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-mini-row em {flex:none;color:var(--ui-muted);font-style:normal;font-weight:500}
.ui-update-feed {display:grid;margin:var(--ui-space-6) 0 0;border-top:1px solid var(--ui-border)}
.ui-update-row {display:grid;grid-template-columns:136px minmax(0,1fr) auto;gap:var(--ui-space-5);align-items:baseline;padding:var(--ui-space-4) 0;border-bottom:1px solid var(--ui-border)}
.ui-update-row time {color:var(--ui-muted);font:600 var(--ui-text-xs)/1.4 var(--ui-font-sans)}
.ui-update-row strong {color:var(--ui-text);font:650 var(--ui-text-base)/1.35 var(--ui-font-sans)}
.ui-update-row span {color:var(--ui-accent);font:650 var(--ui-text-xs)/1.4 var(--ui-font-sans)}
.ui-claim-chips {display:flex;flex-wrap:wrap;gap:var(--ui-space-2);margin:var(--ui-space-5) 0 0;padding:0;list-style:none}
.ui-claim-chips li {display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--ui-border-strong);border-radius:999px;background:var(--ui-canvas);color:var(--ui-text);font:650 var(--ui-text-xs)/1 var(--ui-font-sans);animation:uiChipFloat 7s ease-in-out infinite}
.ui-claim-chips li:nth-child(2) {animation-delay:1.2s}.ui-claim-chips li:nth-child(3) {animation-delay:2.1s}.ui-claim-chips li:nth-child(4) {animation-delay:.45s}
@keyframes uiFieldDrift {to {background-position:72px 36px}}
@keyframes uiFieldShimmer {50% {transform:translateX(72%)} 100% {transform:translateX(72%)}}
@keyframes uiTextShimmer {to {background-position:-140% 50%}}
@keyframes uiChipFloat {0%,100% {transform:translateY(0)} 50% {transform:translateY(-5px)}}

/* Product captures use one quiet frame across page families. */
.product-preview {
  max-width:var(--ui-content-width);margin:34px 0 0;padding:0;overflow:hidden;
  border:0;border-radius:0;background:transparent;
}
.product-preview img {display:block;width:100%;height:auto;border:1px solid color-mix(in srgb,var(--ui-text) 35%,transparent);border-radius:0}
.product-preview figcaption {
  margin:0;padding:10px 0 0;
  color:var(--ui-muted);font-size:var(--ui-text-xs);line-height:1.4;
}

/* Conceptual SVGs use one frame on feature details and migration guidance. */
.diagram-frame {
  max-width:980px;margin:0 auto;padding:0;overflow:hidden;
  border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);
  background:var(--ui-surface);
}
.diagram-frame img {display:block;box-sizing:border-box;width:100%;height:auto;padding:var(--ui-space-4)}
.diagram-frame figcaption {
  margin:0;padding:10px var(--ui-space-4);border-top:1px solid var(--ui-border);
  color:var(--ui-muted);font-family:inherit;font-size:var(--ui-text-xs);
  line-height:1.4;letter-spacing:0;text-transform:none;
}

/* Shared motion specimens. Motion explains product state; it does not imply
   that a proposed job ran, a connection exists, or a result was produced. */
.work-motion {
  overflow: hidden;
  border: 1px solid var(--ui-border-strong);
  border-radius: var(--ui-radius-md);
  background:
    linear-gradient(to bottom, color-mix(in srgb, var(--ui-border) 58%, transparent) 1px, transparent 1px),
    linear-gradient(to right, color-mix(in srgb, var(--ui-border) 58%, transparent) 1px, transparent 1px),
    var(--ui-canvas);
  background-position: -1px -1px;
  background-size: 32px 32px;
}
.work-motion__head,
.work-motion__caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-space-4);
  padding: 14px 18px;
  background: color-mix(in srgb, var(--ui-canvas) 92%, transparent);
  color: var(--ui-muted);
  font-size: var(--ui-text-xs);
  font-weight: 700;
}
.work-motion__head { border-bottom: 1px solid var(--ui-border); }
.work-motion__head strong { color: var(--ui-accent); }
.work-motion__plot { position: relative; min-height: 180px; padding: 18px; }
.work-motion__plot svg { display: block; width: 100%; height: 148px; overflow: visible; }
.work-motion__route {
  fill: none;
  stroke: var(--ui-border-strong);
  stroke-width: 2;
  stroke-dasharray: 3 7;
  vector-effect: non-scaling-stroke;
}
.work-motion__route-live {
  fill: none;
  stroke: var(--ui-accent-hover);
  stroke-width: 2;
  stroke-dasharray: 2 10;
  vector-effect: non-scaling-stroke;
  animation: work-route 4s linear infinite;
}
.work-motion__node circle {
  fill: var(--ui-canvas);
  stroke: var(--ui-accent);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
  animation: work-node 12s ease-in-out infinite;
}
.work-motion__node--scope circle { animation-delay: 2.4s; }
.work-motion__node--review circle { animation-name: work-node-review; animation-delay: 4.8s; }
.work-motion__node--act circle { animation-delay: 9.48s; }
.work-motion__node--evidence circle { animation-delay: 11.4s; }
.work-motion__node text {
  fill: var(--ui-muted);
  font: 700 12px var(--ui-font-sans);
}
.work-motion__craft { color: var(--ui-accent); }
.work-motion__craft path { stroke: currentColor; }
.work-motion__craft .exhaust { fill: currentColor; }
.work-motion__stages {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0 18px 20px;
  list-style: none;
}
.work-motion__stages li {
  min-width: 0;
  padding: 16px 14px 4px;
  border-top: 1px solid var(--ui-border-strong);
}
.work-motion__stages li + li { border-left: 1px solid var(--ui-border); }
.work-motion__stages span {
  display: block;
  margin-bottom: 8px;
  color: var(--ui-accent);
  font-size: var(--ui-text-xs);
  font-weight: 800;
}
.work-motion__stages strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ui-text);
  font-size: var(--ui-text-sm);
  line-height: 1.25;
}
.work-motion__stages p {
  margin: 0;
  color: var(--ui-muted);
  font-size: var(--ui-text-xs);
  line-height: 1.5;
}
.work-motion__caption {
  align-items: flex-start;
  border-top: 1px solid var(--ui-border);
  font-weight: 500;
  line-height: 1.5;
}
.work-motion__caption span:first-child { max-width: 72ch; }
.work-motion__caption span:last-child { flex: 0 0 auto; color: var(--ui-accent); font-weight: 700; }

/* Edge network and weighted signal specimens shared by Home and the brand guide. */
.system-motion-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:var(--ui-space-8);align-items:stretch }
.edge-network,.weight-panel { min-width:0;margin:0;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);background:var(--ui-canvas) }
.edge-network { overflow:hidden;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--ui-border) 55%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--ui-border) 55%,transparent) 1px,transparent 1px);background-size:28px 28px }
.edge-network__head,.weight-panel__head { display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);min-height:48px;padding:10px 16px;border-bottom:1px solid var(--ui-border);color:var(--ui-text);font-size:var(--ui-text-sm);font-weight:650 }
.edge-network__live { display:inline-flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:var(--ui-text-xs);font-weight:500 }
.edge-network__live i { width:7px;height:7px;border-radius:50%;background:var(--ui-accent-hover);animation:edge-status 2s ease-in-out infinite }
.edge-network canvas { display:block;width:100%;height:340px }
.edge-network__stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-canvas) 94%,transparent) }
.edge-network__stats span { display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;color:var(--ui-muted);font-size:var(--ui-text-xs);line-height:1.35 }
.edge-network__stats span+span { border-left:1px solid var(--ui-border) }
.edge-network__stats strong { color:var(--ui-text);font-size:var(--ui-text-base);font-variant-numeric:tabular-nums;white-space:nowrap }
.weight-panel { padding:0 var(--ui-space-5) var(--ui-space-5) }
.weight-panel__head { margin:0 calc(var(--ui-space-5) * -1) var(--ui-space-5) }
.weight-panel__head h3 { margin:0;color:var(--ui-text);font-size:var(--ui-text-base);font-weight:650 }
.weight-panel__head>span { color:var(--ui-muted);font-size:var(--ui-text-xs);font-weight:500 }
.weight-bars { display:grid;gap:var(--ui-space-4) }
.weight-row { display:grid;gap:8px;color:var(--ui-text);font-size:var(--ui-text-sm) }
.weight-row>div { display:flex;align-items:center;justify-content:flex-start;gap:var(--ui-space-3);min-width:0 }
.weight-row strong { flex:0 0 auto;color:var(--ui-muted);font-size:var(--ui-text-xs);font-variant-numeric:tabular-nums }
.weight-track { display:block;height:9px;overflow:hidden;border-radius:2px;background:var(--ui-subtle) }
.weight-track>span { display:block;width:var(--bar-value);height:100%;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:var(--ui-accent-hover);transition:transform 900ms cubic-bezier(.2,.7,.2,1) }
.weight-bars.is-visible .weight-track>span { transform:scaleX(1) }
.weight-row:nth-child(2) .weight-track>span { transition-delay:100ms }
.weight-row:nth-child(3) .weight-track>span { transition-delay:180ms }
.weight-row:nth-child(4) .weight-track>span { transition-delay:260ms }
.weight-row:nth-child(5) .weight-track>span { transition-delay:340ms }
.weight-row:nth-child(6) .weight-track>span { transition-delay:420ms }
@keyframes edge-status { 50% { opacity:.4;transform:scale(.78) } }

@keyframes work-route { to { stroke-dashoffset: -48; } }
@keyframes work-node {
  0%, 10% { fill: var(--ui-accent-hover); r: 10px; }
  11%, 100% { fill: var(--ui-canvas); r: 7px; }
}
@keyframes work-node-review {
  0%, 17% { fill: var(--ui-accent-hover); r: 10px; }
  18%, 100% { fill: var(--ui-canvas); r: 7px; }
}
@keyframes motion-exhaust-a { 0%,100% { opacity: 1; } 35% { opacity: .34; } 70% { opacity: .82; } }
@keyframes motion-exhaust-b { 0%,100% { opacity: .72; } 28% { opacity: 1; } 62% { opacity: .28; } }
@keyframes motion-exhaust-c { 0%,100% { opacity: .45; } 42% { opacity: 1; } 78% { opacity: .22; } }
.work-motion__craft .exhaust:nth-of-type(1),
#homepage-mount .site-header .exhaust:nth-of-type(1) { animation: motion-exhaust-a 1.8s ease-in-out infinite; }
.work-motion__craft .exhaust:nth-of-type(2),
#homepage-mount .site-header .exhaust:nth-of-type(2) { animation: motion-exhaust-b 1.8s ease-in-out infinite .3s; }
.work-motion__craft .exhaust:nth-of-type(3),
#homepage-mount .site-header .exhaust:nth-of-type(3) { animation: motion-exhaust-c 1.8s ease-in-out infinite .6s; }

@media (max-width: 1280px) {
  .system-motion-layout { grid-template-columns:minmax(0,1fr);gap:var(--ui-space-5) }
}
@media (max-width: 760px) {
  .edge-network canvas { height:280px }
  .weight-panel { padding:0 var(--ui-space-4) var(--ui-space-4) }
  .weight-panel__head { margin-inline:calc(var(--ui-space-4) * -1) }
  .work-motion__plot { min-height: 132px; padding: 10px 12px; }
  .work-motion__plot svg { height: 112px; }
  .work-motion__node text { display: none; }
  .work-motion__stages { grid-template-columns: 1fr; padding: 0 14px 16px; }
  .work-motion__stages li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 4px 10px; align-items: start; padding: 12px 0; }
  .work-motion__stages li + li { border-left: 0; }
  .work-motion__stages span,.work-motion__stages strong { margin: 0; }
  .work-motion__stages span { grid-row: 1 / span 2; }
  .work-motion__stages strong,.work-motion__stages p { grid-column: 2; }
  .work-motion__caption { display: block; }
  .work-motion__caption span { display: block; }
  .work-motion__caption span:last-child { margin-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .edge-network__live i { animation:none }
  .weight-track>span { transform:scaleX(1);transition:none }
  .work-motion__route-live,
  .work-motion__node circle,
  .work-motion__craft .exhaust,
  #homepage-mount .site-header .exhaust { animation: none !important; }
  .work-motion__craft { display: none; }
}


/* Shared decision-page layout for comparison and local landing pages. */
.decision-page .decision-hero {text-align:left;padding-top:var(--ui-space-12);padding-bottom:var(--ui-space-8)}
.decision-page .decision-hero .rl-display,.decision-page .decision-hero .rl-sub {max-width:70ch;margin-left:0;margin-right:0}
.decision-page .decision-hero .rl-display {max-width:21ch;font-size:var(--ui-title-lg);line-height:1.12}
.decision-page .decision-hero .btn-primary {margin-top:var(--ui-space-4)}
.decision-page .decision-hero .cta-hint {max-width:70ch;margin:var(--ui-space-3) 0 0;color:var(--ui-muted);font-size:var(--ui-text-sm)}
.decision-page .decision-product-proof {padding-top:var(--ui-space-12);padding-bottom:var(--ui-space-12);border-top:1px solid var(--ui-border);background:var(--ui-canvas)}
.decision-page .decision-product-proof .product-preview {margin:0 auto}
.decision-page .decision-product-note {max-width:72ch;margin:var(--ui-space-5) auto 0;color:var(--ui-muted);font-size:var(--ui-text-sm);line-height:1.55;text-align:center}

/* Shared disclosure list used by marketing FAQs. */
.faq {max-width:var(--ui-content-width);margin:0 0 var(--ui-space-8);border-top:1px solid var(--ui-border)}
.faq-row {border-bottom:1px solid var(--ui-border)}
.faq-q {display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:var(--ui-space-4);min-height:64px;padding:var(--ui-space-4) 0;list-style:none;cursor:pointer;color:var(--ui-text);font:600 var(--ui-text-base)/1.4 var(--ui-font-sans)}
.faq-q::-webkit-details-marker {display:none}
.faq-q::marker {content:''}
.faq-q:focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
.faq-num {color:var(--ui-muted);font:500 var(--ui-text-xs)/1.4 var(--ui-font-sans)}
.faq-text {min-width:0}
.faq-icon {position:relative;width:20px;height:20px;color:var(--ui-muted)}
.faq-icon::before,.faq-icon::after {content:'';position:absolute;top:50%;left:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.faq-icon::after {transform:translate(-50%,-50%) rotate(90deg)}
.faq-row[open] .faq-icon::after {transform:translate(-50%,-50%) rotate(0)}
.faq-a {max-width:78ch;padding:0 var(--ui-space-6) var(--ui-space-5) 44px;color:var(--ui-muted);font:400 var(--ui-text-base)/1.65 var(--ui-font-sans)}
.faq-a p {margin:0 0 var(--ui-space-3);color:inherit}
.faq-a p:last-child {margin-bottom:0}
.faq-a strong {color:var(--ui-text);font-weight:600}
.faq-a a {color:var(--ui-accent);text-decoration:underline;text-underline-offset:2px}

@media (max-width:900px) {
  .site-header:not(.mobile-nav-ready) {flex-wrap:wrap}
  .site-header:not(.mobile-nav-ready) .site-nav {
    order:3;width:100%;margin:0;overflow:visible;flex-wrap:wrap;
    justify-content:flex-start;gap:0 var(--ui-space-2);
  }
}
@media (max-width:640px) {
  :root {--ui-title-sm:28px;--ui-title-lg:36px;--ui-title-hero:40px;--ui-title-feature:30px;--ui-section-space:48px}
  .feature-grid {grid-template-columns:minmax(0,1fr)}
  .ui-link-grid {grid-template-columns:minmax(0,1fr)}
  .heritage-tiles {grid-template-columns:minmax(0,1fr)}
  .faq-q {grid-template-columns:20px minmax(0,1fr) 20px;gap:var(--ui-space-3);min-height:56px}
  .faq-a {padding-left:32px;font-size:var(--ui-text-sm)}
}
@media (max-width:600px) {
  .decision-page .decision-hero {padding-top:var(--ui-space-8);padding-bottom:var(--ui-space-6)}
  .decision-page .decision-product-proof {padding-top:var(--ui-space-8);padding-bottom:var(--ui-space-8)}
  .decision-page .decision-product-note {text-align:left}
}
@media (min-width:641px) and (max-width:900px) {
  .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .heritage-tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce) {
  .ui-motion-field::before,.ui-motion-field::after,.ui-dot-matrix::before,.ui-text-shimmer,.ui-text-shimmer-on-dark,.ui-claim-chips li {animation:none !important}
}
@media (max-width:900px) {
  .ui-proof-strip,.ui-surface-map {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-update-row {grid-template-columns:1fr;gap:var(--ui-space-1)}
}
@media (max-width:640px) {
  .ui-proof-strip,.ui-surface-map {grid-template-columns:1fr}
  .ui-proof-strip div {border-right:0;border-bottom:1px solid var(--ui-border)}
  .ui-proof-strip div:last-child {border-bottom:0}
}