/* Editorial cost calculator for the continuous concept. */
.economics{padding-top:clamp(110px,11vw,180px);padding-bottom:36px}
.economics .section-heading{margin-bottom:52px;align-items:end}
.economics .section-heading h2{font-size:clamp(54px,6.4vw,104px);line-height:.99;letter-spacing:-.064em}
.economics .section-intro{font-size:18px;line-height:1.55;color:#aebbd0}
.role-compare{gap:28px;margin-bottom:48px}
.role-compare article{padding:26px 0 0;border-color:#45617d}
.role-compare article>span{font-size:12px;letter-spacing:.11em;color:#a9bbd3}
.role-compare article:last-child>span{color:#c9dfff}
.role-compare h3{font-size:clamp(27px,2.3vw,38px);line-height:1.08;letter-spacing:-.045em;margin:24px 0 17px}
.role-compare p{font-size:15px;line-height:1.65;color:#aab9c9;max-width:390px}
.economics-box{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px;background:none;border:0;border-radius:0;overflow:visible}
.economics-controls,.economics-output{min-width:0;border:1px solid #22344e;border-radius:26px;padding:clamp(28px,3.5vw,58px)}
.economics-controls{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 0%,#2444774d,transparent 48%),#0e1725;border-right:1px solid #22344e}
.economics-controls>*{position:relative}
.calc-kicker{font-size:14px;letter-spacing:.12em;color:#d3e2f8;margin-bottom:46px;align-items:center}
.calc-kicker span{font-size:13px;letter-spacing:0;color:#a6b9d2;background:#1b2a40;border:1px solid #314760;border-radius:50px;padding:10px 16px}
:is(.economics-controls,.eco-volume)>label{align-items:flex-end;gap:20px;font-size:20px;font-weight:500;line-height:1.35;color:#eaf2ff}
.economics-controls output{font-size:clamp(50px,5.4vw,82px);line-height:.9;letter-spacing:-.065em;font-weight:400;color:#cde2ff;white-space:nowrap}
:is(.economics-controls,.eco-volume)>input[type=range]{appearance:none;width:100%;height:10px;margin:30px 0 51px;border-radius:20px;cursor:pointer;background:linear-gradient(90deg,#cce1ff 0%,#cce1ff var(--pct,13%),#30435d var(--pct,13%),#30435d 100%)}
:is(.economics-controls,.eco-volume)>input[type=range]::-webkit-slider-thumb{appearance:none;width:31px;height:31px;border:7px solid #e3efff;border-radius:50%;background:#547ec3;box-shadow:0 0 0 5px #83b2ff47,0 3px 16px #0008}
:is(.economics-controls,.eco-volume)>input[type=range]::-moz-range-thumb{width:18px;height:18px;border:7px solid #e3efff;border-radius:50%;background:#547ec3;box-shadow:0 0 0 5px #83b2ff47}
.capacity-controls .eco-volume>input[type=range]{margin-bottom:28px}
.eco-capacity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;align-items:center;margin-bottom:33px;padding:18px 20px;border:1px solid #466b9b;border-radius:15px;background:#1b3353}
.eco-capacity>span{font-size:11px;font-weight:700;letter-spacing:.13em;color:#b9d2f3}
.eco-capacity strong{grid-row:span 2;font-size:27px;font-weight:500;letter-spacing:-.05em;line-height:1;color:#edf5ff;white-space:nowrap}
.eco-capacity small{font-size:13px;line-height:1.4;color:#b7cbe5}
.eco-fields{gap:24px 20px}
.eco-models{display:grid;gap:18px;margin-top:4px}
.eco-model{min-width:0;margin:0;padding:22px 24px 25px;border:1px solid #3a5273;border-radius:18px;background:#0b1422}
.eco-model-center{background:linear-gradient(125deg,#162a45,#0b1422 68%)}
.eco-model-staff{background:linear-gradient(125deg,#182135,#0b1422 68%)}
.eco-model legend{padding:0 8px;font-size:18px;font-weight:650;letter-spacing:.065em;color:#eaf3ff}
.eco-model legend span{color:#9abff7;margin-right:11px}
.eco-model>p{font-size:15px;line-height:1.4;color:#afc3de;margin:6px 0 22px}
.eco-model .eco-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.eco-model .eco-fields label:last-child{grid-column:1/-1}
.eco-model .eco-fields label{font-size:15px}
.eco-model .eco-fields input{min-height:60px;font-size:22px}
.eco-fields label{font-size:14px;line-height:1.4;color:#b9cbe1}
.eco-fields input{margin-top:11px;min-height:68px;border:1px solid #3a5273;border-radius:12px;background:#091321;color:#f7fbff;font-size:25px;font-weight:500;letter-spacing:-.03em;line-height:1.2;padding:15px 17px;transition:border-color .2s,box-shadow .2s}
.eco-fields input:hover{border-color:#6689bd}
.eco-fields input[type=number]{-moz-appearance:textfield;appearance:textfield}
.eco-fields input[type=number]::-webkit-inner-spin-button,.eco-fields input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.eco-fields input:focus-visible,:is(.economics-controls,.eco-volume)>input:focus-visible{outline:2px solid #acd0ff;outline-offset:3px}
.economics-controls .fine{font-size:13px!important;line-height:1.65;color:#a4b6cd;margin-top:29px;max-width:610px}
.economics-output{background:#dceaff;color:#081626;display:flex;flex-direction:column;justify-content:flex-start;gap:0;align-self:start;position:sticky;top:24px}
.economics-output::before{content:'СРАВНЕНИЕ ЗА МЕСЯЦ';display:block;font-size:14px;letter-spacing:.12em;font-weight:700;color:#456789;margin-bottom:42px}
.cost-row{padding:23px 0;border-top:1px solid #55749b55}
.cost-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:5px}
.cost-row span{font-size:16px;letter-spacing:.06em;font-weight:600;color:#42607e}
.cost-row strong{font-size:clamp(34px,3.2vw,50px);letter-spacing:-.055em;font-weight:500;line-height:1.05;white-space:nowrap;color:#0d243d}
.cost-team{display:inline-block;margin:4px 0 9px;padding:5px 10px;border:1px solid #8fafcf;border-radius:30px;background:#c9daf1;color:#284969;font-size:13px;font-weight:650}
.cost-row small{font-size:15px;color:#425f7e;line-height:1.55;display:block;max-width:470px}
.cost-bar{display:none}
.ai-cost{background:#092142;border:1px solid #2e5b91;border-radius:18px;padding:30px 29px;margin-top:auto;box-shadow:0 20px 45px #112c542b}
.ai-cost>div:first-child{align-items:flex-start;flex-direction:column;gap:16px}
.ai-cost span{color:#9cc3fa;font-size:15px}
.ai-cost strong{color:#fff;font-size:clamp(54px,5vw,76px)}
.ai-cost small{color:#b8cde7;font-size:14px}
.savings-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}
.savings-grid article{min-height:250px;padding:34px;border:1px solid #314965;border-radius:20px;background:#111d2e;display:flex;flex-direction:column}
.savings-grid article:first-child{background:linear-gradient(145deg,#183a68,#0e1d33 78%);border-color:#476d9d}
.savings-grid article:last-child{background:#0b1421;border-color:#283b54}
.savings-grid article>span{font-size:13px;letter-spacing:.09em;line-height:1.45;color:#b9d2f5}
.savings-grid strong{font-size:clamp(46px,4.8vw,76px);letter-spacing:-.065em;line-height:1;margin-top:auto;color:#f5faff;overflow-wrap:anywhere}
.savings-grid small{font-size:21px;color:#aec8e8;letter-spacing:-.025em}
.savings-grid p{font-size:14px;line-height:1.5;color:#a8bed8;margin:12px 0 0}
.savings-grid article:last-child>span,.savings-grid article:last-child small,.savings-grid article:last-child p{color:#a8bed8}
.savings-grid article.more-cost{background:#32221f;border-color:#9c6653}
.savings-grid article.more-cost>span,.savings-grid article.more-cost p{color:#ffd1be}
.economics-assumptions{margin-top:30px;border-top:1px solid #344863;padding:8px 0 24px}
.economics-assumptions summary{font-size:16px;color:#c9d7eb;min-height:55px;cursor:pointer}
.economics-assumptions p{font-size:14px;color:#aebfd3;line-height:1.7}
.availability{border-top:1px solid #344863;margin-top:4px}
.availability strong{font-size:clamp(55px,6vw,90px)}
.availability strong span{font-size:15px}

@media(max-width:1100px){
  .economics-box{grid-template-columns:1fr 1fr}
  .economics-controls,.economics-output{padding:32px}
  .cost-row>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}
  .savings-grid article{padding:27px;min-height:225px}
  .savings-grid strong{font-size:clamp(38px,4vw,55px)}
}
@media(max-width:760px){
  .economics{padding-top:92px}
  .economics .section-heading{margin-bottom:28px}
  .economics .section-heading h2{font-size:clamp(43px,10vw,65px);line-height:1.02}
  .economics .section-intro{font-size:15px}
  .role-compare{gap:0;margin-bottom:30px}
  .role-compare article{padding:23px 0}
  .role-compare article>span{font-size:11px}
  .role-compare h3{font-size:29px;margin:12px 0}
  .role-compare p{font-size:14px}
  .economics-box{grid-template-columns:1fr;gap:14px}
  .economics-controls,.economics-output{padding:26px;border-radius:20px}
  .economics-output{position:static}
  .calc-kicker{font-size:12px;margin-bottom:32px;flex-wrap:wrap}
  .calc-kicker span{font-size:11px;padding:7px 11px}
  :is(.economics-controls,.eco-volume)>label{font-size:17px}
  .economics-controls output{font-size:52px}
  :is(.economics-controls,.eco-volume)>input[type=range]{margin:29px 0 37px}
  .capacity-controls .eco-volume>input[type=range]{margin-bottom:21px}
  .eco-capacity{margin-bottom:28px;padding:17px;grid-template-columns:1fr;gap:6px}
  .eco-capacity strong{grid-row:auto;font-size:27px}
  .eco-capacity small{font-size:12px}
  .eco-fields{gap:16px}
  .eco-models{gap:14px}
  .eco-model{padding:19px 18px 22px;border-radius:16px}
  .eco-model legend{font-size:16px}
  .eco-model>p{font-size:14px;margin:3px 0 17px}
  .eco-model .eco-fields{gap:13px}
  .eco-model .eco-fields label{font-size:13px}
  .eco-model .eco-fields input{min-height:56px;font-size:20px}
  .eco-fields label{font-size:14px}
  .eco-fields input{min-height:60px;font-size:22px}
  .economics-controls .fine{font-size:11px!important}
  .economics-output::before{font-size:12px;margin-bottom:20px}
  .cost-row{padding:21px 0}
  .cost-row>div:first-child{flex-direction:row;align-items:baseline}
  .cost-row span{font-size:13px}
  .cost-row strong{font-size:34px}
  .cost-row small{font-size:14px}
  .ai-cost{padding:25px;margin-top:14px}
  .ai-cost>div:first-child{flex-direction:column}
  .ai-cost strong{font-size:58px}
  .savings-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}
  .savings-grid article{min-height:190px;padding:26px}
  .savings-grid article>span{font-size:12px}
  .savings-grid strong{font-size:56px}
  .savings-grid small{font-size:18px}
  .savings-grid p{font-size:13px}
  .economics-assumptions summary{font-size:14px}
  .availability strong span{font-size:12px}
}
@media(max-width:480px){
  .eco-model .eco-fields{grid-template-columns:1fr}
  .eco-model .eco-fields label:last-child{grid-column:auto}
  :is(.economics-controls,.eco-volume)>label{align-items:flex-start;flex-direction:column;gap:10px}
  .economics-controls output{font-size:64px}
  .cost-row>div:first-child{align-items:flex-start;flex-direction:column;gap:7px}
  .savings-grid strong{font-size:clamp(48px,13vw,62px)}
}
@media(prefers-reduced-motion:reduce){
  .cost-bar i,.eco-fields input{transition:none}
}
.film-economy .film-copy{width:53%}
.film-economy .film-title{font-size:clamp(54px,5.6vw,88px)}
.film-scene:not(:first-of-type){-webkit-mask-image:radial-gradient(ellipse 20vw 58vh at var(--mask-x,50vw) 52%,rgba(0,0,0,var(--mask-core,1)) 58%,#000 100%);mask-image:radial-gradient(ellipse 20vw 58vh at var(--mask-x,50vw) 52%,rgba(0,0,0,var(--mask-core,1)) 58%,#000 100%)}
@media(max-width:760px){
  .film-economy .film-copy{width:100%}
  .film-economy .film-title{font-size:36px}
  .film-scene:not(:first-of-type){-webkit-mask-image:none;mask-image:none}
}
@media(prefers-reduced-motion:reduce){.film-scene:not(:first-of-type){-webkit-mask-image:none;mask-image:none}}
.film:has(.film-master) .film-master{position:absolute;top:0;left:50%;width:auto;height:100%;max-width:none;transform:translateX(-50%);object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 74%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 74%,transparent)}