/* Start:/local/templates/bago.family/template_styles.css?177548589255187*/
:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-muted:#fafafa;
  --text:#111111;
  --text-muted:#6b6b6b;
  --line:#eaeaea;

  --green:#6dbf6b;
  --blue:#6fa8ff;
  --violet:#9c7bff;
  --coral:#ff7a6b;
  --yellow:#ffc94d;
  --teal:#8eb9b6;
  --graphite:#5d6068;

  --shadow-sm:0 10px 24px rgba(17,17,17,.04);
  --shadow-md:0 20px 50px rgba(17,17,17,.08);
  --shadow-lg:0 28px 70px rgba(17,17,17,.10);

  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:28px;
  --radius-pill:999px;

  --container:1240px;
  --header-h:80px;

  --space:clamp(24px, 2.4vw, 34px);
  --section-pad:var(--space);
  --gutter:var(--space);

  --fs-h1:clamp(2.8rem, 4.9vw, 5rem);
  --fs-h2:clamp(2rem, 3.2vw, 2.5rem);
  --fs-h3:clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-body:clamp(1rem, 1.15vw, 1.125rem);

  --focus:0 0 0 3px rgba(111,168,255,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}

body{
  position:relative;
  isolation:isolate;
  margin:0;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 84% 10%, rgba(111,168,255,.06), transparent 18%),
    radial-gradient(circle at 8% 92%, rgba(156,123,255,.05), transparent 16%),
    linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  font-size:var(--fs-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:-10vh -10vw;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 12% 18%, rgba(111,168,255,.11) 0 8px, transparent 9px),
    radial-gradient(circle at 24% 68%, rgba(109,191,107,.10) 0 10px, transparent 11px),
    radial-gradient(circle at 41% 30%, rgba(255,122,107,.10) 0 7px, transparent 8px),
    radial-gradient(circle at 58% 84%, rgba(255,201,77,.12) 0 11px, transparent 12px),
    radial-gradient(circle at 74% 18%, rgba(156,123,255,.10) 0 9px, transparent 10px),
    radial-gradient(circle at 88% 62%, rgba(142,185,182,.11) 0 8px, transparent 9px);
  background-repeat:no-repeat;
  animation:bgFloat 18s ease-in-out infinite alternate;
  opacity:.95;
  filter:blur(.3px);
}

body::after{
  content:"";
  position:fixed;
  inset:-12vh -12vw;
  pointer-events:none;
  z-index:-3;
  background:
    radial-gradient(circle at 18% 86%, rgba(111,168,255,.07) 0 18px, transparent 19px),
    radial-gradient(circle at 34% 12%, rgba(109,191,107,.07) 0 16px, transparent 17px),
    radial-gradient(circle at 64% 36%, rgba(255,122,107,.06) 0 15px, transparent 16px),
    radial-gradient(circle at 82% 82%, rgba(255,201,77,.07) 0 20px, transparent 21px),
    radial-gradient(circle at 90% 22%, rgba(156,123,255,.06) 0 17px, transparent 18px);
  background-repeat:no-repeat;
  animation:bgFloat2 24s ease-in-out infinite alternate;
  opacity:.7;
  filter:blur(1px);
}

.site-ambient{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  overflow:hidden;
}
.site-ambient__spot{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:var(--color);
  opacity:var(--opacity, .22);
  filter:blur(var(--blur, 2px));
  will-change:transform;
}


@keyframes bgFloat{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-2.5vh,0)}
  100%{transform:translate3d(-1.5vw,2vh,0)}
}
@keyframes bgFloat2{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(1.5vw,-2vh,0)}
  100%{transform:translate3d(-1vw,2.5vh,0)}
}

img,svg{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}

:focus-visible{
  outline:none;
  box-shadow:var(--focus);
  border-radius:10px;
}

.skip-link{
  position:absolute;
  left:10px;
  top:-50px;
  z-index:1000;
  background:#111;
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  transition:top .2s ease;
}
.skip-link:focus{top:10px}

.container{
  width:min(calc(100% - 32px), var(--container));
  margin-inline:auto;
}

.section{
  position:relative;
  padding-block:var(--section-pad);
  scroll-margin-top:calc(var(--header-h) + 18px);
}
.section:not(.hero):not(.about){
  padding-block:calc(var(--section-pad) * .5);
}
.about{
  padding-block:var(--section-pad);
}

.section__head{
  display:grid;
  gap:14px;
  margin-bottom:clamp(28px, 4vw, 40px);
  max-width:820px;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  padding:8px 12px;
  border-radius:var(--radius-pill);
  border:1px solid var(--line);
  font-size:.9rem;
  line-height:1;
  color:var(--text-muted);
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(8px);
}

.eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:18px 0 0 var(--green), 36px 0 0 var(--coral);
  margin-right:42px;
  flex:none;
}

h1,h2,h3{
  margin:0;
  line-height:1.08;
  letter-spacing:-.03em;
}
h1{
  font-size:var(--fs-h1);
  max-width:8.2ch;
}
h2{
  font-size:var(--fs-h2);
  max-width:16ch;
}
h3{font-size:var(--fs-h3)}

p{
  margin:0;
  color:var(--text-muted);
  max-width:72ch;
}

.lead{
  font-size:clamp(1.06rem, 1.2vw, 1.2rem);
  line-height:1.7;
}

.grid{display:grid;gap:var(--gutter)}

.card{
  position:relative;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(10px);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:28px;
  box-shadow:var(--shadow-sm);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:#dfdfdf;
}

.btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 22px;
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  font-weight:600;
  line-height:1.1;
  cursor:pointer;
  transition:transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
  white-space:nowrap;
}
.btn[href]::after{
  content:"→";
  font-size:1em;
  line-height:1;
  transition:transform .25s ease;
}
.btn[href]:hover::after{transform:translateX(2px)}
.btn:hover{transform:translateY(-1px)}
.btn--primary{
  background:var(--text);
  color:#fff;
  box-shadow:0 12px 24px rgba(17,17,17,.14);
}
.btn--primary:hover{
  background:#000;
  box-shadow:0 16px 28px rgba(17,17,17,.18);
}
.btn--secondary{
  border-color:var(--text);
  background:transparent;
  color:var(--text);
}
.btn--secondary:hover{background:rgba(17,17,17,.04)}

.tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius-pill);
  font-size:.9rem;
  color:var(--text-muted);
  background:#fff;
}
.tag::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  opacity:.5;
  flex:none;
}

