/* Aggressive refactor: grouped duplicate top-level selectors and removed overwritten duplicate properties inside each grouped selector.

   Nested rules inside @media/@supports blocks remain untouched. Review visually before production use. */



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-Thin.ttf') format('truetype');

  font-weight: 200;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Overpass';

  src: url('../font/Overpass-ExtraBold.ttf') format('truetype');

  font-weight: 800;

  font-style: normal;

  font-display: swap;

}



/* =====================

   PRELOADER

   ===================== */



body.is-loading {

overflow: hidden;

}



body.is-loading main {

opacity: 0;

visibility: hidden;

}



body.page-loaded main {

opacity: 1;

visibility: visible;

transition: opacity .6s ease .15s;

}



.preloader {

position: fixed;

inset: 0;

z-index: 9999;

display: grid;

place-items: center;

padding: 32px;

background: #000;

color: var(--fg);

transition: opacity .65s ease, visibility .65s ease;

}



body.page-loaded .preloader {

opacity: 0;

visibility: hidden;

pointer-events: none;

}



.preloader__inner {

width: min(100%, 520px);

display: flex;

flex-direction: column;

align-items: center;

gap: 18px;

text-align: center;

}



.preloader__brand {

font-family: 'Futurism', 'Helvetica Neue', sans-serif;

font-size: clamp(28px, 5vw, 52px);

line-height: 1;

letter-spacing: .14em;

color: var(--fg);

}



.preloader__status-wrap {

min-height: 72px;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

gap: 8px;

}



.text-rotater {

list-style: none;

position: relative;

height: 22px;

width: 100%;

margin: 0;

padding: 0;

}



.text-rotater li {

position: absolute;

inset: 0;

opacity: 0;

transform: translateY(8px);

transition: opacity .35s ease, transform .35s ease;

font-size: 12px;

letter-spacing: .28em;

text-transform: uppercase;

color: var(--accent);

}



.text-rotater li.is-visible {

opacity: 1;

transform: translateY(0);

}



.preloader__status {

margin: 0;

font-size: 14px;

letter-spacing: .08em;

text-transform: uppercase;

opacity: .72;

}



.preloader__progress {

width: min(100%, 320px);

height: 2px;

background: rgba(240,237,232,.16);

overflow: hidden;

}



.preloader__bar {

display: block;

width: 0%;

height: 100%;

background: var(--accent);

transition: width .25s ease;

}



.transition-overlay {

position: fixed;

inset: 0;

z-index: 9998;

background: #000;

opacity: 0;

pointer-events: none;

transition: opacity .45s ease;

}



body.is-loading .transition-overlay {

opacity: 1;

}



body.page-loaded .transition-overlay {

opacity: 0;

}



@media (max-width: 768px) {

  .preloader__brand {

    font-size: clamp(22px, 9vw, 40px);

  }



  .text-rotater li,

  .preloader__status {

    font-size: 11px;

  }

}



*, *::before, *::after {

margin: 0;

padding: 0;

box-sizing: border-box;

}



:root {

--bg: #000000;

--fg: #f0ede8;

--accent: #fe7f00;

--border: #000000;

--section-pad: clamp(80px, 10vw, 160px) clamp(24px, 6vw, 120px);

--avc-orange: #fe7f00;

--avc-text: #f0ede8;

--avc-muted: rgba(240, 237, 232, .72);

--avc-page-x: clamp(24px, 6vw, 112px);

--avc-section-y: clamp(56px, 7vw, 120px);

--avc-media-radius: 0px;

--avc-max-text: 680px;

--avc-v2-bg: #000000;

--avc-v2-text: #efeae3;

--avc-v2-muted: rgba(239, 234, 227, .68);

--avc-v2-soft: rgba(239, 234, 227, .42);

--avc-v2-line: rgba(239, 234, 227, .105);

--avc-v2-orange: #fe7f00;

--avc-v2-x: clamp(24px, 5.75vw, 112px);

--avc-v2-y: clamp(84px, 9vw, 156px);

--avc-v2-text-w: 650px;

--avc-v2-wide-w: 1320px;

--v5-orange: #fe7f00;

--v5-orange-2: #ff8a12;

--v5-text: #f2eee8;

--v5-muted: rgba(242,238,232,.76);

--v5-soft: rgba(242,238,232,.52);

--v5-line: rgba(242,238,232,.12);

--v5-x: clamp(34px, 6vw, 118px);

--v5-text-w: 650px;

--v5-wide: 1500px;

--v6-orange: #fe7f00;

--v6-text: #f2eee8;

--v6-muted: rgba(242,238,232,.80);

--v6-soft: rgba(242,238,232,.62);

--v6-line: rgba(242,238,232,.12);

--v6-x: clamp(38px, 6vw, 118px);

--v6-text-w: min(720px, 42vw);

--v6-wide: 1500px;

--v7-orange: #fe7f00;

--v7-orange-hot: #ff6a00;

--v7-orange-soft: #d96a00;

--v7-green: #39ff14;

--v7-text: #fbf7ef;

--v7-muted: rgba(251,247,239,.88);

--v7-soft: rgba(251,247,239,.72);

--v7-line: rgba(251,247,239,.105);

--v7-x: clamp(30px, 5.4vw, 116px);

--v7-text-w: clamp(540px, 35vw, 690px);

--v7-overlap: clamp(28px, 3.8vw, 82px);

--v7-section-h: 100svh;

--v8-text: #fffaf3;

--v8-muted: rgba(255,250,243,.93);

--v8-soft: rgba(255,250,243,.78);

--v8-orange: #fe7f00;

--v8-orange-2: #ff8a12;

--v8-orange-hot: #ff5a00;

--v8-green: #42ff21;

--v9-section-title-size: clamp(32px, 2.42vw, 48px);

--v9-section-title-letter: .075em;

--v9-section-title-line: 1.04;

--v9-body-size: clamp(15px, .92vw, 17px);

--v9-body-line: 1.55;

}



html {

scroll-behavior: smooth;

}



/* merged 5 original blocks for: body */

body {

background: #000 !important;

color: var(--v8-text) !important;

font-family: 'Overpass', 'Inter', 'Helvetica Neue', Arial, sans-serif !important;

font-size: 16px;

line-height: 1.6;

overflow-x: hidden;

-webkit-font-smoothing: antialiased;

text-rendering: geometricPrecision;

font-weight: 300;

letter-spacing: 0;

}



/* merged 3 original blocks for: .logo img */

.logo img {

height: clamp(50px, 4.2vw, 72px) !important;

width: auto;

opacity: .96;

}



/* =====================

   NAV

   ===================== */



/* ---------- Navigation ---------- */



/* merged 3 original blocks for: nav */

nav {

position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 100;

display: flex;

justify-content: space-between;

align-items: center;

padding: clamp(18px, 2vw, 28px) var(--avc-v2-x) !important;

background: linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,0)) !important;

}



nav .logo {

;

font-size: 13px;

letter-spacing: .25em;

font-weight: 700;

}



nav .logo span {

color: var(--accent);

}



nav ul {

list-style: none;

display: flex;

gap: 36px;

}



/* Hamburger (mobile) */



.nav-toggle {

display: none;

flex-direction: column;

gap: 5px;

cursor: pointer;

background: none;

border: none;

padding: 4px;

}



.nav-toggle span {

display: block;

width: 24px;

height: 2px;

background: var(--fg);

transition: transform .3s, opacity .3s;

}



.nav-toggle.open span:nth-child(1) {

transform: translateY(7px) rotate(45deg);

}



.nav-toggle.open span:nth-child(2) {

opacity: 0;

}



.nav-toggle.open span:nth-child(3) {

transform: translateY(-7px) rotate(-45deg);

}



/* =====================

   HERO

   ===================== */



/* ---------- Cinematic hero ---------- */



/* HERO FIX - keep images, remove dark layer */



/* merged 4 original blocks for: .hero */

.hero {

/*

*/

/*

*/

min-height: 100svh !important;

display: flex;

flex-direction: column;

justify-content: flex-end !important;

align-items: flex-start !important;

padding: clamp(130px, 12vw, 178px) var(--avc-v2-x) clamp(68px, 8.5vw, 124px) !important;

padding-top: 140px;

border-bottom: 1px solid var(--avc-v2-line) !important;

position: relative;

overflow: hidden;

height: auto !important;

}



.hero > *:not(.hero-bg):not(.hero-slideshow):not(.hero-dots) {

position: relative;

z-index: 1;

}



/* merged 4 original blocks for: .hero-sub */

.hero-sub {

max-width: 760px !important;

font-size: clamp(15px, 1.05vw, 18px) !important;

line-height: 1.58 !important;

opacity: 1 !important;

margin-bottom: clamp(24px, 3vw, 42px);

color: rgba(242,238,232,.82) !important;

margin: 0 0 clamp(28px, 3vw, 46px) !important;

}



/* merged 4 original blocks for: .hero-subtitle */

.hero-subtitle {

font-size: clamp(18px, 1.7vw, 30px) !important;

font-weight: 300 !important;

letter-spacing: .11em !important;

opacity: 1;

color: rgba(242,238,232,.96) !important;

margin-bottom: clamp(12px, 1.4vw, 20px);

max-width: 820px !important;

line-height: 1.16 !important;

margin: 0 0 clamp(16px, 1.65vw, 26px) !important;

text-transform: uppercase;

}



.hero-subbutton {

font-size: clamp(12px, 2.2vw, 15px);

font-weight: 100;

letter-spacing: .15em;

opacity: 1;

color: var(--fg);

}



/* =====================

   HERO TITLE IMAGE

   ===================== */



.hero-title-img {

display: block;

width: clamp(320px, 42vw, 750px);

height: auto;

margin-left: -0.5%;

margin-bottom: 10px;

}



/* =====================

   TABLET (max ~768px)

   ===================== */



@media (max-width: 768px) {

  .hero-title-img {

    width: clamp(200px, 68vw, 380px);

    margin-left: 0;

    margin-bottom: 10px;

  }

}



/* =====================

   SMALL MOBILE (max 480px)

   ===================== */



@media (max-width: 480px) {

  .hero-title-img {

    width: clamp(180px, 75vw, 300px);

    margin-left: 0;

    margin-bottom: 10px;

  }

}



/* =====================

   SECTIONS

   ===================== */



/* merged 2 original blocks for: section */

section {

/*section {

}*/

  /*

*/

/*

*/

padding: 0;

border-bottom: 1px solid rgba(255,255,255,.05);

overflow: hidden;

}



/* merged 6 original blocks for: .section-tag */

.section-tag {

font-size: clamp(10px, .62vw, 12px) !important;

letter-spacing: .34em !important;

color: var(--v7-orange) !important;

margin-bottom: 14px !important;

line-height: 1.15 !important;

margin: 0 0 clamp(12px, 1.4svh, 17px) !important;

opacity: 1 !important;

font-weight: 600 !important;

text-transform: uppercase !important;

}



.section-flush-right {

padding-right: 0;

}



.section-flush-left {

padding-left: 0;

}



.section-flush-right .two-col,

.section-flush-left .two-col {

gap: 0;

column-gap: clamp(32px, 6vw, 80px);

}



.section-flush-right .two-col .col-img,

.section-flush-left .two-col .col-img {

column-gap: 0;

}



.section-flush-right .col-img {

margin-right: calc(-1 * clamp(24px, 6vw, 120px));

}



.section-flush-left .col-img {

margin-left: calc(-1 * clamp(24px, 6vw, 120px));

}



/* =====================

   IMAGE SLIDESHOW

   ===================== */



.simple-slideshow {

position: absolute;

width: 100%;

height: 100%;

inset: 0;

z-index: 0;

}



.simple-slide {

position: absolute;

inset: 0;

background-size: cover;

background-position: center;

opacity: 0;

transition: opacity 1s ease;

width: 100%;

}



.simple-slide.active {

opacity: 0.7;

}



.col-video {

object-fit: cover;

width: 100%;

height: 100%;

filter: none;

align-self: stretch;

}



.video-contain {

aspect-ratio: 12 / 7;

min-height: unset;

height: auto;

align-self: center;

}



.video-contain .col-video {

width: 100%;

height: 100%;

object-fit: contain;

}



.video-fit-section .col-img {

height: auto;

min-height: 0;

align-self: center;

aspect-ratio: 12 / 7;

}



.video-fit-section .col-video {

width: 100%;

height: 100%;

object-fit: contain;

}



/* merged 3 original blocks for: .system-video-wrap */

.system-video-wrap {

display: flex !important;

align-items: center !important;

justify-content: center !important;

padding: clamp(42px, 6vw, 92px) var(--avc-v2-x) !important;

}



/* merged 3 original blocks for: .system-video */

.system-video {

width: min(100%, var(--avc-v2-wide-w)) !important;

height: auto !important;

max-height: none;

object-fit: cover !important;

aspect-ratio: 16 / 9 !important;

min-height: 0 !important;

}



