/* ==========================================================
   AZTEC AUTOMATION — DISCUTĂ UN PROIECT
========================================================== */

html { scroll-behavior:smooth; }

body {
    color:var(--az-ink);
    background:var(--az-gray);
}

.az-container {
    width:min(1700px,94vw);
    margin-inline:auto;
}

.project-contact-section {
    padding:clamp(72px,6.2vw,104px) 0;
}

.project-contact-section-light {
    background:var(--az-sand);
}

.project-contact-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--az-green);
    font-size:.70rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.project-contact-eyebrow::before {
    width:32px;
    height:2px;
    content:"";
    background:currentColor;
}

.project-contact-heading h2,
.project-contact-form-copy h2,
.project-contact-next h2,
.project-contact-fit h2 {
    margin:16px 0 0;
    color:var(--az-ink);
    font-size:clamp(1.75rem,2.65vw,3rem);
    font-weight:650;
    line-height:1.10;
    letter-spacing:-.035em;
    text-wrap:balance;
}


/* HERO */

.project-contact-hero {
    position:relative;
    overflow:hidden;
    padding:clamp(86px,8vw,126px) 0;
    color:var(--az-white);
    background:
        linear-gradient(
            115deg,
            color-mix(in srgb,var(--az-green-deep) 99%,transparent),
            color-mix(in srgb,var(--az-green) 92%,transparent)
        ),
        var(--az-green);
}

.project-contact-hero::before {
    position:absolute;
    inset:0;
    content:"";
    opacity:.17;
    pointer-events:none;
    background-image:
        linear-gradient(color-mix(in srgb,var(--az-white) 12%,transparent) 1px,transparent 1px),
        linear-gradient(90deg,color-mix(in srgb,var(--az-white) 12%,transparent) 1px,transparent 1px);
    background-size:54px 54px;
}

.project-contact-hero .az-container {
    position:relative;
    z-index:2;
}

.project-contact-hero-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,.72fr);
    gap:clamp(48px,7vw,110px);
    align-items:center;
}

.project-contact-hero .project-contact-eyebrow {
    color:var(--az-lime);
}

.project-contact-hero h1 {
    max-width:1050px;
    margin:22px 0 0;
    color:var(--az-white);
    font-size:clamp(2.15rem,3.65vw,4.15rem);
    font-weight:650;
    line-height:1.04;
    letter-spacing:-.045em;
}

.project-contact-hero p {
    max-width:820px;
    margin:24px 0 0;
    color:color-mix(in srgb,var(--az-white) 78%,transparent);
    font-size:.98rem;
    line-height:1.72;
}

.project-contact-hero-card {
    padding:28px;
    background:color-mix(in srgb,var(--az-white) 6%,transparent);
    border:1px solid color-mix(in srgb,var(--az-white) 18%,transparent);
    box-shadow:0 18px 44px color-mix(in srgb,var(--az-green-deep) 14%,transparent);
}

.project-contact-hero-card > span {
    display:block;
    margin-bottom:16px;
    color:var(--az-lime);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.project-contact-hero-card > div {
    padding:20px;
    margin-bottom:10px;
    background:color-mix(in srgb,var(--az-white) 6%,transparent);
    border:1px solid color-mix(in srgb,var(--az-white) 15%,transparent);
}

.project-contact-hero-card > div:last-child {
    margin-bottom:0;
}

.project-contact-hero-card small {
    color:var(--az-lime);
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.project-contact-hero-card strong {
    display:block;
    margin-top:8px;
    color:var(--az-white);
    font-size:.92rem;
    line-height:1.45;
}

.project-contact-hero-card .is-accent {
    background:var(--az-lime);
    border-color:var(--az-lime);
}

.project-contact-hero-card .is-accent small,
.project-contact-hero-card .is-accent strong {
    color:var(--az-green-deep);
}


/* CONTEXT */

.project-contact-heading {
    max-width:1040px;
    margin-inline:auto;
}

.project-contact-heading .project-contact-eyebrow {
    justify-content:center;
}

.project-contact-heading .project-contact-eyebrow::after {
    width:32px;
    height:2px;
    content:"";
    background:currentColor;
}

.project-contact-context-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:48px;
}

.project-contact-context-grid article {
    min-height:190px;
    padding:26px;
    background:var(--az-white);
    border:1px solid var(--az-line);
    box-shadow:0 14px 38px color-mix(in srgb,var(--az-green-deep) 6%,transparent);
}

.project-contact-context-grid article.is-accent {
    color:var(--az-white);
    background:var(--az-green);
    border-color:var(--az-green);
}

.project-contact-context-grid small {
    color:var(--az-green);
    font-size:.66rem;
    font-weight:800;
}

.project-contact-context-grid .is-accent small {
    color:var(--az-lime);
}

.project-contact-context-grid strong {
    display:block;
    margin-top:30px;
    color:var(--az-ink);
    font-size:.96rem;
    line-height:1.4;
}

.project-contact-context-grid .is-accent strong {
    color:var(--az-white);
}

.project-contact-context-grid p {
    margin:11px 0 0;
    font-size:.82rem;
    line-height:1.6;
}

.project-contact-context-grid .is-accent p {
    color:color-mix(in srgb,var(--az-white) 72%,transparent);
}


/* FORM AREA */

.project-contact-form-grid,
.project-contact-next-grid,
.project-contact-fit-grid {
    display:grid;
    grid-template-columns:minmax(0,.72fr) minmax(520px,1fr);
    gap:clamp(52px,7vw,110px);
    align-items:start;
}

.project-contact-form-copy p,
.project-contact-fit-grid p {
    margin:20px 0 0;
    font-size:.96rem;
    line-height:1.72;
}

.project-contact-note {
    margin-top:30px;
    padding:24px;
    background:var(--az-sand);
    border:1px solid var(--az-line);
}

.project-contact-note small {
    color:var(--az-green);
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.project-contact-note p {
    margin:10px 0 0;
    font-size:.84rem;
    line-height:1.6;
}

.project-contact-form-wrap {
    padding:clamp(28px,3.5vw,46px);
    background:var(--az-white);
    border:1px solid var(--az-line);
    box-shadow:0 18px 48px color-mix(in srgb,var(--az-green-deep) 7%,transparent);
}

.project-contact-form {
    display:grid;
    gap:22px;
}

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

.project-contact-form label {
    display:block;
    margin-bottom:8px;
    color:var(--az-ink);
    font-size:.76rem;
    font-weight:700;
}

.project-contact-form .form-control,
.project-contact-form .form-select {
    min-height:48px;
    padding:10px 13px;
    color:var(--az-ink);
    background:var(--az-white);
    border:1px solid var(--az-line);
    border-radius:3px;
    box-shadow:none;
    font-size:.87rem;
}

.project-contact-form textarea.form-control {
    min-height:180px;
    resize:vertical;
}

.project-contact-form .form-control:focus,
.project-contact-form .form-select:focus {
    border-color:var(--az-green);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--az-green) 10%,transparent);
}

