/* Visual direction approved by the user: cinematic workshop, blue, readable real UI. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
#relay-concept .rc-preview>div{margin-right:auto}#relay-concept .rc-preview .sb-language-control{width:auto;gap:8px}#relay-concept .rc-preview .sb-language-control select{flex:initial;min-width:98px}
#relay-concept .rl-hero h1 br,#relay-concept .rl-bridge-copy h2 br,#relay-concept .rl-feedback-copy h2 br{display:initial!important}
html,body{background:#0a1118}body{font-family:Inter,system-ui,sans-serif}
#relay-concept{max-width:1800px;font-family:Inter,system-ui,sans-serif;--rc-accent:light-dark(#0877e4,#168aff);--rc-on:light-dark(#fff,#fff);--rc-soft:light-dark(#e7f2ff,#162b42)}
#relay-concept .rc-preview{padding:8px 5.5%;background:#070e15;border-color:#1b2b3a}#relay-concept .rc-preview strong{font-size:10px;color:#a2b1bf}#relay-concept .rc-preview span{font-size:10px;color:#8197aa}#relay-concept .rc-preview select{background:#111e2a;border-color:#2a3c4d;font-size:11px;padding:5px 10px}#relay-concept .rc-preview label{font-size:10px}
#relay-concept .rl-marketing{--rc-bg:#0e1721;--rc-surface:#111d29;--rc-ink:#f5f7fa;--rc-muted:#b8c7d9;--rc-line:#283d50;--rc-accent:#087cf3;--rc-on:#fff;--rc-soft:#142b41;--rc-lime:#1594ff;background:#0b1219}
#relay-concept .rl-marketing .rc-site-nav{padding:22px 5.5%;background:linear-gradient(120deg,#0d1722,#0b1117);border-bottom:1px solid #263a4b;gap:25px}#relay-concept .rl-marketing .rc-logo{font-family:Inter,system-ui,sans-serif;font-size:30px;letter-spacing:-1px;gap:12px}#relay-concept .sb-brand-blue{color:#078aff}#relay-concept .sb-logo-symbol{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;color:#1496ff}#relay-concept .sb-logo-symbol svg{width:35px;height:35px;stroke-width:2.2}
#relay-concept .rl-marketing .rc-site-nav nav{gap:13px}#relay-concept .rl-marketing .rc-site-nav nav .rc-btn{font-size:14px;padding:10px 17px}#relay-concept .rl-marketing .rc-site-nav nav .rc-primary{padding:12px 22px;background:#087ff4;border-color:#1396ff;color:#fff;box-shadow:0 4px 25px #007dff15}#relay-concept .rl-marketing .rc-site-nav nav .rc-ghost{color:#eef3f9}
#relay-concept .rl-home{--rl-lime:#1294ff;--rl-muted:#c1cfdf;--rl-line:#2a4155}
#relay-concept .rl-hero{padding:66px 5.5% 65px;min-height:600px;display:block;position:relative;background:#0b1621;isolation:isolate;border-bottom:1px solid #253b50;overflow:hidden}#relay-concept .rl-hero:before{inset:0;z-index:-1;opacity:1;mask-image:none;background:linear-gradient(90deg,#09151df2 0%,#0a1521ed 27%,#09162488 46%,transparent 65%),linear-gradient(0deg,#0710187a,transparent 22%)}#relay-concept .rl-hero-copy{max-width:560px;width:44%;z-index:3}#relay-concept .rl-hero h1{font-family:Inter,system-ui,sans-serif;font-size:clamp(40px,4.1vw,65px);letter-spacing:-1.7px;line-height:1.08;margin-bottom:26px;font-weight:800}#relay-concept .rl-hero-copy>p{max-width:490px;font-size:15px;line-height:1.75;color:#cfdae7}
#relay-concept .rl-overline{display:inline-flex;font-size:11px;letter-spacing:.3px;padding:9px 12px;border:1px solid #008ded;border-radius:6px;background:#051a2ecc;color:#159fff;font-weight:650;margin-bottom:28px;gap:7px}#relay-concept .rl-overline svg{width:17px;height:17px}
#relay-concept .rl-hero-visual{position:absolute;inset:0;min-height:0;max-width:none;width:100%;margin:0;display:block;z-index:-2;animation:none}#relay-concept .rl-sandbox-art{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:none;margin:0;z-index:0;position:absolute;inset:0}#relay-concept .sb-monitor-demo{position:absolute;right:9%;bottom:25px;display:flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #318fde;border-radius:8px;background:#071a2edd;color:#e7f4ff;font-size:11px;font-weight:650;z-index:2}#relay-concept .sb-monitor-demo svg{width:15px;height:15px}
#relay-concept .rl-hero .rl-actions{margin-top:29px;gap:14px}#relay-concept .rl-button{border-color:#34495c;font-size:13px;min-height:50px;border-radius:7px;padding:14px 21px}#relay-concept .rl-button-primary{background:#0788ff;border-color:#139dff;color:#fff;box-shadow:0 6px 28px #0075ff20}#relay-concept .rl-button-primary:hover{background:#2799ff}#relay-concept .rl-button-secondary{background:#0b1626aa;color:#eef5ff}#relay-concept .rl-button-secondary:hover{background:#112a42;border-color:#398ace}#relay-concept .rl-hero-facts{color:#e2e9f1;gap:21px;font-size:10px;margin-top:26px}#relay-concept .rl-hero-facts svg{color:#159bff}
#relay-concept .sb-quick-features{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:24px 3%;background:linear-gradient(#0a141f,#0b141b);border-bottom:1px solid #1c2d3c}#relay-concept .sb-quick-features article{padding:21px 16px;border:1px solid #1c3348;border-radius:10px;background:linear-gradient(140deg,#111e2b,#0d1722)}#relay-concept .sb-quick-features article>svg{width:28px;height:28px;color:#078dff;margin-bottom:17px;stroke-width:2.3}#relay-concept .sb-quick-features h3{font-size:14px;line-height:1.4;letter-spacing:-.3px;margin-bottom:9px}#relay-concept .sb-quick-features p{font-size:12px;line-height:1.7;color:#b9cada}
#relay-concept .rl-section{padding:65px 5.5%}#relay-concept .rl-kicker{color:#3dabff}#relay-concept .rl-section-title>p{color:#afc3d7}#relay-concept .rl-feature{background:linear-gradient(145deg,#142332,#101b27);border-color:#2a3e51}#relay-concept .rl-feature:after{background:radial-gradient(#008cff15,transparent 70%)}#relay-concept .rl-feature-icon,#relay-concept .rl-icon-lime{background:#153550;color:#1eacff}#relay-concept .rl-text-link{color:#b6dcff}#relay-concept .rl-bridge-section{background:linear-gradient(110deg,#10202f,#0d1824);border-color:#243b51}#relay-concept .rl-mini-note{color:#b9d8f0}#relay-concept .rl-tile-icon{background:#1b3c5d;color:#bcdfff}#relay-concept .rl-tile-success{background:#0989ff;color:#fff}#relay-concept .rl-process-card{background:#162638;border-color:#354e6c}#relay-concept .rl-process-relay{background:linear-gradient(120deg,#183957,#132d47);border-color:#396a95}#relay-concept .rl-card-top small{color:#b7cbe1}#relay-concept .rl-process-price>span{color:#a7c1d8}#relay-concept .rl-process-bottom{border-color:#36516b;color:#a5dabd}#relay-concept .rl-process-bottom small{color:#a0b6cb}#relay-concept .rl-event-pair{color:#d5e5f4}#relay-concept .rl-event-pair svg{color:#32bdff}#relay-concept .rl-server-endpoint{background:#152c3a;border-color:#365767}#relay-concept .rl-server-endpoint span{color:#b5dcc6}#relay-concept .rl-server-endpoint>small{color:#aec4d6}#relay-concept .rl-process-arrow{color:#5da8dc}#relay-concept .rl-relay-chip{background:#0b92ff;color:#fff}
#relay-concept .rl-control-section{background:#0b141e}#relay-concept .rl-console-preview{background:#111f2d;border-color:#34495d}#relay-concept .rl-console-top{background:#182a3b;border-color:#34495d}#relay-concept .rl-console-top strong small,#relay-concept .rl-console-summary small,#relay-concept .rl-console-metrics small,#relay-concept .rl-console-order small{color:#b4c7da}#relay-concept .rl-console-order{border-color:#2d4358}#relay-concept .rl-live-badge{background:#1d3c53;color:#acd9ff}#relay-concept .rl-control-benefits svg{color:#289eff}#relay-concept .rl-control-benefits p{color:#b5c7da}
#relay-concept .rl-feedback{background:radial-gradient(ellipse at 0% 50%,#144e5550,transparent 50%),linear-gradient(115deg,#142832,#111c29);border-color:#2e5167}#relay-concept .rl-feedback-copy p{color:#bbd0df}#relay-concept .rl-feedback-status{border-color:#3d5b70}#relay-concept .rl-bottom-cta{border-color:#2d4358}#relay-concept .rl-bottom-cta p{color:#b8ccdd}#relay-concept .rl-marketing .rc-footer{background:#0e1823;border-color:#2b3e52;color:#a1b5c7}#relay-concept .rl-marketing .rc-footer button{color:#bcdaef}
@media(min-width:1500px){#relay-concept .rl-hero{min-height:650px;padding-top:80px;padding-bottom:75px}#relay-concept .rl-hero h1{font-size:65px}#relay-concept .rl-hero-copy>p{font-size:16px}#relay-concept .rl-hero-facts{font-size:11px}}
@media(max-width:1100px){#relay-concept .rl-marketing .rc-site-nav{padding:19px 4%;gap:17px}#relay-concept .rl-marketing .rc-site-nav nav{gap:2px}#relay-concept .rl-marketing .rc-site-nav nav .rc-btn{padding:10px 12px;font-size:12px}#relay-concept .rl-hero{padding:48px 4%;min-height:550px}#relay-concept .rl-hero-copy{width:47%;max-width:480px}#relay-concept .rl-hero h1{font-size:44px}#relay-concept .rl-hero-copy>p{font-size:14px}#relay-concept .rl-hero .rl-actions{gap:10px}#relay-concept .rl-button{font-size:12px;padding:13px 16px}#relay-concept .sb-quick-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}#relay-concept .sb-quick-features article{padding:19px}#relay-concept .sb-quick-features h3{font-size:15px}#relay-concept .rl-section{padding-inline:4%}}
@media(max-width:780px){#relay-concept .rl-marketing .rc-logo{font-size:27px}#relay-concept .rl-hero{padding:34px 5% 320px;min-height:0;background:#0b1825}#relay-concept .rl-hero-copy{width:100%;max-width:620px}#relay-concept .rl-hero h1{font-size:50px;max-width:580px}#relay-concept .rl-hero h1 br:nth-child(2){display:none}#relay-concept .rl-hero-copy>p{font-size:15px;max-width:540px}#relay-concept .rl-hero:before{background:linear-gradient(180deg,#0b1825 0%,#0b1825 40%,#0b1825e5 48%,#0b182500 75%)}#relay-concept .rl-hero-visual{top:auto;height:440px;bottom:0;margin:0;max-width:none}#relay-concept .rl-sandbox-art{object-position:right center;object-fit:cover;opacity:.96}#relay-concept .sb-monitor-demo{right:5%;bottom:18px}#relay-concept .rl-hero-facts{font-size:11px}#relay-concept .sb-quick-features{padding:22px 5%;grid-template-columns:repeat(2,minmax(0,1fr))}#relay-concept .rl-section{padding-inline:5%}}
@media(max-width:480px){#relay-concept .rc-preview{padding:7px 18px}#relay-concept .rc-preview>div{gap:8px}#relay-concept .rc-preview span{font-size:9px}#relay-concept .rl-marketing .rc-site-nav{padding:15px 18px;gap:12px}#relay-concept .rl-marketing .rc-site-nav nav{justify-content:flex-start;gap:3px 8px}#relay-concept .rl-marketing .rc-site-nav nav .rc-btn{font-size:10px;padding:8px 7px;min-height:36px}#relay-concept .rl-marketing .rc-site-nav nav .rc-primary{padding:8px 12px;margin-left:auto}#relay-concept .rl-marketing .rc-logo{font-size:29px}#relay-concept .sb-logo-symbol{width:32px;height:32px}#relay-concept .sb-logo-symbol svg{width:30px;height:30px}#relay-concept .rl-hero{padding:30px 18px 260px}#relay-concept .rl-hero h1{font-size:38px;letter-spacing:-1.5px;line-height:1.12;margin-bottom:20px}#relay-concept .rl-overline{font-size:10px;padding:8px 11px;margin-bottom:22px}#relay-concept .rl-hero-copy>p{font-size:13px;line-height:1.85}#relay-concept .rl-hero .rl-actions{display:flex;gap:9px}#relay-concept .rl-hero .rl-button{min-height:46px;font-size:11px;padding:12px 15px;flex:1;gap:7px}#relay-concept .rl-hero-facts{gap:14px;font-size:9px;margin-top:21px}#relay-concept .rl-hero-visual{height:330px}#relay-concept .rl-hero:before{background:linear-gradient(180deg,#0b1825 0%,#0b1825 50%,#0b1825db 59%,#0b182500 75%)}#relay-concept .sb-monitor-demo{font-size:10px;bottom:13px;padding:9px 12px}#relay-concept .sb-quick-features{padding:18px;gap:10px}#relay-concept .sb-quick-features article{padding:17px 13px}#relay-concept .sb-quick-features article>svg{width:24px;height:24px;margin-bottom:13px}#relay-concept .sb-quick-features h3{font-size:12px;margin-bottom:7px}#relay-concept .sb-quick-features p{font-size:11px;line-height:1.75}#relay-concept .rl-section{padding-inline:18px}}