.vka,
.vka-home {
  --vka-ink: #173f3a;
  --vka-ink-soft: #325c56;
  --vka-cream: #f7f3ea;
  --vka-paper: #fffefa;
  --vka-sage: #adc9be;
  --vka-sage-light: #e8f0eb;
  --vka-yellow: #e7bb5c;
  --vka-coral: #d98467;
  --vka-line: #d8e1dc;
  --vka-shadow: 0 24px 70px rgba(23, 63, 58, .16);
  color: var(--vka-ink);
  font-family: inherit;
  font-size: 17px;
  line-height: 1.65;
}

.vka *, .vka *::before, .vka *::after,
.vka-home *, .vka-home *::before, .vka-home *::after { box-sizing: border-box; }
.vka img, .vka-home img { display: block; max-width: 100%; }
.vka-wrap { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.vka h1, .vka h2, .vka h3, .vka-home h2 { color: var(--vka-ink); letter-spacing: -.035em; line-height: 1.08; }
.vka h1 { margin: 0 0 25px; font-size: clamp(3rem, 6.4vw, 5.8rem); font-weight: 800; }
.vka h1 em { position: relative; color: var(--vka-ink-soft); font-family: Georgia, serif; font-weight: 500; }
.vka h1 em::after { content: ""; position: absolute; right: 0; bottom: -.08em; left: 0; height: .11em; border-radius: 999px; background: var(--vka-yellow); transform: rotate(-1deg); }
.vka h2, .vka-home h2 { margin: 0 0 22px; font-size: clamp(2.25rem, 4.4vw, 4rem); font-weight: 780; }
.vka h3 { margin: 0 0 12px; font-size: 1.4rem; }
.vka p, .vka-home p { color: #466862; }
.vka-kicker { margin: 0 0 14px !important; color: #4c7c73 !important; font-size: .76rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.vka-kicker-light { color: #f2ce83 !important; }
.vka-lead { max-width: 690px; margin: 0 0 30px; font-size: clamp(1.08rem, 1.7vw, 1.28rem); }
.vka-heading { max-width: 850px; margin-bottom: 52px; }
.vka-section { padding: clamp(70px, 9vw, 120px) 0; }

.vka-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 24px;
  border: 2px solid var(--vka-ink);
  border-radius: 10px;
  color: #fff !important;
  background: var(--vka-ink);
  box-shadow: 0 12px 25px rgba(23, 63, 58, .2);
  font: inherit;
  font-weight: 800;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.vka-button:hover { color: #fff !important; background: #0f302c; transform: translateY(-2px); box-shadow: 0 16px 30px rgba(23,63,58,.27); }
.vka-button:focus-visible, .vka-text-link:focus-visible, .vka-gallery-card:focus-visible { outline: 3px solid var(--vka-coral); outline-offset: 4px; }
.vka-button.is-disabled { opacity: .55; cursor: not-allowed; }
.vka-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.vka-text-link { color: var(--vka-ink) !important; border-bottom: 2px solid var(--vka-yellow); font-weight: 800; text-decoration: none !important; }
.vka-order-form { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin: 0; }
.vka-order-form label { display: grid; gap: 4px; margin: 0; color: var(--vka-ink); font-size: .72rem; font-weight: 750; }
.vka-order-form select { width: 76px; min-height: 54px; margin: 0; padding: 10px; border: 1px solid #9fb7b0; border-radius: 9px; color: var(--vka-ink); background: #fff; font: inherit; }

.vka-hero { overflow: hidden; background: linear-gradient(145deg, var(--vka-paper) 0%, var(--vka-paper) 57%, var(--vka-sage-light) 57%, var(--vka-sage-light) 100%); }
.vka-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); align-items: center; gap: clamp(36px, 7vw, 100px); min-height: 730px; padding-top: clamp(60px, 8vw, 105px); padding-bottom: clamp(60px, 8vw, 105px); }
.vka-hero-copy { max-width: 760px; }
.vka-trust, .vka-inline-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 28px 0 0; padding: 0; color: #5d7873; font-size: .86rem; list-style: none; }
.vka-trust li::before { content: "✓"; margin-right: 7px; color: #4f847a; font-weight: 900; }
.vka-hero-product, .vka-home-visual { position: relative; min-height: 540px; isolation: isolate; }
.vka-dots { position: absolute; z-index: -2; inset: 5% -5% 8% 7%; opacity: .32; background-image: radial-gradient(var(--vka-ink) 1.5px, transparent 1.5px); background-size: 21px 21px; mask-image: linear-gradient(135deg, transparent 0, #000 22%, #000 72%, transparent 100%); }
.vka-page { position: absolute; left: 50%; overflow: hidden; width: min(385px, 78vw); aspect-ratio: 465 / 641; border-radius: 3px; background: #fff; box-shadow: var(--vka-shadow); }
.vka-page-back { top: 30px; border: 10px solid var(--vka-yellow); transform: translateX(-43%) rotate(7deg); }
.vka-page-front { top: 15px; object-fit: cover; transform: translateX(-58%) rotate(-3deg); }
.vka-roundel { position: absolute; right: 0; bottom: 5%; display: grid; place-items: center; width: 114px; height: 114px; border-radius: 50%; color: var(--vka-ink); background: var(--vka-yellow); box-shadow: 0 12px 30px rgba(23,63,58,.2); font-size: 2rem; font-weight: 900; line-height: .8; text-align: center; transform: rotate(7deg); }
.vka-roundel small { font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; }

.vka-facts { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--vka-line); background: #fff; }
.vka-facts article { display: flex; flex-direction: column; align-items: center; padding: 30px 16px; border-right: 1px solid var(--vka-line); text-align: center; }
.vka-facts article:last-child { border: 0; }
.vka-facts strong { color: var(--vka-ink); font-size: 2rem; line-height: 1; }
.vka-facts span { margin-top: 8px; color: #658079; font-size: .82rem; }

.vka-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vka-card-grid article { min-height: 280px; padding: 34px; border: 1px solid var(--vka-line); border-radius: 20px; background: #fff; }
.vka-card-grid article:nth-child(2) { transform: translateY(22px); }
.vka-card-grid article:nth-child(3) { color: #fff; border-color: var(--vka-ink); background: var(--vka-ink); }
.vka-card-grid article > span { display: block; margin-bottom: 60px; color: #4f847a; font-size: .78rem; font-weight: 900; }
.vka-card-grid article:nth-child(3) h3 { color: #fff; }
.vka-card-grid article:nth-child(3) p { color: #d5e2de; }
.vka-card-grid article:nth-child(3) > span { color: var(--vka-yellow); }

.vka-preview { background: var(--vka-cream); }
.vka-preview-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(44px, 7vw, 96px); }
.vka-preview-copy > p:not(.vka-kicker) { font-size: 1.06rem; }
.vka-checks { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.vka-checks li { position: relative; padding-left: 26px; }
.vka-checks li::before { content: ""; position: absolute; top: .7em; left: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--vka-coral); }
.vka-gallery { display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 12px; }
.vka-gallery-card { display: grid; gap: 10px; margin: 0; padding: 8px; border: 1px solid transparent; border-radius: 12px; color: var(--vka-ink); background: transparent; font: inherit; font-size: .78rem; font-weight: 800; cursor: zoom-in; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.vka-gallery-card:hover, .vka-gallery-card.is-active { border-color: #b7c8c2; background: #fff; transform: translateY(-8px); }
.vka-gallery-card img { box-shadow: 0 14px 32px rgba(23,63,58,.12); }

.vka-audience { padding: clamp(65px, 8vw, 105px) 0; background: var(--vka-ink); }
.vka-audience-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: clamp(40px, 8vw, 110px); }
.vka-audience h2 { margin: 0; color: #fff; }
.vka-audience > .vka-wrap > p { margin: 0; color: #d8e5e1; font-size: 1.1rem; }

.vka-complete { background: #fff; }
.vka-paths { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--vka-line); border-radius: 22px; overflow: hidden; }
.vka-paths article { min-height: 260px; padding: 34px; border-right: 1px solid var(--vka-line); }
.vka-paths article:last-child { border: 0; }
.vka-paths article.is-current { background: var(--vka-sage-light); }
.vka-paths article > span { color: #63847c; font-size: .75rem; font-weight: 900; }
.vka-paths h3 { margin-top: 55px; }
.vka-paths a, .vka-paths strong { color: var(--vka-ink); font-weight: 850; text-decoration-color: var(--vka-yellow); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.vka-buy { padding: clamp(60px, 8vw, 100px) 0; background: #fff; }
.vka-buy-card { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 48px; padding: clamp(34px, 6vw, 72px); border-radius: 28px; background: var(--vka-sage); }
.vka-buy-card h2 { max-width: 740px; }
.vka-price { color: var(--vka-ink); font-size: 2.2rem; font-weight: 900; }
.vka-price small { margin-left: 10px; font-size: .84rem; font-weight: 650; }
.vka-buy-card ul { display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 22px 0 0; padding: 0; list-style: none; }
.vka-buy-card li::before { content: "✓"; margin-right: 7px; font-weight: 900; }
.vka-buy-action { max-width: 360px; }
.vka-buy-action p { margin: 10px 0 0; font-size: .76rem; }

.vka-faq { background: var(--vka-cream); }
.vka-faq-list { max-width: 980px; }
.vka-faq details { border-top: 1px solid #b9cac4; }
.vka-faq details:last-child { border-bottom: 1px solid #b9cac4; }
.vka-faq summary { position: relative; padding: 24px 48px 24px 0; color: var(--vka-ink); font-size: 1.06rem; font-weight: 800; cursor: pointer; list-style: none; }
.vka-faq summary::-webkit-details-marker { display: none; }
.vka-faq summary::after { content: "+"; position: absolute; right: 6px; top: 14px; font-size: 1.9rem; font-weight: 400; }
.vka-faq details[open] summary::after { content: "−"; }
.vka-faq details p { max-width: 800px; margin: -4px 0 24px; }

.vka-contact { padding: 54px 0; color: #e5efeb; background: #102f2c; }
.vka-contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; }
.vka-contact strong { color: #fff; }
.vka-contact p { margin: 8px 0 0; color: #c6d8d2; }
.vka-contact small { color: #98b1aa; }
.vka-thanks { border-top-color: var(--vka-sage) !important; }

.vka-home { padding: clamp(64px, 8vw, 105px) 0; background: var(--vka-cream); }
.vka-home-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(40px, 8vw, 100px); }
.vka-home-copy { max-width: 690px; }
.vka-home-copy > p:not(.vka-kicker) { font-size: 1.08rem; }
.vka-home-price { color: var(--vka-ink); font-size: 1.5rem; font-weight: 900; }
.vka-inline-trust li { padding: 6px 11px; border: 1px solid #bdcbc6; border-radius: 999px; }
.vka-home-visual { min-height: 440px; }
.vka-home-visual .vka-page { width: min(300px, 72vw); }

.vka-brand-hero { overflow: hidden; background: linear-gradient(145deg, var(--vka-paper) 0%, var(--vka-paper) 60%, var(--vka-sage-light) 60%); }
.vka-brand-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(400px, .96fr); align-items: center; gap: clamp(40px, 7vw, 100px); min-height: 760px; padding-block: clamp(70px, 9vw, 120px); }
.vka-brand-copy { max-width: 760px; }
.vka-brand-visual { position: relative; min-height: 570px; isolation: isolate; }
.vka-brand-visual::before { content: ""; position: absolute; z-index: -2; inset: 3% -8% 0 10%; opacity: .3; background-image: radial-gradient(var(--vka-ink) 1.5px, transparent 1.5px); background-size: 22px 22px; mask-image: linear-gradient(135deg, transparent, #000 25%, #000 70%, transparent); }
.vka-brand-card { position: absolute; z-index: 2; top: 40px; left: 0; display: grid; width: 260px; min-height: 175px; padding: 27px; border-radius: 6px; background: #fff; box-shadow: var(--vka-shadow); transform: rotate(-6deg); }
.vka-brand-card small { color: #6c8680; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.vka-brand-card strong { align-self: center; color: var(--vka-ink); font-family: Georgia, serif; font-size: 1.45rem; line-height: 1.2; }
.vka-brand-card span { color: #738d87; font-size: .78rem; }
.vka-brand-phone { position: absolute; z-index: 1; top: 130px; left: 50%; width: 255px; min-height: 465px; padding: 48px 20px 22px; border: 8px solid var(--vka-ink); border-radius: 40px; background: var(--vka-cream); box-shadow: var(--vka-shadow); transform: translateX(-50%) rotate(3deg); }
.vka-brand-phone::before { content: ""; position: absolute; top: 15px; left: 50%; width: 75px; height: 8px; border-radius: 99px; background: var(--vka-ink); transform: translateX(-50%); }
.vka-brand-phone > span { color: #4f847a; font-size: .8rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.vka-brand-phone > strong { display: block; margin: 32px 0; color: var(--vka-ink); font-size: 1.55rem; line-height: 1.15; }
.vka-brand-phone > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.vka-brand-phone i { display: grid; place-items: center; min-height: 68px; padding: 8px; border-radius: 12px; color: var(--vka-ink); background: #fff; font-size: .72rem; font-style: normal; font-weight: 800; text-align: center; }
.vka-brand-agenda { position: absolute; z-index: 3; right: -5px; bottom: 10px; width: 225px; box-shadow: var(--vka-shadow); transform: rotate(8deg); }
.vka-brand-dot { position: absolute; right: 5%; top: 4%; width: 115px; height: 115px; border-radius: 50%; background: var(--vka-yellow); }
.vka-brand-strip { border-block: 1px solid var(--vka-line); background: #fff; }
.vka-brand-strip .vka-wrap { display: grid; grid-template-columns: repeat(4, 1fr); }
.vka-brand-strip span { padding: 22px 14px; border-right: 1px solid var(--vka-line); color: #5c7771; font-size: .84rem; font-weight: 750; text-align: center; }
.vka-brand-strip span:last-child { border: 0; }

.vka-brand-choice { background: #fff; }
.vka-brand-choice .vka-heading > p:last-child { max-width: 620px; }
.vka-brand-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vka-brand-paths article { position: relative; min-height: 485px; padding: 34px; border: 1px solid var(--vka-line); border-radius: 22px; background: #fff; }
.vka-brand-paths article.is-app { background: var(--vka-sage-light); }
.vka-brand-paths article.is-agenda { color: #fff; border-color: var(--vka-ink); background: var(--vka-ink); }
.vka-brand-paths article.is-agenda h3 { color: #fff; }
.vka-brand-paths article.is-agenda p, .vka-brand-paths article.is-agenda li { color: #d6e3df; }
.vka-brand-paths article.is-agenda a { color: var(--vka-yellow); }
.vka-brand-number { color: #6f8983; font-size: .72rem; font-weight: 900; }
.vka-brand-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 52px 0 30px; border-radius: 50%; color: var(--vka-ink); background: var(--vka-yellow); font-size: 1.4rem; font-weight: 900; }
.vka-brand-paths ul { display: grid; gap: 7px; margin: 24px 0 30px; padding: 0; list-style: none; }
.vka-brand-paths li { color: #58736d; font-size: .88rem; }
.vka-brand-paths li::before { content: "✓"; margin-right: 8px; color: #4f847a; font-weight: 900; }
.vka-brand-paths article.is-agenda li::before { color: var(--vka-yellow); }
.vka-brand-paths a { position: absolute; bottom: 30px; color: var(--vka-ink); font-weight: 850; text-decoration-color: var(--vka-yellow); text-decoration-thickness: 2px; text-underline-offset: 4px; }

.vka-brand-app { padding: clamp(75px, 9vw, 120px) 0; background: var(--vka-sage-light); }
.vka-brand-app-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(55px, 9vw, 130px); }
.vka-app-device { position: relative; width: min(340px, 80vw); min-height: 620px; margin: auto; padding: 80px 28px 30px; border: 10px solid var(--vka-ink); border-radius: 50px; background: var(--vka-cream); box-shadow: var(--vka-shadow); }
.vka-app-speaker { position: absolute; top: 24px; left: 50%; width: 95px; height: 9px; border-radius: 99px; background: var(--vka-ink); transform: translateX(-50%); }
.vka-app-device > p { margin: 25px 0 3px; font-size: .86rem; }
.vka-app-device h3 { margin-bottom: 42px; font-size: 1.8rem; }
.vka-app-device > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vka-app-device span { display: grid; place-items: center; min-height: 92px; padding: 12px; border-radius: 16px; color: var(--vka-ink); background: #fff; font-size: .82rem; font-weight: 850; text-align: center; }
.vka-brand-features { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 32px 0; }
.vka-brand-features div { display: grid; gap: 5px; padding: 20px; border-radius: 14px; background: rgba(255,255,255,.72); }
.vka-brand-features strong { color: var(--vka-ink); }
.vka-brand-features span { color: #5b7770; font-size: .86rem; }

.vka-brand-story { background: #fff; }
.vka-brand-story-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 9vw, 130px); }
.vka-brand-story blockquote { margin: 35px 0 0; padding: 24px 28px; border-left: 5px solid var(--vka-yellow); color: var(--vka-ink); background: var(--vka-cream); font-family: Georgia, serif; font-size: 1.4rem; }
.vka-brand-shop { background: var(--vka-cream); }
.vka-brand-products { display: grid; grid-template-columns: 1.1fr 1.1fr .8fr; gap: 18px; }
.vka-brand-product { display: grid; grid-template-rows: 300px 1fr; overflow: hidden; border: 1px solid var(--vka-line); border-radius: 22px; background: #fff; }
.vka-brand-product > img, .vka-brand-product > .vka-product-placeholder { width: 100%; height: 300px; object-fit: contain; padding: 22px; background: #edf2ef; }
.vka-brand-product.is-agenda > img { object-fit: contain; background: var(--vka-sage-light); }
.vka-product-placeholder { display: grid; place-items: center; color: var(--vka-ink); font-size: 1.4rem; font-weight: 900; }
.vka-brand-product > div:last-child { padding: 28px; }
.vka-brand-product small { color: #68827b; font-weight: 800; text-transform: uppercase; }
.vka-product-price { margin: 14px 0; color: var(--vka-ink); font-size: 1.55rem; font-weight: 900; }
.vka-brand-product .vka-button { margin-top: 12px; }
.vka-button-light { color: var(--vka-ink) !important; border-color: var(--vka-yellow); background: var(--vka-yellow); box-shadow: none; }
.vka-brand-final { padding: clamp(65px, 8vw, 100px) 0; background: var(--vka-coral); }
.vka-brand-final > .vka-wrap { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 45px; }
.vka-brand-final h2 { margin: 0; color: #fff; }
.vka-button-cream { color: var(--vka-ink) !important; border-color: var(--vka-cream); background: var(--vka-cream); box-shadow: none; }
.vka-button-outline { color: #fff !important; border-color: #fff; background: transparent; box-shadow: none; }

.vka-dialog { width: min(560px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 14px; border: 0; border-radius: 18px; box-shadow: 0 30px 90px rgba(10,35,31,.38); }
.vka-dialog::backdrop { background: rgba(10,35,31,.75); backdrop-filter: blur(5px); }
.vka-dialog button { position: absolute; z-index: 2; top: 20px; right: 20px; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: var(--vka-ink); background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.16); font-size: 1.6rem; cursor: pointer; }
.vka-dialog img { max-height: calc(100vh - 110px); margin: auto; }
.vka-dialog p { margin: 8px 0 0; color: var(--vka-ink); font-weight: 800; text-align: center; }

@media (max-width: 980px) {
  .vka-hero-grid, .vka-preview-grid, .vka-audience-grid, .vka-home-grid, .vka-brand-hero-grid, .vka-brand-app-grid, .vka-brand-story-grid { grid-template-columns: 1fr; }
  .vka-hero-grid { min-height: auto; }
  .vka-hero-product { min-height: 530px; }
  .vka-card-grid { grid-template-columns: 1fr; }
  .vka-card-grid article:nth-child(2) { transform: none; }
  .vka-buy-card { grid-template-columns: 1fr; align-items: start; }
  .vka-buy-action { max-width: none; }
  .vka-paths { grid-template-columns: 1fr; }
  .vka-paths article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--vka-line); }
  .vka-paths h3 { margin-top: 28px; }
  .vka-brand-hero-grid { min-height: auto; }
  .vka-brand-paths { grid-template-columns: 1fr; }
  .vka-brand-paths article { min-height: 420px; }
  .vka-brand-products { grid-template-columns: 1fr 1fr; }
  .vka-brand-product.is-holder { grid-column: 1 / -1; }
  .vka-brand-final > .vka-wrap { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 700px) {
  .vka, .vka-home { font-size: 16px; }
  .vka-wrap { width: min(100% - 28px, 1240px); }
  .vka h1 { font-size: clamp(2.55rem, 13vw, 4.2rem); }
  .vka h2, .vka-home h2 { font-size: clamp(2rem, 10vw, 3.2rem); }
  .vka-hero { background: linear-gradient(160deg, var(--vka-paper) 0%, var(--vka-paper) 57%, var(--vka-sage-light) 57%); }
  .vka-hero-grid { padding-block: 58px 28px; }
  .vka-actions { align-items: flex-start; flex-direction: column; }
  .vka-order-form { align-items: stretch; width: 100%; }
  .vka-order-form .vka-button { flex: 1; }
  .vka-hero-product { min-height: 420px; }
  .vka-page { width: min(285px, 72vw); }
  .vka-roundel { right: 1%; width: 88px; height: 88px; font-size: 1.5rem; }
  .vka-facts { grid-template-columns: repeat(2, 1fr); }
  .vka-facts article:nth-child(2) { border-right: 0; }
  .vka-facts article:nth-child(-n+2) { border-bottom: 1px solid var(--vka-line); }
  .vka-card-grid article { min-height: 240px; }
  .vka-card-grid article > span { margin-bottom: 38px; }
  .vka-gallery { gap: 5px; }
  .vka-gallery-card { gap: 5px; padding: 4px; font-size: .65rem; }
  .vka-buy-card { width: calc(100% - 20px); padding: 28px 20px; }
  .vka-price small { display: block; margin: 5px 0 0; }
  .vka-buy-card ul { display: grid; }
  .vka-contact-grid { grid-template-columns: 1fr; gap: 24px; }
  .vka-home-visual { min-height: 400px; }
  .vka-brand-hero-grid { padding-block: 60px 25px; }
  .vka-brand-visual { min-height: 510px; }
  .vka-brand-card { width: 210px; min-height: 150px; padding: 20px; }
  .vka-brand-phone { top: 115px; width: 220px; min-height: 400px; }
  .vka-brand-agenda { right: -12px; width: 165px; }
  .vka-brand-dot { width: 85px; height: 85px; }
  .vka-brand-strip .vka-wrap { grid-template-columns: 1fr 1fr; width: 100%; }
  .vka-brand-strip span:nth-child(2) { border-right: 0; }
  .vka-brand-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--vka-line); }
  .vka-brand-features { grid-template-columns: 1fr; }
  .vka-app-device { min-height: 560px; }
  .vka-brand-products { grid-template-columns: 1fr; }
  .vka-brand-product.is-holder { grid-column: auto; }
  .vka-brand-product { grid-template-rows: 250px 1fr; }
  .vka-brand-product > img, .vka-brand-product > .vka-product-placeholder { height: 250px; }
}

@media (prefers-reduced-motion: reduce) {
  .vka *, .vka *::before, .vka *::after, .vka-home *, .vka-home *::before, .vka-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}