.media-placeholder{
  position:relative;
  min-height:240px;
  border:1px dashed #d7d7d7;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,248,248,.82));
  overflow:hidden;
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px;
  color:var(--text-muted);
}
.media-placeholder::before{
  content:"";
  position:absolute;
  inset:auto -30px -30px auto;
  width:130px;
  height:130px;
  border-radius:50%;
  background:rgba(111,168,255,.08);
  filter:blur(6px);
}
.media-placeholder::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:18px;
  border:1px solid rgba(111,111,111,.08);
  pointer-events:none;
}
.media-placeholder__label{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  max-width:22ch;
}
.media-placeholder__label strong{
  color:var(--text);
  font-size:1rem;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  height:var(--header-h);
  display:flex;
  align-items:center;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(234,234,234,.85);
}
.site-header__inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  width:100%;
}

@media (min-width: 761px){
  .site-header .container{
    width:min(calc(100% - 32px), var(--container));
  }
}

.brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-weight:800;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.brand__logo{
  display:block;
  width:auto;
  height:30px;
  max-width:none;
  flex:none;
}
.brand__mark{
  position:relative;
  width:36px;
  height:36px;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%, var(--blue) 0 16%, transparent 17%),
    radial-gradient(circle at 68% 28%, var(--green) 0 14%, transparent 15%),
    radial-gradient(circle at 72% 72%, var(--coral) 0 15%, transparent 16%),
    radial-gradient(circle at 28% 72%, var(--yellow) 0 14%, transparent 15%),
    radial-gradient(circle at 50% 50%, var(--violet) 0 18%, transparent 19%),
    #fff;
  border:1px solid var(--line);
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.75);
}
.brand__text{
  display:grid;
  gap:2px;
  line-height:1;
  padding-left:4px;
}
.brand__name{font-size:1.05rem}
.brand__sub{
  font-size:.73rem;
  font-weight:500;
  color:var(--text-muted);
}

.nav{
  justify-self:center;
  min-width:0;
}
.nav__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:22px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav__link{
  position:relative;
  color:var(--text-muted);
  font-size:.97rem;
  transition:color .25s ease;
}
.nav__link:hover,
.nav__link[aria-current="true"]{color:var(--text)}
.nav__link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,var(--blue),var(--green));
  transition:transform .25s ease;
}
.nav__link:hover::after,
.nav__link[aria-current="true"]::after{transform:scaleX(1)}

.header-actions{
  display:flex;
  align-items:center;
  justify-self:end;
  margin-left:auto;
  gap:12px;
}

.burger{
  display:none;
  width:48px;
  height:48px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  padding:0;
}
.burger__line,
.burger__line::before,
.burger__line::after{
  width:18px;
  height:2px;
  background:var(--text);
  border-radius:999px;
  display:block;
  position:relative;
  transition:transform .25s ease, opacity .25s ease;
}
.burger__line::before,
.burger__line::after{
  content:"";
  position:absolute;
  left:0;
}
.burger__line::before{top:-6px}
.burger__line::after{top:6px}
.burger[aria-expanded="true"] .burger__line{background:transparent}
.burger[aria-expanded="true"] .burger__line::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__line::after{transform:translateY(-6px) rotate(-45deg)}

.mobile-menu{
  position:fixed;
  inset:var(--header-h) 0 auto 0;
  z-index:45;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--line);
  transform:translateY(-120%);
  transition:transform .3s ease;
  backdrop-filter:blur(12px);
}
.mobile-menu.is-open{transform:translateY(0)}
.mobile-menu__inner{
  padding:18px 16px 22px;
  display:grid;
  gap:10px;
}
.mobile-menu__link{
  padding:14px 12px;
  border-radius:12px;
  color:var(--text);
  background:#fff;
  border:1px solid var(--line);
}
.mobile-menu__actions{
  margin-top:8px;
  display:grid;
  gap:10px;
}

.hero{
  position:relative;
  padding-top:clamp(4px, .8vw, 8px);
  padding-bottom:clamp(28px, 5vw, 48px);
  min-height:auto;
  overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 78% 18%, rgba(111,168,255,.10) 0 66px, transparent 67px),
radial-gradient(circle at 72% 72%, rgba(156,123,255,.08) 0 96px, transparent 97px),
radial-gradient(circle at 24% 74%, rgba(255,201,77,.07) 0 38px, transparent 39px),
radial-gradient(circle at 12% 30%, rgba(109,191,107,.05) 0 86px, transparent 87px),
linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
z-index:0;
filter:blur(10px);
opacity:.92;
animation:heroBlobFloatA 18s ease-in-out infinite alternate;
will-change:transform;
}

.hero::after{
content:"";
position:absolute;
inset:-6% -5%;
pointer-events:none;
z-index:0;
background:
radial-gradient(circle at 14% 22%, rgba(111,168,255,.14) 0 9px, transparent 10px),
radial-gradient(circle at 24% 66%, rgba(255,201,77,.14) 0 11px, transparent 12px),
radial-gradient(circle at 39% 30%, rgba(255,122,107,.12) 0 8px, transparent 9px),
radial-gradient(circle at 56% 82%, rgba(109,191,107,.12) 0 12px, transparent 13px),
radial-gradient(circle at 73% 18%, rgba(156,123,255,.13) 0 10px, transparent 11px),
radial-gradient(circle at 88% 60%, rgba(142,185,182,.14) 0 9px, transparent 10px),
radial-gradient(circle at 82% 12%, rgba(111,168,255,.10) 0 48px, transparent 49px),
radial-gradient(circle at 68% 76%, rgba(156,123,255,.08) 0 72px, transparent 73px),
radial-gradient(circle at 30% 84%, rgba(111,168,255,.07) 0 54px, transparent 55px);
background-repeat:no-repeat;
filter:blur(.4px);
opacity:1;
animation:heroBlobFloatB 23s ease-in-out infinite alternate;
will-change:transform;
}

@keyframes heroBlobFloatA{
0%{transform:translate3d(0,0,0) scale(1)}
50%{transform:translate3d(6px,-5px,0) scale(1.015)}
100%{transform:translate3d(-5px,6px,0) scale(1.02)}
}

@keyframes heroBlobFloatB{
0%{transform:translate3d(0,0,0)}
50%{transform:translate3d(-7px,5px,0)}
100%{transform:translate3d(8px,-6px,0)}
}

@media (prefers-reduced-motion: reduce){
.hero::before,
.hero::after{
animation:none;
}
}

.hero .container{
  position:relative;
  z-index:1;
  width:min(calc(100% - 32px), var(--container));
  margin-inline:auto;
}

.hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 500px) minmax(0, 600px);
  grid-template-areas:
    "intro visual"
    "body visual";
  justify-content:start;
  align-items:start;
  column-gap:clamp(40px, 4.8vw, 88px);
  row-gap:18px;
  width:100%;
}

