.contact-page {
    overflow: clip;
    background: var(--argos-cream);
}

.contact-page :where(h1, h2, p) {
    margin: 0;
}

/* Hero: composição editorial, reconstruída sem ampliar o bitmap de 480 px. */
.contact-hero {
    position: relative;
    isolation: isolate;
    min-height: 700px;
    overflow: hidden;
    color: var(--argos-cream);
    background:
        linear-gradient(to bottom, transparent 0 86%, var(--argos-navy) 86% 100%),
        linear-gradient(90deg, var(--argos-orange) 0 50%, var(--argos-rose) 50% 100%);
}

.contact-hero::before {
    position: absolute;
    z-index: 0;
    inset: -46% 45% 5% -17%;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center, transparent 0 54px, rgba(243, 235, 220, .16) 55px 57px);
    content: "";
    pointer-events: none;
}

.contact-hero::after {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 14%;
    left: 50%;
    width: 1px;
    background: rgba(243, 235, 220, .22);
    content: "";
    pointer-events: none;
}

.contact-hero__product {
    position: absolute;
    z-index: 1;
    top: 142px;
    left: max(var(--argos-gutter), calc((100vw - var(--argos-container)) / 2));
    width: min(29vw, 530px);
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 24px 54px rgba(0, 32, 45, .22);
    transform: rotate(-1.2deg);
}

.contact-hero__product img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.contact-hero__consultant {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: calc(50% - 430px);
    width: 488px;
    height: 700px;
    filter: drop-shadow(18px 26px 30px rgba(0, 20, 28, .24));
    object-fit: contain;
    object-position: bottom;
}

.contact-hero__inner {
    position: relative;
    z-index: 3;
    display: grid;
    min-height: 700px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-hero__copy {
    grid-column: 2;
    align-self: start;
    max-width: 690px;
    padding: 92px 20px 110px 118px;
}

.contact-hero h1 {
    max-width: 560px;
    margin-bottom: 32px;
    font-size: clamp(48px, 2.75vw, 54px);
    font-weight: 440;
    letter-spacing: -.055em;
    line-height: .96;
    text-wrap: balance;
}

.contact-hero__copy p {
    max-width: 540px;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.5;
}

.contact-hero__copy p:last-child {
    margin-bottom: 0;
}

/* O que será demonstrado */
.contact-steps {
    position: relative;
    padding-block: 64px 82px;
    background: var(--argos-cream);
}

.contact-steps__grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.contact-step {
    position: relative;
    display: flex;
    min-height: 310px;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 26px;
    border-radius: 18px;
    color: var(--argos-white);
    transition: transform 280ms cubic-bezier(.22, 1, .36, 1), box-shadow 280ms ease;
}

.contact-step:hover,
.contact-step:focus-within {
    box-shadow: 0 18px 34px rgba(0, 32, 45, .14);
    transform: translateY(-4px);
}

.contact-step::after {
    position: absolute;
    right: 26px;
    bottom: 20px;
    left: 26px;
    height: 1px;
    background: rgba(255, 255, 255, .26);
    content: "";
}

.contact-step--orange { background: var(--argos-orange); }
.contact-step--teal { background: var(--argos-teal); }
.contact-step--navy { background: var(--argos-navy); }
.contact-step--pink { background: var(--argos-rose); }

.contact-step__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.contact-step__head strong {
    font-size: clamp(54px, 3.4vw, 66px);
    font-weight: 820;
    letter-spacing: -.085em;
    line-height: .8;
}

.contact-step__head span {
    width: 42px;
    flex: 0 0 42px;
}

.contact-step__head svg {
    display: block;
    width: 100%;
}

.contact-step p {
    position: relative;
    z-index: 1;
    max-width: 270px;
    padding-bottom: 18px;
    font-size: 16px;
    line-height: 1.36;
}

/* Formulário */
.contact-form-section {
    position: relative;
    isolation: isolate;
    padding-block: 66px;
    overflow: hidden;
    color: var(--argos-white);
    background: var(--argos-navy);
}

.contact-form-section::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: url("../images/contact-arc.webp") -40px -240px / 1320px auto no-repeat;
    content: "";
    opacity: .46;
    pointer-events: none;
}

