:root {
    --ayv2-black: #070b0e;
    --ayv2-ink: #111a20;
    --ayv2-steel: #46616f;
    --ayv2-blue: #00a9e6;
    --ayv2-cloud: #eef2f4;
    --ayv2-line: rgba(17, 26, 32, .12);
    --ayv2-white: #ffffff;
}

html {
    scroll-behavior: smooth;
}

body.ayv2-global {
    background: var(--ayv2-white);
    color: var(--ayv2-ink);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body.ayv2-home {
    padding-top: 0 !important;
}

body.ayv2-home #header,
body.ayv2-home #header * {
    box-sizing: border-box;
}

body.ayv2-home #header {
    -webkit-backdrop-filter: saturate(160%) blur(20px);
    backdrop-filter: saturate(160%) blur(20px);
    background: rgba(255, 255, 255, .92);
    border-bottom: 1px solid rgba(17, 26, 32, .09);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    position: sticky;
    top: 0;
    transition: background-color .25s ease, box-shadow .25s ease;
    width: 100%;
    z-index: 1000;
}

body.admin-bar.ayv2-home #header {
    top: 32px;
}

body.ayv2-home #header.is-scrolled {
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 14px 38px rgba(7, 11, 14, .08);
}

body.ayv2-home #headerimg {
    align-items: center;
    display: grid;
    gap: 26px;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    margin: 0 auto !important;
    max-width: 1240px;
    min-height: 88px;
    padding: 16px 32px !important;
    width: 100%;
}

body.ayv2-home #headerimg h1 {
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1;
    margin: 0 !important;
}

body.ayv2-home #headerimg h1 a {
    color: var(--ayv2-ink) !important;
    text-decoration: none !important;
}

body.ayv2-home #headerimg .description {
    border-left: 1px solid rgba(17, 26, 32, .14);
    color: #687780;
    font-size: 14px;
    font-weight: 520;
    letter-spacing: .01em;
    line-height: 1.35;
    margin: 0;
    padding-left: 26px;
}

body.ayv2-home .ayv2-site-nav {
    align-items: center;
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

body.ayv2-home .ayv2-site-nav > a:not(.ayv2-header-cta) {
    border-radius: 999px;
    color: #43535c !important;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: .035em;
    padding: 12px 10px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease;
    white-space: nowrap;
}

body.ayv2-home .ayv2-site-nav > a:not(.ayv2-header-cta):hover,
body.ayv2-home .ayv2-site-nav > a:not(.ayv2-header-cta):focus-visible {
    background: #eef2f4;
    color: var(--ayv2-ink) !important;
}

body.ayv2-home .ayv2-menu-toggle {
    align-items: center;
    background: #f0f3f4;
    border: 0;
    border-radius: 50%;
    color: var(--ayv2-ink);
    cursor: pointer;
    display: none;
    height: 46px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 46px;
}

body.ayv2-home .ayv2-menu-toggle span,
body.ayv2-home .ayv2-menu-toggle::before,
body.ayv2-home .ayv2-menu-toggle::after {
    background: currentColor;
    border-radius: 2px;
    content: "";
    height: 2px;
    position: absolute;
    transition: transform .22s ease, opacity .22s ease;
    width: 18px;
}

body.ayv2-home .ayv2-menu-toggle::before {
    transform: translateY(-6px);
}

body.ayv2-home .ayv2-menu-toggle::after {
    transform: translateY(6px);
}

body.ayv2-home #header.is-menu-open .ayv2-menu-toggle span {
    opacity: 0;
}

body.ayv2-home #header.is-menu-open .ayv2-menu-toggle::before {
    transform: rotate(45deg);
}

body.ayv2-home #header.is-menu-open .ayv2-menu-toggle::after {
    transform: rotate(-45deg);
}

body.ayv2-home .ayv2-header-cta {
    align-items: center;
    background: var(--ayv2-ink);
    border-radius: 999px;
    color: #fff !important;
    display: inline-flex;
    font-size: 14px;
    font-weight: 750;
    gap: 10px;
    justify-content: center;
    min-height: 48px;
    padding: 11px 20px;
    text-decoration: none !important;
    transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body.ayv2-home .ayv2-header-cta span:last-child {
    color: var(--ayv2-blue);
    font-size: 18px;
    line-height: 1;
    transition: transform .22s ease;
}

body.ayv2-home .ayv2-header-cta:hover,
body.ayv2-home .ayv2-header-cta:focus-visible {
    background: #17242b;
    box-shadow: 0 12px 28px rgba(17, 26, 32, .18);
    transform: translateY(-2px);
}

body.ayv2-home .ayv2-header-cta:hover span:last-child,
body.ayv2-home .ayv2-header-cta:focus-visible span:last-child {
    transform: translate(2px, 2px);
}

body.ayv2-home #header + hr {
    display: none;
}

@media (max-width: 1100px) {
    body.ayv2-home #headerimg {
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    body.ayv2-home #headerimg .description {
        display: none;
    }
}

@media (max-width: 860px) {
    body.ayv2-home #headerimg {
        position: relative;
    }

    body.ayv2-home .ayv2-menu-toggle {
        display: inline-flex;
    }

    body.ayv2-home .ayv2-site-nav {
        align-items: stretch;
        background: rgba(255, 255, 255, .98);
        border: 1px solid rgba(17, 26, 32, .1);
        border-radius: 24px;
        box-shadow: 0 28px 70px rgba(7, 11, 14, .16);
        display: flex;
        flex-direction: column;
        gap: 2px;
        left: 20px;
        opacity: 0;
        padding: 10px;
        pointer-events: none;
        position: absolute;
        right: 20px;
        top: calc(100% + 10px);
        transform: translateY(-10px) scale(.985);
        transform-origin: top center;
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
        visibility: hidden;
    }

    body.ayv2-home #header.is-menu-open .ayv2-site-nav {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
        visibility: visible;
    }

    body.ayv2-home .ayv2-site-nav > a:not(.ayv2-header-cta) {
        border-radius: 14px;
        font-size: 14px;
        padding: 15px 16px;
    }

    body.ayv2-home .ayv2-site-nav .ayv2-header-cta {
        margin-top: 4px;
        width: 100%;
    }
}

body.ayv2-global header > .hostinger-ai-menu {
    backdrop-filter: saturate(150%) blur(20px);
    background: rgba(249, 250, 251, .94) !important;
    border-bottom: 1px solid rgba(17, 26, 32, .08);
    box-shadow: 0 12px 36px rgba(7, 11, 14, .06);
}

body.ayv2-global header a {
    font-weight: 650;
    text-underline-offset: 7px;
}

.ayv2,
.ayv2 * {
    box-sizing: border-box;
}

.ayv2 {
    background: var(--ayv2-white);
    color: var(--ayv2-ink);
    overflow: clip;
}

.ayv2-shell {
    margin-inline: auto;
    max-width: 1240px;
    padding-inline: 32px;
    width: 100%;
}

.ayv2-section {
    padding-block: clamp(96px, 10vw, 156px);
    position: relative;
}

.ayv2-hero {
    align-items: center;
    background: var(--ayv2-black);
    display: flex;
    min-height: clamp(720px, 88vh, 920px);
    overflow: hidden;
    position: relative;
}

.ayv2-hero__media {
    --ayv2-hero-scale: 1.03;
    --ayv2-hero-x: 0px;
    --ayv2-hero-y: 0px;
    --ayv2-tilt-x: 0deg;
    --ayv2-tilt-y: 0deg;
    inset: -4%;
    perspective: 1400px;
    pointer-events: none;
    position: absolute;
    transform: perspective(1400px) translate3d(var(--ayv2-hero-x), var(--ayv2-hero-y), 0) scale(var(--ayv2-hero-scale)) rotateX(var(--ayv2-tilt-x)) rotateY(var(--ayv2-tilt-y));
    transform-origin: 68% 58%;
    will-change: transform;
}

