/* BGP Advisory landing — общая основа: шрифты, токены, база. Палитра строго из брендбука. */
@font-face{font-family:"HovesThin";src:url("fonts/TTHovesProTrialExpThin.woff2") format("woff2");font-display:swap}
@font-face{font-family:"HovesLight";src:url("fonts/TTHovesProTrialExpLight.woff2") format("woff2");font-display:swap}
@font-face{font-family:"HovesRegular";src:url("fonts/TTHovesProTrialExpRegular.woff2") format("woff2");font-display:swap}
@font-face{font-family:"HovesMedium";src:url("fonts/TTHovesProTrialExpMedium.woff2") format("woff2");font-display:swap}

:root{
  --dark:#202322; --grey:#767779; --grey-2:#A7A8A9; --grey-3:#D9D8D6; --white:#FFFFFF; --tiff:#2ED9C3;
  --thin:"HovesThin",Arial,sans-serif; --light:"HovesLight",Arial,sans-serif;
  --reg:"HovesRegular",Arial,sans-serif; --med:"HovesMedium",Arial,sans-serif;
  --container:1308px; --gutter:clamp(16px,4vw,40px);
  --sec-y:clamp(72px,9vw,140px);
  --fs-h2:clamp(32px,4.4vw,64px);
  --e-out:cubic-bezier(.16,1,.3,1); --e-io:cubic-bezier(.65,0,.35,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--dark);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--dark);color:var(--grey-3);font-family:var(--light);font-size:18px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
b,strong{font-family:var(--med);font-weight:normal}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.wrap{max-width:calc(var(--container) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.tf{color:var(--tiff)}
.eyebrow{font-family:var(--light);font-size:14px;color:var(--grey-2);display:flex;align-items:center;gap:14px;letter-spacing:.02em}
.eyebrow::after{content:"";width:44px;height:1px;background:var(--tiff)}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 28px;background:var(--tiff);color:var(--dark);
  font-family:var(--med);font-size:16px;transition:transform .32s var(--e-out),background .32s,color .32s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px);background:var(--white)}
.btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn--ghost:hover{background:var(--tiff);color:var(--dark);box-shadow:inset 0 0 0 1px var(--tiff)}
.skip{position:absolute;left:16px;top:-80px;z-index:200;padding:12px 16px;background:var(--tiff);color:var(--dark);font-family:var(--med)}
.skip:focus{top:16px}
:focus-visible{outline:2px solid var(--tiff);outline-offset:3px}

/* фирменный мотив линий (генерируется motif.js) */
.motif{position:absolute;pointer-events:none;overflow:visible}
.motif path{fill:none;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}
.motif path.acc{stroke:var(--tiff)}

/* появление */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--e-out),transform .9s var(--e-out);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}