/* OurSpace AI launch band. Scoped so the EdwardsApps site keeps its shared identity. */
.ourspace-ai-announcement { margin: 1.2rem 0; }
.ourspace-ai-announcement a {
  display: inline-flex; align-items: center; flex-wrap: wrap; gap: .55rem;
  padding: .65rem .9rem; border: 1px solid #b18ec060; border-radius: 12px;
  color: #fff; background: #ad67d014; font-size: .88rem; text-decoration: none;
}
.ourspace-ai-announcement a:hover { border-color: #f2a1cc; color: #ffd4e9; }
.ourspace-ai-announcement a > span:first-child { color: #ffb1d2; font-weight: 700; text-transform: uppercase; font-size: .7rem; letter-spacing: .1em; }
.ourspace-ai {
  padding: 4.75rem 0 3.5rem; scroll-margin-top: 6rem;
  background: radial-gradient(ellipse at 65% 0, #38204d, #1c112d 55%, #140d21);
  color: #fcf8ff;
}
.ourspace-ai :is(a, button):focus-visible { outline: 3px solid #ffc692; outline-offset: 5px; }
.ourspace-ai-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 3rem; }
.ourspace-ai-badge {
  display: inline-flex; align-items: center; gap: .55rem; padding: .55rem .85rem;
  border: 1px solid #b69ac44d; border-radius: 40px; background: #b383d512;
  color: #f3ddef; font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700;
}
.ourspace-ai-badge > span { width: 6px; height: 6px; border-radius: 50%; background: #ffac83; box-shadow: 0 0 12px #ffac83; }
.ourspace-ai h2 { font-size: clamp(2rem, 4.1vw, 3.2rem); letter-spacing: -.055em; line-height: 1.14; margin: .65rem 0 1.1rem; }
.ourspace-ai h2 > span { background: linear-gradient(100deg, #fc81c5, #ffb17b); background-clip: text; -webkit-background-clip: text; color: transparent; }
.ourspace-ai-lede { color: #d2c3dd; max-width: 42ch; font-size: 1.05rem; line-height: 1.85; }
.ourspace-ai-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 1.1rem;
  min-height: 52px; margin-top: .7rem; padding: .8rem 1.3rem; border-radius: 12px;
  background: linear-gradient(110deg, #c82179, #b94426); color: #fff; text-decoration: none; font-weight: 700; font-size: .95rem;
  box-shadow: 0 12px 35px #ed489326;
}
.ourspace-ai-cta:hover { background: linear-gradient(110deg, #b9186d, #a63a20); color: #fff; }
.ourspace-ai-caption { font-size: .75rem; color: #c7b2d3; margin: 1rem 0 0; }
.ourspace-ai-network { position: relative; text-align: center; padding-top: .7rem; }
.ourspace-ai-icon { width: 110px; height: 110px; margin: 0 auto 1rem; border-radius: 26px; box-shadow: 0 15px 50px #f64b8b30; }
.ourspace-ai-network > p:not(.ourspace-ai-caption) { font-size: .8rem; color: #d2c3dd; margin: 0; }
.ourspace-ai-lines { position: relative; height: 55px; width: 68%; margin: 0 auto; }
.ourspace-ai-lines::before { content: ''; position: absolute; width: 1px; height: 24px; background: linear-gradient(#f997a5, #9f73b366); top: 0; left: 50%; }
.ourspace-ai-lines::after { content: ''; position: absolute; height: 1px; background: #9f73b366; top: 24px; left: 0; right: 0; }
.ourspace-ai-lines span { position: absolute; width: 1px; height: 31px; background: #9f73b366; top: 24px; }
.ourspace-ai-lines span:nth-child(1) { left: 0; }.ourspace-ai-lines span:nth-child(2) { left: 50%; }.ourspace-ai-lines span:nth-child(3) { right: 0; }
.ourspace-ai-assistants { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: .75rem; }
.ourspace-ai-assistant {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: .35rem; padding: 1.5rem .5rem 1rem; border-radius: 18px; background: #fff;
  color: #231a2d; text-decoration: none; box-shadow: 0 18px 40px #10001e2e;
}
.ourspace-ai-assistant:hover { background: #fff5fc; color: #231a2d; }
.ourspace-ai-assistant svg { display: block; width: 46px; height: 46px; margin-bottom: .7rem; }
.ourspace-ai-assistant strong { font-family: var(--font-display); font-size: 1.05rem; }
.ourspace-ai-assistant > span { font-size: .72rem; color: #706878; }.ourspace-ai-assistant .ourspace-ai-card-arrow { font-size: 1.2rem; margin-top: .25rem; }
.ourspace-ai-examples { margin-top: 3.8rem; }
.ourspace-ai-examples h3 { font-size: 1.4rem; letter-spacing: -.025em; margin-bottom: .5rem; }
.ourspace-ai-examples > p { color: #c7b2d3; font-size: .88rem; }
.ourspace-ai-examples ul { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ourspace-ai-examples li { padding: 1.5rem; border: 1px solid #b692cf40; border-radius: 16px; background: #c18be107; }
.ourspace-ai-examples li > span { display: block; font-size: .64rem; color: #ffb5da; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.ourspace-ai-examples li:nth-child(2) > span { color: #d1b5ff; }.ourspace-ai-examples li:nth-child(3) > span { color: #ffc19b; }
.ourspace-ai-examples blockquote { font-family: var(--font-display); font-weight: 600; font-size: 1.12rem; line-height: 1.5; letter-spacing: -.025em; margin: 1rem 0 .75rem; }
.ourspace-ai-examples li > p { color: #c7b2d3; font-size: .8rem; line-height: 1.8; }
.ourspace-ai-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #b692cf40; }
.ourspace-ai-details h3 { font-size: 1rem; }.ourspace-ai-details p { color: #d2c3dd; font-size: .85rem; line-height: 1.85; }
.ourspace-ai-details a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; color: #ffd2e5; text-decoration-color: #e39bbd; font-size: .85rem; font-weight: 600; }
@media (max-width: 760px) {
  .ourspace-ai { padding: 3rem 0; }.ourspace-ai-intro { grid-template-columns: 1fr; gap: 2.5rem; }
  .ourspace-ai h2 { font-size: clamp(2rem, 7.8vw, 3.2rem); }.ourspace-ai-network { max-width: 480px; width: 100%; margin: auto; }
  .ourspace-ai-examples ul, .ourspace-ai-details { grid-template-columns: 1fr; }.ourspace-ai-details { gap: 1.5rem; }
  .ourspace-ai-assistants { gap: .55rem; }.ourspace-ai-assistant strong { font-size: .95rem; }.ourspace-ai-assistant svg { width: 42px; height: 42px; }
  .ourspace-ai-cta { width: 100%; }.ourspace-ai-copy > .ourspace-ai-caption { text-align: center; }
}
@media (max-width: 360px) { .ourspace-ai-assistant strong { font-size: .82rem; }.ourspace-ai-assistant svg { width: 36px; height: 36px; } }