.ayv2-hero__media img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.ayv2-hero__veil {
    background:
        linear-gradient(90deg, rgba(5, 9, 12, .98) 0%, rgba(5, 9, 12, .88) 35%, rgba(5, 9, 12, .42) 62%, rgba(5, 9, 12, .1) 100%),
        linear-gradient(0deg, rgba(5, 9, 12, .55) 0%, transparent 34%);
    inset: 0;
    position: absolute;
}

.ayv2-hero__content {
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    z-index: 2;
}

.ayv2-eyebrow,
.ayv2-kicker {
    color: var(--ayv2-blue);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    margin: 0 0 24px;
    text-transform: uppercase;
}

.ayv2-hero h1 {
    color: #fff;
    font-size: clamp(58px, 7.6vw, 112px);
    font-weight: 720;
    letter-spacing: -.065em;
    line-height: .93;
    margin: 0;
    max-width: 850px;
    text-wrap: balance;
}

.ayv2-hero__copy {
    color: rgba(255, 255, 255, .75);
    font-size: clamp(18px, 1.65vw, 24px);
    line-height: 1.55;
    margin: 34px 0 0;
    max-width: 690px;
}

.ayv2-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.ayv2-button {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 750;
    justify-content: center;
    min-height: 56px;
    padding: 14px 26px;
    text-decoration: none !important;
    transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.ayv2-button:hover,
.ayv2-button:focus-visible {
    transform: translateY(-3px);
}

.ayv2-button--primary {
    background: var(--ayv2-blue);
    box-shadow: 0 18px 42px rgba(0, 169, 230, .26);
    color: #04171f !important;
}

.ayv2-button--ghost {
    border: 1px solid rgba(255, 255, 255, .4);
    color: #fff !important;
}

.ayv2-button--dark {
    background: var(--ayv2-ink);
    box-shadow: 0 16px 38px rgba(17, 26, 32, .16);
    color: #fff !important;
}

.ayv2-hero__trust {
    align-items: center;
    color: rgba(255, 255, 255, .58);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 700;
    gap: 22px;
    letter-spacing: .055em;
    margin-top: 42px;
    text-transform: uppercase;
}

.ayv2-hero__trust span {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

.ayv2-hero__trust span::before {
    background: var(--ayv2-blue);
    border-radius: 50%;
    content: "";
    height: 6px;
    width: 6px;
}

.ayv2-scroll {
    --ayv2-scroll-lift: 0px;
    --ayv2-scroll-x: 0px;
    --ayv2-scroll-y: 0px;
    align-items: center;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: rgba(9, 18, 23, .72);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    bottom: 26px;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .9) !important;
    display: flex;
    font-size: 12px;
    font-weight: 780;
    gap: 11px;
    left: 50%;
    letter-spacing: .09em;
    min-height: 52px;
    padding: 8px 9px 8px 15px;
    position: absolute;
    text-decoration: none !important;
    text-transform: uppercase;
    transform: translate3d(calc(-50% + var(--ayv2-scroll-x)), calc(var(--ayv2-scroll-y) + var(--ayv2-scroll-lift)), 0);
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, opacity .2s ease, transform .2s ease;
    white-space: nowrap;
    will-change: transform, opacity;
    z-index: 2;
}

.ayv2-scroll:hover,
.ayv2-scroll:focus-visible {
    --ayv2-scroll-lift: -5px;
    background: rgba(14, 29, 36, .92);
    border-color: rgba(0, 169, 230, .62);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .36), 0 0 0 4px rgba(0, 169, 230, .1);
    color: #fff !important;
    outline: none;
}

.ayv2-scroll__mouse {
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 999px;
    height: 28px;
    flex: 0 0 auto;
    position: relative;
    width: 18px;
}

.ayv2-scroll__mouse::after {
    animation: ayv2-scroll-dot 1.6s ease-in-out infinite;
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 3px;
}

.ayv2-scroll__label {
    line-height: 1;
}

.ayv2-scroll__arrow {
    align-items: center;
    background: var(--ayv2-blue);
    border-radius: 50%;
    color: #04171f;
    display: inline-flex;
    font-size: 17px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    transition: transform .25s ease;
    width: 34px;
}

.ayv2-scroll:hover .ayv2-scroll__arrow,
.ayv2-scroll:focus-visible .ayv2-scroll__arrow {
    transform: translateY(3px);
}

@keyframes ayv2-scroll-dot {
    0%, 100% { opacity: .3; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(10px); }
}

.ayv2-steel-story {
    --ayv2-story-y: 0%;
    --ayv2-curtain-left: 0%;
    --ayv2-curtain-right: 0%;
    --ayv2-opening-opacity: 1;
    --ayv2-full-opacity: 0;
    --ayv2-full-scale: .24;
    --ayv2-full-rotate-x: 12deg;
    --ayv2-full-rotate-y: 24deg;
    --ayv2-full-rotate-z: -4deg;
    --ayv2-full-y: 28px;
    --ayv2-macro-opacity: 0;
    --ayv2-macro-scale: 1.06;
    --ayv2-copy-opacity: 0;
    --ayv2-copy-y: 32px;
    --ayv2-proof-opacity: 0;
    --ayv2-story-progress: 0;
    --ayv2-hint-opacity: .8;
    --ayv2-viewer-opacity: 0;
    background: #020609;
    height: 440vh;
    isolation: isolate;
    position: relative;
}

.ayv2-story-anchor {
    height: 1px;
    left: 0;
    position: absolute;
    top: 64%;
    width: 1px;
}

.ayv2-steel-stage {
    background: #020609;
    height: 100vh;
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
    position: sticky;
    top: 0;
}

