/* MPDIRECTOR public landing: full-width Ozon FBO feature presentation. */
#auth .mp-fbo-showcase,
#auth .mp-fbo-showcase *,
#auth .mp-fbo-showcase *::before,
#auth .mp-fbo-showcase *::after{box-sizing:border-box}

#auth .mp-fbo-showcase{
  position:relative;
  z-index:2;
  isolation:isolate;
  width:100%;
  margin:66px auto 56px;
  overflow:hidden;
  border:1px solid rgba(170,196,228,.45);
  border-radius:30px;
  background:#fff;
  box-shadow:0 26px 70px rgba(27,50,99,.1),0 6px 20px rgba(27,50,99,.045);
  scroll-margin-top:28px;
  color:#162947;
}
#auth .mp-fbo-hero{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:center;
  gap:56px;
  padding:69px clamp(28px,5vw,76px) 72px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 14%,rgba(100,180,255,.24),transparent 34%),
    radial-gradient(circle at 26% 118%,rgba(54,113,248,.27),transparent 44%),
    linear-gradient(116deg,#0a1f44 0%,#103977 53%,#1459bb 100%);
}
#auth .mp-fbo-hero::after{
  content:"";position:absolute;right:-180px;top:-230px;
  width:680px;height:680px;border:1px solid rgba(255,255,255,.09);
  border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.027),0 0 0 112px rgba(255,255,255,.025);
  pointer-events:none;
}
#auth .mp-fbo-intro{position:relative;z-index:1;min-width:0}
#auth .mp-fbo-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  border:1px solid rgba(155,204,255,.3);
  border-radius:50px;padding:9px 13px;
  color:#cde4ff;background:rgba(232,243,255,.08);
  font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;
}
#auth .mp-fbo-eyebrow i,
#auth .mp-fbo-demo-indicator i{
  display:inline-block;flex:0 0 7px;width:7px;height:7px;
  border-radius:50%;background:#55dcac;box-shadow:0 0 0 4px rgba(85,220,172,.13);
}
#auth .mp-fbo-intro h2{
  font-size:clamp(37px,3.35vw,58px)!important;
  line-height:1.085!important;letter-spacing:-.052em;
  max-width:680px;margin:24px 0 21px;
  font-weight:820;color:#fff!important;
}
#auth .mp-fbo-intro h2 span{color:#83bcff}
#auth .mp-fbo-lead{
  max-width:600px;color:#d8e6fb!important;
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.75;margin:0 0 27px;
}
#auth .mp-fbo-pills{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}
#auth .mp-fbo-pills span{
  display:inline-flex;align-items:center;gap:7px;
  border-radius:9px;border:1px solid rgba(194,220,255,.23);
  background:rgba(255,255,255,.075);
  color:#eef5ff;font-size:12px;font-weight:650;
  padding:10px 11px;line-height:1.35;
}
#auth .mp-fbo-pills b{color:#64e6b0;font-size:13px}
#auth .mp-fbo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#auth .mp-fbo-primary-link,
#auth .mp-fbo-secondary-link,
#auth .mp-fbo-bottom-link{
  display:inline-flex;align-items:center;justify-content:center;
  gap:18px;min-height:49px;padding:13px 22px;
  border-radius:12px;font-size:14px;font-weight:800;line-height:1.3;
  text-decoration:none!important;transition:transform .18s,background .18s,box-shadow .18s;
}
#auth .mp-fbo-primary-link{
  color:#0e4caa!important;background:#fff;border:1px solid rgba(255,255,255,.6);
  box-shadow:0 8px 22px rgba(0,12,44,.16);
}
#auth .mp-fbo-secondary-link{
  color:#f4f9ff!important;border:1px solid rgba(192,221,255,.36);
  background:rgba(255,255,255,.075);
}
#auth .mp-fbo-primary-link:hover{background:#e8f2ff;transform:translateY(-2px)}
#auth .mp-fbo-secondary-link:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
#auth .mp-fbo-intro-note{display:block;max-width:610px;margin-top:18px;line-height:1.6;font-size:11px;color:#a8c6ed}
#auth .mp-fbo-showcase a:focus-visible{outline:3px solid #6ee7d5;outline-offset:3px}

