.vgate-redesign {
    --vg-bg: #090b12;
    --vg-bg-2: #10131d;
    --vg-ink: #11131a;
    --vg-muted: #676c7b;
    --vg-line: #e7e8ee;
    --vg-white: #fff;
    --vg-accent: #7657ff;
    --vg-accent-2: #9c8bff;
    --vg-cyan: #33d8ff;
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: var(--vg-ink);
    background: #fff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  .vgate-redesign, .vgate-redesign * { box-sizing: border-box; }
  .vgate-redesign img { max-width: 100%; height: auto; }
  .vgate-redesign a { color: inherit; text-decoration: none; }
  .vgate-redesign h1, .vgate-redesign h2, .vgate-redesign h3, .vgate-redesign h4, .vgate-redesign p { margin-top:0; font-family:inherit !important; font-stretch:normal; }
  .vgate-redesign button, .vgate-redesign input, .vgate-redesign select, .vgate-redesign textarea { font-family:inherit !important; }
  .vgate-redesign button, .vgate-redesign a { -webkit-tap-highlight-color: transparent; }
  .vg-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

  .vg-hero {
    position: relative;
    min-height: 710px;
    display: flex;
    align-items: center;
    color: #fff;
    background:
      radial-gradient(circle at 75% 48%, rgba(118,87,255,.26), transparent 30%),
      linear-gradient(105deg, rgba(7,9,15,.98) 30%, rgba(7,9,15,.87) 60%, rgba(7,9,15,.74)),
      url("https://vgate.pl/wp-content/uploads/2025/10/Untitled-design-63.webp") center/cover no-repeat;
  }

  .vg-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to right, black, transparent 80%); }
  .vg-hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:120px; background:linear-gradient(to top, rgba(9,11,18,.75), transparent); pointer-events:none; }
  .vg-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns: 1.04fr .96fr; gap:70px; align-items:center; padding:92px 0 84px; }
  .vg-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:22px; color:#d9d5ff; font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
  .vg-eyebrow span { width:28px; height:2px; border-radius:2px; background:linear-gradient(90deg, var(--vg-cyan), var(--vg-accent)); }
  .vg-hero h1 { max-width:760px; margin-bottom:24px; color:#fff; font-size:clamp(48px, 5.6vw, 78px); line-height:1.02; letter-spacing:-.035em; font-weight:800; }
  .vg-hero h1 em { color:var(--vg-accent-2); font-style:normal; }
  .vg-lead { max-width:650px; margin-bottom:32px; color:#c8cad4; font-size:19px; line-height:1.65; }
  .vg-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:32px; }

  .vg-btn { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:13px 22px; border:1px solid transparent; border-radius:10px; font-size:14px; line-height:1; font-weight:800; transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
  .vg-btn:hover { transform:translateY(-2px); }
  .vg-btn--primary { background:var(--vg-accent); color:#fff !important; box-shadow:0 16px 40px rgba(118,87,255,.28); }
  .vg-btn--primary:hover { background:#856aff; }
  .vg-btn--ghost { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.05); color:#fff !important; backdrop-filter:blur(10px); }
  .vg-btn--ghost:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.1); }
  .vg-btn--dark { color:#fff !important; background:var(--vg-ink); }
  .vg-btn--dark:hover { background:var(--vg-accent); }
  .vg-btn--light { color:var(--vg-ink) !important; background:#fff; }

  .vg-hero__checks { display:flex; flex-wrap:wrap; gap:9px 18px; margin:0; padding:0; list-style:none; color:#d2d4dc; font-size:13px; }
  .vg-hero__checks li { display:flex; align-items:center; gap:7px; }
  .vg-hero__checks span { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:#0c1117; background:var(--vg-cyan); font-size:11px; font-weight:900; }

  .vg-hero__visual { position:relative; min-height:470px; display:grid; place-items:center; }
  .vg-device-card { position:relative; z-index:2; width:min(410px, 88%); padding:18px 18px 16px; border:1px solid rgba(255,255,255,.15); border-radius:28px; background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.035)); box-shadow:0 40px 90px rgba(0,0,0,.45); backdrop-filter:blur(17px); transform:rotate(2deg); }
  .vg-device-card::before { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:28px; background:linear-gradient(140deg, rgba(255,255,255,.22), transparent 35%, rgba(118,87,255,.35)); opacity:.55; }
  .vg-device-card__label { position:absolute; top:23px; left:24px; z-index:2; padding:7px 10px; border-radius:7px; color:#e9e5ff; background:rgba(10,12,19,.72); font-size:10px; font-weight:900; letter-spacing:.12em; }
  .vg-device-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; filter:drop-shadow(0 25px 28px rgba(0,0,0,.34)); }
  .vg-device-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:7px 5px 2px; }
  .vg-device-card__bottom div { display:flex; flex-direction:column; }
  .vg-device-card__bottom strong { color:#fff; font-size:18px; }
  .vg-device-card__bottom small { color:#aeb1bd; font-size:11px; }
  .vg-price-pill { flex:0 0 auto; padding:8px 11px; border-radius:8px; background:#fff; color:#10121a; font-size:12px; font-weight:900; }
  .vg-orbit { position:absolute; border:1px solid rgba(118,87,255,.28); border-radius:50%; }
  .vg-orbit--one { width:430px; height:430px; }
  .vg-orbit--two { width:520px; height:520px; border-style:dashed; opacity:.6; }
  .vg-float-card { position:absolute; z-index:3; min-width:82px; padding:13px 16px; border:1px solid rgba(255,255,255,.17); border-radius:14px; background:rgba(14,16,24,.78); box-shadow:0 20px 45px rgba(0,0,0,.3); backdrop-filter:blur(12px); }
  .vg-float-card b, .vg-float-card span { display:block; }
  .vg-float-card b { color:var(--vg-cyan); font-size:21px; line-height:1.1; }
  .vg-float-card span { color:#bfc1ca; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
  .vg-float-card--top { top:60px; right:0; }
  .vg-float-card--bottom { bottom:55px; left:0; }

  .vg-trust { position:relative; z-index:3; margin-top:-1px; color:#fff; background:#0b0e16; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); }
  .vg-trust__grid { display:grid; grid-template-columns:repeat(3,1fr); }
  .vg-trust__item { display:flex; align-items:center; gap:15px; min-height:112px; padding:25px 34px; border-right:1px solid rgba(255,255,255,.09); }
  .vg-trust__item:first-child { padding-left:0; }
  .vg-trust__item:last-child { border-right:0; }
  .vg-trust__item svg { width:31px; height:31px; flex:0 0 auto; fill:none; stroke:var(--vg-accent-2); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .vg-trust__item div { display:flex; flex-direction:column; }
  .vg-trust__item strong { font-size:14px; }
  .vg-trust__item span { color:#8f94a3; font-size:12px; }

  .vg-section { padding:105px 0; }
  .vg-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:45px; }
  .vg-heading > div { max-width:720px; }
  .vg-heading > p { max-width:430px; margin-bottom:5px; color:var(--vg-muted); font-size:15px; }
  .vg-kicker { display:block; margin-bottom:9px; color:var(--vg-accent); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
  .vg-heading h2 { margin-bottom:0; color:var(--vg-ink); font-size:clamp(35px, 4vw, 52px); line-height:1.1; letter-spacing:-.025em; font-weight:800; }

  .vg-products { padding-bottom:82px; background:linear-gradient(180deg,#f7f7f9 0%,#f2f3f6 100%); }
  .vg-products__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .vg-product-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(205px,.9fr) minmax(0,1.1fr); min-width:0; border:1px solid rgba(25,28,36,.09); border-radius:24px; background:rgba(255,255,255,.92); box-shadow:0 12px 35px rgba(23,27,38,.045); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
  .vg-product-card:hover { transform:translateY(-4px); border-color:rgba(94,92,230,.24); box-shadow:0 24px 55px rgba(23,27,38,.09); }
  .vg-product-card--featured { border-color:rgba(94,92,230,.28); box-shadow:0 16px 42px rgba(75,69,180,.08); }
  .vg-product-card__top { position:relative; overflow:hidden; min-height:100%; display:flex; align-items:center; padding:34px 20px 20px; border-right:1px solid rgba(25,28,36,.065); background:linear-gradient(155deg,#f8f7fc,#eef0f5); }
  .vg-product-card__top::after { content:""; position:absolute; width:140px; height:140px; right:-60px; top:-60px; border-radius:50%; background:rgba(118,87,255,.09); }
  .vg-badge { position:absolute; z-index:2; top:16px; left:16px; max-width:calc(100% - 32px); padding:6px 9px; border:1px solid #dedbe9; border-radius:7px; color:#595462; background:rgba(255,255,255,.9); font-size:9.5px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; backdrop-filter:blur(6px); }
  .vg-badge--hot { border-color:transparent; color:#fff; background:var(--vg-accent); }
  .vg-product-card__image { display:block; width:100%; }
  .vg-product-card__image img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; transition:transform .3s ease; }
  .vg-product-card:hover .vg-product-card__image img { transform:scale(1.035); }
  .vg-product-card__body { min-width:0; display:flex; flex-direction:column; padding:27px 24px 22px; }
  .vg-product-card__title { display:flex; align-items:start; justify-content:space-between; gap:10px; margin-bottom:15px; }
  .vg-product-card__title small { display:block; margin-bottom:3px; color:#707582; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
  .vg-product-card__title h3 { margin:0; color:var(--vg-ink); font-size:23px; line-height:1.15; letter-spacing:-.015em; }
  .vg-product-card__title > strong { flex:0 0 auto; color:var(--vg-accent); font-size:16px; }
  .vg-product-card__fit { min-height:0; margin-bottom:15px; padding:13px 14px; border:1px solid rgba(94,92,230,.14); border-radius:13px; background:linear-gradient(135deg,#f4f2ff,#fafaff); }
  .vg-product-card__fit span { display:block; margin-bottom:4px; color:var(--vg-accent); font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
  .vg-product-card__fit strong { display:block; color:#292633; font-size:13px; line-height:1.5; }
  .vg-product-card__body > p { min-height:0; margin-bottom:14px; color:#565c6a; font-size:13.5px; line-height:1.62; }
  .vg-product-card__body > ul { margin:0 0 14px; padding:0; list-style:none; color:#363b47; font-size:12.5px; line-height:1.5; }
  .vg-product-card__body > ul li { position:relative; padding:5px 0 5px 18px; border-top:1px solid #eff0f3; }
  .vg-product-card__body > ul li::before { content:"✓"; position:absolute; left:0; color:var(--vg-accent); font-weight:900; }
  .vg-product-card__meta { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:17px; }
  .vg-product-card__meta span { padding:5px 7px; border-radius:6px; color:#5c5865; background:#f1f1f5; font-size:9.5px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
  .vg-product-card__actions { display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:stretch; margin-top:auto; }
  .vg-details, .vg-cart-form button { min-height:43px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-family:inherit; font-size:12px; font-weight:800; cursor:pointer; transition:.2s ease; }
  .vg-details { padding:10px 12px; border:1px solid #dddfe5; }
  .vg-details:hover { border-color:var(--vg-accent); color:var(--vg-accent); }
  .vg-cart-form { margin:0; }
  .vg-cart-form button { width:100%; padding:10px 11px; border:1px solid var(--vg-ink); color:#fff; background:var(--vg-ink); }
  .vg-cart-form button:hover { border-color:var(--vg-accent); background:var(--vg-accent); }
  .vg-product-card__reassurance { margin-top:10px; color:#737886; font-size:10.5px; line-height:1.4; text-align:center; }
  .vg-product-card__reassurance span { padding:0 3px; color:#b7b9c0; }
  .vg-center { display:flex; justify-content:center; margin-top:36px; }

  .vg-quiz { position:relative; padding:105px 0; color:var(--vg-ink); background:linear-gradient(180deg,#f4f5f7 0%,#eceff3 100%); }
  .vg-quiz::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 8% 20%,rgba(118,87,255,.1),transparent 26%),radial-gradient(circle at 92% 82%,rgba(51,216,255,.09),transparent 27%); }
  .vg-quiz > .vg-wrap { position:relative; z-index:1; }
  .vg-quiz__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; margin-bottom:42px; }
  .vg-quiz__heading > div { max-width:720px; }
  .vg-quiz__heading h2 { margin:0; color:var(--vg-ink); font-size:clamp(36px,4.2vw,54px); line-height:1.1; letter-spacing:-.025em; }
  .vg-quiz__heading > p { max-width:430px; margin:0 0 5px; color:#666c79; font-size:15px; line-height:1.6; }
  .vg-quiz__shell { overflow:hidden; display:grid; grid-template-columns:245px 1fr; min-height:700px; border:1px solid rgba(24,27,35,.1); border-radius:26px; background:rgba(255,255,255,.78); box-shadow:0 30px 75px rgba(29,35,48,.09); backdrop-filter:blur(16px); }
  .vg-quiz__aside { display:flex; flex-direction:column; padding:34px 29px; border-right:1px solid rgba(24,27,35,.08); background:rgba(247,248,250,.82); }
  .vg-quiz__aside-label { color:#747a87; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
  .vg-quiz__aside > strong { margin:7px 0 17px; color:var(--vg-ink); font-size:28px; line-height:1; }
  .vg-quiz__aside > strong b { color:#625ee8; font-size:42px; }
  .vg-quiz__progress { overflow:hidden; height:4px; margin-bottom:27px; border-radius:4px; background:#e1e4ea; }
  .vg-quiz__progress i { display:block; width:20%; height:100%; border-radius:4px; background:linear-gradient(90deg,var(--vg-accent),var(--vg-cyan)); transition:width .25s ease; }
  .vg-quiz__steps-list { margin:0; padding:0; list-style:none; counter-reset:quizstep; }
  .vg-quiz__steps-list li { position:relative; padding:10px 0 10px 30px; color:#9297a3; font-size:13px; font-weight:700; counter-increment:quizstep; transition:color .2s ease; }
  .vg-quiz__steps-list li::before { content:counter(quizstep); position:absolute; left:0; top:9px; display:grid; place-items:center; width:19px; height:19px; border:1px solid #d5d8df; border-radius:50%; color:#8e94a1; background:#fff; font-size:9px; }
  .vg-quiz__steps-list li.is-active { color:var(--vg-ink); }
  .vg-quiz__steps-list li.is-active::before { border-color:#625ee8; color:#fff; background:#625ee8; }
  .vg-quiz__steps-list li.is-complete { color:#555b67; }
  .vg-quiz__steps-list li.is-complete::before { content:"✓"; border-color:rgba(98,94,232,.35); color:#625ee8; background:#f0efff; }
  .vg-quiz__aside > small { margin-top:auto; color:#7f8592; font-size:11px; line-height:1.6; }
  .vg-quiz__content { display:flex; flex-direction:column; min-width:0; padding:37px 40px 30px; }
  .vg-quiz__questions { flex:1; min-height:550px; }
  .vg-quiz-step { display:none; animation:vgQuizIn .28s ease both; }
  .vg-quiz-step.is-active { display:block; }
  @keyframes vgQuizIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
  .vg-quiz-step__number { display:block; margin-bottom:8px; color:#625ee8; font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
  .vg-quiz-step h3, .vg-quiz-results__heading h3 { margin:0 0 9px; color:var(--vg-ink); font-size:clamp(25px,3vw,36px); line-height:1.16; letter-spacing:-.02em; }
  .vg-quiz-step > p { margin-bottom:25px; color:#6d7380; font-size:14px; line-height:1.6; }
  .vg-quiz-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .vg-quiz-option { min-width:0; min-height:86px; display:flex; align-items:center; gap:13px; padding:13px 15px; border:1px solid #dfe2e8; border-radius:14px; color:var(--vg-ink); background:rgba(255,255,255,.86); font-family:inherit; text-align:left; cursor:pointer; box-shadow:0 4px 14px rgba(28,32,44,.025); transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease; }
  .vg-quiz-option:hover, .vg-quiz-option.is-selected { transform:translateY(-2px); border-color:rgba(98,94,232,.55); background:#f7f6ff; box-shadow:0 10px 25px rgba(70,65,170,.08); }
  .vg-quiz-option i { flex:0 0 41px; height:41px; display:grid; place-items:center; border:1px solid #deddf8; border-radius:10px; color:#625ee8; background:#f2f1ff; font-size:10px; font-style:normal; font-weight:900; }
  .vg-quiz-option span { min-width:0; display:flex; flex-direction:column; }
  .vg-quiz-option strong { color:var(--vg-ink); font-size:14px; line-height:1.35; font-weight:700; }
  .vg-quiz-option small { margin-top:4px; color:#6f7582; font-size:12px; line-height:1.45; }
  .vg-quiz-option--wide { grid-column:1/-1; }
  .vg-quiz-options--single .vg-quiz-option { min-height:78px; }
  .vg-quiz__nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:22px; border-top:1px solid #e4e6eb; }
  .vg-quiz__nav > span { color:#888e9a; font-size:11px; }
  .vg-quiz__back, .vg-quiz__reset { min-height:41px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:10px 14px; border:1px solid #d5d8df; border-radius:10px; color:var(--vg-ink); background:rgba(255,255,255,.8); font-family:inherit; font-size:11.5px; font-weight:800; cursor:pointer; transition:.2s ease; }
  .vg-quiz__back:hover:not(:disabled), .vg-quiz__reset:hover { border-color:#625ee8; color:#625ee8; }
  .vg-quiz__back:disabled { opacity:.28; cursor:not-allowed; }
  .vg-quiz-results[hidden], .vg-quiz__questions[hidden], .vg-quiz__nav[hidden] { display:none !important; }
  .vg-quiz-results { animation:vgQuizIn .32s ease both; }
  .vg-quiz-results__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:25px; margin-bottom:26px; }
  .vg-quiz-results__heading > div { max-width:650px; }
  .vg-quiz-results__heading h3 { font-size:32px; }
  .vg-quiz-results__heading p { margin:0; color:#6d7380; font-size:13px; line-height:1.5; }
  .vg-quiz-results__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
  .vg-quiz-results__grid.is-single { grid-template-columns:minmax(0,340px); }
  .vg-quiz-results__grid.is-double { max-width:720px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vg-quiz-result { overflow:hidden; display:flex; flex-direction:column; min-width:0; border:1px solid #dfe2e8; border-radius:17px; color:var(--vg-ink); background:#fff; box-shadow:0 8px 24px rgba(27,31,42,.045); }
  .vg-quiz-result--best { border-color:rgba(98,94,232,.5); box-shadow:0 16px 38px rgba(83,78,190,.12); }
  .vg-quiz-result__image { position:relative; padding:13px; background:linear-gradient(145deg,#f5f3ff,#f6f7f9); }
  .vg-quiz-result__image img { display:block; width:100%; aspect-ratio:1.4/1; object-fit:contain; }
  .vg-quiz-result__rank { position:absolute; top:12px; left:12px; z-index:2; padding:6px 8px; border-radius:6px; color:#514c5b; background:rgba(255,255,255,.94); font-size:9px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
  .vg-quiz-result--best .vg-quiz-result__rank { color:#fff; background:var(--vg-accent); }
  .vg-quiz-result__body { flex:1; display:flex; flex-direction:column; padding:15px; }
  .vg-quiz-result__title { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; margin-bottom:10px; }
  .vg-quiz-result__title h4 { margin:0; color:var(--vg-ink); font-size:18px; line-height:1.25; }
  .vg-quiz-result__title strong { flex:0 0 auto; color:var(--vg-accent); font-size:14px; }
  .vg-quiz-result__body > p { min-height:72px; margin:0 0 13px; color:#555b68; font-size:12px; line-height:1.58; }
  .vg-quiz-result__tags { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:13px; }
  .vg-quiz-result__tags span { padding:5px 7px; border-radius:5px; color:#585460; background:#f0eff4; font-size:9px; font-weight:800; letter-spacing:.025em; text-transform:uppercase; }
  .vg-quiz-result__actions { display:grid; grid-template-columns:auto 1fr; gap:6px; margin-top:auto; }
  .vg-quiz-result__actions > a, .vg-quiz-result__actions button { min-height:40px; display:flex; align-items:center; justify-content:center; width:100%; padding:8px 10px; border-radius:7px; font-family:inherit; font-size:11.5px; font-weight:800; cursor:pointer; }
  .vg-quiz-result__actions > a { border:1px solid #dee0e6; }
  .vg-quiz-result__actions form { margin:0; }
  .vg-quiz-result__actions button { border:1px solid var(--vg-ink); color:#fff; background:var(--vg-ink); }
  .vg-quiz-result__actions button:hover { border-color:var(--vg-accent); background:var(--vg-accent); }
  .vg-quiz-results__note { margin:18px 0 0; color:#777d89; font-size:10.5px; line-height:1.6; }
  .vg-quiz-result__status { margin:-3px 0 10px; color:#8a5100; font-size:10px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
  .vg-quiz-result__actions--single { grid-template-columns:1fr; }
  .vg-quiz-no-match { grid-column:1/-1; padding:29px; border:1px solid #dfe2e8; border-radius:17px; background:rgba(255,255,255,.75); }
  .vg-quiz-no-match__eyebrow { display:block; margin-bottom:8px; color:#9a6500; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
  .vg-quiz-no-match h4 { margin:0 0 10px; color:var(--vg-ink); font-size:23px; line-height:1.2; }
  .vg-quiz-no-match p { max-width:760px; margin:0 0 18px; color:#646a77; font-size:13.5px; line-height:1.65; }
  .vg-quiz-no-match__actions { display:flex; flex-wrap:wrap; gap:8px; }
  .vg-quiz-no-match__actions a, .vg-quiz-no-match__actions button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; border:1px solid #d5d8df; border-radius:10px; color:var(--vg-ink); background:#fff; font-family:inherit; font-size:11.5px; font-weight:800; cursor:pointer; }
  .vg-quiz-no-match__actions a { border-color:var(--vg-accent); background:var(--vg-accent); }
  .vg-quiz-no-match__actions button:hover { border-color:#625ee8; color:#625ee8; }
  .vg-quiz-results__alert { grid-column:1/-1; margin:0 0 8px; padding:12px 14px; border:1px solid rgba(184,135,35,.22); border-radius:11px; color:#6f5314; background:#fffaf0; font-size:11.5px; line-height:1.6; }

  .vg-catalog { padding:0 0 82px; background:linear-gradient(180deg,#f2f3f6 0%,#fafafa 100%); }
  .vg-catalog > .vg-wrap { padding-top:64px; border-top:1px solid rgba(25,28,36,.08); }
  .vg-catalog__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:34px; }
  .vg-catalog__heading h2 { max-width:720px; margin:0; color:var(--vg-ink); font-size:clamp(31px,3.5vw,46px); line-height:1.12; letter-spacing:-.025em; }
  .vg-catalog__tools { display:flex; align-items:center; gap:12px; }
  .vg-catalog__count { display:flex; align-items:center; gap:11px; padding:9px 14px; border:1px solid #dddde6; border-radius:12px; background:rgba(255,255,255,.62); }
  .vg-catalog__count strong { color:var(--vg-accent); font-size:27px; line-height:1; letter-spacing:-.04em; }
  .vg-catalog__count span { color:#666b78; font-size:10.5px; line-height:1.25; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
  .vg-catalog__nav { display:flex; gap:7px; }
  .vg-catalog__nav button { width:42px; height:42px; display:grid; place-items:center; border:1px solid #d7d9e0; border-radius:50%; color:var(--vg-ink); background:rgba(255,255,255,.78); font-family:inherit; font-size:17px; cursor:pointer; transition:.2s ease; }
  .vg-catalog__nav button:hover:not(:disabled) { transform:translateY(-1px); border-color:#625ee8; color:#625ee8; background:#fff; }
  .vg-catalog__nav button:disabled { opacity:.32; cursor:not-allowed; }
  .vg-catalog__grid { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 42px)/4); grid-template-columns:none; gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-snap-type:inline mandatory; scrollbar-width:thin; scrollbar-color:#bbb7e8 transparent; margin:0 -4px; padding:4px 4px 20px; }
  .vg-catalog__grid::-webkit-scrollbar { height:5px; }
  .vg-catalog__grid::-webkit-scrollbar-track { background:transparent; }
  .vg-catalog__grid::-webkit-scrollbar-thumb { border-radius:6px; background:#bbb7e8; }
  .vg-mini-product { min-width:0; overflow:hidden; display:flex; flex-direction:column; scroll-snap-align:start; border:1px solid rgba(25,28,36,.09); border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 8px 26px rgba(27,31,42,.04); transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
  .vg-mini-product:hover { transform:translateY(-3px); border-color:rgba(98,94,232,.28); box-shadow:0 18px 38px rgba(33,29,59,.08); }
  .vg-mini-product__image { position:relative; overflow:hidden; display:block; padding:13px; background:linear-gradient(145deg,#f1effb,#f7f7fa); }
  .vg-mini-product__image > span { position:absolute; top:13px; left:13px; z-index:2; padding:5px 7px; border:1px solid rgba(90,82,122,.13); border-radius:6px; color:#56515f; background:rgba(255,255,255,.9); font-size:9.5px; line-height:1; font-weight:800; letter-spacing:.045em; text-transform:uppercase; backdrop-filter:blur(5px); }
  .vg-mini-product__image img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; transition:transform .28s ease; }
  .vg-mini-product:hover .vg-mini-product__image img { transform:scale(1.04); }
  .vg-mini-product__body { flex:1; display:flex; flex-direction:column; padding:17px; }
  .vg-mini-product__body h3 { min-height:44px; margin:0 0 3px; color:var(--vg-ink); font-size:18px; line-height:1.25; letter-spacing:-.01em; }
  .vg-mini-product__body > p { min-height:68px; margin:6px 0 14px; color:#575c69; font-size:13px; line-height:1.58; }
  .vg-mini-product__body > strong { display:block; margin-top:auto; margin-bottom:15px; color:var(--vg-accent); font-size:15px; }
  .vg-mini-product__actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
  .vg-mini-product__actions > a, .vg-mini-product__actions button { min-height:40px; display:flex; align-items:center; justify-content:center; width:100%; padding:8px 9px; border-radius:7px; font-family:inherit; font-size:11.5px; line-height:1.15; font-weight:800; cursor:pointer; transition:.2s ease; }
  .vg-mini-product__actions > a { border:1px solid #dfe0e6; background:#fff; }
  .vg-mini-product__actions > a:hover { border-color:var(--vg-accent); color:var(--vg-accent); }
  .vg-mini-product__actions form { margin:0; }
  .vg-mini-product__actions button { border:1px solid var(--vg-ink); color:#fff; background:var(--vg-ink); }
  .vg-mini-product__actions button:hover { border-color:var(--vg-accent); background:var(--vg-accent); }
  .vg-mini-product__actions--single { grid-template-columns:1fr; }
  .vg-mini-product__actions--single > a { gap:12px; color:#fff; border-color:var(--vg-ink); background:var(--vg-ink); }
  .vg-mini-product__actions--single > a:hover { color:#fff; border-color:var(--vg-accent); background:var(--vg-accent); }
  .vg-catalog__footer { display:flex; align-items:center; justify-content:space-between; gap:26px; margin-top:13px; }
  .vg-catalog__hint { color:#818692; font-size:12px; }
  .vg-catalog__footer > a { display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:800; }
  .vg-catalog__footer > a span { color:var(--vg-accent); }

  .vg-benefits { position:relative; background:linear-gradient(180deg,#fff 0%,#f8f8fa 100%); }
  .vg-benefits::before { content:""; position:absolute; width:420px; height:420px; right:-180px; top:40px; border-radius:50%; background:radial-gradient(circle,rgba(118,87,255,.09),transparent 68%); pointer-events:none; }
  .vg-heading--center { position:relative; display:block; max-width:820px; margin:0 auto 48px; text-align:center; }
  .vg-heading--center > div { max-width:none; }
  .vg-heading--center > p { max-width:650px; margin:18px auto 0; }
  .vg-benefits__grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .vg-benefits__grid article { min-height:178px; display:flex; align-items:flex-start; gap:20px; padding:28px; border:1px solid rgba(25,28,36,.08); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:0 10px 35px rgba(24,28,39,.045); }
  .vg-benefits__grid span { flex:0 0 43px; height:43px; display:grid; place-items:center; border:1px solid rgba(98,94,232,.12); border-radius:13px; color:#625ee8; background:#f1f0ff; font-size:10px; font-weight:900; }
  .vg-benefits__grid article > div { min-width:0; }
  .vg-benefits__grid small { display:block; margin:1px 0 7px; color:#625ee8; font-size:10px; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }
  .vg-benefits__grid h3 { margin-bottom:9px; font-size:19px; line-height:1.3; letter-spacing:-.01em; }
  .vg-benefits__grid p { margin:0; color:#5d6370; font-size:14px; line-height:1.6; }

  @media (max-width: 1080px) {
    .vg-hero__grid { grid-template-columns:1.1fr .9fr; gap:25px; }
    .vg-orbit--two { width:450px; height:450px; }
    .vg-products__grid { grid-template-columns:repeat(2,1fr); }
    .vg-product-card { grid-template-columns:190px minmax(0,1fr); }
    .vg-quiz__shell { grid-template-columns:210px 1fr; }
    .vg-quiz__content { padding-left:30px; padding-right:30px; }
    .vg-catalog__grid { grid-auto-columns:calc((100% - 28px)/3); }
    .vg-benefits__grid { grid-template-columns:repeat(2,1fr); }
  }

  @media (max-width: 780px) {
    .vg-wrap { width:min(100% - 28px, 680px); }
    .vg-hero { min-height:auto; }
    .vg-hero__grid { grid-template-columns:1fr; padding:74px 0 68px; }
    .vg-hero__copy { position:relative; z-index:4; }
    .vg-hero h1 { font-size:clamp(46px, 13vw, 67px); }
    .vg-lead { font-size:17px; }
    .vg-hero__visual { min-height:430px; margin-top:15px; }
    .vg-device-card { width:min(400px, 86%); }
    .vg-float-card--top { right:3%; }
    .vg-float-card--bottom { left:3%; }
    .vg-trust__grid { grid-template-columns:1fr; padding:10px 0; }
    .vg-trust__item, .vg-trust__item:first-child { min-height:86px; padding:18px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
    .vg-trust__item:last-child { border-bottom:0; }
    .vg-section { padding:78px 0; }
    .vg-heading { display:block; }
    .vg-heading > p { margin-top:15px; }
    .vg-products__grid { grid-template-columns:1fr; }
    .vg-product-card { grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr); }
    .vg-quiz { padding:78px 0; }
    .vg-quiz__heading { display:block; }
    .vg-quiz__heading > p { margin-top:16px; }
    .vg-quiz__shell { grid-template-columns:1fr; }
    .vg-quiz__aside { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:11px 18px; padding:22px 25px; border-right:0; border-bottom:1px solid #e2e4e9; }
    .vg-quiz__aside > strong { margin:0; font-size:20px; }
    .vg-quiz__aside > strong b { font-size:29px; }
    .vg-quiz__progress { margin:0; }
    .vg-quiz__steps-list { display:none; }
    .vg-quiz__aside > small { grid-column:1/-1; margin:0; }
    .vg-quiz__content { padding:29px 25px 24px; }
    .vg-quiz__questions { min-height:450px; }
    .vg-quiz-results__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .vg-quiz-result--best { grid-column:1/-1; }
    .vg-catalog { padding-bottom:78px; }
    .vg-catalog__heading { align-items:center; }
    .vg-catalog__grid { grid-auto-columns:minmax(250px,68%); gap:11px; }
    .vg-catalog__footer { gap:16px; }
  }

  @media (max-width: 540px) {
    .vg-hero__actions { display:grid; }
    .vg-hero__checks { display:grid; }
    .vg-hero__visual { min-height:360px; }
    .vg-orbit--one { width:330px; height:330px; }
    .vg-orbit--two { width:390px; height:390px; }
    .vg-device-card { border-radius:22px; }
    .vg-float-card--top { top:28px; }
    .vg-float-card--bottom { bottom:20px; }
    .vg-product-card { grid-template-columns:1fr; }
    .vg-product-card__top { min-height:300px; border-right:0; border-bottom:1px solid rgba(25,28,36,.065); }
    .vg-quiz__heading { margin-bottom:28px; }
    .vg-quiz__shell { min-height:0; border-radius:17px; }
    .vg-quiz__aside { padding:18px; }
    .vg-quiz__aside > small { display:none; }
    .vg-quiz__content { padding:24px 17px 18px; }
    .vg-quiz__questions { min-height:0; }
    .vg-quiz-step h3 { font-size:25px; }
    .vg-quiz-step > p { margin-bottom:19px; }
    .vg-quiz-options { grid-template-columns:1fr; }
    .vg-quiz-option, .vg-quiz-options--single .vg-quiz-option { min-height:72px; }
    .vg-quiz-option--wide { grid-column:auto; }
    .vg-quiz__nav { margin-top:20px; }
    .vg-quiz__nav > span { display:none; }
    .vg-quiz-results__heading { display:block; }
    .vg-quiz-results__heading h3 { font-size:27px; }
    .vg-quiz__reset { margin-top:15px; }
    .vg-quiz-results__grid { grid-template-columns:1fr; }
    .vg-quiz-result--best { grid-column:auto; }
    .vg-quiz-result__body > p { min-height:0; }
    .vg-catalog > .vg-wrap { padding-top:45px; }
    .vg-catalog__heading { align-items:flex-start; }
    .vg-catalog__tools { flex-direction:column; align-items:flex-end; }
    .vg-catalog__count { padding:7px 9px; }
    .vg-catalog__count strong { font-size:22px; }
    .vg-catalog__count span { display:none; }
    .vg-catalog__nav button { width:38px; height:38px; }
    .vg-catalog__grid { grid-auto-columns:86%; }
    .vg-catalog__footer { align-items:flex-start; flex-direction:column; }
    .vg-mini-product__body { padding:13px; }
    .vg-mini-product__body h3 { min-height:40px; font-size:17px; }
    .vg-mini-product__body > p { min-height:96px; margin-top:5px; font-size:12.5px; line-height:1.55; }
    .vg-mini-product__body > strong { margin-bottom:12px; font-size:14px; }
    .vg-mini-product__actions > a, .vg-mini-product__actions button { min-height:39px; padding:7px 5px; font-size:11px; }
    .vg-product-card__body > p { min-height:0; }
    .vg-benefits__grid { grid-template-columns:1fr; }
    .vg-benefits__grid article { min-height:0; padding:23px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .vgate-redesign *, .vgate-redesign *::before, .vgate-redesign *::after { scroll-behavior:auto !important; transition:none !important; }
  }

.vghero,
  .vghero * { box-sizing:border-box; }

  .vghero {
    --vgh-ink:#f8f9ff;
    --vgh-copy:#b9bfce;
    --vgh-line:rgba(255,255,255,.1);
    --vgh-accent:#8067ff;
    --vgh-cyan:#39d9f2;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    color:var(--vgh-ink);
    background:#080a10;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  .vghero::before {
    content:"";
    position:absolute;
    z-index:-3;
    inset:0;
    background:
      linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
    background-size:68px 68px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 88%);
  }

  .vghero::after {
    content:"";
    position:absolute;
    z-index:-2;
    right:-4%;
    top:11%;
    width:min(660px,54vw);
    height:520px;
    border:1px solid rgba(128,103,255,.13);
    border-radius:50%;
    box-shadow:0 0 0 65px rgba(128,103,255,.025),0 0 0 130px rgba(128,103,255,.015);
    pointer-events:none;
  }

  .vghero__glow {
    position:absolute;
    z-index:-2;
    border-radius:50%;
    filter:blur(8px);
    pointer-events:none;
  }

  .vghero__glow--one {
    top:-270px;
    left:68%;
    width:940px;
    height:650px;
    background:radial-gradient(circle,rgba(106,79,255,.23),rgba(106,79,255,.06) 45%,transparent 70%);
    transform:translateX(-50%);
  }

  .vghero__glow--two {
    right:-220px;
    bottom:-300px;
    width:620px;
    height:620px;
    background:radial-gradient(circle,rgba(57,217,242,.1),transparent 67%);
  }

  .vghero__main {
    min-height:710px;
    display:grid;
    grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);
    align-items:center;
    gap:74px;
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
    padding:92px 0 82px;
  }

  .vghero__content {
    width:100%;
    max-width:610px;
    text-align:left;
  }

  .vghero__eyebrow {
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:24px;
    color:#d8d2ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.16em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .vghero__eyebrow span {
    width:30px;
    height:1px;
    background:linear-gradient(90deg,var(--vgh-cyan),var(--vgh-accent));
  }

  .vghero h1,
  .vghero p { margin-top:0; }

  .vghero h1 {
    margin-bottom:25px;
    color:#fff;
    font-size:clamp(58px,5.7vw,82px);
    font-weight:780;
    letter-spacing:-.06em;
    line-height:.98;
  }

  .vghero h1 em {
    color:transparent;
    background:linear-gradient(105deg,#a493ff 5%,#7558ff 56%,#55d9ed 115%);
    -webkit-background-clip:text;
    background-clip:text;
    font-style:normal;
    font-weight:inherit;
  }

  .vghero__content > p {
    max-width:590px;
    margin:0 0 32px;
    color:var(--vgh-copy);
    font-size:17px;
    line-height:1.7;
  }

  .vghero__actions {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:12px;
  }

  .vghero__button {
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:14px 24px;
    border:1px solid transparent;
    border-radius:12px;
    font-size:13.5px;
    font-weight:780;
    line-height:1;
    text-decoration:none;
    transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
  }

  .vghero__button:hover { transform:translateY(-2px); }

  .vghero__button--primary {
    color:#fff !important;
    background:linear-gradient(120deg,#7052f5,#846aff);
    box-shadow:0 18px 45px rgba(112,82,245,.27);
  }

  .vghero__button--primary:hover {
    color:#fff !important;
    box-shadow:0 22px 52px rgba(112,82,245,.38);
  }

  .vghero__button--primary span { transition:transform .22s ease; }
  .vghero__button--primary:hover span { transform:translateX(4px); }

  .vghero__button--secondary {
    color:#fff !important;
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(8px);
  }

  .vghero__button--secondary:hover {
    color:#fff !important;
    border-color:rgba(255,255,255,.34);
    background:rgba(255,255,255,.08);
  }

  .vghero__micro {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px 23px;
    margin-top:31px;
  }

  .vghero__micro span {
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#aeb4c2;
    font-size:12px;
    font-weight:620;
  }

  .vghero__micro i {
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border:1px solid rgba(57,217,242,.23);
    border-radius:50%;
    color:var(--vgh-cyan);
    background:rgba(57,217,242,.07);
    font-size:9px;
    font-style:normal;
    font-weight:900;
  }

  .vghero__guide {
    position:relative;
    overflow:hidden;
    width:100%;
    max-width:520px;
    justify-self:end;
    padding:30px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.028));
    box-shadow:0 34px 85px rgba(0,0,0,.34);
    backdrop-filter:blur(18px);
  }

  .vghero__guide::before {
    content:"";
    position:absolute;
    top:-95px;
    right:-85px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(128,103,255,.22),transparent 68%);
    pointer-events:none;
  }

  .vghero__guide-top {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
  }

  .vghero__guide-top > span {
    color:#b7aaff;
    font-size:10px;
    font-weight:850;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  .vghero__guide-top > i {
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    color:#aeb4c2;
    background:rgba(255,255,255,.04);
    font-size:9px;
    font-style:normal;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .vghero__guide h2 {
    position:relative;
    max-width:410px;
    margin:0 0 10px;
    color:#fff;
    font-size:29px;
    font-weight:740;
    letter-spacing:-.035em;
    line-height:1.15;
  }

  .vghero__guide > p {
    position:relative;
    max-width:430px;
    margin-bottom:24px;
    color:#9fa6b7;
    font-size:13px;
    line-height:1.6;
  }

  .vghero__steps {
    position:relative;
    display:grid;
    gap:9px;
  }

  .vghero__step {
    min-height:66px;
    display:grid;
    grid-template-columns:35px minmax(0,1fr) 24px;
    align-items:center;
    gap:12px;
    padding:11px 13px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:13px;
    background:rgba(5,7,12,.38);
  }

  .vghero__step--active {
    border-color:rgba(128,103,255,.3);
    background:linear-gradient(90deg,rgba(128,103,255,.13),rgba(128,103,255,.035));
  }

  .vghero__step > span {
    width:35px;
    height:35px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    color:#a997ff;
    background:rgba(255,255,255,.04);
    font-size:9px;
    font-weight:850;
  }

  .vghero__step strong,
  .vghero__step small { display:block; }

  .vghero__step strong {
    margin-bottom:3px;
    color:#f5f6fb;
    font-size:12.5px;
    font-weight:720;
    line-height:1.25;
  }

  .vghero__step small {
    color:#868e9f;
    font-size:10.5px;
    line-height:1.35;
  }

  .vghero__step > i {
    color:#777f90;
    font-size:12px;
    font-style:normal;
    font-weight:800;
    text-align:center;
  }

  .vghero__step--active > i { color:var(--vgh-cyan); }

  .vghero__guide-foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:19px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .vghero__guide-foot > span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#8e95a5;
    font-size:10.5px;
  }

  .vghero__guide-foot > span i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--vgh-cyan);
    box-shadow:0 0 14px rgba(57,217,242,.7);
  }

  .vghero__guide-foot a {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:11px;
    font-weight:750;
    text-decoration:none;
  }

  .vghero__guide-foot b {
    color:#a997ff;
    font-weight:800;
    transition:transform .2s ease;
  }

  .vghero__guide-foot a:hover b { transform:translateX(3px); }

  .vghero__trust {
    border-top:1px solid var(--vgh-line);
    background:rgba(8,10,16,.7);
    backdrop-filter:blur(14px);
  }

  .vghero__trust-wrap {
    width:min(1180px,calc(100% - 48px));
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:0 auto;
  }

  .vghero__trust-item {
    min-height:104px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:22px 30px;
  }

  .vghero__trust-item:not(:last-child) { border-right:1px solid var(--vgh-line); }

  .vghero__trust-icon {
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(128,103,255,.18);
    border-radius:12px;
    color:#9c89ff;
    background:rgba(128,103,255,.07);
  }

  .vghero__trust-icon svg {
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .vghero__trust-item strong,
  .vghero__trust-item span { display:block; }

  .vghero__trust-item strong {
    margin-bottom:4px;
    color:#f4f5fa;
    font-size:13px;
    font-weight:740;
    line-height:1.3;
  }

  .vghero__trust-item span {
    color:#8f96a7;
    font-size:11.5px;
    line-height:1.4;
  }

  @media (max-width:980px) {
    .vghero__main { grid-template-columns:minmax(0,1fr) minmax(360px,.88fr); gap:38px; }
    .vghero h1 { font-size:clamp(54px,6.8vw,72px); }
    .vghero__guide { padding:24px; }
    .vghero__guide h2 { font-size:25px; }
  }

  @media (max-width:800px) {
    .vghero__main { min-height:auto; grid-template-columns:1fr; gap:50px; padding:78px 0 70px; }
    .vghero__content { max-width:650px; }
    .vghero h1 { font-size:clamp(54px,11vw,76px); }
    .vghero__guide { max-width:650px; justify-self:start; }
    .vghero__trust-item { justify-content:flex-start; padding:20px 18px; }
  }

  @media (max-width:620px) {
    .vghero__main { width:min(100% - 28px,520px); padding:64px 0 58px; }
    .vghero__eyebrow { gap:8px; margin-bottom:23px; font-size:10px; letter-spacing:.12em; }
    .vghero__eyebrow span { width:18px; }
    .vghero h1 { margin-bottom:23px; font-size:clamp(49px,14.5vw,68px); line-height:.94; }
    .vghero__content > p { margin-bottom:29px; font-size:15px; line-height:1.65; }
    .vghero__actions { display:grid; }
    .vghero__button { width:100%; }
    .vghero__micro { display:grid; justify-content:start; width:max-content; margin:27px 0 0; text-align:left; }
    .vghero__guide { padding:21px 18px; border-radius:20px; }
    .vghero__guide h2 { font-size:24px; }
    .vghero__guide-foot { align-items:flex-start; flex-direction:column; }
    .vghero__trust-wrap { width:min(100% - 28px,520px); grid-template-columns:1fr; padding:8px 0; }
    .vghero__trust-item { min-height:82px; padding:15px 8px; border-right:0 !important; }
    .vghero__trust-item:not(:last-child) { border-bottom:1px solid var(--vgh-line); }
  }

  @media (prefers-reduced-motion:reduce) {
    .vghero *,
    .vghero *::before,
    .vghero *::after { transition:none !important; }
  }

.vg-main-products-preview {
    --vgmp-ink:#11131a;
    --vgmp-muted:#626875;
    --vgmp-accent:#6c55f7;
    padding:94px 0;
    color:var(--vgmp-ink);
    background:linear-gradient(180deg,#f7f7f9 0%,#f2f3f6 100%);
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .vg-main-products-preview, .vg-main-products-preview * { box-sizing:border-box; }
  .vg-main-products-preview a { color:inherit; text-decoration:none; }
  .vgmp-wrap { width:min(1160px,calc(100% - 40px)); margin:0 auto; }
  .vgmp-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; margin-bottom:40px; }
  .vgmp-heading > div { max-width:720px; }
  .vgmp-kicker { display:block; margin-bottom:9px; color:var(--vgmp-accent); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
  .vgmp-heading h2 { margin:0; color:var(--vgmp-ink); font-family:inherit; font-size:clamp(36px,4.2vw,54px); line-height:1.08; letter-spacing:-.03em; }
  .vgmp-heading > p { max-width:430px; margin:0 0 5px; color:var(--vgmp-muted); font-size:15px; line-height:1.6; }

  .vgmp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .vgmp-card { overflow:hidden; display:flex; flex-direction:column; min-width:0; border:1px solid rgba(25,28,36,.09); border-radius:24px; background:#fff; box-shadow:0 14px 38px rgba(26,30,41,.055); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
  .vgmp-card:hover { transform:translateY(-4px); border-color:rgba(108,85,247,.24); box-shadow:0 24px 58px rgba(26,30,41,.1); }
  .vgmp-card--featured { border-color:rgba(108,85,247,.38); }
  .vgmp-visual { position:relative; height:420px; display:grid; place-items:center; padding:24px 10px 8px; border-bottom:1px solid rgba(25,28,36,.065); background:#fff; }
  .vgmp-visual::after { content:""; position:absolute; width:150px; height:150px; right:-70px; top:-70px; border-radius:50%; background:rgba(108,85,247,.075); pointer-events:none; }
  .vgmp-visual > a { width:100%; height:100%; display:grid; place-items:center; }
  .vgmp-visual img { display:block; width:min(330px,72%); height:292px; object-fit:contain; }
  .vgmp-badge { position:absolute; z-index:2; top:17px; left:17px; padding:7px 10px; border:1px solid #dedfe5; border-radius:8px; color:#5d606b; background:rgba(255,255,255,.94); font-size:9.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
  .vgmp-badge--featured { border-color:transparent; color:#fff; background:var(--vgmp-accent); }

  .vgmp-body { flex:1; display:flex; flex-direction:column; padding:25px 26px 20px; }
  .vgmp-title { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:15px; }
  .vgmp-title small { display:block; margin-bottom:3px; color:#737986; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
  .vgmp-title h3 { margin:0; color:var(--vgmp-ink); font-family:inherit; font-size:24px; line-height:1.15; letter-spacing:-.02em; }
  .vgmp-title > strong { flex:0 0 auto; color:var(--vgmp-accent); font-size:16px; }
  .vgmp-fit { margin-bottom:15px; padding:13px 14px; border:1px solid rgba(108,85,247,.16); border-radius:13px; background:#f8f7ff; }
  .vgmp-fit span { display:block; margin-bottom:4px; color:var(--vgmp-accent); font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
  .vgmp-fit b { display:block; color:#262934; font-size:13px; line-height:1.5; }
  .vgmp-body > p { min-height:44px; margin:0 0 13px; color:#5e6471; font-size:13.5px; line-height:1.58; }
  .vgmp-body > ul { margin:0 0 14px; padding:0; list-style:none; color:#3f4450; font-size:12.5px; line-height:1.5; }
  .vgmp-body > ul li { position:relative; padding:6px 0 6px 20px; border-top:1px solid #eceef2; }
  .vgmp-body > ul li::before { content:"✓"; position:absolute; left:0; color:var(--vgmp-accent); font-weight:900; }
  .vgmp-meta { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:17px; }
  .vgmp-meta span { padding:5px 7px; border-radius:6px; color:#60646f; background:#f1f2f5; font-size:9.5px; font-weight:800; letter-spacing:.025em; text-transform:uppercase; }
  .vgmp-actions { display:grid; grid-template-columns:auto 1fr; gap:8px; margin-top:auto; }
  .vgmp-actions > a, .vgmp-actions button { min-height:44px; display:flex; align-items:center; justify-content:center; width:100%; padding:10px 14px; border-radius:9px; font-family:inherit; font-size:12px; font-weight:800; cursor:pointer; }
  .vgmp-actions > a { border:1px solid #d9dce3; background:#fff; }
  .vgmp-actions form { margin:0; }
  .vgmp-actions button { border:1px solid var(--vgmp-ink); color:#fff; background:var(--vgmp-ink); transition:.2s ease; }
  .vgmp-actions button:hover { border-color:var(--vgmp-accent); background:var(--vgmp-accent); }
  .vgmp-note { display:block; margin-top:10px; color:#858a95; font-size:10.5px; line-height:1.4; text-align:center; }

  @media (max-width:780px) {
    .vg-main-products-preview { padding:72px 0; }
    .vgmp-heading { display:block; }
    .vgmp-heading > p { margin-top:16px; }
    .vgmp-grid { grid-template-columns:1fr; }
  }
  @media (max-width:480px) {
    .vgmp-wrap { width:calc(100% - 28px); }
    .vgmp-visual { height:340px; padding:18px 6px 6px; }
    .vgmp-visual img { width:min(293px,74%); height:236px; }
    .vgmp-body { padding:22px 18px 18px; }
    .vgmp-actions { grid-template-columns:1fr; }
  }

.vgbp,
  .vgbp * { box-sizing:border-box; }

  .vgbp {
    --vgbp-ink:#11131a;
    --vgbp-copy:#5f6572;
    --vgbp-line:#e5e6eb;
    --vgbp-accent:#6f57ff;
    --vgbp-accent-dark:#5037dc;
    --vgbp-soft:#f4f2ff;
    position:relative;
    overflow:hidden;
    padding:112px 0 104px;
    color:var(--vgbp-ink);
    background:
      radial-gradient(circle at 9% 8%, rgba(111,87,255,.08), transparent 28%),
      linear-gradient(180deg,#fff 0%,#fafafd 100%);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  }

  .vgbp::after {
    content:"";
    position:absolute;
    right:-150px;
    bottom:-190px;
    width:440px;
    height:440px;
    border:1px solid rgba(111,87,255,.12);
    border-radius:50%;
    box-shadow:0 0 0 50px rgba(111,87,255,.025),0 0 0 100px rgba(111,87,255,.018);
    pointer-events:none;
  }

  .vgbp__wrap {
    position:relative;
    z-index:1;
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
  }

  .vgbp__header {
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    align-items:end;
    gap:80px;
    margin-bottom:54px;
  }

  .vgbp__kicker {
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:17px;
    color:var(--vgbp-accent);
    font-size:12px;
    font-weight:800;
    letter-spacing:.13em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .vgbp__kicker::before {
    content:"";
    width:25px;
    height:2px;
    border-radius:2px;
    background:var(--vgbp-accent);
  }

  .vgbp h2,
  .vgbp h3,
  .vgbp p { margin-top:0; }

  .vgbp h2 {
    max-width:720px;
    margin-bottom:0;
    color:var(--vgbp-ink);
    font-size:clamp(40px,4.35vw,64px);
    font-weight:760;
    letter-spacing:-.052em;
    line-height:1.03;
  }

  .vgbp h2 em {
    color:var(--vgbp-accent);
    font-style:normal;
    font-weight:inherit;
  }

  .vgbp__intro { padding-bottom:5px; }

  .vgbp__intro p {
    margin-bottom:22px;
    color:var(--vgbp-copy);
    font-size:15.5px;
    line-height:1.72;
  }

  .vgbp__intro a {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--vgbp-ink);
    font-size:13px;
    font-weight:750;
    text-decoration:none;
  }

  .vgbp__intro a span,
  .vgbp__button span { transition:transform .22s ease; }

  .vgbp__intro a:hover span,
  .vgbp__button:hover span { transform:translateX(4px); }

  .vgbp__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    overflow:hidden;
    border:1px solid var(--vgbp-line);
    border-radius:28px;
    background:rgba(255,255,255,.88);
    box-shadow:0 22px 65px rgba(24,27,38,.07);
  }

  .vgbp__item {
    position:relative;
    min-height:238px;
    padding:34px 32px 31px;
    background:transparent;
    transition:background .25s ease,transform .25s ease;
  }

  .vgbp__item:nth-child(-n+3) { border-bottom:1px solid var(--vgbp-line); }
  .vgbp__item:not(:nth-child(3n)) { border-right:1px solid var(--vgbp-line); }

  .vgbp__item::before {
    content:"";
    position:absolute;
    left:32px;
    right:32px;
    top:0;
    height:2px;
    border-radius:0 0 2px 2px;
    background:var(--vgbp-accent);
    opacity:0;
    transform:scaleX(.4);
    transition:opacity .25s ease,transform .25s ease;
  }

  .vgbp__item:hover { background:#fbfaff; }
  .vgbp__item:hover::before { opacity:1; transform:scaleX(1); }

  .vgbp__icon {
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    margin-bottom:28px;
    border:1px solid rgba(111,87,255,.12);
    border-radius:16px;
    color:var(--vgbp-accent);
    background:linear-gradient(145deg,#f7f5ff,#eeebff);
  }

  .vgbp__icon svg {
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .vgbp__number {
    position:absolute;
    top:38px;
    right:32px;
    color:#aaaeb8;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
  }

  .vgbp__item h3 {
    margin-bottom:10px;
    color:var(--vgbp-ink);
    font-size:18px;
    font-weight:760;
    letter-spacing:-.02em;
    line-height:1.3;
  }

  .vgbp__item p {
    max-width:310px;
    margin-bottom:0;
    color:var(--vgbp-copy);
    font-size:13.5px;
    line-height:1.65;
  }

  .vgbp__foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding-top:30px;
  }

  .vgbp__proof {
    display:flex;
    flex-wrap:wrap;
    gap:12px 24px;
  }

  .vgbp__proof span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#606572;
    font-size:12px;
    font-weight:650;
  }

  .vgbp__proof i {
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:var(--vgbp-accent-dark);
    background:var(--vgbp-soft);
    font-size:10px;
    font-style:normal;
    font-weight:900;
  }

  .vgbp__button {
    flex:0 0 auto;
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:13px 21px;
    border-radius:13px;
    color:#fff !important;
    background:var(--vgbp-ink);
    box-shadow:0 10px 25px rgba(17,19,26,.12);
    font-size:12.5px;
    font-weight:760;
    text-decoration:none;
    transition:background .22s ease,transform .22s ease;
  }

  .vgbp__button:hover {
    color:#fff !important;
    background:var(--vgbp-accent-dark);
    transform:translateY(-2px);
  }

  @media (max-width:980px) {
    .vgbp { padding:88px 0 82px; }
    .vgbp__header { grid-template-columns:1fr; gap:24px; margin-bottom:42px; }
    .vgbp__intro { max-width:660px; padding-bottom:0; }
    .vgbp__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .vgbp__item:nth-child(-n+4) { border-bottom:1px solid var(--vgbp-line); }
    .vgbp__item:nth-child(3) { border-right:1px solid var(--vgbp-line); }
    .vgbp__item:nth-child(2n) { border-right:0; }
  }

  @media (max-width:680px) {
    .vgbp { padding:70px 0 64px; }
    .vgbp__wrap { width:min(100% - 28px,560px); }
    .vgbp h2 { font-size:clamp(36px,11.5vw,50px); line-height:1.04; }
    .vgbp__header { margin-bottom:34px; }
    .vgbp__grid { grid-template-columns:1fr; border-radius:22px; }
    .vgbp__item { min-height:0; padding:27px 24px 26px; border-right:0 !important; border-bottom:1px solid var(--vgbp-line) !important; }
    .vgbp__item:last-child { border-bottom:0 !important; }
    .vgbp__item::before { left:24px; right:24px; }
    .vgbp__icon { margin-bottom:21px; }
    .vgbp__number { top:31px; right:24px; }
    .vgbp__item p { max-width:420px; }
    .vgbp__foot { align-items:stretch; flex-direction:column; padding-top:25px; }
    .vgbp__proof { gap:10px 16px; }
    .vgbp__button { width:100%; }
  }

  @media (prefers-reduced-motion:reduce) {
    .vgbp *,
    .vgbp *::before,
    .vgbp *::after { transition:none !important; }
  }

  /* SUBTELNY MOTYW NEUTRALNY */
  .vgate-redesign {
    --vg-bg:#f5f5f7;
    --vg-bg-2:#f0f1f2;
    --vg-ink:#1d1d1f;
    --vg-muted:#6e6e73;
    --vg-line:#dedee3;
    --vg-white:#fff;
    --vg-accent:#668f87;
    --vg-accent-2:#8eaaa4;
    --vg-cyan:#a9c1bc;
    color:var(--vg-ink);
    background:#fff;
  }

  .vghero {
    --vgh-ink:#1d1d1f;
    --vgh-copy:#6e6e73;
    --vgh-line:rgba(29,29,31,.09);
    --vgh-accent:#6b9189;
    --vgh-cyan:#92afa9;
    color:var(--vgh-ink);
    background:
      radial-gradient(circle at 77% 23%,rgba(116,151,143,.09),transparent 31%),
      linear-gradient(180deg,#f7f7f8 0%,#f3f4f4 100%);
  }

  .vghero::before {
    background:
      linear-gradient(rgba(29,29,31,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(29,29,31,.018) 1px,transparent 1px);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 86%);
  }

  .vghero::after {
    border-color:rgba(103,143,135,.08);
    box-shadow:0 0 0 65px rgba(103,143,135,.012),0 0 0 130px rgba(103,143,135,.008);
  }

  .vghero__glow--one {
    opacity:.42;
    background:radial-gradient(circle,rgba(121,157,149,.13),transparent 68%);
  }

  .vghero__glow--two {
    opacity:.36;
    background:radial-gradient(circle,rgba(145,174,168,.11),transparent 67%);
  }

  .vghero__eyebrow { color:#5e7f78; }
  .vghero__eyebrow span { background:#789c94; }
  .vghero h1 { color:#1d1d1f; }
  .vghero h1 em {
    color:#638d84;
    background:none;
    -webkit-text-fill-color:currentColor;
  }

  .vghero__content > p { color:#6e6e73; }

  .vghero__button--primary {
    color:#fff !important;
    background:#252827;
    box-shadow:0 9px 24px rgba(29,29,31,.12);
  }

  .vghero__button--primary:hover {
    color:#fff !important;
    background:#3a403e;
    box-shadow:0 12px 28px rgba(29,29,31,.15);
  }

  .vghero__button--secondary {
    color:#2b3230 !important;
    border-color:#d7d7dc;
    background:rgba(255,255,255,.8);
    box-shadow:none;
  }

  .vghero__button--secondary:hover {
    color:#2b3230 !important;
    border-color:#bfc2c1;
    background:#fff;
  }

  .vghero__micro span { color:#6e6e73; }
  .vghero__micro i {
    border-color:#d4dfdc;
    color:#648f86;
    background:#eef3f2;
  }

  .vghero__guide {
    border-color:rgba(29,29,31,.09);
    background:rgba(255,255,255,.88);
    box-shadow:0 24px 60px rgba(29,29,31,.075);
  }

  .vghero__guide::before {
    opacity:.52;
    background:radial-gradient(circle,rgba(125,158,151,.12),transparent 68%);
  }

  .vghero__guide-top > span { color:#638d84; }

  .vghero__guide-top > i {
    border-color:#e1e1e5;
    color:#75757a;
    background:#f7f7f8;
  }

  .vghero__guide h2 { color:#1d1d1f; }
  .vghero__guide > p { color:#747479; }

  .vghero__step {
    border-color:#e2e2e6;
    background:#fbfbfc;
  }

  .vghero__step--active {
    border-color:#c4d4d0;
    background:#f5f8f7;
  }

  .vghero__step > span {
    border-color:#dce3e1;
    color:#638d84;
    background:#f2f6f5;
  }

  .vghero__step strong { color:#2a2a2c; }
  .vghero__step small { color:#7a7a80; }
  .vghero__step > i { color:#99999f; }
  .vghero__step--active > i { color:#668f87; }
  .vghero__guide-foot { border-top-color:#e4e4e7; }
  .vghero__guide-foot > span { color:#7b7b80; }
  .vghero__guide-foot > span i {
    background:#7b9f98;
    box-shadow:none;
  }
  .vghero__guide-foot a { color:#435f59; }
  .vghero__guide-foot b { color:#668f87; }

  .vghero__trust {
    border-top-color:#e1e1e4;
    background:rgba(255,255,255,.76);
  }

  .vghero__trust-item:not(:last-child) { border-right-color:#e1e1e4; }

  .vghero__trust-icon {
    border-color:#d8e1df;
    color:#688f87;
    background:#f1f5f4;
  }

  .vghero__trust-item strong { color:#2b2b2d; }
  .vghero__trust-item span { color:#7a7a80; }

  .vg-main-products-preview {
    --vgmp-ink:#1d1d1f;
    --vgmp-muted:#6e6e73;
    --vgmp-accent:#668f87;
    background:#fff;
  }

  .vgmp-card {
    border-color:#e1e1e5;
    background:#fff;
    box-shadow:0 10px 30px rgba(29,29,31,.045);
  }

  .vgmp-card:hover {
    border-color:#cbd5d2;
    box-shadow:0 17px 42px rgba(29,29,31,.075);
  }

  .vgmp-card--featured { border-color:#c5d5d1; }
  .vgmp-visual { border-bottom-color:#e7e7ea; }
  .vgmp-visual::after { background:rgba(108,144,136,.065); }
  .vgmp-badge { border-color:#dedee2; color:#646469; background:rgba(255,255,255,.94); }
  .vgmp-badge--featured { color:#fff; background:#688f87; }
  .vgmp-fit { border-color:#dde5e3; background:#f7f9f8; }
  .vgmp-fit b { color:#2a2a2c; }
  .vgmp-body > p { color:#646469; }
  .vgmp-body > ul { color:#444448; }
  .vgmp-body > ul li { border-top-color:#ededf0; }
  .vgmp-meta span { color:#646469; background:#f2f2f4; }
  .vgmp-actions > a { border-color:#dbdbdf; }
  .vgmp-actions button {
    border-color:#292c2b;
    background:#292c2b;
  }
  .vgmp-actions button:hover {
    border-color:#4c625e;
    background:#4c625e;
  }
  .vgmp-note { color:#85858a; }

  .vg-quiz {
    background:#f5f5f7;
  }

  .vg-quiz::before {
    opacity:.65;
    background:
      radial-gradient(circle at 8% 20%,rgba(118,151,144,.07),transparent 27%),
      radial-gradient(circle at 92% 82%,rgba(160,181,176,.065),transparent 28%);
  }

  .vg-quiz__heading > p,
  .vg-quiz-step > p,
  .vg-quiz-results__heading p { color:#707075; }

  .vg-quiz__shell {
    border-color:#dedee2;
    background:rgba(255,255,255,.9);
    box-shadow:0 22px 55px rgba(29,29,31,.065);
  }

  .vg-quiz__aside {
    border-right-color:#e1e1e5;
    background:#fafafa;
  }

  .vg-quiz__aside-label,
  .vg-quiz__aside > small { color:#7a7a80; }
  .vg-quiz__aside > strong b,
  .vg-quiz-step__number { color:#668f87; }
  .vg-quiz__progress { background:#e3e3e6; }
  .vg-quiz__progress i { background:#789c94; }
  .vg-quiz__steps-list li::before { border-color:#d7d7dc; color:#85858a; background:#fff; }
  .vg-quiz__steps-list li.is-active::before { border-color:#668f87; background:#668f87; }
  .vg-quiz__steps-list li.is-complete::before { border-color:#bfcfcb; color:#5e857d; background:#f0f5f3; }

  .vg-quiz-option {
    border-color:#e0e0e4;
    background:#fff;
    box-shadow:none;
  }

  .vg-quiz-option:hover,
  .vg-quiz-option.is-selected {
    border-color:#b7cbc6;
    background:#f7f9f8;
    box-shadow:0 7px 18px rgba(29,29,31,.045);
  }

  .vg-quiz-option i {
    border-color:#d9e2e0;
    color:#648e85;
    background:#f2f6f5;
  }

  .vg-quiz-option small { color:#76767b; }
  .vg-quiz__nav { border-top-color:#e2e2e5; }

  .vg-quiz__back,
  .vg-quiz__reset {
    border-color:#d7d7db;
    background:#fff;
  }

  .vg-quiz__back:hover:not(:disabled),
  .vg-quiz__reset:hover { border-color:#789c94; color:#526f69; }

  .vg-quiz-result {
    border-color:#e0e0e4;
    box-shadow:0 7px 20px rgba(29,29,31,.04);
  }

  .vg-quiz-result--best {
    border-color:#b6cbc6;
    box-shadow:0 12px 30px rgba(29,29,31,.065);
  }

  .vg-quiz-result__image { background:#f5f5f7; }
  .vg-quiz-result__tags span { color:#646469; background:#f1f1f3; }

  .vg-quiz-result__actions button {
    border-color:#292c2b;
    background:#292c2b;
  }

  .vg-quiz-no-match { border-color:#dedee2; background:#fff; }
  .vg-quiz-no-match__eyebrow { color:#668f87; }
  .vg-quiz-no-match__actions a {
    border-color:#526f69;
    background:#526f69;
  }
  .vg-quiz-no-match__actions button:hover { border-color:#668f87; color:#526f69; }

  .vg-catalog {
    background:#fff;
  }

  .vg-catalog > .vg-wrap { border-top-color:#e2e2e5; }
  .vg-catalog__count { border-color:#dddddf; background:#fafafa; }
  .vg-catalog__count span { color:#6e6e73; }
  .vg-catalog__nav button { border-color:#d9d9dd; background:#fff; }

  .vg-catalog__nav button:hover:not(:disabled) {
    border-color:#8fa9a3;
    color:#526f69;
    background:#fff;
  }

  .vg-catalog__grid { scrollbar-color:#c5d2cf transparent; }
  .vg-catalog__grid::-webkit-scrollbar-thumb { background:#c5d2cf; }

  .vg-mini-product {
    border-color:#e0e0e4;
    box-shadow:0 7px 22px rgba(29,29,31,.035);
  }

  .vg-mini-product:hover {
    border-color:#c9d4d1;
    box-shadow:0 14px 32px rgba(29,29,31,.06);
  }

  .vg-mini-product__image { background:#f5f5f7; }
  .vg-mini-product__image > span { border-color:#dedee2; color:#5f5f64; }
  .vg-mini-product__body > p { color:#646469; }
  .vg-mini-product__actions > a { border-color:#dcdce0; }

  .vg-mini-product__actions button,
  .vg-mini-product__actions--single > a {
    color:#fff;
    border-color:#292c2b;
    background:#292c2b;
  }

  .vg-mini-product__actions button:hover,
  .vg-mini-product__actions--single > a:hover {
    color:#fff;
    border-color:#4c625e;
    background:#4c625e;
  }

  .vgbp {
    --vgbp-ink:#1d1d1f;
    --vgbp-copy:#6e6e73;
    --vgbp-line:#dedee2;
    --vgbp-accent:#668f87;
    --vgbp-accent-dark:#405d57;
    --vgbp-soft:#f0f4f3;
    background:
      radial-gradient(circle at 9% 8%,rgba(123,155,148,.055),transparent 29%),
      #f5f5f7;
  }

  .vgbp::after {
    opacity:.5;
    border-color:rgba(103,143,135,.08);
    box-shadow:0 0 0 50px rgba(103,143,135,.012),0 0 0 100px rgba(103,143,135,.008);
  }

  .vgbp__grid {
    border-color:#dedee2;
    background:#fff;
    box-shadow:0 17px 45px rgba(29,29,31,.055);
  }

  .vgbp__item:hover { background:#fafafa; }

  .vgbp__icon {
    border-color:#d7e1de;
    color:#668f87;
    background:#f1f5f4;
  }

  .vgbp__number { color:#a2a2a7; }
  .vgbp__proof span { color:#6e6e73; }

  .vgbp__button {
    color:#fff !important;
    background:#292c2b;
    box-shadow:0 8px 20px rgba(29,29,31,.1);
  }

  .vgbp__button:hover {
    color:#fff !important;
    background:#4c625e;
  }

  @media (max-width:620px) {
    .vghero__trust-item:not(:last-child) { border-bottom-color:#e1e1e4; }
    .vg-quiz__aside { border-bottom-color:#e1e1e5; }
  }


  /* SUBTELNY AKCENT NIEBIESKI */
  .vgate-redesign {
    --vg-accent:#6d8eac;
    --vg-accent-2:#91a9be;
    --vg-cyan:#afc2d2;
  }

  .vghero {
    --vgh-accent:#708fad;
    --vgh-cyan:#9bb2c7;
    background:
      radial-gradient(circle at 77% 23%,rgba(105,139,169,.085),transparent 31%),
      linear-gradient(180deg,#f7f7f8 0%,#f3f4f5 100%);
  }

  .vghero::after {
    border-color:rgba(101,137,168,.075);
    box-shadow:0 0 0 65px rgba(101,137,168,.012),0 0 0 130px rgba(101,137,168,.008);
  }

  .vghero__glow--one {
    background:radial-gradient(circle,rgba(112,145,174,.13),transparent 68%);
  }

  .vghero__glow--two {
    background:radial-gradient(circle,rgba(143,167,189,.11),transparent 67%);
  }

  .vghero__eyebrow { color:#5d7c98; }
  .vghero__eyebrow span { background:#7897b3; }
  .vghero h1 em { color:#6688a7; }

  .vghero__micro i {
    border-color:#d4dee7;
    color:#6688a7;
    background:#f0f4f7;
  }

  .vghero__guide::before {
    background:radial-gradient(circle,rgba(117,148,176,.12),transparent 68%);
  }

  .vghero__guide-top > span { color:#6688a7; }
  .vghero__step--active {
    border-color:#c5d3df;
    background:#f5f7f9;
  }

  .vghero__step > span {
    border-color:#d9e1e8;
    color:#6485a3;
    background:#f2f5f7;
  }

  .vghero__step--active > i { color:#6d8eac; }
  .vghero__guide-foot > span i { background:#7897b3; }
  .vghero__guide-foot a { color:#4c6c89; }
  .vghero__guide-foot b { color:#6d8eac; }

  .vghero__trust-icon {
    border-color:#d8e0e7;
    color:#6a8ba9;
    background:#f1f4f7;
  }

  .vg-main-products-preview {
    --vgmp-accent:#6d8eac;
  }

  .vgmp-card:hover { border-color:#cbd5de; }
  .vgmp-card--featured { border-color:#c4d2df; }
  .vgmp-visual::after { background:rgba(105,141,173,.065); }
  .vgmp-badge--featured { background:#6d8eac; }
  .vgmp-fit { border-color:#dde3e9; background:#f7f8fa; }

  .vg-quiz::before {
    background:
      radial-gradient(circle at 8% 20%,rgba(109,142,172,.07),transparent 27%),
      radial-gradient(circle at 92% 82%,rgba(145,169,190,.06),transparent 28%);
  }

  .vg-quiz__aside > strong b,
  .vg-quiz-step__number { color:#6d8eac; }
  .vg-quiz__progress i { background:#7897b3; }
  .vg-quiz__steps-list li.is-active::before { border-color:#6d8eac; background:#6d8eac; }
  .vg-quiz__steps-list li.is-complete::before {
    border-color:#c0cfdd;
    color:#6384a1;
    background:#f1f5f8;
  }

  .vg-quiz-option:hover,
  .vg-quiz-option.is-selected {
    border-color:#b8c9d8;
    background:#f7f8fa;
  }

  .vg-quiz-option i {
    border-color:#d9e1e8;
    color:#6688a7;
    background:#f2f5f8;
  }

  .vg-quiz__back:hover:not(:disabled),
  .vg-quiz__reset:hover {
    border-color:#7897b3;
    color:#4e6e8b;
  }

  .vg-quiz-result--best { border-color:#b8c9d8; }
  .vg-quiz-no-match__eyebrow { color:#6d8eac; }
  .vg-quiz-no-match__actions a { border-color:#547591; background:#547591; }
  .vg-quiz-no-match__actions button:hover { border-color:#6d8eac; color:#4e6e8b; }

  .vg-catalog__nav button:hover:not(:disabled) {
    border-color:#93aabe;
    color:#4e6e8b;
  }

  .vg-catalog__grid { scrollbar-color:#c5d1dc transparent; }
  .vg-catalog__grid::-webkit-scrollbar-thumb { background:#c5d1dc; }
  .vg-mini-product:hover { border-color:#c9d3dc; }

  .vgbp {
    --vgbp-accent:#6d8eac;
    --vgbp-accent-dark:#496a86;
    --vgbp-soft:#f0f4f7;
    background:
      radial-gradient(circle at 9% 8%,rgba(111,143,171,.05),transparent 29%),
      #f5f5f7;
  }

  .vgbp::after {
    border-color:rgba(101,137,168,.075);
    box-shadow:0 0 0 50px rgba(101,137,168,.012),0 0 0 100px rgba(101,137,168,.008);
  }

  .vgbp__icon {
    border-color:#d7e0e7;
    color:#6d8eac;
    background:#f1f4f7;
  }


  /* ZBALANSOWANY MOTYW GRAFITOWO NIEBIESKI */
  .vgate-redesign {
    --vg-accent:#6f86b5;
    --vg-accent-2:#8ca0ca;
    --vg-cyan:#91b4c7;
  }

  .vghero {
    --vgh-ink:#f6f7fb;
    --vgh-copy:#b4bcc9;
    --vgh-line:rgba(255,255,255,.09);
    --vgh-accent:#778ccc;
    --vgh-cyan:#7eacc3;
    color:var(--vgh-ink);
    background:
      radial-gradient(circle at 74% 28%,rgba(89,111,180,.16),transparent 32%),
      radial-gradient(circle at 96% 92%,rgba(66,126,151,.08),transparent 29%),
      linear-gradient(125deg,#090d14 0%,#0d121b 55%,#111522 100%);
  }

  .vghero::before {
    background:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 88%);
  }

  .vghero::after {
    border-color:rgba(116,137,204,.13);
    box-shadow:0 0 0 65px rgba(95,117,187,.021),0 0 0 130px rgba(95,117,187,.012);
  }

  .vghero__glow--one {
    opacity:.72;
    background:radial-gradient(circle,rgba(78,99,168,.17),rgba(78,99,168,.045) 46%,transparent 70%);
  }

  .vghero__glow--two {
    opacity:.65;
    background:radial-gradient(circle,rgba(67,126,151,.11),transparent 67%);
  }

  .vghero__eyebrow { color:#bcc7eb; }
  .vghero__eyebrow span { background:linear-gradient(90deg,#6eacc7,#7187cb); }
  .vghero h1 { color:#fff; }

  .vghero h1 em {
    color:transparent;
    background:linear-gradient(105deg,#8e9bd9 5%,#748bcf 58%,#76a8c3 112%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }

  .vghero__content > p { color:#b6bdc9; }

  .vghero__button--primary {
    color:#fff !important;
    background:#657bc3;
    box-shadow:0 13px 34px rgba(54,72,137,.25);
  }

  .vghero__button--primary:hover {
    color:#fff !important;
    background:#7186cc;
    box-shadow:0 16px 38px rgba(54,72,137,.32);
  }

  .vghero__button--secondary {
    color:#f4f6fb !important;
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.045);
  }

  .vghero__button--secondary:hover {
    color:#fff !important;
    border-color:rgba(255,255,255,.3);
    background:rgba(255,255,255,.075);
  }

  .vghero__micro span { color:#aeb6c4; }

  .vghero__micro i {
    border-color:rgba(126,172,195,.23);
    color:#86b5ca;
    background:rgba(92,145,171,.08);
  }

  .vghero__guide {
    border-color:rgba(161,174,217,.15);
    background:linear-gradient(145deg,rgba(29,35,49,.88),rgba(17,22,32,.82));
    box-shadow:0 30px 75px rgba(0,0,0,.25);
  }

  .vghero__guide::before {
    opacity:.72;
    background:radial-gradient(circle,rgba(105,124,190,.17),transparent 68%);
  }

  .vghero__guide-top > span { color:#9daddb; }

  .vghero__guide-top > i {
    border-color:rgba(255,255,255,.1);
    color:#a7afbc;
    background:rgba(255,255,255,.035);
  }

  .vghero__guide h2 { color:#f7f8fb; }
  .vghero__guide > p { color:#9fa8b6; }

  .vghero__step {
    border-color:rgba(255,255,255,.075);
    background:rgba(5,8,13,.3);
  }

  .vghero__step--active {
    border-color:rgba(118,139,204,.3);
    background:linear-gradient(90deg,rgba(100,122,194,.13),rgba(100,122,194,.025));
  }

  .vghero__step > span {
    border-color:rgba(255,255,255,.1);
    color:#9aabdc;
    background:rgba(255,255,255,.035);
  }

  .vghero__step strong { color:#f3f5f9; }
  .vghero__step small { color:#818b9a; }
  .vghero__step > i { color:#7f8997; }
  .vghero__step--active > i { color:#82b3ca; }
  .vghero__guide-foot { border-top-color:rgba(255,255,255,.08); }
  .vghero__guide-foot > span { color:#8c96a5; }
  .vghero__guide-foot > span i { background:#78aac1; }
  .vghero__guide-foot a { color:#f3f5fa; }
  .vghero__guide-foot b { color:#8ca0d6; }

  .vghero__trust {
    border-top-color:rgba(255,255,255,.085);
    background:rgba(10,14,21,.82);
  }

  .vghero__trust-item:not(:last-child) { border-right-color:rgba(255,255,255,.085); }

  .vghero__trust-icon {
    border-color:rgba(126,145,204,.2);
    color:#8fa2d8;
    background:rgba(103,123,189,.075);
  }

  .vghero__trust-item strong { color:#f3f5f9; }
  .vghero__trust-item span { color:#8f98a7; }

  .vg-main-products-preview {
    --vgmp-accent:#6f86b5;
    background:linear-gradient(180deg,#f3f5f8 0%,#eef1f5 100%);
  }

  .vgmp-card { border-color:#dce0e7; }
  .vgmp-card:hover { border-color:#c5cfdd; }
  .vgmp-card--featured { border-color:#bdc9db; }
  .vgmp-visual::after { background:rgba(100,125,180,.07); }
  .vgmp-badge--featured { background:#6f86b5; }
  .vgmp-fit { border-color:#d8deea; background:#f5f7fa; }

  .vg-quiz {
    background:linear-gradient(180deg,#eef1f5 0%,#e9edf2 100%);
  }

  .vg-quiz::before {
    background:
      radial-gradient(circle at 8% 20%,rgba(100,125,180,.085),transparent 27%),
      radial-gradient(circle at 92% 82%,rgba(113,159,180,.065),transparent 28%);
  }

  .vg-quiz__aside > strong b,
  .vg-quiz-step__number { color:#6f86b5; }
  .vg-quiz__progress i { background:linear-gradient(90deg,#6f86b5,#8eafc0); }
  .vg-quiz__steps-list li.is-active::before { border-color:#6f86b5; background:#6f86b5; }
  .vg-quiz__steps-list li.is-complete::before {
    border-color:#c1ccde;
    color:#667fae;
    background:#f0f3f8;
  }

  .vg-quiz-option:hover,
  .vg-quiz-option.is-selected {
    border-color:#b8c4d8;
    background:#f5f7fa;
  }

  .vg-quiz-option i {
    border-color:#d7deea;
    color:#6d84b1;
    background:#f1f4f8;
  }

  .vg-quiz-result--best { border-color:#b6c3d8; }
  .vg-quiz-no-match__eyebrow { color:#6f86b5; }

  .vg-catalog {
    background:linear-gradient(180deg,#eef1f5 0%,#f6f7f9 100%);
  }

  .vg-catalog__grid { scrollbar-color:#bbc6d8 transparent; }
  .vg-catalog__grid::-webkit-scrollbar-thumb { background:#bbc6d8; }

  .vgbp {
    --vgbp-accent:#6f86b5;
    --vgbp-accent-dark:#4e638f;
    --vgbp-soft:#eff2f7;
    background:
      radial-gradient(circle at 9% 8%,rgba(103,128,181,.065),transparent 29%),
      linear-gradient(180deg,#f1f3f6 0%,#eceff3 100%);
  }

  .vgbp::after {
    border-color:rgba(100,125,180,.09);
    box-shadow:0 0 0 50px rgba(100,125,180,.014),0 0 0 100px rgba(100,125,180,.008);
  }

  .vgbp__icon {
    border-color:#d6ddea;
    color:#6f86b5;
    background:#f0f3f8;
  }

  @media (max-width:620px) {
    .vghero__trust-item:not(:last-child) { border-bottom-color:rgba(255,255,255,.085); }
  }


  /* SPÓJNY AKCENT LAWENDOWY */
  .vgate-redesign {
    --vg-accent:#7869c7;
    --vg-accent-2:#9c8bff;
    --vg-cyan:#a99ee3;
  }

  .vghero {
    --vgh-accent:#7d6dd1;
    --vgh-cyan:#a99ee3;
    background:
      radial-gradient(circle at 74% 28%,rgba(111,89,190,.16),transparent 32%),
      radial-gradient(circle at 96% 92%,rgba(113,103,177,.07),transparent 29%),
      linear-gradient(125deg,#090c13 0%,#0d111a 55%,#121321 100%);
  }

  .vghero::after {
    border-color:rgba(137,118,218,.14);
    box-shadow:0 0 0 65px rgba(113,92,199,.022),0 0 0 130px rgba(113,92,199,.012);
  }

  .vghero__glow--one {
    background:radial-gradient(circle,rgba(104,83,188,.18),rgba(104,83,188,.045) 46%,transparent 70%);
  }

  .vghero__glow--two {
    background:radial-gradient(circle,rgba(126,111,190,.1),transparent 67%);
  }

  .vghero__eyebrow { color:#c8bef7; }
  .vghero__eyebrow span { background:linear-gradient(90deg,#9892d8,#7d69d5); }

  .vghero h1 em {
    color:#9c8bff;
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
    -webkit-text-fill-color:#9c8bff;
  }

  .vghero__button--primary {
    background:#7666d0;
    box-shadow:0 13px 34px rgba(77,57,157,.27);
  }

  .vghero__button--primary:hover {
    background:#8273d8;
    box-shadow:0 16px 38px rgba(77,57,157,.33);
  }

  .vghero__micro i {
    border-color:rgba(156,139,255,.24);
    color:#a99cff;
    background:rgba(128,105,214,.085);
  }

  .vghero__guide {
    border-color:rgba(169,153,232,.16);
  }

  .vghero__guide::before {
    background:radial-gradient(circle,rgba(126,104,211,.18),transparent 68%);
  }

  .vghero__guide-top > span { color:#b5a8f0; }

  .vghero__step--active {
    border-color:rgba(143,123,222,.32);
    background:linear-gradient(90deg,rgba(121,101,202,.14),rgba(121,101,202,.025));
  }

  .vghero__step > span { color:#b1a5ed; }
  .vghero__step--active > i { color:#ab9ef0; }
  .vghero__guide-foot > span i { background:#9688de; }
  .vghero__guide-foot b { color:#a99cff; }

  .vghero__trust-icon {
    border-color:rgba(150,133,219,.21);
    color:#a99ae8;
    background:rgba(121,100,201,.075);
  }

  .vg-main-products-preview {
    --vgmp-accent:#7869c7;
    background:linear-gradient(180deg,#f4f3f7 0%,#efeff4 100%);
  }

  .vgmp-card:hover { border-color:#cec9e1; }
  .vgmp-card--featured { border-color:#c5bedf; }
  .vgmp-visual::after { background:rgba(120,105,199,.075); }
  .vgmp-badge--featured { background:#7869c7; }
  .vgmp-fit { border-color:#ded9ec; background:#f7f6fb; }

  .vg-quiz {
    background:linear-gradient(180deg,#f0eff4 0%,#ecebf1 100%);
  }

  .vg-quiz::before {
    background:
      radial-gradient(circle at 8% 20%,rgba(120,105,199,.09),transparent 27%),
      radial-gradient(circle at 92% 82%,rgba(158,143,212,.065),transparent 28%);
  }

  .vg-quiz__aside > strong b,
  .vg-quiz-step__number { color:#7869c7; }

  .vg-quiz__progress i { background:linear-gradient(90deg,#7869c7,#a699dc); }
  .vg-quiz__steps-list li.is-active::before { border-color:#7869c7; background:#7869c7; }

  .vg-quiz__steps-list li.is-complete::before {
    border-color:#cec6e4;
    color:#7464bd;
    background:#f3f1fa;
  }

  .vg-quiz-option:hover,
  .vg-quiz-option.is-selected {
    border-color:#c7bfe0;
    background:#f7f6fb;
  }

  .vg-quiz-option i {
    border-color:#ded8ec;
    color:#7869c7;
    background:#f3f1fa;
  }

  .vg-quiz__back:hover:not(:disabled),
  .vg-quiz__reset:hover {
    border-color:#8b7bd2;
    color:#695ab3;
  }

  .vg-quiz-result--best { border-color:#c4bbdf; }
  .vg-quiz-no-match__eyebrow { color:#7869c7; }
  .vg-quiz-no-match__actions a { border-color:#6858b4; background:#6858b4; }
  .vg-quiz-no-match__actions button:hover { border-color:#7869c7; color:#6556ad; }

  .vg-catalog {
    background:linear-gradient(180deg,#efeff4 0%,#f7f6f9 100%);
  }

  .vg-catalog__nav button:hover:not(:disabled) {
    border-color:#a99fd0;
    color:#6556ad;
  }

  .vg-catalog__grid { scrollbar-color:#c8c1de transparent; }
  .vg-catalog__grid::-webkit-scrollbar-thumb { background:#c8c1de; }
  .vg-mini-product:hover { border-color:#cec8df; }

  .vgbp {
    --vgbp-accent:#7869c7;
    --vgbp-accent-dark:#58499e;
    --vgbp-soft:#f1eff8;
    background:
      radial-gradient(circle at 9% 8%,rgba(120,105,199,.07),transparent 29%),
      linear-gradient(180deg,#f2f1f5 0%,#eeedf2 100%);
  }

  .vgbp::after {
    border-color:rgba(120,105,199,.095);
    box-shadow:0 0 0 50px rgba(120,105,199,.015),0 0 0 100px rgba(120,105,199,.009);
  }

  .vgbp__icon {
    border-color:#ddd8eb;
    color:#7869c7;
    background:#f2f0f8;
  }

  /* Spokojny panel diagnostyczny na pierwszym ekranie */
  .vghero__diagnostic {
    position:relative;
    overflow:hidden;
    width:100%;
    max-width:520px;
    justify-self:end;
    padding:28px;
    border:1px solid rgba(169,153,232,.16);
    border-radius:26px;
    background:linear-gradient(145deg,rgba(29,35,49,.88),rgba(17,22,32,.82));
    box-shadow:0 34px 85px rgba(0,0,0,.3);
    backdrop-filter:blur(18px);
  }

  .vghero__diagnostic::before {
    content:"";
    position:absolute;
    top:-110px;
    right:-95px;
    width:270px;
    height:270px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(126,104,211,.17),transparent 69%);
    pointer-events:none;
  }

  .vghero__diagnostic::after {
    content:"";
    position:absolute;
    left:-105px;
    bottom:-135px;
    width:250px;
    height:250px;
    border:1px solid rgba(156,139,255,.075);
    border-radius:50%;
    pointer-events:none;
  }

  .vghero__diagnostic-top,
  .vghero__diagnostic-main,
  .vghero__diagnostic-grid,
  .vghero__diagnostic-foot { position:relative; z-index:1; }

  .vghero__diagnostic-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
  }

  .vghero__diagnostic-top > span {
    color:#b5a8f0;
    font-size:10px;
    font-weight:850;
    letter-spacing:.13em;
    text-transform:uppercase;
  }

  .vghero__diagnostic-top > i {
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    color:#aeb4c2;
    background:rgba(255,255,255,.04);
    font-size:9px;
    font-style:normal;
    font-weight:750;
    letter-spacing:.08em;
  }

  .vghero__diagnostic-main {
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    align-items:center;
    gap:25px;
    padding:33px 0 29px;
  }

  .vghero__engine {
    position:relative;
    width:132px;
    height:132px;
    display:grid;
    place-items:center;
    border:1px solid rgba(156,139,255,.2);
    border-radius:50%;
    color:#9c8bff;
    background:
      radial-gradient(circle,rgba(156,139,255,.12),rgba(156,139,255,.025) 57%,transparent 58%),
      rgba(8,11,18,.34);
    box-shadow:inset 0 0 32px rgba(156,139,255,.035),0 18px 45px rgba(0,0,0,.17);
  }

  .vghero__engine::before,
  .vghero__engine::after {
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
  }

  .vghero__engine::before {
    inset:10px;
    border:1px dashed rgba(156,139,255,.11);
  }

  .vghero__engine::after {
    right:13px;
    top:18px;
    width:7px;
    height:7px;
    background:#9c8bff;
    box-shadow:0 0 17px rgba(156,139,255,.72);
  }

  .vghero__engine > span {
    position:absolute;
    width:86px;
    height:86px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(156,139,255,.09),transparent 70%);
  }

  .vghero__engine svg {
    position:relative;
    z-index:1;
    width:72px;
    height:58px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
    filter:drop-shadow(0 0 12px rgba(156,139,255,.24));
  }

  .vghero__diagnostic-copy small {
    display:block;
    margin-bottom:8px;
    color:#9c8bff;
    font-size:9.5px;
    font-weight:850;
    letter-spacing:.15em;
  }

  .vghero__diagnostic-copy h2 {
    margin:0 0 10px;
    color:#f7f8fb;
    font-size:27px;
    font-weight:750;
    letter-spacing:-.035em;
    line-height:1.13;
  }

  .vghero__diagnostic-copy p {
    margin:0;
    color:#9fa8b6;
    font-size:12.5px;
    line-height:1.55;
  }

  .vghero__diagnostic-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
  }

  .vghero__diagnostic-grid > div {
    min-height:86px;
    padding:13px 12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:rgba(5,7,12,.32);
  }

  .vghero__diagnostic-grid span,
  .vghero__diagnostic-grid strong,
  .vghero__diagnostic-grid small { display:block; }

  .vghero__diagnostic-grid span {
    margin-bottom:10px;
    color:#9c8bff;
    font-size:8.5px;
    font-weight:850;
    letter-spacing:.09em;
  }

  .vghero__diagnostic-grid strong {
    margin-bottom:4px;
    color:#f4f5fa;
    font-size:12px;
    font-weight:740;
    line-height:1.2;
  }

  .vghero__diagnostic-grid small {
    color:#858e9e;
    font-size:9.5px;
    line-height:1.35;
  }

  .vghero__diagnostic-foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:18px;
    padding-top:17px;
    border-top:1px solid rgba(255,255,255,.08);
  }

  .vghero__diagnostic-foot > span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#8e97a6;
    font-size:10px;
  }

  .vghero__diagnostic-foot > span i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#9688de;
    box-shadow:0 0 14px rgba(150,136,222,.66);
  }

  .vghero__diagnostic-foot strong {
    color:#c0b6f2;
    font-size:10px;
    font-weight:720;
    letter-spacing:.025em;
  }

  @media (max-width:980px) {
    .vghero__diagnostic { padding:24px; }
    .vghero__diagnostic-main { grid-template-columns:108px minmax(0,1fr); gap:20px; }
    .vghero__engine { width:108px; height:108px; }
    .vghero__engine svg { width:62px; height:50px; }
    .vghero__diagnostic-copy h2 { font-size:24px; }
  }

  @media (max-width:800px) {
    .vghero__diagnostic { max-width:650px; justify-self:start; }
  }

  @media (max-width:620px) {
    .vghero__diagnostic { padding:21px 18px; border-radius:20px; }
    .vghero__diagnostic-main { grid-template-columns:88px minmax(0,1fr); gap:16px; padding:27px 0 24px; }
    .vghero__engine { width:88px; height:88px; }
    .vghero__engine::before { inset:7px; }
    .vghero__engine::after { right:8px; top:12px; width:6px; height:6px; }
    .vghero__engine svg { width:52px; height:43px; }
    .vghero__diagnostic-copy h2 { font-size:21px; }
    .vghero__diagnostic-copy p { font-size:11.5px; }
    .vghero__diagnostic-grid { gap:6px; }
    .vghero__diagnostic-grid > div { min-height:81px; padding:11px 8px; }
    .vghero__diagnostic-grid strong { font-size:10.5px; }
    .vghero__diagnostic-grid small { font-size:8.7px; }
    .vghero__diagnostic-foot { align-items:flex-start; flex-direction:column; }
  }

  /* Delikatny znak diagnostyczny bez karty i dodatkowych kafelków */
  .vghero__ambient {
    position:relative;
    width:100%;
    max-width:500px;
    min-height:440px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    justify-self:end;
    pointer-events:none;
  }

  .vghero__ambient-visual {
    position:relative;
    width:390px;
    height:340px;
    display:grid;
    place-items:center;
  }

  .vghero__ambient-visual::before {
    content:"";
    position:absolute;
    inset:18px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(137,119,216,.08) 0%,rgba(137,119,216,.025) 39%,transparent 69%);
    filter:blur(2px);
  }

  .vghero__ambient-ring,
  .vghero__ambient-orbit {
    position:absolute;
    border-radius:50%;
  }

  .vghero__ambient-ring--outer {
    width:330px;
    height:330px;
    border:1px solid rgba(181,168,240,.085);
    box-shadow:0 0 70px rgba(104,85,186,.025);
  }

  .vghero__ambient-ring--inner {
    width:235px;
    height:235px;
    border:1px dashed rgba(181,168,240,.09);
  }

  .vghero__ambient-orbit {
    width:350px;
    height:168px;
    border:1px solid rgba(181,168,240,.075);
    transform:rotate(-17deg);
  }

  .vghero__ambient-orbit::after {
    content:"";
    position:absolute;
    top:17px;
    right:57px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(156,139,255,.62);
    box-shadow:0 0 15px rgba(156,139,255,.55);
  }

  .vghero__ambient-engine {
    position:relative;
    width:106px;
    height:72px;
    border:2px solid rgba(194,184,241,.3);
    border-radius:16px 20px 14px 14px;
    box-shadow:0 0 35px rgba(137,119,216,.075),inset 0 0 25px rgba(137,119,216,.025);
  }

  .vghero__ambient-engine::before {
    content:"";
    position:absolute;
    top:-18px;
    left:24px;
    width:54px;
    height:18px;
    border:2px solid rgba(194,184,241,.3);
    border-bottom:0;
    border-radius:8px 8px 0 0;
  }

  .vghero__ambient-engine::after {
    content:"";
    position:absolute;
    top:23px;
    right:-18px;
    width:18px;
    height:27px;
    border:2px solid rgba(194,184,241,.3);
    border-left:0;
    border-radius:0 8px 8px 0;
  }

  .vghero__ambient-engine > span {
    position:absolute;
    top:23px;
    left:-16px;
    width:16px;
    height:25px;
    border:2px solid rgba(194,184,241,.3);
    border-right:0;
    border-radius:7px 0 0 7px;
  }

  .vghero__ambient-engine > span::before {
    content:"";
    position:absolute;
    top:10px;
    left:33px;
    width:45px;
    height:2px;
    border-radius:2px;
    background:rgba(194,184,241,.25);
    box-shadow:0 12px 0 rgba(194,184,241,.14);
  }

  .vghero__ambient-engine > span::after {
    content:"";
    position:absolute;
    top:7px;
    left:81px;
    width:7px;
    height:7px;
    border:1px solid rgba(194,184,241,.27);
    border-radius:50%;
  }

  .vghero__ambient-caption {
    position:relative;
    z-index:2;
    margin-top:-25px;
    text-align:center;
  }

  .vghero__ambient-caption > span {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:rgba(205,210,223,.62);
    font-size:9px;
    font-weight:750;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .vghero__ambient-caption > span i {
    width:6px;
    height:6px;
    border-radius:50%;
    background:rgba(156,139,255,.75);
    box-shadow:0 0 13px rgba(156,139,255,.48);
  }

  .vghero__ambient-caption p {
    margin:9px 0 0;
    color:rgba(213,217,227,.54);
    font-size:12px;
    font-weight:510;
    letter-spacing:.025em;
  }

  @media (max-width:980px) {
    .vghero__ambient-visual { width:340px; transform:scale(.9); }
  }

  @media (max-width:800px) {
    .vghero__ambient {
      max-width:650px;
      min-height:310px;
      align-items:flex-start;
      justify-self:start;
    }

    .vghero__ambient-visual {
      width:340px;
      height:265px;
      transform:scale(.78);
      transform-origin:left center;
    }

    .vghero__ambient-caption {
      width:340px;
      margin-top:-43px;
    }
  }

  @media (max-width:620px) {
    .vghero__ambient { min-height:250px; align-items:center; }
    .vghero__ambient-visual { width:300px; height:230px; transform:scale(.67); transform-origin:center; }
    .vghero__ambient-caption { width:300px; margin-top:-48px; }
  }

  /* Lekki motyw gniazda OBD2 */
  .vghero__port {
    position:relative;
    width:100%;
    max-width:500px;
    min-height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    justify-self:end;
    pointer-events:none;
  }

  .vghero__port-visual {
    position:relative;
    width:430px;
    height:310px;
    display:grid;
    place-items:center;
  }

  .vghero__port-halo {
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid rgba(169,153,232,.07);
    border-radius:50%;
    background:radial-gradient(circle,rgba(126,104,211,.055),rgba(126,104,211,.015) 48%,transparent 70%);
    box-shadow:0 0 0 47px rgba(169,153,232,.012);
  }

  .vghero__port-line {
    position:absolute;
    top:50%;
    width:105px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(169,153,232,.12));
  }

  .vghero__port-line::after {
    content:"";
    position:absolute;
    top:-2px;
    right:0;
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(156,139,255,.42);
    box-shadow:0 0 12px rgba(156,139,255,.28);
  }

  .vghero__port-line--left { left:0; }

  .vghero__port-line--right {
    right:0;
    transform:rotate(180deg);
  }

  .vghero__port-shell {
    position:relative;
    width:320px;
    height:158px;
    display:grid;
    place-items:center;
    clip-path:polygon(11% 0,89% 0,100% 100%,0 100%);
    background:linear-gradient(135deg,rgba(199,190,244,.19),rgba(126,104,211,.07));
    filter:drop-shadow(0 22px 35px rgba(0,0,0,.12));
  }

  .vghero__port-shell::before {
    content:"";
    position:absolute;
    inset:2px;
    clip-path:inherit;
    background:linear-gradient(145deg,rgba(20,25,36,.93),rgba(12,16,24,.82));
  }

  .vghero__port-shell::after {
    content:"";
    position:absolute;
    top:19px;
    left:50%;
    width:31px;
    height:3px;
    border-radius:4px;
    background:rgba(199,190,244,.12);
    transform:translateX(-50%);
  }

  .vghero__port-pins {
    position:relative;
    z-index:1;
    width:238px;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:15px 10px;
    margin-top:17px;
  }

  .vghero__port-pins i {
    width:20px;
    height:13px;
    border:1px solid rgba(199,190,244,.24);
    border-radius:4px;
    background:rgba(156,139,255,.035);
    box-shadow:inset 0 0 7px rgba(156,139,255,.02);
  }

  .vghero__port-pins i:nth-child(4),
  .vghero__port-pins i:nth-child(5),
  .vghero__port-pins i:nth-child(12),
  .vghero__port-pins i:nth-child(13) {
    border-color:rgba(199,190,244,.35);
    background:rgba(156,139,255,.075);
  }

  .vghero__port-caption {
    position:relative;
    z-index:2;
    margin-top:-22px;
    text-align:center;
  }

  .vghero__port-caption > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:rgba(199,203,216,.56);
    font-size:9px;
    font-weight:780;
    letter-spacing:.14em;
  }

  .vghero__port-caption > span i {
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(156,139,255,.62);
  }

  .vghero__port-caption p {
    margin:9px 0 0;
    color:rgba(215,218,227,.5);
    font-size:11.5px;
    font-weight:500;
    letter-spacing:.02em;
  }

  @media (max-width:980px) {
    .vghero__port-visual { width:360px; transform:scale(.85); }
  }

  @media (max-width:800px) {
    .vghero__port {
      max-width:650px;
      min-height:285px;
      align-items:flex-start;
      justify-self:start;
    }

    .vghero__port-visual {
      width:370px;
      height:245px;
      transform:scale(.75);
      transform-origin:left center;
    }

    .vghero__port-caption {
      width:370px;
      margin-top:-34px;
    }
  }

  @media (max-width:620px) {
    .vghero__port { min-height:235px; align-items:center; }
    .vghero__port-visual { width:300px; height:205px; transform:scale(.63); transform-origin:center; }
    .vghero__port-caption { width:300px; margin-top:-38px; }
  }

  /* Nowoczesny hero inspirowany obecną stroną Vgate */
  .vghero--brand {
    min-height:760px;
    display:grid;
    place-items:center;
    padding:76px 24px 58px;
    background:#07090d url("https://vgate.pl/wp-content/uploads/2025/10/Untitled-design-63.webp") center 45%/cover no-repeat;
  }

  .vghero--brand::before {
    z-index:-2;
    inset:0;
    background:
      linear-gradient(180deg,rgba(5,7,11,.79) 0%,rgba(6,8,12,.62) 43%,rgba(6,8,12,.9) 100%),
      linear-gradient(90deg,rgba(6,8,12,.2),rgba(16,15,28,.13),rgba(6,8,12,.27));
    background-size:auto;
    mask-image:none;
  }

  .vghero--brand::after {
    z-index:-1;
    inset:0;
    width:auto;
    height:auto;
    border:0;
    border-radius:0;
    background:
      radial-gradient(circle at 50% 37%,rgba(126,105,207,.14),transparent 29%),
      linear-gradient(180deg,transparent 58%,rgba(5,7,11,.24) 100%);
    box-shadow:none;
  }

  .vghero-brand {
    position:relative;
    z-index:1;
    width:min(1020px,100%);
    margin:0 auto;
    text-align:center;
  }

  .vghero-brand__eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:24px;
    color:rgba(225,225,234,.7);
    font-size:10px;
    font-weight:760;
    letter-spacing:.19em;
    text-transform:uppercase;
  }

  .vghero-brand__eyebrow span {
    width:34px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(156,139,255,.72));
  }

  .vghero-brand__eyebrow span:last-child { transform:rotate(180deg); }

  .vghero-brand__logo {
    width:205px;
    max-width:42vw;
    height:auto;
    display:block;
    margin:0 auto 23px;
    filter:drop-shadow(0 14px 28px rgba(0,0,0,.24));
  }

  .vghero--brand h1 {
    max-width:830px;
    margin:0 auto 22px;
    color:#f8f8fb;
    font-size:clamp(50px,5.15vw,68px);
    font-weight:710;
    letter-spacing:-.052em;
    line-height:.99;
    text-align:center;
  }

  .vghero--brand h1 em {
    color:#9c8bff;
    background:none;
    font-style:normal;
    -webkit-background-clip:initial;
    background-clip:initial;
    -webkit-text-fill-color:#9c8bff;
  }

  .vghero-brand__lead {
    max-width:720px;
    margin:0 auto 30px;
    color:rgba(222,225,234,.73);
    font-size:16px;
    font-weight:430;
    line-height:1.68;
  }

  .vghero-brand__actions {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:11px;
  }

  .vghero-brand__button {
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:17px;
    padding:13px 23px;
    border:1px solid transparent;
    border-radius:13px;
    font-size:13px;
    font-weight:760;
    line-height:1;
    text-decoration:none;
    transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
  }

  .vghero-brand__button:hover { transform:translateY(-2px); }

  .vghero-brand__button--primary {
    color:#fff !important;
    background:#7666d0;
    box-shadow:0 15px 36px rgba(77,57,157,.27);
  }

  .vghero-brand__button--primary:hover {
    color:#fff !important;
    background:#8273d8;
    box-shadow:0 18px 42px rgba(77,57,157,.34);
  }

  .vghero-brand__button--primary span { transition:transform .22s ease; }
  .vghero-brand__button--primary:hover span { transform:translateX(4px); }

  .vghero-brand__button--secondary {
    color:#f4f4f8 !important;
    border-color:rgba(255,255,255,.16);
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(9px);
  }

  .vghero-brand__button--secondary:hover {
    color:#fff !important;
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.075);
  }

  .vghero-brand__proof {
    width:min(930px,100%);
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:48px auto 0;
    border:1px solid rgba(255,255,255,.105);
    border-radius:19px;
    background:rgba(8,11,17,.48);
    box-shadow:0 24px 60px rgba(0,0,0,.17);
    backdrop-filter:blur(13px);
  }

  .vghero-brand__proof > div {
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    padding:19px 22px;
    text-align:left;
  }

  .vghero-brand__proof > div:not(:last-child) { border-right:1px solid rgba(255,255,255,.08); }

  .vghero-brand__proof i {
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid rgba(156,139,255,.24);
    border-radius:50%;
    color:#aa9cff;
    background:rgba(156,139,255,.075);
    font-size:10px;
    font-style:normal;
    font-weight:900;
  }

  .vghero-brand__proof strong,
  .vghero-brand__proof small { display:block; }

  .vghero-brand__proof strong {
    margin-bottom:4px;
    color:#f4f5f8;
    font-size:15px;
    font-weight:720;
    line-height:1.3;
  }

  .vghero-brand__proof small {
    color:rgba(191,197,210,.63);
    font-size:12.5px;
    line-height:1.35;
  }

  .vghero-brand__since {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:19px;
    color:rgba(190,195,207,.45);
    font-size:9.5px;
    font-weight:600;
    letter-spacing:.04em;
  }

  .vghero-brand__since span {
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(156,139,255,.5);
  }

  @media (max-width:800px) {
    .vghero--brand { min-height:auto; padding:68px 24px 54px; background-position:56% center; }
    .vghero-brand__proof { width:min(570px,100%); grid-template-columns:1fr; }
    .vghero-brand__proof > div { min-height:78px; justify-content:flex-start; padding:16px 20px; }
    .vghero-brand__proof > div:not(:last-child) { border-right:0; border-bottom:1px solid rgba(255,255,255,.08); }
  }

  @media (max-width:620px) {
    .vghero--brand { padding:56px 18px 42px; }
    .vghero-brand__eyebrow { gap:9px; margin-bottom:20px; font-size:8.5px; letter-spacing:.14em; }
    .vghero-brand__eyebrow span { width:18px; }
    .vghero-brand__logo { width:155px; margin-bottom:20px; }
    .vghero--brand h1 { margin-bottom:19px; font-size:clamp(42px,12vw,54px); line-height:1; }
    .vghero-brand__lead { margin-bottom:26px; font-size:14px; line-height:1.62; }
    .vghero-brand__actions { display:grid; width:100%; }
    .vghero-brand__button { width:100%; }
    .vghero-brand__proof { margin-top:34px; border-radius:16px; }
    .vghero-brand__since { margin-top:16px; font-size:8.7px; }
  }

  /* Naprzemienny rytm sekcji: ciemna, jasna, ciemna, jasna, ciemna */
  .vg-main-products-preview {
    background:linear-gradient(180deg,#fbfbfc 0%,#f3f2f6 100%);
  }

  .vg-catalog {
    background:linear-gradient(180deg,#fbfbfd 0%,#f4f3f7 100%);
  }

  .vg-quiz {
    --vg-ink:#f6f7fb;
    --vg-muted:#9da5b3;
    color:#f6f7fb;
    background:
      radial-gradient(circle at 8% 18%,rgba(120,105,199,.13),transparent 29%),
      radial-gradient(circle at 92% 84%,rgba(105,92,174,.075),transparent 27%),
      linear-gradient(135deg,#090c13 0%,#0d1119 52%,#11131d 100%);
  }

  .vg-quiz::before {
    background:
      linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 92%);
  }

  .vg-quiz__heading h2 { color:#f7f8fb; }
  .vg-quiz__heading > p { color:#a4acb9; }

  .vg-quiz__shell {
    border-color:rgba(255,255,255,.105);
    background:rgba(17,21,30,.82);
    box-shadow:0 34px 90px rgba(0,0,0,.28);
  }

  .vg-quiz__aside {
    border-right-color:rgba(255,255,255,.08);
    background:rgba(7,10,16,.4);
  }

  .vg-quiz__aside-label,
  .vg-quiz__aside > small { color:#7f8999; }
  .vg-quiz__aside > strong { color:#f4f5f8; }
  .vg-quiz__aside > strong b,
  .vg-quiz-step__number { color:#a99cff; }

  .vg-quiz__progress { background:rgba(255,255,255,.085); }
  .vg-quiz__progress i { background:linear-gradient(90deg,#7666d0,#a99cff); }

  .vg-quiz__steps-list li { color:#687282; }
  .vg-quiz__steps-list li.is-active { color:#f1f3f7; }
  .vg-quiz__steps-list li.is-complete { color:#a2aab7; }

  .vg-quiz__steps-list li::before {
    border-color:rgba(255,255,255,.12);
    color:#778191;
    background:rgba(255,255,255,.035);
  }

  .vg-quiz__steps-list li.is-active::before {
    border-color:#7869c7;
    color:#fff;
    background:#7869c7;
  }

  .vg-quiz__steps-list li.is-complete::before {
    border-color:rgba(156,139,255,.28);
    color:#ad9fff;
    background:rgba(120,105,199,.1);
  }

  .vg-quiz-step h3,
  .vg-quiz-results__heading h3 { color:#f6f7fb; }

  .vg-quiz-step > p,
  .vg-quiz-results__heading p { color:#929baa; }

  .vg-quiz-option {
    border-color:rgba(255,255,255,.095);
    color:#f5f6fa;
    background:rgba(255,255,255,.032);
    box-shadow:none;
  }

  .vg-quiz-option:hover,
  .vg-quiz-option.is-selected {
    border-color:rgba(156,139,255,.42);
    background:rgba(120,105,199,.105);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
  }

  .vg-quiz-option i {
    border-color:rgba(156,139,255,.18);
    color:#ad9fff;
    background:rgba(120,105,199,.075);
  }

  .vg-quiz-option strong { color:#f4f5f8; }
  .vg-quiz-option small { color:#8993a2; }

  .vg-quiz__nav { border-top-color:rgba(255,255,255,.08); }
  .vg-quiz__nav > span { color:#717b8a; }

  .vg-quiz__back,
  .vg-quiz__reset {
    border-color:rgba(255,255,255,.12);
    color:#e4e7ed;
    background:rgba(255,255,255,.04);
  }

  .vg-quiz__back:hover:not(:disabled),
  .vg-quiz__reset:hover {
    border-color:rgba(156,139,255,.48);
    color:#b6aaff;
  }

  .vg-quiz-result {
    --vg-ink:#161820;
    color:#161820;
    border-color:#e1e2e7;
    background:#fff;
  }

  .vg-quiz-result--best { border-color:#b9aedf; }
  .vg-quiz-results__note { color:#7c8695; }

  .vg-quiz-no-match {
    border-color:rgba(255,255,255,.1);
    background:rgba(255,255,255,.035);
  }

  .vg-quiz-no-match h4 { color:#f5f6fa; }
  .vg-quiz-no-match p { color:#959eac; }

  .vg-quiz-no-match__actions button {
    border-color:rgba(255,255,255,.12);
    color:#f2f3f7;
    background:rgba(255,255,255,.045);
  }

  .vg-quiz-results__alert {
    border-color:rgba(226,181,88,.2);
    color:#d3bb80;
    background:rgba(150,108,25,.08);
  }

  .vgbp {
    --vgbp-ink:#f6f7fb;
    --vgbp-copy:#9da6b5;
    --vgbp-line:rgba(255,255,255,.085);
    --vgbp-accent:#9c8bff;
    --vgbp-accent-dark:#7869c7;
    --vgbp-soft:rgba(120,105,199,.1);
    color:#f6f7fb;
    background:
      radial-gradient(circle at 10% 10%,rgba(120,105,199,.12),transparent 29%),
      radial-gradient(circle at 94% 86%,rgba(105,92,174,.07),transparent 28%),
      linear-gradient(135deg,#090c13 0%,#0d1119 55%,#11131d 100%);
  }

  .vgbp::after {
    border-color:rgba(156,139,255,.085);
    box-shadow:0 0 0 50px rgba(120,105,199,.013),0 0 0 100px rgba(120,105,199,.008);
  }

  .vgbp h2,
  .vgbp__item h3 { color:#f6f7fb; }
  .vgbp__intro p,
  .vgbp__item p { color:#9da6b5; }
  .vgbp__intro a { color:#eef0f5; }

  .vgbp__grid {
    border-color:rgba(255,255,255,.085);
    background:rgba(15,19,27,.62);
    box-shadow:0 26px 70px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
  }

  .vgbp__item:hover { background:rgba(255,255,255,.025); }

  .vgbp__icon {
    border-color:rgba(156,139,255,.17);
    color:#a99cff;
    background:rgba(120,105,199,.075);
  }

  .vgbp__number { color:#626c7b; }
  .vgbp__proof span { color:#9fa8b6; }

  .vgbp__proof i {
    color:#b0a3fb;
    background:rgba(120,105,199,.1);
  }

  .vgbp__button {
    color:#fff !important;
    background:#7666d0;
    box-shadow:0 12px 30px rgba(38,25,94,.28);
  }

  .vgbp__button:hover {
    color:#fff !important;
    background:#8273d8;
  }

  @media (max-width:860px) {
    .vg-quiz__aside { border-right:0; border-bottom-color:rgba(255,255,255,.08); }
  }

  /* Pełna szerokość ciemnych sekcji także wewnątrz wiersza Divi */
  html,
  body {
    margin:0 !important;
    padding:0 !important;
    overflow-x:clip;
  }

  .vghero--brand,
  .vg-quiz,
  .vgbp {
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }

  /* Czytelniejsza i spokojniejsza typografia całej strony */
  .vghero,
  .vg-main-products-preview,
  .vgate-redesign,
  .vgbp {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    font-kerning:normal;
    font-synthesis:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  .vghero *,
  .vg-main-products-preview *,
  .vgate-redesign *,
  .vgbp * {
    font-family:inherit !important;
  }

  .vghero h1,
  .vghero h2,
  .vg-main-products-preview h2,
  .vgate-redesign h2,
  .vgbp h2 {
    font-weight:700 !important;
  }

  .vg-main-products-preview h3,
  .vgate-redesign h3,
  .vgate-redesign h4,
  .vgbp h3 {
    font-weight:650 !important;
  }

  .vghero strong,
  .vghero b,
  .vg-main-products-preview strong,
  .vg-main-products-preview b,
  .vgate-redesign strong,
  .vgate-redesign b,
  .vgbp strong,
  .vgbp b {
    font-weight:650 !important;
  }

  .vghero a,
  .vghero button,
  .vg-main-products-preview a,
  .vg-main-products-preview button,
  .vgate-redesign a,
  .vgate-redesign button,
  .vgbp a,
  .vgbp button {
    font-weight:650 !important;
    letter-spacing:.005em;
  }

  .vghero-brand__eyebrow,
  .vgmp-kicker,
  .vgmp-badge,
  .vgmp-fit > span,
  .vgmp-meta span,
  .vg-kicker,
  .vg-badge,
  .vg-quiz__aside-label,
  .vg-quiz-step__number,
  .vg-quiz-result__rank,
  .vg-quiz-result__tags span,
  .vg-catalog__count span,
  .vg-mini-product__tag,
  .vgbp__kicker,
  .vgbp__number {
    font-weight:700 !important;
  }

  .vghero-brand__button,
  .vgmp-actions > a,
  .vgmp-actions button,
  .vg-details,
  .vg-cart-form button,
  .vg-quiz__back,
  .vg-quiz__reset,
  .vg-quiz-result__actions > a,
  .vg-quiz-result__actions button,
  .vg-quiz-no-match__actions a,
  .vg-quiz-no-match__actions button,
  .vg-mini-product__actions a,
  .vg-mini-product__actions button,
  .vgbp__button {
    font-size:12.5px !important;
    font-weight:650 !important;
    line-height:1.25;
    letter-spacing:.005em;
  }

  .vghero-brand__lead,
  .vgmp-heading > p,
  .vgmp-body > p,
  .vgmp-body li,
  .vg-quiz__heading > p,
  .vg-quiz-step > p,
  .vg-quiz-option small,
  .vg-quiz-result__body > p,
  .vg-mini-product__body > p,
  .vgbp__intro p,
  .vgbp__item p {
    font-weight:400 !important;
  }

/* Integracja z natywnym edytorem WordPressa i motywem Divi. */
body.vgate-homepage-active {
  overflow-x: hidden;
}

/*
 * Strony Vgate mają własny nagłówek H1 wewnątrz sekcji.
 * Ukrywamy wyłącznie dodatkowy tytuł strony generowany przez Divi,
 * WordPress lub WooCommerce. Nie polegamy na :empty, ponieważ część
 * szablonów dodaje do pustego nagłówka spację lub twardą spację.
 */
body.vgate-homepage-active .entry-title.main_title,
body.vgate-homepage-active article.page > .entry-header,
body.vgate-homepage-active .woocommerce-products-header,
body.vgate-homepage-active #main-content h1.page-title {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

.vgate-homepage-root,
.vgate-homepage-root * {
  box-sizing: border-box;
}

.vgate-homepage-root {
  position: relative;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden;
}

.vgate-homepage-root > section,
.vgate-homepage-root > .vgate-redesign,
.vgate-homepage-root > .vgate-redesign > section {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.vgate-homepage-active .entry-content,
body.vgate-homepage-active .wp-block-post-content,
body.vgate-homepage-active .wp-block-shortcode,
body.vgate-homepage-active .vgate-homepage-block {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.vgate-homepage-active .is-layout-constrained > .wp-block-shortcode,
body.vgate-homepage-active .wp-block-post-content > .wp-block-shortcode {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.vgate-homepage-active #main-content,
body.vgate-homepage-active #main-content .container,
body.vgate-homepage-active #left-area,
body.vgate-homepage-active article.page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.vgate-homepage-active #main-content .container::before {
  display: none !important;
}

body.vgate-homepage-active #sidebar,
body.vgate-homepage-active .et_post_meta_wrapper {
  display: none !important;
}

/* Ochrona przed znacznikami list dodawanymi przez motyw. */
.vgate-homepage-root .vgmp-body > ul,
.vgate-homepage-root .vgmp-body > ul > li {
  list-style: none !important;
}

.vgate-homepage-root .vgmp-body > ul {
  padding-left: 0 !important;
}

.vgate-homepage-root .vgmp-body > ul > li::marker {
  content: "" !important;
  font-size: 0 !important;
}

/* Dokładne centrowanie numerów etapów quizu. */
.vgate-homepage-root .vg-quiz__steps-list > li::before {
  top: 50% !important;
  left: 0 !important;
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  transform: translateY(-50%) !important;
}

/* Natywne przyciski AJAX WooCommerce. */
.vgate-homepage-root .vgate-add-to-cart {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  border-color: #24272d !important;
  background: #24272d !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease;
}

.vgate-homepage-root .vgate-add-to-cart:hover,
.vgate-homepage-root .vgate-add-to-cart:focus-visible {
  color: #fff !important;
  border-color: #7869c7 !important;
  background: #7869c7 !important;
}

.vgate-homepage-root .vgate-add-to-cart.loading {
  opacity: .62;
  pointer-events: none;
}

.vgate-homepage-root .vgate-add-to-cart.added {
  border-color: #5f8d7a !important;
  background: #5f8d7a !important;
}

.vgate-homepage-root a.added_to_cart.wc-forward {
  display: none !important;
}

.vgate-cart-modal[hidden] {
  display: none !important;
}

.vgate-cart-modal {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.vgate-cart-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 9, 13, .62);
  backdrop-filter: blur(5px);
}

.vgate-cart-modal__dialog {
  position: relative;
  width: min(520px, 100%);
  overflow: hidden;
  border: 1px solid rgba(26, 29, 37, .12);
  border-radius: 22px;
  color: #17191f;
  background: #fff;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .28);
}

.vgate-cart-modal__close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #e1e3e8;
  border-radius: 50%;
  color: #30333b;
  background: #fff;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.vgate-cart-modal__success {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 22px 60px 22px 24px;
  color: #426f5d;
  background: #eef7f2;
  font-size: 15px;
  font-weight: 700;
}

.vgate-cart-modal__success i {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  border-radius: 50%;
  color: #fff;
  background: #5f8d7a;
  font-size: 12px;
  font-style: normal;
}

.vgate-cart-modal__product {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 27px 28px;
}

.vgate-cart-modal__image-wrap {
  min-height: 110px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #f5f5f7;
}

.vgate-cart-modal__image {
  display: block;
  width: 100%;
  height: 110px;
  object-fit: contain;
}

.vgate-cart-modal__product a {
  display: inline-block;
  margin-bottom: 8px;
  color: #17191f;
  font-size: 19px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
}

.vgate-cart-modal__price {
  display: block;
  color: #7869c7;
  font-size: 17px;
  font-weight: 750;
}

.vgate-cart-modal__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 28px 28px;
}

.vgate-cart-modal__actions a,
.vgate-cart-modal__actions button {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 11px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.vgate-cart-modal__cart {
  border: 1px solid #7869c7;
  color: #fff !important;
  background: #7869c7;
}

.vgate-cart-modal__continue {
  border: 1px solid #dfe1e6;
  color: #262930;
  background: #fff;
}

body.vgate-cart-modal-open {
  overflow: hidden !important;
}

@media (max-width: 560px) {
  .vgate-cart-modal { padding: 12px; }
  .vgate-cart-modal__dialog { border-radius: 18px; }
  .vgate-cart-modal__product { grid-template-columns: 82px minmax(0, 1fr); gap: 15px; padding: 22px 20px; }
  .vgate-cart-modal__image-wrap { min-height: 82px; }
  .vgate-cart-modal__image { height: 82px; }
  .vgate-cart-modal__product a { font-size: 16px; }
  .vgate-cart-modal__actions { grid-template-columns: 1fr; padding: 0 20px 22px; }
}