.overlay-subbutton {

font-size: clamp(8px, 1vw, 12px);

font-weight: 200;

letter-spacing: .15em;

opacity: 0.85;

color: var(--fg);

}



.col-slideshow {

position: relative;

overflow: hidden;

}



.col-slide {

position: absolute;

inset: 0;

background-size: cover;

background-position: center;

opacity: 0;

transition: opacity 1s ease;

filter: brightness(.6) saturate(.65);

}



.col-slide.active {

opacity: 1;

}



.col-slide.no-filter {

filter: none;

}



.hero-slideshow {

position: absolute;

inset: 0;

z-index: 0;

background: #000;

}



/* merged 3 original blocks for: .hero-slide */

.hero-slide {

position: absolute;

inset: 0;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

opacity: 0;

transition: opacity 0.8s ease;

will-change: opacity;

background-color:#000 !important;

transform: translateZ(0);

backface-visibility: hidden;

}



.hero-slide.active {

opacity: 1;

}



/* =====================

   TWO-COLUMN LAYOUT

   ===================== */



/* merged 2 original blocks for: .two-col */

.two-col {

display: grid;

gap:0;

grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

align-items: stretch;

min-height: clamp(560px, 78svh, 840px);

}



.two-col.cright .col-img {

order: 2;

}



.two-col.img-right .col-left {

order: 1;

}



.col-img {

overflow: hidden;

justify-content: flex-end;

display: flex;

aspect-ratio: 4 / 3;

align-self: stretch;

height: 100%;

min-height:320px;

}



.col-img img {

width: 100%;

height: 100%;

object-fit: cover;

filter: brightness(1) saturate(1);

object-position: center center;

display: block;

}



/* merged 4 original blocks for: .col-left h2 */

.col-left h2 {

;

font-size: clamp(35px, 3.42vw, 62px) !important;

font-weight: 300 !important;

letter-spacing: .075em !important;

line-height: 1.02 !important;

margin-bottom: clamp(18px, 2vw, 28px);

max-width: var(--v5-text-w) !important;

width: 100% !important;

margin: 0 0 22px !important;

color: var(--v5-text) !important;

text-transform: uppercase !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

}



.col-left p {

font-size: 15px;

opacity: .55;

line-height: 1.8;

margin-bottom: 20px;

}



.col-right-text {

display: flex;

flex-direction: column;

gap: 32px;

}



/* merged 3 original blocks for: .col-left .col-intro */

.col-left .col-intro {

font-size: clamp(14px, .86vw, 16px) !important;

line-height: 1.55 !important;

margin-bottom: 0;

opacity: 1 !important;

color: var(--v6-muted) !important;

max-width: var(--v6-text-w) !important;

margin: 0 !important;

}



.col-item {

display: flex;

align-items: flex-start;

gap: 20px;

border-left: none;

padding-left: 0;

}



/* merged 6 original blocks for: .col-item-num */

.col-item-num {

font-size: clamp(18px, 1.05vw, 22px) !important;

font-weight: 500 !important;

color: var(--v7-orange) !important;

flex-shrink: 0;

line-height: 1.1 !important;

width: auto !important;

min-width: 0 !important;

margin-bottom: 0;

letter-spacing: -.02em !important;

}



/* merged 7 original blocks for: .col-item h4 */

.col-item h4 {

font-weight: 500 !important;

font-size: clamp(14px, .85vw, 17px) !important;

flex-shrink: 0;

line-height: 1.18 !important;

color: rgba(255,250,243,.99) !important;

margin-bottom: 0;

max-width: var(--v5-text-w) !important;

margin: 0 !important;

letter-spacing: .115em !important;

text-transform: uppercase !important;

}



/* merged 6 original blocks for: .col-item-body */

.col-item-body {

display: flex;

flex-direction: column;

gap: 6px !important;

color:#f0ede8;

}



.col-item p {

font-size: clamp(13px, 1vw, 18px);

line-height: 1.7;

opacity: 0.95;

color: var(--fg);

}



/* merged 3 original blocks for: .col-left .col-intro,

.col-left .col-item p */

.col-left .col-intro,

.col-left .col-item p {

opacity: 1;

max-width: var(--avc-max-text);

color: rgba(255,250,243,.91) !important;

font-size: clamp(14px, 1.05vw, 18px);

line-height: 1.6;

}



.col-item-tight {

gap: 14px;

}



.col-item-tight .col-item-body {

gap: 2px;

}



.col-right-text-tight {

gap: 20px;

}



.workflow-stack .col-right-text-tight {

gap: 20px;

}



.workflow-stack .col-item-tight {

gap: 12px;

}



.workflow-stack .col-item-tight .col-item-body {

gap: 2px;

}



/* =====================

   CAPTION IMAGE

   ===================== */



/* ---------- Full-width image/video bands ---------- */



/* merged 2 original blocks for: .img-caption-wrap */

.img-caption-wrap {

/*

*/

position: relative !important;

overflow: hidden !important;

width: 100% !important;

border-bottom: 1px solid var(--avc-v2-line) !important;

background: #000 !important;

}



/*    qui margin-top:15px e bottom per immagini */



.img-caption-wrap.narrow {

height: clamp(120px, 22vw, 340px);

position: relative;

overflow: hidden;

}



/* =====================

   LEGAL BAR

   ===================== */



/* merged 2 original blocks for: .legal-bar */

.legal-bar {

height: auto !important;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

gap: 12px;

padding: 34px var(--avc-v2-x) !important;

border-bottom: 1px solid var(--avc-v2-line) !important;

border-top: 0 !important;

min-height: 120px;

}



.legal-copyright {

font-size: 12px;

letter-spacing: .15em;

opacity: .4;

text-transform: uppercase;

}



.legal-links {

display: flex;

align-items: center;

flex-wrap: wrap;

justify-content: center;

gap: 10px;

}



.legal-link {

font-size: 13px;

letter-spacing: .18em;

text-transform: uppercase;

color: var(--fg);

text-decoration: none;

opacity: .35;

transition: opacity .2s;

}



.legal-link:hover {

opacity: 1;

}



.legal-dot {

color: #fe7f00;

font-size: 11px;

opacity: .8;

}



/* =====================

   CTA

   ===================== */



/* ---------- Newsletter / final CTA ---------- */



/* merged 4 original blocks for: .cta-section */

.cta-section {

/* metà dei narrow */

text-align: center;

height: auto !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

padding: clamp(88px, 10svh, 150px) clamp(22px, 6vw, 120px) clamp(86px, 10svh, 140px) !important;

position: relative;

overflow: hidden;

min-height: clamp(300px, 42svh, 520px) !important;

border-top: 1px solid var(--avc-v2-line) !important;

border-bottom: 1px solid var(--avc-v2-line) !important;

background: radial-gradient(circle at 50% 15%, rgba(254,127,0,.08), transparent 42%), #000 !important;

}



.cta-section > * {

position: relative;

z-index: 1;

}



/* NEWSLETTER */



/* merged 3 original blocks for: .newsletter-wrap */

.newsletter-wrap {

width: min(100%, 940px) !important;

max-width: 860px !important;

margin: 0 auto !important;

text-align: center;

display: flex !important;

flex-direction: column !important;

align-items: center !important;

gap: 18px !important;

}



/* merged 3 original blocks for: .newsletter-form */

.newsletter-form {

/* tutto in linea */

display: flex;

flex-direction: row;

align-items: center;

justify-content: center;

gap: 12px !important;

width: min(100%, 780px) !important;

}



/* merged 2 original blocks for: .newsletter-input-wrap */

.newsletter-input-wrap {

position: relative;

display: flex;

align-items: center;

flex: 1 1 auto;

}



.newsletter-icon {

position: absolute;

left: 14px;

width: 13px;

height: 13px;

opacity: .4;

pointer-events: none;

color: var(--fg);

}



/* merged 3 original blocks for: .newsletter-form input */

.newsletter-form input {

width: 100% !important;

background: rgba(239,234,227,.045) !important;

border: 1px solid rgba(239,234,227,.22) !important;

color: var(--avc-v2-text) !important;

padding: 15px 18px 15px 44px !important;

font-size: 14px !important;

font-family: inherit;

outline: none;

transition: border-color .2s;

min-height: 54px !important;

border-radius: 0;

letter-spacing: .05em;

}



.newsletter-form input::placeholder {

opacity: .35;

}



/* merged 2 original blocks for: .newsletter-form input:focus */

.newsletter-form input:focus {

border-color: var(--avc-v2-orange) !important;

}



.newsletter-form .form-btn {

background: none;

border: none;

padding: 0;

cursor: pointer;

display: flex;

align-items: center;

flex-shrink: 0;

}



.newsletter-sub {

font-size: 10px;

letter-spacing: .12em;

opacity: .35;

line-height: 1.6;

}



/* FEEDBACK */



.form-feedback {

font-size: 12px;

letter-spacing: .15em;

min-height: 16px;

opacity: .7;

}



.form-feedback.success {

color: var(--accent);

}



.form-feedback.error {

color: #ff6b6b;

}



/* =====================

   FOOTER

   ===================== */



/* merged 2 original blocks for: footer */

footer {

padding: 32px var(--avc-v2-x) !important;

display: flex;

justify-content: space-between;

align-items: center;

flex-wrap: wrap;

gap: 20px;

border-top: 0 !important;

}



footer p {

;

font-size: 11px;

letter-spacing: .15em;

opacity: .3;

}



/* =====================

   FADE IN ANIMATION

   ===================== */



.fade-in {

opacity: 0;

transform: translateY(30px);

transition: opacity .7s ease, transform .7s ease;

}



.fade-in.visible {

opacity: 1;

transform: none;

}



/* =====================

   LEGAL PAGES & FAQ

   ===================== */



.lp-wrap {

max-width: 950px;

margin: 0 auto;

padding: clamp(120px, 14vw, 180px) clamp(24px, 6vw, 60px) clamp(80px, 10vw, 140px);

}



.lp-back {

display: inline-flex;

align-items: center;

gap: 8px;

font-size: 13px;

letter-spacing: .2em;

text-transform: uppercase;

color: var(--fg);

text-decoration: none;

opacity: .35;

transition: opacity .2s;

margin-bottom: 50px;

}



.lp-back:hover {

opacity: 1;

}



.lp-back svg {

width: 14px;

height: 14px;

flex-shrink: 0;

}



.lp-header {

margin-bottom: 20px;

padding-bottom: 20px;

}



.lp-tag {

font-size: 13px;

letter-spacing: .3em;

color: #fe7f00;

text-transform: uppercase;

margin-bottom: 16px;

}



.lp-title {

font-size: clamp(32px, 5vw, 64px);

font-weight: 800;

line-height: .95;

letter-spacing: -.02em;

font-family: 'Overpass', 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

margin-bottom: 24px;

}



.lp-meta {

font-size: 12px;

letter-spacing: .12em;

opacity: .3;

text-transform: uppercase;

}



.lp-body {

display: flex;

flex-direction: column;

gap: 48px;

}



.lp-section h2 {

font-size: 15px;

font-weight: 700;

letter-spacing: .25em;

text-transform: uppercase;

color: #fe7f00;

margin-bottom: 13px;

}



.lp-section p {

font-size: 15px;

line-height: 1.85;

opacity: .6;

margin-bottom: 12px;

}



.lp-section p:last-child {

margin-bottom: 0;

}



.lp-section ul,

.lp-section ol {

padding-left: 20px;

margin-bottom: 12px;

}



.lp-section li {

font-size: 15px;

line-height: 1.85;

opacity: .6;

margin-bottom: 6px;

}



.lp-section a {

color: #fe7f00;

text-decoration: none;

}



.lp-section a:hover {

text-decoration: underline;

}



.lp-divider {

border: none;

border-top: 1px solid rgba(240,237,232,.06);

margin: 0;

}



.lp-footer {

margin-top: 80px;

padding-top: 32px;

border-top: 1px solid rgba(240,237,232,.08);

}



.lp-footer-links {

display: flex;

flex-wrap: wrap;

align-items: center;

gap: 0;

}



.lp-footer-link {

font-size: 11px;

letter-spacing: .18em;

text-transform: uppercase;

color: var(--fg);

text-decoration: none;

opacity: .3;

transition: opacity .2s;

}



.lp-footer-link:hover {

opacity: 1;

}



.lp-footer-link.lp-active {

opacity: .7;

}



.lp-footer-dot {

color: #fe7f00;

font-size: 8px;

opacity: .7;

margin: 0 10px;

}



/* ---- FAQ accordion ---- */



.faq-list {

display: flex;

flex-direction: column;

gap: 0;

}



.faq-item {

border-bottom: 1px solid rgba(240,237,232,.08);

}



.faq-item:first-child {

border-top: 1px solid rgba(240,237,232,.08);

}



.faq-question {

width: 100%;

background: none;

border: none;

display: flex;

align-items: center;

justify-content: space-between;

gap: 24px;

padding: 24px 0;

cursor: pointer;

text-align: left;

color: var(--fg);

}



