@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Wix+Madefor+Display:wght@400;500;600;700;800&family=Wix+Madefor+Text:wght@400;500;600;700&display=swap');



*, *::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;



}



:root {

  --font-base: "Segoe UI", system-ui, Helvetica, Arial, sans-serif;

}







body {



background: #000 !important;



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



font-family: var(--font-base);



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: var(--font-base);



}







.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 h3 */



.col-item h3 {



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: var(--font-base);



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 h3 {



    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 h3 {



    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: var(--font-base);



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: var(--font-base);



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: var(--font-base);



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: var(--font-base);



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: var(--font-base);



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: var(--font-base);



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 h3 { 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: var(--font-base);



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: var(--font-base);



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: var(--font-base);



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;



  }



}







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

   WPO PATCH — INSTANT RENDER + LAZY MEDIA

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



main {

  display: block;

  opacity: 1;

  visibility: visible;

}



.hero-slideshow,

.hero-slide {

  background-color: #000;

}



.hero-slide[data-bg] {

  background-image: none;

}



.video-contain,

.video-fit-section .col-img,

.system-video-wrap,

.col-img {

  background: #000;

  overflow: hidden;

}



video.lazy-video,

.lazy-video {

  display: block;

  width: 100% !important;

  height: 100% !important;

  min-height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

  background: #000;

}



video.lazy-video:not(.is-loaded) {

  background: #000;

}



.lazy-video.is-loaded {

  opacity: 1;

}



@media (prefers-reduced-motion: reduce) {

  .hero-slide,

  .col-slide,

  .simple-slide,

  .fade-in {

    transition: none !important;

    animation: none !important;

  }

}



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

   AVC CRITICAL BOOT v2 — silent critical preload + stale loader cleanup

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



/* Safety net for old subpages that still contain the legacy loader markup. */

.preloader,

.transition-overlay,

.text-rotater,

.preloader__inner,

.preloader__progress,

.preloader__bar {

  display: none !important;

  visibility: hidden !important;

  opacity: 0 !important;

  pointer-events: none !important;

}



/* During the silent critical preload, the page stays black and stable.

   No text loader is shown, and the document layout is still calculated. */

html.avc-critical-loading,

html.avc-critical-loading body {

  background: #000 !important;

}



html.avc-critical-loading main {

  opacity: 0 !important;

  visibility: hidden !important;

  pointer-events: none !important;

}



html.avc-critical-ready main,

html.avc-critical-timeout main {

  opacity: 1 !important;

  visibility: visible !important;

  pointer-events: auto !important;

  transition: none !important;

}



/* Critical sections must be already visible when the page is revealed. */

html.avc-critical-ready .is-critical .fade-in,

html.avc-critical-timeout .is-critical .fade-in {

  opacity: 1 !important;

  transform: none !important;

}



/* Stable media boxes: lazy videos can appear after preload without changing layout. */

.video-contain,

.video-fit-section .col-img,

.system-video-wrap,

.col-img {

  background: #000 !important;

  overflow: hidden;

}



video.lazy-video,

.lazy-video,

video[data-lazy-video],

video[data-critical-video] {

  display: block;

  width: 100% !important;

  height: 100% !important;

  min-height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

  background: #000 !important;

}



video.lazy-video:not(.is-loaded),

video[data-lazy-video]:not(.is-loaded) {

  background: #000 !important;

}



video.lazy-video.is-loaded,

video[data-lazy-video].is-loaded,

video[data-critical-video].is-loaded {

  opacity: 1;

}



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

   AVC Cookie Consent

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



html.avc-cookie-modal-open {

  overflow: hidden !important;

}



.avc-cookie-banner,

.avc-cookie-modal {

  font-family: var(--font-base, "Segoe UI", system-ui, Helvetica, Arial, sans-serif);

}



.avc-cookie-banner {

  position: fixed;

  left: 50%;

  bottom: clamp(14px, 2vw, 26px);

  z-index: 999998;

  width: min(calc(100vw - 32px), 1320px);

  transform: translate(-50%, calc(100% + 42px));

  opacity: 0;

  pointer-events: none;

  display: grid;

  grid-template-columns: 1fr auto;

  align-items: center;

  gap: clamp(18px, 2.6vw, 44px);

  padding: clamp(18px, 1.55vw, 26px) clamp(18px, 2vw, 34px);

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

  background:

    radial-gradient(circle at 4% 0%, rgba(254, 127, 0, .14), transparent 34%),

    linear-gradient(180deg, rgba(18, 18, 18, .96), rgba(5, 5, 5, .96));

  box-shadow: 0 24px 90px rgba(0, 0, 0, .74), 0 0 0 1px rgba(254, 127, 0, .08);

  backdrop-filter: blur(18px);

  -webkit-backdrop-filter: blur(18px);

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

}



.avc-cookie-banner.is-visible {

  transform: translate(-50%, 0);

  opacity: 1;

  pointer-events: auto;

}



.avc-cookie-banner-copy {

  max-width: 860px;

}



.avc-cookie-kicker {

  margin: 0 0 8px !important;

  color: #fe7f00 !important;

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

  line-height: 1.1 !important;

  letter-spacing: .25em !important;

  text-transform: uppercase !important;

  font-weight: 700 !important;

}



.avc-cookie-banner p,

.avc-cookie-panel p {

  margin: 0;

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

  font-size: clamp(13px, .88vw, 15px);

  line-height: 1.48;

  font-weight: 300;

  letter-spacing: 0;

}



.avc-cookie-small {

  margin-top: 7px !important;

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

  font-size: clamp(12px, .78vw, 13px) !important;

}



.avc-cookie-banner a,

.avc-cookie-panel a {

  color: rgba(255, 154, 40, .96);

  text-decoration: none;

  border-bottom: 1px solid rgba(254, 127, 0, .38);

}



.avc-cookie-banner a:hover,

.avc-cookie-panel a:hover {

  border-bottom-color: rgba(254, 127, 0, .92);

}



.avc-cookie-banner-actions,

.avc-cookie-panel-actions {

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 12px;

}



.avc-cookie-btn {

  appearance: none;

  min-width: 142px;

  min-height: 46px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 0;

  padding: 13px 18px;

  cursor: pointer;

  font-size: 12px;

  line-height: 1;

  letter-spacing: .12em;

  text-transform: uppercase;

  font-weight: 700;

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

}



.avc-cookie-btn:hover {

  transform: translateY(-1px);

}



.avc-cookie-btn-primary {

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

  background: #fe7f00;

  color: #fff;

  box-shadow: 0 16px 38px rgba(254, 127, 0, .20);

}



.avc-cookie-btn-primary:hover {

  background: #ff8a12;

  border-color: rgba(255, 154, 40, 1);

}



.avc-cookie-btn-secondary {

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

  background: rgba(242, 238, 232, .08);

  color: rgba(242, 238, 232, .92);

}



.avc-cookie-btn-secondary:hover {

  border-color: rgba(254, 127, 0, .60);

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

}



.avc-cookie-btn-ghost {

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

  background: rgba(0, 0, 0, .36);

  color: rgba(242, 238, 232, .94);

}



.avc-cookie-btn-ghost:hover {

  border-color: rgba(254, 127, 0, .86);

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

}



.avc-cookie-modal {

  position: fixed;

  inset: 0;

  z-index: 999999;

  display: none;

  align-items: center;

  justify-content: center;

  padding: clamp(18px, 3vw, 34px);

  opacity: 0;

  pointer-events: none;

  transition: opacity .22s ease;

}



.avc-cookie-modal.is-open {

  display: flex;

  opacity: 1;

  pointer-events: auto;

}



.avc-cookie-modal-backdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, .78);

  cursor: pointer;

}



