﻿/* ── Omniaifin Policy / Static Pages ──────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.policy-bg {
    min-height: 100vh;
    background: #0a0f1a;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: #b0bcd8;
    padding: 40px 20px 80px;
}

.policy-container {
    max-width: 760px;
    margin: 0 auto;
}

.policy-back {
    display: inline-block; margin-bottom: 32px;
    color: #4a6080; font-size: 14px; text-decoration: none;
    transition: color .15s;
}
.policy-back:hover { color: #c9a84c; }

.policy-logo {
    width: 52px; height: 52px;
    background: linear-gradient(135deg, #c9a84c, #a8893e);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 26px; margin-bottom: 20px;
}

.policy-title {
    font-size: 28px; font-weight: 800; color: #fff;
    margin-bottom: 6px;
}
.policy-date {
    font-size: 13px; color: #4a6080; margin-bottom: 36px;
}

/* ── Body text ───────────────────────────────────────────────────────────────── */
.policy-body h2 {
    font-size: 16px; font-weight: 700; color: #e8eaf0;
    margin: 32px 0 10px; padding-bottom: 6px;
    border-bottom: 1px solid #1a2540;
}
.policy-body p  { font-size: 14px; line-height: 1.75; margin-bottom: 12px; }
.policy-body ul,
.policy-body ol { padding-left: 20px; margin-bottom: 14px; }
.policy-body li { font-size: 14px; line-height: 1.7; margin-bottom: 6px; }
.policy-body a  { color: #c9a84c; text-decoration: none; }
.policy-body a:hover { text-decoration: underline; }
.policy-body strong { color: #e8eaf0; }

.policy-highlight {
    background: #c9a84c12; border: 1px solid #c9a84c44;
    border-radius: 8px; padding: 14px 18px;
    font-size: 14px; color: #c9a84c; margin: 16px 0;
}

/* ── Table ───────────────────────────────────────────────────────────────────── */
.policy-table {
    width: 100%; border-collapse: collapse;
    font-size: 13px; margin: 16px 0;
}
.policy-table th {
    background: #0e1628; color: #4a6080;
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .4px; padding: 10px 12px;
    border: 1px solid #1a2540; text-align: left;
}
.policy-table td {
    padding: 10px 12px; border: 1px solid #1a2540;
    color: #b0bcd8; background: #090e1c;
}
.policy-table tr:nth-child(even) td { background: #0d1525; }

/* ── Contact grid ────────────────────────────────────────────────────────────── */
.contact-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px; margin-bottom: 40px;
}
.contact-card {
    background: #0e1628; border: 1px solid #1a2540;
    border-radius: 14px; padding: 22px 20px;
}
.contact-icon { font-size: 28px; margin-bottom: 12px; }
.contact-card h3 {
    font-size: 14px; font-weight: 700; color: #e8eaf0; margin-bottom: 10px;
}
.contact-card p { font-size: 13.5px; line-height: 1.75; color: #b0bcd8; }
.contact-card a { color: #c9a84c; text-decoration: none; }
.contact-card a:hover { text-decoration: underline; }

/* ── Contact form ────────────────────────────────────────────────────────────── */
.contact-form { margin-top: 20px; }
.contact-form-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
@media (max-width: 560px) { .contact-form-row { grid-template-columns: 1fr; } }
.form-group { margin-bottom: 16px; }
.form-group label {
    display: block; font-size: 12px; font-weight: 600; color: #4a6080;
    text-transform: uppercase; letter-spacing: .4px; margin-bottom: 6px;
}
.form-input {
    width: 100%; padding: 11px 14px;
    background: #0d1424; border: 1px solid #1a2540;
    border-radius: 8px; color: #e8eaf0;
    font-size: 14px; font-family: inherit; outline: none;
    transition: border-color .15s;
}
.form-input:focus { border-color: #c9a84c; }
textarea.form-input { resize: vertical; min-height: 120px; }
.btn-contact-submit {
    background: linear-gradient(135deg, #c9a84c, #a8893e);
    color: #0a0f1a; border: none; border-radius: 8px;
    padding: 12px 28px; font-size: 14px; font-weight: 700;
    font-family: inherit; cursor: pointer; transition: opacity .15s;
}
.btn-contact-submit:hover { opacity: .88; }
.contact-success {
    margin-top: 12px; color: #10a37f; font-size: 14px;
    background: #10a37f12; border: 1px solid #10a37f44;
    border-radius: 6px; padding: 10px 14px;
}
.contact-error {
    margin-top: 12px; color: #ef4444; font-size: 14px;
    background: #ef444412; border: 1px solid #ef444444;
    border-radius: 6px; padding: 10px 14px;
}
.hidden { display: none !important; }

/* ── Services grid ───────────────────────────────────────────────────────────── */
.services-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px; margin-top: 36px;
}
.service-card {
    background: #0e1628; border: 1px solid #1a2540;
    border-radius: 14px; padding: 24px 22px;
    transition: border-color .2s, transform .2s;
}
.service-card:hover {
    border-color: #c9a84c55; transform: translateY(-2px);
}
.service-icon { font-size: 32px; margin-bottom: 14px; }
.service-card h3 {
    font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px;
}
.service-card p {
    font-size: 13.5px; line-height: 1.7; color: #8899bb; margin-bottom: 14px;
}
.service-card ul {
    list-style: none; padding: 0; margin-bottom: 18px;
}
.service-card ul li {
    font-size: 13px; color: #4a6080; padding: 3px 0;
    padding-left: 16px; position: relative;
}
.service-card ul li::before {
    content: '✓'; position: absolute; left: 0; color: #c9a84c; font-weight: 700;
}
.service-cta {
    font-size: 13px; font-weight: 600; color: #c9a84c;
    text-decoration: none; transition: color .15s;
}
.service-cta:hover { color: #d4b96a; }

/* ── Footer ──────────────────────────────────────────────────────────────────── */
.site-footer {
    background: #060b14;
    border-top: 1px solid #1a2540;
    padding: 40px 24px 24px;
    font-family: 'DM Sans', system-ui, sans-serif;
}
.footer-inner {
    max-width: 1100px; margin: 0 auto;
}
.footer-top {
    display: flex; flex-wrap: wrap; gap: 40px;
    justify-content: space-between; margin-bottom: 32px;
}
.footer-brand { flex: 0 0 200px; }
.footer-logo {
    display: flex; align-items: center; gap: 10px; margin-bottom: 10px;
}
.footer-logo-icon {
    width: 32px; height: 32px; border-radius: 8px;
    background: linear-gradient(135deg, #c9a84c, #a8893e);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
}
.footer-logo-name { font-size: 16px; font-weight: 700; color: #fff; }
.footer-tagline { font-size: 12px; color: #4a6080; line-height: 1.6; }

.footer-links-col h4 {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .6px; color: #4a6080; margin-bottom: 14px;
}
.footer-links-col a {
    display: block; font-size: 13px; color: #6b7a99;
    text-decoration: none; margin-bottom: 8px; transition: color .15s;
}
.footer-links-col a:hover { color: #c9a84c; }

.footer-bottom {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    align-items: center; gap: 12px;
    border-top: 1px solid #1a2540; padding-top: 20px;
    font-size: 12px; color: #4a6080;
}
.footer-bottom a { color: #4a6080; text-decoration: none; margin-left: 16px; }
.footer-bottom a:hover { color: #c9a84c; }