.contact-form-section::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 14%;
    height: 100%;
    background: var(--argos-rose);
    content: "";
}

.contact-form-section__grid {
    display: grid;
    align-items: center;
    gap: 56px;
    grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
}

.contact-form-section__visual {
    display: flex;
    min-height: 570px;
    min-width: 0;
    flex-direction: column;
    padding: 26px 0 0 44px;
}

.contact-form-section__visual h2 {
    position: relative;
    z-index: 2;
    max-width: 430px;
    font-size: clamp(38px, 2.35vw, 45px);
    font-weight: 440;
    letter-spacing: -.055em;
    line-height: 1;
    text-wrap: balance;
}

.contact-form-section__visual img {
    display: block;
    width: min(128%, 690px);
    max-width: none;
    height: auto;
    margin: auto 0 -48px -110px;
    filter: drop-shadow(0 30px 38px rgba(0, 14, 20, .28));
}

.contact-form-card {
    position: relative;
    padding: 38px 36px;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 20px;
    color: var(--argos-navy);
    background: var(--argos-cream);
    box-shadow: 0 26px 62px rgba(0, 18, 26, .22);
}

.contact-form-card .form-status {
    margin-bottom: 28px;
}

.contact-form-card form {
    display: grid;
    gap: 0 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    margin-bottom: 20px;
}

.form-field--full,
.form-submit {
    grid-column: 1 / -1;
}

.form-field label {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 760;
}

.form-choice {
    min-inline-size: 0;
    padding: 0;
    border: 0;
}

.form-choice legend {
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 760;
}

.form-choice__options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form-choice__option {
    display: inline-flex;
    align-items: center;
    min-width: 92px;
    margin: 0;
    padding: 10px 16px;
    border: 1px solid rgba(0, 32, 45, .24);
    border-radius: 999px;
    cursor: pointer;
    transition: border-color 180ms ease, background-color 180ms ease;
}

.contact-form-card .form-choice__option input[type="radio"] {
    appearance: none;
    width: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0, 32, 45, .5);
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 0 4px var(--argos-cream);
    flex: 0 0 18px;
}

.contact-form-card .form-choice__option input[type="radio"]:checked {
    border-color: var(--argos-pink);
    background: var(--argos-pink);
}

.form-choice__option:has(input:checked) {
    border-color: var(--argos-pink);
    background: rgba(200, 47, 135, .08);
}

.contact-form-card .form-choice__option input[type="radio"]:focus-visible {
    outline: 2px solid var(--argos-orange);
    outline-offset: 3px;
    background-size: 0;
    box-shadow: inset 0 0 0 4px var(--argos-cream);
}

.form-field input,
.form-field select {
    width: 100%;
    min-height: 42px;
    padding: 5px 8px;
    border: 0;
    border-bottom: 1px solid rgba(0, 32, 45, .34);
    border-radius: 0;
    outline: 0;
    background: transparent;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.form-field input:focus,
.form-field select:focus {
    border-bottom-color: var(--argos-pink);
    box-shadow: 0 2px 0 var(--argos-pink);
}

.form-submit {
    width: 100%;
    margin-top: 6px;
}

.form-privacy {
    grid-column: 1 / -1;
    margin: 0 0 20px;
    color: rgba(0, 32, 45, .7);
    cursor: pointer;
}

.form-privacy a:hover,
.form-privacy a:focus-visible {
    color: var(--argos-pink);
}

@media (min-width: 1600px) {
    .contact-hero__copy {
        padding-left: 132px;
    }

    .contact-form-card {
        max-width: 720px;
        justify-self: end;
    }
}

@media (max-width: 1250px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 640px;
    }

    .contact-hero__product {
        top: 132px;
        width: min(35vw, 440px);
    }

    .contact-hero__consultant {
        left: calc(50% - 390px);
        width: 445px;
        height: 640px;
    }

    .contact-hero__copy {
        padding: 72px 0 92px 76px;
    }

    .contact-hero h1 {
        font-size: 48px;
    }

    .contact-step {
        min-height: 280px;
        padding: 26px 22px;
    }

    .contact-step::after {
        right: 22px;
        left: 22px;
    }

    .contact-step p {
        font-size: 15px;
    }

    .contact-form-section__grid {
        gap: 38px;
    }

    .contact-form-section__visual {
        padding-left: 20px;
    }

    .contact-form-card {
        padding: 34px 28px;
    }
}

