/* === 02-intro-lines: Figma 41:2205 === */
.fmf2 .intro-lines{padding-block:80px;background:var(--c-bg)}
.fmf2 .intro-lines__text{max-width:1264px;font-size:48px;font-weight:400;line-height:1.4;letter-spacing:-.025em;color:var(--c-ink)}
.fmf2 .intro-lines__mark{position:relative;display:inline-flex;align-items:center;gap:8px;height:53px;padding-inline:8px;background:var(--c-line);vertical-align:baseline;white-space:nowrap;cursor:help;transition:background .2s ease,color .2s ease}
.fmf2 .intro-lines__mark .ic-svg{width:48px;height:48px;flex:none;color:#707070;transition:color .2s ease}
.fmf2 .intro-lines__mark .ic-svg *{stroke:currentColor!important;stroke-opacity:1!important}
.fmf2 .intro-lines__popover{--popover-image:url('../img/popover-seo.png');--popover-image-left:-29.36%;--popover-image-top:23.34%;--popover-image-width:158.58%;--popover-image-height:98.2%;--popover-gradient:linear-gradient(174.6608deg,#140238 36.509%,rgba(0,0,0,0) 91.785%);--popover-base:#000;position:absolute;z-index:20;left:50%;top:calc(100% + 16px);
  display:flex;flex-direction:column;gap:12px;width:336px;height:258px;padding:24px 24px 80px;
  isolation:isolate;overflow:hidden;background:var(--popover-base);color:#fff;
  font-size:16px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:normal;box-shadow:0 16px 40px rgba(39,36,46,.24);
  opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.fmf2 .intro-lines__popover::before{content:"";position:absolute;z-index:0;left:var(--popover-image-left);top:var(--popover-image-top);width:var(--popover-image-width);height:var(--popover-image-height);background:var(--popover-image) center/100% 100% no-repeat;pointer-events:none}
.fmf2 .intro-lines__popover::after{content:"";position:absolute;z-index:1;inset:0;background:var(--popover-gradient);pointer-events:none}
.fmf2 .intro-lines__popover strong{position:relative;z-index:2;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.02em}
.fmf2 .intro-lines__popover span{position:relative;z-index:2}
.fmf2 .intro-lines__popover--ads{--popover-image:url('../img/popover-ads.png');--popover-image-left:-27.93%;--popover-image-width:151.75%;--popover-image-height:93.97%;--popover-base:linear-gradient(230.5348deg,#847CB8 27.863%,#5B5EA5 77.847%)}
.fmf2 .intro-lines__popover--analytics{--popover-image:url('../img/popover-analytics.png');--popover-image-left:-29.18%;--popover-image-top:25.3%;--popover-image-width:176.46%;--popover-image-height:102.42%;--popover-gradient:linear-gradient(168.5866deg,#140238 38.756%,rgba(0,0,0,0) 105.72%)}
.fmf2 .intro-lines__popover--dev{--popover-image:url('../img/popover-dev.png');--popover-image-left:-1.91%;--popover-image-top:40.23%;--popover-image-width:126.77%;--popover-image-height:73.58%;--popover-gradient:linear-gradient(179.2258deg,#140238 50.048%,rgba(0,0,0,0) 105.96%)}
.fmf2 .intro-lines__mark:hover,.fmf2 .intro-lines__mark:focus-visible{background:linear-gradient(180deg,#8C7CE9 0%,#6657C2 100%);color:#fff}
.fmf2 .intro-lines__mark:hover .ic-svg,.fmf2 .intro-lines__mark:focus-visible .ic-svg{color:#fff}
.fmf2 .intro-lines__mark:hover .intro-lines__popover,.fmf2 .intro-lines__mark:focus-visible .intro-lines__popover{opacity:1;visibility:visible;transform:translate(-50%,0)}
.fmf2 .intro-lines__underline{box-shadow:inset 0 -4px var(--c-line)}

@media (max-width:1024px){
  .fmf2 .intro-lines{padding-block:64px}
  .fmf2 .intro-lines__text{font-size:38px}
  .fmf2 .intro-lines__mark{height:44px}
  .fmf2 .intro-lines__mark .ic-svg{width:38px;height:38px}
}
@media (max-width:640px){
  .fmf2 .intro-lines{padding-block:48px}
  .fmf2 .intro-lines__text{font-size:28px;line-height:1.45;letter-spacing:-.02em}
  .fmf2 .intro-lines__mark{gap:4px;height:34px;padding-inline:4px}
  .fmf2 .intro-lines__mark .ic-svg{width:30px;height:30px}
  .fmf2 .intro-lines__popover{position:fixed;left:20px;right:20px;top:50%;width:auto;height:258px;min-height:240px;transform:translateY(calc(-50% - 8px))}
  .fmf2 .intro-lines__mark:hover .intro-lines__popover,.fmf2 .intro-lines__mark:focus-visible .intro-lines__popover{transform:translateY(-50%)}
  .fmf2 .intro-lines__underline{box-shadow:inset 0 -3px var(--c-line)}
}