.avc-cookie-panel {

  position: relative;

  z-index: 2;

  width: min(94vw, 720px);

  max-height: min(88vh, 820px);

  overflow: auto;

  padding: clamp(24px, 3vw, 38px);

  border: 1px solid rgba(242, 238, 232, .15);

  background:

    radial-gradient(circle at 0% 0%, rgba(254, 127, 0, .14), transparent 32%),

    linear-gradient(180deg, rgba(18, 18, 18, .98), rgba(3, 3, 3, .98));

  box-shadow: 0 30px 110px rgba(0, 0, 0, .82);

}



.avc-cookie-close {

  position: absolute;

  top: 14px;

  right: 14px;

  width: 42px;

  height: 42px;

  border: 1px solid rgba(242, 238, 232, .18);

  border-radius: 50%;

  background: rgba(0, 0, 0, .42);

  color: rgba(242, 238, 232, .9);

  cursor: pointer;

  font-size: 28px;

  line-height: 1;

  font-weight: 200;

}



.avc-cookie-close:hover {

  border-color: rgba(254, 127, 0, .74);

}



.avc-cookie-panel h2 {

  margin: 0 0 12px;

  color: #fff;

  font-size: clamp(30px, 3.2vw, 46px);

  line-height: 1;

  letter-spacing: .08em;

  text-transform: uppercase;

  font-weight: 700;

}



.avc-cookie-panel-intro {

  max-width: 620px;

  margin-bottom: clamp(18px, 2.2vw, 28px) !important;

}



.avc-cookie-options {

  display: grid;

  gap: 12px;

  margin: clamp(18px, 2vw, 26px) 0 clamp(20px, 2.4vw, 30px);

}



.avc-cookie-option {

  display: grid;

  grid-template-columns: 1fr auto;

  gap: 18px;

  align-items: center;

  padding: 18px;

  border: 1px solid rgba(242, 238, 232, .11);

  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));

}



.avc-cookie-option-title {

  display: block;

  margin-bottom: 5px;

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

  font-size: 14px;

  line-height: 1.22;

  letter-spacing: .12em;

  text-transform: uppercase;

  font-weight: 700;

}



.avc-cookie-option-desc {

  display: block;

  color: rgba(242, 238, 232, .70);

  font-size: 13.5px;

  line-height: 1.45;

  font-weight: 300;

}



.avc-cookie-switch input {

  position: absolute;

  opacity: 0;

  pointer-events: none;

}



.avc-cookie-switch span {

  position: relative;

  display: block;

  width: 54px;

  height: 30px;

  border: 1px solid rgba(242, 238, 232, .18);

  background: rgba(242, 238, 232, .10);

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

}



.avc-cookie-switch span::after {

  content: "";

  position: absolute;

  top: 4px;

  left: 4px;

  width: 20px;

  height: 20px;

  background: rgba(242, 238, 232, .74);

  transition: transform .18s ease, background .18s ease;

}



.avc-cookie-switch input:checked + span {

  border-color: rgba(254, 127, 0, .88);

  background: rgba(254, 127, 0, .28);

}



.avc-cookie-switch input:checked + span::after {

  transform: translateX(24px);

  background: #fe7f00;

}



.avc-cookie-switch input:disabled + span {

  opacity: .78;

  cursor: not-allowed;

}



button.legal-link.avc-cookie-settings-link {

  appearance: none;

  border: 0;

  background: transparent;

  padding: 0;

  font-family: inherit;

  cursor: pointer;

}



.lp-cookie-table-wrap {

  width: 100%;

  overflow-x: auto;

  margin: 18px 0 8px;

}



.lp-cookie-table {

  width: 100%;

  border-collapse: collapse;

  min-width: 760px;

  border: 1px solid rgba(242, 238, 232, .12);

}



.lp-cookie-table th,

.lp-cookie-table td {

  padding: 13px 14px;

  border-bottom: 1px solid rgba(242, 238, 232, .10);

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

  font-size: clamp(13px, .88vw, 15px);

  line-height: 1.45;

  text-align: left;

  vertical-align: top;

}



.lp-cookie-table th {

  color: #fff;

  background: rgba(254, 127, 0, .10);

  font-size: 12px;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.lp-cookie-table tr:last-child td {

  border-bottom: 0;

}



@media (max-width: 860px) {

  .avc-cookie-banner {

    grid-template-columns: 1fr;

    gap: 16px;

  }



  .avc-cookie-banner-actions,

  .avc-cookie-panel-actions {

    width: 100%;

    display: grid;

    grid-template-columns: 1fr;

    gap: 10px;

  }



  .avc-cookie-btn {

    width: 100%;

    min-width: 0;

  }



  .avc-cookie-option {

    grid-template-columns: 1fr;

    gap: 14px;

  }



  .avc-cookie-switch {

    justify-self: start;

  }

}



/* AVC Cookie Banner refinement v2: only Accept All is boxed in the first-level banner. */

.avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn:not(.avc-cookie-btn-primary) {

  min-width: auto !important;

  min-height: auto !important;

  padding: 6px 4px !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

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

}



.avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn:not(.avc-cookie-btn-primary):hover {

  transform: translateY(-1px) !important;

  color: rgba(255, 154, 40, .96) !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn-primary {

  min-width: 142px !important;

}



@media (max-width: 860px) {

  .avc-cookie-banner .avc-cookie-banner-actions {

    grid-template-columns: 1fr !important;

    justify-items: center !important;

  }



  .avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn:not(.avc-cookie-btn-primary) {

    width: auto !important;

    justify-self: center !important;

  }



  .avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn-primary {

    width: 100% !important;

  }

}





/* AVC final CTA + cookie refinements v7 */

.avc-cookie-banner .avc-cookie-kicker {

  display: none !important;

}



.avc-cookie-banner-copy {

  align-self: center !important;

}



.avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-reject] {

  order: 1 !important;

}



.avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-customize] {

  order: 2 !important;

}



.avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-accept] {

  order: 3 !important;

}



@media (max-width: 860px) {

  .avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-accept] {

    order: 1 !important;

  }



  .avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-reject] {

    order: 2 !important;

  }



  .avc-cookie-banner .avc-cookie-banner-actions [data-avc-cookie-customize] {

    order: 3 !important;

  }



  .avc-cookie-banner .avc-cookie-banner-actions .avc-cookie-btn:not(.avc-cookie-btn-primary) {

    font-size: 11px !important;

    opacity: .82 !important;

  }

}



/* Subpage final CTA label readability: keeps button box size, improves text size. */

body.wrap-page .wrap-final-cta .avc-code-btn strong,

body.wrap-page .wrap-final-cta .avc-code-btn .avc-button-text,

body.sync-page .wrap-final-cta .avc-code-btn strong,

body.sync-page .wrap-final-cta .avc-code-btn .avc-button-text,

.system-summary-section.wrap-final-cta .avc-code-btn strong,

.system-summary-section.wrap-final-cta .avc-code-btn .avc-button-text {

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

  line-height: 1.08 !important;

  letter-spacing: .105em !important;

}



@media (max-width: 760px) {

  body.wrap-page .wrap-final-cta .avc-code-btn strong,

  body.wrap-page .wrap-final-cta .avc-code-btn .avc-button-text,

  body.sync-page .wrap-final-cta .avc-code-btn strong,

  body.sync-page .wrap-final-cta .avc-code-btn .avc-button-text,

  .system-summary-section.wrap-final-cta .avc-code-btn strong,

  .system-summary-section.wrap-final-cta .avc-code-btn .avc-button-text {

    font-size: clamp(12.5px, 3.35vw, 15px) !important;

    letter-spacing: .088em !important;

  }

}





/* Launch Access consent link color refinement v9 */

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:visited,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:hover,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:active {

  color: #fe7f00 !important;

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

  text-underline-offset: 3px !important;

}





/* AVC v10 final corrections: exact AVC orange for newsletter privacy link + workflow CTA text safety. */

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:link,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:visited,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:hover,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:active,