.hero__intro{
  grid-area:intro;
  display:grid;
  gap:14px;
  align-content:start;
  max-width:560px;
  position:relative;
  z-index:2;
}

.hero h1{
  font-size:clamp(1.92rem, 3.05vw, 3.35rem);
  line-height:.98;
  max-width:none;
}

.hero__title-line{
  display:block;
  white-space:nowrap;
}

.hero__body{
  grid-area:body;
  display:grid;
  gap:18px;
  align-content:start;
  max-width:560px;
  position:relative;
  z-index:2;
}

.hero__body .lead{
  max-width:36ch;
}

.hero__visual{
  grid-area:visual;
  position:relative;
  min-height:0;
  display:grid;
  grid-template-rows:auto;
  justify-items:center;
  align-content:center;
  align-self:center;
  row-gap:0;
  width:100%;
  z-index:2;
  padding-top:clamp(0px, .4vw, 6px);
}

.hero__widget-shell{
  width:min(100%, 760px);
  margin-inline:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  box-shadow:none;
}

.hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:12px;
  width:100%;
  margin-inline:0;
  padding-top:2px;
}

.bago-ecosystem{
  --ecosystem-bg:transparent;
  width:100%;
  height:auto;
  min-height:0;
  max-width:100%;
  overflow:visible;
  position:relative;
  border-radius:0;
  background:none;
  isolation:isolate;
  box-shadow:none;
  border:none;
}

.bago-ecosystem__svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.bago-ecosystem__node{
  cursor:pointer;
  transform-box:fill-box;
  transform-origin:center;
}

.bago-ecosystem__node circle{
  transition:stroke-opacity 180ms ease, filter 180ms ease, transform 180ms ease;
  transform-box:fill-box;
  transform-origin:center;
}

@media (hover:hover) and (pointer:fine){
  .bago-ecosystem__node:hover .bago-ecosystem__outline{
    transform:scale(1.035);
    filter:drop-shadow(0 10px 24px rgba(17,17,17,.08));
  }
}

.bago-ecosystem__line,
.bago-ecosystem__outline,
.bago-ecosystem__dot{
  vector-effect:non-scaling-stroke;
}

.bago-ecosystem__lines,
.bago-ecosystem__dots{
  pointer-events:none;
}

.bago-ecosystem__logo-fo{
  pointer-events:none;
  overflow:visible;
}

.bago-ecosystem__logo-box{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}

.bago-ecosystem__logo-html{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  transition:opacity 220ms ease;
  user-select:none;
  pointer-events:none;
  flex:0 1 auto;
}

.bago-ecosystem__fallback{
  pointer-events:none;
  user-select:none;
}

.bago-ecosystem__fallback text{
  font-family:Inter, system-ui, sans-serif;
  font-weight:500;
  letter-spacing:0.02em;
}

.about{
  background:
    radial-gradient(circle at 10% 20%, rgba(109,191,107,.06), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(111,168,255,.08), transparent 34%),
    linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
}

.about__layout{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:clamp(28px, 5vw, 64px);
  align-items:center;
}
.about__copy{
  display:grid;
  gap:16px;
  max-width:620px;
}
.about__copy{
display:grid;
gap:18px;
align-content:start;
}
.about__copy p{
max-width:58ch;
}

.mission-card{
position:relative;
margin-top:6px;
max-width:520px;
padding:clamp(22px, 2.6vw, 30px);
border-radius:26px;
border:1px solid rgba(17,17,17,.08);
background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,255,.92) 100%);
box-shadow:0 20px 46px rgba(17,17,17,.07);
overflow:hidden;
isolation:isolate;
}
.mission-card::after{
content:"";
position:absolute;
right:-34px;
bottom:-34px;
width:124px;
height:124px;
border-radius:50%;
background:rgba(156,123,255,.18);
filter:blur(2px);
z-index:0;
}
.mission-card__label{
display:inline-block;
position:relative;
z-index:1;
margin-bottom:14px;
color:var(--violet);
font-size:clamp(1rem, 1.4vw, 1.12rem);
font-weight:700;
letter-spacing:-.02em;
}
.mission-card p{
position:relative;
z-index:1;
margin:0;
max-width:26ch;
font-size:clamp(1.18rem, 1.55vw, 1.42rem);
line-height:1.34;
letter-spacing:-.03em;
}

.about-visual{
position:relative;
display:flex;
align-items:flex-start;
justify-content:center;
min-width:0;
}
.about-visual__frame{
position:relative;
width:min(100%, 620px);
padding:0;
border:none;
border-radius:0;
background:none;
box-shadow:none;
overflow:visible;
}
.about-visual__frame::after{
display:none;
}
.about-visual__image{
display:block;
width:100%;
height:auto;
object-fit:contain;
}

.brands-grid{grid-template-columns:repeat(3, minmax(0,1fr))}
.brand-card{
  --brand-accent:var(--blue);
  display:grid;
  gap:18px;
  align-content:start;
  min-height:100%;
  padding:24px;
}
.brand-card__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px 18px;
  align-items:end;
}
.brand-card__identity{
  display:grid;
  gap:10px;
  min-width:0;
}
.brand-card__identity h3{
  margin:0;
  max-width:none;
}
.brand-card__direction{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--brand-accent) 28%, white);
  background:color-mix(in srgb, var(--brand-accent) 10%, white);
  color:var(--brand-accent);
  font-size:.9rem;
  line-height:1.1;
  font-weight:600;
}
.brand-card__direction::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  opacity:.55;
  flex:none;
}
.brand-card__logo{
  width:80px;
  height:80px;
  border-radius:50%;
  border:1.5px solid color-mix(in srgb, var(--brand-accent) 68%, white);
  background:#fff;
  display:grid;
  place-items:center;
  padding:12px;
  box-shadow:0 12px 24px color-mix(in srgb, var(--brand-accent) 10%, transparent);
  align-self:end;
}
.brand-card__logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-card__media{
  position:relative;
  min-height:200px;
  margin-top:2px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(17,18,22,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,244,246,.92));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
  isolation:isolate;
}
.brand-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0) 58%, rgba(255,255,255,.06) 100%);
  pointer-events:none;
  z-index:1;
}
.brand-card__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:200px;
  object-fit:cover;
  aspect-ratio:4 / 3;
}
.brand-card__copy{
  display:grid;
  gap:10px;
}
.brand-card__desc{
  min-height:0;
  max-width:34ch;
}
.brand-card__actions{
  margin-top:auto;
  padding-top:4px;
}
.brand-card__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 24px;
  border-radius:999px;
  border:1.5px solid var(--brand-accent);
  color:var(--brand-accent);
  background:transparent;
  font-weight:600;
  line-height:1.1;
  transition:transform .25s ease, background-color .25s ease, box-shadow .25s ease, color .25s ease;
}
.brand-card__button::after{
  content:"↗";
  font-size:1em;
  line-height:1;
  transition:transform .25s ease;
}
.brand-card__button:hover{
  transform:translateY(-1px);
  background:color-mix(in srgb, var(--brand-accent) 8%, white);
  box-shadow:0 12px 22px color-mix(in srgb, var(--brand-accent) 12%, transparent);
}
.brand-card__button:hover::after{transform:translate(2px,-1px)}

