.rp-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:32px 0 60px}.rp-hero h1{font-size:clamp(44px,4.1vw,74px)}.rp-hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #2a3b42;padding-top:20px;font-size:11px;color:#9fb8c2;margin-top:26px}.rp-demo{border:1px solid #37544e;border-radius:16px;background:radial-gradient(ellipse at top right,#15403755,transparent 65%),#0c1b24;box-shadow:0 25px 90px #0005;overflow:hidden}.rp-demo-top{display:flex;justify-content:space-between;gap:10px;padding:18px 20px;font-size:10px;letter-spacing:.1em;border-bottom:1px solid #263c43;color:#acd2c9}.rp-demo-badge{color:#90a6b0}.rp-demo-status{display:flex;gap:14px;align-items:center;padding:24px 22px 0;color:#65dfc5}.rp-demo-status>span{font:42px/1 system-ui}.rp-demo-status strong{font-size:21px}.rp-demo-status p{font-size:12px;margin:3px 0}.rp-demo-status>b{margin-left:auto;color:#eff7f8;font-size:21px}.rp-demo svg{width:100%;display:block;font-family:system-ui,sans-serif}.rp-example-controls{display:flex;gap:5px;padding:0 16px}.rp-example-controls button{flex:1;padding:11px 6px;color:#acc3cd;background:transparent;border:1px solid #2d4854;border-radius:6px;font:600 11px/1.5 system-ui;cursor:pointer}.rp-example-controls button[aria-pressed=true]{color:#071713;background:#65dfc5;border-color:#65dfc5}.rp-example-controls button:focus-visible{outline:2px solid #ffdf57;outline-offset:3px}.rp-demo figcaption{min-height:78px}.rp-chapter,.rp-real{padding:70px 0;border-bottom:1px solid #26343a}.rp-chapter-head{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:end}.rp-chapter-head>.mp-eyebrow{grid-column:1/-1}.rp-chapter-head>p:last-child{font-size:17px;max-width:500px}.rp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.rp-feature-grid article{border-top:1px solid #37514b;padding:25px 8px 0 0}.rp-feature-grid p{font-size:15px}.rp-icon{display:block;font-size:30px;color:#65dfc5;margin-bottom:20px}.rp-dual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:70px 0;border-bottom:1px solid #26343a}.rp-orbs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;padding:35px 20px;background:radial-gradient(ellipse,#153334 0,transparent 70%)}.rp-orb{width:154px;aspect-ratio:1;border:2px solid #65dfc5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102730;box-shadow:0 0 0 8px #65dfc509}.rp-orb strong{font-size:31px}.rp-orb span{font-size:10px;letter-spacing:.05em;color:#9bc2ce}.rp-orb-response{width:120px;border-color:#f18ba8;box-shadow:0 0 0 8px #f18ba808}.rp-orb-response strong{font-size:27px}.rp-orbs p{flex-basis:100%;text-align:center;font-size:12px;max-width:350px;margin:10px 0 0}.rp-route{display:grid;grid-template-columns:1fr 25px 1fr 1fr;gap:16px;align-items:center;margin:25px 0 15px}.rp-route article{background:#0c1b24;border:1px solid #2c454e;border-radius:10px;padding:23px;height:100%}.rp-route article>span{font-size:10px;letter-spacing:.12em;color:#95adbb}.rp-route h3{font-size:18px;margin:18px 0 12px}.rp-route strong{font-size:30px;color:#f3c96f;letter-spacing:-.03em}.rp-route p{font-size:12px;margin:12px 0 0}.rp-route aside{padding:20px}.rp-route aside p{margin-bottom:18px;font-size:14px}.rp-route aside a{font-size:12px}.rp-route-arrow{font-size:24px;color:#65dfc5}.rp-real .mp-capture{margin-top:25px!important}.rp-replay{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 0;border-bottom:1px solid #26343a}.rp-manual-callout{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px;margin:60px 0 10px;border:1px solid #36554b;border-radius:12px;background:linear-gradient(115deg,#142b25,#0c181f)}.rp-manual-callout h2{font-size:32px}.rp-manual-callout p:last-child{max-width:470px;margin:0}.rp-manual-callout>a{max-width:300px;text-align:center}
@media(max-width:1250px){.rp-hero{grid-template-columns:1fr}.rp-hero-copy{max-width:730px}.rp-demo{max-width:750px}.rp-route{grid-template-columns:1fr 25px 1fr}.rp-route aside{grid-column:1/-1;padding:10px 0}.rp-demo svg{max-height:390px}.rp-hero h1{font-size:64px}}
@media(max-width:700px){.rp-hero{padding:15px 0 32px;gap:30px}.rp-hero h1{font-size:44px}.rp-demo-status{padding:18px 14px 0;gap:8px}.rp-demo-status strong{font-size:18px}.rp-demo-status>b{font-size:17px}.rp-demo-status>span{font-size:32px}.rp-demo-status p{font-size:10px}.rp-demo-top{padding:14px;font-size:9px}.rp-example-controls{padding:0 10px}.rp-example-controls button{font-size:10px}.rp-chapter,.rp-real,.rp-dual,.rp-replay{padding:42px 0}.rp-chapter-head,.rp-feature-grid,.rp-dual,.rp-replay{grid-template-columns:1fr;gap:16px}.rp-chapter-head>p:last-child{font-size:16px}.rp-feature-grid{gap:8px;margin-top:10px}.rp-icon{margin-bottom:10px}.rp-route{gap:8px;grid-template-columns:1fr 16px 1fr}.rp-route article{padding:16px 12px}.rp-route strong{font-size:24px}.rp-route h3{font-size:16px}.rp-route-arrow{font-size:18px}.rp-route article>span{font-size:9px}.rp-manual-callout{flex-direction:column;align-items:flex-start;padding:24px;margin-top:40px}.rp-orbs{gap:20px;padding:20px 0}.rp-orb{width:135px}.rp-orb-response{width:110px}}