/* Композиция how-work: параметры исходного референса, палитра платформы. */
.agents-scene{position:relative;height:120vw;isolation:isolate;overflow:hidden;scroll-margin-top:70px;background:linear-gradient(#0a132200,#09111e 24%,#09111e 78%,#0a132200)}
.agents-backdrop{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 46% 52%,#2b4c7a12,transparent 60%)}
.agents-headline{position:absolute;top:0;left:0;width:100%;font-family:Onest,Manrope,sans-serif;font-size:9.4vw;font-weight:500;line-height:1.25;letter-spacing:-.065em;text-align:center;will-change:transform;pointer-events:none}
.agents-headline>span{display:block;white-space:nowrap}
.agents-headline .agents-soft{font-size:13vw;font-weight:350;line-height:1.16;letter-spacing:-.075em;color:#a9b6ca80}
.agents-headline .agent-letter{display:inline-block;transition:opacity 1.5s,filter 1.5s,transform 1.5s cubic-bezier(.34,1.2,.64,1);transition-delay:var(--delay)}
.agents-motion .agents-headline:not(.is-visible) .agent-letter{transform:translateX(.4vw)}
.agent-position{position:absolute;z-index:2;will-change:transform}
.agent-position.p1{top:33%;left:19%;width:21.6vw}
.agent-position.p2{top:40%;left:55%;width:21.6vw}
.agent-position.p3{top:63%;left:15%;width:21.6vw}
.agent-position.p4{top:72%;right:14%;width:21.6vw}
.agent-position.p5{top:17%;left:11%;width:14.5vw}
.agent-position.p6{top:27%;left:45%;width:10vw}
.agent-position.p7{top:52%;right:5%;width:15vw}
.agent-position.p8{top:81%;right:39%;width:17vw}
.agent-position.p9{bottom:0;left:26%;width:12.5vw}
.agent-reveal{opacity:1;transform:none;transition:opacity 1.25s,transform 1.5s cubic-bezier(.19,1,.22,1),filter 1.25s}
.agents-motion .agent-position:not(.is-visible) .agent-reveal{transform:scale(.98)}
.agent-card{position:relative;border-radius:1.95vw;padding:1px;background:linear-gradient(126deg,#b4cee6,#24344b 45%,#1c2a3e);box-shadow:0 18px 55px #00000012}
.agent-card-inner{position:relative;overflow:hidden;border-radius:calc(1.95vw - 1px);padding:2.6vw 2.2vw;background:#142034;min-height:22vw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4vw}
.agent-card-inner:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 5% 0,#9ab9df18,transparent 70%)}
.agent-icon{position:relative;width:3.88vw;height:3.88vw;border-radius:50%;padding:.4vw;background:#233049;border:.2vw solid #0a1322;outline:1px solid #a9b6ca;outline-offset:.1vw;box-shadow:0 5px 12px #0004}
.agent-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.2)}
.agent-text{position:relative;z-index:1}
.agent-role{display:block;color:#a9b6ca;font-size:clamp(10px,.77vw,14px);font-weight:500;margin-bottom:.7vw;letter-spacing:.015em}
.agent-card h3{font-family:Onest,Manrope,sans-serif;font-size:clamp(18px,1.62vw,30px);font-weight:500;letter-spacing:-.035em;line-height:1.16}
.agent-card p{font-size:clamp(13px,1.1vw,20px);line-height:1.5;color:#c4cedd;margin-top:.84vw}
.agent-card .role-status{display:block;width:fit-content;color:#a9b6ca;font-size:clamp(10px,.72vw,13px);margin-top:1.1vw}
.agent-orbit{position:absolute;pointer-events:none;right:-13vw;bottom:-12vw;width:31vw;height:31vw;opacity:.55;will-change:transform;filter:grayscale(1)}
.agent-orbit img{width:100%;height:100%;object-fit:contain}
.agent-widget{position:relative;padding:1.3vw;border-radius:1.8vw;border:1px solid #8da6c14d;background:linear-gradient(145deg,#28384d,#142033);box-shadow:0 16px 44px #0002;font-size:clamp(10px,.86vw,16px);overflow:hidden}
.widget-caption{display:flex;align-items:center;justify-content:space-between;gap:.5em;color:#a9b6ca;font-size:.78em;margin-bottom:1.1em}
.widget-caption span:last-child{font-size:.85em;letter-spacing:.04em;text-transform:uppercase;color:#c6d5e9}
.widget-title{font-family:Onest,Manrope,sans-serif;font-weight:500;font-size:1.3em;line-height:1.22;letter-spacing:-.035em}
.widget-flow{list-style:none;padding:0;margin:1.2em 0 0;display:flex;flex-direction:column;gap:.8em;color:#c8d6e6}
.widget-flow li{display:flex;align-items:center;gap:.7em;line-height:1.25}
.widget-flow li:before{content:'';width:.48em;height:.48em;flex:none;border-radius:50%;background:#94b1d3;box-shadow:0 0 9px #a1c1e64d}
.widget-flow li:last-child{color:#f5f7fa}
.agents-motion .widget-flow li{transition:transform .8s cubic-bezier(.19,1,.22,1)}.agents-motion .agent-position:not(.is-visible) .widget-flow li{transform:translateY(2px)}
.widget-pill{margin-top:1.25em;display:inline-flex;border-radius:20px;background:#a9c6ee15;border:1px solid #a9c6ee33;padding:.45em .7em;color:#d7e7fa;font-size:.83em}
.widget-mark{background:#a9c6ee;color:#0a1322;text-align:center;padding:1.35vw .8vw;border-radius:1.8vw;box-shadow:0 16px 50px #0003}
.widget-mark img{display:block;margin:0 auto .8em;width:3.3vw;height:3.3vw;filter:grayscale(1) brightness(.22)}
.widget-mark strong{display:block;font:500 clamp(12px,1.1vw,19px)/1.2 Onest,Manrope,sans-serif;letter-spacing:-.04em}
.widget-mark small{display:block;font-size:clamp(9px,.7vw,12px);margin-top:.5em;opacity:.65}
.widget-message{margin-top:1em;border-radius:.7vw;padding:.8em;background:#0a132270;line-height:1.4;color:#c7d6e8}
.widget-message.reply{margin:1em 0 0 1.2em;background:#a9c6ee17;color:#e2eaf4}
.widget-message .widget-caption{margin-bottom:.5em}
.widget-sheet{margin-top:1em;border-radius:.7vw;padding:.9em;background:#dce7f1;color:#24344b;font-size:.87em;line-height:1.4}
.widget-sheet b{display:block;margin-bottom:.45em;color:#15243d}
.widget-sheet p{font-size:.94em}
.widget-insights{display:grid;gap:.6em;margin-top:1.1em}
.widget-insights span{border-bottom:1px solid #a9b6ca26;padding-bottom:.6em;display:flex;justify-content:space-between;gap:.5em;color:#d0dcec}
.widget-insights i{font-style:normal;color:#93a9c5;font-size:.8em}
.agents-note{position:absolute;left:5.6%;bottom:1.2vw;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a9b6ca70}
html:not(.agents-motion) .agents-scene{height:auto;padding:100px 5.6% 70px}
html:not(.agents-motion) .agents-headline{position:relative;transform:none!important;margin-bottom:65px}
html:not(.agents-motion) .agents-field{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
html:not(.agents-motion) .agent-position{position:relative;inset:auto;transform:none!important;width:auto}
html:not(.agents-motion) .agent-position:nth-child(n+5){display:none}
.s-end footer{justify-content:space-between}
@media(max-width:767px){
 /* Readable content never waits for an observer or a stagger on touch screens. */
 .agents-motion .agent-position:not(.is-visible) .agent-reveal,.agents-motion .agent-position .agent-reveal,.agents-motion .agents-headline:not(.is-visible) .agent-letter,.agents-motion .agents-headline .agent-letter,.agents-motion .agent-position:not(.is-visible) .widget-flow li,.agents-motion .widget-flow li{opacity:1;filter:none;transform:none;transition:none}
 .agents-scene{height:auto;padding:95px 5.6% 55px;overflow:hidden}
 .agents-headline{position:relative;font-size:10.2vw;line-height:1.3;transform:none!important;margin-bottom:16vw}
 .agents-headline .agents-soft{font-size:14vw;line-height:1.2}
 .agents-field{display:flex;flex-direction:column}
 .agent-position{position:relative!important;inset:auto!important;transform:none!important;width:100%!important}
 .agent-position.p1{order:0}.agent-position.p2{order:3}.agent-position.p3{order:6}.agent-position.p4{order:8}
 .agent-position.p5{order:1;width:48%!important;margin:8vw 0 0 5vw}
 .agent-position.p6{order:2;width:29%!important;margin:-12vw 0 9vw auto}
 .agent-position.p7{order:4;width:55%!important;margin:9vw 0 0 2vw}
 .agent-position.p9{order:5;width:36%!important;margin:-8vw 0 9vw auto}
 .agent-position.p8{order:7;width:60%!important;margin:8vw 0 8vw auto}
 .agent-card{border-radius:7.2vw}.agent-card-inner{border-radius:calc(7.2vw - 1px);padding:8vw;gap:5.4vw;min-height:0}
 .agent-icon{width:12vw;height:12vw;padding:2vw;border:1px solid #0a1322;outline-offset:1px}
 .agent-role{font-size:11px;margin-bottom:9px}.agent-card h3{font-size:23px;line-height:1.16}
 .agent-card p{font-size:16px;line-height:1.5;margin-top:12px}.agent-card .role-status{font-size:11px;margin-top:16px}
 .agent-orbit{width:100vw;height:100vw;right:-45vw;bottom:-45vw}
 .agent-widget{padding:4vw;border-radius:6vw;font-size:11px}.widget-title{font-size:15px}
 .widget-message,.widget-sheet{border-radius:3vw}.widget-mark{padding:5vw 2vw;border-radius:6vw}.widget-mark img{width:11vw;height:11vw}.widget-mark strong{font-size:14px}.widget-mark small{font-size:10px}
 .agents-note{position:relative;left:auto;bottom:auto;margin-top:35px;font-size:9px}
 html:not(.agents-motion) .agents-scene{padding:95px 5.6% 50px}
 html:not(.agents-motion) .agents-field{display:flex;gap:24px}
 html:not(.agents-motion) .agents-headline{margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1050px){.agent-card-inner{padding:2.3vw 1.8vw;gap:1.2vw}.agent-card p{font-size:12px}.agent-card h3{font-size:17px}.agent-role{font-size:9px}.agent-card .role-status{font-size:9px}.agent-widget{font-size:9px}.widget-title{font-size:12px}}