.faq-question-text {

font-size: 20px;

font-weight: 600;

letter-spacing: .02em;

opacity: .85;

line-height: 1.4;

}



.faq-icon {

width: 18px;

height: 18px;

flex-shrink: 0;

opacity: .4;

transition: transform .3s ease, opacity .2s;

color: #fe7f00;

}



.faq-item.open .faq-icon {

transform: rotate(180deg);

opacity: 1;

}



.faq-answer {

display: grid;

grid-template-rows: 0fr;

transition: grid-template-rows .3s ease;

}



.faq-item.open .faq-answer {

grid-template-rows: 1fr;

}



.faq-answer-inner {

overflow: hidden;

}



.faq-answer-inner p {

font-size: 18px;

line-height: 1.85;

opacity: .75;

padding-bottom: 24px;

}



/* =====================

   WORKFLOW TIGHT OVERRIDE

   ===================== */



.workflow-stack .col-right-text.col-right-text-tight {

gap: 35px;

}



.workflow-stack .col-item.col-item-tight {

gap: 25px;

}



.workflow-stack .col-item.col-item-tight .col-item-body {

gap: 6px;

}



.workflow-stack .col-item.col-item-tight h4 {

margin-bottom: 0;

line-height: 1.1;

}



.workflow-stack .col-item.col-item-tight p {

margin-bottom: 0;

line-height: 1.55;

}



/* =====================

   WORKFLOW SECTION

   ===================== */



@media (max-width: 1200px) {

  .workflow-stack .two-col {

    grid-template-columns: 1fr;

    gap: 0;

  }



  .workflow-stack .col-img {

    order: 1;

    margin-left: 0 !important;

    margin-right: 0 !important;

    width: 100%;

    min-height: unset;

    aspect-ratio: 16 / 9;

  }



  .workflow-stack .col-left {

    order: 2;

    padding: clamp(28px, 4vw, 56px) clamp(24px, 6vw, 120px);

  }

}



/* =====================

   TABLET (max 1024px)

   ===================== */



@media (max-width: 1024px) {

  .two-col {

    grid-template-columns: 1fr;

    gap: 0;

  }



  .section-flush-left .col-img,

  .section-flush-right .col-img {

    order: 1;

  }



  .section-flush-left .col-left,

  .section-flush-right .col-left {

    order: 2;

  }



  .col-img {

    aspect-ratio: 16 / 9;

    width: 100%;

    height: auto;

    min-height: unset;

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .col-left {

    padding: clamp(24px, 4vw, 48px) clamp(24px, 6vw, 120px);

  }



  .img-grid {

    grid-template-columns: repeat(3, 1fr);

  }



  .img-caption-wrap.tall img {

    height: clamp(180px, 34vw, 420px);

    object-fit: cover;

    object-position: center center;

  }



  .price-buttons-wrap {

    gap: 12px;

    margin-top: 8px;

  }



  .price-btn img {

    height: 40px;

    margin: 8px 8px 0;

  }



  .bundle-visual img {

    height: clamp(220px, 36vw, 420px);

    object-fit: cover;

    object-position: center center;

  }



  .bundle-price-buttons {

    gap: 10px;

    margin-top: 6px;

  }



  .bundle-price-buttons .price-btn img {

    height: 38px;

    margin: 6px 8px 0;

  }

}



/* =====================

   MOBILE (max 768px)

   ===================== */



@media (max-width: 768px) {

  /* Navbar: solo logo */

  nav {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding: 20px 24px;

  }



  .nav-toggle {

    display: none !important;

  }



  nav ul {

    display: none !important;

  }



  /* Hero */

  .hero {

    min-height: 100svh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding: 118px 24px 42px;

  }



  .hero-slideshow,

  .hero-bg,

  .hero-slide {

    inset: 0;

  }



  .hero-slide {

    background-position: 65% center !important;

  }







  .hero-subtitle {

    font-size: clamp(14px, 4vw, 20px);

    letter-spacing: .12em;

    margin-bottom: 14px;

  }



  .hero-sub {

    max-width: 92%;

    font-size: 13px;

    line-height: 1.6;

    margin-bottom: 16px;

  }



  .hero a img {

    height: 40px !important;

  }



  .hero-subbutton {

    font-size: 9px;

    letter-spacing: .1em;

  }



  /* Generic grid / captions */

  .col-img {

    aspect-ratio: 4 / 3;

  }



  .img-grid {

    grid-template-columns: repeat(2, 1fr);

  }



  .img-caption {

    font-size: 9px;

    left: 16px;

    bottom: 12px;

  }



  .lp-wrap {

    padding-top: 100px;

  }



  /* Generic tall image + generic price buttons */

  .img-caption-wrap.tall img {

    height: clamp(150px, 42vw, 300px);

    object-fit: cover;

    object-position: center center;

  }



  .price-buttons-wrap {

    gap: 8px;

    margin-top: 6px;

  }



  .price-btn img {

    height: 34px;

    margin: 6px 4px 0;

  }



  /* Bundle */

  .bundle-visual img {

    height: clamp(240px, 68vw, 360px) !important;

    object-fit: cover !important;

    object-position: center center !important;

  }



  .bundle-price-buttons {

    gap: 8px;

    margin-top: 8px;

  }



  .bundle-price-buttons .price-btn img {

    height: 42px !important;

    margin: 6px 6px 0 !important;

  }



  /* Final character CTA */

  .slide-overlay-tight a {

    margin-top: -2px;

    margin-bottom: -4px;

  }



  .slide-overlay-tight a img {

    height: 24px !important;

    width: auto !important;

    margin: 8px !important;

  }



  .slide-overlay-tight .overlay-subbutton {

    font-size: 9px;

    letter-spacing: .12em;

  }



  /* Newsletter: resta utilizzabile */

  .newsletter-form {

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 10px;

    flex-wrap: wrap;

  }



  .newsletter-form input {

    width: min(280px, 100%);

  }



  .newsletter-form .form-btn img {

    height: 42px;

    width: auto;

  }



  .cta-section {

    height: auto;

    padding: 32px clamp(24px, 6vw, 120px);

  }



  .legal-bar {

    height: auto;

    padding: 24px clamp(24px, 6vw, 120px);

  }



}



/* =====================

   SMALL MOBILE (max 480px)

   ===================== */



@media (max-width: 480px) {

  nav {

    padding: 18px 20px;

  }



  .logo img {

    height: 56px;

  }



  .hero {

    min-height: 100svh;

    justify-content: center;

    padding: 112px 20px 36px;

  }







  .hero-subtitle {

    font-size: 13px;

    margin-bottom: 12px;

  }



  .hero-sub {

    font-size: 12px;

    line-height: 1.55;

    max-width: 100%;

    margin-bottom: 14px;

  }



  .hero a img {

    height: 34px !important;

  }



  .hero-subbutton {

    font-size: 8px;

  }



  .img-grid {

    grid-template-columns: 1fr 1fr;

  }



  .col-img {

    aspect-ratio: 3 / 2;

  }



  .img-caption-wrap.tall img {

    height: clamp(130px, 46vw, 220px);

  }



  .price-buttons-wrap {

    flex-direction: column;

    gap: 2px;

  }



  .price-btn img {

    height: 30px;

    margin: 4px 0 0;

  }



  .bundle-visual img {

    height: clamp(220px, 78vw, 320px) !important;

  }



  .bundle-price-buttons {

    flex-direction: column;

    gap: 4px;

  }



  .bundle-price-buttons .price-btn img {

    height: 38px !important;

    margin: 4px 0 0 !important;

  }



  .slide-overlay-tight a img {

    height: 20px !important;

    margin: 6px !important;

  }



  .slide-overlay-tight .overlay-subbutton {

    font-size: 8px;

  }



  .newsletter-form {

    flex-direction: column;

    gap: 12px;

  }



  .newsletter-form input {

    width: 100%;

  }



  .newsletter-form .form-btn img {

    height: 40px;

    width: auto;

  }



  .cta-section {

    height: auto;

    padding: 32px 20px;

  }



  .legal-bar {

    height: auto;

    padding: 24px 20px;

  }





}



/* merged 2 original blocks for: html, body */

html, body {

width: 100%;

background:#000 !important;

}



/* merged 2 original blocks for: .hero::after */

.hero::after {

/*

*/

content: "";

position: absolute;

inset: 0;

z-index: 0;

background:

    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.76) 28%, rgba(0,0,0,.22) 64%, rgba(0,0,0,.36) 100%),

    linear-gradient(0deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.24) 45%, rgba(0,0,0,.14) 100%) !important;

pointer-events: none;

}



.hero-subtitle,

.hero-sub,

.hero a,

.hero-subbutton {

position: relative;

z-index: 2;

}



.hero a {

margin-left: 0;

line-height: 0;

}



/* merged 4 original blocks for: .hero-subbutton,

.overlay-subbutton,

.newsletter-sub */

.hero-subbutton,

.overlay-subbutton,

.newsletter-sub {

margin-top: 14px !important;

color: var(--v7-soft) !important;

letter-spacing: .18em !important;

line-height: 1.45 !important;

max-width: 620px;

opacity: 1 !important;

font-size: clamp(10px, .82vw, 12px) !important;

text-transform: uppercase;

}



.section-flush-left .two-col,

.section-flush-right .two-col {

column-gap: 0;

}



.section-flush-left .col-img,

.section-flush-right .col-img {

margin-left: 0 !important;

margin-right: 0 !important;

}



.col-img,

.video-contain,

.video-fit-section .col-img {

min-height: clamp(420px, 58svh, 780px);

height: auto;

aspect-ratio: auto;

align-self: stretch;

background: #000000;

}



/* merged 2 original blocks for: .col-img img,

.col-video,

.video-contain .col-video,

.video-fit-section .col-video */

.col-img img,

.col-video,

.video-contain .col-video,

.video-fit-section .col-video {

width: 100% !important;

height: 100% !important;

object-fit: cover !important;

object-position: center center !important;

min-height: 100% !important;

display: block !important;

filter: none !important;

}



.video-contain .col-video,

.video-fit-section .col-video {

object-fit: cover;

}



.col-left {

min-height: clamp(420px, 58svh, 780px);

display: flex;

flex-direction: column;

justify-content: center;

padding: var(--avc-section-y) var(--avc-page-x);

}



.section-flush-left .col-left,

.section-flush-right .col-left,

.workflow-stack .col-left {

padding: var(--avc-section-y) var(--avc-page-x) !important;

}



.col-right-text,

.workflow-stack .col-right-text.col-right-text-tight {

gap: clamp(18px, 2.25vw, 32px);

}



/* merged 5 original blocks for: .col-item,

.workflow-stack .col-item.col-item-tight */

.col-item,

.workflow-stack .col-item.col-item-tight {

/*

*/

/*

*/

gap: clamp(13px, 1.25vw, 18px) !important;

display: grid !important;

grid-template-columns: 42px minmax(0, 1fr) !important;

align-items: start !important;

padding: 0 0 clamp(12px, 1.55svh, 17px) !important;

border-bottom: 1px solid rgba(251,247,239,.085) !important;

}



.img-caption-wrap.narrow,

.img-caption-wrap.narrow img {

height: clamp(220px, 31vw, 520px);

}



.img-caption-wrap.tall img,

.img-caption-wrap.tall video,

.system-video-wrap {

min-height: clamp(360px, 56vw, 760px);

}



.legal-bar,

footer {

padding-left: var(--avc-page-x);

padding-right: var(--avc-page-x);

}



@media (max-width: 1024px) {

  .two-col,

  .workflow-stack .two-col {

    grid-template-columns: 1fr;

    min-height: auto;

  }



  .col-img,

  .video-contain,

  .video-fit-section .col-img {

    min-height: 0;

    aspect-ratio: 16 / 9;

    height: auto;

  }



  .col-img img,

  .col-video,

  .video-contain .col-video,

  .video-fit-section .col-video {

    height: auto;

    aspect-ratio: 16 / 9;

    object-fit: cover;

  }



  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left {

    min-height: auto;

    padding: clamp(44px, 7vw, 76px) var(--avc-page-x) !important;

  }



  .section-flush-left .col-img,

  .section-flush-right .col-img {

    order: 1;

  }



  .section-flush-left .col-left,

  .section-flush-right .col-left {

    order: 2;

  }



  .col-left h2 {

    font-size: clamp(32px, 7vw, 58px);

  }

}