body.avc-preview-page #newsletterForm.newsletter-form .newsletter-consent a:focus {

  color: #fe7f00 !important;

  -webkit-text-fill-color: #fe7f00 !important;

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

  text-underline-offset: 3px !important;

}



body.avc-preview-page .wow-60-btn .wow-60-btn-text {

  white-space: nowrap !important;

}



body.avc-preview-page .wow-60-btn .wow-60-btn-line-one {

  display: inline !important;

  white-space: nowrap !important;

}





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

   AVC ENTERPRISE VISUAL SYSTEM — FINAL NON-DESTRUCTIVE OVERRIDES

   Typography, hierarchy, restrained motion, CTA refinement and global footer.

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

:root {

  --font-base: "Wix Madefor Text", "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --font-display: "Wix Madefor Display", "Inter", "Segoe UI", system-ui, sans-serif;

  --avc-enterprise-white: #fffdf8;

  --avc-enterprise-copy: rgba(255, 253, 248, .91);

  --avc-enterprise-muted: rgba(255, 253, 248, .72);

  --avc-enterprise-soft: rgba(255, 253, 248, .52);

  --avc-enterprise-line: rgba(255, 253, 248, .12);

  --avc-enterprise-orange: #ff7a00;

  --avc-enterprise-orange-hot: #ff8d1a;

  --avc-enterprise-radius: 5px;

}



html { background: #000; }

body {

  font-family: var(--font-base) !important;

  color: var(--avc-enterprise-white) !important;

  font-kerning: normal;

  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;

}



/* Display typography: high contrast, compact and editorial rather than bulky. */

.hero-subtitle,

.section-title-two,

.section-title,

.pricing-title,

.system-summary-inner h2,

.expanding-title,

.checkout-copy h2,

.lp-title,

.lp-section-title,

.docs-title,

.docs-h2,

.wow-overlay h2,

.core-intro-inner h2 {

  font-family: var(--font-display) !important;

  color: var(--avc-enterprise-white) !important;

  text-wrap: balance;

  -webkit-font-smoothing: antialiased;

}



.section-tag,

.lp-tag,

.pricing-tag,

.expanding-status,

.contact-tag,

.docs-kicker {

  color: var(--avc-enterprise-orange) !important;

}



/* Body copy: brighter and more consistent, with controlled line length. */

.hero-sub,

.col-left .col-intro,

.col-left .col-item p,

.pricing-head p,

.pricing-features li,

.expanding-lead,

.expanding-card-body p,

.checkout-copy p,

.core-intro-inner p,

.arsenal-stat p,

.lp-section p,

.lp-section li,

.doc-block-copy p,

.doc-block-copy li,

.docs-lead,

.docs-body {

  color: var(--avc-enterprise-copy) !important;

  opacity: 1 !important;

  text-wrap: pretty;

}



/* More deliberate section rhythm and visual continuity. */

body.avc-preview-page main section .col-left,

body.avc-preview-page main section .docs-copy,

body.avc-preview-page main section .core-intro-inner {

  isolation: isolate;

}



body.avc-preview-page main section .col-intro,

body.avc-preview-page main section .col-right-text,

body.avc-preview-page main section .pricing-features,

body.avc-preview-page main section .expanding-lead {

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

}



/* Existing reveal animation, refined rather than replaced. */

.fade-in {

  opacity: 0;

  transform: translate3d(0, 24px, 0);

  filter: blur(1.5px);

  transition:

    opacity .82s cubic-bezier(.22, .61, .36, 1),

    transform .82s cubic-bezier(.22, .61, .36, 1),

    filter .82s cubic-bezier(.22, .61, .36, 1) !important;

  will-change: opacity, transform, filter;

}

.fade-in.visible {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  filter: blur(0);

}

@media (prefers-reduced-motion: reduce) {

  .fade-in { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; }

}



/* Slightly softened controls, preserving every existing hover and shine animation. */

.avc-code-btn,

.avc-shine-btn,

.pricing-cta,

.form-btn,

.newsletter-form input,

.resource-support-email,

.lp-back,

.lp-bottom-back,

button:not(.nav-toggle):not(.avc-cookie-close),

input[type="submit"] {

  border-radius: var(--avc-enterprise-radius) !important;

}



/* Keep highly rounded media controls/dialog close buttons untouched. */

.avc-video-modal-close,

.avc-cookie-close,

.pricing-carousel-btn,

.expanding-carousel-btn { border-radius: 50% !important; }



/* Stronger, cleaner orange while keeping the established brand hue. */

.avc-code-btn-primary,

.pricing-cta,

.newsletter-form .form-btn,

.resource-support-email {

  background-color: var(--avc-enterprise-orange) !important;

}

.avc-code-btn-primary:hover,

.pricing-cta:hover,

.newsletter-form .form-btn:hover,

.resource-support-email:hover {

  background-color: var(--avc-enterprise-orange-hot) !important;

}



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

   GLOBAL ENTERPRISE FOOTER

   Inserted by script.js on commercial/product pages only.

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

.avc-global-footer {

  position: relative;

  z-index: 2;

  width: 100%;

  padding: clamp(48px, 5.4vw, 78px) var(--avc-v2-x, clamp(24px, 5.75vw, 112px)) clamp(38px, 4vw, 58px);

  border-top: 1px solid var(--avc-enterprise-line);

  background:

    radial-gradient(circle at 80% 110%, rgba(255, 122, 0, .065), transparent 33%),

    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),

    #050505;

}

.avc-global-footer-inner {

  width: min(100%, 1500px);

  margin: 0 auto;

  display: grid;

  grid-template-columns: minmax(160px, .82fr) minmax(210px, 1fr) minmax(260px, 1.25fr);

  gap: clamp(36px, 6vw, 96px);

  align-items: start;

}

.avc-global-footer-column {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 9px;

}

.avc-global-footer-column h2 {

  margin: 0 0 11px;

  color: #fff;

  font-family: var(--font-base);

  font-size: 13px;

  line-height: 1.2;

  font-weight: 700;

  letter-spacing: .09em;

  text-transform: uppercase;

}

.avc-global-footer a,

.avc-global-footer-cookie {

  appearance: none;

  display: inline-flex;

  align-items: center;

  min-height: 25px;

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

  color: rgba(255,253,248,.70);

  font: 400 14px/1.45 var(--font-base);

  letter-spacing: 0;

  text-transform: none;

  text-decoration: none;

  cursor: pointer;

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

}

.avc-global-footer a:hover,

.avc-global-footer-cookie:hover {

  color: var(--avc-enterprise-orange);

  transform: translateX(2px);

}

.avc-global-footer-brand {

  justify-self: end;

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  text-align: right;

}

.avc-global-footer-logo {

  display: block;

  width: auto;

  height: clamp(46px, 3.4vw, 62px);

  object-fit: contain;

  opacity: .98;

}

.avc-global-footer-brand p {

  margin: 15px 0 17px;

  color: rgba(255,253,248,.50);

  font-size: 12px;

  line-height: 1.58;

  letter-spacing: .05em;

}

.avc-global-socials {

  display: flex;

  justify-content: flex-end;

  gap: 9px;

}

.avc-global-social {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 38px !important;

  height: 38px !important;

  min-height: 38px !important;

  padding: 0 !important;

  border: 1px solid rgba(255,253,248,.15) !important;

  border-radius: 4px !important;

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

  overflow: hidden;

  transform: none !important;

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

}

.avc-global-social:hover {

  border-color: rgba(255,122,0,.70) !important;

  background: rgba(255,122,0,.07) !important;

  transform: translateY(-2px) !important;

}

.avc-global-social img {

  width: 23px;

  height: 23px;

  object-fit: contain;

  display: block;

}



