/* Combined public stylesheet: normalize.css + style.css + media.css. */

/* === normalize.css === */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* === style.css === */
/* Generated for active public pages from style-legacy.css. Excludes archived contact/blog/en templates; keep style-legacy.css as the full source archive. */
/* === Global resets (added) === */
*,
*::before,
*::after{box-sizing:border-box;}
img,
svg,
iframe{max-width:100%;height:auto;}

:root {
    --main-p-dark-color: #4d2c91;
    --main-primary-color: #7e57c2;
    --main-accent-color: #f50057;
    --main-surface-color: #0079c2;
    --main-p-light-color: #b085f5;
    --main-text-on-p-color: white;
    --main-text-on-p-light-color: #44005e;
    --main-hover-color: #29e189;
    --main-btn-radius: 8px;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    display: inline-block;
}

ul,
li {
    /*list-style: none;*/
    margin: 0;
    padding: 0;
}

.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

/* NOTE: .container_footer may have additional footer-specific layout rules below */

.row {
    width: 100%;
    height: auto;
}

body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--main-text-on-p-light-color);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

@media (min-width: 901px) {
    body {
        font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", sans-serif;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 4px;
    width: 100%;
    text-align: center;
}

h1 {
    line-height: 3rem;
    font-size: 2.5rem;
}
h2 {
    line-height: 2.5rem;
    font-size: 1.8rem;
}
h3 {
    line-height: 1.8rem;
    font-size: 1.3rem;
}

h2,
h3 {
    line-height: 2rem;
}

.header {
    width: 100%;
 }

.header__btn {
    line-height: 28px;
    color: rgba(255, 255, 255, 0.9);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.38);
    padding: 4px 13px 3px 13px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--main-btn-radius);
    margin-top: 4px;
    margin-bottom: 4px;
    box-shadow: none;
    transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

.header__btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.65);
}

.header__contacts {
    width: 70%;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.header__top {
    width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 20px;
}

/*.header__contacts:after{*/
/*  content: "";*/
/*  clear: both;*/
/*  display: block;*/
/*}*/

.header__phone,
.header__email {
    color: var(--main-text-on-p-color);
    letter-spacing: 1px;
    line-height: 45px;
    position: relative;
}

.header__phone {
    padding-left: 20px;
    padding-right: 30px;
}

.header__phone:before {
    content: "\260E";
    position: absolute;
    left: 0;
    color: var(--main-text-on-p-color);;
}

.header__email {
    padding-left: 24px;
}

.header__email:before {
    content: "\2709";
    position: absolute;
    left: 0;
    color: var(--main-text-on-p-color);;
}

.header__content {
    margin: 0;
    /*padding: 8px 0 8px;*/
    background-color: transparent;
    color: var(--main-text-on-p-color);
    /*position: relative;*/
    z-index: 9999;
}

.header__content-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__telegram {
    margin-left: 20px;
    padding-left: 30px; /* Збільште відступ, щоб врахувати розмір зображення */
    color: var(--main-text-on-p-color);
    position: relative;
    letter-spacing: 1px;
    line-height: 45px;
}

.header__telegram::before {
    content: "";
    background-image: url('../img/telegram.webp');
    background-size: cover;
    width: 24px; /* Розмір іконки, можна змінити на бажаний */
    height: 24px; /* Розмір іконки, можна змінити на бажаний */
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%); /* Вертикально вирівнює іконку по центру тексту */
}


#menu__toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.menu {
    margin-left: auto;
}

.menu__box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.menu li {
    display: inline-block;
}

.menu a {
    color: var(--main-text-on-p-color);
    font-size: 1.75em;
    line-height: 32px;
    border: 1px solid transparent;
    padding: 0 16px;
    -webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 2s; /* Firefox < 16 */
    -o-animation: fadeIn 2s; /* Opera < 12.1 */
    animation: fadeIn 2s;
    transition: all 0.3s;
}

.menu a:hover {
    border-color: var(--main-text-on-p-color);
    border-radius: var(--main-btn-radius);
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.19), 0 7px 20px 0 rgba(0, 0, 0, 0.19);
}
.menu__active {
    text-decoration: underline;
}

.menu li + li {
    padding-left: 10px;
}

/****************Button**************************/
.btn {
    position: relative;

    display: block;
    margin: 30px auto;
    /*padding: 10px;*/
    padding: 5px 20px 4px 20px;
    line-height: 32px;
    font-size: 1.25rem;

    overflow: hidden;

    border-width: 0;
    outline: none;
    border-radius: var(--main-btn-radius);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);

    background-color: var(--main-accent-color);
    color: var(--main-text-on-p-color);

    transition: background-color .3s;
}

.btn:hover,
.btn:focus {
    background-color: var(--main-hover-color);
    cursor: pointer;
}

.btn > * {
    position: relative;
}

.btn span {
    display: block;
    padding: 12px 24px;
}