@media (max-width: 768px) {

  :root {

    --avc-page-x: 22px;

    --avc-section-y: 44px;

  }



  nav {

    padding: 16px var(--avc-page-x);

  }



  .logo img {

    height: 52px;

  }



  .hero {

    min-height: 100svh;

    padding: 104px var(--avc-page-x) 46px;

    justify-content: flex-end;

  }



  .hero::after {

    background:

      linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.64) 56%, rgba(0,0,0,.18) 100%),

      linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,0) 58%);

  }









  .hero-subtitle {

    font-size: clamp(14px, 4.3vw, 20px);

    letter-spacing: .08em;

  }



  .hero-sub {

    max-width: 100%;

    font-size: 13.5px;

    line-height: 1.5;

  }



  .hero a img,

  .slide-overlay a img {

    height: 38px !important;

  }



  .col-left h2 {

    font-size: clamp(31px, 9vw, 48px);

    line-height: 1;

  }



  .col-item {

    gap: 13px;

  }



  .col-item h4 {

    font-size: 18px;

    line-height: 1.15;

  }



  .col-item p,

  .col-left .col-intro {

    font-size: 14px;

    line-height: 1.55;

  }



  .img-caption-wrap.narrow,

  .img-caption-wrap.narrow img {

    height: clamp(220px, 66vw, 380px);

  }



  .slide-overlay h2,

  .slide-overlay h2.overlay-core {

    font-size: clamp(28px, 9vw, 46px);

  }



  .price-buttons-wrap {

    flex-direction: column;

    gap: 10px;

  }



  .price-btn img,

  .bundle-price-buttons .price-btn img {

    height: 42px !important;

    margin: 0 !important;

  }



  .newsletter-form {

    width: 100%;

    flex-direction: column;

  }



  .newsletter-input-wrap,

  .newsletter-form input {

    width: 100%;

  }



  .newsletter-form .form-btn img {

    height: 42px;

  }



  .legal-links {

    row-gap: 8px;

  }



  footer {

    padding-top: 28px;

    padding-bottom: 28px;

  }

}



@media (max-width: 480px) {





  .hero-subbutton,

  .overlay-subbutton {

    font-size: 8.5px;

    letter-spacing: .08em;

  }



  .col-item-num {

    width: 32px;

    min-width: 32px;

  }

}



html,

body {

background: var(--avc-v2-bg) !important;

color: var(--avc-v2-text) !important;

overflow-x: hidden;

}



/* ---------- Universal coded buttons ---------- */



/* merged 2 original blocks for: .avc-code-btn,

.avc-form-code-btn */

.avc-code-btn,

.avc-form-code-btn {

--btn-pad-y: 15px;

--btn-pad-x: 22px;

appearance: none;

display: inline-flex !important;

align-items: center;

justify-content: center;

gap: 14px;

min-height: 50px;

padding: var(--btn-pad-y) var(--btn-pad-x);

border: 1px solid rgba(254,127,0,.72);

background: linear-gradient(96deg, #fe7f00 0%, #ff8a12 46%, #ff5f00 100%) !important;

color: #fff !important;

text-decoration: none !important;

font-family: inherit;

font-size: 12px;

line-height: 1;

letter-spacing: .13em;

text-transform: uppercase;

font-weight: 700;

cursor: pointer;

transition: transform .18s ease, filter .18s ease, border-color .18s ease, background .18s ease;

box-shadow: 0 0 0 1px rgba(254,127,0,.16), 0 16px 42px rgba(254,127,0,.22) !important;

}



.avc-code-btn::after,

.avc-form-code-btn::after {

content: "➜";

font-size: 16px;

line-height: 1;

transform: translateY(-1px);

}



.avc-code-btn span {

opacity: .82;

font-weight: 500;

}



/* merged 2 original blocks for: .avc-code-btn strong */

.avc-code-btn strong {

font-weight: 800 !important;

white-space: nowrap;

}



.avc-code-btn:hover,

.avc-form-code-btn:hover {

transform: translateY(-1px);

filter: brightness(1.08);

}



.hero a.avc-code-btn,

.slide-overlay a.avc-code-btn {

width: auto !important;

height: auto !important;

margin: 0 !important;

line-height: 1 !important;

}



.hero a.avc-code-btn img,

.slide-overlay a.avc-code-btn img,

.price-btn img,

.newsletter-form .form-btn img {

display: none !important;

}



.avc-code-btn-primary {

min-width: min(100%, 360px);

}



/* ---------- Sections: constant scrolling rhythm ---------- */



section,

.section-flush-left,

.section-flush-right {

/*

*/

padding: 0 !important;

border-bottom: 1px solid var(--avc-v2-line) !important;

background: #000 !important;

}



/* ---------- Two-column sections: media fills the left/right, text is compact and centered ---------- */



/* merged 2 original blocks for: .two-col,

.workflow-stack .two-col */

.two-col,

.workflow-stack .two-col {

display: grid !important;

grid-template-columns: minmax(0, 53vw) minmax(430px, 47vw) !important;

gap: 0 !important;

min-height: clamp(640px, 86svh, 860px) !important;

align-items: stretch !important;

background: #000;

}



/* merged 3 original blocks for: .section-flush-right .two-col */

.section-flush-right .two-col {

grid-template-columns: minmax(0, 44%) minmax(0, 56%) !important;

}



/* merged 4 original blocks for: .section-flush-left .col-img,

.section-flush-right .col-img,

.workflow-stack .col-img,

.video-fit-section .col-img,

.col-img,

.video-contain */

.section-flush-left .col-img,

.section-flush-right .col-img,

.workflow-stack .col-img,

.video-fit-section .col-img,

.col-img,

.video-contain {

margin: 0 !important;

min-height: var(--v7-section-h) !important;

height: var(--v7-section-h) !important;

aspect-ratio: auto !important;

display: block !important;

align-self: stretch !important;

background: #000000 !important;

overflow: hidden !important;

}



/* merged 4 original blocks for: .col-left,

.section-flush-left .col-left,

.section-flush-right .col-left,

.workflow-stack .col-left */

.col-left,

.section-flush-left .col-left,

.section-flush-right .col-left,

.workflow-stack .col-left {

min-height: var(--v7-section-h) !important;

padding: clamp(78px, 8svh, 108px) var(--v6-x) !important;

display: flex !important;

flex-direction: column !important;

justify-content: center !important;

align-items: flex-start !important;

text-align: left !important;

height: var(--v7-section-h) !important;

overflow: visible !important;

position: relative !important;

z-index: 2 !important;

padding-top: clamp(70px, 8svh, 112px) !important;

padding-bottom: clamp(70px, 8svh, 112px) !important;

}



/* merged 2 original blocks for: .col-left .col-intro,

.col-left p,

.col-left .col-item p */

.col-left .col-intro,

.col-left p,

.col-left .col-item p {

max-width: var(--v5-text-w) !important;

margin: 0 !important;

color: var(--v5-muted) !important;

opacity: 1 !important;

font-size: clamp(14px, .92vw, 16px) !important;

line-height: 1.56 !important;

letter-spacing: .005em !important;

font-weight: 300 !important;

}



.col-right-text,

.workflow-stack .col-right-text,

.workflow-stack .col-right-text.col-right-text-tight {

width: 100% !important;

max-width: var(--avc-v2-text-w) !important;

margin-top: clamp(28px, 3vw, 48px) !important;

display: flex !important;

flex-direction: column !important;

gap: clamp(22px, 2.4vw, 36px) !important;

}



/* merged 4 original blocks for: .col-item:last-child */

.col-item:last-child {

border-bottom: 0 !important;

padding-bottom: 0 !important;

}



.img-caption-wrap.narrow,

.img-caption-wrap.narrow img,

.img-caption-wrap.narrow .simple-slideshow,

.img-caption-wrap.narrow .simple-slide {

height: clamp(360px, 56svh, 680px) !important;

}



.img-caption-wrap.narrow-xs,

.img-caption-wrap.narrow-xs img {

height: clamp(300px, 42svh, 500px) !important;

}



.img-caption-wrap.tall,

.img-caption-wrap.tall img,

.img-caption-wrap.tall video,

.system-video-wrap {

min-height: clamp(460px, 74svh, 860px) !important;

height: auto !important;

}



.img-caption-wrap img,

.img-caption-wrap video,

.simple-slide {

width: 100% !important;

object-fit: cover !important;

object-position: center center !important;

}



.img-caption-wrap.no-opacity img[src*="04_AssetsNumbers"] {

object-fit: contain !important;

padding: clamp(42px, 7vw, 110px) var(--avc-v2-x) !important;

background: #000;

}



.newsletter-form .form-btn,

.avc-form-code-btn {

min-height: 54px !important;

padding: 16px 22px !important;

border-radius: 0 !important;

white-space: nowrap;

}



/* ---------- Tablet ---------- */



@media (max-width: 1100px) {

  .two-col,

  .section-flush-right .two-col,

  .workflow-stack .two-col {

    grid-template-columns: 1fr !important;

    min-height: auto !important;

  }



  .section-flush-left .col-img,

  .section-flush-right .col-img,

  .workflow-stack .col-img,

  .video-fit-section .col-img,

  .col-img,

  .video-contain {

    min-height: 0 !important;

    height: auto !important;

    aspect-ratio: 16 / 9 !important;

    order: 1 !important;

  }



  .col-img img,

  .col-video,

  .video-contain .col-video,

  .video-fit-section .col-video {

    min-height: 0 !important;

    height: auto !important;

    aspect-ratio: 16 / 9 !important;

  }



  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left {

    min-height: auto !important;

    order: 2 !important;

    padding: clamp(58px, 8vw, 88px) var(--avc-v2-x) !important;

  }

}



/* ---------- Mobile ---------- */



@media (max-width: 760px) {

  :root {

    --avc-v2-x: 22px;

    --avc-v2-y: 58px;

    --avc-v2-text-w: 100%;

  }



  nav {

    padding: 16px var(--avc-v2-x) !important;

  }



  .logo img {

    height: 46px !important;

  }



  .hero {

    min-height: 100svh !important;

    padding: 104px var(--avc-v2-x) 46px !important;

  }







  .hero-subtitle {

    font-size: clamp(14px, 4.35vw, 20px) !important;

    letter-spacing: .075em !important;

  }



  .hero-sub {

    font-size: 13.5px !important;

    line-height: 1.5 !important;

  }



  .avc-code-btn,

  .avc-form-code-btn {

    width: 100%;

    min-height: 50px;

    justify-content: center;

    gap: 9px;

    padding: 15px 14px;

    font-size: 10.5px;

    letter-spacing: .09em;

  }



  .avc-code-btn span {

    display: none;

  }



  .col-left h2,

  .slide-overlay h2,

  .slide-overlay h2.overlay-core {

    font-size: clamp(31px, 10vw, 48px) !important;

    line-height: 1 !important;

  }



  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left,

  .slide-overlay,

  .slide-overlay.slide-overlay-tight {

    padding: var(--avc-v2-y) var(--avc-v2-x) !important;

  }



  .col-right-text,

  .workflow-stack .col-right-text,

  .workflow-stack .col-right-text.col-right-text-tight {

    gap: 22px !important;

  }



  .col-item,

  .workflow-stack .col-item.col-item-tight {

    grid-template-columns: 34px minmax(0, 1fr) !important;

    gap: 13px !important;

  }



  .col-item h4 {

    font-size: 18px !important;

    line-height: 1.14 !important;

  }



  .col-item p,

  .col-left .col-intro {

    font-size: 14px !important;

    line-height: 1.55 !important;

  }



  .img-caption-wrap.narrow,

  .img-caption-wrap.narrow img,

  .img-caption-wrap.narrow .simple-slideshow,

  .img-caption-wrap.narrow .simple-slide {

    height: clamp(280px, 72svh, 520px) !important;

  }



  .img-caption-wrap.tall,

  .img-caption-wrap.tall img,

  .img-caption-wrap.tall video,

  .system-video-wrap {

    min-height: 0 !important;

  }



  .system-video-wrap {

    padding: 30px var(--avc-v2-x) !important;

  }



  .price-buttons-wrap,

  .bundle-price-buttons {

    grid-template-columns: 1fr !important;

    width: 100% !important;

    padding: 22px var(--avc-v2-x) 64px !important;

  }



  .avc-code-btn-price {

    min-height: 64px;

  }



  .newsletter-form {

    flex-direction: column !important;

  }



  .newsletter-input-wrap,

  .newsletter-form input {

    width: 100% !important;

  }



  .legal-bar {

    gap: 14px !important;

  }



  .legal-links {

    gap: 8px 10px !important;

  }

}



@media (max-width: 420px) {



  .hero-subbutton,

  .overlay-subbutton,

  .newsletter-sub {

    font-size: 8.5px !important;

    letter-spacing: .10em !important;

  }

}



.newsletter-form .form-btn.avc-form-code-btn {

display: inline-flex !important;

align-items: center !important;

justify-content: center !important;

gap: 12px !important;

background: linear-gradient(90deg, #fe7f00 0%, #ff9a28 100%) !important;

border: 1px solid rgba(254,127,0,.72) !important;

color: #080808 !important;

font-weight: 800 !important;

letter-spacing: .13em !important;

text-transform: uppercase !important;

}



/* ---------- Buttons with readable text + light sweep ---------- */



/* merged 2 original blocks for: .avc-code-btn,

.pricing-cta,

.avc-form-code-btn */

.avc-code-btn,

.pricing-cta,

.avc-form-code-btn {

position: relative !important;

overflow: hidden !important;

background: linear-gradient(92deg, #fe7f00 0%, #ff8a12 52%, #ff5f00 100%) !important;

color: #fff !important;

border: 1px solid rgba(254,127,0,.78) !important;

box-shadow: 0 0 0 1px rgba(254,127,0,.12), 0 12px 34px rgba(254,127,0,.16) !important;

font-weight: 700 !important;

letter-spacing: .085em !important;

text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;

}



/* merged 2 original blocks for: .avc-code-btn::before,

.pricing-cta::before,

.avc-form-code-btn::before */

.avc-code-btn::before,

.pricing-cta::before,

.avc-form-code-btn::before {

content: "" !important;

position: absolute !important;

top: -70% !important;

left: -45% !important;

width: 42% !important;

height: 240% !important;

transform: rotate(24deg) !important;

background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.76), rgba(255,255,255,0)) !important;

animation: avcShineV6 3.4s ease-in-out infinite !important;

pointer-events: none !important;

}



@keyframes avcShine {

  0% { left: -46%; opacity: 0; }

  14% { opacity: .0; }

  38% { opacity: .9; }

  62% { opacity: .0; }

  100% { left: 118%; opacity: 0; }

}



.col-img img,

.col-video,

.video-contain .col-video,

.video-fit-section .col-video,

.col-slideshow .col-slide {

width: 100% !important;

height: 100% !important;

min-height: 100% !important;

object-fit: cover !important;

object-position: center center !important;

}



/* merged 3 original blocks for: .col-right-text,

.workflow-stack .col-right-text,

.workflow-stack .col-right-text.col-right-text-tight,

.col-right-text[style] */

.col-right-text,

.workflow-stack .col-right-text,

.workflow-stack .col-right-text.col-right-text-tight,

.col-right-text[style] {

width: 100% !important;

max-width: var(--v6-text-w) !important;

margin-top: clamp(22px, 2.8svh, 32px) !important;

gap: clamp(10px, 1.45svh, 15px) !important;

}



.wrap-learn-btn {

margin-top: 38px !important;

margin-left: clamp(24px, 3vw, 56px) !important;

width: fit-content !important;

align-self: flex-start !important;

}



/* ---------- Wow breaks: unified, max two lines, never oversized ---------- */



.wow-break,

.wow-break-media,

.system-summary-section {

/*

*/

position: relative !important;

min-height: clamp(420px, 55svh, 640px) !important;

height: auto !important;

border-top: 1px solid var(--v5-line) !important;

border-bottom: 1px solid var(--v5-line) !important;

background: #000 !important;

overflow: hidden !important;

}



.wow-break.tall,

.system-video-wrap.wow-break {

min-height: clamp(500px, 66svh, 760px) !important;

padding: 0 !important;

}



.wow-break.narrow,

.wow-break.narrow .simple-slideshow,

.wow-break.narrow .simple-slide {

height: clamp(420px, 55svh, 640px) !important;

}



.wow-break video,

.wow-break .system-video,

.wow-break .simple-slide {

width: 100% !important;

height: 100% !important;

min-height: 100% !important;

object-fit: cover !important;

object-position: center !important;

opacity: .78 !important;

}



.wow-break::after {

content: "";

position: absolute;

inset: 0;

background: linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.21) 45%, rgba(0,0,0,.29)),

            linear-gradient(0deg, rgba(0,0,0,.22), rgba(0,0,0,.13) 58%, rgba(0,0,0,.19)) !important;