@media (max-width: 860px) {

  .avc-global-footer-inner { grid-template-columns: 1fr 1fr; gap: 36px 24px; }

  .avc-global-footer-brand { grid-column: 1 / -1; justify-self: start; align-items: flex-start; text-align: left; }

  .avc-global-socials { justify-content: flex-start; }

}

@media (max-width: 520px) {

  .avc-global-footer { padding-left: 24px; padding-right: 24px; }

  .avc-global-footer-inner { grid-template-columns: 1fr 1fr; gap: 34px 20px; }

  .avc-global-footer a, .avc-global-footer-cookie { font-size: 13.5px; }

}



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

   AVC LANDING — FINAL RESTORED VISUAL SYSTEM — 2026-07-13

   Homepage geometry is intentionally scoped to .avc-preview-page.

   Product/resource subpages retain their own established layout.

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



body.avc-preview-page {

  --avc-orange: #fe7f00;

  --avc-white: #fffaf3;

  --avc-muted: rgba(244, 239, 233, .78);

  --avc-section-x: clamp(42px, 5.4vw, 104px);

  --avc-main-section-h: 100svh;

  --avc-display: "Wix Madefor Display", "Inter", Arial, sans-serif;

  --avc-body: "Wix Madefor Text", "Inter", Arial, sans-serif;

  background: #000 !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-body) !important;

  overflow-x: clip;

}



body.avc-preview-page main,

body.avc-preview-page main > * {

  border-top: 0 !important;

  border-bottom: 0 !important;

  outline: 0 !important;

}



/* ---------- Hero ---------- */

body.avc-preview-page .hero {

  min-height: 100svh !important;

  height: 100svh !important;

  padding: clamp(118px, 14svh, 168px) var(--avc-section-x) clamp(38px, 4.5svh, 64px) !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: center !important;

  background: #000 !important;

  overflow: hidden !important;

}



body.avc-preview-page .hero::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 1;

  pointer-events: none;

  background:

    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.80) 31%, rgba(0,0,0,.18) 61%, rgba(0,0,0,.02) 100%),

    linear-gradient(0deg, #000 0%, rgba(0,0,0,.08) 13%, rgba(0,0,0,.02) 84%, rgba(0,0,0,.38) 100%) !important;

}



body.avc-preview-page .hero > :not(.hero-slideshow) {

  position: relative !important;

  z-index: 2 !important;

}



body.avc-preview-page .hero-title-img {

  width: clamp(330px, 38vw, 730px) !important;

  height: auto !important;

  margin: 0 0 clamp(24px, 3svh, 38px) !important;

}



body.avc-preview-page .hero-subtitle {

  width: min(58vw, 1080px) !important;

  max-width: none !important;

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

  font-family: var(--avc-display) !important;

  font-size: clamp(20px, 1.62vw, 32px) !important;

  line-height: 1.04 !important;

  font-weight: 700 !important;

  letter-spacing: -.01em !important;

  color: var(--avc-white) !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

}



body.avc-preview-page .hero-sub {

  width: min(43vw, 780px) !important;

  max-width: 780px !important;

  margin: 0 0 clamp(22px, 2.8svh, 34px) !important;

  color: rgba(244,239,233,.88) !important;

  font-family: var(--avc-body) !important;

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

  line-height: 1.52 !important;

  font-weight: 400 !important;

  letter-spacing: -.01em !important;

}





body.avc-preview-page .hero > a.avc-code-btn {

  width: fit-content !important;

  min-width: clamp(290px, 20vw, 370px) !important;

  max-width: 100% !important;

  margin: 0 !important;

}



/* ---------- Full cinematic chapters: exactly one desktop viewport ---------- */

@media (min-width: 1101px) {

  body.avc-preview-page main > section.section-flush-left:not(.arsenal-section):not(.core-intro-section):not(.system-summary-section),

  body.avc-preview-page main > section.section-flush-right,

  body.avc-preview-page main > section.workflow-stack,

  body.avc-preview-page main > section.video-fit-section {

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

    height: var(--avc-main-section-h) !important;

    overflow: hidden !important;

    background: #000 !important;

  }



  body.avc-preview-page .section-flush-left > .two-col,

  body.avc-preview-page .section-flush-right > .two-col,

  body.avc-preview-page .workflow-stack > .two-col,

  body.avc-preview-page .video-fit-section > .two-col {

    display: grid !important;

    min-height: 100% !important;

    height: 100% !important;

    overflow: hidden !important;

    background: #000 !important;

  }



  body.avc-preview-page .section-flush-left > .two-col,

  body.avc-preview-page .video-fit-section > .two-col,

  body.avc-preview-page .workflow-stack.section-flush-left > .two-col {

    grid-template-columns: minmax(0, 55%) minmax(0, 45%) !important;

  }



  body.avc-preview-page .section-flush-right > .two-col {

    grid-template-columns: minmax(0, 45%) minmax(0, 55%) !important;

  }



  body.avc-preview-page .section-flush-left .col-img,

  body.avc-preview-page .section-flush-right .col-img,

  body.avc-preview-page .workflow-stack .col-img,

  body.avc-preview-page .video-fit-section .col-img,

  body.avc-preview-page .section-flush-left .col-left,

  body.avc-preview-page .section-flush-right .col-left,

  body.avc-preview-page .workflow-stack .col-left,

  body.avc-preview-page .video-fit-section .col-left {

    min-height: 100% !important;

    height: 100% !important;

  }

}



/* ---------- Media / text continuity ---------- */

body.avc-preview-page .two-col {

  position: relative !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .col-img,

body.avc-preview-page .video-contain {

  position: relative !important;

  overflow: hidden !important;

  background: #000 !important;

  margin: 0 !important;

}



body.avc-preview-page .col-img img,

body.avc-preview-page .col-img video,

body.avc-preview-page .col-slide,

body.avc-preview-page .col-video {

  width: 100% !important;

  height: 100% !important;

  min-height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

  filter: none !important;

}



body.avc-preview-page .section-flush-left .col-img::after,

body.avc-preview-page .video-fit-section .col-img::after,

body.avc-preview-page .workflow-stack.section-flush-left .col-img::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 2;

  pointer-events: none;

  background:

    linear-gradient(90deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.02) 71%, rgba(0,0,0,.45) 89%, #000 100%),

    linear-gradient(0deg, #000 0%, rgba(0,0,0,.02) 10%, rgba(0,0,0,.02) 90%, #000 100%) !important;

}



body.avc-preview-page .section-flush-right .col-img::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 2;

  pointer-events: none;

  background:

    linear-gradient(270deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.02) 71%, rgba(0,0,0,.45) 89%, #000 100%),

    linear-gradient(0deg, #000 0%, rgba(0,0,0,.02) 10%, rgba(0,0,0,.02) 90%, #000 100%) !important;

}



body.avc-preview-page .col-left,

body.avc-preview-page .section-flush-left .col-left,

body.avc-preview-page .section-flush-right .col-left,

body.avc-preview-page .workflow-stack .col-left {

  position: relative !important;

  z-index: 3 !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: flex-start !important;

  margin: 0 !important;

  padding: clamp(70px, 8svh, 112px) var(--avc-section-x) !important;

  background: #000 !important;

  overflow: visible !important;

}



body.avc-preview-page .section-tag {

  margin: 0 0 clamp(18px, 2.2svh, 28px) !important;

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

  font-family: var(--avc-display) !important;

  font-size: clamp(11px, .72vw, 14px) !important;

  line-height: 1 !important;

  font-weight: 700 !important;

  letter-spacing: .18em !important;

  text-transform: uppercase !important;

}



body.avc-preview-page .col-left h2,

body.avc-preview-page .col-left h2.section-title-two {

  width: 100% !important;

  max-width: 760px !important;

  margin: 0 0 clamp(22px, 2.8svh, 34px) !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-display) !important;

  font-size: clamp(40px, 3.35vw, 66px) !important;

  line-height: .98 !important;

  font-weight: 700 !important;

  letter-spacing: -.016em !important;

  text-transform: uppercase !important;

}