.ayv2-steel-proof {
    align-items: center;
    background: #f4f6f7;
    color: var(--ayv2-ink);
    display: grid;
    gap: clamp(44px, 8vw, 120px);
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    inset: 0;
    opacity: var(--ayv2-proof-opacity);
    padding: clamp(42px, 7vw, 96px);
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.ayv2-steel-story.is-proof-active .ayv2-steel-proof {
    pointer-events: auto;
}

.ayv2-steel-proof__copy h2 {
    color: var(--ayv2-ink);
    font-size: clamp(48px, 6.2vw, 86px);
    font-weight: 650;
    letter-spacing: -.06em;
    line-height: .92;
    margin: 0;
}

.ayv2-steel-proof__copy > p:not(.ayv2-kicker) {
    color: #60707b;
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.6;
    margin: 24px 0 0;
    max-width: 480px;
}

.ayv2-story-link {
    border-bottom: 1px solid rgba(17, 26, 32, .26);
    color: var(--ayv2-ink) !important;
    font-size: 16px;
    font-weight: 750;
    padding: 10px 0;
    text-decoration: none !important;
}

.ayv2-story-link span {
    color: var(--ayv2-blue);
    margin-left: 8px;
}

.ayv2-steel-proof__metrics {
    border-top: 1px solid #d7dee2;
}

.ayv2-steel-proof__metrics article {
    align-items: baseline;
    border-bottom: 1px solid #d7dee2;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: clamp(20px, 2.4vw, 30px) 0;
}

.ayv2-steel-proof__metrics strong {
    color: var(--ayv2-ink);
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 600;
    letter-spacing: -.055em;
    line-height: .9;
}

.ayv2-steel-proof__metrics span {
    color: #60707b;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: .1em;
    text-align: right;
    text-transform: uppercase;
}

.ayv2-steel-scene {
    background: linear-gradient(145deg, #020609, #07121a);
    inset: 0;
    overflow: hidden;
    position: absolute;
    transform: translate3d(0, var(--ayv2-story-y), 0);
    will-change: transform;
    z-index: 3;
}

.ayv2-steel-grid,
.ayv2-steel-glow,
.ayv2-steel-full,
.ayv2-steel-macro,
.ayv2-steel-veil,
.ayv2-curtain,
.ayv2-steel-opening,
.ayv2-steel-brand,
.ayv2-steel-phase,
.ayv2-steel-copy,
.ayv2-steel-progress,
.ayv2-steel-scroll {
    pointer-events: none;
}

.ayv2-steel-grid {
    background-image:
        linear-gradient(rgba(255, 255, 255, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
    background-size: 64px 64px;
    inset: 0;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent 88%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .8), transparent 88%);
    position: absolute;
}

.ayv2-steel-glow {
    background: radial-gradient(circle, rgba(0, 169, 230, .24), transparent 66%);
    height: 78%;
    left: 23%;
    position: absolute;
    top: 7%;
    width: 58%;
}

.ayv2-steel-full {
    filter: contrast(1.08) brightness(.96);
    height: 86%;
    left: 4%;
    object-fit: contain;
    opacity: var(--ayv2-full-opacity);
    position: absolute;
    top: 7%;
    transform:
        translate3d(0, var(--ayv2-full-y), 0)
        rotateX(var(--ayv2-full-rotate-x))
        rotateY(var(--ayv2-full-rotate-y))
        rotateZ(var(--ayv2-full-rotate-z))
        scale(var(--ayv2-full-scale));
    width: 92%;
    will-change: transform, opacity;
    z-index: 2;
}

.ayv2-rebar-viewer {
    cursor: grab;
    inset: 5% 2% 8%;
    opacity: var(--ayv2-viewer-opacity);
    pointer-events: none;
    position: absolute;
    touch-action: pan-y;
    transition: opacity .18s linear;
    user-select: none;
    z-index: 2;
}

.ayv2-steel-story.is-360-active .ayv2-rebar-viewer {
    pointer-events: auto;
}

.ayv2-steel-story.is-360-active .ayv2-steel-full {
    opacity: 0;
}

.ayv2-rebar-viewer.is-dragging {
    cursor: grabbing;
}

.ayv2-rebar-viewer:focus-visible {
    border-radius: 28px;
    outline: 2px solid rgba(0, 169, 230, .72);
    outline-offset: -2px;
}

.ayv2-rebar-viewer__canvas {
    display: block;
    height: 100%;
    opacity: 0;
    transition: opacity .35s ease;
    width: 100%;
}

.ayv2-rebar-viewer.is-ready .ayv2-rebar-viewer__canvas {
    opacity: 1;
}

.ayv2-rebar-viewer__angle {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(3, 12, 17, .68);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    letter-spacing: .12em;
    padding: 9px 12px;
    position: absolute;
    right: 3%;
    top: 4%;
}

.ayv2-rebar-viewer__hint {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(3, 12, 17, .72);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    bottom: 5%;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
    color: rgba(255, 255, 255, .72);
    display: flex;
    gap: 11px;
    left: 50%;
    padding: 10px 16px;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

.ayv2-rebar-viewer__hint strong {
    color: #fff;
    font-size: 12px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ayv2-rebar-viewer__hint span {
    border-left: 1px solid rgba(255, 255, 255, .16);
    font-size: 12px;
    padding-left: 11px;
}

.ayv2-rebar-viewer.is-interacted .ayv2-rebar-viewer__hint {
    opacity: .58;
}

.ayv2-rebar-viewer.is-fallback .ayv2-rebar-viewer__canvas,
.ayv2-rebar-viewer.is-fallback .ayv2-rebar-viewer__angle {
    display: none;
}

.ayv2-steel-macro {
    height: 100%;
    inset: 0;
    object-fit: cover;
    opacity: var(--ayv2-macro-opacity);
    position: absolute;
    transform: scale(var(--ayv2-macro-scale));
    width: 100%;
    will-change: transform, opacity;
    z-index: 2;
}

.ayv2-steel-veil {
    background: linear-gradient(90deg, rgba(2, 6, 9, .74), transparent 64%), linear-gradient(0deg, rgba(2, 6, 9, .68), transparent 48%);
    inset: 0;
    opacity: var(--ayv2-macro-opacity);
    position: absolute;
    z-index: 3;
}

.ayv2-curtain {
    background: linear-gradient(90deg, #020304, #0a0d0f 48%, #020304);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 50.2%;
    will-change: transform;
    z-index: 8;
}

.ayv2-curtain::after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .055), transparent);
    content: "";
    inset: 0;
    position: absolute;
}

.ayv2-curtain--left {
    left: 0;
    transform: translate3d(var(--ayv2-curtain-left), 0, 0);
}

.ayv2-curtain--right {
    right: 0;
    transform: translate3d(var(--ayv2-curtain-right), 0, 0);
}

.ayv2-steel-opening {
    left: 50%;
    opacity: var(--ayv2-opening-opacity);
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.ayv2-steel-opening span,
.ayv2-steel-copy span {
    color: var(--ayv2-blue);
    display: block;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .22em;
    margin-bottom: 14px;
}

.ayv2-steel-opening strong {
    color: #fff;
    font-size: clamp(46px, 7vw, 88px);
    font-weight: 450;
    letter-spacing: -.055em;
}

.ayv2-steel-brand,
.ayv2-steel-phase {
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .18em;
    position: absolute;
    top: 34px;
    z-index: 6;
}

.ayv2-steel-brand {
    color: var(--ayv2-blue);
    left: clamp(22px, 5vw, 60px);
}

.ayv2-steel-phase {
    color: #a8b6c1;
    right: clamp(22px, 5vw, 60px);
}

.ayv2-steel-copy {
    bottom: clamp(62px, 8vh, 96px);
    left: clamp(22px, 5vw, 60px);
    max-width: 650px;
    opacity: var(--ayv2-copy-opacity);
    position: absolute;
    transform: translateY(var(--ayv2-copy-y));
    will-change: transform, opacity;
    z-index: 6;
}

.ayv2-steel-copy strong {
    color: #fff;
    display: block;
    font-size: clamp(50px, 7vw, 92px);
    font-weight: 550;
    letter-spacing: -.06em;
    line-height: .9;
}

.ayv2-steel-copy p {
    color: #a8b6c1;
    font-size: clamp(16px, 1.4vw, 20px);
    margin: 20px 0 0;
}

.ayv2-steel-progress {
    background: rgba(255, 255, 255, .14);
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 12;
}

.ayv2-steel-progress span {
    background: var(--ayv2-blue);
    display: block;
    height: 100%;
    transform: scaleX(var(--ayv2-story-progress));
    transform-origin: left center;
}

.ayv2-steel-scroll {
    align-items: center;
    bottom: 24px;
    color: rgba(255, 255, 255, .66);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    gap: 10px;
    left: 50%;
    letter-spacing: .09em;
    opacity: var(--ayv2-hint-opacity);
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 12;
}

.ayv2-steel-scroll span {
    border: 1px solid currentColor;
    border-radius: 999px;
    height: 25px;
    position: relative;
    width: 16px;
}

.ayv2-steel-scroll span::after {
    animation: ayv2-scroll-dot 1.6s ease-in-out infinite;
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 3px;
}

.ayv2-product--after-story {
    background: #fff;
}

.ayv2-heading {
    max-width: 790px;
}

.ayv2-heading--center {
    margin-inline: auto;
    text-align: center;
}

.ayv2-heading h2,
.ayv2-proof h2,
.ayv2-coverage h2 {
    color: var(--ayv2-ink);
    font-size: clamp(44px, 5.2vw, 74px);
    font-weight: 700;
    letter-spacing: -.052em;
    line-height: 1.01;
    margin: 0;
    text-wrap: balance;
}

.ayv2-heading > p:last-child,
.ayv2-proof__intro > p,
.ayv2-coverage__copy > p {
    color: #52636d;
    font-size: clamp(18px, 1.5vw, 22px);
    line-height: 1.65;
    margin: 28px 0 0;
    max-width: 690px;
}

.ayv2-measures {
    border-bottom: 1px solid var(--ayv2-line);
    border-top: 1px solid var(--ayv2-line);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 72px;
}

.ayv2-measure {
    color: inherit !important;
    display: block;
    min-height: 520px;
    overflow: hidden;
    padding: 12px 12px 72px;
    position: relative;
    text-decoration: none !important;
    transition: background-color .3s ease, transform .3s ease;
}

.ayv2-measure__media {
    aspect-ratio: 1;
    background: #0a1014;
    border-radius: 20px;
    margin: 0;
    overflow: hidden;
}

.ayv2-measure__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: filter .45s ease, transform .6s cubic-bezier(.2, .8, .2, 1);
    width: 100%;
}

.ayv2-measure + .ayv2-measure {
    border-left: 1px solid var(--ayv2-line);
}

.ayv2-measure:hover,
.ayv2-measure:focus-visible {
    background: var(--ayv2-cloud);
    transform: translateY(-6px);
}

.ayv2-measure:hover .ayv2-measure__media img,
.ayv2-measure:focus-visible .ayv2-measure__media img {
    filter: brightness(1.08);
    transform: scale(1.055);
}

.ayv2-measure:focus-visible {
    outline: 3px solid rgba(0, 169, 230, .42);
    outline-offset: -3px;
}

.ayv2-measure.is-selected {
    background: var(--ayv2-cloud);
}

.ayv2-measure > span {
    color: #8c9ba3;
    display: block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 22px 16px 0;
}

.ayv2-measure strong {
    color: var(--ayv2-ink);
    display: block;
    font-size: clamp(44px, 4.2vw, 62px);
    letter-spacing: -.05em;
    line-height: 1;
    margin: 18px 16px 0;
}

.ayv2-measure p {
    color: #62737c;
    font-size: 15px;
    margin: 12px 16px 0;
}

.ayv2-measure__action {
    align-items: center;
    bottom: 28px;
    color: #217da2;
    display: flex;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    gap: 7px;
    left: 28px;
    letter-spacing: .04em;
    opacity: .72;
    position: absolute;
    transform: translateY(0);
    transition: opacity .25s ease, transform .25s ease;
}

.ayv2-measure__action b {
    font-size: 18px;
    transition: transform .25s ease;
}

.ayv2-measure:hover .ayv2-measure__action,
.ayv2-measure:focus-visible .ayv2-measure__action {
    opacity: 1;
    transform: translateY(0);
}

.ayv2-measure:hover .ayv2-measure__action b,
.ayv2-measure:focus-visible .ayv2-measure__action b {
    transform: translateX(4px);
}

.ayv2-proof {
    background: var(--ayv2-black);
    color: #fff;
}

.ayv2-proof .ayv2-shell {
    align-items: end;
    display: grid;
    gap: clamp(54px, 8vw, 120px);
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.ayv2-proof h2 {
    color: #fff;
}

.ayv2-proof__intro > p {
    color: rgba(255, 255, 255, .62);
}

.ayv2-text-link {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #fff !important;
    font-size: 16px;
    font-weight: 750;
    padding: 10px 0;
    text-decoration: none !important;
}

.ayv2-text-link span {
    color: var(--ayv2-blue);
    margin-left: 8px;
}

.ayv2-proof__metrics {
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.ayv2-metric {
    align-items: baseline;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding: 28px 0;
}

.ayv2-metric strong {
    color: #fff;
    font-size: clamp(54px, 6vw, 82px);
    font-weight: 650;
    letter-spacing: -.055em;
    line-height: 1;
}

.ayv2-metric span {
    color: rgba(255, 255, 255, .56);
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ayv2-process {
    background: #f7f8f9;
}

.ayv2-process__grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 70px;
}

.ayv2-step {
    background: #fff;
    border: 1px solid rgba(17, 26, 32, .08);
    border-radius: 28px;
    min-height: 330px;
    padding: 34px;
    transition: box-shadow .3s ease, transform .3s ease;
}

.ayv2-step:hover {
    box-shadow: 0 26px 65px rgba(17, 26, 32, .09);
    transform: translateY(-7px);
}

.ayv2-step > span {
    align-items: center;
    background: var(--ayv2-blue);
    border-radius: 50%;
    color: #04171f;
    display: flex;
    font-size: 14px;
    font-weight: 850;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ayv2-step h3 {
    color: var(--ayv2-ink);
    font-size: 34px;
    letter-spacing: -.035em;
    margin: 72px 0 0;
}

.ayv2-step p {
    color: #60717a;
    font-size: 16px;
    line-height: 1.65;
    margin: 18px 0 0;
}

.ayv2-coverage {
    background: #fff;
}

.ayv2-coverage__grid {
    align-items: center;
    display: grid;
    gap: clamp(64px, 9vw, 130px);
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.ayv2-coverage__visual {
    --ayv2-coverage-rx: 0deg;
    --ayv2-coverage-ry: 0deg;
    --ayv2-pointer-x: 50%;
    --ayv2-pointer-y: 50%;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, rgba(0, 169, 230, .13), transparent 32%),
        linear-gradient(145deg, #0c151a, #17242b);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 38px 80px rgba(17, 26, 32, .16);
    max-width: 520px;
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
    will-change: transform;
}

.ayv2-coverage__visual::before {
    background: radial-gradient(circle at var(--ayv2-pointer-x) var(--ayv2-pointer-y), rgba(0, 169, 230, .27), transparent 32%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: background-position .12s linear;
    z-index: 1;
}

.ayv2-coverage__mark {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 43%;
    transform: translate(-50%, -62%) translateZ(38px);
    width: 68%;
    z-index: 3;
}

.ayv2-coverage__mark strong {
    color: #fff;
    display: block;
    font-size: clamp(54px, 7vw, 92px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: .9;
}

.ayv2-coverage__mark span {
    color: rgba(255, 255, 255, .58);
    display: block;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .15em;
    margin-top: 12px;
    text-transform: uppercase;
}

.ayv2-orbit {
    animation: ayv2-orbit-turn 24s linear infinite;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    left: 50%;
    position: absolute;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ayv2-steel-story.is-guided .ayv2-steel-scroll {
    animation: ayv2-guide-pulse 1.15s ease-in-out 2;
    color: #fff;
}

@keyframes ayv2-guide-pulse {
    0%, 100% { filter: drop-shadow(0 0 0 rgba(0, 169, 230, 0)); transform: translateX(-50%) translateY(0); }
    50% { filter: drop-shadow(0 0 12px rgba(0, 169, 230, .72)); transform: translateX(-50%) translateY(-6px); }
}

.ayv2-orbit--one { height: 66%; width: 66%; }
.ayv2-orbit--two { animation-direction: reverse; animation-duration: 34s; height: 88%; width: 88%; }

@keyframes ayv2-orbit-turn {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.ayv2-point {
    align-items: center;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(5, 16, 21, .84);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
    gap: 8px;
    height: 48px;
    justify-content: center;
    min-width: 108px;
    padding: 6px 14px 6px 7px;
    position: absolute;
    transform: translate(-50%, -50%) translateZ(54px);
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    z-index: 6;
}

.ayv2-point:hover,
.ayv2-point:focus-visible,
.ayv2-point.is-active {
    background: rgba(7, 26, 34, .96);
    border-color: rgba(0, 169, 230, .72);
    box-shadow: 0 0 0 7px rgba(0, 169, 230, .11), 0 16px 34px rgba(0, 169, 230, .22);
    outline: none;
    transform: translate(-50%, -50%) translateZ(68px) scale(1.04);
}

.ayv2-point > span {
    align-items: center;
    background: var(--ayv2-blue);
    border-radius: 50%;
    color: #04171f;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    transition: transform .25s ease;
    width: 32px;
}

.ayv2-point:hover > span,
.ayv2-point:focus-visible > span,
.ayv2-point.is-active > span {
    transform: scale(1.08);
}

.ayv2-point em {
    color: rgba(255, 255, 255, .9);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .1em;
    opacity: 1;
    pointer-events: none;
    position: static;
    text-transform: uppercase;
    white-space: nowrap;
}

.ayv2-point--one { left: 23%; top: 48%; }
.ayv2-point--two { left: 75%; top: 24%; }
.ayv2-point--three { left: 76%; top: 64%; }

.ayv2-coverage__status {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background: rgba(3, 12, 17, .82);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    bottom: 5%;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .24);
    left: 50%;
    min-height: 74px;
    padding: 14px 20px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%) translateZ(48px);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    width: 76%;
    z-index: 4;
}

.ayv2-coverage__visual:hover .ayv2-coverage__status {
    border-color: rgba(0, 169, 230, .28);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .3);
}

.ayv2-coverage__status strong {
    color: var(--ayv2-blue);
    display: block;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .16em;
}

.ayv2-coverage__status span {
    color: rgba(255, 255, 255, .84);
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
}

.ayv2-coverage__copy .ayv2-button {
    margin-top: 34px;
}

.ayv2-calculator {
    background: var(--ayv2-cloud);
    border-top: 1px solid rgba(17, 26, 32, .08);
    padding-bottom: clamp(80px, 8vw, 120px);
}

.ayv2-calculator__embed {
    margin-top: 64px;
}

.ayv2-calculator__embed > .ayc,
.ayv2-calculator__embed > .ayc2 {
    margin-inline: auto !important;
}

.ayv2-calculator__notice {
    background: #fff;
    border: 1px solid var(--ayv2-line);
    border-radius: 24px;
    color: #52636d;
    padding: 30px;
    text-align: center;
}

.ayv2-preview-frame {
    background: transparent;
    border: 0;
    display: block;
    height: 1180px;
    width: 100%;
}

.ayv2-reveal {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    transition: opacity .75s ease var(--ayv2-delay, 0ms), transform .85s cubic-bezier(.2,.72,.2,1) var(--ayv2-delay, 0ms);
}

.ayv2-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.ayv2-coverage__visual.ayv2-reveal.is-visible {
    transform: perspective(1200px) rotateX(var(--ayv2-coverage-rx)) rotateY(var(--ayv2-coverage-ry));
    transition: opacity .75s ease var(--ayv2-delay, 0ms), transform .18s ease-out;
}

.ayv2 a:focus-visible,
.ayv2 button:focus-visible {
    outline: 3px solid rgba(0, 169, 230, .58);
    outline-offset: 4px;
}

body.ayv2-global footer {
    background: var(--ayv2-black) !important;
    color: rgba(255, 255, 255, .75);
}

body.ayv2-home footer {
    display: none !important;
}

body.ayv2-global footer h2,
body.ayv2-global footer h3,
body.ayv2-global footer h4,
body.ayv2-global footer a {
    color: #fff !important;
}

body.ayv2-global:not(.ayv2-home) main h1,
body.ayv2-global:not(.ayv2-home) main h2 {
    letter-spacing: -.035em;
}

body.ayv2-global:not(.ayv2-home) main img {
    border-radius: 24px;
}

.ayv2-global-cta {
    background: var(--ayv2-ink);
    color: #fff;
    padding: 80px 28px;
    text-align: center;
}

.ayv2-global-cta__inner {
    margin: auto;
    max-width: 800px;
}

.ayv2-global-cta h2 {
    color: #fff !important;
    font-size: clamp(38px, 4.5vw, 62px);
    letter-spacing: -.045em;
    line-height: 1.05;
    margin: 0;
}

.ayv2-global-cta p {
    color: rgba(255, 255, 255, .66);
    font-size: 18px;
    line-height: 1.6;
    margin: 20px auto 28px;
    max-width: 660px;
}

@media (max-width: 900px) {
    .ayv2-proof .ayv2-shell,
    .ayv2-coverage__grid {
        grid-template-columns: 1fr;
    }

    .ayv2-proof__metrics {
        margin-top: 10px;
    }

    .ayv2-coverage__visual {
        margin-inline: auto;
        width: min(80vw, 500px);
    }

    .ayv2-steel-proof {
        align-content: center;
        gap: 34px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.admin-bar.ayv2-home #header {
        top: 46px;
    }

    body.ayv2-home #headerimg {
        gap: 14px;
        grid-template-columns: minmax(0, 1fr) max-content;
        min-height: 72px;
        padding: 12px 20px !important;
    }

    body.ayv2-home #headerimg h1 {
        font-size: 20px;
    }

    body.ayv2-home #headerimg .description {
        display: none;
    }

    body.ayv2-home .ayv2-header-cta {
        font-size: 13px;
        min-height: 44px;
        padding: 10px 16px;
    }

    .ayv2-shell {
        padding-inline: 20px;
    }

    .ayv2-section {
        padding-block: 82px;
    }

    .ayv2-hero {
        min-height: 760px;
    }

    .ayv2-hero__media {
        inset: -2%;
        transform-origin: 78% 60%;
    }

    .ayv2-hero__media img {
        object-position: 68% center;
    }

    .ayv2-hero__veil {
        background:
            linear-gradient(90deg, rgba(5, 9, 12, .95), rgba(5, 9, 12, .58)),
            linear-gradient(0deg, rgba(5, 9, 12, .92) 0%, rgba(5, 9, 12, .14) 68%);
    }

    .ayv2-hero__content {
        padding-bottom: 120px;
        padding-top: 92px;
    }

    .ayv2-hero h1 {
        font-size: clamp(50px, 15vw, 72px);
        max-width: 100%;
    }

    .ayv2-hero__copy {
        font-size: 17px;
        line-height: 1.58;
    }

    .ayv2-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ayv2-button {
        width: 100%;
    }

    .ayv2-hero__trust {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .ayv2-scroll {
        bottom: 18px;
        display: flex;
        font-size: 10px;
        gap: 8px;
        letter-spacing: .07em;
        min-height: 46px;
        padding: 6px 7px 6px 12px;
    }

    .ayv2-scroll__mouse {
        height: 24px;
        width: 16px;
    }

    .ayv2-scroll__mouse::after {
        left: 5px;
        top: 5px;
    }

    .ayv2-scroll__arrow {
        font-size: 15px;
        height: 32px;
        width: 32px;
    }

    .ayv2-steel-story {
        height: 390vh;
    }

    .ayv2-steel-stage {
        min-height: 620px;
    }

    .ayv2-steel-brand {
        font-size: 10px;
        top: 26px;
    }

    .ayv2-steel-phase {
        display: none;
    }

    .ayv2-steel-full {
        height: 78%;
        left: -5%;
        top: 10%;
        width: 110%;
    }

    .ayv2-rebar-viewer {
        inset: 8% 0 9%;
    }

    .ayv2-rebar-viewer__hint {
        align-items: center;
        bottom: 7%;
        flex-direction: column;
        gap: 3px;
        padding: 10px 15px;
    }

    .ayv2-rebar-viewer__hint span {
        border-left: 0;
        font-size: 10px;
        padding-left: 0;
    }

    .ayv2-rebar-viewer__angle {
        right: 6%;
        top: 7%;
    }

    .ayv2-steel-macro {
        object-position: 54% center;
    }

    .ayv2-steel-copy {
        bottom: 74px;
        max-width: 88%;
    }

    .ayv2-steel-copy strong {
        font-size: clamp(44px, 13vw, 62px);
    }

    .ayv2-steel-copy p {
        font-size: 15px;
        max-width: 300px;
    }

    .ayv2-steel-scroll {
        bottom: 20px;
        font-size: 9px;
    }

    .ayv2-steel-proof {
        gap: 24px;
        padding: 64px 24px 34px;
    }

    .ayv2-steel-proof__copy h2 {
        font-size: clamp(43px, 12vw, 58px);
    }

    .ayv2-steel-proof__copy > p:not(.ayv2-kicker) {
        display: none;
    }

    .ayv2-steel-proof__copy .ayv2-actions {
        flex-direction: row;
        gap: 18px;
        margin-top: 20px;
    }

    .ayv2-story-link {
        font-size: 13px;
    }

    .ayv2-steel-proof__metrics article {
        padding: 14px 0;
    }

    .ayv2-steel-proof__metrics strong {
        font-size: 38px;
    }

    .ayv2-steel-proof__metrics span {
        font-size: 10px;
        letter-spacing: .06em;
    }

    .ayv2-heading h2,
    .ayv2-proof h2,
    .ayv2-coverage h2 {
        font-size: clamp(40px, 12vw, 58px);
    }

    .ayv2-measures {
        grid-template-columns: 1fr 1fr;
    }

    .ayv2-measure {
        min-height: 0;
        padding: 10px 10px 30px;
    }

    .ayv2-measure + .ayv2-measure {
        border-left: 0;
    }

    .ayv2-measure:nth-child(even) {
        border-left: 1px solid var(--ayv2-line);
    }

    .ayv2-measure:nth-child(n+3) {
        border-top: 1px solid var(--ayv2-line);
    }

    .ayv2-measure strong {
        font-size: 43px;
        margin: 18px 14px 0;
    }

    .ayv2-measure > span {
        margin: 18px 14px 0;
    }

    .ayv2-measure p {
        margin: 10px 14px 0;
    }

    .ayv2-measure__action {
        bottom: auto;
        display: flex;
        font-size: 12px;
        left: auto;
        margin: 20px 14px 0;
        opacity: 1;
        position: static;
        transform: none;
    }

    .ayv2-coverage__mark strong {
        font-size: clamp(48px, 16vw, 72px);
    }

    .ayv2-coverage__status {
        bottom: 5%;
        min-height: 68px;
        padding: 12px 16px;
        width: 84%;
    }

    .ayv2-coverage__status span {
        font-size: 12px;
    }

    .ayv2-point {
        gap: 6px;
        height: 42px;
        min-width: 88px;
        padding: 5px 10px 5px 5px;
    }

    .ayv2-point > span {
        height: 30px;
        width: 30px;
    }

    .ayv2-point em {
        display: block;
        font-size: 9px;
        letter-spacing: .07em;
    }

    .ayv2-point--one { left: 24%; top: 42%; }
    .ayv2-point--two { left: 72%; top: 23%; }
    .ayv2-point--three { left: 75%; top: 58%; }

    .ayv2-process__grid {
        grid-template-columns: 1fr;
    }

    .ayv2-step {
        min-height: 280px;
    }

    .ayv2-metric {
        grid-template-columns: 1.1fr .9fr;
    }

    .ayv2-calculator__embed {
        margin-inline: -8px;
        margin-top: 42px;
    }

    .ayv2-preview-frame {
        height: 1760px;
    }
}

@media (max-width: 560px) {
    .ayv2-measures {
        grid-template-columns: 1fr;
    }

    .ayv2-measure:nth-child(even) {
        border-left: 0;
    }

    .ayv2-measure:nth-child(n+2) {
        border-top: 1px solid var(--ayv2-line);
    }

    .ayv2-coverage__visual {
        width: min(94vw, 460px);
    }

    .ayv2-coverage__mark {
        top: 40%;
    }

    .ayv2-coverage__mark span {
        font-size: 9px;
    }

    .ayv2-point--one { left: 25%; top: 39%; }
    .ayv2-point--two { left: 70%; top: 21%; }
    .ayv2-point--three { left: 74%; top: 55%; }

    .ayv2-coverage__status {
        bottom: 4%;
        width: 88%;
    }
}

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

    .ayv2-hero__media,
    .ayv2-reveal,
    .ayv2-button,
    .ayv2-measure,
    .ayv2-step,
    .ayv2-rebar-viewer,
    .ayv2-rebar-viewer__canvas,
    .ayv2-coverage__visual.ayv2-reveal.is-visible {
        transition: none !important;
    }

    .ayv2-reveal {
        opacity: 1 !important;
        transform: none !important;
    }

    .ayv2-coverage__visual.ayv2-reveal.is-visible {
        transform: perspective(1200px) rotateX(var(--ayv2-coverage-rx)) rotateY(var(--ayv2-coverage-ry)) !important;
    }

    .ayv2-scroll span::after {
        animation: none !important;
    }

    .ayv2-orbit {
        animation: none !important;
    }

    .ayv2-curtain,
    .ayv2-steel-opening {
        display: none;
    }

    .ayv2-steel-story.is-guided .ayv2-steel-scroll {
        animation: none !important;
    }
}

/* Sitio corporativo compartido — versión 3 */
body.ayv2-managed {
    margin: 0;
    overflow-x: hidden;
    padding: 0 !important;
}

body.ayv2-managed,
body.ayv2-managed button,
body.ayv2-managed input,
body.ayv2-managed select,
body.ayv2-managed textarea {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif;
}

.ayv2-skip-link {
    background: #fff;
    border-radius: 0 0 12px 12px;
    color: #071219;
    font-weight: 750;
    left: 20px;
    padding: 12px 18px;
    position: fixed;
    top: -80px;
    z-index: 10000;
}

.ayv2-skip-link:focus {
    top: 0;
}

body.ayv2-managed #header,
body.ayv2-managed #header * {
    box-sizing: border-box;
}

body.ayv2-managed #header {
    -webkit-backdrop-filter: saturate(160%) blur(20px);
    backdrop-filter: saturate(160%) blur(20px);
    background: rgba(255, 255, 255, .93);
    border-bottom: 1px solid rgba(17, 26, 32, .09);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .72);
    position: sticky;
    top: 0;
    transition: background-color .25s ease, box-shadow .25s ease;
    width: 100%;
    z-index: 1000;
}

body.admin-bar.ayv2-managed #header { top: 32px; }
body.ayv2-managed #header.is-scrolled { background: rgba(255,255,255,.98); box-shadow: 0 14px 38px rgba(7,11,14,.08); }

body.ayv2-managed #headerimg {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: minmax(230px, 1fr) max-content;
    margin: 0 auto !important;
    max-width: 1304px;
    min-height: 84px;
    padding: 14px 32px !important;
    width: 100%;
}