z-index: 1;

pointer-events: none;

}



.wow-overlay {

position: absolute !important;

inset: 0 !important;

z-index: 3 !important;

display: flex !important;

flex-direction: column !important;

justify-content: center !important;

align-items: flex-start !important;

padding: clamp(50px, 6vw, 100px) var(--v5-x) !important;

text-align: left !important;

gap: 22px !important;

}



.wow-overlay h2,

.system-summary-inner h2 {

display: flex !important;

flex-direction: column !important;

gap: .06em !important;

width: 100% !important;

max-width: 1120px !important;

margin: 0 !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(42px, 5vw, 82px) !important;

line-height: .98 !important;

letter-spacing: .13em !important;

font-weight: 300 !important;

text-transform: uppercase !important;

color: var(--v5-text) !important;

}



.wow-overlay h2 span,

.system-summary-inner h2 span {

display: block !important;

white-space: nowrap !important;

}



.wow-overlay .orange,

.system-summary-inner .orange,

.expanding-title .orange,

.pricing-title span {

color: var(--v5-orange) !important;

}



.wow-break-cta .avc-code-btn {

margin-top: 16px !important;

}



/* Non-wow bridge titles: compact, editorial, not hero-sized. */



/* merged 3 original blocks for: .system-summary-section */

.system-summary-section {

min-height: clamp(250px, 32svh, 390px) !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

}



.system-summary-inner {

width: min(100%, var(--v5-wide)) !important;

margin: 0 auto !important;

padding: clamp(50px, 7vw, 96px) var(--v5-x) !important;

text-align: center !important;

}



/* merged 3 original blocks for: .system-summary-inner h2 */

.system-summary-inner h2 {

align-items: center !important;

max-width: 1120px !important;

letter-spacing: .16em !important;

margin: 0 auto !important;

text-align: center !important;

}



/* ---------- Arsenal: one-line title, bigger dynamic stats ---------- */



.arsenal-section {

/*

*/

min-height: clamp(400px, 54svh, 560px) !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

padding: clamp(54px, 6vw, 90px) var(--v5-x) !important;

background: #000 !important;

border-bottom: 1px solid var(--v5-line) !important;

}



.arsenal-inner {

width: min(100%, var(--v5-wide)) !important;

margin: 0 auto !important;

text-align: center !important;

}



.arsenal-tag {

margin-bottom: 14px !important;

}



/* Arsenal and core intro: same title scale, cleaner sequence. */



/* merged 3 original blocks for: .arsenal-title */

.arsenal-title {

margin: 0 auto clamp(48px, 5vw, 76px) !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(34px, 3.05vw, 58px) !important;

line-height: 1 !important;

letter-spacing: .17em !important;

font-weight: 300 !important;

color: var(--v5-text) !important;

text-transform: uppercase !important;

white-space: nowrap !important;

margin-bottom: clamp(36px, 4.4svh, 56px) !important;

}



/* merged 2 original blocks for: .arsenal-grid */

.arsenal-grid {

width: min(100%, 1520px) !important;

margin: 0 auto !important;

display: grid !important;

grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

border-top: 0 !important;

border-bottom: 0 !important;

}



/* merged 2 original blocks for: .arsenal-stat */

.arsenal-stat {

min-height: 126px !important;

display: flex !important;

flex-direction: column !important;

align-items: center !important;

justify-content: center !important;

padding: 20px 14px !important;

border-right: 1px solid rgba(251,247,239,.11) !important;

}



/* merged 2 original blocks for: .arsenal-stat:last-child */

.arsenal-stat:last-child {

border-right: 0 !important;

}



/* merged 2 original blocks for: .arsenal-value */

.arsenal-value {

font-size: clamp(56px, 4.9vw, 88px) !important;

line-height: .92 !important;

letter-spacing: .13em !important;

font-weight: 300 !important;

color: var(--v5-orange) !important;

white-space: nowrap !important;

}



.arsenal-value .plus {

margin-left: .08em !important;

}



/* merged 2 original blocks for: .arsenal-stat p */

.arsenal-stat p {

margin-top: 13px !important;

color: var(--v6-muted) !important;

font-size: clamp(13px, .86vw, 15px) !important;

line-height: 1.25 !important;

letter-spacing: .045em !important;

text-transform: lowercase !important;

}



/* ---------- Core intro: only two title lines, compact transition ---------- */



/* merged 4 original blocks for: .core-intro-section */

.core-intro-section {

/*

*/

min-height: clamp(245px, 32svh, 385px) !important;

padding: clamp(46px, 6svh, 72px) var(--v7-x) !important;

background: #000 !important;

border-bottom: 1px solid var(--v5-line) !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

text-align: center !important;

padding-top: clamp(36px, 4.8svh, 58px) !important;

padding-bottom: clamp(36px, 4.8svh, 58px) !important;

}



/* merged 2 original blocks for: .core-intro-inner */

.core-intro-inner {

width: min(100%, 1300px) !important;

margin: 0 auto !important;

display: flex !important;

flex-direction: column !important;

align-items: center !important;

justify-content: center !important;

}



/* merged 4 original blocks for: .core-intro-inner h2 */

.core-intro-inner h2 {

margin: 0 auto !important;

display: flex !important;

flex-direction: column !important;

gap: .1em !important;

max-width: 1120px !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(34px, 3.05vw, 58px) !important;

line-height: 1.04 !important;

letter-spacing: .17em !important;

font-weight: 300 !important;

color: var(--v5-text) !important;

text-transform: uppercase !important;

align-items: center !important;

text-align: center !important;

}



/* merged 3 original blocks for: .core-intro-inner h2 span */

.core-intro-inner h2 span {

display: block !important;

white-space: nowrap !important;

}



/* merged 3 original blocks for: .core-intro-inner p */

.core-intro-inner p {

max-width: 820px !important;

color: var(--v5-muted) !important;

font-size: clamp(14px, .9vw, 16px) !important;

line-height: 1.55 !important;

margin-top: clamp(18px, 2svh, 24px) !important;

margin: clamp(20px, 2.4svh, 28px) auto 0 !important;

text-align: center !important;

}



/* ---------- Pricing: compact, aligned, visible in a single desktop viewport ---------- */



/* merged 4 original blocks for: .pricing-section */

.pricing-section {

/*

*/

min-height: 100svh !important;

padding: clamp(56px, 6svh, 78px) var(--v7-x) clamp(60px, 6.5svh, 86px) !important;

display: flex !important;

align-items: center !important;

justify-content: center !important;

background: radial-gradient(circle at 50% 0%, rgba(254,127,0,.08), transparent 36%), #000 !important;

border-bottom: 1px solid var(--v5-line) !important;

padding-top: clamp(62px, 6.5svh, 86px) !important;

padding-bottom: clamp(68px, 7svh, 98px) !important;

}



.pricing-inner {

width: min(100%, 1320px) !important;

margin: 0 auto !important;

}



.pricing-tag {

text-align: center !important;

margin-bottom: 10px !important;

}



/* merged 3 original blocks for: .pricing-title */

.pricing-title {

margin: 0 auto clamp(42px, 4vw, 58px) !important;

text-align: center !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

color: var(--v5-text) !important;

font-size: clamp(42px, 4.2vw, 70px) !important;

line-height: 1 !important;

letter-spacing: .19em !important;

font-weight: 300 !important;

text-transform: uppercase !important;

margin-bottom: clamp(36px, 4svh, 54px) !important;

}



/* merged 3 original blocks for: .pricing-grid */

.pricing-grid {

display: grid !important;

grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

gap: clamp(28px, 3vw, 48px) !important;

align-items: stretch !important;

}



/* merged 4 original blocks for: .pricing-card */

.pricing-card {

position: relative !important;

display: flex !important;

grid-template-rows: auto auto auto 1fr !important;

min-height: clamp(660px, 70svh, 760px) !important;

height: auto !important;

padding: clamp(32px, 2.8vw, 44px) clamp(36px, 3.2vw, 52px) !important;

border: 1px solid rgba(242,238,232,.22) !important;

background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important;

box-shadow: inset 0 0 44px rgba(255,255,255,.025) !important;

flex-direction: column !important;

overflow: hidden !important;

}



.pricing-card-featured {

border-color: rgba(254,127,0,.72) !important;

box-shadow: 0 0 32px rgba(254,127,0,.10), inset 0 0 44px rgba(254,127,0,.035) !important;

}



/* merged 2 original blocks for: .pricing-best */

.pricing-best {

position: absolute !important;

top: 26px !important;

right: 28px !important;

padding: 8px 16px !important;

border: 1px solid rgba(254,127,0,.7) !important;

color: var(--v5-orange) !important;

font-size: 11px !important;

letter-spacing: .16em !important;

font-weight: 600 !important;

border-radius: 999px !important;

background: rgba(254,127,0,.08) !important;

}



/* merged 4 original blocks for: .pricing-head */

.pricing-head {

display: grid !important;

grid-template-columns: 52px minmax(0, 1fr) !important;

gap: 18px !important;

align-items: start !important;

padding-right: 128px !important;

min-height: 76px !important;

flex: 0 0 auto !important;

}



.pricing-logo {

width: 42px !important;

height: 42px !important;

object-fit: contain !important;

}



/* merged 2 original blocks for: .pricing-head h3 */

.pricing-head h3 {

margin: 0 0 8px !important;

color: var(--v5-text) !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(21px, 1.28vw, 26px) !important;

line-height: 1.05 !important;

letter-spacing: .13em !important;

font-weight: 400 !important;

white-space: nowrap !important;

}



