html {
            font-size: 95%;
            scrollbar-gutter: stable;
        }


        body {
            font-family: 'Oswald', sans-serif;
        }

        .welcome-section {
            position: relative;
        }

        :root {
            --ui-scale: 0.8;
        }


        /* Base dark background */
        .interwoven-bg {
            background-color: #0d0c15;
        }

        /* Layout spacing */
        main {
            padding-top: 6rem;
            position: relative;
            z-index: 0;
        }

        .home-wrapper {
            margin-top: 6%;
            min-height: 100vh;
        }

        .security-wrapper{
            margin-top: 3%;
            min-height: 100vh;
        }

        .welcome-section {
            position: relative;
            font-size: 90%;
        }

        .background-image-wrapper {
            position: fixed;
            top: 0;
            z-index: -3;
            /* far back */
            width: 100%;
            opacity: 0.4;
        }

        .background-image {
            width: 100%;
            transition: opacity 0.6s ease;
        }

        .service-wrapper {
            margin-top: 5%;
        }

        /* make custom props animatable for smooth edges */
        @property --inner {
            syntax: '<percentage>';
            inherits: false;
            initial-value: 58%;
        }

        @property --outer {
            syntax: '<percentage>';
            inherits: false;
            initial-value: 82%;
        }

        @property --ang {
            syntax: '<angle>';
            inherits: false;
            initial-value: 135deg;
        }

        /* container stays the same */
        .lava-bg {
            position: fixed;
            z-index: -2;
            /* below decor, above bg */
            inset: calc(-15% * var(--ui-scale));
            pointer-events: none;
            filter: blur(6px) saturate(110%);
        }

        /* bigger, softer, gradient blobs */
        .blob {
            position: absolute;

            /* bigger by default; can override per blob */
            --size: 48vw;
            width: calc(var(--size) * var(--ui-scale));
            height: calc(var(--size) * var(--ui-scale));

            /* colors per blob (overridden below) */
            --c1: #22d3ee;
            --c2: rgba(34, 211, 238, 0);

            /* subtle gradient, angle animates */
            background: linear-gradient(var(--ang), var(--c1) 0%, var(--c2) 65%);

            /* soft feathered edge */
            --inner: 56%;
            --outer: 88%;
            -webkit-mask: radial-gradient(closest-side, #000 var(--inner), transparent var(--outer));
            mask: radial-gradient(closest-side, #000 var(--inner), transparent var(--outer));

            opacity: 0.22;
            mix-blend-mode: screen;
            transform: translate3d(0, 0, 0);
            will-change: transform;
            backface-visibility: hidden;
        }

        /* slower floats, larger blobs, stronger morph */
        .b1 {
            --size: 52vw;
            --c1: #22d3ee;
            --c2: rgba(34, 211, 238, 0);
            left: 6%;
            top: 58%;
            animation:
                float1 40s ease-in-out infinite alternate,
                angle 24s linear infinite alternate;
        }

        .b2 {
            --size: 46vw;
            --c1: #f59e0b;
            --c2: rgba(245, 158, 11, 0);
            right: 8%;
            top: 10%;
            animation:
                float2 44s ease-in-out infinite alternate,
                angle 28s linear infinite alternate;
        }

        .b3 {
            --size: 50vw;
            --c1: #8b5cf6;
            --c2: rgba(139, 92, 246, 0);
            left: 45%;
            top: 82%;
            animation:
                float3 48s ease-in-out infinite alternate,
                angle 26s linear infinite alternate;
        }

        .b4 {
            --size: 48vw;
            --c1: #34d399;
            --c2: rgba(52, 211, 153, 0);
            left: -6%;
            top: 32%;
            animation:
                float4 36s ease-in-out infinite alternate,
                angle 22s linear infinite alternate;
        }

        /* MUCH bolder shape change: big asymmetry swings */
        @keyframes morph {
            0% {
                border-radius: 75% 25% 70% 30% / 60% 30% 70% 40%;
            }

            16% {
                border-radius: 30% 70% 35% 65% / 35% 65% 40% 60%;
            }

            33% {
                border-radius: 78% 22% 42% 58% / 68% 32% 60% 40%;
            }

            50% {
                border-radius: 25% 75% 70% 30% / 40% 60% 35% 65%;
            }

            66% {
                border-radius: 62% 38% 28% 72% / 55% 45% 65% 35%;
            }

            83% {
                border-radius: 70% 30% 75% 25% / 65% 35% 70% 30%;
            }

            100% {
                border-radius: 75% 25% 70% 30% / 60% 30% 70% 40%;
            }
        }

        /* soften edge size as the shape breathes */
        @keyframes feather {

            0%,
            100% {
                --inner: 56%;
                --outer: 88%;
            }

            50% {
                --inner: 48%;
                --outer: 92%;
            }
        }

        /* gentle gradient swivel */
        @keyframes angle {
            0% {
                --ang: 120deg;
            }

            100% {
                --ang: 240deg;
            }
        }

        /* Float keyframes (unchanged) */
        @keyframes float1 {
            0% {
                transform: translate(-4vw, 0) scale(0.98);
            }

            40% {
                transform: translate(5vw, -4vw) scale(1.03);
            }

            65% {
                transform: translate(2vw, 3vw) scale(1.05);
            }

            100% {
                transform: translate(-5vw, 5vw) scale(1.02);
            }
        }

        @keyframes float2 {
            0% {
                transform: translate(2vw, -3vw) scale(1.06);
            }

            45% {
                transform: translate(-3vw, 2vw) scale(1.00);
            }

            100% {
                transform: translate(5vw, 4vw) scale(1.10);
            }
        }

        @keyframes float3 {
            0% {
                transform: translate(0, 0) scale(0.94);
            }

            50% {
                transform: translate(-5vw, -3vw) scale(1.02);
            }

            100% {
                transform: translate(4vw, 5vw) scale(1.08);
            }
        }

        @keyframes float4 {
            0% {
                transform: translate(0, 0) scale(0.98);
            }

            55% {
                transform: translate(6vw, -3vw) scale(1.04);
            }

            100% {
                transform: translate(-4vw, 4vw) scale(1.07);
            }
        }

        /* Reduced motion */
        @media (prefers-reduced-motion: reduce) {
            .blob {
                animation: none !important;
            }
        }

        /* Section spacing */
        .feature-slider {
            padding: clamp(100px, 12vh, 160px) 0;
            padding-top: 0;
            display: flex;
            justify-content: center;
        }

        /* Viewport + track */
        .feature-slider__viewport {
            overflow: hidden;
            position: relative;
        }

        .feature-slider__track {
            display: flex;
            transition: transform 0.6s ease;
            will-change: transform;
        }

        .feature-slider__slide {
            flex: 0 0 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        /* Slide layout */
        .feature-slide {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            align-items: center;
            gap: 40px;
            max-width: 90%;
            margin: 0 auto;
            position: relative;
        }

        @media (max-width: 900px) {
            .feature-slide {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }

        /* Text */
        .feature-slide__content {
            position: relative;
            z-index: 2;
            color: var(--light-slate);
        }

        .feature-slide__content h3 {
            color: var(--white);
            font-size: clamp(28px, 3.3vw, 35px);
            margin-bottom: 16px;
            font-family: 'Orbitron', sans-serif;
        }

        .feature-slide__content p {
            margin-bottom: 14px;
            margin-top: 15px;
            font-size: 22px;
            line-height: 1.6;
        }

        /* Image fade-bleed */
        .feature-slide__image {
            position: relative;
            z-index: 0;
        }

        .feature-slide__image img {
            width: 100%;
            height: auto;
            -webkit-mask-image: linear-gradient(to left, black 75%, transparent 100%);
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: cover;
            mask-image: linear-gradient(to left, black 75%, transparent 100%);
            mask-repeat: no-repeat;
            mask-size: cover;
        }

        /* Controls */
        .feature-slider__controls {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-top: 20px;
        }

        .feature-slider__btn {
            border: 1px solid var(--slate);
            background: rgba(12, 20, 39, .8);
            color: var(--white);
            width: 38px;
            height: 38px;
            line-height: 36px;
            text-align: center;
            border-radius: 8px;
            cursor: pointer;
            transition: var(--transition);
        }

        .feature-slider__btn:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        /* Dots */
        .feature-slider__dots {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        .feature-slider__dots button {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--border-color);
            border: none;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s;
        }

        .feature-slider__dots button.active {
            background: var(--accent);
            transform: scale(1.2);
        }

        /* Full-bleed glass band that subtly fades into the background */
        .band {
            position: relative;
            padding: clamp(60px, 7vw, 96px) 0;
        }

        .band>*:not(.band__surface),
        .map-band>*:not(.band__surface) {
            position: relative;
            z-index: 1;
        }

        .band__surface {
            position: absolute;
            inset: 0;
            pointer-events: none;

            background:
                radial-gradient(1900px 322px at 50% 75%, rgba(193, 18, 30, 0.3), transparent 95%),
                linear-gradient(to bottom, rgba(255, 133, 255, .031), rgba(255, 133, 255, .005));

            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);

            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);

            /* Fade top and bottom */
            mask-image: linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,1) 20%,
                rgba(0,0,0,1) 80%,
                rgba(0,0,0,0) 100%
            );
            -webkit-mask-image: linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,1) 20%,
                rgba(0,0,0,1) 80%,
                rgba(0,0,0,0) 100%
            );
        }

        .certs {

            background:
                radial-gradient(1900px 322px at 50% 75%, rgba(206, 142, 206, 0.29), transparent 95%),
                linear-gradient(to bottom, rgba(255, 255, 255, .031), rgba(255, 255, 255, .005));

            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);

            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);

            /* Fade top and bottom */
            mask-image: linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,1) 20%,
                rgba(0,0,0,1) 80%,
                rgba(0,0,0,0) 100%
            );
            -webkit-mask-image: linear-gradient(
                to bottom,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,1) 20%,
                rgba(0,0,0,1) 80%,
                rgba(0,0,0,0) 100%
            );
        }

        .band--frost .band__surface {
            border-left: 0;
            border-right: 0;
        }

        .container {
            width: 100%;
            padding-top: 30px;
            position: relative;
        }

        .slide-in {
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 0.7s ease-out, transform 0.7s ease-out;
        }

        .slide-in.active {
            opacity: 1;
            transform: translateY(0);
        }

        .background-slide-in {
            opacity: 0;
            transform: translateY(100px);
            transition: opacity 0.3s ease-out, transform 0.3s ease-out;
        }

        .background-slide-in.active {
            opacity: 1;
            transform: translateY(0);
        }

        .product-features {

            .facts-list {
                display: flex;
                justify-content: center;
                align-items: stretch;
                flex-wrap: wrap;
                gap: 18px 28px !important;
                margin-top: 22px;
                padding: 0;

                @media (max-width: 600px) {
                gap: 10px 16px;
                }

                li {
                list-style: none;
                min-width: 200px;
                }
            }
            }

            /* === STAT BLOCK === */

            .stat {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            }

            .stat-inner {
            display: flex;
            align-items: baseline;
            gap: 12px;
            }

            .stat-logo {
            flex-shrink: 0;
            }

            /* === NUMBER ROW === */

            .stat-value {
            display: inline-flex;
            align-items: baseline;
            gap: 6px;
            }

            /* Fixed footprint = no layout shift */
            .number-wrap {
            display: inline-block;
            width: 6ch;           /* supports up to 999 */
            text-align: right;
            }

            /* Animated number */
            .number {
            font-size: clamp(32px, 5vw, 44px);
            font-weight: 600;
            color: var(--white);

            /* critical */
            font-variant-numeric: tabular-nums;
            font-feature-settings: "tnum";
            }

            /* + Billion / Million / etc */
            .text-block {
            font-size: 35px;
            color: var(--slate);
            }

            /* Description text */
            .stat-description {
            margin-top: 6px;
            text-align: center;
            }


        .certifications-band {
            overflow: hidden;
            width: 100%;
            mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
            cursor: grab;
            user-select: none;
        }

        .certifications-band.dragging {
            cursor: grabbing;
        }

        .certifications-band .band-track {
            display: flex;
            width: max-content;
            will-change: transform;
            animation: scroll-left 40s linear infinite;
        }

        .certifications-band .band-item {
            flex: 0 0 auto;
            height: 150px;
            padding: 0 2vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .certifications-band img {
            width: auto;
            height: 100%;
            opacity: 0.77;
        }

        .certifications-band img:hover {
            opacity: 1;
        }

        @keyframes scroll-left {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }
        }

        #contact-map {
            height: 630px;
        }

        .map-hint {
            position: absolute;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 6px 10px;
            border-radius: 6px;
            font-size: 13px;
            pointer-events: none;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .map-hint.show {
            opacity: 1;
        }

        .iti {
            width: 100%;
        }

        .iti__selected-flag {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 6px;
        }

        .iti__country-list {
            background-color: #1a1a1a;
            color: white;
        }

        iframe:not([src*="hsforms"]):not([class*="hs-"]):not([id*="hubspot"]) {
            max-height: 500px !important;
            border-radius: 10px !important;
        }

        /* ----------------------------
     Section-aware UX decor (SVG holders)
     ---------------------------- */
        .section-block {
            position: relative;
        }

        /* anchor for absolute decor */

        /* base: above blobs (-2) but below content (0) */
        .ux-decor {
            position: absolute;
            z-index: 3;
            pointer-events: none;
            opacity: 0;
            transform: translateY(10px);
            /* default = fade OUT timing (quicker) */
            transition:
                opacity var(--ux-out-dur, 360ms) ease-in,
                transform var(--ux-out-dur, 360ms) ease-in,
                clip-path var(--ux-out-dur, 360ms) ease-in;
            /* default placement (top-left) */
            top: 0;
            left: 0;
            width: clamp(220px, 22vw, 460px);
            height: auto;
        }

        /* visible state = longer, softer ease-out */
        .ux-decor.is-visible {
            opacity: 0.72;
            transform: translateY(0);
            transition:
                opacity var(--ux-in-dur, 520ms) cubic-bezier(.22, .61, .36, 1),
                transform var(--ux-in-dur, 520ms) cubic-bezier(.22, .61, .36, 1),
                clip-path var(--ux-in-dur, 520ms) cubic-bezier(.22, .61, .36, 1);
        }

        /* Variant target opacities (optional) */
        .ux-decor--grid.is-visible {
            opacity: 1;
        }

        .ux-decor--dots.is-visible {
            opacity: 0.75;
        }

        .ux-decor--circuit.is-visible {
            opacity: 0.68;
        }

        .ux-decor--orb.is-visible {
            opacity: 0.6;
        }

        /* placement helpers */
        .ux-decor--top-right {
            top: 0;
            right: 0;
            left: auto;
        }

        .ux-decor--left {
            top: 10%;
            left: -2vw;
        }

        .ux-decor--bottom {
            bottom: 0;
            top: auto;
            left: 6%;
        }

        /* ====== SVG placeholders (swap later) ====== */

        /* 1) corner grid (very faint) */
        .ux-decor--grid::before {
            content: "";
            display: block;
            width: 100%;
            aspect-ratio: 4/3;
            background:
                radial-gradient(600px 300px at 100% 0%, rgba(63, 163, 253, .18), transparent 70%),
                conic-gradient(from 0deg, transparent 0 340deg, rgba(255, 255, 255, .06) 340deg 360deg);
            -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, .8), transparent 70%);
            mask-image: linear-gradient(to left, rgba(0, 0, 0, .8), transparent 70%);
            border: 1px solid rgba(255, 255, 255, .06);
            background-blend-mode: screen;
        }

        /* 2) dots cluster */
        .ux-decor--dots::before {
            content: "";
            display: block;
            width: 100%;
            aspect-ratio: 1/1;
            background-image:
                radial-gradient(circle at 20% 30%, rgba(0, 247, 255, .25) 0 2px, transparent 3px),
                radial-gradient(circle at 40% 60%, rgba(255, 0, 76, .22) 0 2px, transparent 3px),
                radial-gradient(circle at 65% 40%, rgba(139, 92, 246, .25) 0 2px, transparent 3px),
                radial-gradient(circle at 80% 70%, rgba(52, 211, 153, .24) 0 2px, transparent 3px);
            background-size: 100% 100%;
            filter: blur(.1px);
        }

        /* 3) circuit trace (inline SVG as background-image) */
        .ux-decor--circuit::before {
            content: "";
            display: block;
            width: 100%;
            aspect-ratio: 3/2;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'><g fill='none' stroke='%2334d399' stroke-opacity='.28' stroke-width='2'><path d='M20 360 C 120 320, 200 280, 300 260 S 480 220, 580 200'/><circle cx='200' cy='280' r='3' fill='%2334d399'/><circle cx='420' cy='235' r='3' fill='%2334d399'/></g></svg>");
            background-size: cover;
            background-repeat: no-repeat;
        }

        /* 4) glow orb */
        .ux-decor--orb::before {
            content: "";
            display: block;
            width: 100%;
            aspect-ratio: 1.6/1;
            background-image:
                radial-gradient(circle at 70% 40%, rgba(0, 229, 255, .35) 0 30%, rgba(0, 229, 255, 0) 60%),
                radial-gradient(circle at 30% 70%, rgba(139, 92, 246, .28) 0 22%, rgba(139, 92, 246, 0) 55%);
            filter: saturate(110%) contrast(105%);
            -webkit-mask-image: radial-gradient(circle at 50% 50%, black 60%, transparent 90%);
            mask-image: radial-gradient(circle at 50% 50%, black 60%, transparent 90%);
        }

        /* initial wipe for .ux-decor[data-appear="wipe"] */
        .ux-decor[data-appear="wipe"] {
            clip-path: inset(0 0 100% 0);
        }

        .ux-decor.is-visible[data-appear="wipe"] {
            clip-path: inset(0 0 0 0);
        }

        @media (prefers-reduced-motion: reduce) {

            .ux-decor,
            .ux-decor.is-visible {
                transition: opacity 160ms linear;
                transform: none !important;
                clip-path: none !important;
            }
        }

        .announcement-bar {
            background-color: #080b1c;
        }
        
        .navigation-bar {
            background-color: #0a0d21;
            border-bottom: 1px solid #1df0ff56;
        }

        .footer-bar {
            background-color: #0a0d21;
            border-top: 1px solid #1df0ff56;
        }


        .info-card {
            background: radial-gradient(1900px 320px at 50% -90px, rgba(193, 18, 31, .35), transparent 30%), linear-gradient(to bottom, rgba(51, 133, 255, .1), rgba(51, 133, 255, .05));
            box-shadow: 0px 0px 5px rgba(255,255,255,0.35);
            border: none;
            transition: box-shadow 0.6s ease;
        }

        .info-card:hover {
            box-shadow: 0px 0px 5px #2e95d3;
        }

        .subtitle-elem {
            font-weight: bold;
        }

        .pwn-and-patch-logo {
            width: 80%;
        }

        .footer-subtitle a {
            transition: color 0.6s ease;
        }

        .footer-subtitle a:hover {
            color: #2e95d3;
        }

        .footer-icon {
            min-width: 35px;
        }   
        .footer-icon a {
            transition: color 0.6s ease;
        }

        .footer-icon a:hover {
            color: #2e95d3;
        }   

        .footer-subtitle-elem {
            padding-top: 22px;
            padding-left: 5%;
        }

        @media (min-width: 768px) {
            .footer-subtitle-elem {
                padding-left: 30%;
            }
        }


        .footer-message {
            margin-left: 4%;
        }

        .contact-newsletter {
            padding-top: 22px;
        }
        
        svg.feather {
            width: auto;
            height: 34.2px;
        }

        .dot-style {
            font-family: 'Inter', sans-serif !important;
        }

        .oktoboot-logo {
            opacity: 0.7;
            transition: opacity 0.6s ease;
            position: relative;
        }

        .oktoboot-logo:hover {
            opacity: 1;
            .href-text {
                opacity: 1;
            }
        }

        .href-icon {
            position: absolute;
            top: 25%;
            right: 25%;
            color: #ffffff;
            font-size: 22px;
        }

        .href-icon_consent {
            color: #2e95d3;
            font-size: 19px;
            z-index: 999;
        }

        .href-text {
            position: absolute;
            width: 100%;
            top: 50%;
            display: flex;
            pointer: none;
            opacity: 0;
            transition: opacity 0.6s ease;
        }

        .href-text p {
            font-size: 15px;
            background-color: rgba(0, 0, 0, 0.7);
            padding: 15px 15px;
            border-radius: 25px;
            margin: auto;
        }

        .lang-button {
            transition: color 0.6s ease;
            cursor: pointer;
        }

        .lang-button:hover {
            color: #44c4f9;
        }

        .fixed-links {
            position: fixed;
            right: 0;
            top: 50%;
            background-color: rgba(255, 255, 255, 0.1);
            z-index: 99;
            box-shadow: 0px 0px 15px #44c4f9;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            
        }

        .fixed-logo {
            width: 77px;
            height: 77px;
            margin: 2px;
            position: relative;       
              
        }

        .fixed-logo::before {
            content: "";
            position: absolute;
            inset: -2px; 
            background:
                radial-gradient(1900px 322px at 50% 75%, rgba(255, 255, 255, 0.3), transparent 10%),
                linear-gradient(to bottom, rgba(255, 133, 255, .31), rgba(255, 133, 255, .05));
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.6s ease;

        }

        .fixed-logo.top::before {
            border-top-left-radius: 10px;
        }

        .fixed-logo.bottom::before {
            border-bottom-left-radius: 10px;
        }

        .fixed-logo:hover::before {
            opacity: 1;
        }

        .webinar_button {
            background-color: #44c3f976;
            transition: background-color 0.6s ease;
        }


        .webinar_button:hover {
            background-color: #44c3f9bc;
        }

        .bi-globe-europe-africa {
            cursor: pointer;
            transition: color 0.6s ease;
        }

        .bi-globe-europe-africa:hover {
            color: #44c4f9;
        }

        .sec-report-section {
            width: 100%;
        }

        .report-list {
            padding-left: 5%;
            list-style: none;
        }

        .report-list li {
            list-style-image: url("../assets/bullet-style.svg");
            position: relative;
        }

        .list-elem {
            height: 100%;
            position: absolute;
            top: 2%;
        }

        .lang-link {
            color: #ffffff;
        }

        .lang-link:hover {
            color: #000000;
        }

        #consent-checkbox {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;

            accent-color: transparent; /* <- THIS is what stops the fill */
            background-color: transparent !important;

            width: 18px;
            height: 18px;
            border: 1px solid #fff;
            cursor: pointer;
            position: relative;
            margin-right: 3px;
        }

        /* Draw your own checkmark */
        #consent-checkbox:checked::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 0px;
            width: 6px;
            height: 12px;
            border: solid #000;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

        #sticky-header {
            position: fixed;
            top: 100px;
            width: -webkit-fill-available;
            z-index: 50;

            /* Glassmorphism styles */
            background: linear-gradient(
                to bottom,
                rgba(10, 13, 33, 0.55),
                rgba(10, 13, 33, 0.25)
            );
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);

            border: 1px solid rgba(255, 255, 255, 0.10);

            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35);

            padding: 12px 20px;

            /* Smooth animation */
            transition: all 0.35s ease-in-out;
        }

        #sticky-sidebar-nav {
            width: 220px;

            /* Glassmorphism styles */
            background: linear-gradient(
                to bottom,
                rgba(10, 13, 33, 0.55),
                rgba(10, 13, 33, 0.25)
            );
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);

            border: 1px solid rgba(255, 255, 255, 0.10);

            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35);

        }
        
        .policy-content ul li::marker {
            color: #c0111e;
            font-weight: bold;
        }

        .annual-report {
            align-items: center;
        }