@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

.rf-canvas {
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  color: #14202b;
  background: #f5f8fb;
  background-image: linear-gradient(90deg, rgba(20,32,43,.035) 1px, transparent 1px), linear-gradient(rgba(20,32,43,.035) 1px, transparent 1px);
  background-size: 56px 56px;
}
[data-comp="canvas"] .rf-landing, .rf-landing[data-comp="canvas"] { display: flex; flex-direction: column; box-sizing: border-box; padding: 28px 4.5vw 24px; }
[data-comp="canvas"] .rf-topbar, .rf-topbar[data-comp="canvas"], [data-comp="canvas"] .rf-footer, .rf-footer[data-comp="canvas"] { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; }
[data-comp="canvas"] .rf-wordmark, .rf-wordmark[data-comp="canvas"] { font-family: "DM Mono", monospace; font-size: 14px; letter-spacing: .18em; font-weight: 500; color: #14202b; }
[data-comp="canvas"] .rf-status, .rf-status[data-comp="canvas"] { display: flex; align-items: center; gap: 9px; font: 11px/1 "DM Mono", monospace; letter-spacing: .04em; color: #607080; }
[data-comp="canvas"] .rf-status-dot, .rf-status-dot[data-comp="canvas"] { width: 7px; height: 7px; border-radius: 50%; background: #62c9a2; box-shadow: 0 0 0 4px rgba(98,201,162,.14); }
[data-comp="canvas"] .rf-hero, .rf-hero[data-comp="canvas"] { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(290px, .9fr) minmax(420px, 1.1fr); align-items: center; gap: clamp(32px, 7vw, 130px); max-width: 1400px; width: 100%; margin: 0 auto; }
[data-comp="canvas"] .rf-intro, .rf-intro[data-comp="canvas"] { padding: 4vh 0; }
[data-comp="canvas"] .rf-eyebrow, .rf-eyebrow[data-comp="canvas"] { margin: 0 0 23px; color: #698196; font: 500 10px/1.4 "DM Mono", monospace; letter-spacing: .16em; }
[data-comp="canvas"] .rf-headline, .rf-headline[data-comp="canvas"] { white-space: pre-line; margin: 0; max-width: 620px; color: #14202b; font: 500 clamp(45px, 6vw, 92px)/.98 "Manrope", sans-serif; letter-spacing: -.075em; }
[data-comp="canvas"] .rf-quiet-copy, .rf-quiet-copy[data-comp="canvas"] { margin: 28px 0 0; max-width: 370px; color: #596b7a; font: 400 clamp(14px, 1.25vw, 17px)/1.65 "Manrope", sans-serif; }
[data-comp="canvas"] .rf-runner-stage, .rf-runner-stage[data-comp="canvas"] { position: relative; width: min(100%, 700px); justify-self: end; height: min(52vh, 520px); min-height: 340px; overflow: hidden; border: 1px solid #dce5ed; background: rgba(255,255,255,.48); box-shadow: 0 18px 54px rgba(31,54,73,.07); }
[data-comp="canvas"] .rf-runner-stage::before, .rf-runner-stage[data-comp="canvas"]::before { content: ""; position: absolute; inset: 17px; border: 1px solid rgba(174,190,204,.45); pointer-events: none; z-index: 1; }
[data-comp="canvas"] .rf-runner-canvas, .rf-runner-canvas[data-comp="canvas"] { display: block; width: 100%; height: 100%; }
[data-comp="canvas"] .rf-runner-caption, .rf-runner-caption[data-comp="canvas"] { position: absolute; z-index: 2; bottom: 31px; left: 34px; display: flex; align-items: center; gap: 10px; color: #657687; font: 10px/1 "DM Mono", monospace; letter-spacing: .12em; }
[data-comp="canvas"] .rf-caption-rule, .rf-caption-rule[data-comp="canvas"] { width: 32px; height: 1px; background: #7a91a5; }
[data-comp="canvas"] .rf-footer, .rf-footer[data-comp="canvas"] { color: #7c8b98; font: 10px/1 "DM Mono", monospace; letter-spacing: .055em; }
[data-comp="canvas"] .rf-footer-index, .rf-footer-index[data-comp="canvas"] { color: #44596a; }
@media (max-width: 760px) { [data-comp="canvas"] .rf-landing, .rf-landing[data-comp="canvas"] { padding: 22px 24px; }
[data-comp="canvas"] .rf-status, .rf-status[data-comp="canvas"] { display: none; }
[data-comp="canvas"] .rf-hero, .rf-hero[data-comp="canvas"] { grid-template-columns: 1fr; gap: 20px; align-content: center; }
[data-comp="canvas"] .rf-intro, .rf-intro[data-comp="canvas"] { padding: 5vh 0 0; }
[data-comp="canvas"] .rf-quiet-copy, .rf-quiet-copy[data-comp="canvas"] { margin-top: 19px; }
[data-comp="canvas"] .rf-runner-stage, .rf-runner-stage[data-comp="canvas"] { justify-self: stretch; width: 100%; height: 32vh; min-height: 220px; }
[data-comp="canvas"] .rf-runner-caption, .rf-runner-caption[data-comp="canvas"] { bottom: 25px; left: 27px; }
[data-comp="canvas"] .rf-footer, .rf-footer[data-comp="canvas"] { margin-top: 16px; } }
@media (max-height: 620px) and (min-width: 761px) { [data-comp="canvas"] .rf-landing, .rf-landing[data-comp="canvas"] { padding-top: 20px; padding-bottom: 18px; }
[data-comp="canvas"] .rf-runner-stage, .rf-runner-stage[data-comp="canvas"] { height: 62vh; min-height: 290px; }
[data-comp="canvas"] .rf-eyebrow, .rf-eyebrow[data-comp="canvas"] { margin-bottom: 16px; }
[data-comp="canvas"] .rf-quiet-copy, .rf-quiet-copy[data-comp="canvas"] { margin-top: 20px; } }
[data-comp="canvas"] .rf-status-text, .rf-status-text[data-comp="canvas"] { display: block; }
[data-comp="canvas"] .rf-runner-caption-text, .rf-runner-caption-text[data-comp="canvas"] { display: block; }
[data-comp="canvas"] .rf-footer-text, .rf-footer-text[data-comp="canvas"] { display: block; }
