.bitrix24-directions{--directions-accent: #3fb6d8;position:relative;display:flex;flex-direction:column;gap:56px;align-items:center;padding:96px 40px 120px;color:#fff}@media (max-width: 860px){.bitrix24-directions{gap:32px;padding:56px 16px 72px}}.bitrix24-directions--scene{background:radial-gradient(120% 90% at 86% 104%,rgba(96,150,140,.32),transparent 56%),radial-gradient(90% 70% at 10% 6%,rgba(18,58,62,.55),transparent 60%),linear-gradient(158deg,#040a0c,#07171a 40%,#0b2426 72%,#14362f)}.bitrix24-directions button{cursor:pointer;font-family:inherit}.bitrix24-directions__head{display:flex;flex-direction:column;gap:18px;align-items:center;max-width:760px;text-align:center}.bitrix24-directions__badge{display:flex;gap:8px;align-items:center;padding:7px 14px 7px 10px;border:1px solid rgba(160,214,196,.24);border-radius:999px;font-size:13px;color:#cfe3da;letter-spacing:.02em;white-space:nowrap;background:#0a202199;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bitrix24-directions__badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,#f2726f,#f5c25b 40%,#4ecfa8 70%,#4aa8ff)}.bitrix24-directions__title{margin:0;font-size:56px;font-weight:400;line-height:1.1;color:#fff;text-wrap:pretty;letter-spacing:-.02em}@media (max-width: 860px){.bitrix24-directions__title{font-size:32px}}.bitrix24-directions__lead{max-width:560px;margin:0;font-size:17px;line-height:1.55;color:#dfeae5}.bitrix24-directions__card{display:grid;grid-template-columns:300px 1fr;gap:14px;width:100%;max-width:1280px;padding:14px;border:1px solid rgba(160,214,196,.14);border-radius:32px;background:#071618b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 40px 80px -40px #0e0f1273}@media (max-width: 860px){.bitrix24-directions__card{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:22px}}.bitrix24-directions__rail{scrollbar-width:none;position:sticky;top:14px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;align-self:start;max-height:calc(100vh - 100px);padding:14px 10px;border-radius:22px;background:#0c2626cc}.bitrix24-directions__rail::-webkit-scrollbar{display:none}@media (max-width: 860px){.bitrix24-directions__rail{position:static;overflow:auto hidden;flex-direction:row;gap:6px;max-height:none;padding:10px;border-radius:16px}}.bitrix24-directions__rail-label{padding:6px 14px 14px;font-size:11px;color:#9fb8ae;text-transform:uppercase;letter-spacing:.12em}@media (max-width: 860px){.bitrix24-directions__rail-label{display:none}}.bitrix24-directions__rail-item{display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px;border:1px solid rgba(160,214,196,.1);border-radius:12px;font-size:14px;color:#b6cdc3;text-align:left;background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .35s cubic-bezier(.22,1,.36,1),color .35s ease,border-color .35s ease}@media (hover: hover) and (pointer: fine){.bitrix24-directions__rail-item:hover{background:#ffffff14}}.bitrix24-directions__rail-item.is-active{border-color:#bee8d647;color:#f4f6f7;background:#ffffff1a}@media (max-width: 860px){.bitrix24-directions__rail-item{flex:none;gap:8px;width:auto;padding:9px 14px;border-radius:999px;font-size:13px;white-space:nowrap}}.bitrix24-directions__rail-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#5c7a70;transition:background .35s ease}.is-active .bitrix24-directions__rail-dot{background:var(--directions-accent)}.is-play .bitrix24-directions__rail-dot{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #7d9a8f;border-radius:0;background:none}.is-play.is-active .bitrix24-directions__rail-dot{border-left-color:var(--directions-accent)}.bitrix24-directions__rail-name{flex:1}.bitrix24-directions__rail-arrow{font-size:12px;color:var(--directions-accent);opacity:0;transition:opacity .35s ease}.is-active .bitrix24-directions__rail-arrow{opacity:1}@media (max-width: 860px){.bitrix24-directions__rail-arrow{display:none}}.bitrix24-directions__pane{overflow:hidden;display:flex;flex-direction:column;min-width:0;border-radius:22px;background:#0c2626cc}.bitrix24-directions__media{isolation:isolate;position:relative;overflow:hidden;aspect-ratio:16/9;margin:14px 14px 0;border-radius:16px;background:#07191a}@media (max-width: 860px){.bitrix24-directions__media{margin:10px 10px 0;border-radius:12px}}.bitrix24-directions__media-glow{position:absolute;inset:0;background:radial-gradient(120% 90% at 20% 0%,rgba(63,182,216,.13),transparent 60%),#101216}.bitrix24-directions__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bitrix24-directions__media-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:24px;text-align:center}.bitrix24-directions__media-empty-text{max-width:460px;font-size:15px;line-height:1.5;color:#cfe3da;text-wrap:pretty}.bitrix24-directions__media-tag{position:absolute;z-index:2;top:16px;left:16px;display:flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;color:#e6eaec;background:#0a0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bitrix24-directions__media-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--directions-accent)}.bitrix24-directions__body{display:flex;flex-direction:column;gap:22px;padding:26px 30px 30px}@media (max-width: 860px){.bitrix24-directions__body{gap:18px;padding:18px 18px 22px}}.bitrix24-directions__text{display:flex;flex-direction:column;gap:10px}.bitrix24-directions__subtitle{margin:0;font-size:30px;font-weight:500;line-height:1.2;color:#f4f6f7;letter-spacing:-.015em}@media (max-width: 860px){.bitrix24-directions__subtitle{font-size:22px}}.bitrix24-directions__description{max-width:640px;margin:0;font-size:15px;line-height:1.65;color:#9aa3a9;text-wrap:pretty}.bitrix24-directions__cols{display:grid;grid-template-columns:1fr;gap:18px}@media (max-width: 860px){.bitrix24-directions__cols{gap:14px}}.bitrix24-directions__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:0;padding:0;list-style:none}@media (max-width: 860px){.bitrix24-directions__features{grid-template-columns:1fr;gap:10px}}.bitrix24-directions__feature{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#c8cfd3}.bitrix24-directions__feature-check{display:flex;flex:none;align-items:center;justify-content:center;width:16px;height:16px;margin-top:2px;border-radius:50%;font-size:10px;color:var(--directions-accent);background:#3fb6d829}.bitrix24-directions__perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 860px){.bitrix24-directions__perks{grid-template-columns:1fr}}.bitrix24-directions__perk{display:flex;flex-direction:column;gap:3px;justify-content:center;width:100%;padding:12px 14px;border:1px solid rgba(160,214,196,.1);border-radius:12px;background:#123432eb}.bitrix24-directions__perk-value{font-size:16px;font-weight:500;line-height:1.2;color:var(--directions-accent)}.bitrix24-directions__perk-value.is-long{font-size:13px}.bitrix24-directions__perk-label{font-size:11px;line-height:1.3;color:#b6cdc3}.bitrix24-directions__footnote{font-size:11px;line-height:1.4;color:#9fb8ae}.bitrix24-directions__actions{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding-top:4px}.bitrix24-directions__cta{display:flex;gap:12px;align-items:center;padding:12px 24px;border:1px solid rgba(63,182,216,.4);border-radius:999px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;background:#3fb6d824;transition:background .3s ease}@media (hover: hover) and (pointer: fine){.bitrix24-directions__cta:hover{color:#fff;background:#3fb6d83d}}.bitrix24-directions__cta:active{background:#3fb6d83d}.bitrix24-directions__cta-icon{flex:none;width:16px;height:16px}.directions-stage{position:absolute;inset:0;perspective:1400px}.directions-stage__shot{cursor:zoom-in;position:absolute;overflow:hidden;padding:0;border:none;border-radius:10px;background:#0e0f12;box-shadow:0 18px 40px -22px #00000080;transition:transform .9s cubic-bezier(.22,1,.36,1),width .9s cubic-bezier(.22,1,.36,1),height .9s cubic-bezier(.22,1,.36,1),left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),border-radius .6s ease,opacity .45s ease,box-shadow .6s ease}.directions-stage__shot.is-hovered{cursor:none}.directions-stage__shot.is-dimmed{pointer-events:none;opacity:0}.directions-stage__shot.is-open{cursor:zoom-out;border-radius:0;background:#0b0c0e;box-shadow:0 0 #0000}.directions-stage__shot.is-open.is-zooming{cursor:none}@media (max-width: 860px){.directions-stage__shot.is-open{cursor:zoom-in}}.directions-stage__shot:focus-visible{outline:2px solid var(--directions-accent, #3fb6d8);outline-offset:2px}.directions-stage__img{display:block;width:100%;height:100%;opacity:0;background-color:#0e0f12;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition:opacity .35s ease,filter .3s ease,box-shadow .4s ease}.is-ready .directions-stage__img{opacity:1}.is-hovered.is-dark .directions-stage__img{filter:brightness(1.18) saturate(1.15);box-shadow:0 0 0 1px #ffffff59,0 34px 70px -26px #8cd7ff8c}.is-hovered.is-light .directions-stage__img{filter:brightness(.92) contrast(1.08);box-shadow:0 0 0 1px #0a0c1073,0 34px 70px -26px #0a0c10bf}.directions-stage__lens{pointer-events:none;position:absolute;transform:translate(-50%,-50%);overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;background-repeat:no-repeat;animation:directions-lens-in .2s ease both}.is-dark .directions-stage__lens{box-shadow:0 0 0 1px #ffffff47}.is-light .directions-stage__lens{box-shadow:0 0 0 1px #0c0e1242}.directions-stage__lens-label{max-width:88%;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.25;text-align:center;letter-spacing:.01em}.is-dark .directions-stage__lens-label{color:#0e0f12;background:#f4f6f7eb}.is-light .directions-stage__lens-label{color:#f4f6f7;background:#0e0f12e0}.directions-stage__close{position:absolute;z-index:60;top:14px;right:14px;display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:50%;font-size:13px;color:#e6eaec;background:#0a0b0db8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease}.directions-stage__close:before{content:"";position:absolute;inset:-16px;border-radius:50%}@media (hover: hover) and (pointer: fine){.directions-stage__close:hover{transform:scale(1.08);background:#0a0b0de6}}.directions-stage__close.is-visible{display:flex}@media (max-width: 860px){.directions-stage__close{width:44px;height:44px;font-size:15px}}@keyframes directions-lens-in{0%{opacity:0}to{opacity:1}}.directions-fullscreen{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#060505f0}.directions-fullscreen__image{max-width:100%;max-height:100%;border-radius:8px;-o-object-fit:contain;object-fit:contain}.directions-fullscreen__label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);max-width:calc(100% - 96px);padding:8px 16px;border-radius:999px;font-size:13px;line-height:1.3;color:#e6eaec;text-align:center;background:#060505b8}.directions-fullscreen__close{cursor:pointer;position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;font-size:16px;color:#f4f6f7;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.directions-fullscreen__close:before{content:"";position:absolute;inset:-12px;border-radius:50%}