@media (max-width: 980px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 790px;
    }

    .contact-hero {
        background:
            linear-gradient(to bottom, transparent 0 78%, var(--argos-navy) 78% 100%),
            var(--argos-rose);
    }

    .contact-hero::before {
        inset: -35% 32% 18% -28%;
    }

    .contact-hero::after {
        display: none;
    }

    .contact-hero__inner {
        display: block;
    }

    .contact-hero__copy {
        max-width: 500px;
        padding: 52px 0 0;
    }

    .contact-hero h1 {
        max-width: 430px;
        margin-bottom: 26px;
        font-size: 46px;
    }

    .contact-hero__copy p {
        max-width: 380px;
        font-size: 15px;
    }

    .contact-hero__product {
        top: auto;
        bottom: 64px;
        left: var(--argos-gutter);
        width: min(47vw, 360px);
    }

    .contact-hero__consultant {
        right: -28px;
        bottom: 0;
        left: auto;
        width: 382px;
        height: 548px;
    }

    .contact-steps__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-step {
        min-height: 250px;
    }

    .contact-form-section__grid {
        gap: 30px;
        grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
    }

    .contact-form-section__visual {
        min-height: 500px;
        padding-left: 0;
    }

    .contact-form-section__visual h2 {
        font-size: 32px;
        line-height: 1.02;
    }

    .contact-form-section__visual h2 br {
        display: none;
    }

    .contact-form-section__visual img {
        width: 150%;
        margin-bottom: -34px;
        margin-left: -42%;
    }

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

    .form-field,
    .form-field--full,
    .form-submit {
        grid-column: 1;
    }
}

@media (max-width: 700px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 810px;
    }

    .contact-hero {
        background:
            linear-gradient(to bottom, transparent 0 66%, var(--argos-navy) 66% 100%),
            var(--argos-rose);
    }

    .contact-hero::before {
        inset: -26% -10% 48% -64%;
        opacity: .72;
    }

    .contact-hero__copy {
        width: 100%;
        max-width: none;
        padding: 38px 0 0;
    }

    .contact-hero h1 {
        max-width: 330px;
        margin-bottom: 20px;
        font-size: clamp(36px, 10vw, 40px);
        line-height: .98;
    }

    .contact-hero__copy p {
        max-width: none;
        margin-bottom: 15px;
        font-size: 14.5px;
        line-height: 1.43;
    }

    .contact-hero__product {
        display: none;
    }

    .contact-hero__consultant {
        right: -18px;
        width: 272px;
        height: 390px;
        filter: drop-shadow(12px 18px 22px rgba(0, 20, 28, .22));
    }

    .contact-steps {
        padding-block: 44px 50px;
    }

    .contact-steps__grid {
        gap: 12px;
        grid-template-columns: 1fr;
    }

    .contact-step {
        min-height: 218px;
        padding: 24px 22px;
        border-radius: 14px;
    }

    .contact-step:hover,
    .contact-step:focus-within {
        box-shadow: none;
        transform: none;
    }

    .contact-step__head strong {
        font-size: 50px;
    }

    .contact-step__head span {
        width: 34px;
        flex-basis: 34px;
    }

    .contact-step p {
        max-width: 305px;
        padding-bottom: 12px;
        font-size: 15px;
        line-height: 1.35;
    }

    .contact-form-section {
        padding-block: 48px 52px;
    }

    .contact-form-section::before {
        display: none;
    }

    .contact-form-section::after {
        display: none;
    }

    .contact-form-section__grid {
        gap: 28px;
        grid-template-columns: 1fr;
    }

    .contact-form-section__visual {
        min-height: 0;
        padding: 0;
    }

    .contact-form-section__visual h2 {
        max-width: 340px;
        font-size: 32px;
        line-height: 1.02;
    }

    .contact-form-section__visual h2 br {
        display: none;
    }

    .contact-form-section__visual img {
        width: min(108%, 430px);
        max-width: none;
        margin: 24px 0 0 -4%;
    }

    .contact-form-card {
        padding: 26px 20px;
        border-radius: 15px;
    }

    .contact-form-card .form-status {
        margin: -4px 0 24px;
    }

    .form-field {
        margin-bottom: 17px;
    }

    .form-field input,
    .form-field select {
        min-height: 40px;
    }
}

