/* =========================================================
   HEALTH CUSTODIAN LANDING PAGES (COMING SOON / MAINTENANCE)
   Super-Premium Visual-First Redesign
========================================================= */

.hc-landing-body{
    min-height:100vh;
    background:#071316;
}

.hc-landing{
    min-height:100vh;
    display:flex;
    align-items:flex-start;
    padding:40px 32px 60px;
    color:#ffffff;
    background:
        radial-gradient(circle at 50% 0%, rgba(47,143,157,0.15), transparent 50%),
        linear-gradient(180deg, #071316 0%, #0f172a 100%);
}

.hc-landing-shell{
    width:min(1180px, 100%);
    margin-inline:auto;
}

/* 1. BRAND AREA (CENTERED) */
.hc-landing-brand{
    margin-bottom:32px;
    display: flex;
    justify-content: center;
}

.hc-landing-brand.hc-logo-light img,
.hc-landing-brand.hc-logo-light .custom-logo{
    filter: brightness(0) invert(1);
}

.hc-landing-brand a{
    color:#ffffff;
    font-weight:800;
    font-size:1.25rem;
}

.hc-landing-brand img,
.hc-landing-brand .custom-logo{
    max-height:60px;
    width:auto;
}

/* 2. STANDALONE HERO VISUAL (BLENDED) */
.hc-landing-hero-visual-wrap{
    margin-bottom:40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.hc-status-badge {
    display: inline-flex;
    padding: 6px 14px;
    background: var(--primary, #2f8f9d);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.hc-status-badge.badge-warning {
    background: #ea580c;
}

.hc-landing-hero-visual{
    position: relative;
    width: min(800px, 100%);
    aspect-ratio: 16 / 9;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.4);
    background: #000;
    border: 1.5px solid rgba(255,255,255,0.1);
}

.hc-landing-hero-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
}

.hc-hero-visual-overlay{
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at center, transparent 30%, rgba(7, 19, 22, 0.4) 100%),
        linear-gradient(to top, rgba(7, 19, 22, 0.8) 0%, transparent 20%),
        linear-gradient(to bottom, rgba(7, 19, 22, 0.8) 0%, transparent 20%);
    pointer-events: none;
}

/* 3. MAIN CONTENT */
.hc-landing-content-main{
    max-width: 850px;
    margin-bottom: 40px;
}

.hc-highlight {
    color: #a7f3d0;
    position: relative;
}

.hc-landing-kicker{
    display:inline-flex;
    align-items:center;
    margin-bottom:20px;
    padding:8px 16px;
    border:1px solid rgba(255,255,255,0.18);
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    color:#a7f3d0;
    font-size:0.82rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.1em;
}

.hc-landing h1{
    margin:0 0 24px;
    color:#ffffff;
    font-size:clamp(2.5rem, 5.5vw, 3.8rem);
    line-height:1.05;
    font-weight:800;
}

.hc-landing p{
    max-width:700px;
    margin-inline: auto;
    color:rgba(255,255,255,0.82);
    font-size:1.15rem;
    line-height:1.8;
}

/* NEWSLETTER FORM */
.hc-landing-form{
    max-width:640px;
    margin-top:40px;
}

.hc-landing-form label{
    display:block;
    margin-bottom:12px;
    font-weight:700;
    font-size:0.92rem;
    color: rgba(255,255,255,0.6);
}

.hc-landing-form-inputs{
    display:flex;
    gap:10px;
    padding:8px;
    border:1px solid rgba(255,255,255,0.15);
    border-radius:999px;
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(20px);
}

.hc-landing-form input{
    min-width:0;
    flex:1;
    border:0;
    outline:0;
    padding:12px 18px;
    background:transparent;
    color:#ffffff;
    font-size:1rem;
}

.hc-landing-form input:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.12);
}

.hc-landing-form button,
.hc-landing-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    padding:12px 24px;
    background:#ffffff;
    color:#0f172a;
    font-weight:800;
    white-space:nowrap;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.hc-landing-form button:hover,