/* Nonfunctional illustration: use no invented live metrics or Ozon confirmations. */
#auth .mp-fbo-demo{
  position:relative;z-index:1;min-width:0;
  padding:22px 22px 15px;border-radius:23px;
  border:1px solid rgba(255,255,255,.8);
  color:#173558;background:#fff;
  box-shadow:0 28px 70px rgba(0,16,62,.23),0 4px 17px rgba(0,16,62,.09);
}
#auth .mp-fbo-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
#auth .mp-fbo-demo-brand{display:flex;gap:12px;align-items:center;min-width:0}
#auth .mp-fbo-demo-logo{
  display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;
  background:linear-gradient(145deg,#166ff5,#0b4bc2);
  border-radius:13px;color:white;font-size:27px;font-weight:800;
}
#auth .mp-fbo-demo-brand strong{display:block;font-size:14px;color:#213b63;font-weight:850}
#auth .mp-fbo-demo-brand small{display:block;margin-top:4px;color:#8395ad;font-size:10px}
#auth .mp-fbo-demo-indicator{
  display:inline-flex;align-items:center;gap:8px;
  flex:0 0 auto;padding:7px 10px;border-radius:50px;
  background:#edf7f4;color:#237f61;font-size:10px;font-weight:750;
}
#auth .mp-fbo-demo-title{margin:27px 0 14px}
#auth .mp-fbo-demo-title strong{display:block;color:#152c51;font-size:16px;font-weight:800}
#auth .mp-fbo-demo-title small{display:block;margin-top:5px;color:#8796ad;font-size:11px}
#auth .mp-fbo-demo-table{overflow:hidden;border:1px solid #e0e9f7;border-radius:13px}
#auth .mp-fbo-demo-row{
  display:grid;grid-template-columns:1.28fr 1fr 1fr;
  align-items:center;gap:6px;
  padding:13px 12px;border-bottom:1px solid #e7edf7;
  font-size:12px;color:#496584;
}
#auth .mp-fbo-demo-row:last-child{border-bottom:0}
#auth .mp-fbo-demo-row>span:not(:first-child){text-align:center}
#auth .mp-fbo-demo-row-head{
  background:#f0f5fe;color:#7790ad;text-transform:uppercase;
  letter-spacing:.045em;font-size:10px;font-weight:800;
}
#auth .mp-fbo-demo-row b{font-size:16px;color:#135eca}
#auth .mp-fbo-demo-row-total{background:#f8fbff;font-size:11px;font-weight:800;color:#31598c}
#auth .mp-fbo-demo-product{display:flex;align-items:center;gap:7px;font-weight:700;color:#264b7d}
#auth .mp-fbo-demo-product i{width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:linear-gradient(145deg,#dbeaff,#9fc4ff)}
#auth .mp-fbo-demo-progress{
  display:flex;align-items:center;justify-content:center;
  gap:7px;padding:22px 0 18px;min-width:0;
}
#auth .mp-fbo-demo-progress>span:not(.mp-fbo-demo-connector){
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  font-size:10px;font-weight:800;color:#42886d;
}
#auth .mp-fbo-demo-progress i{
  display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:#d7f5e5;color:#21885c;font-size:11px;font-style:normal;
}
#auth .mp-fbo-demo-progress .mp-fbo-demo-progress-next{color:#2468c1!important}
#auth .mp-fbo-demo-progress-next i{background:#e8f0ff;color:#2777db;font-size:15px}
#auth .mp-fbo-demo-connector{height:1px;min-width:4px;flex:1 1 24px;max-width:32px;background:#c6d6ed}
#auth .mp-fbo-demo-robot{
  display:flex;align-items:center;gap:12px;
  background:#eaf4ff;border:1px solid #cce1f9;
  padding:14px 15px;border-radius:13px;
}
#auth .mp-fbo-demo-robot-icon{
  display:grid;place-items:center;flex:0 0 35px;
  width:35px;height:35px;border-radius:10px;background:#246cda;color:#fff;
  font-size:25px;font-weight:700;line-height:1;
}
#auth .mp-fbo-demo-robot strong{display:block;color:#1e4f91;font-size:12px}
#auth .mp-fbo-demo-robot small{display:block;color:#6985a9;font-size:10px;margin-top:4px;line-height:1.45}
#auth .mp-fbo-demo-footnote{margin:11px 0 0;color:#8596aa;font-size:9px;text-align:center}

/* Bright information area with benefits and process. */
#auth .mp-fbo-content{padding:65px clamp(24px,5vw,74px) 56px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
#auth .mp-fbo-content-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
#auth .mp-fbo-section-kicker{
  font-size:11px;color:#1a6bdf;font-weight:850;
  letter-spacing:.09em;text-transform:uppercase;
}
#auth .mp-fbo-content-heading h3,
#auth .mp-fbo-process-heading h3{
  margin:9px 0 0;color:#15284c;font-size:clamp(28px,2.7vw,42px);
  line-height:1.14;letter-spacing:-.042em;font-weight:830;
}
#auth .mp-fbo-content-heading h3 span{color:#1b70e6}
#auth .mp-fbo-content-heading>p{
  flex:0 1 320px;max-width:320px;margin:0 0 4px;
  font-size:13px;color:#7a8aa3;line-height:1.65;
}
#auth .mp-fbo-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#auth .mp-fbo-benefit{
  padding:23px 20px 22px;
  border:1px solid #e1eaf5;border-radius:17px;
  background:#fff;
  box-shadow:0 7px 22px rgba(27,65,120,.035);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