.btn:before {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;
    width: 0;
    padding-top: 0;

    border-radius: 100%;

    background-color: rgba(236, 240, 241, .3);

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btn:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

/****************End Button**************************/

.text-color-on-light {
    color: var(--main-text-on-p-light-color);
}

h2 {
    text-transform: uppercase;
}

.section__header{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

.section__text__font {
    line-height: 2rem;
    font-weight: bold;
    font-size: 1.5rem;
}

/*.possibility-wrapper{*/
/*  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
/*  padding: 20px;*/

/*}*/
h3 {
    margin: 2%;
    padding: 2%;
    line-height: 2rem;
}

.fade-in {
    -webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 2s; /* Firefox < 16 */
    -o-animation: fadeIn 2s; /* Opera < 12.1 */
    animation: fadeIn 2s;
}

.fade-in2 {
    -webkit-animation: fadeIn 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 5s; /* Firefox < 16 */
    -o-animation: fadeIn 5s; /* Opera < 12.1 */
    animation: fadeIn 5s;
}

@keyframes fadeIn {
}

@-moz-keyframes fadeIn {
}

@-webkit-keyframes fadeIn {
}

@-o-keyframes fadeIn {
}

@-ms-keyframes fadeIn {
}

/*fade horizontal line - разделяет секции*/

.section_order_font {
    line-height: 1rem;
    /*font-weight: bold;*/
    font-size: 1rem;
    /*text-transform: uppercase;*/
}

.section__header {
    padding: 10px 0;
    margin: 10px 0;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 0 25px 6px #1A3AA3;
    text-shadow: 0 0 25px #190145;
    background: var(--main-primary-color);
    color: var(--main-text-on-p-color);
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.col1-4 {
    grid-column: 1/4;
}

.row1 {
    grid-row: 1;
}

.row2 {
    grid-row: 2;
}

.row3 {
    grid-row: 3;
}

.row4 {
    grid-row: 4;
}

.packets__footer {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 80%;
    background-color: var(--main-primary-color);
    color: var(--main-text-on-p-color);
    grid-column: 1 / 6;
    grid-row: 19;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.packets__footer__left {
    width: 50%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.packets__footer__right {
    background-color: #0079c2;
    margin: 20px;
    width: 50%;
    height: auto;
    padding: 30px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    border-radius: 8px;

}

.packets__footer__right > p {
    z-index: 999;
    font-size: 0.5rem;
    /*line-height: 0.1rem;*/
}

#day,
#hour,
#minutes,
#seconds {
    font-size: 2rem;
    padding: 10px;
    /*line-height: 0.1rem;*/
}

.time_card {
    display: flex;
    flex-direction: column;
    z-index: 1;
    margin: auto 10px;
    width: 80px;
    height: 100px;
    background: linear-gradient(0deg, rgba(9, 0, 147, 0.37) 0%, rgba(92, 164, 255, 0.86) 50%, rgba(13, 13, 169, 0.37) 100%);
    border-radius: 8px;
    /*padding: 10px;*/

}

.time_str {
    font-size: 1rem;
    font-weight: normal;
}

.instructions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 1px;
}

.block {
    height: 100%;
    margin: 10px 0;
    padding: 20px;
    border: var(--main-primary-color);
    min-height: 285px;
    background-size: cover;
    box-shadow: 0 0 18px 2px #3B0F54;
    border-radius: var(--main-btn-radius);
    letter-spacing: 0;
    line-height: 1.5rem !important;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.step_image {
    width: 50%;
}
.step_image img{
    width: 90%;
}

.steps {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.video_instruction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 100px;
}
.video {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: start;
    padding: 20px;
}

.video__cell {
    margin: 10px;
    padding: 10px;
    width: 50%;
    height: 300px;
    text-align: justify;
    line-height: 1.5rem;
}

.video__animate{
    background:var(--main-p-dark-color);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: transformer 2s ease-in 0s 1;
    animation: transformer 2s ease-in 0s 1;
}
@-webkit-keyframes transformer {
}
@keyframes transformer {
}

.footer {
    width: 100%;
    padding: 72px 0 24px;
    background:
        radial-gradient(circle at 10% 8%, rgba(86, 117, 255, 0.22), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(126, 87, 194, 0.2), transparent 32%),
        radial-gradient(circle at 76% 88%, rgba(41, 225, 137, 0.12), transparent 34%),
        linear-gradient(135deg, #e2dbf4 0%, #d1c6e9 48%, #c9e2ea 100%);
    color: #24143f;
}

.footer__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.55fr);
    gap: 42px;
    align-items: start;
}

.footer__brand {
    max-width: 680px;
}

.footer__eyebrow {
    margin: 0 0 12px;
    color: #29b97d;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.3rem;
    text-transform: uppercase;
}

.footer__title {
    margin: 0;
    padding: 0;
    color: #071642;
    font-size: 2rem;
    font-weight: 800;
    line-height: 2.45rem;
    text-align: left;
    text-transform: none;
}

.footer__description {
    max-width: 620px;
    margin: 18px 0 0;
    color: rgba(36, 20, 63, 0.78);
    font-size: 1.05rem;
    line-height: 1.7rem;
}

.footer__contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.footer__contact-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 10px 14px;
    border: 1px solid rgba(126, 87, 194, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 255, 0.86));
    color: #24143f;
    font-weight: 700;
    line-height: 1.2rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.footer__contact-link:hover,
.footer__contact-link:focus {
    border-color: rgba(77, 44, 145, 0.28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(241, 235, 255, 0.92));
}

.footer__phone,
.footer__email {
    position: relative;
}

.footer__phone:before,
.footer__email:before {
    color: #4f6dff;
}

.footer__phone:before {
    content: "\260E";
}

.footer__email:before {
    content: "\2709";
}

.footer__telegram {
    fill: #4f6dff;
}

.footer__lead-card {
    padding: 26px;
    border: 1px solid rgba(126, 87, 194, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 255, 0.86));
    box-shadow:
        0 22px 56px rgba(77, 44, 145, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(14px);
}

.footer__lead-card h3 {
    margin: 0;
    padding: 0;
    color: #071642;
    font-size: 1.45rem;
    line-height: 1.8rem;
    text-align: left;
    text-transform: none;
}

.footer__lead-card p {
    margin: 12px 0 22px;
    color: rgba(36, 20, 63, 0.72);
    font-size: 0.98rem;
    line-height: 1.5rem;
}

.footer__form {
    display: grid;
    gap: 14px;
}

.footer__field {
    display: grid;
    gap: 7px;
    color: rgba(36, 20, 63, 0.78);
    font-size: 0.9rem;
    font-weight: 700;
}

.footer__field input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid rgba(126, 87, 194, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.98);
    color: #071642;
    font: inherit;
    line-height: 1.3rem;
}

.footer__field input[type="text"]:focus {
    outline: 2px solid #6f7cff;
    outline-offset: 2px;
}

.footer__submit {
    width: 100%;
    padding: 13px 18px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #4f6dff, #7e57c2);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    line-height: 1.3rem;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.footer__submit:hover,
.footer__submit:focus {
    background: linear-gradient(135deg, #6f82ff, #8c66d5);
    color: #fff;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(126, 87, 194, 0.14);
    color: rgba(36, 20, 63, 0.62);
    font-size: 0.9rem;
    line-height: 1.4rem;
}

.footer__legal,
.footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.footer__links {
    justify-content: flex-end;
}

.footer__links a {
    color: rgba(77, 44, 145, 0.86);
    text-decoration: underline;
}

/* ===== Partners ===== */

/* ===== Partners (2 blocks) ===== */

.partners{
    max-width: 900px;
    margin: 0 auto;
    color: var(--main-text-on-p-light-color);
}

.partner-card{
    margin: 18px 0 26px 0;
}

/* 1) clickable header like in your picture */
.partner-head{
    display: flex;              /* твій глобальний a already inline-block, ми перекриваємо */
    align-items: center;
    justify-content: flex-start;
    gap: 16px;

    padding: 14px 16px;
    border-radius: var(--main-btn-radius);
    background: #fff;

    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    transition: transform .2s ease, box-shadow .2s ease;
    text-decoration: none;
}

.partner-head:hover{
    transform: scale(1.01);
    box-shadow: 0 8px 14px rgba(0,0,0,.18);
}

/* logo sizing */
.partner-head__logo{
    width: 96px !important;
    height: 64px !important;
    object-fit: contain;
    display: block;
}

/* text */
.partner-head__text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.partner-head__name{
    font-weight: 800;
    font-size: 2rem;
    letter-spacing: 0.02em;
    color: var(--main-text-on-p-light-color);
}

.partner-head__tagline{
    margin-top: 4px;
    font-size: 1.1rem;
    color: rgba(68,0,94,.75);
}

/* 2) description */
.partner-desc{
    margin-top: 10px;
    padding: 10px 14px;

    border-left: 4px solid var(--main-accent-color);
    border-radius: var(--main-btn-radius);

    background: rgba(126, 87, 194, 0.06); /* легкий фіолетовий з твого primary */
    line-height: 1.5rem;
}

/* ===== About Us PRO ===== */

.about-us{
    max-width: 900px;
    margin: 0 auto 60px auto;
    color: var(--main-text-on-p-light-color);
}

.about-us__lead{
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.about-us p{
    line-height: 1.6rem;
    margin-bottom: 14px;
}

/* Mission block */
.about-mission{
    margin: 30px 0;
    padding: 20px;
    border-radius: var(--main-btn-radius);
    background: linear-gradient(
        135deg,
        rgba(126,87,194,0.12),
        rgba(245,0,87,0.08)
    );
}

.about-mission h3{
    margin-bottom: 10px;
}

/* Stats */
.about-stats{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 30px 0;
}

.about-stat{
    padding: 16px;
    text-align: center;
    border-radius: var(--main-btn-radius);
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.about-stat__num{
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--main-primary-color);
}

.about-stat__text{
    margin-top: 6px;
    font-size: 0.95rem;
}

/* How we work */
.about-work{
    margin-top: 40px;
}

.about-work__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 20px 0;
}

.about-work__item{
    padding: 16px;
    border-left: 4px solid var(--main-accent-color);
    border-radius: var(--main-btn-radius);
    background: rgba(126,87,194,0.05);
}

.about-work__item p{
    margin-top: 6px;
    font-size: 0.95rem;
}

.about-work__footer{
    margin-top: 10px;
    font-weight: 600;
}

/* ===== Homepage refresh ===== */
.home-page,
.home-hero {
    width: 100%;
    color: #24143f;
}

.home-hero {
    position: relative;
    min-height: 720px;
    background:
        linear-gradient(135deg, rgba(24, 10, 54, 0.94), rgba(35, 87, 120, 0.7)),
        url('../img/section-1-back.jpg') center/cover no-repeat;
    background-attachment: fixed;
    color: #fff;
    overflow: hidden;
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(245, 0, 87, 0.12), transparent 42%),
        radial-gradient(circle at 82% 28%, rgba(41, 225, 137, 0.16), transparent 32%);
    pointer-events: none;
}

.home-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
    gap: 42px;
    align-items: center;
    min-height: 560px;
    padding-top: 48px;
    padding-bottom: 72px;
}

.home-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #168a61;
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1rem;
    text-transform: uppercase;
}

.home-eyebrow::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
}

.home-hero h1,
.home-section h2,
.home-section__heading h3,
.home-cta h2,
.home-cta > strong {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}

.home-hero h1 {
    max-width: 860px;
    color: #fff;
    font-size: 3.15rem;
    line-height: 3.55rem;
    font-weight: 800;
}

.home-hero__lead {
    max-width: 780px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.22rem;
    line-height: 1.9rem;
}

.home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    margin-top: 30px;
}

.home-btn {
    width: auto;
    min-width: 210px;
    margin: 0;
    padding: 12px 22px;
    text-align: center;
    line-height: 1.25rem;
    font-weight: 800;
}

.home-btn--primary {
    background: #f50057;
}

.home-btn--secondary {
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.1);
}

.home-btn--secondary:hover,
.home-btn--secondary:focus {
    background: rgba(255, 255, 255, 0.2);
}

.home-hero__visual {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.home-section {
    position: relative;
    width: 100%;
    padding: 76px 0;
}

.home-section > .container {
    position: relative;
    z-index: 1;
}

.home-section--light {
    background: #fff;
}

.home-section--workflow {
    background:
        linear-gradient(135deg, rgba(20, 7, 48, 0.92), rgba(13, 102, 130, 0.72)),
        url('../img/section-2-back.jpg') center/cover no-repeat;
}

.home-section--image {
    overflow: hidden;
}

.home-section--image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
        radial-gradient(circle at 12% 18%, rgba(245, 0, 87, 0.14), transparent 28%),
        radial-gradient(circle at 84% 72%, rgba(41, 225, 137, 0.13), transparent 30%);
    pointer-events: none;
}

.home-section--marketplaces {
    background: #f7f4fb;
}

.home-section__heading {
    max-width: 900px;
    margin: 0 auto 34px;
    text-align: center;
}

.home-section__heading .home-eyebrow,
.home-section__heading h2,
.home-section__heading h3,
.home-section__heading p {
    text-align: center;
}

.home-section h2,
.home-section__heading h3,
.home-cta h2,
.home-cta > strong {
    color: #24143f;
    font-size: 2.15rem;
    line-height: 2.65rem;
    font-weight: 800;
}

.home-section--workflow h2 {
    color: #fff;
}

.home-section p,
.home-feature-panel li,
.home-faq p {
    color: #514568;
    font-size: 1.05rem;
    line-height: 1.7rem;
}

.home-section--workflow p {
    color: rgba(255, 255, 255, 0.88);
}

.home-pain-grid,
.home-audience-grid,
.home-faq {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.home-feature-panel {
    border: 1px solid rgba(126, 87, 194, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(36, 20, 63, 0.08);
}

.home-pain-grid img {
    display: block;
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin: 0 auto 14px;
}

.home-pain-icon {
    display: none;
}

.home-pain-grid h3,
.home-steps h3,
.home-audience-grid h3,
.home-faq h3 {
    margin: 0 0 10px;
    padding: 0;
    color: #24143f;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}

.home-pain-grid h3,
.home-audience-grid h3,
.home-faq h3 {
    font-size: 1.12rem;
    line-height: 1.45rem;
}

.home-pain-grid p,
.home-audience-grid p,
.home-faq p {
    margin: 0;
}

.home-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.home-section--workflow .home-steps h3 {
    color: #fff;
}

.home-section--workflow .home-steps span {
    color: #29e189;
}

.home-steps span {
    display: inline-flex;
    margin-bottom: 18px;
    color: #f50057;
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 900;
}

.home-steps h3 {
    font-size: 1.25rem;
    line-height: 1.55rem;
}

.home-feature-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: center;
}

.home-feature-copy p {
    margin-top: 18px;
}

.home-feature-panel {
    padding: 26px;
}

.home-feature-panel ul {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-feature-panel li {
    position: relative;
    padding-left: 28px;
    font-weight: 700;
}

.home-feature-panel li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #29e189;
}

.home-faq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-marketplace-logos {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    align-items: center;
}

.home-marketplace-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: stretch;
}

.home-marketplace-logos img {
    width: 100%;
    max-height: 78px;
    object-fit: contain;
    padding: 18px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(36, 20, 63, 0.08);
}

.home-marketplace-badges {
    display: none;
}

.home-cta {
    max-width: 860px;
    text-align: center;
}

.home-cta--compact {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
    text-align: center;
}

.home-cta h2,
.home-cta > strong,
.home-cta p {
    text-align: center;
}

.home-cta--compact h2,
.home-cta--compact > strong,
.home-cta--compact p {
    text-align: center;
}

.home-cta .home-hero__actions {
    justify-content: center;
}

.home-cta--compact .home-hero__actions {
    justify-content: center;
}

.home-license-link {
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.86);
    text-decoration: underline;
}