@media (max-width: 430px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 830px;
    }

    .contact-hero__consultant {
        right: -24px;
        width: 265px;
        height: 380px;
    }

    .contact-step {
        min-height: 205px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-step {
        transition: none;
    }
}

/* Profundidade e microinterações premium 1.16 */
.contact-hero__product {
    transform: translate3d(
        calc(var(--hero-depth-x, 0) * -7px),
        calc((var(--hero-depth-y, 0) * -4px) + (var(--hero-depth-scroll, 0) * -8px)),
        0
    ) rotate(-1.2deg);
    transition: transform 260ms linear;
    will-change: transform;
}

.contact-hero__consultant {
    transform: translate3d(
        calc(var(--hero-depth-x, 0) * 7px),
        calc((var(--hero-depth-y, 0) * 4px) + (var(--hero-depth-scroll, 0) * -5px)),
        0
    );
    transition: transform 260ms linear;
    will-change: transform;
}

.contact-hero__copy {
    transform: translate3d(
        calc(var(--hero-depth-x, 0) * -2px),
        calc(var(--hero-depth-scroll, 0) * -3px),
        0
    );
    transition: transform 320ms linear;
}

.contact-form-section__visual {
    position: relative;
}

.contact-form-section__visual .argos-live-interface {
    top: 35%;
    right: 0;
    bottom: 6%;
    left: 0;
    border-color: rgba(243, 235, 220, .2);
    border-radius: 20px;
}

.contact-step {
    transition: transform 360ms var(--argos-motion-ease), box-shadow 300ms ease, opacity 300ms ease;
}

.contact-step:hover,
.contact-step:focus-within {
    box-shadow: 0 14px 28px rgba(0, 32, 45, .11);
    transform: translateY(-2px);
}

.motion-ready .contact-step::after {
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 620ms var(--argos-motion-ease) var(--reveal-delay, 0ms);
}

.motion-ready .contact-step.is-revealed::after {
    transform: scaleX(1);
}

.form-field input,
.form-field select {
    background-image: linear-gradient(90deg, var(--argos-pink), var(--argos-orange));
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: border-color 200ms ease, box-shadow 200ms ease, background-size 420ms var(--argos-motion-ease);
}

.form-field input:focus,
.form-field select:focus {
    background-size: 100% 1px;
    box-shadow: none;
}

@media (max-width: 980px) {
    .contact-hero__product {
        transform: translate3d(0, calc(var(--hero-depth-scroll, 0) * -3px), 0) rotate(-.6deg);
    }

    .contact-hero__consultant {
        transform: translate3d(0, calc(var(--hero-depth-scroll, 0) * -3px), 0);
    }

    .contact-hero__copy {
        transform: none;
    }
}