.today-layout{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:clamp(28px, 4vw, 56px);
  align-items:start;
  padding-top:12px;
}
.today-metrics{
  display:grid;
  gap:22px;
  align-content:start;
  max-width:640px;
}
.today-metric{
  --bubble-size:140px;
  display:grid;
  grid-template-columns:var(--bubble-size) minmax(0,1fr);
  align-items:center;
  gap:22px;
  max-width:100%;
}
.today-metric:nth-child(2){margin-left:92px}
.today-metric:nth-child(3){margin-left:18px}
.today-metric:nth-child(4){margin-left:116px}
.today-metric__bubble{
  width:var(--bubble-size);
  aspect-ratio:1;
  border-radius:50%;
  border:1.5px solid color-mix(in srgb, var(--metric) 62%, #cfcfcf);
  background:linear-gradient(180deg, color-mix(in srgb, var(--metric) 10%, white), rgba(255,255,255,.88));
  box-shadow:0 14px 34px color-mix(in srgb, var(--metric) 12%, transparent);
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
}
.today-metric__value{
  display:block;
  font-size:clamp(1.8rem, 2.5vw, 2.75rem);
  line-height:.95;
  letter-spacing:-.04em;
  font-weight:800;
  color:var(--metric);
}
.today-metric__label{
  display:block;
  margin-top:6px;
  font-size:.84rem;
  line-height:1.12;
  color:var(--metric);
  font-weight:700;
}
.today-metric__copy{
  max-width:300px;
  font-size:1.02rem;
  line-height:1.45;
  color:var(--text-muted);
}
.today-metric__copy p{margin:0}
.today-map{
  align-self:stretch;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.today-map img{
  display:block;
  width:min(100%, 860px);
  height:auto;
  object-fit:contain;
  filter:none;
}


.philosophy-layout{
  display:grid;
  grid-template-columns:minmax(300px, .94fr) minmax(0, 1.06fr);
  grid-template-areas:
    "art head"
    "art grid";
  gap:clamp(22px, 4vw, 40px) clamp(24px, 4vw, 42px);
  align-items:center;
}
.philosophy__head{
  grid-area:head;
  margin-bottom:0;
  max-width:720px;
  align-self:end;
}
.philosophy__art{
  grid-area:art;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.philosophy__art img{
  display:block;
  width:min(100%, 520px);
  height:auto;
  object-fit:contain;
}
.philosophy-grid{
  grid-area:grid;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-self:start;
}
.philo-card{
  --accent:#8D78FF;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:grid;
  gap:12px;
  align-content:start;
  min-height:230px;
  padding:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(251,251,251,.9));
}
.philo-card::before,
.philo-card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  z-index:0;
  pointer-events:none;
}
.philo-card::before{
  width:132px;
  height:132px;
  right:-42px;
  bottom:-48px;
  background:radial-gradient(circle at center, var(--accent-soft), rgba(255,255,255,0) 58%);
  opacity:.95;
}
.philo-card::after{
  width:52px;
  height:52px;
  top:18px;
  right:18px;
  background:radial-gradient(circle at center, var(--accent-dot), rgba(255,255,255,0) 65%);
  opacity:.8;
}
.philo-card > *{position:relative; z-index:1;}
.philo-card__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.98rem;
  line-height:1.1;
  font-weight:700;
  color:var(--accent);
}
.philo-card__kicker::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:16px 0 0 var(--accent-dot);
  margin-right:14px;
  flex:none;
}
.philo-card h3{
  font-size:1.32rem;
  line-height:1.08;
  max-width:12ch;
}
.philo-card p{
  font-size:1rem;
  line-height:1.58;
  max-width:30ch;
}
.philo-card--blue{--accent:#6FA8FF; --accent-soft:rgba(111,168,255,.20); --accent-dot:rgba(111,168,255,.34);}
.philo-card--green{--accent:#79BF63; --accent-soft:rgba(121,191,99,.20); --accent-dot:rgba(121,191,99,.34);}
.philo-card--violet{--accent:#9C7BFF; --accent-soft:rgba(156,123,255,.20); --accent-dot:rgba(156,123,255,.34);}
.philo-card--coral{--accent:#FF8A76; --accent-soft:rgba(255,138,118,.20); --accent-dot:rgba(255,138,118,.34);}


.history__layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px, 5vw, 44px);
  align-items:start;
}
.timeline{
  position:relative;
  display:grid;
  gap:18px;
}
.timeline::before{
  content:"";
  position:absolute;
  left:14px;
  top:10px;
  bottom:10px;
  width:2px;
  background:linear-gradient(180deg, rgba(111,168,255,.4), rgba(109,191,107,.4));
}
.timeline__item{
  position:relative;
  padding-left:44px;
}
.timeline__item::before{
  content:"";
  position:absolute;
  left:7px;
  top:7px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  border:4px solid var(--blue);
  box-shadow:0 0 0 4px rgba(111,168,255,.12);
}
.timeline__year{
  display:block;
  font-size:.96rem;
  color:var(--text-muted);
  margin-bottom:2px;
}
.history-panel{
  min-height:100%;
  padding:clamp(28px, 4vw, 36px);
  border-radius:24px;
  background:linear-gradient(140deg, rgba(255,255,255,.95), rgba(248,251,255,.9));
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
  display:grid;
  gap:18px;
}

.founder{
  background:
    radial-gradient(circle at 85% 12%, rgba(255,122,107,.07), transparent 26%),
    radial-gradient(circle at 15% 85%, rgba(111,168,255,.08), transparent 28%),
    linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
}
.founder__layout{
  display:block;
  max-width:860px;
}
.founder__copy{
  display:grid;
  gap:18px;
  max-width:860px;
}
.founder__identity{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:4px;
}
.founder__avatar{
  position:relative;
  width:92px;
  height:92px;
  flex:0 0 92px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 74% 26%, rgba(156,123,255,.20), transparent 28%),
    radial-gradient(circle at 28% 72%, rgba(111,168,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,249,255,.96));
  box-shadow:var(--shadow-sm);
  display:grid;
  place-items:center;
}
.founder__meta{
  display:grid;
  gap:6px;
  min-width:0;
}
.founder__meta .eyebrow{
  margin-bottom:0;
}
.founder__name{
  margin:0;
  font-size:clamp(1.72rem, 3.3vw, 2.34rem);
  line-height:1.04;
}
.founder__role{
  margin:0;
  font-weight:600;
  color:var(--text-muted);
  font-size:1rem;
}
.founder__sign{
  font-weight:700;
  font-size:1rem;
  color:var(--text);
}
.founder__copy .lead{
  font-size:1rem;
  line-height:1.68;
  font-weight:400;
  color:var(--text-muted);
}

.partners-highlight{
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
  background:
    linear-gradient(135deg, rgba(248,251,255,.96), rgba(255,255,255,.96)),
    linear-gradient(135deg, rgba(111,168,255,.08), rgba(109,191,107,.08));
}
.partners-highlight__inner{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:clamp(24px, 5vw, 52px);
  padding:clamp(28px, 4vw, 42px);
  align-items:center;
}
.partners-copy{
  display:grid;
  gap:24px;
  align-content:start;
  min-width:0;
}
.partners-visual{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
  margin-top:4px;
}
.partners-visual img{
  display:block;
  width:min(100%, 520px);
  height:auto;
  object-fit:contain;
}
.partners-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  align-self:stretch;
}
.partner-card{
  --accent:#8D78FF;
  --accent-soft:rgba(141,120,255,.18);
  --accent-dot:rgba(141,120,255,.34);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  display:grid;
  gap:12px;
  align-content:start;
  min-height:188px;
  padding:22px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(251,251,251,.92));
}
.partner-card::before,
.partner-card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.partner-card::before{
  width:132px;
  height:132px;
  right:-42px;
  bottom:-48px;
  background:radial-gradient(circle at center, var(--accent-soft), rgba(255,255,255,0) 58%);
  opacity:.95;
}
.partner-card::after{
  width:56px;
  height:56px;
  top:16px;
  right:16px;
  background:radial-gradient(circle at center, var(--accent-dot), rgba(255,255,255,0) 65%);
  opacity:.82;
}
.partner-card > *{position:relative; z-index:1;}
.partner-card__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.96rem;
  line-height:1.1;
  font-weight:700;
  color:var(--accent);
}
.partner-card__kicker::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:16px 0 0 var(--accent-dot);
  margin-right:14px;
  flex:none;
}
.partner-card h3{
  font-size:1.2rem;
  line-height:1.1;
  max-width:15ch;
  margin:0;
}
.partner-card p{
  margin:0;
  color:var(--text-muted);
  font-size:1rem;
  line-height:1.56;
  max-width:30ch;
}
.partner-card ul{
  margin:2px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
  max-width:31ch;
}
.partner-card li{
  position:relative;
  padding-left:16px;
  color:var(--text-muted);
  font-size:.98rem;
  line-height:1.5;
}
.partner-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  transform:translateY(-50%);
}
.partner-card--blue{--accent:#6FA8FF; --accent-soft:rgba(111,168,255,.20); --accent-dot:rgba(111,168,255,.34);}
.partner-card--green{--accent:#79BF63; --accent-soft:rgba(121,191,99,.20); --accent-dot:rgba(121,191,99,.34);}
.partner-card--violet{--accent:#9C7BFF; --accent-soft:rgba(156,123,255,.20); --accent-dot:rgba(156,123,255,.34);}
.partner-card--coral{--accent:#FF8A76; --accent-soft:rgba(255,138,118,.20); --accent-dot:rgba(255,138,118,.34);}

.press-grid{grid-template-columns:repeat(3, minmax(0,1fr))}
.press-card{
  display:grid;
  gap:16px;
  min-height:100%;
}
.press-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--text-muted);
  font-size:.92rem;
}
.press-card__excerpt{min-height:6em}

.contacts__layout{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(24px, 5vw, 44px);
  align-items:start;
}
.contacts-panel{
  display:grid;
  gap:20px;
  align-content:start;
  max-width:540px;
}
.contacts-panel .section__head p{
  max-width:18ch;
}
.contact-list{
  display:grid;
  gap:14px;
}
.contact-item{
  --item-accent: var(--violet);
  --item-soft: rgba(156,123,255,.12);
  position:relative;
  display:grid;
  gap:8px;
  padding:20px 22px;
  border-radius:22px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,252,252,.92));
  box-shadow:var(--shadow-sm);
  overflow:hidden;
  isolation:isolate;
}
.contact-item::before{
  content:"";
  position:absolute;
  inset:auto -24px -28px auto;
  width:96px;
  height:96px;
  border-radius:50%;
  background:var(--item-soft);
  filter:blur(1px);
  z-index:-1;
}
.contact-item::after{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--item-accent);
  opacity:.7;
}
.contact-item--blue{--item-accent:#7EA7FF; --item-soft:rgba(126,167,255,.18);}
.contact-item--green{--item-accent:#79BF63; --item-soft:rgba(121,191,99,.18);}
.contact-item--coral{--item-accent:#FF8A76; --item-soft:rgba(255,138,118,.18);}
.contact-item__label{
  color:var(--text-muted);
  font-size:.9rem;
}
.contact-item__value{
  font-size:1.1rem;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--text);
}
.contact-item--bundle{
  gap:16px;
  padding:22px 24px;
}
.contact-item--bundle .contact-item__title{
  font-size:1.02rem;
  font-weight:700;
  color:var(--text);
  text-transform:none;
}
.contact-item__rows{
  display:grid;
  gap:14px;
}
.contact-item__row{
  display:grid;
  gap:4px;
  padding-top:2px;
}
.contact-item__row + .contact-item__row{
  border-top:1px solid rgba(17,17,17,.08);
  padding-top:14px;
}

.form-card{
  position:relative;
  padding:clamp(22px, 4vw, 32px);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.95));
  border:1px solid rgba(17,17,17,.08);
  box-shadow:var(--shadow-md);
  overflow:hidden;
  isolation:isolate;
}
.form-card::before,
.form-card::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  z-index:-1;
  opacity:.9;
}
.form-card::before{
  width:168px;
  height:168px;
  top:-48px;
  right:-34px;
  background:rgba(156,123,255,.14);
}
.form-card::after{
  width:138px;
  height:138px;
  bottom:-42px;
  left:-28px;
  background:rgba(121,191,99,.14);
}
.form-grid{
  display:grid;
  gap:16px;
}
.field{
  display:grid;
  gap:8px;
}
.field label{
  font-weight:600;
  font-size:.96rem;
  text-transform:none;
}
.field input,
.field textarea{
  width:100%;
  border:1px solid rgba(17,17,17,.12);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:var(--text);
  padding:15px 18px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.field textarea{
  resize:vertical;
  min-height:156px;
}
.field input::placeholder,
.field textarea::placeholder{color:#9b9b9b}
.field input:focus,
.field textarea:focus{
  border-color:var(--blue);
  box-shadow:var(--focus);
  background:#fff;
  outline:none;
}
.field-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  align-items:end;
}
.code-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}
.code-row .btn{
  min-height:54px;
  white-space:nowrap;
}
.checkbox-field{
  gap:10px;
  margin-top:2px;
}
.checkbox{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:12px;
  align-items:start;
  color:var(--text-muted);
  font-size:.94rem;
  line-height:1.45;
  cursor:pointer;
}
.checkbox input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.checkbox__box{
  width:20px;
  height:20px;
  border-radius:6px;
  border:1.5px solid rgba(17,17,17,.18);
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  position:relative;
  margin-top:2px;
}
.checkbox input:checked + .checkbox__box{
  background:var(--violet);
  border-color:var(--violet);
  box-shadow:0 10px 20px rgba(156,123,255,.18);
}
.checkbox input:checked + .checkbox__box::after{
  content:"";
  position:absolute;
  inset:4px 6px 5px 6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(40deg);
}
.checkbox input:focus-visible + .checkbox__box{
  box-shadow:var(--focus);
  border-color:var(--blue);
}
.field--error input,
.field--error textarea,
.field--error .checkbox__box{
  border-color:#d33b2f;
  box-shadow:0 0 0 3px rgba(211,59,47,.12);
}
.field__error{
  display:none;
  color:#b43228;
  font-size:.88rem;
}
.field--error .field__error{display:block}