#auth .mp-fbo-benefit:hover{transform:translateY(-3px);border-color:#bdcff2;box-shadow:0 12px 28px rgba(32,79,145,.085)}
#auth .mp-fbo-benefit-icon{
  display:grid;place-items:center;width:41px;height:41px;
  margin-bottom:18px;
  border-radius:12px;background:#eaf2ff;color:#1b64c7;
  font-size:13px;font-weight:900;letter-spacing:.01em;
}
#auth .mp-fbo-benefit h4{
  margin:0 0 9px;color:#1b355f;font-size:15px;font-weight:850;line-height:1.3;
}
#auth .mp-fbo-benefit p{
  margin:0;color:#6b7d98;font-size:12px;line-height:1.65;
}
#auth .mp-fbo-process{
  padding:38px 0 32px;margin-top:42px;
  border-top:1px solid #dde9f7;scroll-margin-top:35px;
}
#auth .mp-fbo-process-heading h3{font-size:clamp(25px,2.2vw,35px)}
#auth .mp-fbo-process-steps{
  margin:27px 0 0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
}
#auth .mp-fbo-process-steps li{position:relative;min-width:0;padding-right:9px}
#auth .mp-fbo-process-steps li>span{
  display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;
  border-radius:50%;background:#176be6;color:#fff;font-size:16px;font-weight:850;
}
#auth .mp-fbo-process-steps li:not(:last-child)::after{
  content:"";position:absolute;left:47px;top:18px;right:12px;height:2px;
  background:linear-gradient(90deg,#a6c7ff,#e5eefd);
}
#auth .mp-fbo-process-steps strong{display:block;color:#1d3c65;font-size:14px;margin-bottom:5px}
#auth .mp-fbo-process-steps p{margin:0;color:#71839c;font-size:12px;line-height:1.65}
#auth .mp-fbo-final-cta{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:22px 24px;border:1px solid #cce1fc;border-radius:16px;background:#e8f3ff;
}
#auth .mp-fbo-key-tip{display:flex;gap:13px;align-items:center;min-width:0;max-width:750px}
#auth .mp-fbo-key-tip-icon{
  display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;
  border-radius:12px;background:#d0e5ff;color:#1666cc;font-size:22px;
}
#auth .mp-fbo-key-tip strong{display:block;color:#1b4a85;font-size:14px;font-weight:850}
#auth .mp-fbo-key-tip p{margin:4px 0 0;color:#5b799f;font-size:12px;line-height:1.6}
#auth .mp-fbo-bottom-link{
  flex:0 0 auto;padding:13px 18px;min-height:45px;
  color:white!important;background:#1d67d1;box-shadow:0 6px 18px rgba(34,94,185,.16);
  font-size:12px;
}
#auth .mp-fbo-bottom-link:hover{background:#1154af;transform:translateY(-1px)}
#auth .mp-fbo-topnav{white-space:nowrap}
@media (max-width:1380px){
  #auth .mp-fbo-hero{gap:30px}
  #auth .mp-fbo-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  #auth .mp-fbo-hero{grid-template-columns:1fr;gap:35px;padding:48px 40px}
  #auth .mp-fbo-intro h2{max-width:800px}
  #auth .mp-fbo-demo{max-width:650px;width:100%;justify-self:center}
  #auth .mp-fbo-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #auth .mp-fbo-content-heading{align-items:start;flex-direction:column;gap:12px}
  #auth .mp-fbo-content-heading>p{max-width:670px;flex:auto}
  #auth .mp-fbo-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:27px}
  #auth .mp-fbo-process-steps li:nth-child(2)::after{display:none}
}
@media (max-width:850px){
  .landing-topnav .mp-fbo-topnav{display:none}
  #auth .mp-fbo-final-cta{align-items:stretch;flex-direction:column}
  #auth .mp-fbo-bottom-link{align-self:flex-start}
}
@media (max-width:620px){
  #auth .mp-fbo-showcase{margin:32px auto 38px;border-radius:20px}
  #auth .mp-fbo-hero{gap:25px;padding:32px 20px}
  #auth .mp-fbo-eyebrow{font-size:9px;letter-spacing:.035em}
  #auth .mp-fbo-intro h2{font-size:clamp(29px,8.2vw,41px)!important;line-height:1.12!important}
  #auth .mp-fbo-lead{font-size:13px;line-height:1.7}
  #auth .mp-fbo-pills span{font-size:11px}
  #auth .mp-fbo-hero-actions a{width:100%;justify-content:space-between}
  #auth .mp-fbo-demo{padding:14px 12px 12px;border-radius:16px}
  #auth .mp-fbo-demo-brand strong{font-size:12px}
  #auth .mp-fbo-demo-brand small{font-size:9px}
  #auth .mp-fbo-demo-logo{width:35px;height:35px;flex-basis:35px;font-size:22px}
  #auth .mp-fbo-demo-indicator{padding:5px 8px;font-size:9px}
  #auth .mp-fbo-demo-row{padding:11px 8px;font-size:10px}
  #auth .mp-fbo-demo-row b{font-size:12px}
  #auth .mp-fbo-demo-title strong{font-size:13px}
  #auth .mp-fbo-demo-progress{gap:4px}
  #auth .mp-fbo-demo-progress>span:not(.mp-fbo-demo-connector){font-size:9px;gap:3px}
  #auth .mp-fbo-demo-progress i{width:19px;height:19px}
  #auth .mp-fbo-content{padding:38px 17px 30px}
  #auth .mp-fbo-content-heading h3{font-size:28px}
  #auth .mp-fbo-benefit-grid{grid-template-columns:1fr;gap:10px}
  #auth .mp-fbo-benefit{padding:17px 17px 18px}
  #auth .mp-fbo-benefit-icon{margin-bottom:9px;width:34px;height:34px;border-radius:10px}
  #auth .mp-fbo-benefit h4{font-size:14px}
  #auth .mp-fbo-process{margin-top:25px;padding-top:30px}
  #auth .mp-fbo-process-steps{grid-template-columns:1fr;gap:21px}
  #auth .mp-fbo-process-steps li{padding-left:53px;min-height:45px}
  #auth .mp-fbo-process-steps li>span{position:absolute;left:0;top:0}
  #auth .mp-fbo-process-steps li:not(:last-child)::after{display:none}
  #auth .mp-fbo-process-steps strong{margin-top:3px}
  #auth .mp-fbo-final-cta{padding:17px}
  #auth .mp-fbo-key-tip{align-items:flex-start}
  #auth .mp-fbo-key-tip-icon{width:36px;height:36px;flex-basis:36px}
  #auth .mp-fbo-bottom-link{width:100%;justify-content:space-between;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  #auth .mp-fbo-showcase *,
  #auth .mp-fbo-showcase *::before,
  #auth .mp-fbo-showcase *::after{transition:none!important;animation:none!important}
}

