/* Входная страница пилота: перерисована по главной crocusgroup.ru (шапка, кадр, цвета).
   Фирменные материалы заказчика (Helios, Helvetica Neue, кадры, логотип) в репозитории нет (решение В-014):
   сервер отдаёт их из папки стенда CROCUS_BREND по /static/crocus/…; без папки браузер берёт запасной вид —
   шрифт Inter и нейтральную подложку.
   Inter — © 2016 The Inter Project Authors (https://github.com/rsms/inter), SIL Open Font License 1.1,
   текст лицензии — web/static/inter/LICENSE.txt. */
@font-face{font-family:"Inter";font-weight:300;font-style:normal;src:url(/static/inter/Inter-Light.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;src:url(/static/inter/Inter-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;src:url(/static/inter/Inter-Bold.woff2) format("woff2");font-display:swap}
/* Фирменные шрифты: подхватываются, если папка стенда есть; иначе 404 и браузер идёт дальше по стеку. */
@font-face{font-family:"HelveticaNeue";font-weight:300;font-style:normal;src:url(/static/crocus/HelveticaNeue-Light.woff2) format("woff2");font-display:swap}
@font-face{font-family:"HelveticaNeue";font-weight:400;font-style:normal;src:url(/static/crocus/HelveticaNeue-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"HelveticaNeue";font-weight:700;font-style:normal;src:url(/static/crocus/HelveticaNeue-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Helios";font-weight:300;font-style:normal;src:url(/static/crocus/HeliosLight.woff2) format("woff2");font-display:swap}
:root{--font-helvetica:"HelveticaNeue","Inter",Arial,sans-serif;--font-helios:"Helios","HelveticaNeue","Inter",Arial,sans-serif;--color-dark:#2f3237;--color-darker:#222222;--color-blue:#31a8fe;--color-grey:#a7a8a9;--trans:.18s ease}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;min-width:320px}
body.vhodnaya{background:#262626;color:#fff;font:14px/1 var(--font-helvetica);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.shapka{position:absolute;top:0;left:0;right:0;z-index:12;animation:poyavlenie .6s ease .4s backwards}
.shapka__vnutri{width:100%;margin:0;padding:24px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.shapka__logo{display:block;flex:0 0 auto;width:120px;height:25px}
.shapka__logo img{display:block;width:100%;height:100%;object-fit:contain;filter:invert(1)}
.shapka__slovo{display:none;color:#fff;font-weight:300;font-size:20px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:25px}
.shapka__logo.bez-logo img{display:none}.shapka__logo.bez-logo .shapka__slovo{display:block}
.shapka__menyu{display:none;flex:1 1 auto;min-width:0}
.shapka__menyu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
.shapka__menyu span{position:relative;display:inline-block;color:#fff;font-weight:300;font-size:13px;line-height:2;letter-spacing:.02em;text-transform:uppercase;cursor:default;white-space:nowrap}
.shapka__menyu span.active{color:var(--color-blue)}
.shapka__menyu span.active::before{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--color-blue)}
.shapka__deystviya{display:flex;align-items:center;gap:22px;flex:0 0 auto}
.knopka-voyti{display:inline-block;border:1px solid #fff;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:300;font-size:13px;letter-spacing:.06em;padding:9px 22px;transition:all var(--trans)}
.knopka-voyti:hover,.knopka-voyti:focus-visible{border-color:var(--color-blue);color:var(--color-blue);outline:none}
.shapka__burger{display:flex;align-items:center;width:40px;height:20px}
.shapka__burger i{display:block;position:relative;width:100%;height:9px}
.shapka__burger i::before,.shapka__burger i::after{content:"";position:absolute;left:0;height:1px;background:#fff}
.shapka__burger i::before{top:0;width:100%}.shapka__burger i::after{bottom:0;width:25px}
/* Нейтральная подложка — запасной вид без кадров заказчика: тёмный градиент в цветах сайта. */
.kadr{position:relative;height:100dvh;min-height:450px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#3a4a6b 0%,#262c3b 45%,#15181f 100%)}
.kadr::after{content:"";position:absolute;inset:0;background:rgba(42,49,68,.7);z-index:1}
.kadr__slaydy{position:absolute;inset:0}
.kadr__slayd{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.kadr__slayd.active{opacity:1;animation:nayezd 9s ease forwards}
.kadr__soderzhimoe{position:relative;z-index:2;height:100%;width:100%;margin:0;padding:90px 16px 70px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.kadr__zagolovok{margin:0;overflow:hidden;font-weight:300;font-size:32px;line-height:1.05;text-transform:uppercase;max-width:350px;color:#fff}
.kadr__zagolovok span{display:block;padding-top:6px;animation:vyezd 1s cubic-bezier(.65,-.07,.58,1) backwards}
.kadr__zagolovok span:nth-child(2){animation-delay:.08s}.kadr__zagolovok span:nth-child(3){animation-delay:.16s}.kadr__zagolovok span:nth-child(4){animation-delay:.24s}
.kadr__tsifry{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:25px;color:#fff}
.kadr__tsifry li{display:flex;flex-direction:column}
.kadr__tsifry strong{font-weight:300;font-size:28px;white-space:nowrap;line-height:1.1}
.kadr__tsifry strong b{font-weight:300;font-size:48px}
.kadr__tsifry span{display:block;margin-top:8px;font-weight:400;font-size:16px;line-height:1.2;text-transform:uppercase;max-width:220px}
.kadr__nav{position:absolute;left:17px;bottom:23px;z-index:3;display:flex;align-items:center;gap:20px;color:#fff}
.kadr__strelka{border:0;background:none;color:#fff;width:30px;height:30px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--trans)}
.kadr__strelka:hover{opacity:.7}.kadr__strelka_nazad{transform:rotate(180deg)}
.kadr__schetchik{font-weight:300;font-size:20px;line-height:1}
.kadr__schetchik small{font-size:10px}
.demo-pometka{position:absolute;right:16px;bottom:18px;z-index:3;margin:0;max-width:60vw;text-align:right;font-family:var(--font-helios);font-weight:300;font-size:11px;line-height:1.3;color:var(--color-grey)}
@keyframes poyavlenie{from{opacity:0}to{opacity:1}}
@keyframes vyezd{from{transform:translateY(60%);opacity:0}to{transform:none;opacity:1}}
@keyframes nayezd{from{transform:scale(1)}to{transform:scale(1.08)}}
@media (min-width:480px){.kadr__zagolovok{font-size:36px}}
@media (min-width:768px){.shapka__vnutri{padding:28px 26px}.kadr{min-height:580px}.kadr__soderzhimoe{padding-left:26px;padding-right:26px}.kadr__zagolovok{font-size:38px;max-width:330px}.kadr__tsifry{display:flex}.kadr__nav{left:26px}.demo-pometka{right:26px}}
@media (min-width:1024px){.shapka__menyu{display:block}.shapka__burger{display:none}}
@media (min-width:1280px){.shapka__vnutri{padding:46px}.shapka__logo{width:160px;height:33px}.shapka__slovo{font-size:19px;letter-spacing:.06em;line-height:33px}.shapka__menyu span{font-size:14px}.kadr__soderzhimoe{padding-left:46px;padding-right:46px}.kadr__zagolovok{font-size:70px;max-width:700px}.kadr__zagolovok span{padding-top:10px}.kadr__tsifry{gap:50px}.kadr__tsifry strong{font-size:38px}.kadr__tsifry strong b{font-size:80px}.kadr__tsifry span{font-size:18px}.kadr__nav{left:46px;bottom:54px;gap:47px}.kadr__schetchik{font-size:38px}.kadr__schetchik small{font-size:18px}.demo-pometka{right:46px;bottom:54px;font-size:12px}}
@media (min-width:1920px){.shapka__vnutri{padding:46px 80px}.shapka__logo{width:201px;height:42px}.shapka__slovo{font-size:24px;line-height:42px}.kadr{min-height:980px}.kadr__soderzhimoe{padding:20px 80px 30px}.kadr__zagolovok{font-size:100px;max-width:900px}.kadr__tsifry{gap:85px}.kadr__tsifry strong{font-size:70px}.kadr__tsifry strong b{font-size:120px}.kadr__tsifry span{font-size:20px;max-width:250px}.demo-pometka{right:80px}}