:root{font-family:'Segoe UI',Arial,sans-serif;color:#f5f5f7;background:#101116;--blue:#0070cc;--light:#90c9fa;--muted:#b3b4bf;--border:#ffffff1c;scroll-behavior:smooth;scroll-padding-top:80px;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible{outline:2px solid #a4d4ff;outline-offset:4px}.skip{position:fixed;top:-80px;left:20px;z-index:30;background:#0070cc;padding:12px}.skip:focus{top:8px}.titlebar{height:64px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;padding:0 24px;background:#0c0d11;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.titlebar img{width:120px;height:auto}.titlebar>span{text-align:center;font-size:14px;font-weight:600}.titlebar .version{text-align:right;color:#aeb9c7;font-size:11px}.shell{display:grid;grid-template-columns:218px minmax(0,1fr)}.sidebar{position:sticky;top:64px;height:calc(100dvh - 64px);background:#16171d;border-right:1px solid var(--border);padding:28px 12px 20px;display:flex;flex-direction:column}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{padding:14px 16px;color:#b9bdc8;font-size:13px;border:1px solid transparent;border-radius:3px;transition:background .15s}.sidebar nav a:hover{background:#ffffff08;color:#fff}.sidebar nav a.selected{background:#0070cc24;border-color:#0070cc60;border-left:3px solid #008bef;color:#e4f0fc;padding-left:14px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:18px 6px 0;color:#93abc5;font-size:11px}.sidebar-footer small{display:block;font-size:10px;color:#717c8d;margin-top:6px}main{min-width:0}.content{max-width:1200px;margin:auto;padding:44px 46px 0}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.2;letter-spacing:-.9px;font-weight:500;margin-bottom:10px}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:500;margin-bottom:7px}h3{font-size:14px;line-height:1.5;font-weight:600;margin-bottom:8px}p{font-size:13px;line-height:1.75;color:var(--muted)}.platform-label{display:flex;gap:20px;align-items:center;color:#f0f1f6;font-weight:600;font-size:15px;width:fit-content;padding-bottom:12px;border-bottom:2px solid #0085e5;margin-bottom:30px}.platform-label span{font-size:10px;letter-spacing:1px;font-weight:500;color:var(--light);border-left:1px solid #ffffff24;padding-left:20px}.subheading{margin-bottom:20px;font-size:14px}.console-banner{min-height:370px;position:relative;display:grid;grid-template-columns:1.25fr .9fr;align-items:center;isolation:isolate;margin:5px -16px 32px;padding:35px 28px;overflow:hidden;background:#101116}.console-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101116 0%,#10111655 45%,#10111600 80%),url('/relay-flow-white.png') center/cover no-repeat;opacity:.8}.console-copy{padding-right:18px}.small-label{font-size:9px;letter-spacing:1.4px;color:#90a3bc;display:block;margin-bottom:14px}.console-copy h2{font-size:31px;letter-spacing:-1px;margin-bottom:18px}.console-copy p{max-width:375px;font-size:14px;line-height:1.75}.console-art{width:100%;height:290px;object-fit:contain;filter:drop-shadow(0 15px 18px #0007)}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;font-size:12px;min-height:39px;padding:9px 24px;font-weight:600;transition:background .15s}.primary{background:#0070cc;border:1px solid #0070cc;border-radius:30px}.primary:hover{background:#0088ea}.secondary{background:#12151b99;border:1px solid #ffffff24;border-radius:4px;color:#d9dde5}.secondary:hover{background:#242932}.console-meta{display:flex;gap:0;margin-top:30px;color:#9faec0;font-size:10px}.console-meta span+span{margin-left:17px;padding-left:17px;border-left:1px solid #66788d55}section{scroll-margin-top:80px}section+section{margin-top:60px}.section-heading{margin-bottom:24px}.section-heading p{margin-bottom:0}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.feature-pair article{padding:23px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(120deg,#17212a80,#13151b)}.feature-pair h3{font-size:17px;margin-bottom:10px}.feature-pair p{margin-bottom:22px}.mini-options{display:flex;gap:0;color:var(--light);font-size:10px}.mini-options span+span{margin-left:13px;padding-left:13px;border-left:1px solid #ffffff24}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--border);padding:23px 4px}.setting-row h3{margin-bottom:5px}.setting-row p{margin-bottom:0;max-width:580px;font-size:12px}.row-value{color:#92abc5;font-size:11px;text-align:right;flex:0 0 140px}.beta-tag{display:inline-block;border:1px solid #a7caea60;color:#afd0ee;border-radius:3px;padding:2px 6px;font-size:8px;letter-spacing:.4px;vertical-align:middle;margin-left:7px}.setup-list{list-style:none;padding:0;margin:0}.setup-list li{display:flex;gap:18px;padding:18px 0}.step-number{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#173858;border:1px solid #365c7e;color:#cce5ff;flex-shrink:0;font-size:12px}.setup-list h3{margin:1px 0 6px}.setup-list p{max-width:680px;margin-bottom:0;font-size:12px}.help-note{border-top:1px solid var(--border);padding-top:20px;font-size:11px;color:#8c98aa;margin-top:16px}.release-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--border);background:#14161d;padding:25px;border-radius:8px}.release-panel .beta-tag{margin:0 0 12px}.release-panel h3{font-size:19px}.release-panel p{max-width:490px;margin-bottom:0;font-size:12px}.release-state{font-size:11px;color:#aac9e4;white-space:nowrap}.about-copy{max-width:720px}.legal{border-top:1px solid var(--border);padding-top:22px;margin-top:25px}.legal h3{font-size:12px;color:#a9b1c0}.legal p{font-size:11px;color:#818b9d;max-width:850px}footer{border-top:1px solid var(--border);margin-top:45px;padding:25px 0;display:flex;align-items:center;gap:20px;font-size:10px;color:#74849a}footer img{width:84px;height:auto}footer a{margin-left:auto;color:#a9c5e0}@media(max-width:1100px){.titlebar{grid-template-columns:180px 1fr 180px}.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:8px}.sidebar nav a{font-size:12px;padding-inline:12px}.content{padding:35px 30px 0}.console-banner{grid-template-columns:1.2fr 1fr;padding-inline:20px}.console-copy h2{font-size:27px}.console-art{height:250px}.console-copy p{font-size:13px}.row-value{flex-basis:110px}.feature-pair article{padding:20px}}@media(max-width:760px){.titlebar{height:58px;display:flex;justify-content:space-between;padding:0 20px}.titlebar img{width:104px}.titlebar>span{display:none}.shell{display:block}.sidebar{position:sticky;top:58px;height:auto;padding:0 12px;z-index:9;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{flex-direction:row;overflow:auto;gap:2px;scrollbar-width:none}.sidebar nav a{white-space:nowrap;font-size:11px;padding:15px 12px;border-radius:0}.sidebar nav a.selected{border:0;border-bottom:2px solid #008bef;background:transparent;padding:15px 12px 13px}.sidebar-footer{display:none}.content{padding:30px 22px 0}h1{font-size:29px}.platform-label{margin-bottom:24px;font-size:13px}.subheading{font-size:13px}.console-banner{margin:8px -12px 20px;min-height:340px;padding:25px 14px;grid-template-columns:1fr .7fr;gap:5px}.console-copy{padding-right:0}.console-copy h2{font-size:26px;max-width:210px}.console-copy p{font-size:12px;max-width:300px}.console-art{height:220px;align-self:center}.small-label{font-size:8px;letter-spacing:.8px}.primary,.secondary{font-size:11px;padding:9px 17px}.hero-actions{gap:9px}.console-meta{font-size:9px;gap:0;flex-wrap:wrap;row-gap:8px}.console-meta span+span{margin-left:10px;padding-left:10px}.feature-pair{grid-template-columns:1fr;gap:12px}.feature-pair article{padding:20px}.feature-pair p{margin-bottom:18px}.setting-row{display:block;padding-block:20px}.row-value{display:block;text-align:left;margin-top:10px;color:#7c9dbd}.section-heading h2{font-size:23px}section+section{margin-top:44px}.release-panel{align-items:start;padding:20px}.release-state{font-size:10px}.setup-list li{gap:14px}.setup-list p{font-size:12px}section{scroll-margin-top:125px}:root{scroll-padding-top:125px}footer{gap:15px;font-size:9px}footer img{width:72px}}@media(max-width:430px){.console-banner{grid-template-columns:1fr;position:relative;padding-right:18px;padding-bottom:170px}.console-banner:before{background:linear-gradient(180deg,#101116 0%,#10111600 100%),url('/relay-flow-white.png') center/cover}.console-copy h2{max-width:none}.console-copy p{max-width:95%}.console-art{position:absolute;right:3px;bottom:-5px;width:170px;height:180px}.console-meta{max-width:125px;display:block;position:absolute;bottom:40px;left:18px}.console-meta span{display:block;margin-bottom:10px}.console-meta span+span{margin-left:0;padding-left:0;border-left:0}.release-panel{display:block}.release-state{display:block;margin-top:18px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
body:has(section:target) .sidebar nav a.selected{background:transparent;border-color:transparent;border-left-width:1px;padding-left:16px;color:#b9bdc8}body:has(#overview:target) .sidebar a[href="#overview"],body:has(#features:target) .sidebar a[href="#features"],body:has(#setup:target) .sidebar a[href="#setup"],body:has(#download:target) .sidebar a[href="#download"],body:has(#about:target) .sidebar a[href="#about"]{background:#0070cc24;border-color:#0070cc60;border-left:3px solid #008bef;padding-left:14px;color:#e4f0fc}@media(max-width:760px){body:has(section:target) .sidebar nav a.selected{border:0;padding:15px 12px}body:has(#overview:target) .sidebar a[href="#overview"],body:has(#features:target) .sidebar a[href="#features"],body:has(#setup:target) .sidebar a[href="#setup"],body:has(#download:target) .sidebar a[href="#download"],body:has(#about:target) .sidebar a[href="#about"]{border:0;border-bottom:2px solid #008bef;background:transparent;padding:15px 12px 13px}}
.console-banner:before{background:linear-gradient(90deg,#101116 0%,#10111666 45%,transparent 80%),url('/relay-flow-white.png') center/cover no-repeat;opacity:.8}.home-ribbons{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,#0007 40%,#000 80%)}.home-ribbons.still{visibility:hidden}.console-banner{min-height:410px}.console-art{height:310px}.console-copy h2{font-size:34px;font-weight:400}.small-label{font-size:10px;letter-spacing:.4px;color:#9ab1c9}.console-copy p{color:#b3b4bf}.feature-pair article{border-radius:5px;background:#14161c}.sidebar nav a{border-radius:3px}.console-banner:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#101116 0%,transparent 14%,transparent 85%,#101116)}@media(max-width:760px){.console-banner{min-height:350px}.console-art{height:245px}}@media(max-width:430px){.console-art{height:180px}.console-banner{min-height:470px}}@media(prefers-reduced-motion:reduce){.home-ribbons{display:none}}
.home-ribbons{mix-blend-mode:screen}.console-banner:has(.home-ribbons:not(.still)):before{background:linear-gradient(90deg,#101116 0%,#10111666 45%,transparent 80%)}
.shell{display:block}.content{max-width:1160px;padding:44px 40px 0}.titlebar{max-width:none;padding:0 max(28px,calc((100vw - 1080px)/2));grid-template-columns:180px 1fr 180px;height:72px;background:#0c0d11ef;backdrop-filter:blur(16px)}.titlebar>span{color:#a9b7c8;font-size:12px;font-weight:400}.titlebar .version{justify-self:end;display:inline-flex;align-items:center;gap:7px;border:1px solid #ffffff20;padding:6px 10px;border-radius:5px;font-size:10px}.titlebar .version:before{content:'';width:5px;height:5px;border-radius:50%;background:#90c9fa}.platform-label{margin-top:10px}.console-banner{margin:0 -20px 42px;padding:38px 32px;min-height:430px}.console-copy h2{font-size:38px}.console-art{height:340px}.feature-pair{gap:20px}.feature-pair article{border-radius:8px;padding:28px;background:linear-gradient(135deg,#19232e77,#13151c);position:relative;overflow:hidden}.feature-pair article:before{content:'';display:block;width:30px;height:3px;border-radius:2px;background:#68b6f3;margin-bottom:20px}.feature-pair h3{font-size:19px;font-weight:500}.feature-pair p{max-width:410px}.mini-options{padding-top:15px;border-top:1px solid #ffffff12;color:#abc8e3;font-size:11px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:26px}.setting-row{padding:24px 6px}.setting-row h3{font-size:15px;font-weight:500}.release-panel{background:linear-gradient(115deg,#142332,#13151c);border-radius:8px}.primary{box-shadow:0 3px 16px #0070cc20}.primary:active{transform:translateY(1px)}.setup-list{padding:10px 24px;border:1px solid #ffffff16;border-radius:8px;background:#13151a}.setup-list li+li{border-top:1px solid #ffffff0c}.about-copy{max-width:800px}@media(max-width:760px){.titlebar{height:64px;padding:0 22px;display:flex}.titlebar>span{display:none}.content{padding:30px 24px 0}.console-banner{margin:0 -14px 30px;padding:28px 18px;min-height:380px}.console-copy h2{font-size:30px}.console-art{height:260px}.feature-pair article{padding:22px}.setup-list{padding:8px 17px}.section-heading h2{font-size:24px}}@media(max-width:430px){.console-banner{min-height:480px;padding-bottom:180px}.console-art{height:195px;bottom:-2px}.console-meta{bottom:35px;left:20px}.console-copy h2{font-size:30px}.titlebar img{width:110px}}
