/* YasnoCore / rotor, stator and magnetic-system section */
.magnetic-system-section{position:relative;overflow:hidden;padding:105px 0 96px;background:#10130f;color:var(--paper);scroll-margin-top:110px;isolation:isolate}
.magnetic-system-section:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 87% 13%,#c5f36b1b,transparent 29%),linear-gradient(90deg,transparent calc(25% - 1px),#c5f36b0a 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#c5f36b0a 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#c5f36b0a 75%,transparent calc(75% + 1px))}
.magnetic-system-section:after{content:"12P / 18S";position:absolute;right:-.03em;top:50px;z-index:-1;font-size:clamp(90px,15vw,230px);font-weight:500;line-height:1;letter-spacing:-.085em;color:#c5f36b08;white-space:nowrap;pointer-events:none}
.magnetic-system-kicker{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}
.magnetic-system-kicker .eyebrow{color:var(--lime)}
.magnetic-system-kicker .micro{font-size:9px;color:#99a18f;text-align:right}
.magnetic-system-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;padding-bottom:52px}
.magnetic-system-intro h2{font-size:clamp(52px,5.5vw,82px);letter-spacing:-.067em}
.magnetic-system-intro h2 span{color:var(--lime)}
.magnetic-system-lead{justify-self:end;max-width:500px}
.magnetic-system-lead>p{font-size:16px;line-height:1.72;color:#c6cec0;letter-spacing:-.015em}
.magnetic-status{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:10px 13px;border:1px solid #60704f;background:#172013;color:#dce8d0;font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.magnetic-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 #c5f36b55;animation:magnetic-pulse 2.4s infinite}
.magnetic-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #394135;margin-bottom:34px}
.magnetic-metrics>div{min-height:145px;padding:22px 24px 20px;border-right:1px solid #394135;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;transform:translateY(16px);opacity:0;transition:transform .8s var(--ease),opacity .8s var(--ease)}
.magnetic-metrics>div:last-child{border-right:0}
.magnetic-system-section.is-visible .magnetic-metrics>div{transform:none;opacity:1}
.magnetic-system-section.is-visible .magnetic-metrics>div:nth-child(2){transition-delay:.08s}
.magnetic-system-section.is-visible .magnetic-metrics>div:nth-child(3){transition-delay:.16s}
.magnetic-system-section.is-visible .magnetic-metrics>div:nth-child(4){transition-delay:.24s}
.magnetic-metrics span{font-size:clamp(48px,5vw,78px);font-weight:400;line-height:.86;letter-spacing:-.08em;color:var(--lime)}
.magnetic-metrics small{font-family:var(--mono);font-size:9px;line-height:1.55;letter-spacing:.03em;color:#aab4a1;text-transform:uppercase;text-align:right}
.magnetic-workspace{border:1px solid #3b4435;background:#141812;box-shadow:0 30px 80px #0004}
.magnetic-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #3b4435}
.magnetic-tabs button{position:relative;min-height:68px;padding:17px 24px;border:0;border-right:1px solid #3b4435;background:#171c15;color:#aeb9a5;font-size:12px;text-align:left;transition:background .25s,color .25s}
.magnetic-tabs button:last-child{border-right:0}
.magnetic-tabs button span{margin-right:12px;font-family:var(--mono);font-size:9px;color:#78866d}
.magnetic-tabs button:hover{color:var(--paper);background:#20271d}
.magnetic-tabs button[aria-selected=true]{background:var(--lime);color:var(--ink)}
.magnetic-tabs button[aria-selected=true] span{color:#536d32}
.magnetic-tabs button[aria-selected=true]:after{content:"";position:absolute;left:24px;bottom:-1px;width:34px;height:3px;background:var(--ink)}
.magnetic-panel{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(300px,.72fr);min-height:620px;animation:magnetic-panel-in .55s var(--ease)}
.magnetic-drawing{margin:0;min-width:0;display:flex;flex-direction:column;background:#e9ece4;border-right:1px solid #3b4435}
.magnetic-drawing>a{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1;overflow:hidden;padding:24px}
.magnetic-drawing>a:after{content:"↗  ОТКРЫТЬ В ПОЛНОМ РАЗМЕРЕ";position:absolute;right:22px;top:19px;padding:8px 10px;background:#111411e8;color:var(--lime);font-family:var(--mono);font-size:8px;letter-spacing:.04em;opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .25s}
.magnetic-drawing>a:hover:after{opacity:1;transform:none}
.magnetic-drawing img{width:100%;height:auto;max-height:690px;object-fit:contain;filter:drop-shadow(0 18px 26px #35412d25);transition:transform .8s var(--ease)}
.magnetic-drawing>a:hover img{transform:scale(1.018)}
.magnetic-drawing figcaption{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;min-height:72px;padding:17px 24px;background:#dce1d5;color:#1c211a;border-top:1px solid #c8cec1}
.magnetic-drawing figcaption span{font-family:var(--mono);font-size:8px;letter-spacing:.055em;color:#627254;white-space:nowrap}
.magnetic-drawing figcaption b{font-size:11px;line-height:1.55;font-weight:400}
.magnetic-panel-copy{padding:48px 38px 38px;display:flex;flex-direction:column}
.magnetic-panel-copy>.micro{color:#9ead91;font-size:8px}
.magnetic-panel-copy h3{margin:23px 0 21px;font-size:clamp(29px,2.6vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.052em}
.magnetic-panel-copy>p:not(.micro){font-size:13px;line-height:1.8;color:#b7c1af}
.magnetic-panel-copy ul{list-style:none;padding:0;margin:auto 0 0}
.magnetic-panel-copy li{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:15px 0;border-top:1px solid #384133;font-size:11px;line-height:1.65;color:#aeb9a5}
.magnetic-panel-copy li span{font-family:var(--mono);font-size:8px;color:var(--lime);padding-top:3px}
.magnetic-system-footer{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:31px}
.magnetic-system-footer p{max-width:850px;font-size:11px;line-height:1.8;color:#9fa997}
.magnetic-system-footer strong{color:#d6dfcf;font-weight:500}
.magnetic-system-footer .button{min-width:235px}
@keyframes magnetic-pulse{0%,100%{box-shadow:0 0 0 0 #c5f36b4d}50%{box-shadow:0 0 0 8px #c5f36b00}}
@keyframes magnetic-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1199px) and (min-width:960px){.desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.magnetic-system-intro{gap:50px}.magnetic-panel{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.magnetic-panel-copy{padding:38px 28px 30px}}
@media(max-width:959px){.magnetic-system-section{padding:72px 0}.magnetic-system-intro{grid-template-columns:1fr;gap:30px}.magnetic-system-lead{justify-self:start;max-width:620px}.magnetic-metrics>div{min-height:120px;padding:18px}.magnetic-panel{grid-template-columns:1fr}.magnetic-drawing{border-right:0;border-bottom:1px solid #3b4435}.magnetic-drawing>a{padding:18px}.magnetic-panel-copy{min-height:420px}.magnetic-system-footer{grid-template-columns:1fr}.magnetic-system-footer .button{justify-self:start}}
@media(max-width:639px){.magnetic-system-section{padding:55px 0 52px}.magnetic-system-section:after{top:100px;font-size:105px}.magnetic-system-kicker{align-items:flex-start;margin-bottom:29px}.magnetic-system-kicker .eyebrow{font-size:8px}.magnetic-system-kicker .micro{font-size:6px;max-width:130px}.magnetic-system-intro{gap:24px;padding-bottom:36px}.magnetic-system-intro h2{font-size:clamp(39px,11vw,55px);line-height:1.035}.magnetic-system-lead>p{font-size:12px;line-height:1.8}.magnetic-status{font-size:7px;line-height:1.55;margin-top:18px}.magnetic-metrics{grid-template-columns:1fr 1fr;margin-bottom:22px}.magnetic-metrics>div{min-height:100px;padding:15px 13px;border-bottom:1px solid #394135}.magnetic-metrics>div:nth-child(2){border-right:0}.magnetic-metrics>div:nth-child(n+3){border-bottom:0}.magnetic-metrics span{font-size:45px}.magnetic-metrics small{font-size:6px}.magnetic-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.magnetic-tabs button{min-width:230px;min-height:57px;padding:14px 17px;font-size:10px}.magnetic-tabs button[aria-selected=true]:after{left:17px}.magnetic-drawing>a{padding:9px;min-height:260px}.magnetic-drawing>a:after{display:none}.magnetic-drawing figcaption{grid-template-columns:1fr;gap:7px;min-height:0;padding:14px 16px}.magnetic-drawing figcaption span{font-size:7px}.magnetic-drawing figcaption b{font-size:9px}.magnetic-panel-copy{padding:28px 21px 22px;min-height:0}.magnetic-panel-copy>.micro{font-size:7px}.magnetic-panel-copy h3{font-size:31px;margin:17px 0}.magnetic-panel-copy>p:not(.micro){font-size:11px;line-height:1.82}.magnetic-panel-copy ul{margin-top:24px}.magnetic-panel-copy li{font-size:10px;grid-template-columns:28px 1fr;padding:13px 0}.magnetic-system-footer{gap:23px;margin-top:24px}.magnetic-system-footer p{font-size:9px}.magnetic-system-footer .button{width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.magnetic-status i{animation:none}.magnetic-panel{animation:none}.magnetic-metrics>div{opacity:1;transform:none}.magnetic-drawing img{transition:none}}
@media print{.magnetic-system-section{padding:35px 0;background:#fff!important;color:#111!important}.magnetic-system-section:before,.magnetic-system-section:after,.magnetic-tabs{display:none}.magnetic-system-intro{grid-template-columns:1fr 1fr}.magnetic-system-intro h2 span,.magnetic-system-kicker .eyebrow{color:#111}.magnetic-status{color:#111;background:#fff}.magnetic-status i{background:#111}.magnetic-metrics span{color:#111}.magnetic-workspace{border-color:#aaa;box-shadow:none}.magnetic-panel{display:grid!important;grid-template-columns:1fr;min-height:0;break-inside:avoid}.magnetic-panel[hidden]{display:grid!important;margin-top:25px}.magnetic-panel-copy{min-height:0;color:#111}.magnetic-panel-copy>p:not(.micro),.magnetic-panel-copy li{color:#333}.magnetic-system-footer{grid-template-columns:1fr}.magnetic-system-footer .button{display:none}}