body.avc-preview-page .col-left h2 span,

body.avc-preview-page .col-left h2.section-title-two span {

  display: block !important;

  white-space: nowrap !important;

}



body.avc-preview-page .avc-title-long {

  font-size: clamp(37px, 3.05vw, 60px) !important;

}



body.avc-preview-page .col-left .col-intro,

body.avc-preview-page .avc-section-closure {

  width: 100% !important;

  max-width: 720px !important;

  margin: 0 !important;

  color: rgba(244,239,233,.86) !important;

  font-family: var(--avc-body) !important;

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

  line-height: 1.56 !important;

  font-weight: 400 !important;

  letter-spacing: -.012em !important;

  text-transform: none !important;

}



body.avc-preview-page .avc-section-closure {

  margin-top: 10px !important;

  padding: 0 !important;

  border: 0 !important;

  font-style: normal !important;

}



/* ---------- Numbered feature copy ---------- */

body.avc-preview-page .col-right-text {

  width: 100% !important;

  max-width: 760px !important;

  margin-top: clamp(24px, 3svh, 36px) !important;

  display: flex !important;

  flex-direction: column !important;

  gap: clamp(18px, 2.1svh, 28px) !important;

}



body.avc-preview-page .col-item {

  display: grid !important;

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

  gap: clamp(14px, 1.3vw, 22px) !important;

  align-items: start !important;

  padding: 0 !important;

  border: 0 !important;

}



body.avc-preview-page .col-item-num {

  padding-top: 3px !important;

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

  font-size: clamp(12px, .78vw, 15px) !important;

  line-height: 1.2 !important;

  font-weight: 700 !important;

  letter-spacing: .09em !important;

}



body.avc-preview-page .col-item-body {

  min-width: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 5px !important;

}



body.avc-preview-page .col-item h3,

body.avc-preview-page .col-item-body h3 {

  margin: 0 !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-display) !important;

  font-size: clamp(18px, 1.22vw, 23px) !important;

  line-height: 1.12 !important;

  font-weight: 700 !important;

  letter-spacing: -.025em !important;

  text-transform: none !important;

}



body.avc-preview-page .col-item p,

body.avc-preview-page .col-item-body p {

  max-width: 720px !important;

  margin: 0 !important;

  color: rgba(244,239,233,.75) !important;

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

  line-height: 1.44 !important;

  font-weight: 400 !important;

  letter-spacing: -.008em !important;

  text-transform: none !important;

}



/* ---------- Chapter CTA buttons: original compact proportions ---------- */

body.avc-preview-page .col-left > a.avc-code-btn,

body.avc-preview-page .wrap-learn-btn,

body.avc-preview-page .avc-universal-cta {

  align-self: flex-start !important;

  width: fit-content !important;

  min-width: clamp(290px, 18.5vw, 360px) !important;

  max-width: 100% !important;

  margin: clamp(28px, 3.2svh, 42px) 0 0 !important;

  padding-left: clamp(24px, 2vw, 38px) !important;

  padding-right: clamp(24px, 2vw, 38px) !important;

}



/* ---------- Wow breaks: compact interludes, one title, no separators ---------- */

body.avc-preview-page .wow-break,

body.avc-preview-page .wow-break-media {

  position: relative !important;

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

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

  padding: 0 !important;

  overflow: hidden !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .wow-break.tall,

body.avc-preview-page .system-video-wrap.wow-break {

  min-height: clamp(500px, 64svh, 720px) !important;

  height: clamp(500px, 64svh, 720px) !important;

}



body.avc-preview-page .wow-break .simple-slideshow,

body.avc-preview-page .wow-break .simple-slide,

body.avc-preview-page .wow-break video,

body.avc-preview-page .wow-break .system-video {

  position: absolute !important;

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  min-height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

}



body.avc-preview-page .wow-break::before,

body.avc-preview-page .wow-break::after {

  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  z-index: 2 !important;

  pointer-events: none !important;

}



body.avc-preview-page .wow-break::before {

  background: linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.58) 36%, rgba(0,0,0,.13) 68%, rgba(0,0,0,.08) 100%) !important;

}



body.avc-preview-page .wow-break::after {

  background: linear-gradient(0deg, #000 0%, rgba(0,0,0,.02) 14%, rgba(0,0,0,.02) 86%, #000 100%) !important;

}



body.avc-preview-page .wow-overlay {

  position: absolute !important;

  inset: 0 !important;

  z-index: 4 !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: center !important;

  gap: clamp(24px, 3svh, 36px) !important;

  padding: clamp(48px, 6svh, 82px) var(--avc-section-x) !important;

  text-align: left !important;

}



body.avc-preview-page .wow-overlay h2,

body.avc-preview-page .system-summary-inner h2 {

  width: 100% !important;

  max-width: 1500px !important;

  margin: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 0 !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-display) !important;

  font-size: clamp(44px, 4.45vw, 84px) !important;

  line-height: .94 !important;

  font-weight: 700 !important;

  letter-spacing: -.014em !important;

  text-transform: uppercase !important;

}



body.avc-preview-page .wow-overlay h2 span,

body.avc-preview-page .system-summary-inner h2 span {

  display: block !important;

  white-space: nowrap !important;

}



body.avc-preview-page .wow-overlay .orange,

body.avc-preview-page .system-summary-inner .orange {

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

}



body.avc-preview-page .wow-60-title-mobile {

  display: none !important;

}



body.avc-preview-page .wow-60-btn {

  width: fit-content !important;

  min-width: clamp(330px, 24vw, 440px) !important;

  max-width: 100% !important;

  margin: 0 !important;

}



/* The workflow CTA owns its single inline arrow; disable the inherited pseudo-arrow only here. */

body.avc-preview-page .wow-60-btn::after {

  content: none !important;

  display: none !important;

}



body.avc-preview-page .wow-60-btn-text,

body.avc-preview-page .wow-60-btn-line-one {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  white-space: nowrap !important;

}



body.avc-preview-page .wow-60-inline-arrow {

  display: inline-block !important;

  margin-left: 10px !important;

  color: #fff !important;

  font-size: 1.18em !important;

  line-height: 1 !important;

}



/* ---------- Arsenal: compact, elegant and continuously animated ---------- */

body.avc-preview-page .arsenal-section {

  min-height: clamp(390px, 46svh, 540px) !important;

  height: auto !important;

  padding: clamp(54px, 6svh, 76px) var(--avc-section-x) !important;

  display: flex !important;

  align-items: center !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .arsenal-inner {

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

  margin: 0 auto !important;

  text-align: center !important;

}



body.avc-preview-page .arsenal-tag {

  text-align: center !important;

  margin-bottom: 16px !important;

}



body.avc-preview-page .arsenal-title {

  margin: 0 auto clamp(36px, 4.2svh, 54px) !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-display) !important;

  font-size: clamp(38px, 4.25vw, 78px) !important;

  line-height: .96 !important;

  font-weight: 700 !important;

  letter-spacing: -.014em !important;

  text-transform: uppercase !important;

}



body.avc-preview-page .arsenal-grid {

  display: grid !important;

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

  gap: 0 !important;

  align-items: start !important;

}



body.avc-preview-page .arsenal-stat {

  min-width: 0 !important;

  padding: 0 clamp(12px, 1.25vw, 22px) !important;

  border-right: 1px solid rgba(255,255,255,.10) !important;

}



body.avc-preview-page .arsenal-stat:last-child {

  border-right: 0 !important;

}