.form-status{
  display:none;
  padding:14px 16px;
  border-radius:14px;
  font-size:.95rem;
}
.form-status.is-visible{display:block}
.form-status--success{
  color:#1b5e20;
  background:rgba(109,191,107,.14);
  border:1px solid rgba(109,191,107,.3);
}
.form-status--error{
  color:#8b2e26;
  background:rgba(255,122,107,.12);
  border:1px solid rgba(255,122,107,.28);
}

.faq-list{
  display:grid;
  gap:14px;
}
.faq-item{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 20px;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";
  font-size:1.2rem;
  color:var(--text-muted);
  flex:none;
}
.faq-item[open] summary::after{content:"−"}
.faq-item__content{
  padding:0 20px 18px;
  color:var(--text-muted);
}

.site-footer{
  padding-block:34px 22px;
  background:linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  border-top:1px solid var(--line);
  font-size:.88rem;
}
.site-footer__top{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr) minmax(0,.98fr) minmax(0,.72fr);
  gap:24px 28px;
  align-items:start;
}
.site-footer__brand,
.site-footer__col,
.site-footer__lang{
  display:grid;
  align-content:start;
  gap:12px;
}
.site-footer__brand-note{
  max-width:28ch;
  color:var(--text-muted);
  line-height:1.55;
  font-size:.86rem;
}
.site-footer .brand__logo{height:26px;}
.site-footer .brand__name{font-size:.96rem;}
.site-footer .brand__sub{font-size:.67rem;}
.footer-title{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:2px;
}
.footer-list{
  display:grid;
  gap:8px;
  padding:0;
  margin:0;
  list-style:none;
  font-size:.86rem;
  line-height:1.45;
}
.footer-list a,
.footer-bottom a{
  color:inherit;
}
.footer-list a:hover,
.footer-bottom a:hover{
  color:var(--text);
}
.site-footer__lang{
  justify-items:start;
}
.footer-bottom{
  margin-top:22px;
  padding-top:15px;
  border-top:1px solid #e3e3e3;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:var(--text-muted);
  font-size:.8rem;
}
.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border:1px solid #dddddd;
  border-radius:999px;
  background:#fff;
  box-shadow:0 10px 22px rgba(17,18,22,.05);
}
.lang-switch__item{
  padding:7px 12px;
  border-radius:999px;
  font-size:.86rem;
  line-height:1;
}
.lang-switch__item.is-active{
  background:var(--text);
  color:#fff;
}

