/* Flagship agents and a linear space-delivery story. No orbital HERO clone. */
#agents .agents{padding:clamp(22px,4vw,48px);position:relative;overflow:hidden}
#agents .agents::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 15%,#f1a7f514,transparent 42%),radial-gradient(ellipse at 85% 20%,#82dfff14,transparent 42%)}
#agents .flagship-label{color:#e6bdff;letter-spacing:.18em}
#agents .flagship-title{font-size:clamp(2.4rem,6vw,5.6rem);line-height:1.12;margin:20px 0;letter-spacing:-.035em;text-shadow:0 0 28px #a9dfff33}
#agents .flagship-title span{color:#d4faff;text-shadow:0 0 25px #88e9ff44}
#agents .flagship-intro{max-width:770px;color:#f0f6ff;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;text-shadow:0 2px 8px #030714}
#agents .agents-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}
#agents .agent-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;perspective:1000px}
#agents .agent-card{--agent-accent:#f0b2ef;display:grid;grid-template-columns:46% 54%;align-items:center;min-height:320px;max-width:none;margin:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid #edb3f15c;border-radius:28px;background:linear-gradient(140deg,#25142e24,#060f221a);box-shadow:inset 0 1px 0 #fff6,0 15px 50px #0002;transition:transform .6s,box-shadow .6s,border-color .6s;opacity:1!important}
#agents .agent-card:nth-child(2){--agent-accent:#90ddff;border-color:#90ddff5c;background:linear-gradient(140deg,#112e4324,#060f221a)}
#agents .agent-card::before{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;background:radial-gradient(ellipse at 23% 60%,color-mix(in srgb,var(--agent-accent) 26%,transparent),transparent 63%);box-shadow:none;z-index:-1}
#agents .agent-card::after{content:"";position:absolute;inset:-120% -80%;background:linear-gradient(115deg,transparent 43%,#ffffff18 49%,transparent 55%);transform:translateX(-30%);pointer-events:none;animation:agent-glass-shine 9s ease-in-out infinite}
#agents .agent-card img{width:100%;height:280px;aspect-ratio:auto;object-fit:contain;object-position:center;opacity:1!important;transform:none!important;filter:drop-shadow(0 12px 20px #02061680) drop-shadow(0 0 12px color-mix(in srgb,var(--agent-accent) 15%,transparent));align-self:end}
#agents .agent-card figcaption{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:0;padding:28px 24px 28px 4px;font-size:clamp(1.7rem,2.5vw,2.4rem);font-weight:800;color:#fff;line-height:1.15;text-shadow:0 2px 10px #0009}
#agents .agent-card small{font-size:.83rem;color:var(--agent-accent);margin:12px 0 0;line-height:1.5}
#agents .agent-card p{font:400 .92rem/1.8 I,Arial,sans-serif;color:#edf6ff;margin:15px 0 20px}
#agents .agent-skill{font:600 .67rem/1.5 I,Arial,sans-serif;letter-spacing:.04em;padding:8px 12px;color:#fff;background:#0b14273d;border:1px solid color-mix(in srgb,var(--agent-accent) 40%,transparent);border-radius:12px}
#agents .agent-card:hover,#agents .agent-card:focus-visible{transform:translateY(-7px) rotateY(-2deg)!important;border-color:var(--agent-accent);box-shadow:inset 0 1px #fffb,0 18px 55px #0003,0 0 30px color-mix(in srgb,var(--agent-accent) 22%,transparent)}
#agents .agents.visible .agent-card{animation:agent-entrance 1.1s both}#agents .agents.visible .agent-card:nth-child(2){animation-delay:.18s}
.flagship-invitation{display:flex;align-items:center;justify-content:center;gap:24px;margin:28px 0 2px;position:relative}.flagship-invitation>span{font:400 .85rem/1.6 I;color:#e8f2ff;text-shadow:0 2px 8px #000}
#agents .journey{background:rgba(3,9,23,.06)!important;overflow:visible}
.agent-live-stage{overflow:hidden;border-radius:24px}
#agents .journey-open{width:auto;margin:16px 24px 20px;padding:10px 20px;border:1px solid #a9ecff77;border-radius:30px;background:linear-gradient(120deg,#8feaff1c,#b7a1ff18);font-size:.88rem;cursor:zoom-in}
#agents .journey-open::after{display:none}#agents .journey-copy{border-top:0;padding-top:8px}
.agent-universe{--phase-color:#73e8ff;--flight-x:8%;--flight-y:0px;--flight-bank:0deg;--flight-opacity:1;--phase-progress:0;position:relative;isolation:isolate;background:linear-gradient(160deg,#101a3426,#140b2e18);color:#effbff;font-family:I,Arial,sans-serif}
.agent-scene-heading{padding:22px 28px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.agent-scene-label{font-size:.65rem;letter-spacing:.18em;color:#c4eeff;font-weight:700}.agent-scene-count{font:700 .75rem I;color:var(--phase-color);letter-spacing:.16em}
.agent-space{position:relative;max-width:960px;margin:auto;padding:0 28px 24px;perspective:1000px;overflow:hidden}
.mission-flight{height:118px;position:relative;overflow:hidden;margin:0 -28px;background:linear-gradient(transparent,#7edfff05,transparent)}
.mission-stars{position:absolute;inset:0}.mission-stars i{position:absolute;top:var(--star-y);right:-15%;height:1px;width:35px;background:linear-gradient(90deg,transparent,#b5e6ffb3);animation:mission-star-flight var(--star-speed) var(--star-delay) linear infinite}
.mission-runway{position:absolute;left:0;right:0;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,#b8f5ff55,transparent);box-shadow:0 0 18px #60dfff44;transform:rotateX(65deg)}
.agent-packet{position:absolute;left:var(--flight-x);top:37px;width:128px;height:65px;transform:translate(-50%,var(--flight-y)) rotate(var(--flight-bank));opacity:var(--flight-opacity);filter:drop-shadow(0 4px 10px #0008) drop-shadow(0 0 12px var(--phase-color));pointer-events:none;transform-style:preserve-3d}
.agent-packet svg{position:relative;width:100%;height:100%;z-index:1}.ship-exhaust{position:absolute;right:87%;top:44%;width:78px;height:14px;background:linear-gradient(90deg,transparent,#a966ff99,#74eaff,#fff);border-radius:50%;filter:blur(3px);animation:mission-thrust .3s ease-in-out infinite alternate}
.mission-flight-label{position:absolute;left:28px;top:14px;font-size:.54rem;letter-spacing:.2em;color:#bfe7f8}
.mission-console{display:grid;grid-template-columns:34% 66%;position:relative;min-height:270px;align-items:center;padding:15px 24px;border-radius:26px;background:linear-gradient(135deg,#0c173950,#08122518);border:1px solid color-mix(in srgb,var(--phase-color) 38%,transparent);box-shadow:inset 0 1px #fff4,0 15px 40px #02081730;transform:rotateX(2deg);transform-style:preserve-3d;transition:border-color .6s,box-shadow .6s}
.mission-console::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:var(--phase-color);transform:scaleX(var(--phase-progress));transform-origin:left;box-shadow:0 0 14px var(--phase-color);border-radius:999px}
.mission-actor{height:230px;position:relative;display:flex;align-items:center;justify-content:center;transform:translateZ(28px)}
.mission-actor-light{position:absolute;inset:15%;background:radial-gradient(ellipse,color-mix(in srgb,var(--phase-color) 35%,transparent),transparent 70%);filter:blur(18px);transition:background .7s}
.mission-portrait{height:210px;max-width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 12px 12px #03081780);animation:mission-hover 5s ease-in-out infinite}
.mission-symbol{width:94px;height:94px;color:var(--phase-color);filter:drop-shadow(0 0 16px var(--phase-color));transform:rotateY(-15deg);animation:mission-hover 5s ease-in-out infinite}.mission-symbol svg{width:100%;height:100%}
.mission-actor-name{position:absolute;bottom:0;padding:8px 12px;background:#06122880;border:1px solid color-mix(in srgb,var(--phase-color) 40%,transparent);border-radius:999px;font:600 .7rem/1.5 I;color:#fff;text-align:center}
.mission-hologram{padding:10px 8px 10px 24px;transform:translateZ(15px);min-width:0}.mission-tag{display:block;font-size:.6rem;letter-spacing:.15em;color:var(--phase-color)}.mission-title{display:block;font-size:clamp(1.2rem,2.3vw,1.9rem);line-height:1.35;margin:12px 0 18px;color:#fff;text-shadow:0 2px 8px #000}
.mission-message{padding:16px 18px;border-left:2px solid var(--phase-color);background:linear-gradient(90deg,#070e29a3,#09132926);border-radius:0 16px 16px 0}.mission-message-label{font-size:.55rem;letter-spacing:.13em;color:#c6e5ff}.mission-message-text{font-size:.9rem!important;line-height:1.65!important;color:#f3f9ff!important;margin:10px 0 15px!important;min-height:3.3em;text-shadow:0 2px 8px #0009}.mission-status{font-size:.67rem;color:var(--phase-color);display:flex;align-items:center;gap:8px}.mission-status i{height:5px;width:5px;border-radius:50%;background:var(--phase-color);box-shadow:0 0 12px var(--phase-color)}
.mission-data-lines{display:flex;gap:6px;margin-top:15px}.mission-data-lines i{height:3px;width:36px;background:var(--phase-color);opacity:.35;animation:mission-data 1.7s ease-in-out infinite}.mission-data-lines i:nth-child(2){animation-delay:.25s}.mission-data-lines i:nth-child(3){animation-delay:.5s}
.mission-stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:25px;transform-style:preserve-3d}
.agent-station{position:relative;text-align:center;padding:13px 5px 12px;min-height:109px;border:1px solid color-mix(in srgb,var(--station-color) 35%,transparent);border-radius:18px;background:linear-gradient(145deg,#0d203d33,#080f231a);box-shadow:inset 0 1px #fff3,0 7px 15px #02081b44;backdrop-filter:blur(3px);transition:box-shadow .6s,border-color .6s,transform .6s;transform:rotateX(7deg)}
.agent-station.is-current{transform:translateY(-5px) rotateX(0deg);border-color:var(--station-color);box-shadow:inset 0 1px #fff8,0 12px 25px #03081477,0 0 22px color-mix(in srgb,var(--station-color) 24%,transparent)}
.station-object{width:37px;height:37px;margin:0 auto 6px;color:var(--station-color);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--station-color) 30%,transparent))}.station-object svg{width:100%;height:100%}.station-object:has(img){overflow:hidden;border-radius:50%;border:1px solid var(--station-color);background:#101b354d}.station-object img{width:100%;height:auto;object-fit:contain;transform:scale(2.1);transform-origin:50% 30%}.agent-station strong{display:block;font-size:.77rem;line-height:1.35;color:#fff;text-shadow:0 2px 8px #000}.agent-station small{display:block;margin-top:4px;font-size:.59rem;color:#e3edf9;line-height:1.4}.station-number{position:absolute;right:9px;top:8px;color:var(--station-color);font:600 .5rem I}
.agent-scene-caption{display:flex;gap:13px;align-items:flex-start;max-width:960px;margin:auto;padding:0 28px 22px;min-height:102px}.agent-phase-dot{flex:none;width:9px;height:9px;background:var(--phase-color);border-radius:50%;margin-top:8px;box-shadow:0 0 14px var(--phase-color)}.agent-phase-title{font-size:1.1rem;color:var(--phase-color)}.agent-phase-description{margin:7px 0 0!important;color:#e2effd!important;font-size:.9rem!important;line-height:1.6;text-shadow:0 2px 8px #030817}
.agent-scene-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 24px}.agent-scene-progress button{min-height:52px;border:0;border-top:2px solid #b8cfff2a;padding:9px 5px;background:transparent;color:#e0e9f6;font:500 .7rem/1.4 I;cursor:pointer}.agent-scene-progress button span{display:block;color:var(--station-color);font-size:.62rem;font-weight:800}.agent-scene-progress button[aria-pressed=true]{border-color:var(--station-color);background:linear-gradient(color-mix(in srgb,var(--station-color) 16%,transparent),transparent);color:#fff}
.agent-scene-tools{padding:13px 28px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:.72rem;color:#d4e2f1}.agent-scene-tools>span{margin-right:auto}.agent-scene-tools button{border:1px solid #bfdeff4f;background:#07162b55;color:#eaf8ff;border-radius:999px;padding:9px 13px;font:600 .72rem I;cursor:pointer;min-height:40px}
.agent-universe *{animation-play-state:paused!important}.agent-universe[data-playing=true] *{animation-play-state:running!important}.agent-universe [hidden]{display:none!important}
.agent-dialog.agent-cinema{width:min(1260px,96vw);max-width:96vw;padding:20px 24px 18px;background:linear-gradient(145deg,#061125f2,#11112df2);border-color:#b5e9ff77;box-shadow:0 0 70px #5396d333,0 40px 130px #000a}.agent-cinema .dialog-top{margin-bottom:0;position:sticky;top:0;z-index:5;background:#081124e8;padding:8px 0 12px;backdrop-filter:blur(15px)}.agent-cinema .dialog-top h2{font-size:clamp(1.2rem,2.3vw,2rem)}.agent-cinema .dialog-close{padding:8px 15px;flex:none;background:#121e354d;border-color:#b7deff66}.agent-cinema .dialog-media{border:1px solid #9dccff26;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#47357522,transparent 70%)}.agent-cinema .dialog-note{font:400 .75rem/1.5 I;color:#c3d6e9;margin:10px 6px 0}
@keyframes agent-entrance{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:none}}@keyframes agent-glass-shine{0%,65%{transform:translateX(-30%)}100%{transform:translateX(30%)}}@keyframes mission-star-flight{to{transform:translateX(-1100px)}}@keyframes mission-thrust{to{transform:scaleX(.7);opacity:.65}}@keyframes mission-hover{50%{transform:translateY(-7px) rotateY(5deg)}}@keyframes mission-data{50%{opacity:1;box-shadow:0 0 8px var(--phase-color)}}
@media(max-width:850px){#agents .agent-card{grid-template-columns:1fr;text-align:center;min-height:380px}#agents .agent-card img{height:220px;align-self:auto}#agents .agent-card figcaption{padding:8px 18px 24px;align-items:center}#agents .agent-card p{margin:12px 0}#agents .agent-card small{margin-top:8px}.flagship-invitation{flex-direction:column;gap:12px;text-align:center}}
@media(max-width:650px){#agents .agents{padding:24px 16px}#agents .agent-duo{gap:12px}#agents .agent-card{border-radius:20px;min-height:360px}#agents .agent-card img{height:180px}#agents .agent-card figcaption{font-size:1.65rem;padding:5px 12px 20px}#agents .agent-card small{font-size:.7rem}#agents .agent-card p{font-size:.75rem;line-height:1.7}#agents .agent-skill{font-size:.57rem;padding:7px}#agents .flagship-title{font-size:clamp(2rem,7vw,3.5rem)}#agents .flagship-label{font-size:.6rem;letter-spacing:.1em}
.agent-space{padding:0 14px 20px}.agent-scene-heading{padding:18px 16px 0}.agent-scene-label{font-size:.52rem;letter-spacing:.1em}.agent-scene-count{font-size:.62rem}.mission-flight{margin:0 -14px;height:97px}.agent-packet{width:102px;height:52px;top:27px}.mission-flight-label{left:16px;font-size:.47rem}.mission-console{grid-template-columns:1fr;min-height:420px;padding:14px}.mission-actor{height:160px}.mission-portrait{height:150px}.mission-symbol{height:75px;width:75px}.mission-actor-name{bottom:-5px;font-size:.65rem}.mission-hologram{padding:22px 0 0;transform:none}.mission-title{font-size:1.25rem;margin:9px 0 14px}.mission-message{padding:13px}.mission-message-text{font-size:.8rem!important;min-height:4.95em}.mission-tag{font-size:.55rem}.mission-stations{gap:5px;margin-top:20px}.agent-station{min-height:80px;padding:10px 2px 8px;border-radius:12px}.station-object{width:27px;height:27px}.agent-station strong{font-size:.51rem;line-height:1.5}.agent-station small{display:none}.station-number{font-size:.4rem;right:4px;top:4px}.agent-scene-caption{padding:0 16px 16px;min-height:125px}.agent-phase-title{font-size:1rem}.agent-phase-description{font-size:.82rem!important}.agent-scene-progress{padding:0 10px;gap:3px}.agent-scene-progress button{font-size:.57rem;min-height:57px;padding:7px 2px}.agent-scene-tools{padding:12px 16px 18px;flex-wrap:wrap;gap:8px}.agent-scene-tools>span{font-size:.62rem}.agent-scene-tools button{font-size:.68rem;padding:8px 10px}
.agent-dialog.agent-cinema{width:100vw!important;max-width:100vw!important;padding:12px!important}.agent-cinema .dialog-top h2{font-size:1rem}.agent-cinema .dialog-close{font-size:.8rem;padding:7px 11px}.agent-cinema .dialog-media{margin:0;border-radius:18px}.agent-cinema .dialog-top{top:-12px}.agent-cinema .dialog-note{font-size:.68rem}}
@media(max-width:380px){#agents .agent-duo{grid-template-columns:1fr}#agents .agent-card{grid-template-columns:42% 58%;min-height:260px}#agents .agent-card img{height:230px}#agents .agent-card figcaption{padding:20px 12px 20px 0}}
@media(prefers-reduced-motion:reduce){#agents .agent-card,.agent-universe *{animation:none!important;transition:none!important}}html[data-motion=paused] #agents .agent-card{animation-play-state:paused}

@media(min-width:651px){.agent-cinema .mission-flight{height:95px}.agent-cinema .mission-console{min-height:240px;padding:10px 24px}.agent-cinema .mission-actor{height:200px}.agent-cinema .mission-portrait{height:190px}.agent-cinema .mission-title{margin:8px 0 12px}.agent-cinema .mission-hologram{padding-top:5px;padding-bottom:5px}.agent-cinema .agent-station{min-height:94px;padding-top:10px}.agent-cinema .mission-stations{margin-top:20px}.agent-cinema .agent-scene-caption{min-height:85px;padding-bottom:15px}}