.project-contact-check {
    display:grid;
    grid-template-columns:18px 1fr;
    gap:10px;
    align-items:start;
}

.project-contact-check .form-check-input {
    margin:3px 0 0;
}

.project-contact-check label {
    margin:0;
    color:color-mix(in srgb,var(--az-ink) 72%,transparent);
    font-size:.75rem;
    font-weight:500;
    line-height:1.55;
}

.project-contact-check a {
    color:var(--az-green);
}

.project-contact-submit {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    width:max-content;
    padding:12px 22px;
    color:var(--az-white);
    background:var(--az-green);
    border-color:var(--az-green);
    border-radius:4px;
    font-size:.86rem;
    font-weight:750;
}

.project-contact-hp {
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}


/* NEXT */

.project-contact-next {
    color:var(--az-white);
    background:var(--az-green-deep);
}

.project-contact-next .project-contact-eyebrow {
    color:var(--az-lime);
}

.project-contact-next h2 {
    color:var(--az-white);
}

.project-contact-next-steps {
    display:grid;
    gap:10px;
}

.project-contact-next-steps > div {
    display:grid;
    grid-template-columns:48px 1fr;
    gap:16px;
    padding:20px 22px;
    background:color-mix(in srgb,var(--az-white) 6%,transparent);
    border:1px solid color-mix(in srgb,var(--az-white) 16%,transparent);
}

.project-contact-next-steps > div.is-accent {
    background:var(--az-lime);
    border-color:var(--az-lime);
}

.project-contact-next-steps small {
    color:var(--az-lime);
    font-size:.66rem;
    font-weight:800;
}

.project-contact-next-steps strong {
    display:block;
    color:var(--az-white);
    font-size:.9rem;
}

.project-contact-next-steps p {
    grid-column:2;
    margin:5px 0 0;
    color:color-mix(in srgb,var(--az-white) 70%,transparent);
    font-size:.8rem;
    line-height:1.55;
}

.project-contact-next-steps .is-accent small,
.project-contact-next-steps .is-accent strong,
.project-contact-next-steps .is-accent p {
    color:var(--az-green-deep);
}


/* FIT */

.project-contact-fit {
    background:var(--az-sand);
}


/* RESPONSIVE */

@media (max-width:1199.98px) {
    .project-contact-context-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:991.98px) {
    .project-contact-hero-grid,
    .project-contact-form-grid,
    .project-contact-next-grid,
    .project-contact-fit-grid {
        grid-template-columns:1fr;
        gap:34px;
    }
}

@media (max-width:767.98px) {
    .az-container {
        width:calc(100% - 36px);
    }

    .project-contact-section {
        padding-block:62px;
    }

    .project-contact-hero {
        padding-block:68px;
    }

    .project-contact-hero h1 {
        font-size:clamp(2rem,9vw,3rem);
    }

    .project-contact-context-grid,
    .project-contact-form-row {
        grid-template-columns:1fr;
    }

    .project-contact-submit {
        width:100%;
    }
}