body.avc-preview-page .arsenal-value {

  display: flex !important;

  align-items: baseline !important;

  justify-content: center !important;

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

  font-family: var(--avc-display) !important;

  font-size: clamp(44px, 4.35vw, 78px) !important;

  line-height: .92 !important;

  font-weight: 600 !important;

  letter-spacing: -.055em !important;

  white-space: nowrap !important;

}



body.avc-preview-page .arsenal-value .plus {

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

  font-weight: 550 !important;

}



body.avc-preview-page .arsenal-stat p {

  margin: 14px 0 0 !important;

  color: rgba(244,239,233,.72) !important;

  font-size: clamp(11px, .72vw, 14px) !important;

  line-height: 1.2 !important;

  font-weight: 500 !important;

  letter-spacing: .045em !important;

  text-transform: uppercase !important;

  white-space: nowrap !important;

}



/* ---------- Compact bridge sections ---------- */

body.avc-preview-page .core-intro-section {

  min-height: clamp(250px, 30svh, 360px) !important;

  height: auto !important;

  padding: clamp(46px, 5.5svh, 68px) var(--avc-section-x) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #000 !important;

  border: 0 !important;

  text-align: center !important;

}



body.avc-preview-page .core-intro-inner h2 {

  margin: 0 auto !important;

  color: var(--avc-white) !important;

  font-family: var(--avc-display) !important;

  font-size: clamp(38px, 4.15vw, 76px) !important;

  line-height: .96 !important;

  font-weight: 700 !important;

  letter-spacing: -.014em !important;

  text-transform: uppercase !important;

}



body.avc-preview-page .core-intro-inner h2 span {

  display: block !important;

  white-space: nowrap !important;

}



body.avc-preview-page .core-intro-inner p {

  max-width: 760px !important;

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

  color: rgba(244,239,233,.75) !important;

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

  line-height: 1.5 !important;

}



body.avc-preview-page .system-summary-section {

  min-height: clamp(190px, 22svh, 260px) !important;

  height: auto !important;

  padding: clamp(34px, 4.2svh, 52px) var(--avc-section-x) !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .system-summary-inner h2 {

  align-items: center !important;

  text-align: center !important;

  font-size: clamp(32px, 3.25vw, 58px) !important;

}



/* ---------- Pricing and launch access: preserve structure, harmonize typography ---------- */

body.avc-preview-page .pricing-section {

  min-height: auto !important;

  height: auto !important;

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

  padding-bottom: clamp(76px, 9svh, 118px) !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .pricing-title,

body.avc-preview-page .cta-section h2,

body.avc-preview-page .expanding-title {

  font-family: var(--avc-display) !important;

  font-weight: 700 !important;

  letter-spacing: -.014em !important;

  line-height: .98 !important;

}



body.avc-preview-page .cta-section {

  min-height: auto !important;

  height: auto !important;

  padding: clamp(70px, 8svh, 102px) var(--avc-section-x) clamp(76px, 8svh, 108px) !important;

  background: #000 !important;

  border: 0 !important;

}



body.avc-preview-page .newsletter-wrap {

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

  margin: 0 auto !important;

}



body.avc-preview-page #newsletterForm.newsletter-form {

  position: relative !important;

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

  max-width: 900px !important;

  margin: clamp(22px, 2.8svh, 34px) auto 0 !important;

  display: grid !important;

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

  column-gap: 12px !important;

  row-gap: 14px !important;

  align-items: stretch !important;

}



body.avc-preview-page #newsletterForm .newsletter-input-wrap {

  grid-column: 1 !important;

  min-width: 0 !important;

  width: 100% !important;

  min-height: 62px !important;

}



body.avc-preview-page #newsletterForm .newsletter-input-wrap input {

  width: 100% !important;

  min-height: 62px !important;

  height: 100% !important;

}



body.avc-preview-page #newsletterForm .form-btn {

  grid-column: 2 !important;

  width: fit-content !important;

  min-width: clamp(245px, 17vw, 310px) !important;

  min-height: 62px !important;

  margin: 0 !important;

  padding-left: 28px !important;

  padding-right: 28px !important;

}



body.avc-preview-page #newsletterForm .newsletter-consent {

  grid-column: 1 / -1 !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  align-items: flex-start !important;

  justify-content: center !important;

  gap: 9px !important;

  color: rgba(244,239,233,.72) !important;

  font-size: clamp(12px, .76vw, 14px) !important;

  line-height: 1.35 !important;

  text-align: left !important;

  text-transform: none !important;

  cursor: pointer !important;

}



body.avc-preview-page #newsletterForm .newsletter-consent input {

  flex: 0 0 auto !important;

  width: 16px !important;

  height: 16px !important;

  min-width: 16px !important;

  min-height: 16px !important;

  margin: 1px 0 0 !important;

  padding: 0 !important;

  accent-color: var(--avc-orange) !important;

}



body.avc-preview-page #newsletterForm .newsletter-consent span {

  max-width: 760px !important;

}



body.avc-preview-page #newsletterForm .newsletter-consent a,

body.avc-preview-page #newsletterForm .newsletter-consent a:visited {

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

}



/* ---------- Workflow modal: restored original interaction ---------- */

body.avc-video-modal-open {

  overflow: hidden !important;

}



body.avc-preview-page .avc-video-modal {

  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;

  justify-content: center !important;

  padding: clamp(18px, 3vw, 38px) !important;

  background: rgba(0,0,0,.94) !important;

  opacity: 0 !important;

  pointer-events: none !important;

  transition: opacity .22s ease !important;

}



body.avc-preview-page .avc-video-modal.is-open {

  display: flex !important;

  opacity: 1 !important;

  pointer-events: auto !important;

}



body.avc-preview-page .avc-video-modal-backdrop {

  position: absolute !important;

  inset: 0 !important;

  cursor: pointer !important;

}



body.avc-preview-page .avc-video-modal-inner {

  position: relative !important;

  z-index: 2 !important;

  width: min(92vw, calc(86vh * 16 / 9)) !important;

  max-width: 1680px !important;

}



body.avc-preview-page .avc-video-modal-frame {

  position: relative !important;

  width: 100% !important;

  aspect-ratio: 16 / 9 !important;

  overflow: hidden !important;

  background: #000 !important;

  border: 1px solid rgba(255,255,255,.14) !important;

  box-shadow: 0 28px 90px rgba(0,0,0,.72) !important;

}



body.avc-preview-page .avc-video-modal-player {

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  background: #000 !important;

  object-fit: contain !important;

}



body.avc-preview-page .avc-video-modal-close {

  position: fixed !important;

  top: clamp(16px, 2.4vw, 28px) !important;

  right: clamp(16px, 2.4vw, 30px) !important;

  z-index: 3 !important;

  width: 48px !important;

  height: 48px !important;

  border: 1px solid rgba(255,255,255,.22) !important;

  border-radius: 50% !important;

  background: rgba(0,0,0,.56) !important;

  color: rgba(255,255,255,.95) !important;

  font-size: 30px !important;

  line-height: 1 !important;

  font-weight: 200 !important;

  cursor: pointer !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

}



body.avc-preview-page .avc-video-modal-fullscreen {

  display: none !important;

}



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