@media (max-width: 700px) {
    .contact-hero__consultant {
        transform: translate3d(0, calc(var(--hero-depth-scroll, 0) * -2px), 0);
    }

    .contact-step:hover,
    .contact-step:focus-within {
        box-shadow: none;
        transform: none;
    }

    .contact-form-section__visual .argos-live-interface {
        top: 38%;
        bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-hero__product,
    .contact-hero__consultant,
    .contact-hero__copy,
    .contact-step {
        transform: none !important;
        transition: none;
    }
}

/* Composicao final da pagina de contato 1.18 */
.contact-hero,
.contact-hero__inner {
    min-height: 740px;
}

.contact-hero {
    background:
        linear-gradient(to bottom, transparent 0 77%, var(--argos-navy) 77% 100%),
        linear-gradient(90deg, var(--argos-orange) 0 45%, var(--argos-rose) 45% 100%);
}

.contact-hero::before {
    inset: -40% 54% 12% -18%;
    opacity: .9;
}

.contact-hero::after {
    top: -210px;
    right: auto;
    bottom: auto;
    left: 45%;
    width: 660px;
    height: 660px;
    border: 1px solid rgba(243, 235, 220, .16);
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 0 74px rgba(243, 235, 220, .025), 0 0 0 148px rgba(0, 32, 45, .025);
    opacity: .72;
}

.contact-hero__inner {
    grid-template-columns: minmax(0, 52%) minmax(0, 48%);
}

.contact-hero__product {
    top: 160px;
    width: min(29vw, 530px);
    transform: translate3d(
        calc(var(--hero-depth-x, 0) * -6px),
        calc((var(--hero-depth-y, 0) * -3px) + (var(--hero-depth-scroll, 0) * -7px)),
        0
    );
}

.contact-hero__consultant {
    left: calc(50% - 470px);
    width: 535px;
    height: 740px;
}

.contact-hero__copy {
    max-width: 690px;
    padding: 96px 12px 112px 72px;
}

.contact-hero h1 {
    max-width: 580px;
    font-size: clamp(48px, 2.9vw, 56px);
}

.contact-hero__copy p {
    max-width: 560px;
}

.contact-form-section__visual .argos-live-interface {
    display: none !important;
}

.contact-form-section__visual img {
    width: min(116%, 650px);
    margin: auto 0 -42px -72px;
}

@media (max-width: 1180px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 760px;
    }

    .contact-hero {
        background:
            linear-gradient(to bottom, transparent 0 74%, var(--argos-navy) 74% 100%),
            var(--argos-rose);
    }

    .contact-hero::before {
        inset: -34% 30% 20% -30%;
    }

    .contact-hero::after {
        display: none;
    }

    .contact-hero__inner {
        display: block;
    }

    .contact-hero__copy {
        width: min(48vw, 470px);
        max-width: none;
        padding: 48px 0 0;
        transform: none;
    }

    .contact-hero h1 {
        max-width: 440px;
        margin-bottom: 24px;
        font-size: clamp(40px, 4.4vw, 48px);
    }

    .contact-hero__copy p {
        max-width: 430px;
        font-size: 15px;
    }

    .contact-hero__product {
        top: auto;
        bottom: 62px;
        left: var(--argos-gutter);
        display: block;
        width: min(39vw, 370px);
        transform: translate3d(0, calc(var(--hero-depth-scroll, 0) * -3px), 0);
    }

    .contact-hero__consultant {
        right: -18px;
        bottom: 0;
        left: auto;
        width: 390px;
        height: 560px;
    }
}

@media (max-width: 700px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 820px;
    }

    .contact-hero {
        background:
            linear-gradient(to bottom, transparent 0 58%, var(--argos-navy) 58% 100%),
            var(--argos-rose);
    }

    .contact-hero::before {
        inset: -18% -22% 52% -72%;
        opacity: .56;
    }

    .contact-hero__copy {
        width: 100%;
        max-width: none;
        padding: 28px 0 0;
    }

    .contact-hero h1 {
        max-width: 330px;
        margin-bottom: 18px;
        font-size: clamp(34px, 9.4vw, 38px);
        line-height: .98;
    }

    .contact-hero__copy p {
        max-width: 360px;
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.42;
    }

    .contact-hero__product {
        bottom: 150px;
        left: 20px;
        display: block;
        width: min(62vw, 242px);
        padding: 4px;
        border-radius: 9px;
        transform: none;
    }

    .contact-hero__product img {
        border-radius: 6px;
    }

    .contact-hero__consultant {
        right: -26px;
        width: 280px;
        height: 402px;
        transform: none;
    }

    .contact-form-section__visual {
        align-items: center;
        text-align: center;
    }

    .contact-form-section__visual h2 {
        max-width: 330px;
        margin-inline: auto;
        font-size: 29px;
        line-height: 1.01;
        text-wrap: balance;
    }

    .contact-form-section__visual h2 br {
        display: block;
    }

    .contact-form-section__visual img {
        width: min(100%, 390px);
        margin: 24px auto 0;
    }

    .contact-step {
        min-height: 200px;
    }
}