.pricing-head p {

margin: 0 !important;

color: var(--v5-muted) !important;

font-size: 13px !important;

line-height: 1.35 !important;

}



/* merged 4 original blocks for: .pricing-rule */

.pricing-rule {

height: 1px !important;

background: rgba(242,238,232,.16) !important;

margin: clamp(24px, 2.4svh, 32px) 0 0 !important;

flex: 0 0 auto !important;

margin-top: clamp(22px, 2.4svh, 30px) !important;

}



/* merged 4 original blocks for: .pricing-label */

.pricing-label {

margin-top: 22px !important;

color: var(--v5-orange) !important;

font-size: 14px !important;

letter-spacing: .24em !important;

font-weight: 600 !important;

margin: 0 0 10px !important;

line-height: 1 !important;

margin-bottom: clamp(18px, 1.9svh, 24px) !important;

}



/* merged 4 original blocks for: .pricing-price-row */

.pricing-price-row {

min-height: auto !important;

display: flex !important;

align-items: center !important;

gap: clamp(24px, 2.6vw, 40px) !important;

margin: 0 0 10px !important;

margin-bottom: clamp(16px, 1.8svh, 24px) !important;

}



/* merged 2 original blocks for: .pricing-price */

.pricing-price {

color: #fff !important;

font-size: clamp(76px, 5.6vw, 105px) !important;

line-height: .86 !important;

letter-spacing: -.055em !important;

font-weight: 700 !important;

}



.pricing-badge {

padding: 10px 18px !important;

border: 1px solid rgba(254,127,0,.7) !important;

color: var(--v5-orange) !important;

border-radius: 999px !important;

font-size: 13px !important;

letter-spacing: .18em !important;

font-weight: 600 !important;

white-space: nowrap !important;

}



/* merged 4 original blocks for: .pricing-regular */

.pricing-regular {

margin: 0 0 18px !important;

color: var(--v5-muted) !important;

font-size: clamp(15px, .9vw, 17px) !important;

line-height: 1.25 !important;

margin-bottom: clamp(22px, 2.3svh, 30px) !important;

}



/* merged 4 original blocks for: .pricing-cta */

.pricing-cta {

display: flex !important;

align-items: center !important;

justify-content: center !important;

min-height: 64px !important;

width: 100% !important;

padding: 0 20px !important;

color: #fff !important;

text-decoration: none !important;

font-size: clamp(14px, .9vw, 17px) !important;

letter-spacing: .105em !important;

font-weight: 700 !important;

text-transform: uppercase !important;

position: relative !important;

flex: 0 0 auto !important;

margin: 0 0 clamp(22px, 2.4svh, 30px) !important;

line-height: 1.15 !important;

z-index: 1 !important;

margin-bottom: clamp(28px, 2.8svh, 38px) !important;

background: linear-gradient(96deg, #fe7f00 0%, #ff8a12 46%, #ff5f00 100%) !important;

}



.pricing-cta span {

margin-left: 18px !important;

font-size: 18px !important;

}



/* merged 4 original blocks for: .pricing-features */

.pricing-features {

list-style: none !important;

margin: 0 !important;

padding: 0 !important;

display: grid !important;

gap: clamp(13px, 1.45svh, 18px) !important;

flex: 1 1 auto !important;

align-content: start !important;

margin-top: 0 !important;

}



/* merged 4 original blocks for: .pricing-features li */

.pricing-features li {

position: relative !important;

padding-left: 30px !important;

color: rgba(255,250,243,.94) !important;

font-size: clamp(15px, .92vw, 17px) !important;

line-height: 1.42 !important;

}



.pricing-features li::before {

content: "✓" !important;

position: absolute !important;

left: 0 !important;

top: 0 !important;

width: 18px !important;

height: 18px !important;

display: grid !important;

place-items: center !important;

border-radius: 50% !important;

background: var(--v5-orange) !important;

color: #060606 !important;

font-size: 12px !important;

font-weight: 800 !important;

}



/* ---------- Expanding: title in same style, wider cards ---------- */



/* merged 3 original blocks for: .expanding-section */

.expanding-section {

/*

*/

padding: clamp(72px, 7vw, 112px) clamp(16px, 2.5vw, 44px) clamp(84px, 8vw, 132px) !important;

background: #000 !important;

border-bottom: 1px solid var(--v5-line) !important;

padding-bottom: clamp(54px, 6vw, 92px) !important;

}



/* merged 3 original blocks for: .expanding-inner */

.expanding-inner {

width: min(100%, 1820px) !important;

margin: 0 auto !important;

}



/* merged 3 original blocks for: .expanding-title */

.expanding-title {

margin: 0 auto 22px !important;

text-align: center !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

color: var(--v5-text) !important;

font-size: clamp(40px, 4.1vw, 70px) !important;

line-height: 1.02 !important;

letter-spacing: .15em !important;

font-weight: 300 !important;

text-transform: none !important;

white-space: nowrap !important;

margin-bottom: 20px !important;

}



.expanding-lead {

max-width: 860px !important;

margin: 0 auto clamp(54px, 5vw, 76px) !important;

text-align: center !important;

color: var(--v5-muted) !important;

font-size: clamp(15px, 1vw, 17px) !important;

line-height: 1.55 !important;

}



/* merged 4 original blocks for: .expanding-grid */

.expanding-grid {

display: grid !important;

grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

gap: 0 !important;

width: 100% !important;

margin-left: auto !important;

margin-right: auto !important;

}



/* merged 2 original blocks for: .expanding-card */

.expanding-card {

border: 1px solid rgba(242,238,232,.14) !important;

background: rgba(255,255,255,.025) !important;

overflow: hidden !important;

border-color: rgba(251,247,239,.16) !important;

}



/* merged 3 original blocks for: .expanding-card img */

.expanding-card img {

width: 100% !important;

aspect-ratio: 16 / 9 !important;

height: auto !important;

display: block !important;

object-fit: cover !important;

object-position: center !important;

}



/* merged 2 original blocks for: .expanding-card-body */

.expanding-card-body {

padding: clamp(24px, 2.2vw, 34px) clamp(24px, 2.2vw, 34px) clamp(28px, 2.4vw, 38px) !important;

}



.expanding-status {

margin-bottom: 13px !important;

color: var(--v5-orange) !important;

font-size: 11px !important;

letter-spacing: .22em !important;

font-weight: 600 !important;

}



/* merged 2 original blocks for: .expanding-card h3 */

.expanding-card h3 {

margin: 0 0 12px !important;

color: var(--v5-text) !important;

font-size: clamp(20px, 1.4vw, 28px) !important;

line-height: 1.1 !important;

letter-spacing: .13em !important;

font-weight: 400 !important;

text-transform: uppercase !important;

margin-bottom: 14px !important;

}



/* Final product cards: product subtitles now match normal body text, not tiny captions. */



/* merged 2 original blocks for: .expanding-card p */

.expanding-card p {

margin: 0 !important;

color: var(--v8-muted, rgba(255,250,243,.93)) !important;

font-size: var(--v9-body-size) !important;

line-height: var(--v9-body-line) !important;

letter-spacing: 0 !important;

}



/* ---------- Responsive ---------- */



@media (max-width: 1280px) {

  .pricing-card { height: 600px !important; }

  .pricing-head h3 { white-space: normal !important; }

  .pricing-title, .expanding-title { letter-spacing: .12em !important; }

}



@media (max-width: 1100px) {

  .two-col,

  .section-flush-right .two-col,

  .workflow-stack .two-col {

    grid-template-columns: 1fr !important;

    min-height: auto !important;

  }

  .section-flush-left .col-img,

  .section-flush-right .col-img,

  .workflow-stack .col-img,

  .video-fit-section .col-img,

  .col-img,

  .video-contain {

    min-height: 0 !important;

    height: auto !important;

    aspect-ratio: 16 / 9 !important;

  }

  .col-img img,

  .col-video,

  .video-contain .col-video,

  .video-fit-section .col-video {

    min-height: 0 !important;

    height: auto !important;

    aspect-ratio: 16 / 9 !important;

  }

  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left {

    min-height: auto !important;

    padding: 58px var(--v5-x) 70px !important;

  }

  .pricing-section { min-height: auto !important; }

  .pricing-grid, .expanding-grid { grid-template-columns: 1fr !important; }

  .pricing-card { height: auto !important; min-height: 0 !important; grid-template-rows: auto auto auto auto !important; }

  .pricing-head h3 { white-space: normal !important; }

  .arsenal-grid { grid-template-columns: repeat(3, 1fr) !important; }

  .arsenal-stat:nth-child(3n) { border-right: 0 !important; }

  .arsenal-title, .pricing-title, .expanding-title { white-space: normal !important; }

}



@media (max-width: 760px) {

  :root { --v5-x: 22px; --v5-text-w: 100%; }

  .col-left h2, .wow-overlay h2, .system-summary-inner h2, .core-intro-inner h2, .pricing-title, .expanding-title { font-size: clamp(30px, 9vw, 46px) !important; letter-spacing: .075em !important; }

  .wow-overlay h2 span, .system-summary-inner h2 span, .core-intro-inner h2 span { white-space: normal !important; }

  .arsenal-title { font-size: clamp(25px, 7.3vw, 38px) !important; letter-spacing: .08em !important; white-space: normal !important; }

  .arsenal-grid { grid-template-columns: repeat(2, 1fr) !important; }

  .arsenal-stat:nth-child(3n) { border-right: 1px solid rgba(242,238,232,.10) !important; }

  .arsenal-stat:nth-child(2n) { border-right: 0 !important; }

  .arsenal-value { font-size: clamp(36px, 12vw, 52px) !important; }

  .pricing-section, .expanding-section { padding-left: var(--v5-x) !important; padding-right: var(--v5-x) !important; }

  .pricing-card { padding: 24px 22px !important; }

  .pricing-head { padding-right: 0 !important; }

  .pricing-best { position: static !important; width: fit-content !important; margin: 0 0 18px auto !important; }

  .pricing-price-row { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; min-height: 0 !important; margin: 12px 0 !important; }

  .pricing-price { font-size: clamp(64px, 20vw, 88px) !important; }

  .expanding-card-body { padding: 20px !important; }

}



.hero-subtitle,

.hero-sub,

.hero-subbutton,

.hero a.avc-code-btn {

margin-left: 0 !important;

}



/* merged 2 original blocks for: .hero a.avc-code-btn */

.hero a.avc-code-btn {

display: inline-flex !important;

width: auto !important;

min-width: min(100%, 390px) !important;

}



.avc-code-btn strong,

.avc-code-btn span,

.pricing-cta,

.pricing-cta span {

color: #fff !important;

}



@keyframes avcShineV6 {

  0% { left: -52%; opacity: 0; }

  20% { opacity: 0; }

  44% { opacity: .95; }

  68% { opacity: 0; }

  100% { left: 122%; opacity: 0; }

}



/* merged 2 original blocks for: .two-col,

.workflow-stack .two-col,

.section-flush-right .two-col */

.two-col,

.workflow-stack .two-col,

.section-flush-right .two-col {

min-height: var(--v7-section-h) !important;

align-items: stretch !important;

position: relative !important;

display: grid !important;

height: auto !important;

background: #000 !important;

overflow: hidden !important;

}



/* merged 3 original blocks for: .col-left > .section-tag,

.col-left > h2,

.col-left > .col-intro,

.col-left > .col-right-text */

.col-left > .section-tag,

.col-left > h2,

.col-left > .col-intro,

.col-left > .col-right-text {

flex: 0 0 auto !important;

width: min(100%, var(--v7-text-w)) !important;

max-width: clamp(560px, 34vw, 660px) !important;

}



/* merged 3 original blocks for: .col-left h2,

.col-left h2.section-title-two */

.col-left h2,

.col-left h2.section-title-two {

width: 100% !important;

max-width: var(--v6-text-w) !important;

margin: 0 0 clamp(18px, 2svh, 26px) !important;

font-size: clamp(32px, 2.42vw, 48px) !important;

line-height: 1.04 !important;

letter-spacing: .075em !important;

font-weight: 300 !important;

color: var(--v7-text) !important;

text-transform: uppercase !important;

}



.col-left h2.section-title-two span,

.col-left h2 span {

display: block !important;

white-space: nowrap !important;

}



.col-left .col-item p,

.col-left p,

.col-left .col-intro {

font-size: clamp(13px, .82vw, 15px) !important;

line-height: 1.48 !important;

color: var(--v6-muted) !important;

}



/* merged 3 original blocks for: .pricing-price-block */

.pricing-price-block {

flex: 0 0 auto !important;

margin-top: clamp(26px, 2.8svh, 36px) !important;

}



@media (max-width: 1400px) {

  :root { --v6-text-w: min(700px, 44vw); }

  .col-left h2,

  .col-left h2.section-title-two { font-size: clamp(32px, 3vw, 52px) !important; letter-spacing: .068em !important; }

  .pricing-card { min-height: 610px !important; }

  .pricing-head h3 { white-space: normal !important; }

}



@media (max-width: 1100px) {

  :root { --v6-text-w: 100%; }

  .two-col,

  .workflow-stack .two-col,

  .section-flush-right .two-col { min-height: auto !important; }

  .section-flush-left .col-img,

  .section-flush-right .col-img,

  .workflow-stack .col-img,

  .video-fit-section .col-img,

  .col-img,

  .video-contain {

    min-height: 0 !important;

    height: auto !important;

    aspect-ratio: 16 / 9 !important;

  }

  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left {

    height: auto !important;

    min-height: auto !important;

    padding: 58px var(--v6-x) 70px !important;

  }

  .col-left h2 span { white-space: normal !important; }

  .pricing-card { min-height: 0 !important; }

  .pricing-head { padding-right: 0 !important; }

}



@media (max-width: 760px) {

  :root { --v6-x: 22px; --v6-text-w: 100%; }

  .col-left h2,

  .col-left h2.section-title-two { font-size: clamp(30px, 8.6vw, 44px) !important; letter-spacing: .07em !important; }

  .col-left h2 span { white-space: normal !important; }

  .pricing-card { padding: 24px 22px !important; }

  .pricing-cta { min-height: 54px !important; }

  .expanding-title { white-space: normal !important; text-transform: uppercase !important; }

}



.hero-sub,

.col-left .col-intro,

.col-left p,

.col-left .col-item p,

.pricing-head p,

.pricing-regular,

.pricing-features li,

.expanding-lead,

.expanding-card p,

.core-intro-inner p,

.arsenal-stat p {

color: var(--v7-muted) !important;

opacity: 1 !important;

}



.avc-shine-btn,

.avc-code-btn,

.pricing-cta,

.avc-form-code-btn {

position: relative !important;

overflow: hidden !important;

isolation: isolate !important;

}



.avc-shine-btn::before,

.avc-code-btn::before,

.pricing-cta::before,

.avc-form-code-btn::before {

content: "" !important;

position: absolute !important;

z-index: 1 !important;

top: -85% !important;

left: -70% !important;

width: 34% !important;

height: 280% !important;

transform: rotate(24deg) !important;

background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.92), rgba(255,255,255,0)) !important;

