@font-face { font-family: 'Open Sans'; font-weight: 400; font-style: normal; font-display: swap;
  src: local('Open Sans'), local('OpenSans-Regular'), url('/local/rb/fonts/opensans-regular.001bb69c.woff2') format('woff2'), url('/bitrix/js/ui/fonts/opensans/opensans-regular.woff') format('woff'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; font-style: normal; font-display: swap;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/local/rb/fonts/opensans-semibold.9af68898.woff2') format('woff2'), url('/bitrix/js/ui/fonts/opensans/opensans-semibold.woff') format('woff'); }
@font-face { font-family: 'Open Sans'; font-weight: 700 800; font-style: normal; font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/local/rb/fonts/opensans-bold.87ca42bc.woff2') format('woff2'), url('/bitrix/js/ui/fonts/opensans/opensans-bold.woff') format('woff'); }
@font-face{font-family:'Open Sans Fallback';font-weight:400;font-style:normal;src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');size-adjust:104.91%;ascent-override:101.88%;descent-override:27.93%;line-gap-override:0%}
@font-face{font-family:'Open Sans Fallback';font-weight:600;font-style:normal;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:101.95%;ascent-override:104.85%;descent-override:28.74%;line-gap-override:0%}
@font-face{font-family:'Open Sans Fallback';font-weight:700 800;font-style:normal;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:105.89%;ascent-override:100.94%;descent-override:27.67%;line-gap-override:0%}


:root {
  --ds-brand: #2244a8;               
  --ds-brand-light: #2c50b6;         
  --ds-brand-dark: #1c3a92;          
  --ds-brand-grad: linear-gradient(135deg, #2c50b6 0%, #2244a8 52%, #1c3a92 100%);
  --ds-brand-glow: rgba(28, 58, 146, .65);

  --ds-ink: #1a2c51;                 
  --ds-body: #4d5a8d;                
  --ds-note: #5B6893;                
  --ds-acc: #0C5EFF;                 
  --ds-acc-hover: #4483ff;
  --ds-acc-press: #0f4fd6;
  --ds-acc-rgb: 12, 94, 255;

  --ds-bg: #f2f2f2;                  
  --ds-soft: #f6f8ff;                
  --ds-white: #fff;
  --ds-line: #e3e8f5;                
  --ds-line-hi: #b9ccf3;             

  --ds-wa: #25d366;
  --ds-wa-hover: #1ebe5b;
  --ds-wa-ink: #08301a;              
  --ds-wa-ico: #fff;                 

  --ds-mint: #7CE6B0;                
  --ds-mint-rgb: 124, 230, 176;
  --ds-sky: #B4DCFF;                 
  --ds-amber: #FFC24B;               
  --ds-star: #FFC94D;                

  --ds-shade-rgb: 14, 42, 96;        
  --ds-deep: #0f2c63;                
  --ds-mid: #18428a;
  --ds-dark: #12336f;                
  --ds-dark-2: #1b4b97;
  --ds-place-rgb: 24, 66, 138;       
  --ds-dock-rgb: 30, 78, 156;        

  --ds-grad-hero:
    radial-gradient(70% 52% at 78% 104%, rgba(132, 214, 251, .95) 0%, rgba(92, 184, 241, .62) 34%, rgba(92, 184, 241, 0) 72%),
    radial-gradient(48% 36% at 12% 62%, rgba(64, 112, 222, .5), rgba(64, 112, 222, 0) 70%),
    radial-gradient(80% 50% at 55% 88%, rgba(44, 118, 206, .7), rgba(44, 118, 206, 0) 70%),
    linear-gradient(180deg, #0f2a5e 0%, #13387a 36%, #1b4d9a 68%, #2a6cc0 100%);
  --ds-grad-event: linear-gradient(118deg, #143a7e 0%, #1d57ad 55%, #3585d8 100%);
  --ds-grad-event-glow: radial-gradient(closest-side, rgba(124, 230, 176, .22), transparent);
  --ds-grad-menu:
    radial-gradient(95% 42% at 100% 100%, rgba(98, 186, 243, .5), transparent 70%),
    radial-gradient(80% 36% at 0% 0%, rgba(58, 104, 206, .38), transparent 70%),
    linear-gradient(180deg, #0f2c63 0%, #163d82 52%, #1e4e9c 100%);
  --ds-grad-foot-fade: linear-gradient(180deg, #f2f2f2 0%, #e4ebf7 24%, #b4c8ea 48%, #5f8acb 70%, #24519c 88%, #10306a 100%);
  --ds-grad-foot:
    radial-gradient(44% 52% at 0% 42%, rgba(46, 102, 192, .6), transparent 72%),
    radial-gradient(40% 58% at 100% 58%, rgba(24, 84, 185, .6), transparent 72%),
    radial-gradient(55% 40% at 72% 100%, rgba(96, 176, 236, .28), transparent 72%),
    linear-gradient(172deg, #10306a 0%, #143b7e 52%, #11346f 100%);
  --ds-grad-foot-glow: radial-gradient(closest-side, rgba(120, 180, 255, .14), transparent 70%);
  --ds-grad-portrait: linear-gradient(180deg, #EAF1FF 0%, #CFE0FF 100%);
  --ds-grad-face: linear-gradient(180deg, #EAF1FF, #BFD5FB);
  --ds-grad-lens: radial-gradient(110% 110% at 50% 18%, #EAF1FF 0%, #DCE8FF 45%, #CFE0FF 100%);
  --ds-grad-wa: radial-gradient(circle at 34% 28%, #4ce585 0%, #25d366 46%, #1ebe5b 100%);
  --ds-grad-shine: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);

  --ds-glass: rgba(255, 255, 255, .1);
  --ds-glass-hi: rgba(255, 255, 255, .17);
  --ds-glass-edge: rgba(255, 255, 255, .22);
  --ds-glass-edge-hi: rgba(255, 255, 255, .3);
  --ds-glass-blur: blur(10px);
  --ds-capsule: rgba(255, 255, 255, .96); 

  --ds-font: 'Open Sans', 'Open Sans Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ds-num-track: -.02em;            
  --ds-fs-eyebrow: 12px;             
  --ds-fs-h2: clamp(25px, 3.4vw, 38px);
  --ds-fs-h3: 19px;
  --ds-fs-lead: 17px;                
  --ds-fs-body: 15.5px;
  --ds-fs-note: 13.5px;
  --ds-fs-stat: 30px;                
  --ds-fs-price: 20px;               

  --ds-r-pill: 999px;                
  --ds-r-event: 26px;                
  --ds-r-panel: 24px;                
  --ds-r-card: 22px;                 
  --ds-r-card-s: 20px;               
  --ds-r-tile-l: 18px;               
  --ds-r-tile: 16px;                 
  --ds-r-s: 14px;                    
  --ds-r-xs: 12px;                   
  --ds-r-xxs: 10px;                  

  --ds-sh-capsule: 0 10px 30px -18px rgba(16, 36, 80, .45);
  --ds-sh-lift: 0 2px 8px rgba(6, 24, 60, .1), 0 30px 64px -30px rgba(6, 24, 60, .55);
  --ds-sh-hover: 0 24px 50px -30px rgba(16, 36, 80, .5);
  --ds-sh-hover-s: 0 16px 36px -26px rgba(16, 36, 80, .5);
  --ds-sh-form: 0 30px 60px -34px rgba(6, 24, 60, .7);
  --ds-sh-wa-btn: 0 8px 22px rgba(20, 140, 70, .34);
  --ds-sh-glow: 0 0 22px 2px rgba(124, 230, 176, .55);
  --ds-sh-menu: 0 8px 18px -10px rgba(28, 58, 146, .65);
  --ds-sh-wa-round: 0 10px 26px rgba(20, 140, 70, .42), 0 2px 6px rgba(12, 60, 32, .28), inset 0 -2px 6px rgba(0, 0, 0, .16), inset 0 2px 5px rgba(255, 255, 255, .34);
  --ds-sh-thumb: 0 6px 16px -6px rgba(30, 106, 255, .7);
  --ds-sh-play: 0 10px 24px -8px rgba(0, 0, 0, .5);
  --ds-sh-bar: 0 -8px 26px rgba(9, 22, 45, .1);

  --ds-ease: cubic-bezier(.22, .61, .36, 1);      
  --ds-spring: cubic-bezier(.34, 1.4, .5, 1);     
  --ds-press: scale(.965);
  --ds-t-press: .13s;
  --ds-t-state: .45s;                             
  --ds-t-frame: .62s;                             
  --ds-cycle-shine: 5.4s;                         
  --ds-cycle-dot: 2.4s;                           
  --ds-cycle-ring: 2.6s;                          
  --ds-cycle-breath: 3.4s;                        

  --ds-wrap: 1280px;
  --ds-gutter: 24px;                 
  --ds-sec: 56px;                    
  --ds-sec-tight: 40px;              
  --ds-hdr: 64px;                    
  --ds-bar-h: 68px;                  

  --ds-z-wa: 60;
  --ds-z-pin: 85;                    
  --ds-z-bar: 90;
  --ds-z-prog: 200;                  
}
@media (max-width: 430px) { :root { --ds-gutter: 16px; --ds-fs-eyebrow: 13px; } }
@media (max-width: 900px) { :root { --ds-sec: 40px; --ds-sec-tight: 30px; --ds-fs-lead: 15.5px; } }
@media (min-width: 900px) { :root { --ds-fs-price: 22px; } }
@media (min-width: 1024px) { :root { --ds-fs-stat: 42px; } }
@media (min-width: 720px) { :root { --ds-hdr: 74px; } }
@media (min-width: 1180px) { :root { --ds-hdr: 78px; } }

:root {
  --np-accent: var(--ds-acc);
  --np-accent-hover: var(--ds-acc-hover);
  --np-head: var(--ds-ink);
  --np-body: var(--ds-body);
  --np-bg: var(--ds-bg);
  --np-line: var(--ds-line);
  --np-soft: var(--ds-soft);
  --np-note: var(--ds-note);
  --np-bar-h: var(--ds-bar-h);
}

.ds-most-k {
  --k-ink: var(--ds-ink);
  --k-acc: var(--ds-acc);
  --k-acc2: var(--ds-brand);
  --k-soft: var(--ds-soft);
  --k-line: var(--ds-line);
}