<!DOCTYPE html>
<html lang="da">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Modenhedstest - Svindel | Sentinel Risk Analytics</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #0A1F3C;
            --secondary-color: #1A365D;
            --accent-color: #00A3FF;
            --accent-hover: #0088CC;
            --text-light: #ffffff;
            --text-dark: #1A365D;
            --background-light: #F8FAFC;
            --success-color: #10B981;
            --warning-color: #F59E0B;
            --danger-color: #EF4444;
            --gradient-overlay: linear-gradient(180deg, rgba(10, 31, 60, 0.8) 0%, rgba(10, 31, 60, 0.9) 100%);
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            background-color: var(--background-light);
        }
        html, body {
            width: 100vw;
            margin: 0;
            padding: 0;
        }
        .hero {
            position: relative;
            width: 100vw;
            min-width: 100vw;
            left: 0;
            right: 0;
            height: 120px;
            overflow: hidden;
            display: flex;
            align-items: center;
            background: var(--gradient-overlay), url('Forsidevideo.mp4') center/cover no-repeat;
        }
        .hero-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: var(--gradient-overlay);
            z-index: 0;
        }
        .logo {
            position: absolute;
            top: 2.4rem;
            left: 2rem;
            z-index: 2;
        }
        .logo img {
            height: 40px;
        }

        /* Mobile Navigation */
        .mobile-menu-toggle {
            display: none;
            position: absolute;
            top: 2.8rem;
            right: 2rem;
            z-index: 1000;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.5rem;
            flex-direction: column;
            gap: 4px;
        }

        .mobile-menu-toggle span {
            display: block;
            width: 25px;
            height: 3px;
            background-color: var(--text-light);
            transition: all 0.3s ease;
            border-radius: 2px;
        }

        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -6px);
        }

        .nav {
            position: absolute;
            top: 2.8rem;
            right: 2rem;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 2rem;
        }
        .nav-list {
            display: flex;
            gap: 2rem;
            list-style: none;
        }
        .nav-link {
            color: var(--text-light);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            position: relative;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: var(--accent-color);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }

        /* Dropdown Menu Styles */
        .dropdown {
            position: relative;
        }

        .dropdown-toggle {
            cursor: pointer;
        }

        .dropdown-toggle::before {
            content: '▼';
            margin-left: 0.5rem;
            font-size: 0.8rem;
            transition: transform 0.3s ease;
        }

        .dropdown:hover .dropdown-toggle::before,
        .dropdown.active .dropdown-toggle::before {
            transform: rotate(180deg);
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            background: rgba(10, 31, 60, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 0.5rem;
            padding: 0.5rem 0;
            min-width: 200px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .dropdown:hover .dropdown-menu,
        .dropdown.active .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-menu li {
            list-style: none;
        }

        .dropdown-menu a {
            color: var(--text-light);
            text-decoration: none;
            padding: 0.75rem 1rem;
            display: block;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            border-radius: 0.25rem;
            margin: 0 0.5rem;
        }

        .dropdown-menu a:hover {
            background: rgba(0, 163, 255, 0.2);
            color: var(--accent-color);
        }

        .language-switcher {
            display: flex;
            gap: 0.5rem;
            align-items: center;
        }
        .flag-btn {
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.25rem;
            border-radius: 0.25rem;
            transition: all 0.3s ease;
            opacity: 0.7;
        }
        .flag-btn:hover {
            opacity: 1;
            transform: scale(1.1);
        }
        .flag-btn.active {
            opacity: 1;
            border: 2px solid var(--accent-color);
        }
        .flag-btn img {
            width: 24px;
            height: 16px;
            border-radius: 2px;
        }
        .hero-content {
            position: relative;
            z-index: 1;
            color: var(--text-light);
            max-width: 900px;
            margin: 0 auto;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            padding: 0;
        }
        .hero-title {
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }
        .main-content {
            max-width: 900px;
            margin: 0 auto;
            padding: 3rem 1rem 2rem 1rem;
        }
        .section-title {
            font-size: 2rem;
            color: var(--primary-color);
            margin-bottom: 1.2rem;
            text-align: center;
        }
        .section-subtitle {
            font-size: 1.1rem;
            line-height: 1.6;
            max-width: 500px;
            margin: 0 auto 2rem auto;
            text-align: center;
        }
        .footer {
            background-color: var(--secondary-color);
            color: var(--text-light);
            padding: 6rem 2rem;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 4rem;
        }
        .footer-logo {
            max-width: 200px;
            margin-bottom: 1.5rem;
        }
        .footer h3 {
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            color: var(--accent-color);
        }
        .footer-links ul,
        .footer-contact ul {
            list-style: none;
        }
        .footer-links li,
        .footer-contact li {
            margin-bottom: 0.75rem;
        }
        .footer-links a,
        .footer-contact a {
            color: var(--text-light);
            text-decoration: none;
            transition: color 0.3s ease;
        }
        .footer-links a:hover,
        .footer-contact a:hover {
            color: var(--accent-color);
        }
        .footer-cta {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .linkedin-button {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--text-light);
            text-decoration: none;
            padding: 0.75rem 1.5rem;
            border: 2px solid var(--text-light);
            border-radius: 0.5rem;
            transition: all 0.3s ease;
        }

        .linkedin-button:hover {
            background-color: var(--text-light);
            color: var(--secondary-color);
        }

        .linkedin-button svg {
            width: 24px;
            height: 24px;
        }

        .cta-button {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            border-radius: 0.5rem;
            font-weight: 600;
            text-decoration: none;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }

        .cta-button:hover {
            transform: translateY(-2px);
        }

        .cta-primary {
            background-color: var(--accent-color);
            color: var(--text-light);
            border: 2px solid var(--accent-color);
        }

        .cta-primary:hover {
            background-color: var(--accent-hover);
            border-color: var(--accent-hover);
        }

        .cta-secondary {
            background-color: transparent;
            color: var(--text-light);
            border: 2px solid var(--text-light);
        }

        .cta-secondary:hover {
            background-color: var(--text-light);
            color: var(--primary-color);
        }

        /* Quiz Specific Styles */
        .quiz-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 2rem 0;
        }

        .quiz-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .quiz-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .quiz-subtitle {
            font-size: 1.1rem;
            color: var(--text-dark);
            opacity: 0.8;
            max-width: 600px;
            margin: 0 auto;
        }

        .quiz-card {
            background: white;
            border-radius: 1rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            padding: 3rem;
            margin-bottom: 2rem;
            transition: all 0.3s ease;
        }

        .question-container {
            display: none;
        }

        .question-container.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .question-number {
            font-size: 0.9rem;
            color: var(--accent-color);
            font-weight: 600;
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .question-text {
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 2rem;
            line-height: 1.4;
        }

        .answer-options {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .answer-option {
            padding: 1.5rem;
            border: 2px solid #e5e7eb;
            border-radius: 0.75rem;
            cursor: pointer;
            transition: all 0.3s ease;
            background: white;
            position: relative;
            overflow: hidden;
        }

        .answer-option:hover {
            border-color: var(--accent-color);
            background: #f8fafc;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 163, 255, 0.1);
        }

        .answer-option.selected {
            border-color: var(--accent-color);
            background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 163, 255, 0.3);
        }

        .answer-option.selected .answer-text {
            color: white;
        }

        .answer-text {
            font-size: 1.1rem;
            font-weight: 500;
            color: var(--text-dark);
            transition: color 0.3s ease;
        }

        .answer-description {
            font-size: 0.9rem;
            opacity: 0.7;
            margin-top: 0.5rem;
        }

        .quiz-navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 2rem;
        }

        .nav-button {
            padding: 0.75rem 1.5rem;
            border: none;
            border-radius: 0.5rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1rem;
        }

        .btn-prev {
            background: #f3f4f6;
            color: var(--text-dark);
        }

        .btn-prev:hover {
            background: #e5e7eb;
        }

        .btn-next {
            background: var(--accent-color);
            color: white;
        }

        .btn-next:hover {
            background: var(--accent-hover);
            transform: translateY(-1px);
        }

        .btn-next:disabled {
            background: #d1d5db;
            cursor: not-allowed;
            transform: none;
        }

        .progress-bar {
            width: 100%;
            height: 6px;
            background: #e5e7eb;
            border-radius: 3px;
            margin-bottom: 2rem;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-hover) 100%);
            border-radius: 3px;
            transition: width 0.5s ease;
            width: 0%;
        }

        .result-container {
            display: none;
            text-align: center;
        }

        .result-container.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        .result-score {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .score-low {
            color: var(--danger-color);
        }

        .score-medium {
            color: var(--warning-color);
        }

        .score-high {
            color: var(--success-color);
        }

        .result-title {
            font-size: 1.8rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .result-description {
            font-size: 1.1rem;
            color: var(--text-dark);
            opacity: 0.8;
            margin-bottom: 2rem;
            line-height: 1.6;
        }

        .result-actions {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .action-button {
            padding: 1rem 2rem;
            border: none;
            border-radius: 0.5rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1rem;
            text-decoration: none;
            display: inline-block;
        }

        .btn-primary {
            background: var(--accent-color);
            color: white;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
        }

        .btn-secondary {
            background: #f3f4f6;
            color: var(--text-dark);
        }

        .btn-secondary:hover {
            background: #e5e7eb;
        }

        /* Mobile Responsive Design */
        @media (max-width: 768px) {
            .mobile-menu-toggle {
                display: flex;
            }

            .nav {
                position: fixed;
                top: 0;
                right: -100%;
                width: 100%;
                height: 100vh;
                background: rgba(10, 31, 60, 0.95);
                backdrop-filter: blur(10px);
                flex-direction: column;
                justify-content: center;
                align-items: center;
                transition: right 0.3s ease;
                z-index: 999;
            }

            .nav.active {
                right: 0;
            }

            .nav-list {
                flex-direction: column;
                gap: 2rem;
                text-align: center;
            }

            .nav-link {
                font-size: 1.2rem;
            }

            /* Mobile Dropdown Styles */
            .dropdown {
                position: static;
            }

            .dropdown-toggle::before {
                display: none;
            }

            .dropdown-menu {
                position: static;
                background: transparent;
                backdrop-filter: none;
                box-shadow: none;
                border: none;
                opacity: 1;
                visibility: visible;
                transform: none;
                padding: 0;
                margin: 1rem 0;
                min-width: auto;
            }

            .dropdown-menu a {
                color: var(--text-light);
                padding: 0.5rem 2rem;
                font-size: 1rem;
                margin: 0;
                border-radius: 0;
            }

            .dropdown-menu a:hover {
                background: rgba(0, 163, 255, 0.2);
                color: var(--accent-color);
            }

            .language-switcher {
                margin-top: 2rem;
            }

            .logo {
                top: 2rem;
                left: 1.5rem;
            }

            .logo img {
                height: 40px;
            }

            .hero {
                height: 150px;
            }

            .hero-title {
                font-size: 1.8rem;
                text-align: center;
                padding: 0 1rem;
            }

            .main-content {
                padding: 2rem 1rem 1.5rem 1rem;
            }

            .section-title {
                font-size: 1.8rem;
            }

            .section-subtitle {
                font-size: 1rem;
                padding: 0 1rem;
            }

            .quiz-card {
                padding: 2rem 1.5rem;
            }

            .quiz-title {
                font-size: 2rem;
            }

            .question-text {
                font-size: 1.2rem;
            }

            .answer-option {
                padding: 1.25rem;
            }

            .result-actions {
                flex-direction: column;
            }

            .action-button {
                width: 100%;
                text-align: center;
            }

            .footer {
                padding: 3rem 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .hero-title {
                font-size: 1.5rem;
            }

            .section-title {
                font-size: 1.6rem;
            }

            .hero {
                height: 120px;
            }

            .quiz-title {
                font-size: 1.8rem;
            }

            .quiz-card {
                padding: 1.5rem 1rem;
            }

            .question-text {
                font-size: 1.1rem;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .hero-title {
                font-size: 2rem;
            }

            .main-content {
                padding: 2.5rem 2rem 2rem 2rem;
            }
        }
    </style>
</head>
<body>
    <section class="hero">
        <div class="hero-overlay"></div>
        
        <div class="logo">
            <a href="index.html"><img src="Logo_Hvid-removebg-preview-kopi.png" alt="Sentinel Risk Analytics Logo"></a>
        </div>

        <!-- Mobile Menu Toggle -->
        <button class="mobile-menu-toggle" id="mobileMenuToggle">
            <span></span>
            <span></span>
            <span></span>
        </button>

        <nav class="nav" id="nav">
            <ul class="nav-list">
                <li><a href="index.html" class="nav-link">Hjem</a></li>
                <li class="dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Ydelser</a>
                    <ul class="dropdown-menu">
                        <li><a href="identificer-svindel.html">Identificer svindel</a></li>
                        <li><a href="forebyg-svindel.html">Forebyg svindel</a></li>
                        <li><a href="forstaa-svindel.html">Forstå svindel</a></li>
                        <li><a href="data-maturity-quiz.html">Modenhedstest</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Ekspertise</a>
                    <ul class="dropdown-menu">
                        <li><a href="analyse-og-modellering.html">Analyse og modellering</a></li>
                        <li><a href="regulatorisk-compliance-og-risikostyring.html">Regulatorisk compliance og risikostyring</a></li>
                        <li><a href="systemintegration-og-datainfrastruktur.html">Systemintegration og datainfrastruktur</a></li>
                        <li><a href="strategisk-raadgivning-og-partnerskaber.html">Strategisk rådgivning og partnerskaber</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="nav-link dropdown-toggle">Artikler</a>
                    <ul class="dropdown-menu">
                        <li><a href="leasing-hvidvask-case.html">Leasing hvidvask</a></li>
                        <li><a href="intern-svindel-case.html">Intern svindel</a></li>
                        <li><a href="ai-svindel-opdagelse.html">AI svindelopdagelse</a></li>
                        <li><a href="cases.html">Alle artikler</a></li>
                    </ul>
                </li>
                <li><a href="#kontakt" class="nav-link">Kontakt</a></li>
                <li><a href="data-maturity-quiz-en.html" class="nav-link flag-link">
                    <img src="gb.png" alt="English" style="width: 20px; height: 14px; margin-right: 10px; vertical-align: middle;">
                    English
                </a></li>
            </ul>
        </nav>

        <div class="hero-content">
        </div>
    </section>
    
    <main class="main-content">
        <div class="quiz-container">
            <div class="quiz-header">
                <h1 class="quiz-title">Er din virksomhed moden til at håndtere svindel?</h1>
                <p class="quiz-subtitle">Tag denne hurtige test for at vurdere din virksomheds modenhed til at identificere, forhindre og forstå svindel. Få personlige anbefalinger til næste skridt.</p>
            </div>

            <div class="quiz-card">
                <div class="progress-bar">
                    <div class="progress-fill" id="progressFill"></div>
                </div>

                <!-- Question 1 -->
                <div class="question-container active" id="question1">
                    <div class="question-number">Spørgsmål 1 af 5</div>
                    <h2 class="question-text">Hvordan håndterer din virksomhed KYC (Know Your Customer) processer?</h2>
                    <div class="answer-options">
                        <div class="answer-option" data-value="1">
                            <div class="answer-text">Lav modenhed</div>
                            <div class="answer-description">Ingen formelle KYC-procedurer. Kundeoplysninger indsamles sporadisk og valideres ikke systematisk.</div>
                        </div>
                        <div class="answer-option" data-value="2">
                            <div class="answer-text">Medium modenhed</div>
                            <div class="answer-description">Basis KYC-procedurer er på plads, men screening sker primært manuelt og ikke real-time.</div>
                        </div>
                        <div class="answer-option" data-value="3">
                            <div class="answer-text">Høj modenhed</div>
                            <div class="answer-description">Avancerede, automatiserede KYC-systemer med real-time screening og løbende opdatering af kunderisici.</div>
                        </div>
                    </div>
                </div>

                <!-- Question 2 -->
                <div class="question-container" id="question2">
                    <div class="question-number">Spørgsmål 2 af 5</div>
                    <h2 class="question-text">Hvordan screenes leverandører og samarbejdspartnere for svindelrisici?</h2>
                    <div class="answer-options">
                        <div class="answer-option" data-value="1">
                            <div class="answer-text">Lav modenhed</div>
                            <div class="answer-description">Ingen systematisk screening af leverandører. Samarbejde indgås uden formel risikovurdering.</div>
                        </div>
                        <div class="answer-option" data-value="2">
                            <div class="answer-text">Medium modenhed</div>
                            <div class="answer-description">Basis screening ved onboarding, men ingen løbende overvågning eller opdatering af risici.</div>
                        </div>
                        <div class="answer-option" data-value="3">
                            <div class="answer-text">Høj modenhed</div>
                            <div class="answer-description">Omfattende screening ved onboarding og løbende overvågning med automatiseret risikostyring.</div>
                        </div>
                    </div>
                </div>

                <!-- Question 3 -->
                <div class="question-container" id="question3">
                    <div class="question-number">Spørgsmål 3 af 5</div>
                    <h2 class="question-text">Hvordan håndterer din virksomhed regulatorisk compliance vedrørende svindel?</h2>
                    <div class="answer-options">
                        <div class="answer-option" data-value="1">
                            <div class="answer-text">Lav modenhed</div>
                            <div class="answer-description">Ingen formelle compliance-procedurer. Lovkrav følges ikke systematisk eller dokumenteres ikke.</div>
                        </div>
                        <div class="answer-option" data-value="2">
                            <div class="answer-text">Medium modenhed</div>
                            <div class="answer-description">Nogle compliance-procedurer er på plads, men der er udfordringer med systematisk implementering og overvågning.</div>
                        </div>
                        <div class="answer-option" data-value="3">
                            <div class="answer-text">Høj modenhed</div>
                            <div class="answer-description">Omfattende compliance-framework med automatiserede kontroller, løbende overvågning og proaktiv risikostyring.</div>
                        </div>
                    </div>
                </div>

                <!-- Question 4 -->
                <div class="question-container" id="question4">
                    <div class="question-number">Spørgsmål 4 af 5</div>
                    <h2 class="question-text">Hvordan bruger din virksomhed data og processer til at identificere svindel?</h2>
                    <div class="answer-options">
                        <div class="answer-option" data-value="1">
                            <div class="answer-text">Lav modenhed</div>
                            <div class="answer-description">Svindel opdages primært reaktivt gennem kundeklager eller eksterne rapporter. Ingen proaktive systemer.</div>
                        </div>
                        <div class="answer-option" data-value="2">
                            <div class="answer-text">Medium modenhed</div>
                            <div class="answer-description">Nogle grundlæggende svindelopdagelsessystemer er på plads, men de er ikke real-time eller særligt avancerede.</div>
                        </div>
                        <div class="answer-option" data-value="3">
                            <div class="answer-text">Høj modenhed</div>
                            <div class="answer-description">Avancerede, real-time svindelopdagelsessystemer med AI, machine learning og prædiktiv analyse.</div>
                        </div>
                    </div>
                </div>

                <!-- Question 5 -->
                <div class="question-container" id="question5">
                    <div class="question-number">Spørgsmål 5 af 5</div>
                    <h2 class="question-text">Hvordan integrerer din virksomhed svindelrisikostyring på tværs af afdelinger?</h2>
                    <div class="answer-options">
                        <div class="answer-option" data-value="1">
                            <div class="answer-text">Lav modenhed</div>
                            <div class="answer-description">Svindelrisikostyring håndteres isoleret i enkeltafdelinger uden koordination eller deling af information.</div>
                        </div>
                        <div class="answer-option" data-value="2">
                            <div class="answer-text">Medium modenhed</div>
                            <div class="answer-description">Nogle koordinationsforanstaltninger er på plads, men der er stadig udfordringer med informationsdeling og samarbejde.</div>
                        </div>
                        <div class="answer-option" data-value="3">
                            <div class="answer-text">Høj modenhed</div>
                            <div class="answer-description">Fuldt integreret svindelrisikostyring på tværs af hele organisationen med seamless informationsdeling og samarbejde.</div>
                        </div>
                    </div>
                </div>

                <!-- Navigation -->
                <div class="quiz-navigation">
                    <button class="nav-button btn-prev" id="prevBtn" style="display: none;">Forrige</button>
                    <button class="nav-button btn-next" id="nextBtn">Næste</button>
                </div>
            </div>

            <!-- Results -->
            <div class="result-container" id="resultContainer">
                <div class="quiz-card">
                    <div id="resultContent">
                        <!-- Result content will be populated by JavaScript -->
                    </div>
                    <div class="result-actions">
                        <a href="mailto:kontakt@sentinelriskanalytics.dk" class="action-button btn-primary">Book et møde med os</a>
                        <button class="action-button btn-secondary" onclick="restartQuiz()">Tag testen igen</button>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="footer" id="kontakt">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <img src="Logo_Hvid-removebg-preview-kopi.png" alt="Sentinel Risk Analytics Logo" class="footer-logo">
                    <p class="brand-text">Vi gør op med dårlige løsninger gennem en innovativ tilgang der reelt virker i dansk kontekst.</p>
                    <p class="brand-subtext">25+ års proven track record. Teknologi der virker. Resultater fra dag 1. Partnership, ikke bare konsulentydelser. Danish market experts.</p>
                </div>

                <div class="footer-links">
                    <h3>Navigation</h3>
                    <ul>
                        <li><a href="index.html">Hjem</a></li>
                        <li><a href="om.html">Om</a></li>
                        <li><a href="kontakt.html">Kontakt</a></li>
                    </ul>
                </div>

                <div class="footer-contact">
                    <h3>Kontakt</h3>
                    <ul>
                        <li>Telefon: +45 29292234</li>
                        <li>Mail: <a href="mailto:kontakt@sentinelriskanalytics.dk">kontakt@sentinelriskanalytics.dk</a></li>
                        <li>Adresse: Harrestrup Allé 28, st, 2500 Valby, Danmark</li>
                        <li>CVR-nummer: 45547647</li>
                    </ul>
                </div>

                <div class="footer-cta">
                    <a href="https://www.linkedin.com/company/sentinel-risk-analytics-aps/?viewAsMember=true" class="linkedin-button" target="_blank" rel="noopener">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                        </svg>
                        Følg os på LinkedIn
                    </a>
                    <a href="kontakt.html" class="cta-button cta-primary">Book jeres gratis audit i dag</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // Mobile menu functionality
        document.addEventListener('DOMContentLoaded', function() {
            const mobileMenuToggle = document.getElementById('mobileMenuToggle');
            const nav = document.getElementById('nav');
            const navLinks = document.querySelectorAll('.nav-link');

            // Toggle mobile menu
            mobileMenuToggle.addEventListener('click', function() {
                mobileMenuToggle.classList.toggle('active');
                nav.classList.toggle('active');
                document.body.style.overflow = nav.classList.contains('active') ? 'hidden' : '';
            });

            // Close mobile menu when clicking on a link
            navLinks.forEach(link => {
                link.addEventListener('click', function() {
                    mobileMenuToggle.classList.remove('active');
                    nav.classList.remove('active');
                    document.body.style.overflow = '';
                });
            });

            // Close mobile menu when clicking outside
            document.addEventListener('click', function(event) {
                if (!nav.contains(event.target) && !mobileMenuToggle.contains(event.target)) {
                    mobileMenuToggle.classList.remove('active');
                    nav.classList.remove('active');
                    document.body.style.overflow = '';
                }
            });

            // Handle window resize
            window.addEventListener('resize', function() {
                if (window.innerWidth > 768) {
                    mobileMenuToggle.classList.remove('active');
                    nav.classList.remove('active');
                    document.body.style.overflow = '';
                }
            });

            // Initialize test
            window.quiz = new FraudMaturityTest();
        });

        class FraudMaturityTest {
            constructor() {
                this.currentQuestion = 1;
                this.totalQuestions = 5;
                this.answers = {};
                this.init();
            }

            init() {
                this.setupEventListeners();
                this.updateProgress();
            }

            setupEventListeners() {
                // Answer option selection
                document.querySelectorAll('.answer-option').forEach(option => {
                    option.addEventListener('click', (e) => {
                        this.selectAnswer(e.currentTarget);
                    });
                });

                // Navigation buttons
                document.getElementById('nextBtn').addEventListener('click', () => {
                    this.nextQuestion();
                });

                document.getElementById('prevBtn').addEventListener('click', () => {
                    this.previousQuestion();
                });
            }

            selectAnswer(optionElement) {
                // Remove previous selection from current question
                const currentQuestionContainer = document.getElementById(`question${this.currentQuestion}`);
                currentQuestionContainer.querySelectorAll('.answer-option').forEach(opt => {
                    opt.classList.remove('selected');
                });

                // Select new answer
                optionElement.classList.add('selected');
                this.answers[this.currentQuestion] = parseInt(optionElement.dataset.value);

                // Enable next button
                document.getElementById('nextBtn').disabled = false;
            }

            nextQuestion() {
                if (!this.answers[this.currentQuestion]) {
                    return; // No answer selected
                }

                if (this.currentQuestion === this.totalQuestions) {
                    this.showResults();
                } else {
                    this.currentQuestion++;
                    this.showQuestion();
                }
            }

            previousQuestion() {
                if (this.currentQuestion > 1) {
                    this.currentQuestion--;
                    this.showQuestion();
                }
            }

            showQuestion() {
                // Hide all questions
                document.querySelectorAll('.question-container').forEach(container => {
                    container.classList.remove('active');
                });

                // Show current question
                document.getElementById(`question${this.currentQuestion}`).classList.add('active');

                // Update navigation buttons
                this.updateNavigation();
                this.updateProgress();

                // Restore previous answer if exists
                this.restoreAnswer();
            }

            updateNavigation() {
                const prevBtn = document.getElementById('prevBtn');
                const nextBtn = document.getElementById('nextBtn');

                prevBtn.style.display = this.currentQuestion === 1 ? 'none' : 'inline-block';
                nextBtn.textContent = this.currentQuestion === this.totalQuestions ? 'Se resultat' : 'Næste';
            }

            updateProgress() {
                const progress = (this.currentQuestion - 1) / this.totalQuestions * 100;
                document.getElementById('progressFill').style.width = `${progress}%`;
            }

            restoreAnswer() {
                if (this.answers[this.currentQuestion]) {
                    const questionContainer = document.getElementById(`question${this.currentQuestion}`);
                    const selectedOption = questionContainer.querySelector(`[data-value="${this.answers[this.currentQuestion]}"]`);
                    if (selectedOption) {
                        selectedOption.classList.add('selected');
                    }
                }
            }

            calculateScore() {
                const totalScore = Object.values(this.answers).reduce((sum, score) => sum + score, 0);
                const maxScore = this.totalQuestions * 3;
                const percentage = (totalScore / maxScore) * 100;
                
                return {
                    total: totalScore,
                    max: maxScore,
                    percentage: percentage
                };
            }

            getResultLevel(percentage) {
                if (percentage >= 80) return 'high';
                if (percentage >= 50) return 'medium';
                return 'low';
            }

            showResults() {
                const score = this.calculateScore();
                const level = this.getResultLevel(score.percentage);
                
                // Hide quiz questions
                document.querySelector('.quiz-card').style.display = 'none';
                
                // Show results
                document.getElementById('resultContainer').classList.add('active');
                
                // Populate result content
                this.populateResultContent(score, level);
            }

            populateResultContent(score, level) {
                const resultContent = document.getElementById('resultContent');
                
                const results = {
                    low: {
                        title: 'Lav svindelmodenhed',
                        description: 'Din virksomhed har brug for at udvikle sine svindelrisikostyringskompetencer. Vi kan hjælpe med at etablere grundlæggende KYC-procedurer og implementere de første skridt mod proaktiv svindelopdagelse.',
                        color: 'score-low',
                        recommendations: [
                            'Etablere grundlæggende KYC-procedurer',
                            'Implementere basis leverandørscreening',
                            'Uddanne medarbejdere i svindelopdagelse'
                        ]
                    },
                    medium: {
                        title: 'Medium svindelmodenhed',
                        description: 'Din virksomhed har taget de første skridt, men der er stadig potentiale for at forbedre svindelrisikostyringen. Vi kan hjælpe med at avancere jeres compliance-framework og implementere mere sofistikerede svindelopdagelsessystemer.',
                        color: 'score-medium',
                        recommendations: [
                            'Avancere KYC-systemer med automatisering',
                            'Implementere real-time svindelopdagelse',
                            'Optimerer compliance-processer'
                        ]
                    },
                    high: {
                        title: 'Høj svindelmodenhed',
                        description: 'Fantastisk! Din virksomhed er allerede meget moden til at håndtere svindel. Vi kan hjælpe med at optimere yderligere og implementere cutting-edge teknologier for at holde jer i front.',
                        color: 'score-high',
                        recommendations: [
                            'Implementere AI og machine learning i svindelopdagelse',
                            'Avancere prædiktiv svindelanalyse',
                            'Optimere real-time compliance-overvågning'
                        ]
                    }
                };

                const result = results[level];
                
                resultContent.innerHTML = `
                    <div class="result-score ${result.color}">${score.percentage.toFixed(0)}%</div>
                    <h2 class="result-title">${result.title}</h2>
                    <p class="result-description">${result.description}</p>
                    <div style="text-align: left; max-width: 500px; margin: 0 auto;">
                        <h3 style="color: var(--primary-color); margin-bottom: 1rem;">Vores anbefalinger:</h3>
                        <ul style="list-style: none; padding: 0;">
                            ${result.recommendations.map(rec => `
                                <li style="padding: 0.5rem 0; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center;">
                                    <span style="color: var(--accent-color); margin-right: 0.75rem;">✓</span>
                                    ${rec}
                                </li>
                            `).join('')}
                        </ul>
                    </div>
                `;
            }
        }

        // Restart test function
        function restartQuiz() {
            location.reload();
        }
    </script>
</body>
</html>