.ros2-home{--r2-blue:#3157ff;--r2-cyan:#6fe7ff;--r2-lime:#c8f45d;color:#11162d;background:#f3f2ed}.ros2-header{z-index:10;color:#fff;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:grid;position:absolute;inset:0 0 auto}.ros2-brand{align-items:center;gap:11px;display:flex}.ros2-brand>span{width:38px;height:38px;color:var(--r2-cyan);border:1px solid #5c6d9d;border-radius:50%;place-items:center;font:800 11px monospace;display:grid}.ros2-brand b{letter-spacing:-.04em;font-size:17px}.ros2-brand em{color:var(--r2-cyan);font-style:normal}.ros2-header nav{color:#96a3c5;gap:34px;font-size:12px;font-weight:700;display:flex}.ros2-header nav a:hover{color:#fff}.ros2-header-cta{border:1px solid #4e5b80;border-radius:100px;justify-self:end;padding:11px 16px;font-size:12px;font-weight:800}.ros2-header-cta i{color:var(--r2-cyan);margin-left:8px;font-style:normal}.ros2-hero{color:#fff;background:radial-gradient(circle at 66% 8%,#3157ff66,#0000 35%),linear-gradient(125deg,#0d142d,#111a39 56%,#091023);grid-template-columns:minmax(0,1.05fr) minmax(410px,.9fr);align-items:center;gap:clamp(50px,7vw,110px);min-height:790px;padding:145px clamp(24px,7vw,112px) 85px;display:grid;overflow:hidden}.ros2-copy{max-width:690px}.ros2-eyebrow{color:#93a0c4;letter-spacing:.14em;align-items:center;gap:11px;font:700 10px monospace;display:flex}.ros2-eyebrow i{background:var(--r2-lime);width:25px;height:2px}.ros2-copy h1{letter-spacing:-.075em;margin:28px 0;font-size:clamp(48px,5.4vw,82px);line-height:1.04}.ros2-copy h1 span{color:var(--r2-cyan)}.ros2-copy h1 em{color:var(--r2-lime);font-style:normal}.ros2-copy>p{color:#9aa7c9;max-width:610px;font-size:16px;line-height:1.83}.ros2-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.ros2-actions a:first-child{background:var(--r2-blue);border-radius:4px;gap:34px;padding:16px 19px;font-size:13px;font-weight:800;display:flex;box-shadow:0 12px 30px #3157ff4d}.ros2-actions a:last-child{color:#dce4fa;font-size:12px;font-weight:800}.ros2-actions a:last-child i{color:var(--r2-lime);margin-right:8px;font-style:normal}.ros2-stats{border-top:1px solid #ffffff1f;max-width:560px;margin-top:52px;padding-top:26px;display:flex}.ros2-stats div{border-right:1px solid #ffffff1f;margin-right:38px;padding-right:38px}.ros2-stats div:last-child{border:0;margin:0;padding:0}.ros2-stats strong,.ros2-stats span{display:block}.ros2-stats strong{font-size:24px}.ros2-stats span{color:#7580a2;margin-top:5px;font-size:10px}.graph-panel{background:#070c1f9e;border:1px solid #334064;box-shadow:0 30px 85px #0000005c}.graph-toolbar,.graph-footer{color:#7280a7;letter-spacing:.1em;border-bottom:1px solid #293454;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;font:8px monospace;display:flex}.graph-toolbar span{color:#c6d0ec}.graph-toolbar i{background:var(--r2-lime);width:6px;height:6px;box-shadow:0 0 9px var(--r2-lime);border-radius:50%;margin-right:7px;display:inline-block}.graph-stage{background-image:linear-gradient(#596fb917 1px,#0000 1px),linear-gradient(90deg,#596fb917 1px,#0000 1px);background-size:30px 30px;height:430px;position:relative;overflow:hidden}.graph-stage:after{content:"";border:1px dashed #6fe7ff2e;border-radius:50%;width:310px;height:310px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-hub{z-index:3;border:1px solid var(--r2-cyan);background:#111b3a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 14px #6fe7ff0a,0 0 40px #6fe7ff29}.graph-hub small,.graph-hub span{color:#7480a3;font:7px monospace}.graph-hub strong{color:var(--r2-cyan);font-size:31px}.graph-node{z-index:3;background:#111932;border:1px solid #344164;width:118px;min-height:67px;padding:11px;position:absolute}.graph-node small,.graph-node span{color:#6b7698;font:7px monospace;display:block}.graph-node strong{margin:7px 0 5px;font-size:12px;display:block}.gn-sensor{border-left:3px solid var(--r2-blue);top:12%;left:7%}.gn-control{border-left:3px solid var(--r2-cyan);top:13%;right:6%}.gn-tf{border-left:3px solid #7d52d9;bottom:10%;left:8%}.gn-nav{border-left:3px solid var(--r2-lime);bottom:11%;right:6%}.graph-lines i{z-index:1;transform-origin:0;background:linear-gradient(90deg,#3157ff,#6fe7ff);width:40%;height:1px;position:absolute;top:29%;left:22%;transform:rotate(28deg)}.graph-lines i:nth-child(2){top:50%;left:50%;transform:rotate(-28deg)}.graph-lines i:nth-child(3){background:linear-gradient(90deg,#7d52d9,#6fe7ff);top:70%;left:22%;transform:rotate(-28deg)}.graph-lines i:nth-child(4){background:linear-gradient(90deg,#6fe7ff,#c8f45d);top:50%;left:50%;transform:rotate(29deg)}.graph-lines i:nth-child(5){opacity:.25;width:54%;top:51%;left:24%;transform:rotate(0)}.packet{z-index:4;color:#8ba2ff;background:#101934;border:1px solid #3157ff;padding:3px 5px;font:6px monospace;position:absolute}.p-one{top:33%;left:31%}.p-two{color:#b597ef;border-color:#7d52d9;bottom:29%;left:31%}.p-three{border-color:var(--r2-lime);color:var(--r2-lime);bottom:28%;right:27%}.graph-footer{border:0;border-top:1px solid #293454;gap:15px;min-height:58px}.ros2-route{padding:110px clamp(24px,7vw,112px) 125px}.ros2-section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:52px;display:flex}.ros2-section-heading>div>span,.ros2-project>div>span{color:var(--r2-blue);letter-spacing:.12em;font:700 10px monospace}.ros2-section-heading h2{letter-spacing:-.065em;margin:17px 0 0;font-size:clamp(42px,4.6vw,68px);line-height:1.05}.ros2-section-heading>p{color:#6e7280;max-width:440px;font-size:14px;line-height:1.8}.ros2-stage-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.ros2-stage-card{background:#f8f7f2;border:1px solid #d5d4cd;min-height:335px;padding:22px;transition:all .2s}.ros2-stage-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #11162d1a}.ros2-stage-card>div:first-child{color:#777b89;justify-content:space-between;font:700 9px monospace;display:flex}.ros2-stage-card>div:first-child i{color:var(--r2-blue);font:18px sans-serif}.stage-signal{place-items:center;height:155px;display:grid;position:relative}.stage-signal b{z-index:2;background:var(--stage-color);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:12px;display:grid}.stage-signal i{border:1px solid color-mix(in srgb,var(--stage-color) 30%,transparent);border-radius:50%;width:100px;height:100px;position:absolute}.stage-signal i:nth-child(2){width:145px;height:55px;transform:rotate(-19deg)}.ros2-stage-card h3{letter-spacing:-.04em;margin:5px 0 12px;font-size:22px}.ros2-stage-card p{color:#757986;margin:0;font-size:11px}.ros2-project{color:#fff;background:#11172e;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:500px;padding:90px clamp(24px,7vw,112px);display:grid}.ros2-project h2{letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(38px,4.2vw,64px);line-height:1.06}.ros2-project p{color:#929ebe;max-width:600px;font-size:14px;line-height:1.8}.ros2-project a{color:var(--r2-cyan);margin-top:22px;font-size:12px;font-weight:800;display:inline-block}.project-flow{background:#0b1126;border:1px solid #354163;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:55px 30px;display:flex}.project-flow span{color:#cbd4ef;border:1px solid #3d4a70;padding:15px 12px;font:700 9px monospace}.project-flow i{color:var(--r2-lime);font-style:normal}.ros2-next{background:var(--r2-blue);color:#fff;text-align:center;padding:100px clamp(24px,7vw,112px)}.ros2-next>span{color:var(--r2-lime);font:700 10px monospace}.ros2-next h2{letter-spacing:-.065em;margin:20px 0 32px;font-size:clamp(37px,4.7vw,68px);line-height:1.08}.ros2-next a{border:1px solid #ffffff59;padding:14px 19px;font-size:12px;font-weight:800;display:inline-block}.ros2-next i{color:var(--r2-lime);margin-left:10px;font-style:normal}.ros2-stack{flex-wrap:wrap;align-items:center;gap:26px;min-height:110px;padding:25px clamp(24px,7vw,112px);display:flex}.ros2-stack span{color:#777b87;margin-right:auto;font:700 10px monospace}.ros2-stack strong{font-size:12px}@media (max-width:950px){.ros2-header{grid-template-columns:1fr auto}.ros2-header nav{display:none}.ros2-hero{grid-template-columns:1fr}.graph-panel{width:100%;max-width:720px}.ros2-stage-grid{grid-template-columns:repeat(2,1fr)}.ros2-project{grid-template-columns:1fr}}@media (max-width:600px){.ros2-header{height:70px;padding:0 20px}.ros2-header-cta{font-size:0}.ros2-header-cta i{margin:0;font-size:15px}.ros2-hero{padding:115px 20px 65px}.ros2-copy>p{font-size:14px}.ros2-actions{flex-direction:column;align-items:flex-start}.ros2-stats div{margin-right:15px;padding-right:15px}.graph-stage{height:345px}.graph-node{width:94px;padding:9px}.graph-hub{width:86px;height:86px}.graph-footer{flex-wrap:wrap;padding:12px 18px}.ros2-route{padding:78px 20px}.ros2-section-heading{display:block}.ros2-section-heading>p{margin-top:22px}.ros2-stage-grid{grid-template-columns:1fr}.ros2-project{padding:75px 20px}.project-flow{flex-direction:column}.project-flow i{transform:rotate(90deg)}.ros2-next{padding:78px 20px}.ros2-stack{padding:28px 20px}.ros2-stack span{width:100%}}