@media (min-width: 1051px) {
    .home-section--image {
        background-attachment: fixed;
    }
}

/* ===== Homepage unified purple mood ===== */
.home-page {
    background:
        radial-gradient(circle at 12% 10%, rgba(126, 87, 194, 0.38), transparent 34%),
        radial-gradient(circle at 88% 36%, rgba(13, 102, 130, 0.28), transparent 32%),
        linear-gradient(180deg, #170a35 0%, #221044 48%, #120927 100%);
    color: #fff;
}

.home-section {
    color: #fff;
}

.home-section--light,
.home-section--marketplaces {
    background:
        radial-gradient(circle at 8% 18%, rgba(245, 0, 87, 0.16), transparent 30%),
        radial-gradient(circle at 88% 72%, rgba(41, 225, 137, 0.12), transparent 28%),
        linear-gradient(135deg, #2f1760, #43267b 52%, #281055);
}

.home-section--light::before,
.home-section--marketplaces::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 44%),
        radial-gradient(circle at 18% 16%, rgba(126, 87, 194, 0.26), transparent 30%),
        radial-gradient(circle at 82% 70%, rgba(13, 102, 130, 0.18), transparent 32%);
    opacity: 1;
    pointer-events: none;
}

.home-section--marketplaces::before {
    background:
        linear-gradient(270deg, rgba(255, 255, 255, 0.035), transparent 44%),
        radial-gradient(circle at 78% 18%, rgba(126, 87, 194, 0.24), transparent 32%),
        radial-gradient(circle at 18% 76%, rgba(245, 0, 87, 0.1), transparent 30%);
}

.home-section h2,
.home-section--workflow h2,
.home-cta h2,
.home-pain-grid h3,
.home-steps h3,
.home-audience-grid h3,
.home-faq h3 {
    color: #fff;
}

.home-section p,
.home-feature-panel li,
.home-faq p,
.home-audience-grid p,
.home-pain-grid p {
    color: rgba(255, 255, 255, 0.78);
}

.home-section__heading p {
    color: rgba(255, 255, 255, 0.78);
}

.home-section .home-eyebrow {
    color: #168a61;
}

.home-feature-panel {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.07));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
}

.home-pain-grid img {
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.home-feature-copy {
    padding: 30px 0;
}

.home-feature-visual {
    position: relative;
    display: grid;
    gap: 16px;
    align-self: stretch;
}

.home-section--ai-content .home-feature-visual {
    grid-row: span 2;
}

.home-section--ai-content .home-ai-before-after {
    grid-template-columns: 1fr;
    gap: 20px;
    align-self: center;
}

.home-section--ai-content .home-ai-before-after .home-before-after-card:only-child img {
    aspect-ratio: 5 / 3;
    object-fit: contain;
    object-position: center;
}

.home-section--ai-content .home-feature-visual > .home-product-shot img {
    aspect-ratio: 16 / 10;
}

.home-feature-panel {
    background:
        linear-gradient(145deg, rgba(126, 87, 194, 0.32), rgba(255, 255, 255, 0.08));
}

.home-ai-before-after {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.home-before-after-card {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(10px);
}

.home-before-after-card span {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(24, 10, 54, 0.74);
    color: #29e189;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.home-before-after-card img {
    display: block;
    width: 100%;
    aspect-ratio: 1.08 / 1;
    object-fit: cover;
    object-position: left top;
    background: rgba(255, 255, 255, 0.86);
    border-radius: 6px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

.home-product-shot {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07));
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(10px);
}

.home-product-shot::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 12% 16%, rgba(41, 225, 137, 0.12), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(245, 0, 87, 0.1), transparent 30%);
    pointer-events: none;
}

.home-product-shot img {
    position: relative;
    z-index: 1;
}

.home-product-shot img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: left top;
    border-radius: 6px;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
}

.home-product-shot--hero {
    width: min(100%, 560px);
}

.home-product-shot--hero img {
    aspect-ratio: 16 / 10;
}

.home-product-shot--image-editor img {
    object-fit: contain;
    object-position: center;
    background: rgba(255, 255, 255, 0.92);
}

.home-section--product-screens {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(41, 225, 137, 0.16), transparent 28%),
        radial-gradient(circle at 86% 72%, rgba(245, 0, 87, 0.14), transparent 30%),
        linear-gradient(135deg, #3d2377, #533391 52%, #351a69);
}

.home-section--product-screens::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 42%),
        radial-gradient(circle at 22% 20%, rgba(151, 112, 224, 0.34), transparent 32%),
        radial-gradient(circle at 80% 76%, rgba(21, 130, 160, 0.22), transparent 34%);
}

.home-screen-rows {
    display: grid;
    gap: 58px;
}

.home-screen-row {
    display: grid;
    grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
    gap: 34px;
    align-items: center;
}

.home-screen-row--reverse {
    grid-template-columns: minmax(0, 1.18fr) minmax(260px, 0.82fr);
}

.home-screen-copy {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
}

.home-screen-copy h3 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1.65rem;
    line-height: 2.05rem;
    text-align: left;
    text-transform: none;
}

.home-screen-copy p:not(.home-eyebrow) {
    margin: 0;
}

.home-api-preview {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border: 1px solid rgba(126, 87, 194, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 255, 0.88));
    box-shadow: 0 18px 46px rgba(77, 44, 145, 0.13);
}

.home-api-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(120deg, rgba(77, 44, 145, 0.08), transparent 42%),
        radial-gradient(circle at 14% 18%, rgba(41, 225, 137, 0.12), transparent 28%),
        radial-gradient(circle at 86% 82%, rgba(47, 102, 245, 0.1), transparent 30%);
    pointer-events: none;
}

.home-api-preview > * {
    position: relative;
    z-index: 1;
}

.home-api-preview__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    color: rgba(36, 20, 63, 0.72);
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-api-preview__topline strong {
    color: #24143f;
    font-size: 1rem;
    text-align: center;
    text-transform: none;
}

.home-api-preview__topline span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 7px 10px;
    border: 1px solid rgba(77, 44, 145, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
}

.home-api-preview__screens {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.home-api-card {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(126, 87, 194, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 32px rgba(42, 74, 148, 0.12);
}

.home-api-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-bottom: 1px solid rgba(126, 87, 194, 0.12);
}

.home-api-card--api img {
    object-position: 82% 74%;
}

.home-api-card--updater img {
    object-position: 14% 58%;
}

.home-api-card strong {
    color: #24143f;
    font-size: 0.98rem;
    line-height: 1.25rem;
}

.home-api-card span {
    color: rgba(36, 20, 63, 0.74);
    font-size: 0.9rem;
    line-height: 1.35rem;
    font-weight: 600;
}

.home-api-preview__connector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.home-api-preview__connector span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(47, 102, 245, 0.2), #29e189);
}

.home-api-preview__connector span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #29b97d;
    border-right: 2px solid #29b97d;
    transform: translateY(-50%) rotate(45deg);
}

.home-marketplace-logos img {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.home-section--marketplaces .home-section__heading {
    max-width: 980px;
}

.home-section--light + .home-section,
.home-section--marketplaces + .home-section {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* ===== Homepage body refinements ===== */
.home-section--light,
.home-section--marketplaces {
    background:
        radial-gradient(circle at 8% 18%, rgba(245, 0, 87, 0.18), transparent 32%),
        radial-gradient(circle at 88% 72%, rgba(41, 225, 137, 0.14), transparent 30%),
        linear-gradient(135deg, #3a1f72, #4c2d85 52%, #321867);
}

.home-section--light::before,
.home-section--marketplaces::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 46%),
        radial-gradient(circle at 20% 18%, rgba(151, 112, 224, 0.36), transparent 32%),
        radial-gradient(circle at 82% 74%, rgba(21, 130, 160, 0.24), transparent 34%);
}

.home-section--workflow .home-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 32px 0 6px;
}

.home-section--workflow .home-steps::before {
    content: "";
    position: absolute;
    top: 58px;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(41, 225, 137, 0.2), #29e189, rgba(245, 0, 87, 0.45));
    box-shadow: 0 0 24px rgba(41, 225, 137, 0.28);
}

.home-section--workflow .home-steps span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 26px;
    border: 2px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    background: linear-gradient(135deg, #29e189, #7ef0bf);
    color: #180a36;
    font-size: 1.25rem;
    line-height: 1;
    box-shadow: 0 14px 34px rgba(41, 225, 137, 0.28);
}

.home-section--workflow .home-steps h3,
.home-section--workflow .home-steps p {
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.home-section--workflow .home-steps h3 {
    margin-bottom: 12px;
}

.home-section--faq-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(41, 225, 137, 0.12), transparent 30%),
        radial-gradient(circle at 86% 24%, rgba(245, 0, 87, 0.16), transparent 30%),
        linear-gradient(135deg, #123b58, #2b1b65 48%, #3a1559);
}

.home-section--faq-section::before {
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.055), transparent 50%),
        radial-gradient(circle at 18% 78%, rgba(13, 102, 130, 0.28), transparent 34%),
        radial-gradient(circle at 78% 62%, rgba(126, 87, 194, 0.24), transparent 32%);
}

