/* Source collection: local brand assets, one calm continuous scene. */
.collection-callout-v2 {
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:24px;
  padding:29px 32px;
  border:1px solid #efdfa9;
  border-radius:24px;
  background:radial-gradient(ellipse at 0 0,#ffe8a2 0,transparent 55%),#fff7df;
  box-shadow:0 12px 32px #b1933d09;
}
.collection-callout-v2 .callout-icon {
  position:relative;width:64px;height:64px;border-radius:20px;
  color:#fff;background:#2165db;box-shadow:0 8px 20px #2165db22;
}
.collection-callout-v2 .callout-icon>svg {width:30px;height:30px}
.callout-check {position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffdb56;color:#173863;border:3px solid #fff5d7}
.callout-check svg {width:14px;height:14px}
.collection-callout-v2 strong {font-size:clamp(17px,1.5vw,21px);line-height:1.4;letter-spacing:-.4px}
.collection-callout-v2 p {margin-top:7px;font-size:13px;line-height:1.75;color:#6b735f}
.collection-callout-v2 .collection-button {min-height:54px;padding:16px 21px;gap:18px;white-space:nowrap;font-size:13px;border-radius:14px}
.collection-button svg {transition:transform .25s ease}
.collection-button:hover svg {transform:translateX(3px)}
.benefits-v2 {position:relative;background:radial-gradient(ellipse at 78% 44%,#244e8b 0,transparent 58%),#142c53}
.benefits-v2 .benefits {position:relative;gap:56px;padding-top:88px;padding-bottom:88px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
.benefits-v2 .eyebrow {color:#bbcff0;display:flex;align-items:center;gap:10px}
.benefits-v2 .eyebrow:before {content:'';width:6px;height:6px;border-radius:50%;background:#ffdb56;box-shadow:0 0 0 5px #ffdb5610}
.benefits-v2 h2 {font-size:clamp(38px,4.1vw,58px);letter-spacing:-2.4px;line-height:1.12}
.benefits-v2 h2>span {color:#9ec7ff}
.benefits-v2 .benefits-copy>p:not(.eyebrow) {font-size:14px;line-height:1.85;max-width:420px;color:#bdcee7}
.benefits-v2 .text-link {padding:14px 17px;border:1px solid #89ace43d;border-radius:12px;background:#ffffff05;color:#fff;gap:19px;font-size:12px;transition:background .2s,border-color .2s}
.benefits-v2 .text-link:hover {background:#ffffff0c;border-color:#a7c5f18c}
.source-network {position:relative;isolation:isolate;width:100%;height:520px;margin:0;min-width:0}
.source-network figcaption {position:absolute;top:0;left:0;color:#a9c2e5;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.network-pause {position:absolute;z-index:5;right:0;top:-12px;display:grid;place-items:center;width:36px;height:36px;padding:8px;border-radius:50%;border:1px solid #9cbef53d;background:#ffffff08;color:#d9e8ff;cursor:pointer}
.network-pause[hidden] {display:none}
.network-pause:hover {background:#ffffff17}
.network-pause svg {width:18px;height:18px}
.network-atmosphere {position:absolute;inset:20px -20px 60px;z-index:-1;background-image:radial-gradient(#adcaff40 .7px,transparent .9px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse,#000 15%,transparent 70%)}
.network-atmosphere:before,.network-atmosphere:after {content:'';position:absolute;top:38%;left:50%;width:230px;height:230px;border-radius:50%;border:1px solid #8bb6f326;transform:translate(-50%,-50%)}
.network-atmosphere:after {width:360px;height:360px;border-color:#8bb6f313}
.network-routes {position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#9ac4ff50;stroke-width:1;vector-effect:non-scaling-stroke}
.network-output-route {stroke:#ffe07a8c!important;stroke-width:1.5}
.network-packet {position:absolute;top:-3px;left:-3px;width:6px;height:6px;opacity:0;border-radius:50%;background:#cbe3ff;box-shadow:0 0 10px 3px #7cb6ff75;pointer-events:none}
.network-packet:last-of-type {background:#ffe482;box-shadow:0 0 12px 3px #ffcf5d70}
.network-node {position:absolute;z-index:2;transform:translate(-50%,-50%)}
.source-node {display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;width:138px;padding:12px 14px;border-radius:18px;background:#fff;color:#233655;box-shadow:0 12px 30px #031a3d35,inset 0 0 0 1px #d7e5f9;will-change:transform}
.source-node img {flex-shrink:0;object-fit:contain}
.source-node strong {font-size:15px;line-height:1.25;letter-spacing:-.3px}
.source-node strong>span {display:block;font-size:9px;font-weight:400;color:#7b89a0;margin-top:4px;letter-spacing:0}
.node-hh {left:18%;top:16%}
.node-hh .source-node {width:126px}
.node-habr {left:80%;top:17%}
.node-habr .source-node {width:156px}
.node-habr img {width:140px;height:48px}
.node-fl img {background:#17365a;border-radius:8px;padding:6px}
.node-habr strong {font-size:13px}
.node-superjob {left:14%;top:52%}
.node-superjob .source-node {width:156px}
.node-fl {left:86%;top:52%}
.node-fl .source-node {width:124px}
.node-telegram {left:21%;top:72%}
.node-outstaff {left:80%;top:72%}
.node-telegram .source-node,.node-outstaff .source-node {width:150px;min-height:60px}
.node-telegram strong,.node-outstaff strong {font-size:12px}
.network-source-icon {display:grid;place-items:center;background:#eaf3ff;border-radius:11px;width:34px;height:34px;color:#2677e8;flex-shrink:0}
.network-source-icon svg {width:20px;height:20px}
.network-hub-shell {position:absolute;z-index:3;left:50%;top:38%;transform:translate(-50%,-50%)}
.network-hub {position:relative;width:116px;height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:27px;background:#fff;box-shadow:0 0 0 8px #a2c9ff0a,0 0 0 18px #a2c9ff06,0 16px 40px #071d4555;will-change:transform}
.network-hub:before {content:'';position:absolute;inset:0;z-index:-1;background:#d1e2ff;border-radius:27px;transform:rotate(-8deg);opacity:.25}
.network-hub strong {font-size:13px;color:#283754;letter-spacing:1.4px}
.network-result-shell {position:absolute;z-index:3;left:50%;top:88%;width:78%;max-width:370px;transform:translate(-50%,-50%)}
.network-result {display:flex;align-items:center;gap:13px;padding:21px 20px;border:1px solid #dce8fb;border-radius:19px;background:#fff;color:#173761;box-shadow:0 16px 36px #071d4530;will-change:transform}
.network-result-check {display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffdf6a;flex-shrink:0}
.network-result-check svg {width:21px;height:21px}
.network-result strong {display:block;font-size:14px;letter-spacing:-.25px}
.network-result div>span {display:block;font-size:9px;color:#73839b;margin-top:5px;white-space:nowrap}
.network-result-dot {margin-left:auto;width:6px;height:6px;border-radius:50%;background:#4bb889;box-shadow:0 0 0 4px #4bb88912;flex-shrink:0}
@media(min-width:1400px) {.source-network{height:560px}.benefits-v2 .benefits{gap:80px}}
@media(max-width:1000px) {
  .benefits-v2 .benefits{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .source-node{padding:10px;gap:7px}
  .node-hh .source-node{width:108px}.node-habr .source-node{width:128px}.node-superjob .source-node{width:122px}.node-superjob img{width:102px}.node-fl .source-node{width:104px}
  .node-telegram .source-node,.node-outstaff .source-node{width:128px}
  .node-habr img{width:114px;height:40px}
  .network-result-shell{width:94%}.network-result{padding:20px 14px;gap:10px}
  .collection-callout-v2{grid-template-columns:54px minmax(0,1fr);gap:18px;padding:25px}
  .collection-callout-v2 .callout-icon{width:54px;height:54px;border-radius:17px}
  .collection-callout-v2 .collection-button{grid-column:2;justify-self:start}
}
@media(max-width:900px) {
  .benefits-v2 .benefits{grid-template-columns:minmax(0,1fr);padding-top:58px;padding-bottom:44px;gap:40px}
  .benefits-v2 h2{font-size:clamp(37px,7.3vw,53px);letter-spacing:-1.7px}
  .benefits-v2 h2 br:first-of-type{display:none}
  .benefits-v2 .benefits-copy>p:not(.eyebrow){max-width:480px;font-size:13px;margin-top:23px}
  .source-network{max-width:540px;height:500px;justify-self:center}
  .source-node{min-height:60px}
  .network-result-shell{width:76%}
}
@media(max-width:480px) {
  .collection-callout-v2{grid-template-columns:48px minmax(0,1fr);padding:23px 20px;gap:16px;border-radius:22px}
  .collection-callout-v2>div{width:auto;flex:none}
  .collection-callout-v2 .callout-icon{width:48px;height:48px;border-radius:15px}
  .collection-callout-v2 .callout-icon>svg{width:25px;height:25px}
  .collection-callout-v2 strong{font-size:17px;letter-spacing:-.3px}
  .collection-callout-v2 p{font-size:11px;line-height:1.8;margin-top:9px}
  .collection-callout-v2 .collection-button{grid-column:1/-1;justify-self:stretch;margin-top:3px;min-height:52px;justify-content:space-between;padding:15px 20px}
  .benefits-v2 .benefits{gap:36px}
  .benefits-v2 .text-link{font-size:11px;padding:13px;gap:12px}
  .source-network{height:455px}
  .source-network figcaption{font-size:8px;letter-spacing:.7px}
  .network-pause{width:32px;height:32px;top:-10px}
  .network-node .source-node{height:54px;min-height:54px;border-radius:15px;padding:8px;gap:7px}
  .source-node img{width:30px;height:30px}
  .source-node strong{font-size:12px}
  .node-hh{left:18%;top:16%}.node-hh .source-node{width:94px}
  .node-habr{left:80%;top:17%}.node-habr .source-node{width:114px}.node-habr strong{font-size:10px}
  .node-habr img{width:100px;height:38px}
  .node-superjob{left:18%;top:52%}.node-superjob .source-node{width:108px}.node-superjob img{width:91px;height:36px}
  .node-fl{left:82%;top:52%}.node-fl .source-node{width:94px}
  .node-telegram{left:20%;top:72%}.node-outstaff{left:80%;top:72%}
  .node-telegram .source-node,.node-outstaff .source-node{width:110px;gap:6px}
  .node-telegram strong,.node-outstaff strong{font-size:10px}
  .source-node strong>span{font-size:7px;margin-top:3px}
  .network-source-icon{width:27px;height:29px;border-radius:9px}.network-source-icon svg{width:17px;height:17px}
  .network-hub{width:86px;height:98px;border-radius:22px;gap:7px}.network-hub:before{border-radius:22px}
  .network-hub-shell{top:34%}
  .network-hub img{width:48px;height:48px}.network-hub strong{font-size:10px;letter-spacing:1px}
  .network-result-shell{width:94%;max-width:290px;top:90%}
  .network-result{padding:17px 14px;gap:10px;border-radius:16px}.network-result strong{font-size:12px}.network-result div>span{font-size:8px}
  .network-result-check{width:31px;height:33px;border-radius:10px}
}