/* Heimdall Studio v0.15.7 - OdoBuddy layout polish */

/* 1) Tighten the transition directly below the hero */
.odobuddy-v0157-after-hero {
    margin-top: 0 !important;
    padding-top: clamp(28px, 4vw, 52px) !important;
}

/* 2) Make the principle cards more compact and visually centred */
.odobuddy-v0157-principles-grid {
    align-items: stretch !important;
}

.odobuddy-v0157-principle-card {
    min-height: 0 !important;
    padding: 28px 26px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.odobuddy-v0157-principle-card h3,
.odobuddy-v0157-principle-card h4,
.odobuddy-v0157-principle-card strong {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.odobuddy-v0157-principle-card p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 3) Turn development status into a deliberate standalone card */
.odobuddy-v0157-status-section {
    padding-top: clamp(50px, 6vw, 82px) !important;
    padding-bottom: clamp(50px, 6vw, 82px) !important;
}

.odobuddy-v0157-status-card {
    border: 1px solid rgba(91, 151, 190, 0.22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 30%, rgba(104, 194, 255, 0.10), transparent 30%),
        linear-gradient(135deg, rgba(237, 248, 255, 0.94), rgba(248, 252, 255, 0.98));
    box-shadow: 0 18px 55px rgba(24, 55, 82, 0.08);
    padding: clamp(34px, 5vw, 64px);
}

.odobuddy-v0157-status-card > *:last-child {
    margin-bottom: 0 !important;
}

/* Keep content from feeling detached from footer */
.odobuddy-v0157-status-section + footer,
.odobuddy-v0157-status-section ~ footer {
    margin-top: 0 !important;
}

/* Mobile polish */
@media (max-width: 760px) {
    .odobuddy-v0157-after-hero {
        padding-top: 24px !important;
    }

    .odobuddy-v0157-principle-card {
        padding: 24px 22px !important;
        text-align: left;
    }

    .odobuddy-v0157-status-section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .odobuddy-v0157-status-card {
        border-radius: 22px;
        padding: 26px 22px;
    }
}
