.inv-xr-section {
     --xr-black: var(--imc-black, #0d0d0f);
     --xr-dark: var(--imc-dark, #18191c);
     --xr-text: var(--imc-text, #292b31);
     --xr-muted: var(--imc-muted, #666b75);
     --xr-line: var(--imc-line, #e5e7eb);
     --xr-soft: var(--imc-soft, #f5f6f8);
     --xr-white: var(--imc-white, #ffffff);
     --xr-green: var(--imc-green, #1f9d67);
     --xr-green-soft: var(--imc-green-soft, #eaf8f1);
     --xr-blue: var(--imc-blue, #2864dc);
     --xr-blue-soft: var(--imc-blue-soft, #edf3ff);
     --xr-radius: var(--imc-radius, 26px);
     --xr-shadow: var(--imc-shadow, 0 24px 70px rgba(13, 13, 15, 0.09));
     position: relative;
     width: 100%;
     padding: 104px 0;
     overflow: hidden;
     color: var(--xr-text);
     background:
         radial-gradient(circle at 92% 8%, rgba(40, 100, 220, 0.09), transparent 29%),
         radial-gradient(circle at 5% 92%, rgba(31, 157, 103, 0.08), transparent 30%),
         var(--xr-white);
     font-family: Inter, Arial, Helvetica, sans-serif;
     line-height: 1.65;
 }

 .inv-xr-section *,
 .inv-xr-section *::before,
 .inv-xr-section *::after {
     box-sizing: border-box;
 }

 .inv-xr-container {
     width: min(1180px, calc(100% - 40px));
     margin: 0 auto;
 }

 .inv-xr-header {
     max-width: 940px;
     margin: 0 auto;
     text-align: center;
 }

 .inv-xr-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 22px;
     padding: 8px 14px;
     border: 1px solid var(--xr-line);
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.88);
     color: var(--xr-dark);
     font-size: 0.8rem;
     font-weight: 850;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .inv-xr-eyebrow::before {
     content: "";
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--xr-green);
     box-shadow: 0 0 0 6px rgba(31, 157, 103, 0.12);
 }

 .inv-xr-title {
     max-width: 980px;
     margin: 0 auto;
     color: var(--xr-black);
     font-size: clamp(2.6rem, 5vw, 4.8rem);
     line-height: 1.04;
     letter-spacing: -0.05em;
 }

 .inv-xr-title span {
     display: block;
     color: var(--xr-muted);
 }

 .inv-xr-lead {
     max-width: 860px;
     margin: 26px auto 0;
     color: var(--xr-muted);
     font-size: 1.12rem;
     line-height: 1.8;
 }

 .inv-xr-quickfacts {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 1px;
     margin-top: 54px;
     overflow: hidden;
     border: 1px solid var(--xr-line);
     border-radius: 24px;
     background: var(--xr-line);
     box-shadow: 0 16px 44px rgba(13, 13, 15, 0.05);
 }

 .inv-xr-quickfact {
     min-width: 0;
     padding: 28px 22px;
     background: var(--xr-white);
     text-align: center;
 }

 .inv-xr-quickfact strong {
     display: block;
     color: var(--xr-black);
     font-size: 1rem;
 }

 .inv-xr-quickfact span {
     display: block;
     margin-top: 5px;
     color: var(--xr-muted);
     font-size: 0.9rem;
 }

 .inv-xr-main-grid {
     display: grid;
     grid-template-columns: 0.9fr 1.1fr;
     gap: 34px;
     align-items: stretch;
     margin-top: 72px;
 }

 .inv-xr-dark-card,
 .inv-xr-info-card {
     min-width: 0;
     padding: 40px;
     border-radius: 30px;
 }

 .inv-xr-dark-card {
     color: var(--xr-white);
     background:
         radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.08), transparent 30%),
         var(--xr-black);
 }

 .inv-xr-dark-card h3,
 .inv-xr-info-card h3 {
     margin: 0 0 18px;
     font-size: clamp(1.8rem, 3vw, 2.55rem);
     line-height: 1.18;
 }

 .inv-xr-dark-card h3 {
     color: var(--xr-white);
 }

 .inv-xr-info-card h3 {
     color: var(--xr-black);
 }

 .inv-xr-dark-card p {
     margin: 0 0 18px;
     color: #c8cad1;
 }

 .inv-xr-info-card {
     border: 1px solid var(--xr-line);
     background: var(--xr-white);
     box-shadow: var(--xr-shadow);
 }

 .inv-xr-info-card p {
     margin: 0 0 18px;
     color: var(--xr-muted);
 }

 .inv-xr-info-card p:last-child,
 .inv-xr-dark-card p:last-child {
     margin-bottom: 0;
 }

 .inv-xr-code-window {
     margin-top: 28px;
     overflow: hidden;
     border: 1px solid #303137;
     border-radius: 18px;
     background: #151619;
 }

 .inv-xr-code-head {
     display: flex;
     gap: 7px;
     padding: 14px 16px;
     border-bottom: 1px solid #303137;
 }

 .inv-xr-code-head i {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: #676a73;
 }

 .inv-xr-code {
     margin: 0;
     padding: 20px;
     overflow-x: auto;
     color: #d9f5e7;
     font-family: Consolas, Monaco, monospace;
     font-size: 0.84rem;
     line-height: 1.7;
     white-space: pre;
 }

 .inv-xr-heading {
     max-width: 880px;
     margin: 88px 0 0;
     color: var(--xr-black);
     font-size: clamp(2rem, 4vw, 3.55rem);
     line-height: 1.12;
     letter-spacing: -0.04em;
 }

 .inv-xr-intro {
     max-width: 850px;
     margin: 22px 0 0;
     color: var(--xr-muted);
     font-size: 1.06rem;
 }

 .inv-xr-process {
     display: grid;
     grid-template-columns: repeat(6, minmax(0, 1fr));
     gap: 14px;
     margin-top: 46px;
 }

 .inv-xr-step {
     min-width: 0;
     padding: 25px 20px;
     border: 1px solid var(--xr-line);
     border-radius: 22px;
     background: var(--xr-white);
 }

 .inv-xr-step-number {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     margin-bottom: 18px;
     border-radius: 50%;
     background: var(--xr-black);
     color: var(--xr-white);
     font-weight: 900;
 }

 .inv-xr-step h3 {
     margin: 0 0 10px;
     color: var(--xr-black);
     font-size: 1.04rem;
     line-height: 1.3;
 }

 .inv-xr-step p {
     margin: 0;
     color: var(--xr-muted);
     font-size: 0.92rem;
 }

 .inv-xr-grid-3 {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 24px;
     margin-top: 46px;
 }

 .inv-xr-card {
     min-width: 0;
     padding: 30px;
     border: 1px solid var(--xr-line);
     border-radius: var(--xr-radius);
     background: var(--xr-white);
     box-shadow: 0 12px 34px rgba(13, 13, 15, 0.045);
 }

 .inv-xr-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 54px;
     height: 54px;
     margin-bottom: 20px;
     border-radius: 16px;
     background: var(--xr-soft);
     color: var(--xr-black);
     font-size: 1.4rem;
     font-weight: 900;
 }

 .inv-xr-card h3 {
     margin: 0 0 13px;
     color: var(--xr-black);
     font-size: 1.28rem;
     line-height: 1.3;
 }

 .inv-xr-card p {
     margin: 0;
     color: var(--xr-muted);
 }

 .inv-xr-comparison {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 26px;
     margin-top: 48px;
 }

 .inv-xr-compare-card {
     position: relative;
     min-width: 0;
     padding: 38px;
     overflow: hidden;
     border-radius: 30px;
 }

 .inv-xr-compare-card.pdf {
     border: 1px solid #f0d9b6;
     background: #fff7ea;
 }

 .inv-xr-compare-card.xml {
     border: 1px solid #cfe0ff;
     background: var(--xr-blue-soft);
 }

 .inv-xr-compare-card::after {
     content: "";
     position: absolute;
     right: -55px;
     bottom: -55px;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.5);
 }

 .inv-xr-label {
     position: relative;
     z-index: 1;
     display: inline-block;
     margin-bottom: 18px;
     padding: 7px 12px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.8);
     color: var(--xr-black);
     font-size: 0.74rem;
     font-weight: 900;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .inv-xr-compare-card h3,
 .inv-xr-compare-card p,
 .inv-xr-compare-card ul {
     position: relative;
     z-index: 1;
 }

 .inv-xr-compare-card h3 {
     margin: 0 0 15px;
     color: var(--xr-black);
     font-size: clamp(1.7rem, 3vw, 2.35rem);
 }

 .inv-xr-compare-card p {
     margin: 0;
     color: var(--xr-muted);
 }

 .inv-xr-list {
     display: grid;
     gap: 13px;
     margin: 24px 0 0;
     padding: 0;
     list-style: none;
 }

 .inv-xr-list li {
     position: relative;
     padding-left: 32px;
     color: var(--xr-text);
 }

 .inv-xr-list li::before {
     content: "✓";
     position: absolute;
     top: 1px;
     left: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 21px;
     height: 21px;
     border-radius: 50%;
     background: var(--xr-green-soft);
     color: var(--xr-green);
     font-size: 0.76rem;
     font-weight: 900;
 }

 .inv-xr-feature {
     display: grid;
     grid-template-columns: 0.88fr 1.12fr;
     gap: 50px;
     align-items: center;
     margin-top: 72px;
     padding: 42px;
     border: 1px solid var(--xr-line);
     border-radius: 32px;
     background: var(--xr-white);
     box-shadow: var(--xr-shadow);
 }

 .inv-xr-feature-visual {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 390px;
     padding: 34px;
     border-radius: 26px;
     background:
         radial-gradient(circle at 70% 20%, rgba(40, 100, 220, 0.13), transparent 32%),
         var(--xr-soft);
 }

 .inv-xr-file {
     width: min(100%, 290px);
     padding: 30px;
     border: 1px solid var(--xr-line);
     border-radius: 24px;
     background: var(--xr-white);
     box-shadow: 0 22px 60px rgba(13, 13, 15, 0.12);
 }

 .inv-xr-file-mark {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 66px;
     height: 66px;
     margin-bottom: 24px;
     border-radius: 18px;
     background: var(--xr-blue-soft);
     color: var(--xr-blue);
     font-weight: 900;
 }

 .inv-xr-file strong {
     display: block;
     color: var(--xr-black);
     font-size: 1.25rem;
 }

 .inv-xr-file span {
     display: block;
     margin-top: 8px;
     color: var(--xr-muted);
     font-size: 0.92rem;
 }

 .inv-xr-feature-content {
     min-width: 0;
 }

 .inv-xr-feature-content h3 {
     margin: 0;
     color: var(--xr-black);
     font-size: clamp(1.9rem, 3.7vw, 3.25rem);
     line-height: 1.12;
     letter-spacing: -0.04em;
 }

 .inv-xr-feature-content p {
     margin: 21px 0 0;
     color: var(--xr-muted);
 }

 .inv-xr-quote {
     margin-top: 70px;
     padding: 38px 42px;
     border-left: 5px solid var(--xr-black);
     border-radius: 0 26px 26px 0;
     background: var(--xr-soft);
     color: var(--xr-black);
     font-size: clamp(1.3rem, 3vw, 2rem);
     font-weight: 850;
     line-height: 1.4;
 }

 .inv-xr-note {
     margin-top: 38px;
     padding: 26px 30px;
     border: 1px solid var(--xr-line);
     border-radius: 22px;
     background: var(--xr-white);
     color: var(--xr-muted);
 }

 .inv-xr-note strong {
     color: var(--xr-black);
 }

 @media (max-width: 1080px) {
     .inv-xr-quickfacts {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .inv-xr-main-grid,
     .inv-xr-feature {
         grid-template-columns: 1fr;
     }

     .inv-xr-process {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .inv-xr-grid-3 {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }

 @media (max-width: 720px) {
     .inv-xr-section {
         padding: 72px 0;
     }

     .inv-xr-container {
         width: calc(100% - 24px);
     }

     .inv-xr-title {
         font-size: clamp(2.25rem, 10vw, 3.45rem);
     }

     .inv-xr-lead {
         font-size: 1rem;
         line-height: 1.7;
     }

     .inv-xr-quickfacts,
     .inv-xr-process,
     .inv-xr-grid-3,
     .inv-xr-comparison {
         grid-template-columns: 1fr;
     }

     .inv-xr-dark-card,
     .inv-xr-info-card,
     .inv-xr-compare-card,
     .inv-xr-card,
     .inv-xr-feature {
         padding: 26px;
     }

     .inv-xr-heading {
         margin-top: 68px;
     }

     .inv-xr-feature-visual {
         min-height: 310px;
         padding: 24px;
     }

     .inv-xr-quote {
         padding: 30px 24px;
         border-radius: 0 20px 20px 0;
     }

     .inv-xr-note {
         padding: 22px;
     }
 }