@media (max-width: 1100px) {

  body.avc-preview-page {

    --avc-section-x: clamp(24px, 6vw, 60px);

  }



  body.avc-preview-page .hero-subtitle {

    width: min(82vw, 900px) !important;

    white-space: normal !important;

  }



  body.avc-preview-page .hero-sub {

    width: min(72vw, 720px) !important;

  }



  body.avc-preview-page main > section.section-flush-left,

  body.avc-preview-page main > section.section-flush-right,

  body.avc-preview-page main > section.workflow-stack,

  body.avc-preview-page main > section.video-fit-section {

    min-height: auto !important;

    height: auto !important;

    overflow: visible !important;

  }



  body.avc-preview-page .section-flush-left > .two-col,

  body.avc-preview-page .section-flush-right > .two-col,

  body.avc-preview-page .workflow-stack > .two-col,

  body.avc-preview-page .video-fit-section > .two-col {

    display: grid !important;

    grid-template-columns: 1fr !important;

    min-height: auto !important;

    height: auto !important;

    overflow: visible !important;

  }



  body.avc-preview-page .col-img,

  body.avc-preview-page .video-contain,

  body.avc-preview-page .section-flush-left .col-img,

  body.avc-preview-page .section-flush-right .col-img,

  body.avc-preview-page .workflow-stack .col-img,

  body.avc-preview-page .video-fit-section .col-img {

    order: 1 !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    aspect-ratio: 16 / 11 !important;

  }



  body.avc-preview-page .col-left,

  body.avc-preview-page .section-flush-left .col-left,

  body.avc-preview-page .section-flush-right .col-left,

  body.avc-preview-page .workflow-stack .col-left {

    order: 2 !important;

    min-height: auto !important;

    height: auto !important;

    padding: clamp(54px, 8vw, 84px) var(--avc-section-x) clamp(64px, 9vw, 96px) !important;

  }



  body.avc-preview-page .col-left h2,

  body.avc-preview-page .col-left h2.section-title-two {

    font-size: clamp(36px, 6.4vw, 58px) !important;

  }



  body.avc-preview-page .col-left h2 span,

  body.avc-preview-page .col-left h2.section-title-two span {

    white-space: normal !important;

  }



  body.avc-preview-page .arsenal-grid {

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

    row-gap: 34px !important;

  }



  body.avc-preview-page .arsenal-stat:nth-child(3) {

    border-right: 0 !important;

  }

}



@media (max-width: 768px) {

  body.avc-preview-page .hero {

    min-height: 100svh !important;

    height: auto !important;

    padding: 92px 22px 58px !important;

    justify-content: flex-end !important;

  }



  body.avc-preview-page .hero::after {

    background:

      linear-gradient(0deg, #000 0%, rgba(0,0,0,.90) 34%, rgba(0,0,0,.34) 67%, rgba(0,0,0,.10) 100%) !important;

  }



  body.avc-preview-page .hero-title-img {

    width: min(78vw, 500px) !important;

    margin-bottom: 22px !important;

  }



  body.avc-preview-page .hero-subtitle {

    width: 100% !important;

    font-size: clamp(23px, 7.1vw, 38px) !important;

    line-height: .98 !important;

    white-space: normal !important;

  }



  body.avc-preview-page .hero-sub {

    width: 100% !important;

    max-width: 100% !important;

    font-size: 15px !important;

    line-height: 1.52 !important;

  }



  body.avc-preview-page .hero > a.avc-code-btn {

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

    min-width: 0 !important;

  }



  body.avc-preview-page .col-img,

  body.avc-preview-page .video-contain,

  body.avc-preview-page .section-flush-left .col-img,

  body.avc-preview-page .section-flush-right .col-img,

  body.avc-preview-page .workflow-stack .col-img,

  body.avc-preview-page .video-fit-section .col-img {

    aspect-ratio: 4 / 5 !important;

  }



  body.avc-preview-page .col-left h2,

  body.avc-preview-page .col-left h2.section-title-two {

    font-size: clamp(34px, 10.2vw, 48px) !important;

    line-height: .96 !important;

  }



  body.avc-preview-page .col-left .col-intro {

    font-size: 15px !important;

    line-height: 1.56 !important;

  }



  body.avc-preview-page .col-item {

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

    gap: 11px !important;

  }



  body.avc-preview-page .col-item h3,

  body.avc-preview-page .col-item-body h3 {

    font-size: 19px !important;

  }



  body.avc-preview-page .col-item p,

  body.avc-preview-page .col-item-body p {

    font-size: 14.5px !important;

    line-height: 1.48 !important;

  }



  body.avc-preview-page .col-left > a.avc-code-btn,

  body.avc-preview-page .wrap-learn-btn,

  body.avc-preview-page .avc-universal-cta {

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

    min-width: 0 !important;

  }



  body.avc-preview-page .wow-break,

  body.avc-preview-page .wow-break-media,

  body.avc-preview-page .wow-break.tall,

  body.avc-preview-page .system-video-wrap.wow-break {

    min-height: clamp(390px, 58svh, 560px) !important;

    height: clamp(390px, 58svh, 560px) !important;

  }



  body.avc-preview-page .wow-overlay {

    padding: 48px 22px !important;

    justify-content: flex-end !important;

  }



  body.avc-preview-page .wow-overlay h2,

  body.avc-preview-page .system-summary-inner h2 {

    font-size: clamp(35px, 10.4vw, 50px) !important;

    line-height: .96 !important;

  }



  body.avc-preview-page .wow-overlay h2 span,

  body.avc-preview-page .system-summary-inner h2 span {

    white-space: normal !important;

  }



  body.avc-preview-page .wow-60-btn {

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

    min-width: 0 !important;

  }



  body.avc-preview-page .wow-60-btn-text,

  body.avc-preview-page .wow-60-btn-line-one {

    font-size: 11.5px !important;

    letter-spacing: .075em !important;

  }



  body.avc-preview-page .arsenal-section {

    min-height: auto !important;

    padding: 64px 22px 72px !important;

  }



  body.avc-preview-page .arsenal-grid {

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

    row-gap: 34px !important;

  }



  body.avc-preview-page .arsenal-stat,

  body.avc-preview-page .arsenal-stat:nth-child(3) {

    border-right: 1px solid rgba(255,255,255,.10) !important;

  }



  body.avc-preview-page .arsenal-stat:nth-child(even) {

    border-right: 0 !important;

  }



  body.avc-preview-page .arsenal-value {

    font-size: clamp(42px, 14vw, 64px) !important;

  }



  body.avc-preview-page .arsenal-stat p {

    white-space: normal !important;

    font-size: 11px !important;

  }



  body.avc-preview-page .core-intro-section,

  body.avc-preview-page .system-summary-section {

    min-height: auto !important;

    padding: 64px 22px !important;

  }



  body.avc-preview-page .core-intro-inner h2 {

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

  }



  body.avc-preview-page .core-intro-inner h2 span {

    white-space: normal !important;

  }



  body.avc-preview-page #newsletterForm.newsletter-form {

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

    grid-template-columns: 1fr !important;

    row-gap: 10px !important;

  }



  body.avc-preview-page #newsletterForm .newsletter-input-wrap,

  body.avc-preview-page #newsletterForm .form-btn,

  body.avc-preview-page #newsletterForm .newsletter-consent {

    grid-column: 1 !important;

    width: 100% !important;

  }



  body.avc-preview-page #newsletterForm .form-btn {

    min-width: 0 !important;

  }



  body.avc-preview-page #newsletterForm .newsletter-consent {

    justify-content: flex-start !important;

  }



  body.avc-preview-page .avc-video-modal {

    padding: 22px !important;

  }



  body.avc-preview-page .avc-video-modal-inner {

    width: min(94vw, 560px) !important;

  }



  body.avc-preview-page .avc-video-modal-close {

    top: 14px !important;

    right: 14px !important;

    width: 44px !important;

    height: 44px !important;

    font-size: 28px !important;

  }



  body.avc-preview-page .avc-video-modal-fullscreen {

    position: absolute !important;

    right: 0 !important;

    bottom: -58px !important;

    z-index: 3 !important;

    width: 46px !important;

    height: 46px !important;

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

    border-radius: 50% !important;

    background: rgba(0,0,0,.64) !important;

    color: rgba(255,255,255,.96) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    cursor: pointer !important;

  }



  body.avc-preview-page .avc-video-modal-fullscreen svg {

    width: 22px !important;

    height: 22px !important;

    display: block !important;

  }

}