.ayv2-brand {
    color: var(--ayv2-ink) !important;
    display: inline-flex;
    flex-direction: column;
    justify-self: start;
    line-height: 1;
    text-decoration: none !important;
}

.ayv2-brand > span { font-size: clamp(21px, 2vw, 27px); font-weight: 800; letter-spacing: -.045em; }
.ayv2-brand > small { color: #667780; font-size: 10px; font-weight: 750; letter-spacing: .13em; margin-top: 7px; text-transform: uppercase; }

body.ayv2-managed .ayv2-site-nav { align-items: center; display: flex; gap: 3px; justify-content: flex-end; }
body.ayv2-managed .ayv2-site-nav > a:not(.ayv2-header-cta) { border-radius: 999px; color: #43535c !important; font-size: 12px; font-weight: 760; letter-spacing: .035em; padding: 12px 11px; text-decoration: none !important; text-transform: uppercase; transition: background-color .2s ease,color .2s ease; white-space: nowrap; }
body.ayv2-managed .ayv2-site-nav > a:not(.ayv2-header-cta):hover,
body.ayv2-managed .ayv2-site-nav > a:not(.ayv2-header-cta):focus-visible,
body.ayv2-managed .ayv2-site-nav > a.is-current { background: #eef2f4; color: var(--ayv2-ink) !important; }

body.ayv2-managed .ayv2-menu-toggle { align-items:center; background:#eef2f4; border:0; border-radius:50%; color:var(--ayv2-ink); cursor:pointer; display:none; height:46px; justify-content:center; padding:0; position:relative; width:46px; }
body.ayv2-managed .ayv2-menu-toggle span,
body.ayv2-managed .ayv2-menu-toggle::before,
body.ayv2-managed .ayv2-menu-toggle::after { background:currentColor; border-radius:2px; content:""; height:2px; position:absolute; transition:transform .22s ease,opacity .22s ease; width:18px; }
body.ayv2-managed .ayv2-menu-toggle::before { transform:translateY(-6px); }
body.ayv2-managed .ayv2-menu-toggle::after { transform:translateY(6px); }
body.ayv2-managed #header.is-menu-open .ayv2-menu-toggle span { opacity:0; }
body.ayv2-managed #header.is-menu-open .ayv2-menu-toggle::before { transform:rotate(45deg); }
body.ayv2-managed #header.is-menu-open .ayv2-menu-toggle::after { transform:rotate(-45deg); }

body.ayv2-managed .ayv2-header-cta { align-items:center; background:var(--ayv2-ink); border-radius:999px; color:#fff !important; display:inline-flex; font-size:14px; font-weight:750; gap:10px; justify-content:center; min-height:48px; padding:11px 20px; text-decoration:none !important; transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease; }
body.ayv2-managed .ayv2-header-cta span:last-child { color:var(--ayv2-blue); font-size:18px; }
body.ayv2-managed .ayv2-header-cta:hover,
body.ayv2-managed .ayv2-header-cta:focus-visible { background:#17242b; box-shadow:0 12px 28px rgba(17,26,32,.18); transform:translateY(-2px); }

.ayv2-steel-story { height: 345vh; }
.ayv2-metric-context { color:#60707b; font-size:13px; font-weight:700; letter-spacing:.04em; margin:0; padding:0 0 14px; text-transform:uppercase; }

.ayv2-page { min-height: 60vh; }
.ayv2-page-hero { align-items:flex-end; display:flex; min-height:clamp(520px,65vh,720px); overflow:hidden; padding:clamp(110px,13vw,176px) 0 clamp(82px,9vw,126px); position:relative; }
.ayv2-page-hero::before { content:""; inset:0; pointer-events:none; position:absolute; }
.ayv2-page-hero .ayv2-shell { position:relative; z-index:1; }
.ayv2-page-hero h1 { font-size:clamp(54px,7.4vw,104px); font-weight:650; letter-spacing:-.067em; line-height:.93; margin:14px 0 0; max-width:1050px; }
.ayv2-page-hero p:not(.ayv2-kicker) { font-size:clamp(18px,1.6vw,23px); line-height:1.55; margin:30px 0 0; max-width:730px; }
.ayv2-page-hero--dark { background:linear-gradient(135deg,#03080b,#10232d); color:#fff; }
.ayv2-page-hero--dark::before { background:radial-gradient(circle at 78% 48%,rgba(0,169,230,.21),transparent 30%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.035)); }
.ayv2-page-hero--blue { background:#00a9e6; color:#071219; }
.ayv2-page-hero--blue::before { background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.34),transparent 32%); }
.ayv2-page-hero--map { background:#eaf0f3; color:#111a20; }
.ayv2-page-hero--map::before { background:radial-gradient(circle at 78% 50%,transparent 0 12%,rgba(17,26,32,.08) 12.2% 12.5%,transparent 12.7% 21%,rgba(17,26,32,.06) 21.2% 21.5%,transparent 21.7%); }
.ayv2-page-hero--contact { background:#f3f6f7; color:#111a20; min-height:560px; }
.ayv2-page-hero--contact::before { background:linear-gradient(115deg,transparent 52%,rgba(0,169,230,.12)); }
.ayv2-page-hero--plain { background:#f3f6f7; min-height:440px; }
.ayv2-page-hero--plain h1 { max-width:800px; }
.ayv2-page-hero--dark .ayv2-kicker { color:#55cff7; }
.ayv2-page-hero--dark p:not(.ayv2-kicker) { color:rgba(255,255,255,.72); }

.ayv2-page-split__grid { display:grid; gap:clamp(50px,9vw,130px); grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.ayv2-page-split h2,
.ayv2-values h2,
.ayv2-soft-panel h2,
.ayv2-contact-intro h2 { font-size:clamp(46px,5.8vw,78px); font-weight:650; letter-spacing:-.06em; line-height:.96; margin:14px 0 0; }
.ayv2-page-copy { color:#53646e; font-size:clamp(19px,1.55vw,23px); line-height:1.7; }
.ayv2-page-copy p { margin:0 0 28px; }
.ayv2-values { background:#f3f6f7; }
.ayv2-card-grid { border-top:1px solid #ced7dc; display:grid; grid-template-columns:repeat(3,1fr); margin-top:64px; }
.ayv2-info-card { border-bottom:1px solid #ced7dc; min-height:310px; padding:34px clamp(22px,3vw,42px) 44px; }
.ayv2-info-card + .ayv2-info-card { border-left:1px solid #ced7dc; }
.ayv2-info-card > span,
.ayv2-doc-card > span { color:#00a9e6; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.ayv2-info-card h3 { font-size:31px; letter-spacing:-.04em; margin:72px 0 14px; }
.ayv2-info-card p { color:#5d6d76; font-size:17px; line-height:1.6; margin:0; }
.ayv2-page-cta { background:#071219; color:#fff; padding:clamp(92px,11vw,150px) 0; }
.ayv2-page-cta h2 { color:#fff; font-size:clamp(48px,7vw,92px); font-weight:620; letter-spacing:-.065em; line-height:.94; margin:14px 0 40px; max-width:1040px; }
.ayv2-page-cta .ayv2-kicker { color:#55cff7; }
.ayv2-button--outline-light { border:1px solid rgba(255,255,255,.28); color:#fff !important; }

.ayv2-spec-grid { border:1px solid #d8e0e4; border-radius:32px; display:grid; grid-template-columns:repeat(4,1fr); margin-top:64px; overflow:hidden; }
.ayv2-spec-card { min-height:300px; padding:42px 30px; }
.ayv2-spec-card + .ayv2-spec-card { border-left:1px solid #d8e0e4; }
.ayv2-spec-card > span { color:#008dc0; font-size:12px; font-weight:800; letter-spacing:.12em; }
.ayv2-spec-card > strong { display:block; font-size:clamp(48px,5vw,72px); font-weight:600; letter-spacing:-.06em; margin-top:78px; }
.ayv2-spec-card p { color:#62737c; font-size:15px; line-height:1.5; }
.ayv2-process--compact { padding-top:40px; }

.ayv2-route-list { list-style:none; margin:0; padding:0; }
.ayv2-route-list li { align-items:flex-start; border-top:1px solid #d7dfe3; display:grid; gap:24px; grid-template-columns:48px 1fr; padding:28px 0; }
.ayv2-route-list li:last-child { border-bottom:1px solid #d7dfe3; }
.ayv2-route-list > li > span { align-items:center; background:#071219; border-radius:50%; color:#fff; display:flex; font-size:11px; font-weight:800; height:40px; justify-content:center; width:40px; }
.ayv2-route-list h3 { font-size:26px; letter-spacing:-.035em; margin:3px 0 9px; }
.ayv2-route-list p { color:#62727b; font-size:17px; line-height:1.55; margin:0; }
.ayv2-soft-panel { background:#eef2f4; }
.ayv2-callout { align-items:flex-end; display:grid; gap:60px; grid-template-columns:1fr max-content; }
.ayv2-callout h2 { max-width:900px; }
.ayv2-callout > div > p:not(.ayv2-kicker) { color:#60707a; font-size:19px; line-height:1.6; max-width:720px; }

.ayv2-doc-grid { display:grid; gap:28px; grid-template-columns:repeat(2,1fr); }
.ayv2-doc-card { border:1px solid #d8e0e4; border-radius:32px; min-height:490px; padding:clamp(34px,4vw,58px); }
.ayv2-doc-card h2 { font-size:clamp(42px,4.6vw,64px); font-weight:650; letter-spacing:-.055em; line-height:1; margin:70px 0 22px; }
.ayv2-doc-card p { color:#5b6b74; font-size:18px; line-height:1.65; margin:0 0 34px; }
.ayv2-technical-note { max-width:1060px; }
.ayv2-technical-note p:last-child { color:#586a74; font-size:20px; line-height:1.68; max-width:820px; }

.ayv2-contact-grid { display:grid; gap:clamp(48px,8vw,110px); grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
.ayv2-contact-intro > p:not(.ayv2-kicker) { color:#60707a; font-size:18px; line-height:1.65; }
.ayv2-contact-options { border-top:1px solid #d9e0e4; margin-top:44px; }
.ayv2-contact-options a { border-bottom:1px solid #d9e0e4; color:#111a20 !important; display:flex; flex-direction:column; gap:7px; padding:22px 0; text-decoration:none !important; }
.ayv2-contact-options span { color:#687780; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ayv2-contact-options strong { font-size:18px; overflow-wrap:anywhere; }
.ayv2-form-card { background:#f2f5f6; border:1px solid #dce3e6; border-radius:34px; padding:clamp(28px,4vw,54px); }
.ayv2-contact-form { display:grid; gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.ayv2-field { display:flex; flex-direction:column; gap:9px; }
.ayv2-field--wide { grid-column:1/-1; }
.ayv2-field label { color:#31424c; font-size:14px; font-weight:750; }
.ayv2-field label > span { color:#008fbd; }
.ayv2-field label small { color:#77858d; font-size:11px; font-weight:600; margin-left:5px; }
.ayv2-field input,
.ayv2-field select,
.ayv2-field textarea { appearance:none; background:#fff; border:1px solid #d4dde1; border-radius:14px; color:#111a20; font-size:17px; min-height:56px; padding:14px 16px; width:100%; }
.ayv2-field textarea { min-height:130px; resize:vertical; }
.ayv2-field input:focus,
.ayv2-field select:focus,
.ayv2-field textarea:focus { border-color:#00a9e6; box-shadow:0 0 0 4px rgba(0,169,230,.14); outline:0; }
.ayv2-consent { align-items:flex-start; color:#52636c; display:flex; font-size:14px; gap:11px; grid-column:1/-1; line-height:1.55; }
.ayv2-consent input { height:19px; margin:2px 0 0; width:19px; }
.ayv2-consent a { color:#0a789f; }
.ayv2-submit { border:0; cursor:pointer; grid-column:1/-1; justify-self:start; }
.ayv2-honeypot { height:0; left:-9999px; overflow:hidden; position:absolute; width:0; }
.ayv2-form-notice { border-radius:14px; font-size:15px; line-height:1.5; margin-bottom:26px; padding:16px 18px; }
.ayv2-form-notice strong { display:block; }
.ayv2-form-notice.is-success { background:#ddf5e8; color:#164d31; }
.ayv2-form-notice.is-error { background:#fae7e5; color:#7c2721; }

.ayv2-legal-copy { max-width:860px; }
.ayv2-legal-copy h2 { font-size:clamp(28px,3vw,38px); letter-spacing:-.04em; margin:54px 0 14px; }
.ayv2-legal-copy h2:first-child { margin-top:0; }
.ayv2-legal-copy p { color:#566872; font-size:18px; line-height:1.75; }
.ayv2-legal-copy a { color:#007da9; }
.ayv2-legal-date { border-top:1px solid #d9e0e3; margin-top:54px; padding-top:28px; }

body.ayv2-home .ayv2-footer,
.ayv2-footer { background:#050a0d !important; color:rgba(255,255,255,.68); display:block !important; padding:80px 0 24px; }
.ayv2-footer,
.ayv2-footer * { box-sizing:border-box; }
.ayv2-footer__top { display:grid; gap:48px; grid-template-columns:1.25fr repeat(3,1fr); }
.ayv2-footer__brand > a { color:#fff !important; font-size:29px; font-weight:800; letter-spacing:-.045em; text-decoration:none !important; }
.ayv2-footer__brand p { font-size:15px; line-height:1.6; max-width:250px; }
.ayv2-footer__column { display:flex; flex-direction:column; gap:12px; }
.ayv2-footer__column h2 { color:#6a7b84 !important; font-size:11px; font-weight:800; letter-spacing:.13em; margin:2px 0 10px; text-transform:uppercase; }
.ayv2-footer__column a { color:rgba(255,255,255,.82) !important; font-size:14px; line-height:1.4; overflow-wrap:anywhere; text-decoration:none !important; }
.ayv2-footer__column a:hover,
.ayv2-footer__column a:focus-visible { color:#55cff7 !important; }
.ayv2-footer__bottom { align-items:center; border-top:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; margin-top:62px; padding-top:24px; }
.ayv2-footer__bottom p,
.ayv2-footer__bottom a { color:rgba(255,255,255,.48) !important; font-size:12px; margin:0; text-decoration:none !important; }

@media (max-width: 1000px) {
    .ayv2-card-grid { grid-template-columns:1fr; }
    .ayv2-info-card { min-height:220px; }
    .ayv2-info-card + .ayv2-info-card { border-left:0; }
    .ayv2-info-card h3 { margin-top:44px; }
    .ayv2-spec-grid { grid-template-columns:repeat(2,1fr); }
    .ayv2-spec-card:nth-child(3) { border-left:0; }
    .ayv2-spec-card:nth-child(n+3) { border-top:1px solid #d8e0e4; }
    .ayv2-footer__top { grid-template-columns:1.2fr 1fr 1fr; }
    .ayv2-footer__column:last-child { grid-column:2/4; }
}

@media (max-width: 860px) {
    body.ayv2-managed #headerimg { grid-template-columns:minmax(0,1fr) max-content; position:relative; }
    body.ayv2-managed .ayv2-menu-toggle { display:inline-flex; }
    body.ayv2-managed .ayv2-site-nav { align-items:stretch; background:rgba(255,255,255,.99); border:1px solid rgba(17,26,32,.1); border-radius:24px; box-shadow:0 28px 70px rgba(7,11,14,.16); flex-direction:column; gap:2px; left:20px; opacity:0; padding:10px; pointer-events:none; position:absolute; right:20px; top:calc(100% + 10px); transform:translateY(-10px) scale(.985); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; visibility:hidden; }
    body.ayv2-managed #header.is-menu-open .ayv2-site-nav { opacity:1; pointer-events:auto; transform:translateY(0) scale(1); visibility:visible; }
    body.ayv2-managed .ayv2-site-nav > a:not(.ayv2-header-cta) { border-radius:14px; font-size:14px; padding:15px 16px; }
    body.ayv2-managed .ayv2-site-nav .ayv2-header-cta { margin-top:4px; width:100%; }
    .ayv2-page-split__grid,
    .ayv2-contact-grid { grid-template-columns:1fr; }
    .ayv2-callout { align-items:start; grid-template-columns:1fr; }
}

@media (max-width: 767px) {
    body.admin-bar.ayv2-managed #header { top:46px; }
    body.ayv2-managed #headerimg { min-height:72px; padding:11px 20px !important; }
    .ayv2-brand > span { font-size:20px; }
    .ayv2-brand > small { font-size:8px; }
    .ayv2-steel-story { height:325vh; }
    .ayv2-page-hero { min-height:520px; padding:100px 0 74px; }
    .ayv2-page-hero h1 { font-size:clamp(48px,14vw,68px); }
    .ayv2-page-hero p:not(.ayv2-kicker) { font-size:17px; }
    .ayv2-page-split h2,.ayv2-values h2,.ayv2-soft-panel h2,.ayv2-contact-intro h2 { font-size:clamp(40px,12vw,56px); }
    .ayv2-spec-grid,.ayv2-doc-grid { grid-template-columns:1fr; }
    .ayv2-spec-card + .ayv2-spec-card { border-left:0; border-top:1px solid #d8e0e4; }
    .ayv2-spec-card { min-height:240px; }
    .ayv2-spec-card > strong { margin-top:50px; }
    .ayv2-doc-card { min-height:0; }
    .ayv2-contact-form { grid-template-columns:1fr; }
    .ayv2-field,.ayv2-field--wide { grid-column:1; }
    .ayv2-page-cta .ayv2-actions { align-items:stretch; }
    .ayv2-footer__top { grid-template-columns:1fr 1fr; }
    .ayv2-footer__brand { grid-column:1/-1; }
    .ayv2-footer__column:last-child { grid-column:1/-1; }
    .ayv2-footer__bottom { align-items:flex-start; flex-direction:column; gap:12px; }
}

@media (max-width: 480px) {
    .ayv2-footer__top { grid-template-columns:1fr; }
    .ayv2-footer__brand,.ayv2-footer__column:last-child { grid-column:1; }
}