.hc-landing-button:hover {
    background: var(--primary-light, #14b8a6);
    color: #ffffff;
    transform: scale(1.05) translateY(-2px);
}

.hc-newsletter-message {
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 18px;
    display: inline-block;
}

.hc-newsletter-message.text-success { color: #a7f3d0 !important; background: rgba(16, 185, 129, 0.15); }
.hc-newsletter-message.text-danger { color: #fecaca !important; background: rgba(239, 68, 68, 0.15); }

.hc-landing-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:32px;
}

.hc-landing-meta span{
    padding:8px 16px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:999px;
    color:rgba(255,255,255,0.7);
    font-size:0.85rem;
    font-weight:700;
}

/* 4. BOTTOM PANEL (SYMMETRICAL GRID) */
.hc-landing-bottom-section{
    margin-top: 20px; 
    position: relative;
    z-index: 10;
}

.hc-landing-panel-wide{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px;
    border: 1.5px solid rgba(255,255,255,0.08);
    border-radius: 40px;
    background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
    box-shadow: 0 15px 50px rgba(0,0,0,0.15);
    backdrop-filter: blur(24px);
}

.hc-orbit-card{
    position: relative; 
    flex: 1;
    min-width: 280px;
    max-width: 320px;
    padding: 24px;
    border: 1.5px solid rgba(255,255,255,0.12);
    border-radius: 24px;
    background: rgba(15,23,42,0.85);
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
    text-align: center;
    transition: all 0.3s ease;
}

.hc-orbit-card:hover {
    transform: translateY(-8px);
    border-color: var(--primary-light, #14b8a6);
    background: rgba(15,23,42,0.95);
}

.hc-orbit-card strong{
    display:block;
    margin:8px 0;
    color:#ffffff;
    font-size:1.15rem;
}

.hc-orbit-card span,
.hc-orbit-card small{
    display:block;
    color:rgba(255,255,255,0.6);
    font-size: 0.88rem;
}

/* MAINTENANCE SPECIFIC */
.hc-status-card{
    display:flex;
    align-items:center;
    gap:16px;
    width:fit-content;
    margin-top:32px;
    padding:16px 20px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:20px;
    background:rgba(255,255,255,0.05);
}

.hc-status-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#14b8a6;
    box-shadow:0 0 0 6px rgba(20,184,166,0.15);
}

.hc-progress-ring{
    position: relative;
    flex: 1;
    min-width: 260px;
    max-width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #14b8a6 0 75%, rgba(255,255,255,0.1) 75% 100%);
    margin: 0 auto;
}

.hc-progress-ring::before{
    content:"";
    position:absolute;
    inset: 16px;
    border-radius:50%;
    background:#0f172a;
}

.hc-progress-ring span{
    position:relative;
    color:#ffffff;
    font-weight:800;
}

/* RESPONSIVE AUDIT */

@media (max-width: 991px) {
    .hc-landing{
        padding:40px 24px 40px;
    }

    .hc-landing-brand img,
    .hc-landing-brand .custom-logo{
        max-height:42px;
    }

    .hc-landing-panel-wide {
        padding: 24px 15px;
    }

    .hc-orbit-card {
        min-width: 240px;
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .hc-landing{
        padding:25px 18px 40px;
    }

    .hc-landing-brand{
        margin-bottom: 24px;
    }

    .hc-landing-brand img,
    .hc-landing-brand .custom-logo{
        max-height:36px !important;
    }

    .hc-landing-hero-visual-wrap {
        margin-bottom: 32px;
    }

    .hc-landing-hero-visual {
        aspect-ratio: 4/3;
        border-radius: 20px;
    }

    .hc-landing-content-main {
        margin-bottom: 40px;
    }

    .hc-landing-panel-wide{
        padding: 20px 0;
        background: none;
        box-shadow: none;
        border: 0;
        backdrop-filter: none;
        gap: 16px;
    }

    .hc-orbit-card{
        width: 100% !important;
        max-width: 100%;
        margin-inline: 0;
    }

    .hc-progress-ring {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 0 auto 20px;
        width: 210px;
        height: 210px;
        min-width: 210px;
        max-width: 210px;
    }

    .hc-landing h1 {
        font-size: 2.1rem;
    }

    .hc-landing-form-inputs{
        flex-direction:column !important;
        border-radius:24px !important;
        padding: 15px !important;
    }

    .hc-landing-form input {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        width: 100% !important;
        text-align: center;
        margin-bottom: 5px;
    }

    .hc-status-card {
        flex-direction: column !important;
        padding: 24px !important;
        text-align: center !important;
        gap: 12px !important;
        margin-inline: auto !important;
    }

    .hc-status-card strong {
        display: block;
        margin-bottom: 5px;
    }

    .hc-status-card small {
        display: block;
        line-height: 1.4;
    }

    .hc-landing-form button,
    .hc-landing-button{
        width:100%;
    }
}