@media (max-width: 430px) {
    .contact-hero,
    .contact-hero__inner {
        min-height: 830px;
    }

    .contact-hero__consultant {
        right: -30px;
        width: 276px;
        height: 398px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-hero__product,
    .contact-hero__consultant,
    .contact-hero__copy {
        transform: none !important;
    }
}

/* Hero mobile reconstruida: copy e cena vivem em blocos independentes. */
.contact-hero__mobile-stage {
    display: none;
}

@media (max-width: 700px) {
    .contact-hero.contact-hero--rebuilt {
        min-height: 0;
        overflow: hidden;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, .035) 0 24%, transparent 24% 100%),
            var(--argos-rose);
    }

    .contact-hero--rebuilt::before {
        top: 30px;
        right: -180px;
        bottom: auto;
        left: auto;
        width: 330px;
        height: 330px;
        border: 1px solid rgba(243, 235, 220, .12);
        border-radius: 50%;
        background: transparent;
        box-shadow: 0 0 0 54px rgba(243, 235, 220, .028);
        opacity: 1;
    }

    .contact-hero--rebuilt::after {
        top: 26px;
        right: 20px;
        bottom: auto;
        left: auto;
        display: block;
        width: 1px;
        height: 72px;
        border: 0;
        border-radius: 0;
        background: var(--argos-orange);
        box-shadow: none;
        opacity: .9;
    }

    .contact-hero--rebuilt > .contact-hero__product,
    .contact-hero--rebuilt > .contact-hero__consultant {
        display: none;
    }

    .contact-hero--rebuilt .contact-hero__inner {
        display: block;
        min-height: 0;
    }

    .contact-hero--rebuilt .contact-hero__copy {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: none;
        padding: 34px 0 38px;
        transform: none;
    }

    .contact-hero--rebuilt .contact-hero__copy h1 {
        max-width: 325px;
        margin-bottom: 20px;
        font-size: clamp(37px, 10.2vw, 42px);
        font-weight: 430;
        letter-spacing: -.052em;
        line-height: .96;
        text-wrap: balance;
    }

    .contact-hero--rebuilt .contact-hero__copy h1::after {
        display: block;
        width: 46px;
        height: 3px;
        margin-top: 18px;
        background: var(--argos-orange);
        content: "";
    }

    .contact-hero--rebuilt .contact-hero__copy p {
        max-width: 350px;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.46;
        text-wrap: pretty;
    }

    .contact-hero--rebuilt .contact-hero__copy p:last-child {
        margin-bottom: 0;
    }

    .contact-hero__mobile-stage {
        position: relative;
        z-index: 1;
        display: block;
        height: 382px;
        overflow: hidden;
        border-top: 1px solid rgba(243, 235, 220, .2);
        background:
            linear-gradient(138deg, var(--argos-rose) 0 18%, transparent 18.2% 100%),
            linear-gradient(180deg, #003241 0%, var(--argos-navy) 100%);
    }

    .contact-hero__mobile-stage::before {
        position: absolute;
        z-index: 0;
        top: -70px;
        right: -96px;
        width: 280px;
        height: 280px;
        border: 1px solid rgba(243, 235, 220, .12);
        border-radius: 50%;
        box-shadow: 0 0 0 42px rgba(243, 235, 220, .026);
        content: "";
    }

    .contact-hero__mobile-stage::after {
        position: absolute;
        z-index: 0;
        right: 28px;
        bottom: 24px;
        width: 72px;
        height: 2px;
        background: var(--argos-orange);
        content: "";
    }

    .contact-hero__mobile-ring {
        position: absolute;
        z-index: 0;
        bottom: -122px;
        left: -142px;
        width: 286px;
        height: 286px;
        border: 1px solid rgba(215, 49, 138, .36);
        border-radius: 50%;
        box-shadow: 0 0 0 40px rgba(215, 49, 138, .07), 0 0 0 78px rgba(215, 49, 138, .035);
    }

    .contact-hero__mobile-product {
        position: absolute;
        z-index: 1;
        top: 112px;
        left: max(18px, calc((100vw - 390px) / 2 + 18px));
        width: min(59vw, 230px);
        padding: 5px;
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 11px;
        background: rgba(255, 255, 255, .9);
        box-shadow: 0 20px 48px rgba(0, 16, 24, .3);
        transform: rotate(-1deg);
    }

    .contact-hero__mobile-product img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 7px;
    }

    .contact-hero__mobile-consultant {
        position: absolute;
        z-index: 2;
        right: max(-24px, calc((100vw - 430px) / 2));
        bottom: 0;
        display: block;
        width: 274px;
        height: 394px;
        filter: drop-shadow(-16px 18px 24px rgba(0, 16, 24, .3));
        object-fit: contain;
        object-position: right bottom;
    }
}

