.rebuilt-web,
.rebuilt-posters {
  container-type: inline-size;
  font-family: "PingFang SC", "Microsoft YaHei", Inter, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  min-width: 0;
  isolation: isolate;
}
.rebuilt-web *, .rebuilt-posters * { box-sizing: border-box; }
.rebuilt-web [hidden], .rebuilt-posters [hidden] { display: none !important; }
.rebuilt-web button, .rebuilt-posters button { font: inherit; cursor: pointer; }
.rebuilt-web button:focus-visible, .rebuilt-posters button:focus-visible { outline: 3px solid #e89c31; outline-offset: 4px; }
.rebuilt-web svg, .rebuilt-posters svg { display: block; flex: none; }
.rebuilt-web p, .rebuilt-web h2, .rebuilt-web h3, .rebuilt-web h4,
.rebuilt-posters p, .rebuilt-posters h3, .rebuilt-posters h4, .rebuilt-posters h5 { margin: 0; }

/* Pages 18–19: the product site's light-blue technology banner and hierarchy. */
.rebuilt-web { color: #233d5b; background: #f6faff; border: 1px solid #dce7f4; overflow: clip; }
.rw-topbar { min-height: 68px; padding: 13px 6%; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rw-brand { display: flex; align-items: center; gap: 10px; color: #244973; font-size: 12px; letter-spacing: .025em; }
.rw-brand-mark { width: 24px; height: 24px; display: block; background: linear-gradient(135deg, #43d8ec, #065dd5); clip-path: polygon(50% 0, 100% 23%, 79% 79%, 50% 100%, 20% 79%, 0 23%, 50% 49%); }
.rw-topbar nav { display: flex; gap: 25px; }
.rw-topbar nav button { padding: 6px 0; border: 0; background: transparent; color: #61758b; font-size: 12px; }
.rw-topbar nav button:hover { color: #087bdd; }
.rw-hero { position: relative; min-height: 405px; display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; padding: 58px 6% 60px; background: radial-gradient(ellipse at 90% 10%, #ecdfff 0, transparent 35%), radial-gradient(ellipse at 76% 68%, #b5eaff 0, transparent 48%), linear-gradient(120deg, #f2fbff 5%, #dbefff 65%, #d7e5fa); overflow: hidden; }
.rw-hero::after { content: ""; position: absolute; bottom: -55%; left: -30%; width: 110%; height: 110%; border-radius: 50%; border: 1px solid #fff9; transform: rotate(17deg); background: linear-gradient(10deg, #fff6, #fff0); pointer-events: none; }
.rw-hero-copy { position: relative; z-index: 2; }
.rw-eyebrow { font-size: 11px; color: #6c93af; letter-spacing: .16em; margin-bottom: 15px !important; }
.rw-hero h2 { font-size: clamp(25px, 3.8cqi, 46px); line-height: 1.2; font-weight: 750; color: #193a5b; letter-spacing: -.03em; max-width: 480px; }
.rw-hero-line { width: 55px; height: 4px; background: linear-gradient(90deg, #0872e8, #20c7e7); margin: 23px 0; border-radius: 3px; }
.rw-hero h3 { max-width: 415px; font-size: 14px; line-height: 1.65; margin-bottom: 15px; color: #31526e; }
.rw-hero-copy > p:last-of-type { max-width: 400px; font-size: 12px; line-height: 1.85; color: #71869b; }
.rw-hero-link { margin-top: 24px; border: 0; border-radius: 3px; background: #fff9; color: #087bcb; padding: 9px 14px; display: inline-flex; align-items: center; gap: 16px; font-size: 11px !important; box-shadow: 0 4px 15px #338aca0a; }
.rw-hero-link svg { width: 17px; height: 17px; }
.rw-hero-link:hover { background: #fff; box-shadow: 0 6px 15px #247fbc20; }
.rw-hero-sculpture { height: 285px; width: 100%; position: relative; transform: translateX(10px); }
.rw-halo { width: 200px; height: 200px; position: absolute; border: 1px solid #fff8; border-radius: 50%; left: 26%; top: 22px; box-shadow: inset 0 0 25px #fff8, 0 0 60px #69caf57a; }
.rw-orbit { position: absolute; width: 290px; height: 140px; left: 9%; top: 60px; border: 2px solid #fafcffbf; border-radius: 50%; transform: rotate(-45deg); }
.rw-orbit-two { width: 245px; height: 175px; left: 15%; top: 35px; transform: rotate(48deg); border-color: #7dbbed42; }
.rw-plinth { width: 220px; height: 80px; position: absolute; bottom: 20px; left: 16%; border-radius: 50%; background: linear-gradient(0deg, #3081d2 0, #98c7ff 45%, #e7f9ff 50%, #b4dbfb 80%, #56aeff); box-shadow: 0 14px 25px #629fe64a, 0 2px 0 #f6fcff inset; }
.rw-plinth::before { content: ""; position: absolute; width: 216px; height: 56px; top: 0; left: 2px; border-radius: 50%; background: #def4ff; border: 7px solid #88c8fa; box-shadow: inset 0 0 0 3px #fff; }
.rw-plinth::after { content: ""; position: absolute; width: 160px; height: 40px; left: 30px; top: 8px; border-radius: 50%; background: #effcff; border: 8px solid #35b9e8; box-shadow: 0 0 0 4px #c4efff; }
.rw-float { position: absolute; display: grid; place-items: center; width: 67px; height: 67px; border-radius: 11px; color: #2f9de4; background: linear-gradient(140deg, #fff, #91cdf6); box-shadow: -8px 7px 0 #72b5e8, 0 16px 25px #4c9ad62b; transform: rotate(30deg) skew(-5deg); }
.rw-float svg { width: 35px; height: 35px; transform: rotate(-30deg); }
.rw-float-one { top: 64px; left: 17%; }
.rw-float-two { top: 45px; right: 17%; width: 54px; height: 54px; transform: rotate(-20deg); }
.rw-float-two svg { transform: rotate(20deg); }
.rw-float-three { top: 150px; right: 14%; width: 48px; height: 48px; transform: rotate(20deg); }
.rw-float-three svg { width: 29px; height: 29px; transform: rotate(-20deg); }
.rw-cube { width: 38px; height: 38px; position: absolute; top: 0; left: 47%; transform: rotate(-12deg); background: linear-gradient(110deg, #a4dcfc, #e5f4ff); box-shadow: 4px 3px 0 #85b5e3; }
.rw-cube::before { content: ""; position: absolute; inset: -8px 0 auto 0; height: 8px; background: #e4f6ff; transform: skewX(-35deg); transform-origin: bottom; }
.rw-cube::after { content: ""; position: absolute; right: -6px; top: -4px; width: 6px; height: 38px; background: #9fc7ed; transform: skewY(-45deg); }
.rw-satellite { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #f8ffff, #4fa1d8); box-shadow: 0 7px 15px #69b4e443; }
.rw-satellite-one { top: 55px; left: 2%; }
.rw-satellite-two { top: 124px; left: 9%; width: 15px; height: 15px; }
.rw-network-line { position: absolute; top: 92px; left: 6%; width: 73px; height: 2px; background: #a3bdda; transform: rotate(55deg); }

/* Page 20: functional icon band plus layered, native management interfaces. */
.rw-capabilities { padding: 40px 6% 15px; background: #f8fcff; }
.rw-section-title { text-align: center; font-size: 19px; font-weight: 700; color: #29475f; margin-bottom: 29px !important; }
.rw-feature-tabs { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 5px; border: 1px solid #fff; padding: 8px; background: linear-gradient(110deg, #e8f4fc8c, #f5fbff); border-radius: 12px; box-shadow: 0 3px 18px #0d67980a; }
.rw-feature-tabs button { border: 0; background: transparent; border-radius: 7px; padding: 14px 3px 12px; font-size: 11px; color: #345572; display: flex; align-items: center; flex-direction: column; gap: 9px; }
.rw-feature-tabs button[aria-selected="true"] { background: linear-gradient(150deg, #e3e6fc, #d6eefb); color: #174e87; box-shadow: inset 0 0 0 1px #fff9; font-weight: 650; }
.rw-feature-tabs button:hover { background: #e6f4ff; }
.rw-feature-symbol { display: grid; place-items: center; width: 36px; height: 33px; color: #1d83d6; border-radius: 7px; background: linear-gradient(140deg, #ebfaff, #88d4f0); box-shadow: inset 1px 1px 0 #fff, 2px 4px 0 #76b4dc35; }
.rw-feature-symbol svg { width: 25px; height: 25px; filter: drop-shadow(0 2px 1px #fff9); }
.rw-feature-panel { min-height: 410px; display: grid; grid-template-columns: .8fr 1.3fr; gap: 22px; align-items: center; padding: 55px 0 50px; }
.rw-feature-panel-reverse { grid-template-columns: 1.3fr .8fr; }
.rw-feature-panel-reverse .rw-feature-copy { order: 2; }
.rw-feature-copy { padding-right: 8px; }
.rw-feature-copy h4 { font-size: 21px; line-height: 1.4; color: #234762; margin: 10px 0 16px; }
.rw-feature-copy > p { font-size: 12px; color: #6b8193; line-height: 1.9; }
.rw-feature-kicker { color: #188bdc !important; font-size: 12px !important; font-weight: 650; }
.rw-feature-bullet { display: flex; gap: 10px; margin-top: 16px; font-size: 11px; line-height: 1.85; color: #6b8193; }
.rw-feature-bullet i { width: 7px; height: 7px; flex: none; background: #0b83df; transform: rotate(45deg); margin-top: 6px; }
.rw-interface-stage { position: relative; min-height: 275px; display: flex; align-items: flex-start; padding-top: 8px; padding-left: 23px; padding-bottom: 28px; }
.rw-window { border: 1px solid #d8e9f7; background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 0 13px 24px #507c9c16; font-size: 7px; line-height: 1.5; width: 100%; }
.rw-window-chrome { display: flex; align-items: center; gap: 3px; padding: 6px 8px; background: linear-gradient(90deg, #ddebff, #eef6fc); color: #395b7d; }
.rw-window-chrome i { width: 4px; height: 4px; border-radius: 50%; background: #ee8775; }
.rw-window-chrome i:nth-child(2) { background: #edb453; }
.rw-window-chrome i:nth-child(3) { background: #62b597; margin-right: 5px; }
.rw-chrome-spacer { flex: 1; }
.rw-mini-layout { display: grid; grid-template-columns: 40px 1fr; min-height: 203px; }
.rw-mini-nav { background: #eff6fb; border-right: 1px solid #e7eff5; padding: 5px 3px; }
.rw-mini-nav > div { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 5px 1px; color: #7895aa; font-size: 5px; }
.rw-mini-nav > div.active { color: #0579c6; background: #dcecfb; border-radius: 2px; }
.rw-mini-nav svg { width: 11px; height: 11px; }
.rw-mini-content { padding: 8px 9px 12px; min-width: 0; }
.rw-mini-heading { display: flex; gap: 12px; align-items: center; margin-bottom: 7px; }
.rw-mini-heading > span { color: #b6c2ce; }
.rw-project-cards { display: flex; gap: 5px; margin-bottom: 10px; }
.rw-project-cards > div { background: #eef4fc; border: 1px solid #e9f1f7; border-radius: 2px; padding: 6px 4px; display: flex; gap: 4px; flex: 1; font-size: 5px; align-items: center; color: #839eb3; }
.rw-project-cards svg { width: 10px; height: 10px; color: #398fc8; }
.rw-table-tabs { display: flex; gap: 10px; padding-bottom: 7px; }
.rw-table-tabs b { color: #2f506d; margin-right: auto; }
.rw-table-tabs span { color: #7799b4; }
.rw-window table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 5px; }
.rw-window th { background: #f8fafc; font-weight: 400; text-align: left; color: #90a2b1; padding: 5px 3px; border-bottom: 1px solid #eef2f5; }
.rw-window th:first-child { width: 44%; }
.rw-window td { padding: 7px 3px; border-bottom: 1px solid #f1f4f7; color: #778f9f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rw-window td:nth-child(3) { color: #b2bcc4; }
.rw-row-dot { display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 1px; background: #80bfe4; margin-right: 3px; }
.rw-priority { color: #72a4bc; background: #e8f6fa; padding: 1px 3px; border-radius: 1px; }
.rw-priority.high { color: #d199a0; background: #fbedf0; }
.rw-state { border: 1px solid #b3ddd5; color: #79b5a5; padding: 1px 3px; border-radius: 2px; }
.rw-floating-detail { position: absolute; z-index: 2; bottom: 20px; left: 0; width: 83%; background: #fff; border: 2px solid #5eaddc; border-radius: 7px; box-shadow: 0 7px 20px #347ea027; font-size: 7px; padding: 12px 10px; color: #48637c; }
.rw-floating-detail::before { content: ""; position: absolute; top: -2px; left: 4px; right: -2px; height: 2px; border-radius: 10px; background: linear-gradient(90deg, #5da8e7, #3ce3dd); }
.rw-floating-detail > strong { display: block; font-size: 8px; margin-bottom: 5px; }
.rw-detail-rule { height: 1px; background: #eff2f7; margin-bottom: 6px; }
.rw-detail-row { display: flex; gap: 5px; align-items: center; padding: 4px 0; font-size: 7px; }
.rw-detail-dot { width: 4px; height: 4px; flex: none; border: 1px solid #4da7c8; border-radius: 50%; }
.rw-detail-row small { margin-left: auto; font-size: 6px; color: #63ab9c; background: #e9faf5; padding: 1px 4px; white-space: nowrap; }
.rw-interface-caption { position: absolute; left: 14%; bottom: 4px; z-index: 3; border-radius: 10px; padding: 3px 9px; background: linear-gradient(90deg, #066fe2, #06d6e3); color: #fff; font-size: 6px; box-shadow: 0 2px 5px #237ec932; }

/* Page 19: four advantages arranged around a center seal, then an architecture stack. */
.rw-advantages { background: #fff; padding: 38px 9% 45px; }
.rw-section-intro { text-align: center; max-width: 550px; margin: -9px auto 30px !important; color: #8391a4; font-size: 11px; }
.rw-advantage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; position: relative; }
.rw-advantage-card { min-height: 117px; display: flex; gap: 13px; padding: 19px 24px; background: linear-gradient(130deg, #f0f4fc, #edf8fc); border-radius: 5px; }
.rw-advantage-card:nth-child(2n) { flex-direction: row-reverse; text-align: right; }
.rw-advantage-card svg { width: 29px; height: 29px; color: #1ba2d6; margin-top: 6px; }
.rw-advantage-card h4 { font-size: 12px; margin-bottom: 5px; color: #405f7a; }
.rw-advantage-card p { font-size: 9px; color: #8b9cae; line-height: 1.8; }
.rw-advantage-card:nth-child(1), .rw-advantage-card:nth-child(3) { padding-right: 55px; }
.rw-advantage-card:nth-child(2), .rw-advantage-card:nth-child(4) { padding-left: 55px; }
.rw-advantage-center { position: absolute; top: 50%; left: 50%; width: 103px; height: 103px; border: 6px solid #fff; background: radial-gradient(circle at 35% 20%, #f2ffff, #c3e7fa); border-radius: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 0 1px #eaf7fe; }
.rw-advantage-center strong { font-size: 33px; color: #279ed2; line-height: 1; font-weight: 550; }
.rw-advantage-center span { color: #4a7d9c; font-size: 8px; margin-top: 8px; }
.rw-architecture-section { padding: 38px 8% 45px; background: linear-gradient(#f6faff, #e7f3ff 82%, #d4d7fc); }
.rw-architecture { display: flex; gap: 8px; padding: 16px; border-radius: 5px; background: #ffffffc7; border: 1px solid #fff; box-shadow: 0 3px 15px #96b7d924; }
.rw-architecture-stack { flex: 1; display: flex; flex-direction: column; gap: 7px; }
.rw-architecture-row { display: grid; grid-template-columns: 57px 1fr; gap: 5px; padding: 3px; background: #e9f4ff; border: 1px solid #dceffa; border-radius: 3px; }
.rw-architecture-row > strong { display: flex; align-items: center; justify-content: center; text-align: center; padding: 8px 3px; background: linear-gradient(#078af4, #0678e2); border-radius: 2px; color: #fff; font-size: 8px; font-weight: 500; }
.rw-architecture-row > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 2px; }
.rw-architecture-row > div span { text-align: center; padding: 9px 2px; background: #fff; font-size: 7px; color: #7392a8; min-width: 0; }
.rw-architecture-row:first-child > div span:nth-child(even) { background: #e6fafa; }
.rw-architecture-row:nth-child(3) > div span { background: #eef5fb; border: 1px solid #deecf6; }
.rw-governance { width: 27px; display: flex; gap: 4px; }
.rw-governance span { writing-mode: vertical-rl; background: #eeedfc; border-radius: 3px; flex: 1; text-align: center; font-size: 7px; color: #8193af; padding: 4px; }
.rw-environments { width: 68px; display: flex; flex-direction: column; gap: 6px; }
.rw-environments > div { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #e7f1fd; border-radius: 3px; color: #758ca5; font-size: 7px; gap: 7px; text-align: center; padding: 3px; }
.rw-environments svg { width: 15px; height: 15px; color: #7babd4; }
.rw-footer { padding: 28px 6%; background: #102544; color: #8da6c2; font-size: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.rw-footer .rw-brand { color: #d8e6f2; font-size: 10px; }
.rw-footer > small { flex-basis: 100%; font-size: 8px; color: #6c87a6; border-top: 1px solid #ffffff12; padding-top: 16px; }

/* Page 28: three reconstructed blue technology posters, each with its original
   composition type: isometric product, shield/pain-points, and recruitment stage. */
.rebuilt-posters { background: #eaf1f8; color: #143653; }
.rp-toolbar { padding: 20px 25px; background: #fbfdff; border-bottom: 1px solid #dfe7f0; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rp-toolbar > div > strong { color: #315070; font-size: 12px; letter-spacing: .1em; }
.rp-toolbar p { color: #8a9bad; font-size: 10px; margin-top: 3px; }
.rp-tabs { display: flex; gap: 5px; }
.rp-tabs button { border: 1px solid #dce7f1; background: #fff; color: #62809c; padding: 8px 12px; font-size: 10px; border-radius: 5px; display: flex; gap: 8px; align-items: center; }
.rp-tabs button small { color: #97adc0; font-size: 9px; }
.rp-tabs button[aria-selected="true"] { background: #1178e8; color: #fff; border-color: #1178e8; box-shadow: 0 2px 7px #297ac42b; }
.rp-tabs button[aria-selected="true"] small { color: #b5ddff; }
.rp-canvas { padding: 28px; background: radial-gradient(ellipse at top, #c2e0ff, transparent 60%), #eaf1f8; }
.rp-poster { width: 100%; max-width: 620px; margin: 0 auto; border: 7px solid #f8fdff; border-radius: 25px; position: relative; overflow: hidden; box-shadow: 0 18px 40px #26577825; font-size: 15px; }
.rp-brand-bar { position: relative; z-index: 2; padding: 20px 28px 4px; display: flex; align-items: center; gap: 9px; color: #095587; font-size: 10px; letter-spacing: .015em; }
.rp-brand-bar strong { font-size: 10px; }
.rp-brand-bar > span:last-child { border-left: 1px solid currentColor; padding-left: 9px; margin-left: auto; font-size: 8px; }
.rp-brand-glyph { width: 21px; height: 21px; background: linear-gradient(130deg, #24c4ee, #0255b6); clip-path: polygon(50% 0, 100% 25%, 80% 78%, 50% 100%, 19% 78%, 0 25%, 50% 50%); }
.rp-cloud { background: radial-gradient(ellipse at 83% 13%, #edffff, transparent 25%), linear-gradient(120deg, #e6faff 0, #80e1f9 25%, #31b3ef 66%, #1278f5); }
.rp-cloud::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#ffffff32 1px, transparent 1px); background-size: 16px 16px; pointer-events: none; }
.rp-cloud-hero { position: relative; padding: 20px 28px 0; min-height: 410px; }
.rp-cloud-badge { display: inline-block; padding: 7px 12px; border: 1px solid #aef4ff; border-radius: 5px; background: linear-gradient(#13bdf0, #075cc7); color: #fff; font-size: 12px; box-shadow: 2px 3px 0 #0779cc; }
.rp-cloud-orange { position: relative; z-index: 2; font-size: clamp(23px, 4.6cqi, 42px); color: #ed831c; font-weight: 850; margin-top: 24px !important; line-height: 1.2; text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff; }
.rp-cloud-hero h3 { font-size: clamp(28px, 5.9cqi, 52px); color: #056dc8; line-height: 1.1; font-weight: 850; position: relative; z-index: 2; max-width: 420px; margin-top: 9px; text-shadow: 2px 2px 0 #fff; }
.rp-cloud-illustration { width: 100%; height: auto; margin-top: -50px; position: relative; transform: translateX(8%); }
.rp-speech { position: relative; margin: -10px 28px 34px; padding: 20px 25px; background: #edfcffb3; border: 2px solid #fff9; border-radius: 15px 15px 15px 3px; box-shadow: 0 7px 18px #3e8ab415; font-size: 14px; line-height: 1.95; color: #174665; }
.rp-speech::after { content: ""; position: absolute; width: 22px; height: 22px; right: 35px; bottom: -13px; background: #ecfcff; border-right: 2px solid #fff9; border-bottom: 2px solid #fff9; transform: rotate(45deg); clip-path: polygon(100% 0, 100% 100%, 0 100%); opacity: .75; }
.rp-section-heading { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; margin: 30px 27px 21px; }
.rp-section-heading > strong { font-size: 46px; line-height: 1; font-style: italic; color: #0063bb; font-weight: 800; }
.rp-section-heading h4 { font-size: 20px; font-weight: 750; color: #093e66; line-height: 1.3; }
.rp-section-heading i { flex: 1; height: 1px; background: linear-gradient(90deg, #448cb4, transparent); }
.rp-introduction { position: relative; margin: 0 28px; display: flex; align-items: center; gap: 20px; padding: 22px; border-radius: 12px; border: 1px solid #c0f1ff; background: #edfbffb8; }
.rp-introduction p { flex: 1; font-size: 13px; color: #234d69; line-height: 1.9; }
.rp-orbit-icon { width: 90px; height: 90px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(140deg, #e8ffff, #0798ee); box-shadow: inset 0 0 0 8px #f4ffff82, 0 0 0 5px #80e7ff82; color: #fff; transform: rotate(-20deg); }
.rp-orbit-icon svg { width: 52px; height: 52px; filter: drop-shadow(2px 3px 0 #1676bf); }
.rp-cloud-features { margin: 0 28px; display: grid; gap: 27px; }
.rp-cloud-features section { background: #f5fcffcd; border: 1px solid #d2f7ff; border-radius: 13px; padding: 0 22px 21px; box-shadow: 0 3px 8px #0873b212; }
.rp-feature-ribbon { position: relative; display: flex; align-items: center; margin: -8px -22px 15px -8px; padding: 8px 14px 8px 0; gap: 13px; border-radius: 30px 5px 5px 30px; background: linear-gradient(90deg, #0774c9, #36bcedaa 75%, #8deaf300); color: #fff; }
.rp-feature-ribbon > span { width: 48px; height: 48px; flex: none; border-radius: 50%; border: 2px solid #eefcff; display: grid; place-items: center; background: linear-gradient(140deg, #f7ffff, #a5e5f8); color: #008ad4; box-shadow: 0 2px 4px #088bb532; }
.rp-feature-ribbon svg { width: 28px; height: 28px; }
.rp-feature-ribbon h5 { font-size: 15px; font-weight: 700; }
.rp-cloud-features p { font-size: 13px; line-height: 1.95; color: #214d6c; }
.rp-service-grid { margin: 0 28px 35px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.rp-service-grid > div { border: 1px solid #dafbff; background: #e5faffc9; padding: 17px 8px; border-radius: 8px; display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center; }
.rp-service-grid svg { width: 29px; height: 29px; color: #087cd5; }
.rp-service-grid strong { font-size: 11px; color: #186697; }

.rp-security { background: radial-gradient(ellipse at 50% 13%, #bcffff 0, #5beaf4 20%, transparent 44%), linear-gradient(160deg, #78eff5, #1dbaea 50%, #0659ed); }
.rp-security::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#d9ffff6b .8px, transparent .8px); background-size: 12px 12px; pointer-events: none; }
.rp-security-hero { position: relative; padding: 18px 25px 0; overflow: hidden; }
.rp-security-hero::before, .rp-security-hero::after { content: ""; width: 60px; height: 250px; position: absolute; background: linear-gradient(#ecffffc7, #57d5e13b); transform: skewY(-20deg); box-shadow: 9px 4px 0 #73ddea; top: 170px; left: 0; }
.rp-security-hero::after { left: auto; right: -20px; top: 90px; }
.rp-security-kicker { display: block; text-align: center; padding: 6px 10px; font-size: 11px; color: #efffff; background: linear-gradient(90deg, #10bcd0, #069ccc); clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%); }
.rp-security-hero h3 { font-size: clamp(30px, 5.9cqi, 51px); line-height: 1.25; text-align: center; font-weight: 800; color: #00a8d2; letter-spacing: .01em; margin-top: 20px; text-shadow: 1px 1px 0 #efffff, -1px -1px 0 #efffff, 2px 3px 0 #138fb428; position: relative; z-index: 2; }
.rp-security-pill { position: relative; z-index: 2; padding: 8px 15px; text-align: center; margin: 17px 0 0 !important; font-size: 12px; background: linear-gradient(#fff, #d5f6ff); border-radius: 30px; border: 1px solid #d7ffff; box-shadow: 0 4px 0 #51b5d777; color: #17547b; }
.rp-shield-illustration { position: relative; z-index: 1; width: 100%; margin: -7px 0 0; }
.rp-policy { position: relative; z-index: 2; margin: 0 28px 30px; padding: 40px 23px 24px; background: linear-gradient(#f6ffff, #dcefff); color: #174b6a; border-radius: 8px 8px 5px 5px; border: 1px solid #eaffff; box-shadow: 0 7px 0 #deecff, 0 9px 0 #1591c7, 0 12px 0 #b9e2ff; transform: perspective(900px) rotateX(2deg); }
.rp-policy-ribbon { position: absolute; top: -14px; left: 21%; width: 58%; padding: 8px 12px; text-align: center; border-radius: 4px; color: #fff; font-size: 16px; background: linear-gradient(#ffd45d, #f5ab25); box-shadow: 0 4px 0 #de951b; }
.rp-policy p { font-size: 13px; line-height: 1.95; }
.rp-security .rp-section-heading > strong, .rp-security .rp-section-heading h4 { color: #f2ffff; text-shadow: 0 2px 0 #0077b551; }
.rp-security .rp-section-heading i { background: linear-gradient(90deg, #bcffff, transparent); }
.rp-capability-heading { margin: 0 28px !important; background: #f7ffff; color: #0698c4; border-radius: 12px 12px 0 0; font-size: 17px; padding: 15px 18px; line-height: 1.4; }
.rp-safety-cards { display: grid; gap: 17px; margin: 0 28px; padding: 14px 15px 20px; background: #95e4f890; border: 1px solid #bcf3fa; border-top: 0; border-radius: 0 0 12px 12px; }
.rp-safety-card { background: #effcff; border-radius: 9px; border: 1px solid #eaffff; overflow: hidden; box-shadow: 0 3px 9px #087da91c; }
.rp-safety-card h5 { font-size: 15px; color: #fff; padding: 10px 13px; background: linear-gradient(90deg, #49cce1, #0760d4); font-weight: 650; }
.rp-risk-head, .rp-solution-head { display: flex; justify-content: space-between; align-items: center; padding: 7px 13px; font-size: 11px; }
.rp-risk-head { color: #b94f60; background: linear-gradient(90deg, #ffd5db, #fdebdf); }
.rp-risk-head > span { font-size: 20px; opacity: .3; line-height: 1; }
.rp-risk-copy { padding: 8px 13px 13px; background: #fff0f0; color: #8f6070; font-size: 12px; line-height: 1.8; }
.rp-solution-head { color: #30a08d; background: linear-gradient(90deg, #c1f7df, #effff8); }
.rp-solution-head svg { width: 19px; height: 19px; opacity: .45; }
.rp-solution-copy { padding: 8px 13px 13px; color: #397d79; background: #eafff7; font-size: 12px; line-height: 1.8; }
.rp-data-domains { margin: 23px 28px 28px; display: flex; flex-wrap: wrap; gap: 5px; }
.rp-data-domains > div { flex: 1 1 28%; display: flex; flex-direction: column; align-items: center; padding: 15px 5px; background: #eefaffd9; border-radius: 5px; gap: 7px; }
.rp-data-domains svg { width: 27px; height: 27px; color: #078fd9; }
.rp-data-domains strong { font-size: 10px; color: #2675a5; }
.rp-scenario { margin: 0 28px 35px; background: #e3f0ffdf; border: 2px solid #a7eaff; border-radius: 15px; overflow: hidden; }
.rp-scenario > h5 { font-size: 13px; text-align: center; background: linear-gradient(90deg, #18cdf1, #116deb); color: #fff; border-radius: 0 0 40px 40px; padding: 12px; width: 85%; margin: 0 auto; }
.rp-data-flow { display: flex; justify-content: center; flex-wrap: wrap; gap: 22px 29px; padding: 26px 18px; }
.rp-data-flow > div { position: relative; width: 26%; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 11px; color: #286185; text-align: center; }
.rp-data-node { width: 50px; height: 50px; background: linear-gradient(135deg, #a0f0ff, #1c97dd); border: 3px solid #d8faff; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 3px 0 #3585c143; color: #ecffff; }
.rp-data-node svg { width: 26px; height: 26px; }
.rp-data-flow > div > i { position: absolute; top: 10px; right: -25px; font-style: normal; font-size: 26px; color: #18a9d7; }
.rp-data-flow > div:nth-child(3) > i { transform: rotate(110deg); top: 59px; right: 3px; }

.rp-event { background: radial-gradient(ellipse at 15% 21%, #10ecf5, transparent 35%), linear-gradient(155deg, #38d5f6, #0166fc 43%, #3223df 78%, #05b7e9); }
.rp-event .rp-brand-bar { color: #edffff; }
.rp-event .rp-brand-glyph { background: #f2ffff; }
.rp-event-hero { position: relative; min-height: 580px; overflow: hidden; text-align: center; padding: 30px 30px 0; }
.rp-light-beam { position: absolute; width: 100px; height: 430px; top: -50px; background: linear-gradient(#86f7ff, #cdfd72b5 40%, #44e9e700); transform: rotate(-13deg); left: 9%; filter: blur(1px); }
.rp-light-beam-two { left: auto; right: 15%; transform: rotate(14deg); background: linear-gradient(#f8ffe1, #baff4961 43%, #3acef000); }
.rp-event-tag { position: relative; z-index: 2; display: inline-block; color: #876012; background: linear-gradient(#fff5ac, #ffcb44); border: 1px solid #f3eaaa; box-shadow: 0 5px 0 #d9a832; border-radius: 15px; padding: 7px 19px; font-size: 14px; font-weight: 700; }
.rp-event-hero h3 { position: relative; z-index: 2; font-size: clamp(28px, 5.9cqi, 52px); color: #fff; font-weight: 850; line-height: 1.2; margin: 24px -10px 0; text-shadow: 2px 2px 0 #125ed8, -2px -2px 0 #125ed8, 5px 5px 0 #ffbc39, -5px -5px 0 #ffcf50, 5px -5px 0 #ffcf50, -5px 5px 0 #ffcf50, 0 9px 0 #e4961b; }
.rp-event-hero h3 + h3 { margin-top: 12px; }
.rp-event-format { display: inline-block; position: relative; z-index: 2; border-radius: 4px; background: #028dccbd; padding: 7px 16px; color: #edffff; margin-top: 28px !important; font-size: 13px; box-shadow: inset 0 0 0 1px #15d6ef; }
.rp-stage { position: relative; height: 170px; margin: 13px -8px 0; display: flex; align-items: center; justify-content: center; }
.rp-stage::before { content: ""; position: absolute; top: 10px; left: 5%; right: 5%; height: 65px; background: linear-gradient(120deg, #08c4eb, #d0fcff 45%, #4dcbff); clip-path: polygon(15% 0, 85% 0, 100% 100%, 0 100%); box-shadow: 0 10px 25px #fff; }
.rp-stage::after { content: ""; position: absolute; top: 75px; left: 5%; right: 5%; height: 50px; background: linear-gradient(#c3ffff, #027cdc); border-radius: 0 0 22px 22px; box-shadow: 0 15px 0 #043ce87a, 0 0 18px #11ffcf, inset 0 -7px 0 #2bece3; }
.rp-stage strong { position: relative; z-index: 3; top: 7px; color: #1bd2aa; font-size: 29px; letter-spacing: .05em; text-shadow: 1px 2px 0 #fff, 0 0 7px #efffff; }
.rp-event-orb { position: absolute; width: 150px; height: 150px; bottom: -15px; left: -28px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffec5b, #ff9143 42%, #ec4344 69%, #4739d2); box-shadow: 10px 10px 40px #0715ec36; }
.rp-event-intro { margin: -15px 28px 30px; position: relative; z-index: 3; background: linear-gradient(130deg, #137ceac4, #254de8ba, #2345ded4); border: 1px solid #adf0ff; border-radius: 24px; color: #eafcff; padding: 0 24px 25px; box-shadow: inset 0 0 0 4px #41cdf63b, 0 5px 15px #1649c95c; }
.rp-event-section-title { margin: -1px -24px 25px; background: linear-gradient(105deg, #1977da, #25a8f1 52%, #723bec); border-radius: 23px 23px 12px 12px; padding: 16px 23px; box-shadow: 0 4px 0 #2850d8; overflow: hidden; position: relative; }
.rp-event-section-title h4 { font-size: 25px; color: #aefbff; line-height: 1.1; }
.rp-event-section-title::after { content: ""; width: 65px; height: 65px; border: 14px solid #baf0ff20; position: absolute; top: -20px; right: 25px; border-radius: 50%; }
.rp-event-intro > p { font-size: 14px; line-height: 1.95; color: #f0faff; }
.rp-event-highlight { margin-top: 22px; background: linear-gradient(90deg, #1dd6eabf, #0473ee); padding: 13px; border-radius: 7px; color: #a3feea; font-size: 13px; }
.rp-event-intro ul { list-style: none; padding: 0; margin: 19px 0 0; display: grid; gap: 12px; }
.rp-event-intro li { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; }
.rp-event-intro li svg { width: 17px; height: 17px; color: #a4fdd9; margin-top: 2px; }
.rp-event .rp-section-heading > strong, .rp-event .rp-section-heading h4 { color: #efffff; }
.rp-event .rp-section-heading i { background: #44cbe4; }
.rp-program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 0 28px 22px; }
.rp-program-grid > div { padding: 17px 4px; background: linear-gradient(#efffff, #bfefff); border-radius: 7px; border: 1px solid #b8ffff; color: #125caf; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 11px; box-shadow: 0 4px 0 #193fbc; }
.rp-program-grid svg { width: 33px; height: 33px; }
.rp-program-grid strong { font-size: 12px; }
.rp-outline-button { margin: 0 28px 25px; width: calc(100% - 56px); display: flex; align-items: center; justify-content: center; gap: 18px; border: 1px solid #f5e981; background: linear-gradient(#fff48b, #ffba3d); color: #754e20; padding: 13px; border-radius: 8px; box-shadow: 0 5px 0 #ac843236; font-size: 14px !important; font-weight: 700 !important; }
.rp-outline-button svg { width: 20px; height: 20px; transition: transform .18s; }
.rp-outline-button[aria-expanded="true"] svg { transform: rotate(90deg); }
.rp-program-outline { margin: -5px 28px 24px; border: 1px solid #93efff; background: #0868dec7; border-radius: 8px; padding: 10px 16px; }
.rp-program-outline > div { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ffffff26; color: #ecffff; font-size: 12px; }
.rp-program-outline > div:last-child { border: 0; }
.rp-program-outline strong { color: #69eef9; }
.rp-event-bottom { margin: 0 28px 32px; padding: 12px; text-align: center; color: #c8faff; font-size: 12px; }
.rp-footer { padding: 15px 25px; font-size: 10px; color: #859bb2; text-align: center; background: #fbfdff; }

@container (max-width: 700px) {
  .rw-topbar { gap: 10px; padding-inline: 5%; }
  .rw-topbar nav { gap: 13px; }
  .rw-topbar nav button { font-size: 10px; }
  .rw-brand { font-size: 10px; }
  .rw-hero { padding-inline: 5%; min-height: 345px; }
  .rw-hero-sculpture { transform: scale(.8) translateX(15px); transform-origin: center; }
  .rw-hero h3 { font-size: 12px; }
  .rw-hero-copy > p:last-of-type { font-size: 10px; }
  .rw-feature-tabs { grid-template-columns: repeat(4, 1fr); }
  .rw-feature-tabs button { font-size: 10px; padding-block: 9px; }
  .rw-feature-panel { grid-template-columns: 1fr; gap: 20px; padding-top: 30px; }
  .rw-feature-panel-reverse .rw-feature-copy { order: 0; }
  .rw-feature-copy h4 { font-size: 19px; margin-top: 7px; }
  .rw-interface-stage { min-height: 300px; padding-left: 5%; padding-bottom: 50px; width: 90%; margin-inline: auto; }
  .rw-floating-detail { bottom: 30px; }
  .rw-window { font-size: 9px; }
  .rw-window table { font-size: 7px; }
  .rw-window-chrome { padding: 7px; }
  .rw-mini-layout { min-height: 230px; grid-template-columns: 47px 1fr; }
  .rw-mini-nav > div { font-size: 6px; }
  .rw-mini-nav svg { width: 13px; height: 13px; }
  .rw-project-cards > div { font-size: 7px; }
  .rw-floating-detail { padding: 12px 14px; }
  .rw-detail-row { font-size: 8px; }
  .rw-detail-row small { font-size: 7px; }
  .rw-interface-caption { bottom: 13px; font-size: 7px; }
  .rw-advantages { padding-inline: 5%; }
  .rw-advantage-card { padding: 16px 12px; gap: 8px; }
  .rw-advantage-card h4 { font-size: 10px; }
  .rw-advantage-card p { font-size: 8px; }
  .rw-advantage-card svg { width: 24px; height: 24px; }
  .rw-advantage-center { width: 85px; height: 85px; }
  .rw-advantage-center strong { font-size: 27px; }
  .rw-advantage-center span { font-size: 6px; }
  .rw-architecture-section { padding-inline: 5%; }
  .rw-architecture { padding: 10px; gap: 5px; }
  .rw-architecture-row { grid-template-columns: 47px 1fr; }
  .rw-architecture-row > strong { font-size: 7px; }
  .rw-architecture-row > div span { font-size: 6px; padding-block: 7px; }
  .rw-environments { width: 47px; }
  .rp-toolbar { flex-direction: column; align-items: flex-start; gap: 12px; }
  .rp-tabs { width: 100%; }
  .rp-tabs button { flex: 1; justify-content: center; padding-inline: 7px; }
  .rp-canvas { padding: 18px; }
  .rp-poster { font-size: 13px; border-width: 5px; border-radius: 20px; }
  .rp-cloud-hero { min-height: 0; }
  .rp-cloud-hero h3 { font-size: clamp(28px, 7cqi, 46px); }
  .rp-cloud-orange { font-size: clamp(22px, 5.8cqi, 36px); }
  .rp-cloud-illustration { margin-top: -25px; }
  .rp-speech { margin-top: 3px; font-size: 12px; padding: 18px; }
  .rp-section-heading > strong { font-size: 37px; }
  .rp-section-heading h4 { font-size: 17px; }
  .rp-orbit-icon { width: 70px; height: 70px; }
  .rp-orbit-icon svg { width: 38px; height: 38px; }
  .rp-introduction p, .rp-cloud-features p, .rp-policy p { font-size: 12px; }
  .rp-feature-ribbon h5 { font-size: 13px; }
  .rp-event-hero { min-height: 470px; }
  .rp-event-tag { font-size: 11px; }
  .rp-event-hero h3 { font-size: clamp(29px, 7cqi, 45px); }
  .rp-event-format { font-size: 11px; }
  .rp-stage { height: 140px; }
  .rp-stage strong { font-size: 23px; }
  .rp-event-intro > p, .rp-event-intro li { font-size: 12px; }
}
@container (max-width: 450px) {
  .rw-topbar { align-items: flex-start; min-height: 61px; }
  .rw-topbar .rw-brand { max-width: 110px; font-size: 8px; gap: 6px; }
  .rw-topbar nav { gap: 10px; padding-top: 1px; }
  .rw-topbar nav button { font-size: 8px; }
  .rw-hero { grid-template-columns: 1fr; gap: 15px; padding: 32px 7% 15px; }
  .rw-hero h2 { font-size: 30px; }
  .rw-hero-copy > p:last-of-type { max-width: 100%; font-size: 11px; }
  .rw-eyebrow { font-size: 9px; }
  .rw-hero-sculpture { height: 230px; transform: scale(.83); max-width: 290px; margin: 0 auto; }
  .rw-hero-link { margin-top: 17px; }
  .rw-feature-tabs button { font-size: 9px; }
  .rw-feature-symbol { width: 31px; height: 29px; }
  .rw-feature-symbol svg { width: 22px; height: 22px; }
  .rw-interface-stage { width: 100%; min-height: 268px; }
  .rw-window table { font-size: 5px; }
  .rw-mini-layout { min-height: 195px; grid-template-columns: 35px 1fr; }
  .rw-mini-nav > div { font-size: 5px; }
  .rw-project-cards > div { font-size: 5px; }
  .rw-mini-heading { font-size: 6px; }
  .rw-table-tabs { font-size: 6px; }
  .rw-floating-detail { width: 90%; padding: 9px; }
  .rw-detail-row { font-size: 6px; }
  .rw-detail-row small { font-size: 5px; }
  .rw-advantage-grid { gap: 12px; }
  .rw-advantage-card { min-height: 139px; display: block; padding: 12px !important; }
  .rw-advantage-card:nth-child(1), .rw-advantage-card:nth-child(3) { padding-right: 32px !important; }
  .rw-advantage-card:nth-child(2), .rw-advantage-card:nth-child(4) { padding-left: 32px !important; }
  .rw-advantage-card svg { width: 21px; height: 21px; margin-bottom: 6px; }
  .rw-advantage-card:nth-child(even) svg { margin-left: auto; }
  .rw-advantage-center { width: 73px; height: 73px; border-width: 4px; }
  .rw-architecture { padding: 6px; gap: 4px; }
  .rw-architecture-row { grid-template-columns: 36px 1fr; }
  .rw-architecture-row > strong { font-size: 6px; }
  .rw-architecture-row > div { gap: 2px; }
  .rw-architecture-row > div span { font-size: 5px; padding: 6px 2px; }
  .rw-governance { width: 20px; gap: 2px; }
  .rw-governance span { font-size: 5px; padding-inline: 2px; }
  .rw-environments { width: 34px; }
  .rw-environments > div { font-size: 5px; }
  .rw-footer { gap: 13px; }
  .rp-toolbar { padding: 15px; }
  .rp-canvas { padding: 12px; }
  .rp-tabs button { font-size: 9px; gap: 5px; }
  .rp-brand-bar { padding: 17px 18px 5px; font-size: 8px; gap: 6px; }
  .rp-brand-bar strong { font-size: 8px; }
  .rp-brand-bar > span:last-child { font-size: 6px; }
  .rp-cloud-hero { padding: 16px 20px 0; }
  .rp-cloud-badge { font-size: 9px; padding: 6px 9px; }
  .rp-cloud-hero h3 { font-size: 29px; }
  .rp-cloud-orange { font-size: 24px; }
  .rp-speech, .rp-introduction, .rp-cloud-features, .rp-service-grid,
  .rp-policy, .rp-safety-cards, .rp-data-domains, .rp-scenario,
  .rp-event-intro, .rp-program-grid, .rp-event-bottom, .rp-program-outline { margin-inline: 18px; }
  .rp-speech { padding: 15px; font-size: 11px; }
  .rp-section-heading { margin: 25px 18px 18px; gap: 9px; }
  .rp-section-heading > strong { font-size: 34px; }
  .rp-section-heading h4 { font-size: 14px; }
  .rp-introduction { gap: 10px; padding: 15px; }
  .rp-introduction p, .rp-cloud-features p { font-size: 10px; }
  .rp-orbit-icon { width: 52px; height: 52px; flex: none; }
  .rp-orbit-icon svg { width: 30px; height: 30px; }
  .rp-cloud-features section { padding-inline: 15px; }
  .rp-feature-ribbon { margin-right: -15px; }
  .rp-feature-ribbon > span { width: 39px; height: 39px; }
  .rp-feature-ribbon svg { width: 23px; height: 23px; }
  .rp-feature-ribbon h5 { font-size: 11px; }
  .rp-service-grid strong { font-size: 9px; }
  .rp-security-hero { padding-inline: 18px; }
  .rp-security-kicker { font-size: 8px; }
  .rp-security-hero h3 { font-size: 28px; }
  .rp-security-pill { font-size: 9px; padding-inline: 10px; }
  .rp-policy { padding: 30px 17px 17px; }
  .rp-policy-ribbon { font-size: 12px; }
  .rp-policy p { font-size: 10px; }
  .rp-capability-heading { margin-inline: 18px !important; font-size: 12px; padding: 12px; }
  .rp-safety-cards { padding: 10px; }
  .rp-safety-card h5 { font-size: 11px; padding-inline: 10px; }
  .rp-risk-head, .rp-solution-head { font-size: 9px; padding-inline: 10px; }
  .rp-risk-copy, .rp-solution-copy { font-size: 10px; padding-inline: 10px; }
  .rp-data-domains strong { font-size: 8px; }
  .rp-data-domains svg { width: 22px; height: 22px; }
  .rp-scenario > h5 { font-size: 10px; padding: 9px; }
  .rp-data-flow { gap: 18px 20px; padding-inline: 10px; }
  .rp-data-flow > div { font-size: 9px; }
  .rp-data-node { width: 39px; height: 39px; }
  .rp-data-node svg { width: 21px; height: 21px; }
  .rp-data-flow > div > i { right: -20px; font-size: 22px; top: 7px; }
  .rp-data-flow > div:nth-child(3) > i { top: 45px; }
  .rp-event-hero { min-height: 398px; padding: 20px 22px 0; }
  .rp-event-tag { font-size: 9px; padding-inline: 12px; border-radius: 10px; }
  .rp-event-hero h3 { font-size: 29px; margin-top: 24px; text-shadow: 1px 1px 0 #125ed8, -1px -1px 0 #125ed8, 3px 3px 0 #ffbc39, -3px -3px 0 #ffcf50, 3px -3px 0 #ffcf50, -3px 3px 0 #ffcf50, 0 6px 0 #e4961b; }
  .rp-event-format { font-size: 9px; margin-top: 22px !important; }
  .rp-stage { height: 115px; }
  .rp-stage::before { height: 45px; }
  .rp-stage::after { top: 55px; height: 39px; }
  .rp-stage strong { font-size: 20px; top: 0; }
  .rp-event-intro { padding-inline: 17px; border-radius: 17px; }
  .rp-event-section-title { margin-inline: -17px; border-radius: 17px 17px 9px 9px; padding: 13px 17px; }
  .rp-event-section-title h4 { font-size: 21px; }
  .rp-event-intro > p, .rp-event-intro li { font-size: 10px; }
  .rp-event-highlight { font-size: 10px; padding: 10px; }
  .rp-program-grid strong { font-size: 9px; }
  .rp-program-grid svg { width: 26px; height: 26px; }
  .rp-outline-button { margin-inline: 18px; width: calc(100% - 36px); font-size: 11px !important; padding: 10px; }
  .rp-event-bottom { font-size: 10px; }
  .rp-program-outline > div { font-size: 10px; }
  .rp-footer { font-size: 8px; padding: 13px 15px; }
}
@media (prefers-reduced-motion: reduce) { .rp-outline-button svg { transition: none; } }

/* Page 20: each capability has its own native composition and magnified layer. */
.rebuilt-web .rw-interface-stage { min-height:360px; padding-bottom:38px; }
.rebuilt-web .rw-interface-stage--requirements, .rebuilt-web .rw-interface-stage--testing { min-height:400px; }
.rebuilt-web .rw-window { font-size:9px; }
.rebuilt-web .rw-mini-layout { min-height:285px; grid-template-columns:45px minmax(0,1fr); }
.rebuilt-web .rw-mini-nav { padding:5px 3px; }
.rebuilt-web .rw-mini-nav > div { min-height:30px; padding:4px 1px; font-size:7px; text-align:center; line-height:1.25; }
.rebuilt-web .rw-mini-nav svg { width:13px; height:13px; }
.rebuilt-web .rw-mini-content { padding:10px 9px 24px; }
.rebuilt-web .rw-mini-heading { font-size:10px; gap:9px; margin-bottom:12px; }
.rebuilt-web .rw-mini-heading > span { font-size:8px; color:#8ba0b1; margin-left:auto; }
.rebuilt-web .rw-window table, .rebuilt-web .rw-floating-detail table { font-size:8px; }
.rebuilt-web .rw-native-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.rebuilt-web .rw-native-table th { padding:7px 4px; color:#7993a7; background:#f4f8fc; text-align:left; font-size:8px; font-weight:400; border-bottom:1px solid #e8f0f7; }
.rebuilt-web .rw-native-table th:first-child { width:44%; }
.rebuilt-web .rw-native-table td { padding:8px 4px; color:#668499; white-space:normal; overflow-wrap:anywhere; border-bottom:1px solid #edf3f8; font-size:8px; line-height:1.5; }
.rebuilt-web .rw-native-title { display:flex; gap:6px; align-items:baseline; justify-content:space-between; margin:5px 0 9px; font-size:9px; color:#446984; }
.rebuilt-web .rw-native-title small { font-size:7px; color:#91a7b7; }
.rebuilt-web .rw-state { display:inline-block; font-size:7px; white-space:normal; background:#f3faf8; border-color:#d3e9e3; color:#58a497; }
.rebuilt-web .rw-state-muted { color:#8d9eaf; border-color:#dbe5ec; background:#f7fafc; }
.rebuilt-web .rw-state-warm { color:#c49855; border-color:#f1dfbb; background:#fff9ec; }
.rebuilt-web .rw-floating-detail { font-size:9px; padding:12px; }
.rebuilt-web .rw-floating-detail > strong { font-size:9px; color:#386280; }
.rebuilt-web .rw-detail-rule { margin-bottom:8px; }
.rebuilt-web .rw-interface-caption { font-size:8px; bottom:5px; max-width:88%; text-align:center; }
.rebuilt-web .rw-project-cards > div { font-size:8px; padding:8px 4px; }
.rebuilt-web .rw-table-tabs { font-size:8px; gap:8px; flex-wrap:wrap; padding-bottom:9px; }
.rebuilt-web .rw-workspace-native { display:grid; grid-template-columns:minmax(0,1fr) 78px; gap:9px; }
.rebuilt-web .rw-workspace-native > aside { background:#f7fbff; padding:8px 6px; font-size:7px; border:1px solid #edf3f9; }
.rebuilt-web .rw-workspace-native > aside > strong { display:block; font-size:8px; color:#567c96; margin-bottom:13px; }
.rebuilt-web .rw-workspace-native > aside > div { margin-bottom:18px; line-height:1.5; }
.rebuilt-web .rw-workspace-native > aside > div > span:last-of-type { display:block; height:3px; margin:6px 0 3px; background:#e4edf6; }
.rebuilt-web .rw-workspace-native > aside i { display:block; height:100%; background:#238ce9; }
.rebuilt-web .rw-workspace-native > aside small { color:#8b9eae; }
.rebuilt-web .rw-float-work { width:87%; bottom:24px; }
.rebuilt-web .rw-domain-layout { display:grid; grid-template-columns:69px minmax(0,1fr); gap:9px; min-height:240px; }
.rebuilt-web .rw-domain-nav { background:#f6fafe; border-right:1px solid #e8f0f8; padding:4px 3px; }
.rebuilt-web .rw-domain-nav > span { display:block; padding:8px 3px; color:#7f98ae; font-size:8px; line-height:1.4; }
.rebuilt-web .rw-domain-nav > .is-active { color:#1686d3; background:#e5f3ff; border-radius:2px; }
.rebuilt-web .rw-native-hint { margin-top:16px; padding:9px 4px; background:#f5faff; color:#93a9b9; font-size:8px; }
.rebuilt-web .rw-float-gantt { width:65%; bottom:23px; padding:10px; }
.rebuilt-web .rw-float-project { top:81px; right:-5px; bottom:auto; left:auto; width:36%; padding:12px 10px; }
.rebuilt-web .rw-native-fields { display:grid; grid-template-columns:42% minmax(0,1fr); column-gap:7px; row-gap:9px; margin:0; font-size:8px; line-height:1.5; }
.rebuilt-web .rw-native-fields dt { color:#8ca4b5; }
.rebuilt-web .rw-native-fields dd { margin:0; color:#557b94; overflow-wrap:anywhere; }
.rebuilt-web .rw-gantt { position:relative; padding-bottom:22px; }
.rebuilt-web .rw-gantt-head { display:grid; grid-template-columns:60px minmax(0,1fr); margin-bottom:7px; color:#87a1b5; font-size:8px; }
.rebuilt-web .rw-gantt-head > div { display:grid; grid-template-columns:repeat(6,1fr); text-align:center; }
.rebuilt-web .rw-gantt-row { display:grid; grid-template-columns:60px minmax(0,1fr); min-height:26px; font-size:8px; }
.rebuilt-web .rw-gantt-row > span { display:flex; align-items:center; color:#6e899f; }
.rebuilt-web .rw-gantt-track { position:relative; background:repeating-linear-gradient(90deg,#e9f1f8 0 1px,transparent 1px calc(100%/6)); border-top:1px solid #eff4f9; }
.rebuilt-web .rw-gantt-bar { position:absolute; height:8px; top:9px; background:#bdd9f2; border-radius:1px; }
.rebuilt-web .rw-gantt-bar i { display:block; height:100%; background:#087ee4; border-right:1px solid #fff; }
.rebuilt-web .rw-gantt-milestone { position:absolute; width:6px; height:6px; top:29px; left:calc(60px + (100% - 60px)*.25); transform:rotate(45deg); background:#38c7bd; border:1px solid #209f92; }
.rebuilt-web .rw-gantt-legend { display:flex; gap:13px; justify-content:flex-end; margin-top:7px; color:#8aa2b5; font-size:7px; }
.rebuilt-web .rw-gantt-legend span::before { content:''; display:inline-block; width:6px; height:5px; background:#bdd9f2; margin-right:4px; }
.rebuilt-web .rw-gantt-legend span:nth-child(2)::before { background:#087ee4; }
.rebuilt-web .rw-test-filters { display:flex; gap:6px; margin-bottom:11px; flex-wrap:wrap; font-size:8px; color:#7997ad; }
.rebuilt-web .rw-test-filters > span { background:#eff6fc; padding:4px 6px; border-radius:2px; }
.rebuilt-web .rw-float-case { left:auto; right:-5px; top:122px; bottom:auto; width:58%; }
.rebuilt-web .rw-case-title { display:flex; gap:8px; flex-wrap:wrap; margin:9px 0 14px; }
.rebuilt-web .rw-case-title strong { font-size:9px; }
.rebuilt-web .rw-case-steps { margin-top:14px; padding-top:9px; border-top:1px solid #edf3f8; font-size:8px; }
.rebuilt-web .rw-case-steps ol { padding-left:16px; margin:7px 0 0; color:#7e96a9; }
.rebuilt-web .rw-case-steps li { margin-bottom:7px; line-height:1.6; }
.rebuilt-web .rw-code-layout { display:grid; grid-template-columns:39% minmax(0,1fr); gap:9px; }
.rebuilt-web .rw-repository-tree { border-right:1px solid #e6eff6; padding-right:6px; font-size:8px; }
.rebuilt-web .rw-repository-tree > div, .rebuilt-web .rw-repository-tree section > div { display:flex; align-items:center; gap:4px; padding:7px 4px; color:#6789a4; }
.rebuilt-web .rw-repository-tree section > div span { overflow-wrap:anywhere; }
.rebuilt-web .rw-repository-tree svg { width:12px; height:12px; flex:none; color:#70a6cc; }
.rebuilt-web .rw-repository-tree > div { padding-bottom:11px; }
.rebuilt-web .rw-repository-tree .is-active > div { background:#e8f4ff; color:#298acb; }
.rebuilt-web .rw-repository-tree ul { list-style:none; padding:2px 0 8px 17px; margin:0; color:#8ca4b6; }
.rebuilt-web .rw-repository-tree li { padding:4px 0; font-family:'SFMono-Regular',Consolas,monospace; font-size:8px; overflow-wrap:anywhere; }
.rebuilt-web .rw-repository-tree .rw-tree-indent { padding-left:11px; }
.rebuilt-web .rw-code-branch { display:flex; align-items:center; gap:5px; background:#f0f7fc; padding:6px; font-size:8px; color:#6e94ac; }
.rebuilt-web .rw-code-branch svg { width:13px; height:13px; }
.rebuilt-web .rw-code-branch > span { margin-left:auto; color:#94a8b8; }
.rebuilt-web .rw-commit-list > div { display:flex; align-items:center; gap:7px; padding:11px 3px; border-bottom:1px solid #edf3f8; font-size:8px; }
.rebuilt-web .rw-commit-line { width:7px; height:7px; border:1px solid #4aa0d0; border-radius:50%; flex:none; position:relative; }
.rebuilt-web .rw-commit-line::after { content:''; height:32px; width:1px; background:#c9e1f2; position:absolute; top:7px; left:2px; }
.rebuilt-web .rw-commit-list > div:last-child .rw-commit-line::after { display:none; }
.rebuilt-web .rw-commit-list > div > div { min-width:0; }
.rebuilt-web .rw-commit-list strong { font-weight:500; color:#6687a0; }
.rebuilt-web .rw-commit-list small { display:block; color:#99acbb; font-size:7px; margin-top:4px; }
.rebuilt-web .rw-commit-list code { color:#6e9dbc; font:inherit; }
.rebuilt-web .rw-commit-check { margin-left:auto; color:#5fb4a6; }
.rebuilt-web .rw-code-files { display:flex; flex-direction:column; gap:8px; padding:10px 3px; color:#8aa5b8; font-size:8px; }
.rebuilt-web .rw-float-commits { width:79%; bottom:22px; }
.rebuilt-web .rw-float-commits .rw-commit-list > div { padding:9px 3px; }
.rebuilt-web .rw-security-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px; }
.rebuilt-web .rw-security-summary > div { background:#f0f7ff; border:1px solid #e4f0fa; color:#7b9aae; padding:9px; font-size:8px; }
.rebuilt-web .rw-security-summary strong { display:block; font-size:20px; color:#2589d0; }
.rebuilt-web .rw-security-summary .high { background:#fff5f4; border-color:#f4e5e4; }
.rebuilt-web .rw-security-summary .high strong { color:#dc9397; }
.rebuilt-web .rw-security-summary .medium strong { color:#d4b269; }
.rebuilt-web .rw-security-scale { display:flex; height:6px; gap:3px; margin:17px 2px; }
.rebuilt-web .rw-security-scale span { background:#dca1a5; width:13%; }
.rebuilt-web .rw-security-scale span:nth-child(2) { background:#e3c78d; width:35%; }
.rebuilt-web .rw-security-scale span:nth-child(3) { background:#8fc5df; width:52%; }
.rebuilt-web .rw-float-findings { width:76%; bottom:22px; }
.rebuilt-web .rw-findings > div { display:flex; gap:7px; align-items:center; border-bottom:1px solid #eaf2f8; padding:9px 2px; font-size:8px; }
.rebuilt-web .rw-findings svg { width:16px; height:16px; color:#51a1d3; }
.rebuilt-web .rw-findings small { margin-left:auto; background:#eff6fb; color:#7f9aad; padding:3px 5px; white-space:nowrap; font-size:7px; }
.rebuilt-web .rw-pipeline { display:flex; gap:4px; align-items:center; margin:17px 0 20px; }
.rebuilt-web .rw-pipeline > div { flex:1; min-width:0; background:#eff9f8; border:1px solid #d5ede6; padding:9px 3px; text-align:center; font-size:7px; color:#679c97; }
.rebuilt-web .rw-pipeline > div > b { width:16px; height:16px; display:grid; place-items:center; border-radius:50%; background:#67bbad; color:white; margin:0 auto 6px; }
.rebuilt-web .rw-pipeline > i { font-style:normal; color:#97b8ce; font-size:9px; }
.rebuilt-web .rw-pipeline > .rw-pipeline-current { color:#b59760; background:#fff9ee; border-color:#eeddba; }
.rebuilt-web .rw-pipeline-current > b { background:#d8b574!important; }
.rebuilt-web .rw-float-log { width:91%; bottom:22px; color:#c4e6f6; border-color:#6db8df; background:#23334e; }
.rebuilt-web .rw-float-log > strong { color:#c4e6f6; }
.rebuilt-web .rw-float-log .rw-detail-rule { background:#4c6583; }
.rebuilt-web .rw-float-log pre { white-space:pre-wrap; font:8px/2 'SFMono-Regular',Consolas,monospace; margin:0; }
.rebuilt-web .rw-development-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.rebuilt-web .rw-development-cards > section { padding:10px 6px; min-width:0; border:1px solid #e4eff8; background:linear-gradient(135deg,#f8fdff,#eaf4fd); font-size:8px; color:#7298b3; }
.rebuilt-web .rw-development-cards svg { width:23px; height:23px; color:#388ccb; margin-bottom:6px; }
.rebuilt-web .rw-development-cards strong { display:block; font-size:9px; color:#4f7997; }
.rebuilt-web .rw-development-cards > section > div { display:flex; flex-direction:column; gap:4px; margin-top:10px; font-size:7px; }
.rebuilt-web .rw-development-progress { display:block; margin:10px 0 4px; height:4px; background:#d5e6f5; }
.rebuilt-web .rw-development-progress i { display:block; height:100%; background:#3289d4; }
.rebuilt-web .rw-development-cards small { font-size:7px; color:#729aba; }
.rebuilt-web .rw-development-stages { display:flex; align-items:center; justify-content:space-between; gap:4px; margin:19px 0; font-size:8px; }
.rebuilt-web .rw-development-stages > div { display:flex; flex-direction:column; gap:5px; align-items:center; color:#849eb1; text-align:center; }
.rebuilt-web .rw-development-stages b { background:#e7f1fc; color:#539acc; border-radius:50%; width:21px; height:21px; display:grid; place-items:center; }
.rebuilt-web .rw-development-stages i { color:#7fbedf; font-style:normal; }
.rebuilt-web .rw-float-delivery { width:80%; bottom:22px; }
.rebuilt-web .rw-delivery-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; text-align:center; color:#879fb1; font-size:8px; }
.rebuilt-web .rw-delivery-summary strong { display:block; font-size:19px; color:#388bca; margin-top:6px; }
.rebuilt-web .rw-delivery-line { display:flex; justify-content:space-between; gap:6px; margin:18px 7px 4px; padding-top:9px; position:relative; color:#739bb7; font-size:8px; border-top:3px solid #d7e8f7; }
.rebuilt-web .rw-delivery-line > span:first-child { position:absolute; top:-3px; left:0; height:3px; width:75%; background:#36a9d7; }
.rebuilt-web .rw-role-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-bottom:14px; }
.rebuilt-web .rw-role-cards > div { display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:8px; color:#7397b0; background:#f0f7fd; padding:8px 6px; }
.rebuilt-web .rw-role-cards svg { width:18px; height:18px; color:#5b9dcc; }
.rebuilt-web .rw-role-cards strong { width:100%; font-size:19px; color:#2c85c7; }
.rebuilt-web .rw-float-access { width:61%; bottom:23px; }
.rebuilt-web .rw-float-access .rw-native-table th:first-child { width:50%; }
@container (max-width:700px) {
  .rebuilt-web .rw-interface-stage { width:96%; min-height:375px; padding-left:4%; }
  .rebuilt-web .rw-interface-stage--requirements, .rebuilt-web .rw-interface-stage--testing { min-height:410px; }
  .rebuilt-web .rw-interface-caption { font-size:8px; bottom:6px; }
}
@container (max-width:450px) {
  .rebuilt-web .rw-interface-stage { width:100%; padding-left:8px; padding-bottom:40px; min-height:415px; }
  .rebuilt-web .rw-mini-layout { grid-template-columns:37px minmax(0,1fr); min-height:310px; }
  .rebuilt-web .rw-mini-nav > div { font-size:7px; }
  .rebuilt-web .rw-mini-content { padding:9px 6px 18px; }
  .rebuilt-web .rw-mini-heading { font-size:9px; }
  .rebuilt-web .rw-mini-heading > span { font-size:7px; }
  .rebuilt-web .rw-native-title, .rebuilt-web .rw-floating-detail > strong { font-size:9px; }
  .rebuilt-web .rw-workspace-native { grid-template-columns:minmax(0,1fr); }
  .rebuilt-web .rw-workspace-native > aside { display:none; }
  .rebuilt-web .rw-domain-layout { grid-template-columns:58px minmax(0,1fr); gap:5px; }
  .rebuilt-web .rw-domain-nav > span { font-size:8px; }
  .rebuilt-web .rw-native-table th, .rebuilt-web .rw-native-table td { font-size:8px; padding:7px 3px; }
  .rebuilt-web .rw-float-project { top:94px; right:-3px; width:39%; padding:9px 7px; }
  .rebuilt-web .rw-float-gantt { width:63%; padding:9px 7px; bottom:23px; }
  .rebuilt-web .rw-gantt-head, .rebuilt-web .rw-gantt-row { grid-template-columns:47px minmax(0,1fr); }
  .rebuilt-web .rw-gantt-milestone { left:calc(47px + (100% - 47px)*.25); }
  .rebuilt-web .rw-gantt-row { min-height:28px; }
  .rebuilt-web .rw-gantt-legend { font-size:7px; gap:5px; }
  .rebuilt-web .rw-native-fields { font-size:8px; row-gap:8px; column-gap:5px; }
  .rebuilt-web .rw-float-case { width:67%; right:-3px; top:136px; padding:10px; }
  .rebuilt-web .rw-case-steps { font-size:8px; margin-top:9px; }
  .rebuilt-web .rw-code-layout { grid-template-columns:43% minmax(0,1fr); gap:6px; }
  .rebuilt-web .rw-repository-tree { font-size:8px; }
  .rebuilt-web .rw-repository-tree ul { padding-left:10px; }
  .rebuilt-web .rw-repository-tree .rw-tree-indent { padding-left:6px; }
  .rebuilt-web .rw-float-commits { width:91%; }
  .rebuilt-web .rw-commit-list strong { font-size:8px; }
  .rebuilt-web .rw-commit-list small { font-size:7px; }
  .rebuilt-web .rw-pipeline { gap:2px; }
  .rebuilt-web .rw-pipeline > div { padding:8px 1px; font-size:7px; }
  .rebuilt-web .rw-pipeline > i { font-size:8px; }
  .rebuilt-web .rw-development-cards > section { padding:8px 4px; }
  .rebuilt-web .rw-float-findings { width:92%; }
  .rebuilt-web .rw-float-access { width:76%; }
  .rebuilt-web .rw-interface-caption { left:6%; right:2%; max-width:92%; }
}