/* Homepage Mission Storytelling — isolated from global ServAI shell/navigation */
.mission-story{
  position:relative;
  overflow:hidden;
  padding:96px 0 88px;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
  background:
    radial-gradient(circle at 70% 32%,rgba(202,166,95,.11),transparent 28%),
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.035),transparent 24%),
    #070707;
}
.mission-story-orbit{
  position:absolute;
  width:720px;height:720px;
  border:1px solid rgba(202,166,95,.10);
  border-radius:50%;
  right:-280px;top:-220px;
  pointer-events:none;
}
.mission-story-orbit:before,.mission-story-orbit:after{
  content:"";position:absolute;border-radius:50%;inset:90px;
  border:1px solid rgba(202,166,95,.065)
}
.mission-story-orbit:after{inset:190px}
.mission-story-head{max-width:930px;margin:0 auto 44px;text-align:center}
.mission-story-kicker{
  color:#c8a464;font-size:.72rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;margin-bottom:14px
}
.mission-story-head h2{
  margin:0;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.01;
  letter-spacing:-.05em
}
.mission-story-head h2 span{color:#d5ae63}
.mission-story-head p{
  margin:18px auto 0;color:rgba(255,255,255,.58);font-size:1rem
}
.mission-story-paths{
  display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);
  gap:18px;align-items:stretch;max-width:1180px;margin:0 auto
}
.mission-path{
  position:relative;border:1px solid rgba(255,255,255,.09);border-radius:26px;
  padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
  min-width:0
}
.mission-path-work{border-color:rgba(200,164,100,.30);box-shadow:0 20px 80px rgba(0,0,0,.26)}
.mission-path-label{
  color:rgba(255,255,255,.46);font-size:.68rem;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase;margin-bottom:24px
}
.mission-story-or{display:flex;align-items:center;justify-content:center}
.mission-story-or span{
  display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.42);
  font-size:.72rem;font-weight:800
}
.org-mini{max-width:330px;margin:10px auto 16px;text-align:center}
.org-mini-node{
  display:inline-block;border:1px solid rgba(200,164,100,.34);border-radius:12px;
  padding:12px 22px;background:rgba(200,164,100,.045);font-weight:700
}
.org-mini-line{width:1px;height:30px;background:rgba(200,164,100,.26);margin:auto}
.org-mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.org-mini-row span{
  border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 5px;
  color:rgba(255,255,255,.68);font-size:.78rem
}
.mission-path-arrow{text-align:center;color:#c8a464;font-size:1.35rem;margin:15px 0}
.mission-path-result{
  border-radius:16px;background:#f4f2ed;color:#111;padding:20px;text-align:center
}
.mission-path-result strong{display:block;font-size:1.05rem;margin-bottom:6px}
.mission-path-result span{display:block;font-size:.8rem;color:#5a5853;line-height:1.5}
.mission-story-link{
  display:inline-block;margin-top:20px;color:#d9b76f;text-decoration:none;font-weight:700;font-size:.88rem
}
.mission-request{
  display:flex;gap:12px;align-items:flex-start;padding:17px;border-radius:15px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)
}
.mission-request-dot{
  width:9px;height:9px;min-width:9px;border-radius:50%;background:#d3aa5d;
  margin-top:7px;box-shadow:0 0 0 6px rgba(211,170,93,.08)
}
.mission-request small,.mission-assembled-title span{
  display:block;color:rgba(255,255,255,.40);font-size:.62rem;font-weight:800;
  letter-spacing:.13em;margin-bottom:5px
}
.mission-request strong{font-size:.93rem;line-height:1.45}
.mission-scan{
  position:relative;overflow:hidden;margin-top:12px;padding:16px;border-radius:15px;
  border:1px solid rgba(200,164,100,.18);background:rgba(200,164,100,.025)
}
.mission-scan-line{
  position:absolute;left:0;right:0;top:-2px;height:2px;
  background:linear-gradient(90deg,transparent,#e0bd72,transparent);
  opacity:.72
}
.mission-scan-title{font-size:.76rem;color:rgba(255,255,255,.60);margin-bottom:10px}
.mission-entitlement-chips,.mission-team-chips{display:flex;flex-wrap:wrap;gap:7px}
.mission-entitlement-chips span,.mission-team-chips span{
  padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);
  font-size:.68rem;color:rgba(255,255,255,.70)
}
.mission-entitlement-chips .owned{
  border-color:rgba(200,164,100,.34);background:rgba(200,164,100,.055)
}
.mission-entitlement-chips .owned b{color:#d8b566}
.mission-entitlement-chips .not-owned{opacity:.45}
.mission-assembled{
  margin-top:12px;padding:16px;border-radius:15px;background:#0b0b0b;
  border:1px solid rgba(255,255,255,.10)
}
.mission-assembled-title b{display:block;margin-bottom:11px;font-size:.94rem}
.mission-story-steps{
  max-width:1180px;margin:26px auto 0;display:grid;
  grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1.2fr;gap:8px;align-items:center
}
.mission-story-step{
  min-height:92px;padding:16px;border-radius:15px;border:1px solid rgba(255,255,255,.08);
  display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.016)
}
.mission-story-step b{
  display:grid;place-items:center;width:29px;height:29px;min-width:29px;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);font-size:.72rem;color:rgba(255,255,255,.62)
}
.mission-story-step span{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.67)}
.mission-story-step-gold{border-color:rgba(200,164,100,.30);background:rgba(200,164,100,.04)}
.mission-story-step-gold b{border-color:rgba(200,164,100,.42);color:#d7b468}
.mission-story-chevron{text-align:center;color:rgba(255,255,255,.20)}
.mission-story-foot{
  max-width:1180px;margin:28px auto 0;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.075);
  display:flex;align-items:center;justify-content:space-between;gap:20px
}
.mission-story-foot p{margin:0;color:rgba(255,255,255,.54);font-size:.88rem}
.mission-story-foot p strong{color:#fff}
.mission-story-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Motion only on this homepage section */
@media (prefers-reduced-motion:no-preference){
  .mission-scan-line{animation:homeMissionScan 2.8s ease-in-out infinite}
  .mission-request-dot{animation:homeMissionPulse 2.2s ease-in-out infinite}
  .mission-story-orbit{animation:homeOrbitDrift 14s ease-in-out infinite alternate}
  .home-story-reveal{
    opacity:0;transform:translateY(18px);
    transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)
  }
  .home-story-reveal.is-visible{opacity:1;transform:none}
}
@keyframes homeMissionScan{0%,100%{transform:translateY(0);opacity:.28}50%{transform:translateY(108px);opacity:.9}}
@keyframes homeMissionPulse{0%,100%{box-shadow:0 0 0 5px rgba(211,170,93,.07)}50%{box-shadow:0 0 0 10px rgba(211,170,93,.015)}}
@keyframes homeOrbitDrift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-25px,20px,0) rotate(4deg)}}

@media(max-width:900px){
  .mission-story{padding:72px 0 68px}
  .mission-story-paths{grid-template-columns:1fr}
  .mission-story-or{height:42px}
  .mission-story-steps{
    grid-template-columns:1fr;
    gap:8px
  }
  .mission-story-chevron{transform:rotate(90deg);height:18px}
  [dir=rtl] .mission-story-chevron{transform:rotate(-90deg)}
  .mission-story-foot{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .mission-story{padding:62px 0 58px}
  .mission-story-wrap{padding-left:22px!important;padding-right:22px!important}
  .mission-story-head{text-align:left;margin-bottom:30px}
  [dir=rtl] .mission-story-head{text-align:right}
  .mission-story-head h2{font-size:clamp(2.05rem,10.5vw,3.1rem)}
  .mission-story-head p{font-size:.88rem;line-height:1.55}
  .mission-path{padding:20px;border-radius:20px}
  .mission-path-label{margin-bottom:18px}
  .org-mini-row{gap:5px}
  .org-mini-row span{font-size:.68rem}
  .mission-story-step{min-height:72px}
  .mission-story-actions{width:100%}
  .mission-story-actions .btn{width:100%;justify-content:center}
}