/* ==========================================================================
   ЗАПЧАСТИ ОПТОМ — Вариант 6 · Современный (SaaS)
   Built on V4 layout. Light + azure/indigo, Wix Madefor Display, gradient
   pill buttons, soft aurora, large radii. A trendy modern flavour.
   ========================================================================== */
@import url("v4.css");

:root{
  --navy:#1E2A52;        /* deep indigo (structural) */
  --navy-2:#2A3A78;
  --navy-3:#4661C0;
  --acc:#2F6BFF;         /* azure */
  --acc-2:#5C8BFF;
  --acc-soft:rgba(47,107,255,.10);
  --soft:#F3F6FE;
  --soft-2:#E9EEFB;
  --line:#E4EAF6;
  --line-2:#D3DEF3;
  --r:22px;
  --f-disp:"Wix Madefor Display",system-ui,sans-serif;
  --f-head:"Wix Madefor Display",system-ui,sans-serif;
}

/* typography — modern sentence case */
h1,h2,h3,h4{text-transform:none;letter-spacing:-.025em}
.brand-name{text-transform:none;letter-spacing:-.02em}
.btn{text-transform:none;letter-spacing:0;border-radius:999px;font-weight:700}

/* gradient azure CTA */
.btn-accent{background:linear-gradient(135deg,var(--acc),#1E40C0);box-shadow:0 14px 30px -12px rgba(47,107,255,.5)}
.btn-accent:hover{background:linear-gradient(135deg,#5C8BFF,#2F6BFF);transform:translateY(-2px)}

/* hero with soft aurora */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f3f7ff,#fff 72%)}
.hero::before{content:"";position:absolute;top:-22%;right:-8%;width:52vw;height:52vw;max-width:660px;max-height:660px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,107,255,.18),transparent 64%);filter:blur(24px);z-index:0;pointer-events:none}
.hero::after{content:"";position:absolute;bottom:-30%;left:-12%;width:40vw;height:40vw;max-width:480px;max-height:480px;border-radius:50%;
  background:radial-gradient(circle,rgba(92,139,255,.14),transparent 66%);filter:blur(26px);z-index:0;pointer-events:none}
.hero-grid{position:relative;z-index:1}
.hero-eyebrow{color:var(--acc)}

/* rounder surfaces */
.hero-form-card,.trust-card,.step,.rev-card,.faq-item,.disc-step,.cert,.brand-chip{border-radius:22px}
.modal,.stm-box,.forga-card,.panel{border-radius:26px}

/* fix clay-hardcoded bits from v4 → azure/indigo */
.trust-ico{background:rgba(92,139,255,.22);color:#AEC4FF;box-shadow:0 0 0 1px rgba(92,139,255,.28)}
.panel-head .dot{box-shadow:0 0 0 4px rgba(47,107,255,.32)}
.disc-step.best{background:linear-gradient(160deg,var(--acc),#1E40C0)}
.cta-final{background:linear-gradient(160deg,var(--navy-2),var(--navy))}

/* hero stat numbers in azure */
.hero-trust b{color:var(--acc)}