@import url('/css/rmaas.css');
.gap-visual{flex:0 0 370px;max-width:100%;margin:0;padding:26px;background:var(--background);border:1px solid var(--grc-line);border-radius:8px;box-shadow:var(--shadow)}
.gap-brand{display:block;width:136px;height:auto;margin:0 auto 24px}
.gap-visual h2{font-size:23px;margin-bottom:20px}
.gap-domain{margin-bottom:20px}
.gap-domain p{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px;color:var(--foreground)}
.gap-domain small{color:var(--accent);font-size:12px}
.gap-track{position:relative;height:12px;background:var(--surface);border:1px solid var(--input-line);border-radius:3px}
.gap-track:after{content:'';position:absolute;right:-1px;top:-6px;bottom:-6px;border-right:2px solid var(--accent)}
.gap-track i{display:block;height:100%;width:88%;background:var(--primary);transform-origin:left;animation:close-gap 7s ease-in-out infinite}
.gap-domain:nth-of-type(2) i{animation-delay:-1s}.gap-domain:nth-of-type(3) i{animation-delay:-2s}
.gap-legend{display:flex;justify-content:space-between;gap:12px;margin:24px 0 14px;font-size:12px;color:var(--muted)}
.gap-legend span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:6px;background:var(--primary)}
.gap-legend span:last-child:before{background:var(--surface);border:1px solid var(--input-line)}
.gap-visual figcaption{border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted);line-height:1.6}
.gap-visual figcaption strong{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-size:16px;color:var(--foreground);margin-bottom:4px}
.gap-frameworks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}
.gap-frameworks li{padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-family:'Space Grotesk',Arial,sans-serif;font-weight:700}
.gap-frameworks li:before{content:'✓';color:var(--accent);margin-right:10px}
.gap-example{margin-top:28px;border-left:3px solid var(--primary);padding:12px 0 12px 20px;color:var(--muted)}
.gap-example strong{display:block;color:var(--foreground);font-family:'Space Grotesk',Arial,sans-serif;margin-top:5px}
@keyframes close-gap{0%,12%{transform:scaleX(.4)}65%,85%{transform:scaleX(1)}100%{transform:scaleX(.4)}}
@media(max-width:1099px){.gap-visual{flex-basis:320px;padding:22px}.hero-inner{gap:28px}.gap-frameworks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.gap-visual{flex-basis:auto;width:100%;max-width:370px;margin:0 auto}.gap-brand{width:120px}.gap-frameworks{gap:12px}.gap-frameworks li{padding:16px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.gap-track i{animation:none;transform:none}}