/* ============================================================
   Aurinto — contact page
   ============================================================ */

.contact-hero {
    position: relative;
    padding: 72px 0 16px;
}

.contact-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(640px 360px at 15% -20%, rgba(79, 70, 229, .08), transparent 60%),
        radial-gradient(560px 320px at 85% -10%, rgba(8, 145, 178, .06), transparent 60%);
    pointer-events: none;
}

.contact-hero .container { position: relative; }

.contact-hero .section-head { margin-bottom: 24px; }

.contact-hero h1 { font-size: clamp(2rem, 3.6vw, 2.8rem); }

.contact-body { padding: 24px 0 96px; }

.contact-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 32px;
    align-items: start;
}

.contact-grid > * { min-width: 0; }

@media (max-width: 900px) {
    .contact-grid { grid-template-columns: 1fr; }
}

.contact-form-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius-l);
    box-shadow: var(--shadow-m);
    padding: 36px;
}

@media (max-width: 640px) {
    .contact-form-card { padding: 24px; }
}

.contact-side { display: flex; flex-direction: column; gap: 20px; }

.side-card {
    background: var(--bg-soft);
    border: 1px solid var(--line);
    border-radius: var(--radius-l);
    padding: 28px;
}

.side-card h3 { margin: 14px 0 8px; font-size: 1.08rem; }

.side-card .ico-tile { background: #fff; box-shadow: var(--shadow-s); }

.side-card p { font-size: .93rem; margin-bottom: 6px; }

.side-mail { font-size: 1.05rem; font-weight: 700; }

.next-steps {
    margin: 0;
    padding-left: 1.2em;
    font-size: .93rem;
    color: var(--text);
}

.next-steps li { margin-bottom: 12px; }

.next-steps li::marker { color: var(--primary); font-weight: 700; }

.next-steps strong { color: var(--ink); }