/* Freelium home: self-contained "Как это работает" section, no global selectors. */
.fl-hiw{padding:24px 0 26px;isolation:isolate;font-family:Manrope,Arial,sans-serif;color:#0d234a}
.fl-hiw *{box-sizing:border-box}
.fl-hiw-sprite{position:absolute;width:0;height:0;overflow:hidden}
.fl-hiw-shell{max-width:1224px;margin:auto;padding:0 24px}
.fl-hiw-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.fl-hiw-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#ebf2ff;color:#285bf5;font-size:12px;letter-spacing:.075em;font-weight:900}
.fl-hiw-eyebrow svg{height:13px;width:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.fl-hiw h2{margin:9px 0 4px;font-weight:800;letter-spacing:-.037em;font-size:clamp(28px,2.8vw,34px);line-height:1.1;color:#081a43}
.fl-hiw h2 span{color:#4356f6}
.fl-hiw-heading p{font-size:16px;line-height:1.38;color:#66748f;margin:0}
.fl-hiw-key{display:flex;align-items:center;gap:10px;background:#edf7ff;border:1px solid #cde7fc;padding:9px 12px;border-radius:14px;color:#115287;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.25}
.fl-hiw-key svg{width:24px;height:24px;fill:none;stroke:#2088df;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.fl-hiw-key small{display:block;margin-top:3px;font-size:12px;color:#48799e;font-weight:500}
.fl-hiw-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fl-hiw-panel{display:flex;flex-direction:column;min-width:0;padding:16px 19px 14px;border:1px solid #dae4fd;border-radius:22px;background:linear-gradient(155deg,#fff 55%,#f8faff);box-shadow:0 8px 32px rgba(43,72,138,.065)}
.fl-hiw-panel-freelancer{border-color:#e2dbff;background:linear-gradient(155deg,#fff 55%,#faf8ff)}
.fl-hiw-panel-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.fl-hiw-role-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(140deg,#1769ff,#38b4ff);box-shadow:0 7px 16px rgba(25,93,233,.15);color:#fff}
.fl-hiw-panel-freelancer .fl-hiw-role-icon{background:linear-gradient(140deg,#6748ed,#9d6dff);box-shadow:0 7px 16px rgba(112,69,255,.13)}
.fl-hiw-role-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fl-hiw-role-caption{color:#6d87ba;font-weight:900;font-size:12px;letter-spacing:.04em}
.fl-hiw-panel-freelancer .fl-hiw-role-caption{color:#8a70b5}
.fl-hiw h3{color:#11244b;margin:1px 0 0;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.fl-hiw-steps{margin:0 0 10px;padding:0;list-style:none;counter-reset:fl-hiw-counter;flex:1}
.fl-hiw-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;position:relative;padding:7px 0;counter-increment:fl-hiw-counter}
.fl-hiw-steps li:not(:last-child){border-bottom:1px dashed #e5ebf7}
.fl-hiw-step-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:#246bfb;position:relative}
.fl-hiw-panel-freelancer .fl-hiw-step-icon{background:#f2ecff;color:#784ce9}
.fl-hiw-step-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fl-hiw-steps strong{display:block;font-size:16px;color:#0c214a;font-weight:800;line-height:1.25}
.fl-hiw-steps small{display:block;margin-top:2px;font-size:14px;color:#68768e;line-height:1.3;font-weight:500}
.fl-hiw-cta{min-height:44px;border-radius:12px;padding:9px 13px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none!important;transition:transform .18s,box-shadow .18s}
.fl-hiw-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fl-hiw-cta:hover{transform:translateY(-1px)}
.fl-hiw-cta-customer{background:linear-gradient(90deg,#1869fb,#376fff)}
.fl-hiw-cta-freelancer{background:linear-gradient(90deg,#6245e8,#8759f7)}
.fl-hiw-dispute{margin-top:12px;border-radius:14px;border:1px solid #dce6fc;background:linear-gradient(90deg,#f3f7ff,#faf8ff);padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;color:#596986}
.fl-hiw-dispute svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#5570e4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fl-hiw-dispute b{color:#203a79;white-space:nowrap;font-size:15px}
.fl-hiw-mobile-switch{display:none}
@media(max-width:840px){
  .fl-hiw-heading{align-items:flex-start}
  .fl-hiw-key{display:none}
  .fl-hiw-panel{padding:16px}
}
@media(max-width:700px){
  .fl-hiw{padding:22px 0 24px}
  .fl-hiw-shell{padding:0 16px}
  .fl-hiw-heading{margin-bottom:14px}
  .fl-hiw h2{font-size:29px}
  .fl-hiw-heading p{font-size:15px;line-height:1.45}
  .fl-hiw-mobile-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #dfe6ff;border-radius:13px;background:#edf1ff;margin-bottom:12px}
  .fl-hiw-mobile-switch button{display:block;border:0;border-radius:10px;padding:10px 6px;color:#687491;background:transparent;font:800 15px Manrope,Arial,sans-serif;cursor:pointer}
  .fl-hiw-mobile-switch button.is-current{color:#2559da;background:#fff;box-shadow:0 2px 9px rgba(60,78,138,.11)}
  .fl-hiw-columns{display:block}
  .fl-hiw-panel{border-radius:18px;padding:15px 16px 14px}
  .fl-hiw-panel-freelancer{display:none}
  .fl-hiw[data-active-role="freelancer"] .fl-hiw-panel-customer{display:none}
  .fl-hiw[data-active-role="freelancer"] .fl-hiw-panel-freelancer{display:flex}
  .fl-hiw-role-icon{width:41px;height:41px}
  .fl-hiw h3{font-size:21px}
  .fl-hiw-role-caption{font-size:12px}
  .fl-hiw-panel-head{margin-bottom:7px}
  .fl-hiw-steps{margin-bottom:10px}
  .fl-hiw-steps li{grid-template-columns:37px minmax(0,1fr);padding:8px 0;gap:9px}
  .fl-hiw-step-icon{width:34px;height:34px}
  .fl-hiw-step-icon svg{width:18px;height:18px}
  .fl-hiw-steps strong{font-size:15px;line-height:1.25}
  .fl-hiw-steps small{font-size:14px;line-height:1.32;margin-top:3px}
  .fl-hiw-cta{font-size:15px;min-height:46px}
  .fl-hiw-dispute{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-areas:"icon label" "detail detail";align-items:center;padding:12px;gap:5px 8px;line-height:1.4}
  .fl-hiw-dispute svg{grid-area:icon}
  .fl-hiw-dispute b{grid-area:label;font-size:15px}
  .fl-hiw-dispute span{grid-area:detail;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.fl-hiw-cta{transition:none}}


/* FREELIUM HIW VISUAL FIX: GREEN SBER BADGE + CENTER DISPUTE */
.fl-hiw .fl-hiw-key{
    background:#effbf3;
    border:1px solid #24a65e;
    color:#12633a;
}
.fl-hiw .fl-hiw-key svg{
    width:26px;
    height:26px;
    flex-shrink:0;
    fill:none;
    stroke:none;
}
.fl-hiw .fl-hiw-key small{
    color:#24734d;
    font-size:13px;
    font-weight:600;
}
.fl-hiw .fl-hiw-dispute{
    justify-content:center;
    text-align:center;
}
@media(max-width:700px){
    .fl-hiw .fl-hiw-dispute{
        grid-template-columns:22px auto;
        grid-template-areas:"icon label" "detail detail";
        justify-content:center;
        text-align:center;
    }
    .fl-hiw .fl-hiw-dispute span{
        text-align:center;
    }
}


/* FREELIUM HIW CENTERED DISPUTE + USER SBER ICON V3 */
.fl-hiw .fl-hiw-dispute {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:4px !important;
    padding:11px 16px !important;
}
.fl-hiw .fl-hiw-dispute-title {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 auto;
    text-align:center;
}
.fl-hiw .fl-hiw-dispute-title svg {
    width:21px;
    height:21px;
}
.fl-hiw .fl-hiw-dispute > span {
    display:block;
    width:100%;
    max-width:1100px;
    margin:0 auto;
    text-align:center !important;
    line-height:1.35;
}
.fl-hiw .fl-hiw-key {
    border:1px solid #42bb59;
    background:#f0fbf2;
}
.fl-hiw .fl-hiw-key img.fl-hiw-sber-icon {
    display:block;
    width:38px;
    height:38px;
    flex:0 0 38px;
    max-width:none;
    object-fit:contain;
}
.fl-hiw .fl-hiw-key small strong {
    font:inherit;
    font-weight:900;
    color:#13723b;
}
@media (max-width:700px) {
    .fl-hiw .fl-hiw-dispute {
        display:flex !important;
        flex-direction:column !important;
        gap:5px !important;
        padding:12px 13px !important;
        text-align:center !important;
    }
    .fl-hiw .fl-hiw-dispute > span {
        font-size:14px;
        text-align:center !important;
    }
}


/* FREELIUM HIW FIX: ADD TOP SPACE + STRONG SBER V4 */
/* The BOTTOM gap stays untouched. Only the TOP margin is increased. */
.fl-hiw .fl-hiw-dispute {
    margin-top:46px !important;
}
/* Manrope is loaded only up to 600 on the site; ensure bank name looks bold. */
.fl-hiw .fl-hiw-key small strong {
    font-family:Manrope, Arial, sans-serif !important;
    font-size:inherit !important;
    font-style:normal !important;
    font-weight:600 !important;
    color:inherit !important;
    -webkit-text-stroke:0 !important;
    text-shadow:none !important;
}
@media (max-width:700px) {
    .fl-hiw .fl-hiw-dispute { margin-top:32px !important; }
}


/* HIW SBER BANK TYPOGRAPHY FINAL6 */
.fl-hiw .fl-hiw-heading .fl-hiw-key {
    flex:0 1 440px;
    max-width:440px;
    min-width:0;
    white-space:normal !important;
    font-family:Manrope,Arial,sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.38 !important;
    letter-spacing:normal !important;
}

.fl-hiw .fl-hiw-heading .fl-hiw-key .fl-hiw-bank-copy {
    display:block;
    min-width:0;
    font-family:Manrope,Arial,sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.38 !important;
    letter-spacing:normal !important;
    white-space:normal !important;
    color:#166534 !important;
}

.fl-hiw .fl-hiw-heading .fl-hiw-key .fl-hiw-bank-copy strong {
    font-family:inherit !important;
    font-size:inherit !important;
    font-style:normal !important;
    font-weight:700 !important;
    line-height:inherit !important;
    color:inherit !important;
    text-shadow:none !important;
    -webkit-text-stroke:0 !important;
    font-synthesis:weight;
}

/* SBER BADGE FINAL COMPACT V8 */
.fl-hiw .fl-hiw-heading .fl-hiw-key {
    flex:0 1 auto !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
}
.fl-hiw .fl-hiw-heading .fl-hiw-bank-copy {
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
}


/* FREELIUM HOME SPACING X3 V1 */

/* Hero buttons -> advantages:
   12px hero padding + 15px margin = 27px */
.advantages-section {
    margin-top:15px !important;
}

/* Heading -> customer/freelancer cards:
   14px -> 42px */
.fl-hiw .fl-hiw-heading {
    margin-bottom:42px !important;
}


/* HIW DISPUTE FONT V9 */
.hiw-dispute-big-title {
    font-family:Manrope,Arial,sans-serif !important;
    font-size:19px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
}
.hiw-dispute-big-desc {
    font-family:Manrope,Arial,sans-serif !important;
    font-size:17px !important;
    font-weight:400 !important;
    line-height:1.55 !important;
}
@media(max-width:720px) {
    .hiw-dispute-big-title {
        font-size:18px !important;
    }
    .hiw-dispute-big-desc {
        font-size:16px !important;
    }
}


/* HIW ARBITRATION GRADIENT BORDER V10 */
.fl-hiw .fl-hiw-dispute {
    border:2px solid transparent !important;
    border-radius:14px !important;
    background:
        linear-gradient(90deg,#f3f7ff,#faf8ff) padding-box,
        linear-gradient(100deg,#1769ff,#7045ff) border-box
        !important;
}