.home-section--problems {
    overflow: hidden;
}

.home-section--problems::after {
    content: "?  AI  API  XML  ?  YML  Excel  AI  ?  API  XML";
    position: absolute;
    inset: 18px -8%;
    z-index: 0;
    color: rgba(255, 255, 255, 0.075);
    font-size: 4.6rem;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: uppercase;
    word-spacing: 42px;
    transform: rotate(-8deg);
    animation: home-faq-tokens 24s linear infinite;
    pointer-events: none;
    white-space: normal;
}

@keyframes home-faq-tokens {
}

@keyframes home-marketplace-ticker {
}

@media (prefers-reduced-motion: reduce) {
    .home-section--problems::after {
        animation: none;
    }
}

.home-section--faq-section {
    background:
        radial-gradient(circle at 14% 22%, rgba(41, 225, 137, 0.24), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(245, 0, 87, 0.22), transparent 30%),
        radial-gradient(circle at 52% 78%, rgba(151, 112, 224, 0.38), transparent 34%),
        linear-gradient(135deg, #21557a, #46308a 48%, #5a247e);
    background-size: 160% 160%, 150% 150%, 180% 180%, 100% 100%;
    animation: home-faq-mesh 18s ease-in-out infinite;
}

.home-section--faq-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08), transparent 18%),
        radial-gradient(circle at 78% 70%, rgba(255, 255, 255, 0.06), transparent 18%);
    pointer-events: none;
}

.home-section--ai-content {
    overflow: hidden;
}

.home-section--ai-content::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        linear-gradient(90deg, rgba(41, 225, 137, 0.11) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px),
        linear-gradient(120deg, transparent 0 44%, rgba(41, 225, 137, 0.18) 45%, transparent 46%),
        linear-gradient(60deg, transparent 0 54%, rgba(245, 0, 87, 0.12) 55%, transparent 56%);
    background-size: 96px 96px, 96px 96px, 260px 260px, 320px 320px;
    opacity: 0.42;
    animation: home-data-flow 28s linear infinite;
    pointer-events: none;
}

@keyframes home-faq-mesh {
}

@keyframes home-data-flow {
}

@media (prefers-reduced-motion: reduce) {
    .home-section--faq-section,
.home-section--ai-content::after {
        animation: none;
    }
}

.home-transparent-note {
    position: relative;
    grid-column: 1 / -1;
    overflow: hidden;
    margin-top: 4px;
    padding: 22px 24px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 18%, rgba(41, 225, 137, 0.13), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
}

.home-transparent-note::after {
    content: "API KEY     usage     в‚ґ 0 markup     tokens     API KEY     pay as you go";
    position: absolute;
    inset: -18% -8%;
    z-index: 0;
    color: rgba(255, 255, 255, 0.08);
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 0;
    word-spacing: 30px;
    transform: rotate(-6deg);
    animation: home-transparent-ledger 26s linear infinite;
    pointer-events: none;
}

.home-transparent-note > * {
    position: relative;
    z-index: 1;
}

.home-transparent-note .home-eyebrow {
    margin-bottom: 8px;
}

.home-transparent-note h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.55rem;
    line-height: 2rem;
}

.home-transparent-note p:not(.home-eyebrow) {
    max-width: 880px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.98rem;
    line-height: 1.55rem;
}

.home-section--audience-summary {
    background:
        radial-gradient(circle at 16% 18%, rgba(41, 225, 137, 0.17), transparent 30%),
        radial-gradient(circle at 84% 82%, rgba(245, 0, 87, 0.16), transparent 32%),
        linear-gradient(135deg, #3b2474, #4d3188 52%, #341a68);
}

.home-section--audience-summary .home-section__heading {
    margin-bottom: 34px;
}

@keyframes home-transparent-ledger {
}

@media (prefers-reduced-motion: reduce) {
    .home-transparent-note::after {
        animation: none;
    }
}

/* ===== Inner public pages ===== */
.inner-hero {
    position: relative;
    align-self: stretch;
    width: 100%;
    overflow: hidden;
    min-height: 430px;
    color: #071642;
    background:
        radial-gradient(circle at 10% 8%, rgba(126, 87, 194, 0.16), transparent 30%),
        radial-gradient(circle at 88% 24%, rgba(21, 130, 160, 0.12), transparent 28%),
        linear-gradient(180deg, #fbf8ff 0%, #f4effb 48%, #eef8fb 100%);
}

.inner-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(126, 87, 194, 0.055), transparent 44%),
        radial-gradient(circle at 18% 20%, rgba(126, 87, 194, 0.13), transparent 32%),
        radial-gradient(circle at 82% 72%, rgba(13, 102, 130, 0.09), transparent 34%);
    pointer-events: none;
}

.inner-hero .header,
.inner-hero__content {
    position: relative;
    z-index: 1;
}

.inner-hero .header {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 12px;
}

.inner-hero .header__top {
    margin-bottom: 8px;
}

.inner-hero .header__content-inner {
    min-height: 76px;
}

.inner-hero .header__phone,
.inner-hero .header__email,
.inner-hero .header__telegram,
.inner-hero .menu a {
    color: #071642;
    text-shadow: none;
}

.inner-hero .header__phone::before,
.inner-hero .header__email::before {
    color: #4d2c91;
}

.inner-hero .header__btn {
    color: #071642;
    border-color: rgba(77, 44, 145, 0.24);
}

.inner-hero .header__btn:hover {
    color: #4d2c91;
    background: rgba(77, 44, 145, 0.06);
    border-color: rgba(77, 44, 145, 0.38);
}

.inner-hero__content {
    max-width: 860px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 82px;
    text-align: center;
}

.inner-hero h1 {
    max-width: 780px;
    margin: 0 auto;
    color: #071642;
    font-size: 3.15rem;
    line-height: 3.55rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
}

.inner-hero p:not(.home-eyebrow) {
    max-width: 720px;
    margin: 22px auto 0;
    color: #34405f;
    font-size: 1.12rem;
    line-height: 1.8rem;
    text-align: center;
}

.inner-hero .home-eyebrow {
    display: none;
}

.site-page {
    width: 100%;
    color: #24143f;
    background:
        radial-gradient(circle at 10% 4%, rgba(126, 87, 194, 0.12), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(21, 130, 160, 0.1), transparent 28%),
        linear-gradient(180deg, #fbf8ff 0%, #f4effb 42%, #eef8fb 100%);
}

.inner-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}

.inner-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 8% 18%, rgba(245, 0, 87, 0.055), transparent 30%),
        radial-gradient(circle at 90% 76%, rgba(41, 225, 137, 0.075), transparent 32%),
        linear-gradient(135deg, #fff 0%, #f7f2ff 52%, #eef8fb 100%);
    pointer-events: none;
}

.inner-section > .container {
    position: relative;
    z-index: 1;
}

.inner-section__heading {
    max-width: 880px;
    margin: 0 auto 34px;
    text-align: center;
}

.inner-section__heading h2 {
    margin: 0;
    color: #071642;
    font-size: 2.15rem;
    line-height: 2.65rem;
    font-weight: 800;
    text-transform: none;
}

.inner-section__stack {
    display: grid;
    gap: 28px;
    justify-items: center;
}

.inner-section__stack .inner-section__heading {
    margin-bottom: 0;
}

.inner-section__stack--about .about-us {
    width: min(100%, 900px);
}

.site-glass-panel {
    border: 1px solid rgba(77, 44, 145, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 242, 255, 0.74));
    box-shadow: 0 22px 60px rgba(77, 44, 145, 0.11);
    backdrop-filter: blur(10px);
}

.site-page .about-us,
.site-page .partners {
    max-width: none;
    color: #3f315c;
}

.site-page .about-us {
    margin: 0;
    padding: 30px;
}

.site-page .about-us h2,
.site-page .about-us h3,
.site-page .partners h2 {
    color: #071642;
    text-transform: none;
}

.site-page .about-us p,
.site-page .about-work__item p,
.site-page .partner-desc {
    color: #4d4265;
}

.site-page .about-us__lead {
    color: #2d2244;
}

.site-page .about-mission,
.site-page .about-stat,
.site-page .about-work__item,
.site-page .partner-head,
.site-page .partner-desc {
    border: 1px solid rgba(77, 44, 145, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 242, 255, 0.62));
    box-shadow: 0 18px 44px rgba(77, 44, 145, 0.1);
}

.site-page .about-stat__num,
.site-page .partner-head__name {
    color: #29e189;
}

.site-page .about-stat__text,
.site-page .partner-head__tagline {
    color: #5c5174;
}

.site-page .partner-card {
    margin: 18px 0;
}

.site-page .partner-head {
    color: #071642;
}

.site-page .section__header {
    margin: 0 0 28px;
    padding: 0;
    color: #071642;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}

.site-page .section__header h1,
.site-page .section__header h2 {
    color: #071642;
    text-transform: none;
    letter-spacing: 0;
}

.site-page--video .instructions {
    display: block;
}

.site-page--video .inner-section--video-library > .container.block {
    margin: 10px auto;
}

.site-page--video .video {
    gap: 22px;
    align-items: stretch;
    margin: 0 0 24px;
    padding: 22px;
    border: 1px solid rgba(77, 44, 145, 0.12);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 242, 255, 0.74));
    box-shadow: 0 18px 44px rgba(77, 44, 145, 0.09);
}

.site-page--video .video__cell {
    width: 50%;
    height: auto;
    min-height: 260px;
    margin: 0;
    padding: 0;
}

.site-page--video .video__cell:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 10px 14px 0;
}

.site-page--video .video__cell h2 {
    margin: 0 0 12px;
    padding: 0;
    color: #071642;
    text-align: left;
    font-size: 1.35rem;
    line-height: 1.8rem;
}

