/* --- 1. Global Reset --- */
    :root {
        --hz-orange: #ec682e;
        --hz-black: #1a1a1a;
        --hz-gray: #666666;
        --hz-border: #eeeeee;
        --bg-white: #ffffff;
    }

    * { box-sizing: border-box; }

    body {
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        background-color: var(--bg-white);
        color: var(--hz-gray);
        line-height: 1.8;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
    }

    h1, h2, h3, h4 { margin: 0; font-family: 'Poppins', sans-serif; color: var(--hz-black); }

    .hz-container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* --- 3. Stats Section --- */
    .stats-section {
        background: #fff;
        padding: 80px 0;
        border-bottom: 1px solid var(--hz-border);
    }

    .stats-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 40px;
        text-align: center;
    }

    .stat-item { transition: transform 0.3s ease; }
    .stat-item:hover { transform: translateY(-5px); }

    .stat-number {
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 56px;
        color: var(--hz-orange);
        line-height: 1;
        margin-bottom: 10px;
        display: block;
    }

    .stat-label {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: var(--hz-black);
        text-transform: uppercase;
        letter-spacing: 1px;
    }


    /* --- 4. Vision & Mission --- */
    .hz-vm-section {
        padding: 120px 0;
        background: #fff;
    }

    .hz-vm-container {
        max-width: 1000px;
        margin: 0 auto;
        text-align: center;
    }

    .hz-vm-block { margin-bottom: 0; }

    .hz-vm-title {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 58px;
        color: var(--hz-orange);
        margin-bottom: 20px;
        line-height: 1.2;
        letter-spacing: -1px;
    }

    .hz-vm-desc {
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        color: var(--hz-black);
        font-weight: 400;
        line-height: 1.6;
        max-width: 900px;
        margin: 0 auto;
    }

    .hz-vm-divider {
        width: 100%; height: 1px;
        background: #eee;
        margin: 50px auto; 
    }


    /* --- 5. R&D Carousel --- */
    .rd-wrapper {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 40px;
    }

    .rd-section {
        position: relative;
        height: 700px;
        border-radius: 4px;
        overflow: hidden;
        background: #000;
    }

    .rd-slide {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        opacity: 0; transition: opacity 1s ease-in-out;
        display: flex; align-items: center; justify-content: center;
    }
    .rd-slide.active { opacity: 1; }

    .rd-bg {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background-size: cover; background-position: center;
        opacity: 0.5;
        transform: scale(1.05); transition: transform 6s linear;
    }
    .rd-slide.active .rd-bg { transform: scale(1); }

    .rd-content {
        position: relative; z-index: 10; text-align: center; color: #fff; max-width: 900px; padding: 0 20px;
    }
    .rd-title {
        font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 56px; margin-bottom: 20px; color: #fff;
    }
    .rd-desc {
        font-family: 'Open Sans', sans-serif; font-size: 20px; opacity: 0.9; color: #fff;
    }

    .rd-dots {
        position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
        display: flex; gap: 12px; z-index: 20;
    }
    .rd-dot {
        width: 40px; height: 3px; background: rgba(255,255,255,0.3); cursor: pointer; transition: 0.3s; border:none;
    }
    .rd-dot.active { background: var(--hz-orange); width: 60px; }


    /* --- 6. Milestones --- */
    .milestone-section { padding: 140px 0; background: #fff; }

    .timeline {
        position: relative; max-width: 1000px; margin: 80px auto 0 auto;
    }
    .timeline::before {
        content: ''; position: absolute; left: 50%; top: 0; bottom: 0;
        width: 1px; background: var(--hz-border); transform: translateX(-0.5px);
    }

    .timeline-item {
        position: relative; width: 50%; padding: 0 60px; box-sizing: border-box; margin-bottom: 80px;
    }
    .timeline-item:nth-child(odd) { left: 0; text-align: right; }
    .timeline-item:nth-child(even) { left: 50%; text-align: left; }

    .timeline-dot {
        position: absolute; top: 12px; width: 14px; height: 14px;
        background: #fff; border: 2px solid var(--hz-black); border-radius: 50%;
        z-index: 2; transition: 0.3s;
    }
    .timeline-item:nth-child(odd) .timeline-dot { right: -8px; }
    .timeline-item:nth-child(even) .timeline-dot { left: -8px; }
    
    .timeline-item:hover .timeline-dot {
        background: var(--hz-orange); border-color: var(--hz-orange); transform: scale(1.4);
    }

    .year {
        font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 36px;
        color: var(--hz-black); display: block; margin-bottom: 10px; transition: color 0.3s;
    }
    .timeline-item:hover .year { color: var(--hz-orange); }
    .event-text { font-size: 16px; color: var(--hz-gray); }


    /* --- 7. Popup Modal (Become a Partner) --- */
    .modal-overlay {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9999;
        display: none;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.4s ease;
    }
    
    .modal-overlay.show {
        display: flex;
        opacity: 1;
    }

    .modal-content {
        background: #f9f9f9;
        width: 90%;
        max-width: 600px;
        padding: 60px 40px;
        border-radius: 8px;
        text-align: center;
        position: relative;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        transform: translateY(30px);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .modal-overlay.show .modal-content {
        transform: translateY(0);
    }

    .modal-close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 28px;
        color: #999;
        cursor: pointer;
        line-height: 1;
        transition: color 0.3s;
    }
    .modal-close:hover { color: var(--hz-black); }

    .modal-title {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        font-size: 36px;
        color: var(--hz-black);
        margin-bottom: 20px;
    }

    .modal-desc {
        font-size: 16px;
        color: var(--hz-gray);
        margin-bottom: 40px;
        line-height: 1.6;
    }

    .btn-primary {
        display: inline-block;
        background-color: var(--hz-orange);
        color: #fff;
        padding: 16px 50px;
        border-radius: 2px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 14px;
        box-shadow: 0 10px 20px rgba(236, 104, 46, 0.2);
    }
    .btn-primary:hover {
        background-color: #d95a25;
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(236, 104, 46, 0.3);
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
    }
    @media (max-width: 768px) {
        .stats-grid { grid-template-columns: 1fr; border-top: none; }
        .hz-vm-title { font-size: 36px; }
        .hz-vm-desc { font-size: 18px; }
        .rd-section { height: 500px; }
        .timeline::before { left: 20px; }
        .timeline-item { width: 100%; left: 0 !important; text-align: left !important; padding-left: 50px; padding-right: 0; }
        .timeline-dot { left: 13px !important; right: auto !important; }
        .modal-content { padding: 40px 20px; }
    }