/* Hero */
        .hero {
            position: relative;
            min-height: 100svh;
            display: flex;
            align-items: center;
            color: #fff;
            background: #081019;
            overflow: hidden;
        }
        .hero-slider {
            position: absolute;
            z-index: 0;
            inset: 0;
            contain: paint;
            pointer-events: none;
        }
        .hero-slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: opacity .85s ease, visibility 0s linear .85s;
        }
        .hero-slide.is-active {
            opacity: 1;
            visibility: visible;
            transition-delay: 0s;
        }
        .hero-slider.is-paused .hero-slide { transition: none; }
        .hero-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1.035);
        }
        .hero-slide.is-active img { animation: hero-zoom 5.5s ease-out both; }
        .hero-slider.is-paused .hero-slide.is-active img { animation-play-state: paused; }
        @keyframes hero-zoom {
            from { transform: scale(1); }
            to { transform: scale(1.035); }
        }
        .hero-slide:nth-child(1) img { object-position: center; }
        .hero-slide:nth-child(2) img { object-position: 58% center; }
        .hero-slide:nth-child(3) img { object-position: 60% center; }
        .hero-slide:nth-child(4) img { object-position: 55% center; }
        .hero::before {
            content: "";
            position: absolute;
            z-index: 1;
            inset: 0;
            background:
                linear-gradient(90deg, rgba(4, 10, 16, .96) 0%, rgba(4, 10, 16, .84) 34%, rgba(4, 10, 16, .28) 68%, rgba(4, 10, 16, .12) 100%),
                linear-gradient(0deg, rgba(4, 10, 16, .88), transparent 38%);
            pointer-events: none;
        }
        .hero::after {
            content: "";
            position: absolute;
            z-index: 1;
            inset: 0;
            opacity: .18;
            background-image:
                linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: linear-gradient(90deg, #000, transparent 58%);
            pointer-events: none;
        }
        .hero-inner {
            position: relative;
            z-index: 2;
            padding: 142px 0 158px;
        }
        .hero-copy { max-width: 760px; }
        .hero-label {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 28px;
            color: #d7e4f1;
            font-family: "Manrope", sans-serif;
            font-size: .8rem;
            font-weight: 800;
            letter-spacing: .16em;
            text-transform: uppercase;
        }
        .hero h1 {
            margin: 0;
            font-size: clamp(3.2rem, 7vw, 6.5rem);
            line-height: 1.02;
            letter-spacing: -.072em;
            text-shadow: 0 8px 40px rgba(0, 0, 0, .18);
        }
        .hero h1 span { color: var(--amber); }
        .hero-description {
            max-width: 650px;
            margin: 32px 0 0;
            color: rgba(238, 245, 251, .78);
            font-size: clamp(1.02rem, 1.55vw, 1.25rem);
            line-height: 1.86;
        }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 42px; }
		
        .hero-bottom {
            position: absolute;
            z-index: 2;
            left: 0;
            right: 0;
            bottom: 0;
            border-top: 1px solid rgba(255,255,255,.13);
            background: rgba(3, 9, 15, .45);
            backdrop-filter: blur(12px);
        }
        .hero-facts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
        .hero-fact {
            display: flex;
            align-items: center;
            gap: 15px;
            min-height: 104px;
            padding: 18px 30px;
            border-right: 1px solid rgba(255,255,255,.12);
        }
        .hero-fact:first-child { padding-left: 0; }
        .hero-fact:last-child { border: 0; }
        .hero-fact strong { display: block; margin-bottom: 4px; font-size: 1rem; }
        .hero-fact span { color: rgba(255,255,255,.65); font-size: .9rem; }
        .fact-icon {
            display: grid;
            place-items: center;
            flex: 0 0 38px;
            height: 38px;
            color: var(--amber);
            border: 1px solid rgba(242,166,25,.4);
            border-radius: 50%;
        }
        .fact-icon svg { width: 17px; }
        .scroll-hint {
            position: absolute;
            right: 30px;
            bottom: 128px;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 12px;
            color: rgba(255,255,255,.55);
            font: 700 .72rem "Manrope", sans-serif;
            letter-spacing: .16em;
            writing-mode: vertical-rl;
        }
        .scroll-line { width: 1px; height: 50px; background: linear-gradient(var(--amber), transparent); }