.site-page--video .video__cell p {
    margin: 0;
    color: #4d4265;
    text-align: left;
    font-size: 1rem;
    line-height: 1.65rem;
}

.site-page--video .video__cell iframe {
    display: block;
    min-height: 260px;
    border-radius: 8px;
    background: #eef1fb;
    box-shadow: 0 18px 44px rgba(77, 44, 145, 0.12);
}

.site-page--video .video__animate {
    animation: none;
    transform: none;
    background: #eef1fb;
}

.inner-section--partners {
    overflow: hidden;
}

.inner-section--partners::after {
    content: "SalesTrend  Prom.ua  OLX  ShopEditor  Analytics  SalesTrend  Prom.ua  OLX";
    position: absolute;
    inset: 12px -10%;
    z-index: 0;
    color: rgba(77, 44, 145, 0.075);
    font-size: 4.1rem;
    font-weight: 900;
    line-height: 1.8;
    letter-spacing: 0;
    text-transform: uppercase;
    word-spacing: 38px;
    transform: rotate(-7deg);
    animation: inner-partners-ticker 26s linear infinite;
    pointer-events: none;
    white-space: normal;
}

@keyframes inner-partners-ticker {
}

@media (prefers-reduced-motion: reduce) {
    .inner-section--partners::after {
        animation: none;
    }
}

.inner-step-card {
    position: relative;
    z-index: 1;
    margin: 0 auto 28px;
    color: #3f315c;
    border: 1px solid rgba(77, 44, 145, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 242, 255, 0.74));
    box-shadow: 0 22px 60px rgba(77, 44, 145, 0.11);
    backdrop-filter: blur(10px);
}

.inner-step-card .section__header {
    margin: 0 0 18px;
    padding: 0;
    color: #071642;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
}

.inner-step-card .instructions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.inner-step-card .col1-4 {
    grid-column: 1 / -1;
}

.inner-step-card h1,
.inner-step-card h2 {
    color: #071642;
    text-transform: none;
    letter-spacing: 0;
}

.inner-step-card .btn,
.site-page .packets__footer .btn {
    background: linear-gradient(135deg, #5666f5, #7e57c2);
    color: #fff;
    box-shadow: 0 14px 34px rgba(77, 44, 145, 0.18);
}

.inner-step-card .video_instruction a {
    color: #29e189;
    font-weight: 800;
}

.inner-step-card .video {
    gap: 18px;
    padding: 18px 0 0;
}

.inner-step-card .video__cell {
    border-radius: 8px;
}

.inner-step-card .step_image img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(77, 44, 145, 0.14);
}

.site-page--pricing .inner-section::before {
    background:
        radial-gradient(circle at 8% 18%, rgba(245, 0, 87, 0.055), transparent 32%),
        radial-gradient(circle at 88% 72%, rgba(41, 225, 137, 0.075), transparent 30%),
        linear-gradient(135deg, #fff 0%, #f7f2ff 52%, #eef8fb 100%);
}

.site-page .se-pricing-wrapper {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
    padding: 26px;
}

.site-page .se-pricing-title {
    margin-bottom: 18px;
    border-radius: 8px;
    color: #fff;
    background:
        linear-gradient(135deg, #5666f5, #7e57c2) !important;
    box-shadow: 0 18px 44px rgba(77, 44, 145, 0.16);
}

.site-page .se-pricing-table {
    overflow: hidden;
    border-radius: 8px;
}

.site-page .se-pricing-table th,
.site-page .se-pricing-table td {
    border-color: rgba(77, 44, 145, 0.14) !important;
    color: #24143f;
}

.site-page .se-col-features {
    background: rgba(255, 255, 255, 0.78) !important;
}

.site-page .se-col-start {
    background: rgba(86, 102, 245, 0.14) !important;
}

.site-page .se-col-full {
    background: rgba(41, 225, 137, 0.16) !important;
}

.site-page .se-col-pro {
    background: rgba(126, 87, 194, 0.18) !important;
}

.site-page .packets__footer {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 24px;
    color: #24143f;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(247, 242, 255, 0.74));
}

.site-page .packets__footer__right {
    background: rgba(77, 44, 145, 0.06);
}

/* ===== Homepage light product body ===== */
.home-page {
    background:
        radial-gradient(circle at 10% 4%, rgba(126, 87, 194, 0.12), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(21, 130, 160, 0.1), transparent 28%),
        linear-gradient(180deg, #fbf8ff 0%, #f4effb 42%, #eef8fb 100%);
    color: #24143f;
}

.home-page .home-section,
.home-page .home-section--light,
.home-page .home-section--workflow,
.home-page .home-section--product-screens,
.home-page .home-section--faq-section,
.home-page .home-section--audience-summary,
.home-page .home-section--marketplaces {
    color: #24143f;
    background:
        radial-gradient(circle at 8% 18%, rgba(245, 0, 87, 0.055), transparent 30%),
        radial-gradient(circle at 90% 76%, rgba(41, 225, 137, 0.075), transparent 32%),
        linear-gradient(135deg, #fff 0%, #f7f2ff 52%, #eef8fb 100%);
}

.home-page .home-section::before,
.home-page .home-section--image::before,
.home-page .home-section--light::before,
.home-page .home-section--workflow::before,
.home-page .home-section--product-screens::before,
.home-page .home-section--faq-section::before,
.home-page .home-section--marketplaces::before {
    background:
        linear-gradient(90deg, rgba(126, 87, 194, 0.055), transparent 44%),
        radial-gradient(circle at 18% 20%, rgba(126, 87, 194, 0.13), transparent 32%),
        radial-gradient(circle at 82% 72%, rgba(13, 102, 130, 0.09), transparent 34%);
    opacity: 1;
}

.home-page .home-section--problems::after,
.home-page .home-transparent-note::after {
    color: rgba(77, 44, 145, 0.075);
}

.home-page .home-section--faq-section::after,
.home-page .home-section--ai-content::after {
    opacity: 0.18;
}

.home-page .home-section h2,
.home-page .home-section--workflow h2,
.home-page .home-cta h2,
.home-page .home-pain-grid h3,
.home-page .home-steps h3,
.home-page .home-audience-grid h3,
.home-page .home-faq h3,
.home-page .home-screen-copy h3,
.home-page .home-transparent-note h3 {
    color: #24143f;
}

.home-page .home-section p,
.home-page .home-section__heading p,
.home-page .home-feature-panel li,
.home-page .home-faq p,
.home-page .home-audience-grid p,
.home-page .home-pain-grid p,
.home-page .home-screen-copy p:not(.home-eyebrow),
.home-page .home-transparent-note p:not(.home-eyebrow) {
    color: rgba(36, 20, 63, 0.84);
    font-size: 1.12rem;
    line-height: 1.82rem;
    font-weight: 500;
}

.home-page .home-feature-panel li {
    line-height: 1.62rem;
}

.home-page .home-section h2,
.home-page .home-screen-copy h3,
.home-page .home-pain-grid h3,
.home-page .home-audience-grid h3,
.home-page .home-faq h3 {
    font-weight: 850;
}

.home-page .home-eyebrow,
.home-hero .home-eyebrow {
    font-weight: 900;
}

.home-page .home-section .home-eyebrow,
.home-page .home-section__heading .home-eyebrow {
    color: #168a61;
}

.home-page .home-feature-panel,
.home-page .home-transparent-note,
.home-page .home-screen-copy,
.home-page .home-cta--compact,
.home-page .home-product-shot,
.home-page .home-before-after-card {
    border-color: rgba(126, 87, 194, 0.16);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 255, 0.86));
    box-shadow: 0 18px 46px rgba(77, 44, 145, 0.13);
    backdrop-filter: blur(8px);
}

.home-page .home-product-shot::before {
    background:
        radial-gradient(circle at 12% 16%, rgba(41, 225, 137, 0.08), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(245, 0, 87, 0.06), transparent 30%);
}

.home-page .home-pain-grid img {
    background: #fff;
    box-shadow: 0 12px 28px rgba(77, 44, 145, 0.14);
}

.home-page .home-section--workflow .home-steps::before {
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(77, 44, 145, 0.16), #29e189, rgba(245, 0, 87, 0.28));
    box-shadow: 0 0 20px rgba(41, 225, 137, 0.22);
}

.home-page .home-section--workflow .home-steps span {
    border-color: rgba(77, 44, 145, 0.12);
}

.home-page .home-marketplace-logos img {
    border-color: rgba(126, 87, 194, 0.14);
    background: #fff;
    box-shadow: 0 16px 34px rgba(77, 44, 145, 0.12);
}

.home-page .home-license-link {
    color: rgba(36, 20, 63, 0.76);
}

.home-page .home-btn--secondary {
    border-color: rgba(77, 44, 145, 0.28);
    background: rgba(255, 255, 255, 0.82);
    color: #4d2c91;
    box-shadow: 0 12px 28px rgba(77, 44, 145, 0.12);
}

.home-page .home-btn--secondary:hover,
.home-page .home-btn--secondary:focus {
    background: rgba(77, 44, 145, 0.1);
    color: #24143f;
}

/* ===== Product hero concept ===== */
.home-hero--product {
    min-height: 760px;
    background:
        linear-gradient(115deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.9) 44%, rgba(242, 247, 255, 0.98)),
        linear-gradient(90deg, rgba(86, 117, 255, 0.12), rgba(126, 87, 194, 0.08));
    background-attachment: scroll;
    color: #071642;
}

.home-hero--product::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        linear-gradient(115deg, transparent 0 21%, rgba(86, 117, 255, 0.13) 21.1% 21.35%, transparent 21.45% 100%),
        linear-gradient(65deg, transparent 0 38%, rgba(41, 225, 137, 0.09) 38.1% 38.35%, transparent 38.45% 100%),
        linear-gradient(rgba(71, 107, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(71, 107, 255, 0.06) 1px, transparent 1px);
    background-size: 620px 420px, 720px 520px, 44px 44px, 44px 44px;
    opacity: 0.72;
    pointer-events: none;
}

.home-hero--product::after {
    background:
        linear-gradient(90deg, rgba(78, 49, 172, 0.06), transparent 42%),
        radial-gradient(ellipse at 34% 18%, rgba(86, 117, 255, 0.18), transparent 36%),
        radial-gradient(ellipse at 76% 82%, rgba(41, 225, 137, 0.12), transparent 34%);
}

.home-hero--product .header {
    position: relative;
    z-index: 3;
}

.home-hero--product .header__phone,
.home-hero--product .header__email,
.home-hero--product .header__telegram,
.home-hero--product .menu a {
    color: #071642;
    text-shadow: none;
}

.home-hero--product .header__phone::before,
.home-hero--product .header__email::before {
    color: #4d2c91;
}

.home-hero--product .header__btn {
    background: transparent;
    color: #071642;
    border-color: rgba(77, 44, 145, 0.24);
    box-shadow: none;
}

.home-hero--product .header__btn:hover {
    color: #4d2c91;
    background: rgba(77, 44, 145, 0.06);
    border-color: rgba(77, 44, 145, 0.38);
}

.home-hero--product .menu a:hover {
    border-color: rgba(77, 44, 145, 0.28);
    box-shadow: 0 10px 26px rgba(77, 44, 145, 0.14);
}

.home-hero--product .menu__active {
    text-decoration-color: rgba(77, 44, 145, 0.58);
}

.home-hero--product .home-hero__inner {
    width: min(100% - 32px, 1640px);
    grid-template-columns: minmax(360px, 0.56fr) minmax(760px, 1.44fr);
    gap: 18px 30px;
    align-items: center;
    min-height: 650px;
    padding-top: 24px;
    padding-bottom: 54px;
}

.home-hero--product .home-hero__headline {
    grid-column: 1 / -1;
    max-width: 980px;
    margin: 0 auto 24px;
    text-align: center;
}

.home-hero--product .home-hero__visual {
    justify-content: center;
    min-width: 0;
}

.home-hero-stage {
    position: relative;
    width: min(100%, 980px);
    min-height: 520px;
    padding: 36px 0 48px;
    --home-hero-float-start: 54px;
    --home-hero-float-step: 156px;
    /*transform: perspective(1000px) rotateX(2deg) rotateY(-20deg) rotateZ(0deg) translateX(-50px);*/
    transform: perspective(1600px) rotateX(5deg) rotateY(-11deg) rotateZ(0.7deg) translateX(-1px) translateY(-14px);
    transform-origin: center;
}

.home-hero-stage::before {
    content: "";
    position: absolute;
    inset: 74px 26px 46px;
    z-index: 0;
    border-radius: 8px;
}

.home-hero--product .home-product-shot--hero {
    position: relative;
    z-index: 2;
    width: min(100%, 980px);
    margin-left: 0;
    padding: 10px;
    border-color: rgba(86, 117, 255, 0.22);
    background: rgba(255, 255, 255, 0.82);
    box-shadow:
        0 30px 72px rgba(42, 74, 148, 0.22),
        0 0 0 5px rgba(112, 133, 255, 0.1);
    transform: none;
    transform-origin: center;
}

.home-hero--product .home-product-shot--hero::before {
    display: none;
}

.home-hero--product .home-product-shot--hero img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: left top;
    border: 1px solid rgba(86, 117, 255, 0.16);
    border-radius: 6px;
    box-shadow: 0 0 24px rgba(86, 117, 255, 0.16);
}

