:root {
        --navy: #021124;
        --navy-2: #061d36;
        --cyan: #55eee5;
        --cyan-2: #33d4cc;
        --blue: #0876bc;
        --ink: #061a33;
        --muted: #53677d;
        --line: rgba(85, 238, 229, 0.28);
        --soft-line: rgba(7, 32, 61, 0.13);
        --shadow: 0 24px 70px rgba(1, 13, 30, 0.22);
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        background: #f7fbff;
        color: var(--ink);
        font-family:
          Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
          "Segoe UI", sans-serif;
      }

      a {
        color: inherit;
      }

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

      .wrap {
        width: min(1180px, calc(100% - 48px));
        margin: 0 auto;
      }

      .button {
        display: inline-flex;
        min-height: 54px;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border: 0;
        border-radius: 7px;
        padding: 0 26px;
        background: linear-gradient(90deg, var(--cyan), #45d8cf);
        color: #062038;
        font-size: 15px;
        font-weight: 950;
        letter-spacing: 0.02em;
        text-decoration: none;
        text-transform: uppercase;
        box-shadow: 0 14px 30px rgba(51, 212, 204, 0.24);
      }

      .button svg {
        width: 18px;
        height: 18px;
        stroke-width: 3;
      }

      .hero {
        position: relative;
        min-height: 590px;
        overflow: hidden;
        background: url("../images/landing-miosz/hero-house-aEyQx4k.jpg") center / cover;
        color: #ffffff;
      }

      .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(2, 17, 36, 0.98) 0%, rgba(2, 17, 36, 0.88) 34%, rgba(2, 17, 36, 0.36) 68%, rgba(2, 17, 36, 0.58) 100%);
        z-index: 0;
      }

      .hero-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }

      .hero-inner {
        position: relative;
        z-index: 1;
        padding: 30px 0 34px;
      }

      .hero-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: clamp(34px, 7vw, 72px);
      }

      .logo {
        display: block;
        width: min(245px, 58vw);
        height: auto;
      }

      .award-badge {
        display: flex;
        align-items: center;
        gap: 10px;
        max-width: 330px;
        border: 1px solid rgba(255, 255, 255, 0.55);
        border-radius: 8px;
        padding: 10px 14px;
        background: rgba(2, 17, 36, 0.5);
        color: #ffffff;
        font-size: 13px;
        font-weight: 950;
        line-height: 1.1;
        text-transform: uppercase;
      }

      .award-badge svg {
        width: 30px;
        height: 30px;
        color: #ffdf77;
        flex: none;
      }

      .hero-copy {
        max-width: 560px;
      }

      h1 {
        margin-bottom: 18px;
        font-size: clamp(41px, 6vw, 72px);
        line-height: 1.02;
        letter-spacing: 0;
      }

      h1 .accent {
        display: block;
        margin-top: 14px;
        color: var(--cyan);
        font-size: 0.82em;
      }

      .hero-copy p {
        max-width: 460px;
        color: rgba(255, 255, 255, 0.9);
        font-size: 18px;
        line-height: 1.55;
        font-weight: 650;
      }

      .hero-features {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        margin: 34px 0 28px;
      }

      .hero-feature {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        align-items: center;
        min-width: 130px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 850;
        line-height: 1.15;
      }

      .line-icon {
        display: grid;
        width: 42px;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid var(--cyan);
        border-radius: 8px;
        color: var(--cyan);
      }

      .line-icon.round {
        border-radius: 50%;
      }

      .line-icon svg {
        width: 25px;
        height: 25px;
        stroke-width: 2;
      }

      .market {
        background:
          linear-gradient(90deg, #031124 0%, #061b34 48%, rgba(3, 17, 36, 0.9) 100%);
        color: #ffffff;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      }

      .market-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 0;
        row-gap: clamp(24px, 4vw, 42px);
        align-items: center;
        padding: clamp(42px, 7vw, 72px) 0;
      }

      .stat-label {
        margin-bottom: 8px;
        font-size: clamp(24px, 3vw, 30px);
        font-weight: 850;
        line-height: 1.05;
      }

      .market-column {
        min-height: 100%;
        padding-inline: clamp(18px, 3vw, 34px);
      }

      .market-column + .market-column {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
      }

      .stat-number {
        color: var(--cyan);
        font-size: clamp(58px, 8vw, 96px);
        font-weight: 950;
        line-height: 0.94;
      }

      .stat-label-accent {
        color: var(--cyan);
      }

      .stat-copy {
        margin: 8px 0 0;
        color: rgba(255, 255, 255, 0.9);
        font-size: 17px;
        line-height: 1.45;
      }

      .same-list h2 {
        margin-bottom: 20px;
        font-size: clamp(22px, 2.7vw, 30px);
        line-height: 1.25;
      }

      .same-icons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-bottom: 28px;
      }

      .same-icons div {
        display: grid;
        gap: 8px;
        justify-items: center;
        color: rgba(255, 255, 255, 0.88);
        font-weight: 750;
      }

      .same-icons svg {
        width: 34px;
        height: 34px;
        color: #c7fbf8;
      }

      .market-message p {
        margin: 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: clamp(20px, 2.45vw, 27px);
        font-weight: 850;
        line-height: 1.28;
      }

      .market-message p span {
        color: var(--cyan);
      }

      .photo-grid {
        position: relative;
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: repeat(12, 1fr);
        gap: 5px;
      }

      .photo-grid::after {
        content: "";
        position: absolute;
        left: -1%;
        right: -1%;
        top: 50%;
        height: 5px;
        background: var(--cyan);
        transform: rotate(-3deg);
        transform-origin: center;
        z-index: 1;
      }

      .photo-grid span {
        display: block;
        aspect-ratio: 1 / 1;
        min-height: 0;
        border-radius: 3px;
        background: var(--img) center / cover;
        filter: grayscale(1) saturate(0.15) brightness(0.78);
        box-shadow: inset 0 -30px 35px rgba(2, 17, 36, 0.45);
      }

      .photo-grid .text-placeholder {
        position: relative;
        background: rgba(255, 255, 255, 0.12);
        filter: grayscale(1) brightness(0.82);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
      }

      .photo-grid .text-placeholder::before {
        content: "";
        position: absolute;
        inset: 18px 14px;
        background:
          linear-gradient(rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.48)) 0 0 / 82% 6px no-repeat,
          linear-gradient(rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)) 0 18px / 100% 5px no-repeat,
          linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28)) 0 34px / 92% 5px no-repeat,
          linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24)) 0 50px / 68% 5px no-repeat;
      }

      section.light {
        background: #ffffff;
        padding: clamp(42px, 7vw, 70px) 0;
      }

      .section-title {
        margin: 0 auto 28px;
        text-align: center;
        font-size: clamp(28px, 4vw, 38px);
        line-height: 1.1;
      }

      .demo-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }

      .demo-video {
        overflow: hidden;
        border-radius: 8px;
        background: #061a33;
        box-shadow: 0 12px 30px rgba(6, 26, 51, 0.18);
      }

      .demo-video iframe {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        border: 0;
      }

      .play {
        display: grid;
        width: 54px;
        aspect-ratio: 1;
        place-items: center;
        margin: 0 auto 54px;
        border: 2px solid rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        background: rgba(2, 17, 36, 0.45);
      }

      .play::before {
        content: "";
        width: 0;
        height: 0;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 15px solid #ffffff;
        transform: translateX(2px);
      }

      .demo-card h3 {
        margin-bottom: 6px;
        font-size: 18px;
      }

      .demo-card span {
        color: var(--cyan);
        font-size: 14px;
        font-weight: 850;
      }

      .features-section {
        background: linear-gradient(180deg, #f7fbff, #ffffff);
        padding: clamp(34px, 6vw, 58px) 0 22px;
      }

      .feature-row {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0;
      }

      .feature {
        min-height: 186px;
        padding: 0 26px;
        text-align: center;
        border-right: 1px solid var(--soft-line);
      }

      .feature:last-child {
        border-right: 0;
      }

      .feature .line-icon {
        width: 66px;
        margin: 0 auto 16px;
        border-width: 2px;
      }

      .feature h3 {
        margin-bottom: 10px;
        font-size: 18px;
      }

      .feature p {
        margin: 0;
        color: var(--muted);
        font-size: 15px;
        line-height: 1.5;
      }

      .social-icons {
        display: grid;
        grid-template-columns: repeat(2, 28px);
        justify-content: center;
        gap: 5px;
        margin: 0 auto 18px;
      }

      .social-icons span {
        display: grid;
        width: 28px;
        aspect-ratio: 1;
        place-items: center;
        border-radius: 6px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 950;
      }

      .comparison {
        padding: 10px 0 18px;
        background: #ffffff;
      }

      .compare-card {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        overflow: hidden;
        border-radius: 8px;
        background: var(--navy);
        color: #ffffff;
        box-shadow: var(--shadow);
      }

      .compare-side {
        padding: 26px clamp(20px, 4vw, 70px);
        text-align: center;
      }

      .compare-side h3 {
        margin-bottom: 16px;
        font-size: 14px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .compare-image {
        aspect-ratio: 1 / 1;
        min-height: 0;
        border-radius: 6px;
        background: var(--img) center / cover;
      }

      .compare-video {
        overflow: hidden;
        border-radius: 6px;
        background: #061a33;
      }

      .compare-video iframe {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        border: 0;
      }

      .compare-side strong {
        display: block;
        margin-top: 14px;
        font-size: clamp(22px, 2.8vw, 30px);
      }

      .compare-side strong.alt {
        color: var(--cyan);
      }

      .vs {
        display: grid;
        width: 74px;
        place-items: center;
      }

      .vs span {
        display: grid;
        width: 70px;
        aspect-ratio: 1;
        place-items: center;
        border: 3px solid var(--cyan);
        border-radius: 50%;
        background: #0b2744;
        font-size: 30px;
        font-weight: 950;
      }

      .info-pair-section {
        padding: 16px 0 16px 0;
        background: #f7fbff;
      }

      .info-pair {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .dark-panel,
      .offer-panel,
      .bottom-panel {
        border-radius: 8px;
        overflow: hidden;
      }

      .dark-panel {
        display: grid;
        grid-template-columns: 0.8fr 1fr;
        min-height: 260px;
        background: var(--navy);
        color: #ffffff;
      }

      .trophy-photo {
        background:
          linear-gradient(90deg, rgba(2, 17, 36, 0.05), rgba(2, 17, 36, 0.55)),
          url("../images/innovacios_dij-rhFj_UI.png") 55% 60% / 180% auto no-repeat;
      }

      .dark-panel-copy {
        align-self: center;
        padding: 34px;
      }

      .dark-panel h2 {
        margin-bottom: 16px;
        color: var(--cyan);
        font-size: clamp(28px, 3.4vw, 38px);
        line-height: 1.05;
      }

      .dark-panel h2 span {
        color: #ffffff;
      }

      .dark-panel p {
        margin: 0;
        color: rgba(255, 255, 255, 0.86);
        font-size: 16px;
        line-height: 1.6;
      }

      .offer-panel {
        display: grid;
        grid-template-columns: 1fr 0.7fr;
        align-items: center;
        min-height: 260px;
        padding: 34px;
        background: linear-gradient(135deg, #e6fffc, #f4fffd);
      }

      .offer-panel h2 {
        margin-bottom: 18px;
        color: #0b7d8d;
        font-size: clamp(28px, 3.4vw, 38px);
        line-height: 1.08;
      }

      .check-list {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 16px;
        font-weight: 850;
      }

      .check-list li::before {
        content: "✓";
        margin-right: 9px;
        color: #077f97;
      }

      .old-price {
        position: relative;
        display: inline-block;
        color: #6b7a8a;
        font-size: 2.16em;
        font-weight: 750;
      }

      .old-price::after {
        content: "";
        position: absolute;
        left: -4%;
        right: -4%;
        top: 52%;
        height: 3px;
        background: currentColor;
        transform: rotate(-3deg);
        transform-origin: center;
      }

      .miosz-mark {
        align-self: center;
        justify-self: center;
        text-align: center;
      }

      .miosz-mark img {
        display: block;
        width: min(190px, 100%);
        height: auto;
      }

      .insight-section {
        padding: 16px 0;
      }

      .insight-section-dark {
        background: #f7fbff;
      }

      .insight-section-light {
        background: #ffffff;
      }

      .insight-card {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 28px;
        align-items: stretch;
        border-radius: 8px;
        padding: clamp(28px, 4vw, 38px);
        box-shadow: var(--shadow);
      }

      .insight-section-dark .insight-card {
        background:
          radial-gradient(circle at 14% 18%, rgba(85, 238, 229, 0.16), transparent 30%),
          var(--navy);
        color: #ffffff;
      }

      .insight-section-light .insight-card {
        border: 1px solid rgba(8, 118, 188, 0.13);
        background: linear-gradient(135deg, #e6fffc, #f7fbff);
        color: var(--ink);
      }

      .insight-copy,
      .insight-list-box {
        display: grid;
        align-content: start;
      }

      .insight-copy {
        gap: 12px;
      }

      .insight-list-box {
        gap: 14px;
        border-left: 1px solid rgba(85, 238, 229, 0.22);
        padding-left: 28px;
      }

      .insight-section-light .insight-list-box {
        border-left-color: rgba(8, 118, 188, 0.16);
      }

      .insight-kicker {
        color: var(--cyan);
        font-size: 13px;
        font-weight: 950;
        text-transform: uppercase;
      }

      .insight-section-light .insight-kicker {
        color: #0876bc;
      }

      .insight-card h2 {
        margin: 0;
        color: var(--cyan);
        font-size: clamp(26px, 3.2vw, 36px);
        line-height: 1.08;
      }

      .insight-section-light .insight-card h2 {
        color: #0b7d8d;
      }

      .insight-card h3 {
        margin: 0;
        font-size: 18px;
        line-height: 1.3;
      }

      .insight-card p {
        margin: 0;
        font-size: 16px;
        font-weight: 650;
        line-height: 1.65;
      }

      .insight-section-dark .insight-card p {
        color: rgba(255, 255, 255, 0.82);
      }

      .insight-card .check-list {
        font-size: 15px;
        line-height: 1.45;
      }

      .insight-section-dark .check-list li::before {
        color: var(--cyan);
      }

      .insight-cta {
        grid-column: 1 / -1;
        display: flex;
        justify-content: center;
        padding-top: 4px;
      }

      .insight-cta .button {
        max-width: 100%;
        min-height: 48px;
        padding-inline: 22px;
        text-align: center;
        white-space: normal;
      }

      .bottom-pricing {
        padding: 16px 0 16px;
        background: #ffffff;
      }

      .partner-context {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 18px;
        align-items: center;
        margin-bottom: 18px;
        border: 1px solid rgba(8, 118, 188, 0.2);
        border-radius: 8px;
        padding: 16px 18px;
        background:
          linear-gradient(135deg, rgba(238, 250, 255, 0.98), rgba(244, 255, 253, 0.96));
        color: #092852;
        box-shadow: 0 14px 34px rgba(6, 26, 51, 0.08);
      }

      .partner-badge {
        display: grid;
        width: 62px;
        aspect-ratio: 1;
        place-items: center;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: inset 0 0 0 1px rgba(8, 118, 188, 0.18);
        overflow: hidden;
      }

      .partner-badge img {
        display: block;
        width: 72%;
        height: auto;
      }

      .partner-copy {
        min-width: 0;
      }

      .partner-label {
        margin-bottom: 5px;
        color: #53677d;
        font-size: 13px;
        font-weight: 750;
      }

      .partner-title {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 10px;
        align-items: baseline;
        font-size: 15px;
        font-weight: 850;
      }

      .partner-title span {
        color: #0876bc;
        font-size: 20px;
        font-weight: 950;
      }

      .partner-title strong {
        color: #092852;
        font-size: 15px;
        font-weight: 850;
      }

      .partner-context .muted {
        display: block;
        margin-top: 4px;
        color: #53677d;
        font-size: 13px;
        font-weight: 700;
      }

      .partner-images {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        width: min(270px, 28vw);
      }

      .partner-images img {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        border-radius: 7px;
        object-fit: cover;
        background: #dcecf4;
      }

      .bottom-panel {
        display: grid;
        grid-template-columns: 1fr 0.86fr 1fr;
        gap: 26px;
        align-items: stretch;
        padding: clamp(28px, 4vw, 42px);
        background:
          radial-gradient(circle at 28% 30%, rgba(8, 118, 188, 0.24), transparent 28%),
          var(--navy);
        color: #ffffff;
      }

      .landing-form-panel {
        grid-template-columns: minmax(0, 720px);
        justify-content: center;
        padding: clamp(28px, 4vw, 42px);
      }

      .big-question {
        align-self: center;
        font-size: clamp(32px, 4.2vw, 42px);
        font-weight: 950;
        line-height: 1.12;
      }

      .big-question span {
        color: var(--cyan);
      }

      .landing-form {
        position: relative;
        display: grid;
        width: 100%;
        align-self: center;
        gap: 16px;
        overflow: hidden;
        border: 0;
        border-radius: 8px;
        padding: 0;
        background: transparent;
        box-shadow: none;
      }

      .landing-form h2 {
        margin: 0;
      }

      .landing-form-title {
        color: var(--cyan);
        font-size: clamp(24px, 3vw, 34px);
        font-weight: 950;
        line-height: 1.1;
        text-align: center;
      }

      .form-success {
        border: 1px solid rgba(85, 238, 229, 0.3);
        border-radius: 7px;
        padding: 12px 14px;
        background: rgba(85, 238, 229, 0.12);
        color: #dffffd;
        font-size: 14px;
        font-weight: 750;
        line-height: 1.45;
      }

      .landing-form .form-field {
        display: flex;
        flex-direction: column;
        gap: 7px;
        width: 100%;
      }

      .landing-form .landing-label {
        display: block;
        width: 100%;
        color: rgba(255, 255, 255, 0.94);
        font-size: 15px;
        font-weight: 800;
        line-height: 1.25;
      }

      .landing-form .landing-input {
        display: block;
        width: 100%;
        min-height: 46px;
        border: 2px solid rgba(122, 122, 122, 0.86);
        border-radius: 7px;
        padding: 0 14px;
        background: #ffffff;
        color: #111827;
        font: inherit;
        font-weight: 650;
        outline: none;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
      }

      .landing-form .landing-input:hover {
        border-color: rgba(85, 238, 229, 0.75);
        background: #ffffff;
      }

      .landing-form .landing-input:focus {
        border-color: var(--cyan);
        background: #ffffff;
        box-shadow: 0 0 0 4px rgba(85, 238, 229, 0.18);
      }

      .landing-form .landing-input::placeholder {
        color: #8c96a3;
      }

      .landing-form ul {
        display: grid;
        gap: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
        color: #ffd4d4;
        font-size: 13px;
        font-weight: 750;
      }

      .form-actions {
        display: flex;
        justify-content: center;
      }

      .landing-form .landing-submit {
        min-width: 132px;
        min-height: 46px;
        margin-top: 2px;
        justify-content: center;
        border: 0;
        border-radius: 7px;
        background: #ff686d;
        color: #ffffff;
        font-size: 16px;
        font-weight: 850;
        text-transform: uppercase;
        box-shadow: none;
      }

      .landing-form .landing-submit:hover {
        background: #ff555c;
        transform: none;
      }

      .form-footer {
        display: grid;
        gap: 10px;
        justify-items: center;
        padding-top: 18px;
        text-align: center;
      }

      .form-footer strong {
        color: #ffffff;
        font-size: clamp(20px, 2.2vw, 26px);
        font-weight: 900;
        line-height: 1.12;
      }

      .form-footer p {
        margin: 0;
        color: #ffffff;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.35;
      }

      .form-footer a {
        color: #ff4b2e;
        font-weight: 850;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
      }

      .price-box,
      .calc-box {
        border: 1px solid rgba(85, 238, 229, 0.18);
        border-radius: 8px;
        background: rgba(11, 39, 68, 0.8);
        padding: 26px;
      }

      .price-box {
        display: flex;
        align-self: stretch;
        flex-direction: column;
        justify-content: center;
        text-align: center;
      }

      .price-box .label {
        margin-bottom: 8px;
        font-size: 14px;
        letter-spacing: 0.04em;
        font-weight: 950;
        text-transform: uppercase;
      }

      .price-box .num {
        font-size: clamp(56px, 6vw, 82px);
        font-weight: 950;
        line-height: 0.95;
      }

      .price-box .helyett {
        font-size: 16px;
      }

      .price-box .tax {
        margin: 6px 0 22px;
        font-size: 18px;
      }

      .calc-box h3 {
        margin-bottom: 22px;
        text-align: center;
        font-size: 18px;
      }

      .order-subject {
        
      }

      .order-subject h3 {
        margin-bottom: 12px;
      }

      .subject-data {
        margin: 0 0 10px;
        color: var(--cyan);
        font-size: 16px;
        font-weight: 850;
        line-height: 1.45;
      }

      .subject-description {
        display: -webkit-box;
        margin: 0 0 12px;
        overflow: hidden;
        color: rgba(255, 255, 255, 0.86);
        font-size: 15px;
        line-height: 1.55;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
      }

      .subject-images {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        margin-bottom: 12px;
      }

      .subject-images img {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 6px;
        object-fit: cover;
        background: rgba(255, 255, 255, 0.12);
      }

      .subject-note {
        margin: 0;
        color: rgba(255, 255, 255, 0.74);
        font-size: 13px;
        line-height: 1.45;
      }

      .calc-row {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding: 12px 0;
      }

      .calc-row strong {
        color: var(--cyan);
        white-space: nowrap;
      }

      .calc-box .result {
        margin: 18px 0 0;
        font-size: clamp(20px, 2.5vw, 24px);
        line-height: 1.25;
        font-weight: 800;
      }

      .calc-box .result span {
        color: var(--cyan);
        font-size: 1.25em;
        font-weight: 950;
      }

      .trust {
        background: #ffffff;
        padding-bottom: 22px;
      }

      .trust-bar {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        overflow: hidden;
        border-radius: 7px;
        background: #031124;
        color: #ffffff;
      }

      .trust-item {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        align-items: center;
        min-height: 78px;
        padding: 14px 26px;
        border-right: 1px solid rgba(85, 238, 229, 0.22);
      }

      .trust-item:last-child {
        border-right: 0;
      }

      .trust-item svg {
        width: 34px;
        height: 34px;
        color: var(--cyan);
      }

      .trust-item strong {
        display: block;
        font-size: 15px;
      }

      .trust-item span {
        color: rgba(255, 255, 255, 0.72);
        font-size: 13px;
      }

      @media (max-width: 980px) {
        .market-grid,
        .info-pair,
        .bottom-panel {
          grid-template-columns: 1fr;
        }

        .demo-row,
        .feature-row {
          grid-template-columns: repeat(2, 1fr);
        }

        .feature {
          border-right: 0;
          border-bottom: 1px solid var(--soft-line);
          padding: 24px;
        }

        .compare-card {
          grid-template-columns: 1fr;
        }

        .insight-card {
          grid-template-columns: 1fr;
        }

        .insight-list-box {
          border-left: 0;
          border-top: 1px solid rgba(85, 238, 229, 0.22);
          padding-top: 22px;
          padding-left: 0;
        }

        .insight-section-light .insight-list-box {
          border-top-color: rgba(8, 118, 188, 0.16);
        }

        .vs {
          width: 100%;
          min-height: 84px;
          border: 0;
        }

        .trust-bar {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 680px) {
        .wrap {
          width: min(100% - 28px, 1180px);
        }

        .hero {
          min-height: auto;
        }

        .hero::after {
          background: linear-gradient(90deg, rgba(2, 17, 36, 0.98), rgba(2, 17, 36, 0.78));
        }

        .hero-top {
          display: grid;
          margin-bottom: 44px;
        }

        .award-badge {
          max-width: none;
        }

        .hero-features {
          grid-template-columns: 1fr;
        }

        .same-icons {
          grid-template-columns: repeat(4, 1fr);
          gap: 10px;
        }

        .hero-features {
          display: grid;
        }

        .button {
          width: 100%;
        }

        .market-grid {
          padding: 38px 0;
        }

        .market-column {
          padding-inline: 0;
        }

        .market-column + .market-column {
          border-left: 0;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          padding-top: 28px;
          padding-left: 0;
        }

        .photo-grid {
          grid-template-columns: repeat(6, 1fr);
        }

        .partner-images {
          width: 100%;
          grid-template-columns: 1fr;
        }

        .partner-context {
          grid-template-columns: 1fr;
        }

        .landing-form-panel {
          padding: 30px 18px;
        }

        .landing-form {
          gap: 15px;
        }

        .landing-form .form-field {
          gap: 7px;
        }

        .landing-form .landing-label {
          font-size: 15px;
        }

        .landing-form .landing-input {
          min-height: 44px;
          border-width: 2px;
          padding-inline: 14px;
        }

        .form-actions {
          justify-content: center;
        }

        .landing-form .landing-submit {
          width: 100%;
          min-width: 0;
          min-height: 46px;
          font-size: 16px;
        }

        .form-footer {
          gap: 10px;
          padding-top: 16px;
        }

        .form-footer strong {
          font-size: 20px;
        }

        .form-footer p {
          font-size: 14px;
        }

        .demo-row,
        .feature-row,
        .offer-panel,
        .dark-panel,
        .trust-bar {
          grid-template-columns: 1fr;
        }

        .demo-card {
          min-height: 220px;
        }

        .offer-panel {
          gap: 28px;
        }

        .miosz-mark {
          justify-self: center;
        }

        .miosz-mark img {
          margin-inline: auto;
        }

        .trust-item {
          border-right: 0;
          border-bottom: 1px solid rgba(85, 238, 229, 0.22);
        }
      }