.section,
.about,
.section:not(.hero):not(.about){padding-block:var(--space);}

.section__head{
  gap:var(--space);
  margin-bottom:var(--space);
}

.card,
.mission-card,
.philo-card,
.partner-card,
.brand-card,
.history-panel,
.form-card{padding:var(--space);}

.hero__grid{
  column-gap:calc(var(--space) * 1.55);
  row-gap:var(--space);
}

.hero__intro,
.hero__body,
.about__copy,
.today-metrics,
.founder__copy,
.partners-copy,
.form-grid,
.contact-list,
.timeline{gap:var(--space);}

.hero__actions,
.btn-row{gap:calc(var(--space) * .5);}

.about__layout,
.today-layout,
.philosophy-layout,
.history__layout,
.partners-highlight__inner,
.contacts__layout,
.site-footer__top{gap:var(--space);}

/* gap для слайдеров задаётся внутри .x-slider-track */
.philosophy-grid,
.partners-list{ gap:var(--space); }

.btn--hero-brand{
  background:#8e74ff;
  color:#fff;
  border-color:#8e74ff;
  box-shadow:0 14px 28px rgba(156,123,255,.22);
}
.btn--hero-brand:hover{
  background:#8167f6;
  border-color:#8167f6;
  box-shadow:0 18px 30px rgba(156,123,255,.26);
}
.btn--hero-partner{
  border-color:#79bf63;
  background:transparent;
  color:#4f9b48;
  box-shadow:none;
}
.btn--hero-partner:hover{
  background:rgba(121,191,99,.07);
  border-color:#69b053;
  color:#43873d;
  box-shadow:none;
}

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}

@keyframes floatNode{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}


@media (max-width: 960px){
  .field-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .code-row{
    grid-template-columns:1fr;
  }
  .code-row .btn,
  .btn-row .btn{
    width:100%;
    justify-content:center;
  }
  .contacts-panel .section__head p{
    max-width:none;
  }
}

@media (max-width: 1180px){
  .nav{display:none}
  .burger{display:inline-flex}
  .header-actions .btn{display:none}

  .hero__grid,
  .about__layout,
  .history__layout,
  .founder__layout,
  .partners-highlight__inner,
  .contacts__layout{
    grid-template-columns:1fr;
  }

  .hero__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "visual"
      "body";
    justify-content:initial;
    column-gap:0;
    row-gap:22px;
  }

  .hero__intro,
  .hero__body{
    max-width:640px;
  }

  .hero__visual{
    min-height:0;
    justify-items:center;
    align-content:start;
    padding-top:0;
  }

  .hero__widget-shell{
    width:min(100%, 760px);
    margin-inline:auto;
  }

  .philosophy-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .philosophy-layout{grid-template-columns:1fr; grid-template-areas:"head" "art" "grid"; gap:24px}
  .today-layout{grid-template-columns:minmax(0,1fr); gap:26px}
  .today-metrics{max-width:none}
  .today-metric,
  .today-metric:nth-child(2),
  .today-metric:nth-child(3),
  .today-metric:nth-child(4){
    margin-left:0;
  }
  .today-metric{max-width:100%}
  .today-metric__copy{max-width:280px}
  .today-map{justify-content:center}
  .today-map img{width:min(100%, 760px)}
  .site-footer__top{grid-template-columns:minmax(0,1.15fr) repeat(3, minmax(0,.9fr))}
}