filter: blur(.2px) !important;

mix-blend-mode: screen !important;

opacity: 0 !important;

animation: avcShineV7 2.75s cubic-bezier(.42,0,.2,1) infinite !important;

pointer-events: none !important;

}



.avc-shine-btn > *,

.avc-code-btn > *,

.pricing-cta > *,

.avc-form-code-btn > * {

position: relative !important;

z-index: 2 !important;

}



.avc-code-btn span,

.avc-code-btn strong,

.avc-form-code-btn {

color:#fff !important;

}



@keyframes avcShineV7 {

  0%   { left: -70%; opacity: 0; }

  22%  { opacity: 0; }

  40%  { opacity: 1; }

  58%  { opacity: .88; }

  76%  { opacity: 0; }

  100% { left: 145%; opacity: 0; }

}



.section-flush-left .two-col,

.workflow-stack .two-col,

.video-fit-section .two-col {

grid-template-columns: minmax(0, 56%) minmax(0, 44%) !important;

}



.col-img img,

.col-slide,

.col-video,

.video-contain .col-video,

.video-fit-section .col-video {

width: 100% !important;

height: 100% !important;

min-height: 100% !important;

object-fit: cover !important;

object-position: center center !important;

filter: none !important;

}



.col-slideshow .col-slide {

background-size: cover !important;

background-position: center center !important;

}



/* merged 2 original blocks for: .section-flush-left .col-left,

.workflow-stack .col-left,

.video-fit-section .col-left */

.section-flush-left .col-left,

.workflow-stack .col-left,

.video-fit-section .col-left {

margin-left: calc(-1 * var(--v7-overlap)) !important;

padding-left: clamp(52px, 5.1vw, 96px) !important;

padding-right: clamp(70px, 6.8vw, 142px) !important;

background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 13%, rgba(0,0,0,.96) 58%, #000 100%) !important;

align-items: flex-start !important;

}



/* merged 2 original blocks for: .section-flush-right .col-left */

.section-flush-right .col-left {

margin-right: calc(-1 * var(--v7-overlap)) !important;

padding-left: clamp(70px, 6.8vw, 142px) !important;

padding-right: clamp(52px, 5.1vw, 96px) !important;

background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.72) 13%, rgba(0,0,0,.96) 58%, #000 100%) !important;

align-items: flex-start !important;

}



.col-left h2 span,

.col-left h2.section-title-two span {

display: block !important;

white-space: nowrap !important;

}



.col-left .col-item p {

font-size: clamp(13px, .82vw, 15px) !important;

line-height: 1.5 !important;

}



/* merged 2 original blocks for: .pricing-card:not(.pricing-card-featured) .pricing-cta */

.pricing-card:not(.pricing-card-featured) .pricing-cta {

background: linear-gradient(96deg, rgba(254,127,0,.58) 0%, rgba(230,115,0,.68) 50%, rgba(190,83,0,.60) 100%) !important;

border-color: rgba(254,127,0,.48) !important;

box-shadow: 0 0 0 1px rgba(254,127,0,.08), 0 10px 28px rgba(254,127,0,.10) !important;

}



/* merged 2 original blocks for: .pricing-card-featured .pricing-cta */

