.home-faq-copilot{
  position:relative;
  overflow:hidden;
}

.home-faq-copilot-inner{
  max-width:min(100%,1120px);
  margin:0 auto;
  text-align:center;
}

.home-faq-copilot-head{
  margin-bottom:clamp(2rem,5vw,3rem);
}

.home-faq-copilot-title{
  margin-top:0.35rem;
}

.home-faq-copilot-sub{
  max-width:38rem;
  margin:0.75rem auto 0;
}

.home-faq-copilot-stage{
  position:relative;
  width:100%;
  padding:clamp(0.5rem,2vw,1rem) 0;
}

.home-faq-copilot-glow{
  position:absolute;
  left:50%;
  top:50%;
  width:min(88vw,720px);
  height:min(52vw,320px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,168,75,0.16) 0%,rgba(200,168,75,0.04) 45%,transparent 72%);
  pointer-events:none;
  filter:blur(2px);
}

.home-faq-copilot-grid{
  position:relative;
  z-index:1;
  display:grid;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:auto auto auto;
  column-gap:clamp(0.65rem,1.8vw,1.35rem);
  row-gap:clamp(0.85rem,2.2vw,1.45rem);
  align-items:center;
}

.home-faq-copilot-prompt{
  display:inline-flex;
  align-items:flex-start;
  gap:0.35rem;
  width:100%;
  max-width:100%;
  padding:0.55rem 0.85rem;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  background:rgba(15,24,44,0.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:var(--silver);
  font:inherit;
  font-size:clamp(0.68rem,1.35vw,0.76rem);
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  justify-self:stretch;
  transition:border-color 0.22s ease,color 0.22s ease,background 0.22s ease,box-shadow 0.22s ease;
  animation:homeFaqFloat 5.6s ease-in-out infinite;
  animation-delay:calc(var(--prompt-i, 0) * -0.65s);
}

.home-faq-copilot-prompt:hover,
.home-faq-copilot-prompt.is-active{
  color:var(--white);
  border-color:var(--gold-bdr);
  background:rgba(24,35,56,0.96);
  box-shadow:0 0 0 1px rgba(200,168,75,0.12),0 10px 28px rgba(0,0,0,0.24);
  animation-play-state:paused;
  transform:translateY(-2px);
}

.home-faq-copilot-prompt-slash{
  flex:0 0 auto;
  color:var(--gold);
  font-weight:600;
}

/* Top row — four evenly spaced prompts */
.home-faq-copilot-prompt[data-slot="0"]{grid-column:1;grid-row:1;justify-self:end}
.home-faq-copilot-prompt[data-slot="1"]{grid-column:2;grid-row:1}
.home-faq-copilot-prompt[data-slot="2"]{grid-column:3;grid-row:1}
.home-faq-copilot-prompt[data-slot="3"]{grid-column:4;grid-row:1;justify-self:start}

/* Middle row — side prompts with centre reserved for the input bar */
.home-faq-copilot-prompt[data-slot="4"]{grid-column:1;grid-row:2;justify-self:end;align-self:center}
.home-faq-copilot-prompt[data-slot="5"]{grid-column:4;grid-row:2;justify-self:start;align-self:center}

/* Bottom row — centred pair */
.home-faq-copilot-prompt[data-slot="6"]{grid-column:2;grid-row:3;justify-self:end}
.home-faq-copilot-prompt[data-slot="7"]{grid-column:3;grid-row:3;justify-self:start}

.home-faq-copilot-bar-wrap{
  grid-column:2 / span 2;
  grid-row:2;
  z-index:2;
  width:100%;
  min-width:0;
  justify-self:stretch;
}

.home-faq-copilot-bar{
  display:flex;
  align-items:center;
  gap:0.65rem;
  padding:0.55rem 0.55rem 0.55rem 1rem;
  border-radius:999px;
  border:1px solid var(--gold-bdr);
  background:linear-gradient(180deg,rgba(24,35,56,0.98) 0%,rgba(15,24,44,0.99) 100%);
  box-shadow:0 0 0 1px rgba(200,168,75,0.08),0 18px 48px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.04);
}

.home-faq-copilot-bar-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:var(--gold);
}

.home-faq-copilot-input{
  flex:1 1 auto;
  min-width:0;
  border:none;
  background:transparent;
  color:var(--white);
  font:inherit;
  font-size:clamp(0.82rem,1.8vw,0.92rem);
  outline:none;
}

.home-faq-copilot-input::placeholder{
  color:var(--muted);
}

.home-faq-copilot-ask{
  flex:0 0 auto;
  border:none;
  border-radius:999px;
  padding:0.72rem 1.15rem;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold-l) 100%);
  color:var(--ink);
  font:inherit;
  font-size:0.78rem;
  font-weight:600;
  letter-spacing:0.02em;
  cursor:pointer;
  transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease;
}

.home-faq-copilot-ask:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(200,168,75,0.28);
  filter:brightness(1.04);
}

.home-faq-copilot-hint{
  margin-top:0.85rem;
  font-size:0.72rem;
  color:var(--muted);
}

.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@keyframes homeFaqFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

/* Large desktop — nudge outer prompts outward like the reference orbit */
@media (min-width:993px){
  .home-faq-copilot-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    padding-inline:clamp(0rem,1.5vw,0.75rem);
  }

  .home-faq-copilot-prompt[data-slot="0"],
  .home-faq-copilot-prompt[data-slot="4"],
  .home-faq-copilot-prompt[data-slot="6"]{
    max-width:min(100%,300px);
  }

  .home-faq-copilot-prompt[data-slot="3"],
  .home-faq-copilot-prompt[data-slot="5"],
  .home-faq-copilot-prompt[data-slot="7"]{
    max-width:min(100%,300px);
  }

  .home-faq-copilot-prompt[data-slot="1"],
  .home-faq-copilot-prompt[data-slot="2"]{
    max-width:min(100%,320px);
    justify-self:center;
  }
}

/* Tablet — two-column prompt grid, bar full width in the middle */
@media (max-width:992px){
  .home-faq-copilot-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    row-gap:0.65rem;
  }

  .home-faq-copilot-prompt{
    grid-column:auto !important;
    grid-row:auto !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    max-width:none;
    animation:none;
  }

  .home-faq-copilot-prompt[data-slot="0"]{order:1}
  .home-faq-copilot-prompt[data-slot="1"]{order:2}
  .home-faq-copilot-prompt[data-slot="2"]{order:3}
  .home-faq-copilot-prompt[data-slot="3"]{order:4}
  .home-faq-copilot-prompt[data-slot="4"]{order:6}
  .home-faq-copilot-prompt[data-slot="5"]{order:7}
  .home-faq-copilot-prompt[data-slot="6"]{order:8}
  .home-faq-copilot-prompt[data-slot="7"]{order:9}

  .home-faq-copilot-bar-wrap{
    order:5;
    grid-column:1 / -1 !important;
    grid-row:auto !important;
    margin-block:0.35rem;
  }

  .home-faq-copilot-glow{
    height:240px;
  }
}

/* Mobile — single column, prompts stacked then bar */
@media (max-width:640px){
  .home-faq-copilot-grid{
    grid-template-columns:1fr;
  }

  .home-faq-copilot-prompt{
    justify-self:stretch !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-faq-copilot-prompt{
    animation:none;
  }
}