:root { --brand-yellow: #e1ff00; }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #fafaf6;
            color: #111111;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6, .font-oswald { font-family: 'Oswald', sans-serif; }

        .text-brand  { color: var(--brand-yellow); }
        .bg-brand    { background-color: var(--brand-yellow); }

        /* Outline text variants */
        .text-outline     { color: transparent; -webkit-text-stroke: 2px rgba(17,17,17,0.09); }
        .text-outline-inv { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.1); }

        /* Marquee */
        .marquee-container { overflow: hidden; white-space: nowrap; display: flex; align-items: center; }
        .marquee-content   { display: flex; animation: marquee 25s linear infinite; }
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        /* Swiper */
        .swiper-pagination-bullet-active { background-color: var(--brand-yellow) !important; }

        /* Dot grid */
        .dot-grid {
            background-image: radial-gradient(circle, rgba(17,17,17,0.055) 1px, transparent 1px);
            background-size: 28px 28px;
        }

        /* Header */
        .header-scrolled {
            background: rgba(250,250,246,0.96) !important;
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(17,17,17,0.07);
            box-shadow: 0 1px 24px rgba(0,0,0,0.04);
        }

        /* Image zoom */
        .img-zoom { overflow: hidden; }
        .img-zoom img { transition: transform 0.65s ease; }
        .img-zoom:hover img { transform: scale(1.06); }

        /* Card lift */
        .card-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-lift:hover { transform: translateY(-6px); box-shadow: 0 24px 56px rgba(0,0,0,0.1); }

        /* Progress bar animated */
        @keyframes bar-grow { from { width: 0; } to { width: var(--bar-w); } }
        .bar-animated { animation: bar-grow 1.4s ease-out forwards; }

        /* Swiper navigation override */
        .swiper-button-next, .swiper-button-prev { color: #111 !important; }
        .swiper-button-next:after, .swiper-button-prev:after { font-size: 1rem !important; font-weight: 900; }