/* An editorial explanation of Auracast, with an original broadcast illustration. */
.ac-interior .ac-auracast { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(260px,.85fr); gap: 22px 36px; align-items: center; margin: 0 0 24px; padding: 34px; overflow: hidden; border: 1px solid #41665f; border-radius: 20px; color: #f5faf7; background: radial-gradient(ellipse at 92% 10%,#214e4f 0%,transparent 58%),linear-gradient(125deg,#142f33,#10272c); box-shadow: inset 0 1px 0 #ffffff12,0 10px 28px -24px #0b272e; }
.ac-auracast::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(#7de4d306 1px,transparent 1px),linear-gradient(90deg,#7de4d306 1px,transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(90deg,transparent,#000); }
.ac-interior .ac-auracast .ac-auracast-ey { margin: 0 0 12px; color: #a9dccd; font-size: 12.96px !important; font-weight: 600; line-height: 1.5 !important; letter-spacing: .12em; text-transform: uppercase; }
.ac-interior .ac-auracast .ac-auracast-title { margin: 0 0 8px; color: #f5faf7; font-size: clamp(37px,3.6vw,46px) !important; line-height: 1.1 !important; letter-spacing: -.035em; }
.ac-auracast-title sup { display: inline-block; margin-left: 3px; font-size: .33em; vertical-align: top; padding-top: 5px; font-weight: 400; }
.ac-interior .ac-auracast .ac-auracast-intro { margin: 0 0 24px; color: #d2e6de; font-size: 20px !important; line-height: 1.45 !important; }
.ac-auracast-points { display: grid; gap: 20px; }
.ac-auracast-point { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; }
.ac-auracast-point > svg { width: 30px; height: 30px; margin-top: 2px; color: #8fe0c3; }
.ac-interior .ac-auracast .ac-auracast-point strong { display: block; margin: 0 0 5px; color: #f5faf7; font-size: 17.28px; font-weight: 600; line-height: 1.4; }
.ac-interior .ac-auracast .ac-auracast-point p { margin: 0; color: #d0dfda; font-size: 17.28px; line-height: 1.6; }
.ac-auracast-visual { min-width: 0; width: 100%; max-width: 380px; justify-self: center; }
.ac-auracast-visual > svg { display: block; width: 100%; height: auto; overflow: visible; }
.ac-auracast-cases { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.ac-auracast-cases li { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid #588f7e66; border-radius: 9px; background: #ffffff05; color: #d7ebe3; font-size: 13.5px; line-height: 1.3; }
.ac-auracast-cases svg { width: 20px; height: 20px; flex-shrink: 0; color: #a3e4cb; }
.ac-auracast-footer { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 18px 28px; padding-top: 20px; border-top: 1px solid #90c8b62e; }
.ac-interior .ac-auracast .ac-auracast-note { max-width: 83ch; margin: 0; color: #b6cdc4; font-size: 14.04px !important; line-height: 1.6 !important; }
.ac-auracast .ac-auracast-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; flex-shrink: 0; color: #cbf2df; font-size: 16.2px; font-weight: 600; text-underline-offset: 5px; }
.ac-auracast .ac-auracast-source { color: #b6cdc4; text-underline-offset: 3px; }
.ac-auracast a:hover { color: #fff; }
.ac-auracast a:focus-visible { outline-color: #a3e4cb; }
.ac-interior .ac-fit .ac-auracast-section { padding-block: 0 36px !important; }
.ac-interior .ac-auracast-section .ac-auracast { margin-bottom: 0; }
.ac-interior .ac-auracast-jump { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 16px 24px 0 0; color: #854552; font-size: 16.2px; font-weight: 600; text-underline-offset: 5px; }
.ac-auracast-signal { stroke-dasharray: 3 20; animation: ac-auracast-transmit 4s linear infinite; }
@keyframes ac-auracast-transmit { to { stroke-dashoffset: -92; } }
@media(max-width:1000px) {
  .ac-interior .ac-auracast { grid-template-columns: minmax(0,1.2fr) minmax(230px,.8fr); padding: 26px; gap: 24px; }
  .ac-auracast-footer { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media(max-width:760px) {
  .ac-interior .ac-auracast { grid-template-columns: minmax(0,1fr); padding: 23px 20px; gap: 22px; }
  .ac-auracast-copy { display: contents; }
  .ac-auracast-heading { grid-row: 1; }
  .ac-auracast-visual { grid-row: 2; max-width: 300px; }
  .ac-auracast-points { grid-row: 3; }
  .ac-interior .ac-auracast .ac-auracast-intro { margin-bottom: 0; font-size: 18.36px !important; }
  .ac-auracast-cases { gap: 6px; }
  .ac-auracast-cases li { padding: 7px 6px; gap: 5px; font-size: 12.96px; }
  .ac-auracast-point { grid-template-columns: 26px minmax(0,1fr); gap: 10px; }
  .ac-auracast-point > svg { width: 25px; height: 25px; }
  .ac-auracast-footer { grid-row: 4; }
}
@media(prefers-reduced-motion:reduce) { .ac-auracast-signal { animation: none; } }