@media (max-width: 360px) {
    .contact-hero--rebuilt .contact-hero__copy {
        padding-block: 30px 34px;
    }

    .contact-hero--rebuilt .contact-hero__copy h1 {
        max-width: 290px;
        font-size: 36px;
    }

    .contact-hero__mobile-stage {
        height: 354px;
    }

    .contact-hero__mobile-product {
        top: 108px;
        width: 205px;
    }

    .contact-hero__mobile-consultant {
        right: -30px;
        width: 250px;
        height: 360px;
    }
}

/* A página permanece viva sem deslocar copy, consultor ou campos. */
.motion-ready .contact-hero::before {
    animation: contact-radar-breathe 15s ease-in-out infinite alternate;
    transform-origin: center;
}

.motion-ready .contact-hero::after {
    animation: contact-ring-breathe 12s ease-in-out infinite alternate;
    transform-origin: center;
}

.motion-ready .contact-step__head span {
    animation: contact-icon-signal 5.8s ease-in-out infinite;
}

.motion-ready .contact-step:nth-child(2) .contact-step__head span { animation-delay: .7s; }
.motion-ready .contact-step:nth-child(3) .contact-step__head span { animation-delay: 1.4s; }
.motion-ready .contact-step:nth-child(4) .contact-step__head span { animation-delay: 2.1s; }

.motion-ready .contact-hero__mobile-ring {
    animation: contact-mobile-ring 10s ease-in-out infinite alternate;
}

@keyframes contact-radar-breathe {
    from { opacity: .74; transform: translate3d(-3px, 3px, 0) scale(.992); }
    to { opacity: .94; transform: translate3d(4px, -3px, 0) scale(1.008); }
}

@keyframes contact-ring-breathe {
    from { opacity: .58; transform: scale(.992); }
    to { opacity: .78; transform: scale(1.012); }
}

@keyframes contact-icon-signal {
    0%, 72%, 100% { filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0)); transform: translate3d(0, 0, 0); }
    84% { filter: drop-shadow(0 0 8px rgba(255, 255, 255, .28)); transform: translate3d(0, -2px, 0); }
}

@keyframes contact-mobile-ring {
    from { opacity: .72; transform: scale(.985); }
    to { opacity: 1; transform: scale(1.015); }
}

@media (prefers-reduced-motion: reduce) {
    .contact-hero::before,
    .contact-hero::after,
    .contact-step__head span,
    .contact-hero__mobile-ring,
    .contact-hero__mobile-product,
    .contact-hero__mobile-consultant {
        animation: none !important;
        transform: none !important;
        transition: none;
    }
}