@media (min-width: 901px) and (max-width: 1180px){
  .hero .container{
    width:min(calc(100% - 40px), var(--container));
  }
  .hero__grid{
    grid-template-columns:minmax(300px, .76fr) minmax(0, 1.24fr);
    grid-template-areas:
      "intro visual"
      "body visual";
    align-items:center;
    column-gap:clamp(28px, 4vw, 56px);
    row-gap:18px;
  }
  .hero__intro,
  .hero__body{
    max-width:none;
  }
  .hero h1{
    font-size:clamp(3rem, 5.1vw, 4.45rem);
    line-height:.94;
    max-width:7.5ch;
  }
  .hero__body .lead{
    max-width:34ch;
  }
  .hero__visual{
    justify-items:end;
    align-content:center;
  }
  .hero__widget-shell{
    width:min(100%, 620px);
  }
  .brands-grid,
  .press-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .about__layout{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    align-items:center;
  }
  .today-layout{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:32px;
  }
  .today-metric{
    --bubble-size:118px;
    gap:18px;
  }
  .today-metric:nth-child(2){margin-left:52px}
  .today-metric:nth-child(3){margin-left:12px}
  .today-metric:nth-child(4){margin-left:72px}
  .today-metric__copy{
    max-width:260px;
  }
  .today-map img{
    width:min(100%, 620px);
  }
  .about-visual__frame{
    width:min(100%, 520px);
  }
  .philosophy-layout{
    grid-template-columns:minmax(280px, .86fr) minmax(0,1.14fr);
    grid-template-areas:
      "head head"
      "art grid";
    align-items:start;
  }
  .philosophy__head{
    max-width:none;
  }
  .philosophy__art{
    align-self:stretch;
  }
  .philosophy__art img{
    width:min(100%, 380px);
  }
  .history__layout{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  }
  .partners-highlight__inner{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    align-items:start;
  }
  .contacts__layout{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  }
  .contacts-panel{
    max-width:none;
  }
  .contacts-panel .section__head p{
    max-width:24ch;
  }
  .partners-visual img{
    width:min(100%, 420px);
  }
}

@media (min-width: 761px) and (max-width: 900px){
  .container,
  .hero .container,
  .site-header .container{
    width:min(calc(100% - 36px), var(--container));
  }
  .hero{
    padding-top:6px;
  }
  .hero__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "visual"
      "body";
    gap:22px;
  }
  .hero__intro,
  .hero__body{
    max-width:680px;
  }
  .hero h1{
    font-size:clamp(3rem, 7vw, 4.1rem);
    line-height:.95;
    max-width:8ch;
  }
  .hero__visual{
    justify-items:center;
  }
  .hero__widget-shell{
    width:min(100%, 580px);
  }
  .brands-grid,
  .press-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .today-layout,
  .philosophy-layout,
  .history__layout,
  .partners-highlight__inner,
  .contacts__layout,
  .about__layout{
    grid-template-columns:1fr;
  }
  .philosophy-layout{
    grid-template-areas:
      "head"
      "art"
      "grid";
  }
  .today-map,
  .philosophy__art,
  .partners-visual{
    justify-content:center;
  }
  .about-visual__frame{
    width:min(100%, 520px);
    margin-inline:auto;
  }
  .today-map img{
    width:min(100%, 520px);
  }
  .philosophy__art img{
    width:min(100%, 420px);
  }
  .partners-visual img{
    width:min(100%, 500px);
  }
  .today-metrics{
    max-width:none;
  }
  .today-metric:nth-child(2),
  .today-metric:nth-child(3),
  .today-metric:nth-child(4){
    margin-left:0;
  }
  .contacts-panel{
    max-width:none;
  }
  .contacts-panel .section__head p{
    max-width:30ch;
  }
}