@media (max-width: 900px) and (orientation: landscape) {

  body.avc-preview-page .avc-video-modal-inner {

    width: min(88vw, calc(78vh * 16 / 9)) !important;

  }



  body.avc-preview-page .avc-video-modal-fullscreen {

    right: -58px !important;

    bottom: 0 !important;

  }

}



@media (prefers-reduced-motion: reduce) {

  body.avc-preview-page *,

  body.avc-preview-page *::before,

  body.avc-preview-page *::after {

    scroll-behavior: auto !important;

  }

}



/* Final measured-layout safeguards. */

body.avc-preview-page,

body.avc-preview-page *,

body.avc-preview-page *::before,

body.avc-preview-page *::after {

  box-sizing: border-box !important;

}



body.avc-preview-page,

body.avc-preview-page main {

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

}



body.avc-preview-page .arsenal-section,

body.avc-preview-page .core-intro-section,

body.avc-preview-page .system-summary-section,

body.avc-preview-page .wow-break,

body.avc-preview-page .wow-break-media {

  box-sizing: border-box !important;

}



body.avc-preview-page #newsletterForm .avc-hp-field {

  position: absolute !important;

  left: -9999px !important;

  top: 0 !important;

  width: 1px !important;

  height: 1px !important;

  min-width: 1px !important;

  min-height: 1px !important;

  padding: 0 !important;

  margin: 0 !important;

  opacity: 0 !important;

  pointer-events: none !important;

}



@media (max-width: 768px) {

  body.avc-preview-page .col-left > a.avc-code-btn,

  body.avc-preview-page .wrap-learn-btn,

  body.avc-preview-page .avc-universal-cta,

  body.avc-preview-page .wow-60-btn {

    width: min(100%, calc(100vw - 44px)) !important;

    max-width: calc(100vw - 44px) !important;

    box-sizing: border-box !important;

  }

}



@media (min-width: 1101px) {

  body.avc-preview-page .system-summary-section {

    min-height: 230px !important;

    height: 230px !important;

    padding-top: 34px !important;

    padding-bottom: 34px !important;

  }

}



/* Desktop title-fit system: every chapter title stays inside its two editorial lines. */

@media (min-width: 1101px) {

  body.avc-preview-page {

    --avc-section-x: clamp(32px, 4.5vw, 92px) !important;

  }



  body.avc-preview-page .section-flush-left > .two-col,

  body.avc-preview-page .section-flush-right > .two-col,

  body.avc-preview-page .video-fit-section > .two-col,

  body.avc-preview-page .workflow-stack.section-flush-left > .two-col,

  body.avc-preview-page .workflow-stack.section-flush-right > .two-col {

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

  }



  body.avc-preview-page .col-left h2,

  body.avc-preview-page .col-left h2.section-title-two,

  body.avc-preview-page .avc-title-long {

    max-width: 100% !important;

    font-size: clamp(32px, 2.55vw, 50px) !important;

    line-height: .99 !important;

    letter-spacing: -.012em !important;

  }

}



/* Restore the original premium secondary CTA treatment. */

body.avc-preview-page .avc-secondary-code-btn,

body.avc-preview-page .wrap-learn-btn.avc-secondary-code-btn,

body.avc-preview-page .avc-universal-cta {

  background: #000 !important;

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

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

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

}



body.avc-preview-page .avc-secondary-code-btn .avc-button-text,

body.avc-preview-page .wrap-learn-btn.avc-secondary-code-btn .avc-button-text,

body.avc-preview-page .avc-universal-cta .avc-button-text {

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

}



body.avc-preview-page .avc-secondary-code-btn::after,

body.avc-preview-page .wrap-learn-btn.avc-secondary-code-btn::after,

body.avc-preview-page .avc-universal-cta::after {

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

}



body.avc-preview-page .avc-secondary-code-btn:hover,

body.avc-preview-page .wrap-learn-btn.avc-secondary-code-btn:hover,

body.avc-preview-page .avc-universal-cta:hover {

  background: #050505 !important;

  border-color: rgba(255,154,40,.96) !important;

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

}





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

   AVC LANDING — FINAL TYPOGRAPHY + OPENING FLOW REFINEMENT — 2026-07-14

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

body.avc-preview-page .wow-break-everything {

  background: #000 !important;

}



@media (min-width: 1101px) {

  body.avc-preview-page .wow-break-everything {

    min-height: 100svh !important;

    height: 100svh !important;

  }



  body.avc-preview-page .wow-break-everything > video,

  body.avc-preview-page .wow-break-everything .system-video {

    width: 100% !important;

    height: 100% !important;

    min-height: 100% !important;

    object-fit: cover !important;

  }

}



@media (max-width: 1100px) {

  body.avc-preview-page .wow-break-everything {

    min-height: 72svh !important;

    height: 72svh !important;

  }

}



@media (max-width: 768px) {

  body.avc-preview-page .hero {

    padding-top: 108px !important;

    padding-bottom: 54px !important;

  }



  body.avc-preview-page .system-summary-section {

    min-height: 172px !important;

    padding: 38px 22px !important;

  }



  body.avc-preview-page .system-summary-inner h2 {

    font-size: clamp(31px, 9.2vw, 44px) !important;

    line-height: 1 !important;

    letter-spacing: -.008em !important;

  }



  body.avc-preview-page .wow-break-everything {

    min-height: 68svh !important;

    height: 68svh !important;

  }

}



/* Final specificity guards for the relocated system summary and full-height Everything chapter. */

@media (min-width: 1101px) {

  body.avc-preview-page .system-video-wrap.wow-break.wow-break-everything {

    min-height: 100svh !important;

    height: 100svh !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 230px !important;

    height: 230px !important;

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

  }

}



@media (max-width: 1100px) {

  body.avc-preview-page .system-video-wrap.wow-break.wow-break-everything {

    min-height: 72svh !important;

    height: 72svh !important;

  }

}



@media (max-width: 768px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 190px !important;

    height: 190px !important;

    padding: 28px 22px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner h2 {

    font-size: clamp(29px, 8.4vw, 38px) !important;

    line-height: 1 !important;

  }



  body.avc-preview-page .system-video-wrap.wow-break.wow-break-everything {

    min-height: 68svh !important;

    height: 68svh !important;

  }

}



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

   AVC 2026-07-14 — Hero-to-system-summary spacing refinement

   Keeps the compact bridge height while giving the heading more breathing room

   below the hero. Scoped to the relocated top summary only.

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

@media (min-width: 1101px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 238px !important;

    height: 238px !important;

    padding: 52px var(--avc-section-x) 24px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(8px) !important;

  }

}



@media (min-width: 769px) and (max-width: 1100px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 218px !important;

    height: 218px !important;

    padding: 46px 34px 24px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(6px) !important;

  }

}



@media (max-width: 768px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 198px !important;

    height: 198px !important;

    padding: 38px 22px 22px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(4px) !important;

  }

}





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

   AVC 2026-07-14 — Final hero-to-system-summary spacing guard

   Adds a little more breathing room below the hero without turning the bridge

   into a large chapter. Scoped only to the relocated top summary.

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

@media (min-width: 1101px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 262px !important;

    height: 262px !important;

    padding: 72px var(--avc-section-x) 24px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(10px) !important;

  }

}



@media (min-width: 769px) and (max-width: 1100px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 236px !important;

    height: 236px !important;

    padding: 60px 34px 24px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(8px) !important;

  }

}



@media (max-width: 768px) {

  body.avc-preview-page section.system-summary-section.system-summary-top {

    min-height: 214px !important;

    height: 214px !important;

    padding: 48px 22px 22px !important;

  }



  body.avc-preview-page section.system-summary-section.system-summary-top .system-summary-inner {

    transform: translateY(6px) !important;

  }

}

/* Site-wide keyboard and motion accessibility safeguards. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #fe7f00;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}