.home-hero-preview__button,
.home-media-preview__button {
    display: none;
}

.home-hero--product .home-hero__copy {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 520px;
    min-height: 460px;
    padding-top: 44px;
}

.home-hero--product .home-eyebrow {
    max-width: 560px;
    margin: 0 auto 18px;
}

.home-hero--product h1 {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    color: #071642;
    font-size: 3.55rem;
    line-height: 3.9rem;
    font-weight: 900;
    text-align: center;
}

.home-hero--product h1 span {
    color: #2f66f5;
    background: linear-gradient(135deg, #2f66f5 10%, #7e57c2 88%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-hero--product .home-hero__lead {
    max-width: 500px;
    color: rgba(7, 22, 66, 0.78);
    font-size: 1.1rem;
    line-height: 1.82rem;
    font-weight: 500;
}

.home-hero-benefits {
    position: absolute;
    top: 74px;
    right: 8px;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    width: min(36%, 330px);
    min-width: 286px;
    margin-top: 0;
    padding: 12px;
    border: 1px solid rgba(86, 117, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 40px rgba(42, 74, 148, 0.12);
}

.home-hero-benefits strong {
    display: block;
    margin: 0;
    color: #071642;
    font-size: 0.86rem;
    line-height: 1.15rem;
    font-weight: 850;
    text-transform: uppercase;
}

.home-hero-benefits p {
    margin: 6px 0 0;
    color: rgba(7, 22, 66, 0.72);
    font-size: 0.98rem;
    line-height: 1.48rem;
    font-weight: 500;
}

.home-hero--product .home-hero__actions {
    align-items: stretch;
    flex-direction: column;
    width: min(100%, 302px);
    margin-top: 18px;
    padding-top: 0;
}

.home-hero--product .home-btn {
    width: 100%;
    min-width: 0;
}

.home-hero--product .home-btn--primary {
    background: linear-gradient(135deg, #4f6dff, #7e57c2);
    box-shadow: 0 18px 38px rgba(86, 117, 255, 0.26);
}

.home-hero--product .home-btn--secondary {
    border-color: rgba(77, 44, 145, 0.22);
    background: rgba(255, 255, 255, 0.82);
    color: #4d2c91;
    box-shadow: 0 14px 30px rgba(42, 74, 148, 0.1);
}


/* === media.css === */
/* Generated for active public pages from media-legacy.css. Excludes archived contact/blog/en templates; keep media-legacy.css as the full responsive source archive. */
@media (max-width: 900px) {
    .container {
        padding: 0 15px;
    }
    .header__top{
        flex-direction: column;
        justify-content: center;
        margin-bottom: 20px;
        align-items: center;
    }
    .header__contacts{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header__contacts {
        text-align: center;
    }

    .header__logo{
        display: none;
    }
    #menu__toggle {
        opacity: 0;
    }
    #menu__toggle:checked ~ .menu__btn > span {
        transform: rotate(45deg);
    }
    #menu__toggle:checked ~ .menu__btn > span::before {
        top: 0;
        transform: rotate(0);
    }
    #menu__toggle:checked ~ .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
    }
    #menu__toggle:checked + .menu__btn + .menu__box {
        visibility: visible;
        left: 0;
        opacity: 1;
    }

    .menu__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 16px;
        left: 16px;

        width: 44px;
        height: 44px;

        cursor: pointer;
        z-index: 9999;
        border-radius: 50%;
        background: rgba(77, 44, 145, 0.88);
        border: 1px solid rgba(255, 255, 255, 0.22);
        box-shadow: 0 12px 28px rgba(68, 0, 94, 0.28);
        transition: background-color .25s, border-color .25s, box-shadow .25s;
    }

    .menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
        display: block;
        position: absolute;

        width: 22px;
        height: 2px;

        background-color: var(--main-text-on-p-color);
        border-radius: 2px;


        transition-duration: .25s;
    }
    .menu__btn > span::before {
        content: '';
        top: -8px;
    }
    .menu__btn > span::after {
        content: '';
        top: 8px;
    }

    #menu__toggle:checked ~ .menu__btn {
        background: rgba(245, 0, 87, 0.92);
        border-color: rgba(255, 255, 255, 0.36);
        box-shadow: 0 14px 32px rgba(245, 0, 87, 0.22);
    }

    .menu__box {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: fixed;
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: -100%;

        width: min(320px, 86vw);
        height: 100%;

        margin: 0;
        padding: 84px 18px 28px;

        list-style: none;
        color: var(--main-text-on-p-color);
        background:
            radial-gradient(circle at 18% 12%, rgba(41, 225, 137, 0.18), transparent 28%),
            linear-gradient(155deg, var(--main-p-dark-color) 0%, var(--main-text-on-p-light-color) 62%, #2a0f57 100%);
        box-shadow: 18px 0 40px rgba(32, 6, 58, .28);

        transition: left .28s ease, opacity .28s ease, visibility .28s ease;
        z-index: 9990;
    }

    .menu__item {
        display: block;
        width: 100%;
        padding: 14px 18px;
        color: rgba(255, 255, 255, 0.92);
        font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
        font-size: 19px;
        line-height: 1.25;
        font-weight: 600;
        text-decoration: none;
        border: 1px solid transparent;
        border-radius: var(--main-btn-radius);
        transition: background-color .25s, border-color .25s, color .25s, transform .25s;
    }
    .menu__item:hover,
.menu__active {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.24);
        text-decoration: none;
        transform: translateX(4px);
    }
    .section_order_font {
        line-height: 1rem;
        font-size: 0.7rem;
    }
    .packets__footer {
        width: 100%;
        height: 100%;
        grid-column: 1/6;
        grid-row: 19;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .packets__footer__right {
        margin: 0;
        padding: 5px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        border-radius: 8px;

    }
    .packets__footer__left {
        margin: 0;
        padding: 5px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        border-radius: 8px;
    }
}