/* Readable, crawlable FBO questions and answers */
#auth .mp-fbo-faq{padding:36px 0 31px;border-top:1px solid #dde9f7;scroll-margin-top:35px}
#auth .mp-fbo-faq-header h3{margin:9px 0 8px;font-size:clamp(25px,2.2vw,36px);font-weight:830;letter-spacing:-.036em;line-height:1.2;color:#16335c}
#auth .mp-fbo-faq-header p{margin:0;color:#7185a0;font-size:13px;line-height:1.55}
#auth .mp-fbo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
#auth .mp-fbo-faq-item{align-self:start;padding:0;border-radius:13px;border:1px solid #dde8f5;background:#fff;overflow:hidden;box-shadow:0 4px 15px rgba(35,70,125,.025)}
#auth .mp-fbo-faq-item summary{position:relative;padding:18px 35px 18px 17px;cursor:pointer;font-size:13px;font-weight:780;line-height:1.5;color:#24476f;list-style:none}
#auth .mp-fbo-faq-item summary::-webkit-details-marker{display:none}
#auth .mp-fbo-faq-item summary::after{content:"+";position:absolute;right:15px;top:14px;font-size:23px;font-weight:400;color:#2572cc}
#auth .mp-fbo-faq-item[open] summary::after{content:"−"}
#auth .mp-fbo-faq-item summary:focus-visible{outline:2px solid #2773dc;outline-offset:-2px;border-radius:12px}
#auth .mp-fbo-faq-item p{border-top:1px solid #edf2f9;margin:0;padding:13px 17px 17px;color:#637c9b;font-size:12px;line-height:1.75}
@media(max-width:760px){#auth .mp-fbo-faq{padding-top:28px}#auth .mp-fbo-faq-grid{grid-template-columns:minmax(0,1fr);gap:9px}#auth .mp-fbo-faq-item summary{font-size:12px;padding:15px 34px 15px 13px}#auth .mp-fbo-faq-item p{padding:11px 13px 14px}}