@media (max-width: 980px){
  .site-footer__top{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .site-footer__brand{
    grid-column:1 / -1;
  }
}

@media (max-width: 760px){
  :root{--header-h:74px}
  .container{width:min(calc(100% - 24px), var(--container))}
  .site-header .container{width:min(calc(100% - 24px), var(--container))}
  .site-header__inner{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:12px;
  }
  .brand{
    min-width:0;
    max-width:100%;
  }
  .brand__logo{height:26px}
  .brand__text{
    padding-left:0;
  }
  .header-actions{
    justify-self:end;
    width:auto;
    margin-left:auto;
  }
  .burger{
    margin-left:0;
    justify-self:end;
  }
  .hero{padding-top:4px}
  .hero h1{
    font-size:clamp(2.65rem, 11vw, 3.34rem);
    line-height:.96;
    width:100%;
  }
  .hero__grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "intro"
      "visual"
      "body";
    gap:18px;
  }
  .hero__visual{
    min-height:auto;
    justify-items:center;
    align-content:start;
    align-self:start;
    gap:16px;
    padding-top:0;
  }

  .hero__widget-shell{
    width:min(100%, 430px);
    padding:0;
    border-radius:0;
    background:none;
    backdrop-filter:none;
    box-shadow:none;
  }

  .hero__actions{
    width:100%;
    justify-content:flex-start;
    margin-inline:0;
  }
  .hero__actions .btn{
    min-width:0;
  }
  .hero__actions{
    gap:12px;
  }

  .bago-ecosystem{
    border-radius:0;
    height:auto;
    min-height:0;
  }

  .philosophy-grid,
  .partners-list,
  .site-footer__top{
    grid-template-columns:1fr;
  }
  .site-footer__brand-note{max-width:none}

  .philosophy__art img{width:min(100%, 460px)}
  .philo-card{min-height:0; padding:22px}
  .philo-card h3{font-size:1.2rem; max-width:none}
  .philo-card p{max-width:none}
  .partners-visual img{width:min(100%, 420px)}
  .partner-card{min-height:0; padding:22px}
  .partner-card h3,
  .partner-card p{max-width:none}

  .today-layout{
    grid-template-columns:1fr;
    gap:24px;
  }
  .today-metrics{
    gap:18px;
  }
  .today-metric,
  .today-metric:nth-child(2),
  .today-metric:nth-child(3),
  .today-metric:nth-child(4){
    margin-left:0;
  }
  .today-metric{
    --bubble-size:104px;
    grid-template-columns:minmax(0,1fr) var(--bubble-size);
    gap:14px;
    align-items:center;
  }
  .today-metric:nth-child(odd){
    grid-template-columns:var(--bubble-size) minmax(0,1fr);
  }
  .today-metric:nth-child(odd) .today-metric__bubble{order:1}
  .today-metric:nth-child(odd) .today-metric__copy{order:2; text-align:left}
  .today-metric:nth-child(even) .today-metric__copy{order:1; text-align:left}
  .today-metric:nth-child(even) .today-metric__bubble{order:2}
  .today-metric__bubble{
    width:var(--bubble-size);
    padding:14px;
  }
  .today-metric__value{font-size:1.45rem}
  .today-metric__label{font-size:.76rem}
  .today-metric__copy{font-size:.98rem; max-width:none; padding-top:0}
  .today-map img{width:100%}

  .card{padding:22px}
  .mission-card{
    max-width:none;
  }
  .mission-card p{
    max-width:none;
  }
  .about-visual{
    justify-content:flex-start;
  }
  .about-visual__frame{
    width:100%;
  }
  .founder__identity{align-items:flex-start}
  .founder__avatar{width:76px; height:76px; flex-basis:76px}
  .founder__avatar::before{font-size:1.28rem}
  .founder__name{font-size:clamp(1.44rem, 8vw, 1.92rem)}
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ═══════════════════════════════════════
   Универсальный горизонтальный слайдер
   Используется: бренды, пресса, философия, партнёры
═══════════════════════════════════════ */
.x-slider-wrap{
  position:relative;
  margin:0 -16px;
  overflow-x:hidden;
  overflow-y:visible;
}
.x-slider-track{
  display:flex !important;
  flex-direction:row;
  flex-wrap:nowrap;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  gap:20px;
  padding:4px 16px 20px;
  grid-template-columns:none !important;
  cursor:grab;
  user-select:none;
}
.x-slider-track.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
  scroll-behavior:auto;
}
.x-slider-track::-webkit-scrollbar{display:none}
.x-slider-track > .card{
  flex:0 0 clamp(260px, 36vw, 420px);
  min-height:0;
  scroll-snap-align:start;
  pointer-events:auto;
}
.x-slider-track.is-dragging > .card{
  pointer-events:none;
}
.x-slider-track > .card.reveal{
  opacity:1;
  transform:none;
  transition:none;
}

/* Стрелки */
.x-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(17,17,17,.10);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
  box-shadow:0 4px 16px rgba(17,17,17,.10);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  padding:0;
  color:var(--text);
}
.x-slider-arrow:hover{
  box-shadow:0 6px 20px rgba(17,17,17,.16);
  transform:translateY(-50%) scale(1.06);
}
.x-slider-arrow--prev{ left:4px; }
.x-slider-arrow--next{ right:4px; }
.x-slider-arrow.is-hidden{
  opacity:0;
  pointer-events:none;
}
.x-slider-arrow svg{
  width:16px;
  height:16px;
  flex:none;
}

/* Прогресс-бар */
.x-slider-progress{
  height:2px;
  background:#eaeaea;
  border-radius:999px;
  margin-top:16px;
  overflow:hidden;
}
.x-slider-progress__bar{
  height:100%;
  background:linear-gradient(90deg, var(--blue), var(--green));
  border-radius:999px;
  transform-origin:left;
  transform:scaleX(0.2);
  transition:transform .15s ease;
}

/* Специфика брендов */
#brands .x-slider-track > .card{
  flex:0 0 clamp(300px, 38vw, 420px);
  border-radius:24px;
  padding:24px;
}
#brands .x-slider-track .brand-card__media{min-height:200px;}

/* Совместимость */
.brands-slider-progress{ display:none; }
.brands-slider-dots{     display:none; }
.brands-slider-ui{       display:block; }

.u-nowrap{white-space:nowrap}

.brand-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.brand-card__copy{
  flex:1 1 auto;
  display:block;
}
.brand-card__actions{
  margin-top:auto;
}
.brand-card__logo--abel img{
  width:82%;
  height:82%;
}

.history-panel{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  gap:20px;
}
.history-panel::before,
.history-panel::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.history-panel::before{
  width:150px;
  height:150px;
  right:-38px;
  bottom:-48px;
  background:radial-gradient(circle at center, rgba(109,191,107,.18), rgba(255,255,255,0) 62%);
  opacity:.95;
}
.history-panel::after{
  width:54px;
  height:54px;
  top:18px;
  right:18px;
  background:radial-gradient(circle at center, rgba(111,168,255,.40), rgba(255,255,255,0) 68%);
  opacity:.9;
}
.history-panel > *{
  position:relative;
  z-index:1;
}
.history-panel__lead{
  max-width:30ch;
}
.history-panel__actions .btn--history{
  background:var(--green);
  color:#fff;
  box-shadow:0 14px 28px rgba(109,191,107,.22);
}
.history-panel__actions .btn--history:hover{
  background:#59ad58;
  box-shadow:0 18px 32px rgba(109,191,107,.28);
}

.timeline__item{--timeline-accent:var(--blue)}
.timeline__item:nth-child(1){--timeline-accent:var(--blue)}
.timeline__item:nth-child(2){--timeline-accent:var(--green)}
.timeline__item:nth-child(3){--timeline-accent:var(--violet)}
.timeline__item:nth-child(4){--timeline-accent:var(--coral)}
.timeline__item::before{
  border-color:var(--timeline-accent);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--timeline-accent) 14%, white);
}
.timeline__item .timeline__year{
  color:var(--timeline-accent);
  font-weight:700;
}
.timeline__item h3{
  color:color-mix(in srgb, var(--timeline-accent) 70%, var(--text));
}

.founder__copy > p{
  font-size:1rem;
  line-height:1.68;
}
.founder__copy .lead{
  color:var(--green);
  font-weight:500;
}

.contacts__layout{
  grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  align-items:start;
}
.contacts-panel{
  display:grid;
  gap:24px;
  max-width:560px;
  align-content:start;
}
.contacts-panel .section__head{
  margin-bottom:0;
}
.contacts-panel .section__head p{
  max-width:31ch;
}
.contact-list{
  align-self:stretch;
}

@media (max-width: 1023px){
  .contacts__layout{
    grid-template-columns:1fr;
  }
  .contacts-panel .section__head p,
  .history-panel__lead{
    max-width:none;
  }
}

.x-slider-track.is-dragging {
	cursor: grabbing;
	user-select: none;
}


/* End */
/* /local/templates/bago.family/template_styles.css?177548589255187 */