@media (max-width: 640px) {
    /*.container{*/
    /*  padding: 30px;*/
    /*}*/
    p{
        word-wrap: break-word;
    }
    .btn {
        font-size: 0.8rem;
    }
    .packets__footer {
        width: 100%;
        height: 100%;
        grid-column: 1/6;
        grid-row: 19;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .packets__footer__right {
        margin: 0;
        padding: 5px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        border-radius: 8px;

    }
    .packets__footer__left {
        margin: 0;
        padding: 5px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        border-radius: 8px;
    }

    .time_card {
        /*margin: auto 10px;*/
        width: 30%;
        height: 100px;
        /*padding: 10px;*/

    }
}

@media (max-width: 540px) {
    .container {
        padding: 0 12px;
        margin: 0 auto;
    }
    h1{
           font-size: 2rem;
      }
    .section__header{
        padding: 0;
        margin: 0;
        height: auto;
        width: 100%;
    }

    .block {
        height: 100%;
        margin: 0;
        padding: 0;
        min-height: 200px;
        letter-spacing: 0;
        line-height: 1rem !important;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
 }

@media (max-width: 414px) {
    /*body {*/
    /*    width: 100%;*/
    /*}*/

    /*.container {*/
    /*    padding: 0 6px;*/
    /*}*/
}

@media (max-width: 375px) {

    #capabilities h3 {
        line-height: 1.4rem!important;
        letter-spacing: 0.1rem!important;
    }

    /*.packets {*/
    /*    grid-template-columns: auto auto auto auto;*/
    /*}*/

        .container{
        padding: 0 12px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /*.packets {*/
    /*    grid-template-columns: auto auto auto auto;*/
    /*}*/

    /*.packets h1 {*/
    /*    font-size: 1rem;*/
    /*}*/
    /*.packets p {*/
    /*    padding: 5px;*/
    /*    margin: 0;*/
    /*    font-size: 1em;*/
    /*}*/
    .section__header p{
        font-size: 0.5em;
        line-height: 0.8rem;
    }

    h1{
         font-size: 1.2rem;
         line-height: 1.4rem;
      }
    h2{
        font-size: 1rem;
        line-height: 1.2rem;
    }
    p{

        font-size: 0.75rem!important;
        line-height: 0.95rem!important;
    }
    /*.packets, .col2, .col3 p{*/
    /*    font-size: 0.5rem!important;*/
    /*}*/

    .section__header{
        margin: 10px 0;
        border-radius: 0;
        box-shadow: 0 0 3px 2px #1A3AA3;
    }
    .block {
        min-height: 285px;
        box-shadow: 0 0 0 0 #3B0F54;
        border-radius: var(--main-btn-radius);
        letter-spacing: 0;
        line-height: 1.5rem !important;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .section__text__font p {
        line-height: 1.5rem!important;
        font-size: 1rem!important;
    }
}


@media (min-width: 700px) {
    .menu ul {
        display: block !important;
    }
}

@media (max-width: 640px) {
    .partner-head{
        gap: 12px;
        padding: 12px 12px;
    }
    .partner-head__logo{
        width: 80px !important;
        height: 56px !important;
    }
    .partner-head__name{
        font-size: 1.5rem;
    }
    .partner-head__tagline{
        font-size: 1rem;
    }
}

/* Fix About Us mobile padding (prevent left edge shift) */
@media (max-width: 640px) {
    .about-us{
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
        width: 100%;
    }

    /* щоб карточки не прилипали до краю */
    .about-mission,
.about-stat,
.about-work__item{
        padding: 14px;
    }

    /* трохи комфортніші відступи для списків */
}

/* ===== Clean responsive overrides (generated) ===== */

/* Container padding (mobile) */
@media (max-width: 540px){
    .container{
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Partners / About / Footer (mobile) */
@media (max-width: 640px){

    /* Partners */
    .partner-head{
        gap: 12px;
        padding: 12px;
    }
    .partner-head__logo{
        width: 80px;
        height: 56px;
    }
    .partner-head__name{
        font-size: 1.5rem;
    }
    .partner-head__tagline{
        font-size: 1rem;
    }

    /* About */
    .about-us{
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        box-sizing: border-box;
    }
    .about-mission,
.about-stat,
.about-work__item{
        padding: 14px;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Footer: your layout uses .container_footer, not .container */
    .footer__content{
        gap: 14px;
    }
}

/* Very narrow screens: cards must fit */
@media (max-width: 400px){
    .about-stats,
.about-work__grid{
        grid-template-columns: 1fr !important;
    }
    .about-stat,
.about-work__item{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* ===== Product hero responsive ===== */
@media (max-width: 1400px) {
    .home-hero--product .home-hero__inner {
        width: min(100% - 32px, 1240px);
        grid-template-columns: minmax(390px, 0.58fr) minmax(650px, 1.42fr);
        gap: 18px 24px;
    }

    .home-hero--product h1 {
        font-size: 2.72rem;
        line-height: 3rem;
    }

    .home-hero--product .home-hero__lead {
        font-size: 1.04rem;
        line-height: 1.74rem;
    }

    .home-hero--product .home-eyebrow {
        margin-bottom: 18px;
    }

    .home-hero-stage {
        min-height: 486px;
        padding: 52px 0 50px;
        transform: perspective(1600px) rotateX(5deg) rotateY(-11deg) rotateZ(0.7deg) translateX(-1px) translateY(-8px);
        --home-hero-float-start: 42px;
        --home-hero-float-step: 148px;
    }

    .home-hero-benefits {
        grid-template-columns: 1fr;
        gap: 0;
        top: 58px;
        right: 4px;
        width: min(38%, 306px);
        min-width: 264px;
        margin-top: 0;
        padding: 10px;
    }

    .home-hero-benefits strong {
        font-size: 0.78rem;
        line-height: 1.05rem;
    }

    .home-hero-benefits p {
        font-size: 0.88rem;
        line-height: 1.3rem;
    }

    .home-hero--product .home-hero__actions {
        margin-top: 18px;
        gap: 10px;
    }

    .home-hero--product .home-btn {
        min-width: 0;
        padding: 10px 13px;
        font-size: 0.9rem;
        line-height: 1.15rem;
    }
}

@media (max-width: 1180px) {
    .home-hero--product .home-hero__inner {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 24px;
    }

    .home-hero--product .home-hero__headline {
        grid-column: 1;
        margin-bottom: -8px;
    }

    .home-hero--product .home-hero__copy {
        grid-row: 2;
        min-height: auto;
        max-width: 820px;
        margin: 0 auto;
        text-align: center;
    }

    .home-hero--product .home-hero__visual {
        grid-row: 3;
    }

    .home-hero--product .home-hero h1,
.home-hero--product h1,
.home-hero--product .home-hero__lead {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .home-hero-benefits {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }

    .home-hero--product .home-hero__actions {
        justify-content: center;
    }

    .home-hero-stage {
        width: min(100%, 820px);
        margin: 0 auto;
        transform: perspective(1600px) rotateX(5deg) rotateY(-11deg) rotateZ(0.7deg) translateX(-1px) translateY(-18px);
    }
}

@media (max-width: 760px) {
    .home-hero--product {
        min-height: auto;
    }

    .home-hero--product .header {
        z-index: 10000;
    }

    .home-hero--product .header__phone,
.home-hero--product .header__email,
.home-hero--product .header__telegram {
        color: #071642;
    }

    .home-hero--product .menu__btn > span,
.home-hero--product .menu__btn > span::before,
.home-hero--product .menu__btn > span::after {
        background-color: var(--main-text-on-p-color);
    }

    .home-hero--product .menu__box {
        background:
            radial-gradient(circle at 18% 12%, rgba(41, 225, 137, 0.18), transparent 28%),
            linear-gradient(155deg, var(--main-p-dark-color) 0%, var(--main-text-on-p-light-color) 62%, #2a0f57 100%);
        color: var(--main-text-on-p-color);
        box-shadow: 18px 0 40px rgba(32, 6, 58, .28);
    }

    .home-hero--product #menu__toggle:checked + .menu__btn + .menu__box .menu__item,
.home-hero--product .menu .menu__item {
        color: rgba(255, 255, 255, 0.94) !important;
        text-shadow: none;
    }

    .home-hero--product #menu__toggle:checked + .menu__btn + .menu__box .menu__item:hover,
.home-hero--product #menu__toggle:checked + .menu__btn + .menu__box .menu__active,
.home-hero--product .menu .menu__item:hover,
.home-hero--product .menu .menu__active {
        color: #fff !important;
        background-color: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.26);
        box-shadow: none;
    }

    .home-hero--product .home-hero__inner {
        padding-bottom: 46px;
    }

    .home-hero--product h1 {
        font-size: 2.55rem;
        line-height: 2.9rem;
    }

    .home-hero--product .home-hero__lead {
        font-size: 1.08rem;
        line-height: 1.7rem;
    }

    .home-hero-benefits {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 28px;
    }

    .home-hero-benefits strong {
        font-size: 1.1rem;
        line-height: 1.38rem;
    }

    .home-hero-benefits p {
        font-size: 0.96rem;
        line-height: 1.42rem;
    }

    .home-hero-stage {
        min-height: auto;
        padding: 24px 0 0;
        transform: none;
    }

    .home-hero-stage::before {
        display: none;
    }

    .home-hero--product .home-product-shot--hero {
        width: 100%;
        transform: none;
    }

    .home-hero--product .home-product-shot--hero img:not([src]),
    .home-before-after-card img:not([src]),
    .home-product-shot img:not([src]),
    .home-api-card img:not([src]) {
        visibility: hidden;
    }

    .home-before-after-card,
    .home-product-shot,
    .home-api-card {
        position: relative;
    }

    .home-hero-preview__button,
    .home-media-preview__button {
        position: absolute;
        inset: 50%;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: min(78%, 270px);
        min-height: 44px;
        padding: 12px 18px;
        color: #fff;
        font-size: 0.95rem;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        background: linear-gradient(135deg, #4f6dff, #7e57c2);
        border: 0;
        border-radius: var(--main-btn-radius);
        box-shadow: 0 14px 28px rgba(77, 44, 145, 0.24);
        cursor: pointer;
        transform: translate(-50%, -50%);
    }

    .home-hero-preview__button:hover,
    .home-hero-preview__button:focus,
    .home-media-preview__button:hover,
    .home-media-preview__button:focus {
        background: linear-gradient(135deg, #3857f0, #6d42bb);
    }

    .home-hero-preview__button:disabled,
    .home-media-preview__button:disabled {
        cursor: wait;
        opacity: 0.86;
    }

    .home-hero-preview__image--loaded + .home-hero-preview__button,
    .home-media-preview__image--loaded + .home-media-preview__button,
    .home-hero-preview__button[hidden],
    .home-media-preview__button[hidden] {
        display: none;
    }
}

@media (max-width: 430px) {
    .home-hero--product h1 {
        font-size: 2.12rem;
        line-height: 2.45rem;
    }
}

/* ===== Homepage refresh responsive ===== */
@media (max-width: 1050px) {
    .home-hero,
.home-section--image {
        background-attachment: scroll;
    }

    .home-hero__inner,
.home-feature-layout,
.home-marketplace-body,
.home-screen-row,
.home-screen-row--reverse,
.footer__content {
        grid-template-columns: 1fr;
    }

    .home-hero__visual {
        justify-content: flex-start;
    }

    .home-product-shot--hero {
        width: 100%;
        transform: none;
    }

    .home-section--ai-content .home-feature-visual {
        grid-row: auto;
    }

    .home-pain-grid,
.home-steps,
.home-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-marketplace-logos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-cta--compact {
        max-width: 760px;
    }
}

@media (max-width: 700px) {
    .inner-hero {
        min-height: auto;
    }

    .inner-hero .header {
        z-index: 10000;
    }

    .inner-hero .menu__box {
        color: var(--main-text-on-p-color);
    }

    .inner-hero #menu__toggle:checked + .menu__btn + .menu__box .menu__item,
.inner-hero .menu .menu__item {
        color: rgba(255, 255, 255, 0.94) !important;
        text-shadow: none;
    }

    .inner-hero #menu__toggle:checked + .menu__btn + .menu__box .menu__item:hover,
.inner-hero #menu__toggle:checked + .menu__btn + .menu__box .menu__active,
.inner-hero .menu .menu__item:hover,
.inner-hero .menu .menu__active {
        color: #fff !important;
        background-color: rgba(255, 255, 255, 0.14);
        border-color: rgba(255, 255, 255, 0.26);
        box-shadow: none;
    }

    .inner-hero__content {
        padding-top: 34px;
        padding-bottom: 52px;
    }

    .inner-hero h1 {
        font-size: 2.05rem;
        line-height: 2.45rem;
    }

    .inner-hero p:not(.home-eyebrow) {
        font-size: 1rem;
        line-height: 1.55rem;
    }

    .inner-section {
        padding: 52px 0;
    }

    .inner-section__heading h2 {
        font-size: 1.55rem;
        line-height: 2rem;
    }

    .site-page .about-us,
.site-page .se-pricing-wrapper,
.site-page .packets__footer {
        padding: 18px;
    }

    .site-page .about-stats,
.site-page .about-work__grid {
        grid-template-columns: 1fr;
    }

    .inner-step-card .instructions {
        display: block;
    }

    .inner-step-card .steps,
.inner-step-card .video,
.site-page .packets__footer {
        flex-direction: column;
    }

    .inner-step-card .step_image,
.inner-step-card .video__cell,
.site-page .packets__footer__left,
.site-page .packets__footer__right {
        width: 100%;
    }

    .inner-step-card .video__cell {
        height: auto;
        min-height: 220px;
        margin: 0;
    }

    .site-page--video .video {
        flex-direction: column;
        padding: 18px;
    }

    .site-page--video .video__cell {
        width: 100%;
        min-height: auto;
    }

    .site-page--video .video__cell:first-child {
        padding: 0;
    }

    .site-page--video .video__cell iframe {
        min-height: 220px;
    }

    .site-page .packets__footer__right {
        flex-wrap: wrap;
        margin: 16px 0 0;
        padding: 16px;
    }

    .home-hero {
        min-height: auto;
    }

    .home-hero__inner {
        gap: 28px;
        min-height: auto;
        padding-top: 28px;
        padding-bottom: 48px;
    }

    .home-hero h1 {
        font-size: 2.05rem;
        line-height: 2.45rem;
    }

    .home-hero__lead {
        font-size: 1rem;
        line-height: 1.55rem;
    }

    .home-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .home-btn {
        width: 100%;
        min-width: 0;
    }

    .home-section {
        padding: 52px 0;
    }

    .home-section h2,
.home-section__heading h3,
.home-cta h2,
.home-cta > strong {
        font-size: 1.55rem;
        line-height: 2rem;
    }

    .home-section p,
.home-feature-panel li,
.home-faq p {
        font-size: 0.98rem;
        line-height: 1.55rem;
    }

    .home-pain-grid,
.home-steps,
.home-audience-grid,
.home-faq,
.home-marketplace-logos {
        grid-template-columns: 1fr;
    }

    .home-marketplace-logos img {
        display: none;
    }

    .home-marketplace-badges {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }

    .home-marketplace-badges span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 10px 14px;
        color: #33224f;
        font-size: 0.96rem;
        font-weight: 800;
        line-height: 1;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(244, 249, 255, 0.9));
        border: 1px solid rgba(79, 109, 255, 0.16);
        border-radius: 999px;
        box-shadow: 0 12px 28px rgba(77, 44, 145, 0.1);
    }

    .home-marketplace-badges span:nth-child(2n) {
        color: #234b75;
        background: linear-gradient(145deg, rgba(235, 255, 247, 0.96), rgba(246, 250, 255, 0.9));
        border-color: rgba(41, 225, 137, 0.22);
    }

    .home-pain-grid img {
        display: none;
    }

    .home-pain-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        margin-bottom: 14px;
        color: #fff;
        font-size: 0.92rem;
        font-weight: 800;
        line-height: 1;
        background: linear-gradient(135deg, #4f6dff, #29e189);
        border-radius: 50%;
        box-shadow: 0 12px 24px rgba(79, 109, 255, 0.18);
    }

    .home-cta--compact,
.home-cta--compact h2,
.home-cta--compact > strong,
.home-cta--compact p {
        text-align: center;
    }

    .home-cta--compact .home-hero__actions {
        justify-content: center;
    }

    .home-feature-panel,
.home-screen-copy,
.home-cta--compact,
.footer__lead-card {
        padding: 18px;
    }

    .home-screen-rows {
        gap: 34px;
    }

    .home-api-preview {
        padding: 12px;
    }

    .home-api-preview__topline {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 8px;
        margin-bottom: 12px;
    }

    .home-api-preview__topline span {
        min-width: 0;
        width: min(100%, 180px);
    }

    .home-api-preview__screens {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .home-api-preview__connector {
        min-height: 28px;
    }

    .home-api-preview__connector span {
        width: 2px;
        height: 28px;
        background: linear-gradient(180deg, rgba(47, 102, 245, 0.2), #29e189);
    }

    .home-api-preview__connector span::after {
        top: auto;
        right: 50%;
        bottom: -1px;
        transform: translateX(50%) rotate(135deg);
    }

    .home-api-card img {
        aspect-ratio: 16 / 10;
    }

    .home-product-shot {
        padding: 8px;
    }

    .home-ai-before-after {
        grid-template-columns: 1fr;
    }

    .home-screen-copy h3 {
        font-size: 1.35rem;
        line-height: 1.75rem;
    }

    .footer {
        padding-top: 52px;
    }

    .footer__title {
        font-size: 1.55rem;
        line-height: 2rem;
    }

    .footer__contacts,
.footer__bottom,
.footer__legal,
.footer__links {
        flex-direction: column;
        align-items: stretch;
    }

    .footer__contact-link {
        width: 100%;
    }

    .footer__links {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .home-section--workflow .home-steps {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 8px 0 0 18px;
    }

    .home-section--workflow .home-steps::before {
        top: 12px;
        right: auto;
        bottom: 12px;
        left: 26px;
        width: 3px;
        height: auto;
    }

    .home-section--workflow .home-steps span {
        grid-row: span 2;
        margin: 0;
    }

    .home-section--workflow .home-steps h3,
.home-section--workflow .home-steps p {
        max-width: none;
        margin-left: 0;
        text-align: left;
    }

    .home-section--workflow .home-steps h3 {
        margin-top: 4px;
    }

    .home-transparent-note {
        padding: 20px;
    }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .home-hero--product .home-hero__inner {
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
        gap: 30px;
        align-items: center;
        min-height: 560px;
    }

    .home-hero--product .home-hero__headline {
        grid-column: 1 / -1;
        margin-bottom: 18px;
        text-align: center;
    }

    .home-hero--product .home-hero__visual {
        grid-row: auto;
        justify-content: center;
    }

    .home-hero--product .home-hero__copy {
        grid-row: auto;
        max-width: none;
        min-height: 0;
        margin: 0;
        padding-top: 34px;
        text-align: left;
    }

    .home-hero--product h1,
.home-hero--product .home-hero__lead {
        margin-left: 0;
        text-align: left;
    }

    .home-hero--product .home-hero__headline h1 {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .home-hero--product h1 {
        font-size: 3.05rem;
        line-height: 3.35rem;
    }

    .home-hero--product .home-hero__lead {
        font-size: 1.12rem;
        line-height: 1.86rem;
    }

    .home-hero-stage {
        min-height: 408px;
        padding: 44px 0 34px;
        transform: perspective(1600px) rotateX(5deg) rotateY(-11deg) rotateZ(0.7deg) translateX(-1px) translateY(-4px);
        --home-hero-float-start: 38px;
        --home-hero-float-step: 129px;
    }

    .home-hero--product .home-product-shot--hero {
        width: 100%;
        margin-left: 0;
        transform: none;
    }

    .home-hero-benefits {
        position: static;
        width: 100%;
        min-width: 0;
        gap: 0;
        margin-top: 16px;
    }

    .home-hero-benefits strong {
        font-size: 0.82rem;
        line-height: 1.1rem;
    }

    .home-hero-benefits p {
        font-size: 0.94rem;
        line-height: 1.38rem;
    }
}

@media (max-width: 900px) {
    .home-hero--product .home-hero__inner {
        grid-template-columns: 1fr;
    }

    .home-hero-benefits {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 18px;
    }
}