.pricing-card-featured .pricing-cta {

background: linear-gradient(96deg, #fe7f00 0%, #ff9c24 44%, #ff5100 100%) !important;

box-shadow: 0 0 0 1px rgba(254,127,0,.32), 0 20px 54px rgba(254,127,0,.34) !important;

}



/* merged 2 original blocks for: .pricing-card-featured .pricing-features li:first-child::before */

.pricing-card-featured .pricing-features li:first-child::before {

background: var(--v8-orange) !important;

color:#050505 !important;

}



/* merged 2 original blocks for: .pricing-card-featured .pricing-features li:not(:first-child)::before */

.pricing-card-featured .pricing-features li:not(:first-child)::before {

background: var(--v8-green) !important;

color:#050505 !important;

box-shadow: 0 0 18px rgba(66,255,33,.28) !important;

}



.expanding-card + .expanding-card {

margin-left: -1px !important;

}



@media (max-width: 1100px) {

  :root { --v7-text-w: 100%; --v7-x: clamp(28px, 6vw, 72px); }

  .two-col,

  .section-flush-left .two-col,

  .section-flush-right .two-col,

  .workflow-stack .two-col,

  .video-fit-section .two-col { grid-template-columns: 1fr !important; min-height: auto !important; overflow: visible !important; }

  .section-flush-left .col-img,

  .section-flush-right .col-img,

  .workflow-stack .col-img,

  .video-fit-section .col-img,

  .col-img,

  .video-contain {

    order: 1 !important;

    height: auto !important;

    min-height: 0 !important;

    aspect-ratio: 1 / 1 !important;

  }

  .col-img img,

  .col-slide,

  .col-video,

  .video-contain .col-video,

  .video-fit-section .col-video {

    height: 100% !important;

    min-height: 0 !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: cover !important;

  }

  .col-left,

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left {

    order: 2 !important;

    margin: 0 !important;

    height: auto !important;

    min-height: auto !important;

    padding: clamp(56px, 8vw, 84px) var(--v7-x) clamp(66px, 9vw, 96px) !important;

    background: #000 !important;

  }

  .col-left h2,

  .col-left h2.section-title-two { font-size: clamp(34px, 6.6vw, 56px) !important; letter-spacing: .075em !important; }

  .col-left h2 span,

  .col-left h2.section-title-two span { white-space: normal !important; }

  .pricing-grid,

  .expanding-grid { grid-template-columns: 1fr !important; }

  .expanding-card + .expanding-card { margin-left: 0 !important; margin-top: -1px !important; }

}



@media (max-width: 760px) {

  :root { --v7-x: 22px; --v7-text-w: 100%; }

  .hero-sub { color: rgba(251,247,239,.9) !important; }

  .section-flush-left .col-img,

  .section-flush-right .col-img,

  .workflow-stack .col-img,

  .video-fit-section .col-img,

  .col-img,

  .video-contain { aspect-ratio: 4 / 5 !important; }

  .col-img img,

  .col-slide,

  .col-video,

  .video-contain .col-video,

  .video-fit-section .col-video { aspect-ratio: 4 / 5 !important; }

  .col-left h2,

  .col-left h2.section-title-two { font-size: clamp(32px, 9vw, 48px) !important; line-height: 1.02 !important; }

  .col-left .col-intro,

  .col-left .col-item p { font-size: 15px !important; line-height: 1.58 !important; }

  .col-item h4 { font-size: 17px !important; line-height: 1.16 !important; }

  .pricing-card { min-height: auto !important; padding: 26px 22px !important; }

  .pricing-price-row { align-items: flex-start !important; }

  .pricing-features li { font-size: 15px !important; }

  .expanding-section { padding-left: 0 !important; padding-right: 0 !important; }

  .expanding-title,

  .expanding-lead { padding-left: 22px !important; padding-right: 22px !important; }

  .expanding-card { border-left: 0 !important; border-right: 0 !important; }

}



.hero-sub,

.col-left .col-intro,

.col-left p,

.col-left .col-item p,

.pricing-head p,

.pricing-regular,

.pricing-features li,

.expanding-lead,

.expanding-card p,

.core-intro-inner p,

.checkout-copy p,

.newsletter-sub {

color: var(--v8-muted) !important;

opacity: 1 !important;

}



.hero-subbutton,

.overlay-subbutton {

color: var(--v8-soft) !important;

}



/* merged 2 original blocks for: .hero-slideshow,

.hero-slide */

.hero-slideshow,

.hero-slide {

background-color: #000 !important;

position: absolute;

inset: 0;

z-index: 0 !important;

}



.avc-code-btn,

.avc-form-code-btn,

.pricing-cta,

.checkout-code-btn {

position: relative !important;

overflow: hidden !important;

isolation: isolate !important;

color: #fff !important;

text-shadow: 0 1px 8px rgba(0,0,0,.22) !important;

}



.avc-code-btn::before,

.avc-form-code-btn::before,

.pricing-cta::before,

.checkout-code-btn::before {

content: "" !important;

position: absolute !important;

z-index: 2 !important;

top: -110% !important;

left: -42% !important;

width: clamp(70px, 7vw, 120px) !important;

height: 330% !important;

transform: rotate(24deg) translate3d(0,0,0) !important;

background: linear-gradient(90deg,

    rgba(255,255,255,0) 0%,

    rgba(255,255,255,.18) 22%,

    rgba(255,255,255,.98) 48%,

    rgba(255,255,255,.24) 72%,

    rgba(255,255,255,0) 100%) !important;

filter: blur(.4px) !important;

mix-blend-mode: screen !important;

opacity: .95 !important;

pointer-events: none !important;

animation: avcShineV8 2.85s cubic-bezier(.45,0,.18,1) infinite !important;

}



.avc-code-btn > *,

.avc-form-code-btn > *,

.pricing-cta > *,

.checkout-code-btn > * {

position: relative !important;

z-index: 4 !important;

}



.avc-code-btn,

.avc-form-code-btn,

.checkout-code-btn {

background: linear-gradient(96deg, var(--v8-orange) 0%, var(--v8-orange-2) 45%, var(--v8-orange-hot) 100%) !important;

border-color: rgba(254,127,0,.78) !important;

}



.avc-code-btn span,

.avc-code-btn strong,

.avc-form-code-btn,

.pricing-cta,

.checkout-code-btn {

color: #fff !important;

font-weight: 700 !important;

}



.hero a.avc-code-btn,

.wow-overlay a.avc-code-btn {

min-height: 58px !important;

padding: 0 26px !important;

font-size: clamp(13px, .84vw, 16px) !important;

letter-spacing: .115em !important;

}



@keyframes avcShineV8 {

  0%   { left: -48%; opacity: 0; }

  13%  { opacity: 0; }

  24%  { opacity: .98; }

  45%  { opacity: .98; }

  62%  { opacity: 0; }

  100% { left: 132%; opacity: 0; }

}



.system-summary-inner h2,

.pricing-title,

.expanding-title,

.core-intro-inner h2,

.arsenal-title {

font-size: clamp(40px, 4vw, 70px) !important;

line-height: 1.02 !important;

font-weight: 300 !important;

}



.checkout-copy {

max-width: 900px !important;

margin: 0 auto clamp(30px, 4vw, 48px) !important;

text-align: center !important;

}



/* merged 2 original blocks for: .checkout-copy h2 */

.checkout-copy h2 {

margin: 0 0 clamp(14px, 1.8vw, 22px) !important;

color: var(--v8-text) !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(34px, 3.9vw, 64px) !important;

line-height: 1.04 !important;

letter-spacing: .16em !important;

font-weight: 300 !important;

text-transform: uppercase !important;

max-width: 920px !important;

margin-bottom: clamp(14px, 1.6vw, 20px) !important;

}



.checkout-copy p {

max-width: 760px !important;

margin: 0 auto !important;

font-size: clamp(15px, 1vw, 18px) !important;

line-height: 1.58 !important;

}



.contact-tag {

text-align: center !important;

margin-bottom: 12px !important;

}



.avc-form-code-btn {

min-width: 170px !important;

color: #fff !important;

}



.checkout-code-btn {

display: inline-flex !important;

align-items: center !important;

justify-content: center !important;

gap: 18px !important;

min-height: 62px !important;

margin-top: clamp(28px, 3.2vw, 44px) !important;

padding: 0 clamp(28px, 3vw, 48px) !important;

border: 1px solid rgba(254,127,0,.82) !important;

text-decoration: none !important;

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: clamp(14px, .95vw, 17px) !important;

line-height: 1 !important;

letter-spacing: .13em !important;

text-transform: uppercase !important;

background: linear-gradient(96deg, #fe7f00 0%, #ff9a24 45%, #ff5200 100%) !important;

box-shadow: 0 0 0 1px rgba(254,127,0,.22), 0 18px 48px rgba(254,127,0,.25) !important;

}



/* Tablet and mobile*/



@media (max-width: 1100px) {

  .col-left > .section-tag,

  .col-left > h2,

  .col-left > .col-intro,

  .col-left > .col-right-text { max-width: 100% !important; }

  .section-flush-left .col-left,

  .section-flush-right .col-left,

  .workflow-stack .col-left,

  .video-fit-section .col-left {

    padding-left: clamp(30px, 6vw, 72px) !important;

    padding-right: clamp(30px, 6vw, 72px) !important;

  }

  .avc-code-btn,

  .pricing-cta,

  .avc-form-code-btn,

  .checkout-code-btn {

    font-size: 16px !important;

    min-height: 62px !important;

    letter-spacing: .09em !important;

  }

  .newsletter-form {

    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 14px !important;

  }

  .avc-form-code-btn { width: 100% !important; }

  .pricing-card { min-height: auto !important; }

  .pricing-grid { gap: 28px !important; }

}



@media (max-width: 760px) {

  .hero a.avc-code-btn,

  .wow-overlay a.avc-code-btn,

  .avc-code-btn,

  .pricing-cta,

  .avc-form-code-btn,

  .checkout-code-btn {

    width: 100% !important;

    min-height: 64px !important;

    font-size: 15px !important;

    letter-spacing: .075em !important;

    padding-left: 18px !important;

    padding-right: 18px !important;

  }

  .avc-code-btn { gap: 8px !important; }

  .pricing-card { padding: 28px 22px 30px !important; }

  .pricing-features { gap: 14px !important; }

  .checkout-copy h2 { font-size: clamp(30px, 8.6vw, 44px) !important; letter-spacing: .1em !important; }

  .checkout-copy p { font-size: 15px !important; }

  .cta-section { padding-left: 22px !important; padding-right: 22px !important; }

}



.workflow-stack .col-img.fade-in {

opacity: 1 !important;

transform: none !important;

transition: none !important;

}



.workflow-stack .col-video,

.workflow-stack .video-contain {

background: #000;

}



.workflow-stack .col-video {

display: block !important;

}



.arsenal-title,

.core-intro-inner h2,

.system-summary-inner h2,

.pricing-title,

.expanding-title,

.checkout-copy h2 {

font-family: 'Overpass', 'Inter', sans-serif !important;

font-size: var(--v9-section-title-size) !important;

line-height: var(--v9-section-title-line) !important;

letter-spacing: var(--v9-section-title-letter) !important;

font-weight: 300 !important;

text-transform: uppercase !important;

color: var(--v8-text, #fffaf3) !important;

}



/* Preserve the three true wow-break titles: they intentionally remain larger. */



.wow-break .wow-overlay h2,

.wow-break-media .wow-overlay h2 {

font-size: clamp(42px, 5vw, 82px) !important;

line-height: .98 !important;

letter-spacing: .13em !important;

}



/* Pricing / expanding / contact titles: same scale as the real section titles. */



.pricing-title,

.expanding-title,

.checkout-copy h2 {

margin-left: auto !important;

margin-right: auto !important;

text-align: center !important;

}



/* Keep typography coherent on tablet and mobile without shrinking titles into unrelated sizes. */



@media (max-width: 1100px) {

  .arsenal-title,

  .core-intro-inner h2,

  .system-summary-inner h2,

  .pricing-title,

  .expanding-title,

  .checkout-copy h2 {

    font-size: clamp(34px, 6.6vw, 56px) !important;

    letter-spacing: .075em !important;

    line-height: 1.04 !important;

    white-space: normal !important;

  }

  .core-intro-inner h2 span,

  .system-summary-inner h2 span {

    white-space: normal !important;

  }

  .expanding-card p {

    font-size: 16px !important;

    line-height: 1.58 !important;

  }

}



@media (max-width: 760px) {

  .arsenal-title,

  .core-intro-inner h2,

  .system-summary-inner h2,

  .pricing-title,

  .expanding-title,

  .checkout-copy h2 {

    font-size: clamp(30px, 8.6vw, 44px) !important;

    letter-spacing: .07em !important;

  }

  .wow-break .wow-overlay h2,

  .wow-break-media .wow-overlay h2 {

    font-size: clamp(34px, 10vw, 56px) !important;

    letter-spacing: .085em !important;

  }

}



/* =========================================================

   AVC PERFORMANCE HOTFIX v10 — critical workflow media + CTA sweep

   Only touches first workflow preload/visibility and button shine.

   ========================================================= */



/* First section after hero: text and media must be visible immediately, without intersection fade delay. */



.workflow-stack .col-img.fade-in,

.workflow-stack .col-left.fade-in {

opacity: 1 !important;

transform: none !important;

transition: none !important;

}



.workflow-stack .video-contain,

.workflow-stack video[data-critical-media],

.workflow-stack .col-video {

opacity: 1 !important;

visibility: visible !important;

background-color: #000 !important;

}



.workflow-stack video[data-critical-media] {

display: block !important;

object-fit: cover !important;

transform: translateZ(0) !important;

backface-visibility: hidden !important;

will-change: transform !important;

}



/* Strong dynamic light sweep: all CTA buttons, 1.5s cycle, always visible. */



.avc-shine-btn,

.avc-code-btn,

.avc-form-code-btn,

.pricing-cta,

.checkout-code-btn {

position: relative !important;

overflow: hidden !important;

isolation: isolate !important;

}



/* CTA shine reinforcement: fast left-to-right sweep every 1.5s. */



/* merged 2 original blocks for: .avc-shine-btn::before,

.avc-code-btn::before,

.avc-form-code-btn::before,

.pricing-cta::before,

.checkout-code-btn::before */

.avc-shine-btn::before,

.avc-code-btn::before,

.avc-form-code-btn::before,

.pricing-cta::before,

.checkout-code-btn::before {

content: "" !important;

position: absolute !important;

z-index: 5 !important;

top: -85% !important;

left: 0 !important;

width: clamp(80px, 8vw, 132px) !important;

height: 270% !important;

pointer-events: none !important;

opacity: 0 !important;

transform: translate3d(-170%,0,0) skewX(-24deg) !important;

background: linear-gradient(90deg,

    rgba(255,255,255,0) 0%,

    rgba(255,255,255,.10) 18%,

    rgba(255,255,255,.84) 44%,

    rgba(255,255,255,1) 50%,

    rgba(255,255,255,.72) 58%,

    rgba(255,255,255,.10) 82%,

    rgba(255,255,255,0) 100%) !important;

filter: blur(.35px) !important;

mix-blend-mode: screen !important;

will-change: transform, opacity !important;

animation: avcCtaSweepV12 1.5s cubic-bezier(.36,0,.16,1) infinite !important;

}



@keyframes avcCtaSweepV10 {

  0%   { opacity: 0;  transform: translate3d(-175%,0,0) skewX(-24deg); }

  10%  { opacity: .95; }

  48%  { opacity: 1; }

  72%  { opacity: .72; }

  100% { opacity: 0;  transform: translate3d(335%,0,0) skewX(-24deg); }

}



/* Keep button content readable while the sweep passes over it. */



.avc-shine-btn > *,

.avc-code-btn > *,

.avc-form-code-btn > *,

.pricing-cta > *,

.checkout-code-btn > * {

position: relative !important;

z-index: 6 !important;

}



@media (max-width: 760px) {

  .avc-shine-btn::before,

  .avc-code-btn::before,

  .avc-form-code-btn::before,

  .pricing-cta::before,

  .checkout-code-btn::before {

    width: 48% !important;

    height: 285% !important;

    animation-duration: 1.5s !important;

  }

}



/* =========================================================

   AVC PERFORMANCE FIX v12 — restore video media safely.

   The workflow section uses the original video again; no carousel asset paths.

   ========================================================= */



.workflow-stack .critical-video-ready.fade-in,

.workflow-stack .col-left.fade-in {

opacity: 1 !important;

transform: none !important;

transition: none !important;

}



.workflow-stack .critical-video-ready .col-video {

opacity: 1 !important;

visibility: visible !important;

display: block !important;

}



@keyframes avcCtaSweepV12 {

  0%   { opacity: 0; transform: translate3d(-180%,0,0) skewX(-24deg); }

  12%  { opacity: .95; }

  45%  { opacity: 1; }

  70%  { opacity: .72; }

  100% { opacity: 0; transform: translate3d(360%,0,0) skewX(-24deg); }

}



.hero::before,

.hero::after,

.hero-slideshow::before,

.hero-slideshow::after {

display: none !important;

content: none !important;

background: none !important;

}



/* merged 2 original blocks for: .hero > *:not(.hero-slideshow) */

.hero > *:not(.hero-slideshow) {

position: relative;

z-index: 2 !important;

}



/* Fix slideshow section 12 e 08*/



.wow-break .simple-slideshow {

position: absolute !important;

inset: 0 !important;

width: 100% !important;

height: 100% !important;

z-index: 0 !important;

}



.wow-break .simple-slide {

position: absolute !important;

inset: 0 !important;

width: 100% !important;

height: 100% !important;

background-size: cover !important;

background-position: center !important;

background-repeat: no-repeat !important;

opacity: 0 !important;

transition: opacity 1s ease !important;

}



.wow-break .simple-slide.active {

opacity: .78 !important;

}



@media (max-width: 768px) {

  .arsenal-value {

    display: inline-grid !important;

    grid-template-columns: 3ch 1ch !important;

    align-items: baseline !important;

    justify-content: center !important;

    min-width: 4ch !important;

    column-gap: 0 !important;

    font-variant-numeric: tabular-nums !important;

    font-feature-settings: "tnum" 1, "lnum" 1 !important;

    text-align: center !important;

    letter-spacing: .06em !important;

  }



  .arsenal-value .avc-stat-number {

    display: inline-block !important;

    width: 3ch !important;

    min-width: 3ch !important;

    text-align: right !important;

  }



  .arsenal-value .plus {

    display: inline-block !important;

    width: 1ch !important;

    min-width: 1ch !important;

    margin-left: 0 !important;

    text-align: left !important;

  }



  .arsenal-stat p {

    max-width: 11ch !important;

    margin-inline: auto !important;

    text-align: center !important;

  }

}



/* Button learn more only text */



.avc-text-link {

display: inline-flex;

align-items: center;

gap: 10px;

color: #fd9e31;

text-decoration: none;

background: none;

border: none;

padding: 0;

margin-top: 38px;

margin-left: 0;

min-height: 0;

font-size: 18px;

line-height: 1.3;

letter-spacing: 0.01em;

text-transform: none;

font-weight: 300;

width: fit-content;

align-self: flex-start;

transition: color .2s ease, opacity .2s ease, transform .2s ease;

}



.avc-text-link:hover {

color: #fcb251;

opacity: 1;

}



.avc-text-link:focus-visible {

outline: 1px solid currentColor;

outline-offset: 4px;

}



.avc-text-link-arrow {

display: inline-block;

font-size: 20px;

line-height: 1;

transform: translateX(0);

transition: transform .2s ease, color .2s ease;

}



.avc-text-link:hover .avc-text-link-arrow {

transform: translateX(4px);

}



/* Tablet */



@media (max-width: 1100px) {

  .avc-text-link {

    margin-top: 32px;

    font-size: 17px;

    gap: 9px;

  }



  .avc-text-link-arrow {

    font-size: 19px;

  }

}



/* Mobile */



@media (max-width: 760px) {

  .avc-text-link {

    margin-top: 24px;

    font-size: 15px;

    line-height: 1.35;

    gap: 8px;

  }



  .avc-text-link-arrow {

    font-size: 17px;

  }

}



/* Small mobile */



@media (max-width: 480px) {

  .avc-text-link {

    margin-top: 20px;

    font-size: 14px;

    gap: 7px;

  }



  .avc-text-link-arrow {

    font-size: 16px;

  }

}