<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sandefjord Boligprosjekt – 3804/131/4 | Arealyn AI</title>
<meta name="description" content="Komplett prosjektvurdering med timeline-dashboard: regulering, byggesak, byggestart, ferdigstillelse. 2D/3D visualisering, risikovurdering, konsekvensutredninger, mulighetsstudier.">
<link rel="preconnect" href="https://tile.openstreetmap.org">
<link rel="preconnect" href="https://kart14.nois.no">
<link rel="preconnect" href="https://cesium.com">
<link rel="stylesheet" href="css/timeline.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<link rel="preload" href="3d/Sandefjord_Alternativ_B_V1.0.0.glb" as="fetch" crossorigin>
<!-- CryptoJS for password protection -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
</head>
<body>
<div id="app">
<!-- SHARE BUTTON TOP -->
<div class="share-bar-top" id="shareBarTop">
  <div class="share-container">
    <button class="share-btn" id="shareBtnTop" onclick="openShareModal()">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <circle cx="18" cy="5" r="3"></circle>
        <circle cx="6" cy="19" r="3"></circle>
        <line x1="6" y1="19" x2="18" y2="5"></line>
      </svg>
      <span>Del prosjekt</span>
    </button>
    <div class="share-dropdown" id="shareDropdownTop">
      <div class="share-modal-content">
        <h4>Del prosjekt</h4>
        <p>Kopier lenke til prosjektet for å dele med involverte parter.</p>
        <div class="share-input-group">
          <input type="text" id="shareUrlTop" readonly>
          <button class="btn-copy" onclick="copyShareUrl('shareUrlTop')">Kopier</button>
        </div>
        <div class="share-password">
          <label>Passord for tilgang: <strong>3804-13-4</strong></label>
          <input type="password" id="sharePasswordTop" placeholder="Skriv inn passord for å åpne" onkeypress="checkSharePassword(event, 'shareUrlTop')">
          <small>Del passordet separat fra lenken for sikkerhet</small>
        </div>
        <div class="share-actions">
          <button class="btn btn-primary" onclick="copyShareUrl('shareUrlTop')">Kopier lenke</button>
          <button class="btn btn-secondary" onclick="closeShareModal()">Lukk</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- TOP BAR -->
<header class="topbar">
  <div class="topbar-left">
    <span class="logo">📊 Sandefjord 3804/131/4</span>
    <span class="project-subtitle">Gårdsveien / Hystadveien / Båstadveien · Lofterød, Hystad</span>
  </div>
  <div class="topbar-center">
    <div class="project-status">
      <span class="status-badge status-active" data-phase="current">Fase 0: Avklaring</span>
      <span class="timeline-progress" id="progressText">0%</span>
    </div>
  </div>
  <div class="topbar-right">
    <div class="header-badges">
      <span class="badge decision">BETINGET JA</span>
      <span class="badge score">5,46 / 10</span>
      <span class="badge risk">Høy risiko</span>
    </div>
    <button class="btn-print" onclick="window.print()" title="Skriv ut / Lagre som PDF">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg>
      <span>Skriv ut</span>
    </button>
  </div>
</header>

<!-- LEFT TIMELINE SIDEBAR (FIXED) -->
<aside class="timeline-sidebar" id="timelineSidebar">
  <div class="timeline-sidebar-header">
    <h3>📅 Prosjekt Tidslinje</h3>
    <div class="timeline-progress-mini">
      <div class="mini-progress-bar" id="miniProgressBar">
        <div class="mini-progress-fill" id="miniProgressFill"></div>
      </div>
      <span class="progress-percent" id="miniProgressText">0%</span>
    </div>
  </div>
  
  <nav class="timeline-nav" id="timelineNav">
    <div class="timeline-phase-item phase-current" data-phase="0">
      <div class="phase-marker">
        <div class="marker-ring active"></div>
        <div class="marker-dot"></div>
        <div class="marker-pulse"></div>
      </div>
      <div class="phase-info">
        <span class="phase-label">FASE 0</span>
        <span class="phase-name">Avklaring</span>
        <span class="phase-time">NÅ → 2-4 mnd</span>
        <span class="phase-status active">AKTIV</span>
      </div>
    </div>
    
    <div class="timeline-phase-item" data-phase="1">
      <div class="phase-marker">
        <div class="marker-ring"></div>
        <div class="marker-dot"></div>
      </div>
      <div class="phase-info">
        <span class="phase-label">FASE 1</span>
        <span class="phase-name">Planprosess</span>
        <span class="phase-time">12-24 mnd</span>
        <span class="phase-status planned">PLANLAGT</span>
      </div>
    </div>
    
    <div class="timeline-phase-item" data-phase="2">
      <div class="phase-marker">
        <div class="marker-ring"></div>
        <div class="marker-dot"></div>
      </div>
      <div class="phase-info">
        <span class="phase-label">FASE 2</span>
        <span class="phase-name">Byggesak</span>
        <span class="phase-time">6-12 mnd</span>
        <span class="phase-status future">FREMTIDIG</span>
      </div>
    </div>
    
    <div class="timeline-phase-item" data-phase="3">
      <div class="phase-marker">
        <div class="marker-ring"></div>
        <div class="marker-dot"></div>
      </div>
      <div class="phase-info">
        <span class="phase-label">FASE 3</span>
        <span class="phase-name">Bygging</span>
        <span class="phase-time">18-24 mnd</span>
        <span class="phase-status future">FREMTIDIG</span>
      </div>
    </div>
    
    <div class="timeline-phase-item" data-phase="4">
      <div class="phase-marker">
        <div class="marker-ring"></div>
        <div class="marker-dot"></div>
      </div>
      <div class="phase-info">
        <span class="phase-label">FASE 4</span>
        <span class="phase-name">Ferdigstillelse</span>
        <span class="phase-time">Sluttfaser</span>
        <span class="phase-status future">FREMTIDIG</span>
      </div>
    </div>
  </nav>
  
  <div class="timeline-progress-bar-vertical" id="timelineProgressBarVertical">
    <div class="vertical-progress-fill" id="verticalProgressFill"></div>
    <div class="vertical-markers" id="verticalMarkers"></div>
  </div>
  
  <div class="timeline-footer">
    <div class="project-meta">
      <span>V1.0.0 · 14.10.2026</span>
      <span>Arealyn AI</span>
    </div>
  </div>
</aside>

<!-- MAIN CONTENT AREA -->
<div class="main-wrapper">
  <!-- TOP BAR -->
  <header class="topbar">
    <div class="topbar-left">
      <button class="menu-toggle" id="menuToggle" aria-label="Åpne meny">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
      <div class="topbar-left-content">
        <span class="logo">📊 Sandefjord 3804/131/4</span>
        <span class="project-subtitle">Gårdsveien / Hystadveien / Båstadveien · Lofterød, Hystad</span>
      </div>
    </div>
    <div class="topbar-center">
      <div class="project-status">
        <span class="status-badge status-active" data-phase="current">Fase 0: Avklaring</span>
        <span class="timeline-progress" id="progressText">0%</span>
      </div>
    </div>
    <div class="topbar-right">
      <div class="header-badges">
        <span class="badge decision">BETINGET JA</span>
        <span class="badge score">5,46 / 10</span>
        <span class="badge risk">Høy risiko</span>
      </div>
      <div class="share-container-top">
        <button class="share-btn" id="shareBtnTop" onclick="openShareModal()">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <circle cx="18" cy="5" r="3"></circle>
            <circle cx="6" cy="19" r="3"></circle>
            <line x1="6" y1="19" x2="18" y2="5"></line>
          </svg>
          <span>Del</span>
        </button>
        <div class="share-dropdown" id="shareDropdownTop">
          <div class="share-modal-content">
            <h4>Del prosjekt</h4>
            <p>Kopier lenke til prosjektet for å dele med involverte parter.</p>
            <div class="share-input-group">
              <input type="text" id="shareUrlTop" readonly>
              <button class="btn-copy" onclick="copyShareUrl('shareUrlTop')">Kopier</button>
            </div>
            <div class="share-password">
              <label>Passord for tilgang: <strong>3804-13-4</strong></label>
              <input type="password" id="sharePasswordTop" placeholder="Skriv inn passord for å åpne" onkeypress="checkSharePassword(event, 'shareUrlTop')">
              <small>Del passordet separat fra lenken for sikkerhet</small>
            </div>
            <div class="share-actions">
              <button class="btn btn-primary" onclick="copyShareUrl('shareUrlTop')">Kopier lenke</button>
              <button class="btn btn-secondary" onclick="closeShareModal()">Lukk</button>
            </div>
          </div>
        </div>
      </div>
      <div class="header-badges">
        <span class="badge decision">BETINGET JA</span>
        <span class="badge score">5,46 / 10</span>
        <span class="badge risk">Høy risiko</span>
      </div>
      <button class="btn-print" onclick="window.print()" title="Skriv ut / Lagre som PDF">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg>
        <span>Skriv ut</span>
      </button>
    </div>
  </header>

  <div class="main-layout">
    <!-- LEFT TIMELINE SIDEBAR -->
    <aside class="left-timeline-sidebar" id="leftTimelineSidebar">
      <div class="left-sidebar-header">
        <h3>📅 Tidslinje</h3>
        <div class="mini-progress">
          <div class="mini-progress-bar" id="leftMiniProgressBar">
            <div class="mini-progress-fill" id="leftMiniProgressFill"></div>
          </div>
          <span class="progress-percent" id="leftMiniProgressText">0%</span>
        </div>
      </div>
      
      <nav class="left-timeline-nav" id="leftTimelineNav">
        <div class="left-timeline-phase phase-current" data-phase="0" onclick="scrollToPhase(0)">
          <div class="left-phase-marker">
            <div class="marker-ring active"></div>
            <div class="marker-dot"></div>
            <div class="marker-pulse"></div>
          </div>
          <div class="left-phase-info">
            <span class="left-phase-label">FASE 0</span>
            <span class="left-phase-name">Avklaring</span>
            <span class="left-phase-time">NÅ → 2-4 mnd</span>
            <span class="left-phase-status active">AKTIV</span>
          </div>
        </div>
        
        <div class="left-timeline-phase" data-phase="1" onclick="scrollToPhase(1)">
          <div class="left-phase-marker">
            <div class="marker-ring"></div>
            <div class="marker-dot"></div>
          </div>
          <div class="left-phase-info">
            <span class="left-phase-label">FASE 1</span>
            <span class="left-phase-name">Planprosess</span>
            <span class="left-phase-time">12-24 mnd</span>
            <span class="left-phase-status planned">PLANLAGT</span>
          </div>
        </div>
        
        <div class="left-timeline-phase" data-phase="2" onclick="scrollToPhase(2)">
          <div class="left-phase-marker">
            <div class="marker-ring"></div>
            <div class="marker-dot"></div>
          </div>
          <div class="left-phase-info">
            <span class="left-phase-label">FASE 2</span>
            <span class="left-phase-name">Byggesak</span>
            <span class="left-phase-time">6-12 mnd</span>
            <span class="left-phase-status future">FREMTIDIG</span>
          </div>
        </div>
        
        <div class="left-timeline-phase" data-phase="3" onclick="scrollToPhase(3)">
          <div class="left-phase-marker">
            <div class="marker-ring"></div>
            <div class="marker-dot"></div>
          </div>
          <div class="left-phase-info">
            <span class="left-phase-label">FASE 3</span>
            <span class="left-phase-name">Bygging</span>
            <span class="left-phase-time">18-24 mnd</span>
            <span class="left-phase-status future">FREMTIDIG</span>
          </div>
        </div>
        
        <div class="left-timeline-phase" data-phase="4" onclick="scrollToPhase(4)">
          <div class="left-phase-marker">
            <div class="marker-ring"></div>
            <div class="marker-dot"></div>
          </div>
          <div class="left-phase-info">
            <span class="left-phase-label">FASE 4</span>
            <span class="left-phase-name">Ferdigstillelse</span>
            <span class="left-phase-time">Sluttfaser</span>
            <span class="left-phase-status future">FREMTIDIG</span>
          </div>
        </div>
      </nav>
      
      <div class="left-timeline-progress-vertical">
        <div class="vertical-progress-fill" id="leftVerticalProgressFill"></div>
        <div class="vertical-markers" id="leftVerticalMarkers"></div>
      </div>
      
      <div class="left-sidebar-footer">
        <div class="project-meta">
          <span>V1.0.0 · 14.10.2026</span>
          <span>Arealyn AI</span>
        </div>
      </div>
    </aside>

    <!-- MAIN CONTENT -->
    <main class="main-content" id="mainContent">
      <!-- HERO / CURRENT PHASE -->
      <header class="page-header">
        <div class="header-content">
          <div class="header-left">
            <h1>Sandefjord Boligprosjekt – 3804/131/4</h1>
            <p class="project-subtitle">Gårdsveien / Hystadveien / Båstadveien · Lofterød, Hystad · Sandefjord kommune</p>
          </div>
          <div class="header-right">
            <div class="phase-indicator">
              <span class="phase-label">NÅ</span>
              <span class="current-phase-badge" id="currentPhaseDisplay">Fase 0: Avklaring</span>
            </div>
            <div class="header-actions">
              <button class="btn-print" onclick="window.print()" title="Skriv ut / Lagre som PDF">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"></polyline><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><rect x="6" y="14" width="12" height="8"></rect></svg>
                <span>Skriv ut</span>
              </button>
              <a href="reports/Sandefjord_Prosjektvurdering_KOMPLETT_V1.0.0.pdf" download class="btn btn-primary">⬇ PDF (41s)</a>
            </div>
          </div>
        </div>
      </header>

      <!-- CENTRAL TIMELINE (SCROLLYTELLING) -->
      <div class="timeline-container" id="timelineContainer">
        <div class="timeline-vertical" id="timelineVertical">
          <div class="timeline-line" id="timelineLine">
            <div class="timeline-progress-fill" id="timelineProgressFill"></div>
          </div>
          
          <!-- PHASE 0 -->
          <section id="phase-0" class="timeline-phase phase-current" data-phase="0">
            <div class="timeline-marker" data-phase="0">
              <div class="marker-ring active"></div>
              <div class="marker-dot"></div>
              <div class="marker-pulse"></div>
            </div>
            <div class="phase-content">
              <div class="phase-header">
                <span class="phase-number">FASE 0</span>
                <span class="phase-status status-active">AKTIV</span>
                <span class="phase-timeframe">NÅ → 2-4 mnd</span>
              </div>
              <h2>Fase 0: Avklaring & Grunnlagsarbeid</h2>
              <p class="phase-description">Grunnleggende avklaringer før investeringsbeslutning og planprosessoppstart.</p>
              
              <div class="phase-detail-grid">
                <div class="detail-card">
                  <h4>🎯 Mål</h4>
                  <ul>
                    <li>Verifiser planstatus (Kp2023, eldre reguleringsplaner)</li>
                    <li>Verifiser opsjonsavtalenes gyldighet (grunnbok)</li>
                    <li>Geoteknisk forundersøkelse (3-5 borhull)</li>
                    <li>VA-kapasitetsavklaring med kommunen</li>
                    <li>Dyrket mark / naturverdi / kulturminner</li>
                    <li>Lokale salgspriser valideres (nullpunkt ~63 800 kr/m²)</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Leveranser</h4>
                  <ul>
                    <li>Avklaringsrapport med Go/No-Go anbefaling</li>
                    <li>Oppdatert risikovurdering</li>
                    <li>Kostnadskalkulasjon for planprosess</li>
                    <li>Tidsplan for fase 1-4</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>💰 Kostnad</h4>
                  <ul>
                    <li>Geoteknikk: 150-300 kkr</li>
                    <li>Juridisk/plan: 50-100 kkr</li>
                    <li>Egen arbeidstid</li>
                    <li><strong>Totalt: 0,3-0,5 MNOK</strong></li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>⚠️ Kritiske avhengigheter</h4>
                  <ul>
                    <li>Planstatus verifisering (Go/No-Go kriterium)</li>
                    <li>Opsjonsavtalenes gyldighet (>18 mnd igjen)</li>
                    <li>Ingen dyrket mark / kulturminner</li>
                    <li>VA-kapasitet tilgjengelig</li>
                  </ul>
                </div>
              </div>
              <div class="phase-actions">
                <a href="#sammendrag" class="btn btn-primary" data-section="sammendrag">📋 Se Sammendrag</a>
                <a href="#phase-1" class="btn btn-outline" data-section="phase-1">➡️ Neste fase: Planprosess</a>
                <a href="#dokumenter" class="btn btn-secondary" data-section="dokumenter">📄 Se alle dokumenter</a>
              </div>
            </div>
          </section>

          <!-- PHASE 1 -->
          <section id="phase-1" class="timeline-phase" data-phase="1">
            <div class="timeline-marker" data-phase="1">
              <div class="marker-ring"></div>
              <div class="marker-dot"></div>
            </div>
            <div class="phase-content">
              <div class="phase-header">
                <span class="phase-number">FASE 1</span>
                <span class="phase-status status-planned">PLANLAGT</span>
                <span class="phase-timeframe">12-24 mnd</span>
              </div>
              <h2>Fase 1: Planprosess & Detaljregulering</h2>
              <p class="phase-description">Full ny reguleringsplan kreves (ingen eksisterende reguleringsplan på området).</p>
              
              <div class="phase-detail-grid">
                <div class="detail-card">
                  <h4>📋 Prosessflyt</h4>
                  <ol>
                    <li>Oppstartsmelding til kommunen (PBL § 5-1)</li>
                    <li>Programtillegg med planrammer</li>
                    <li>Grunnlagsutredninger (KU, trafikk, miljø, VA, geoteknikk)</li>
                    <li>Planforslag + planbestemmelser utarbeides</li>
                    <li>Offentlig høring (min 42 dager, PBL § 5-1)</li>
                    <li>Motepartbehandling & eventuelle endringer</li>
                    <li>Politisk behandling: BYM → Kommunestyre</li>
                    <li>Vedtak + 3 ukers klagefrist</li>
                    <li>Planvedtak endelig</li>
                  </ol>
                </div>
                <div class="detail-card">
                  <h4>📋 Nødvendige utredninger</h4>
                  <ul>
                    <li>Konsekvensutredning (KU)</li>
                    <li>Trafikkvurdering (Hystadveien fv. 520/6)</li>
                    <li>Miljøvurdering (arter, naturtyper, kulturmiljø)</li>
                    <li>VA-vurdering (kapasitet, rekkefølge, kostnad)</li>
                    <li>Geoteknisk hovudundersøkelse</li>
                    <li>Kulturmiljøvurdering (Askeladden)</li>
                    <li>Naturtyper / arter (NIBIO)</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Dokumenter</h4>
                  <div class="document-links">
                    <a href="#konsekvensutredning" class="doc-link">📋 Konsekvensutredning (KU)</a>
                    <a href="#miljovurdering" class="doc-link">🌿 Miljøvurdering</a>
                    <a href="#trafikkvurdering" class="doc-link">🚗 Trafikkvurdering</a>
                    <a href="#va-vurdering" class="doc-link">💧 VA-vurdering</a>
                    <a href="#mulighetsstudie" class="doc-link">📊 Mulighetsstudie</a>
                  </div>
                </div>
                <div class="detail-card">
                  <h4>💰 Kostnad & Tid</h4>
                  <ul>
                    <li>Planprosess: 1,2-2,4 MNOK</li>
                    <li>Tid: 12-24 måneder</li>
                    <li>Konsulenter (arkitekt, KU, VA, trafikk, geo)</li>
                  </ul>
                </div>
              </div>
              <div class="phase-actions">
                <a href="#phase-1-detail" class="btn btn-primary" data-section="phase-1-detail">📋 Detaljert planprosess</a>
                <a href="#interaktivt-kart" class="btn btn-outline" data-section="interaktivt-kart">🗺️ Kart & Planlag</a>
                <a href="#phase-2" class="btn btn-outline" data-section="phase-2">➡️ Neste fase: Byggesak</a>
              </div>
            </div>
          </section>

          <!-- PHASE 2 -->
          <section id="phase-2" class="timeline-phase" data-phase="2">
            <div class="timeline-marker" data-phase="2">
              <div class="marker-ring"></div>
              <div class="marker-dot"></div>
            </div>
            <div class="phase-content">
              <div class="phase-header">
                <span class="phase-number">FASE 2</span>
                <span class="phase-status status-future">FREMTIDIG</span>
                <span class="phase-timeframe">6-12 mnd</span>
              </div>
              <h2>Fase 2: Byggesak & Prosjektering</h2>
              <p class="phase-description">Etter endelig planvedtak: detaljprosjektering, byggesak, finansiering, entreprenørutvelgelse, salg.</p>
              
              <div class="phase-detail-grid">
                <div class="detail-card">
                  <h4>📋 Hovedaktiviteter</h4>
                  <ul>
                    <li>Detaljprosjektering (ARK, KON, EL, RIB, VA)</li>
                    <li>Byggesak innsendes til kommunen</li>
                    <li>Finansiering: Bankintensjon + egenkapital (35-40 MNOK)</li>
                    <li>Entreprenørutvelgelse (totalkontrakt per fase)</li>
                    <li>Fasevis byggestart (blokk per blokk)</li>
                    <li>Forhåndssalg: min 50% per fase før byggestart</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Leveranser</h4>
                  <ul>
                    <li>Detaljprosjekt (komplett tegnesett)</li>
                    <li>Byggesak med alle vedlegg</li>
                    <li>Finansieringsbevis / bankintensjon</li>
                    <li>Entreprenørkontrakter (totalkontrakt)</li>
                    <li>Salgsbrosjyre / markedsføring</li>
                    <li>Forhåndskontrakter (min 50% per fase)</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>💰 Kostnad</h4>
                  <ul>
                    <li>Prosjektering: 3-5 MNOK</li>
                    <li>Egenkapital: 35-40 MNOK</li>
                    <li>Finansieringskostnader under bygg</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>⚠️ Krav før byggestart</h4>
                  <ul>
                    <li>Planvedtak endelig (klagefrist utløpt)</li>
                    <li>Bankintensjon 75% LTV</li>
                    <li>≥ 50% forhåndssalg per fase</li>
                    <li>Totalkontrakt signert per fase</li>
                    <li>Byggetillatelse erteilt</li>
                  </ul>
                </div>
              </div>
              <div class="phase-actions">
                <a href="#okonomi" class="btn btn-primary" data-section="okonomi">💰 Økonomi & Kalkyle</a>
                <a href="#scenarier" class="btn btn-outline" data-section="scenarier">📊 Scenario-sammenligning</a>
                <a href="#phase-3" class="btn btn-outline" data-section="phase-3">➡️ Neste fase: Bygging</a>
              </div>
            </div>
          </section>

          <!-- PHASE 3 -->
          <section id="phase-3" class="timeline-phase" data-phase="3">
            <div class="timeline-marker" data-phase="3">
              <div class="marker-ring"></div>
              <div class="marker-dot"></div>
            </div>
            <div class="phase-content">
              <div class="phase-header">
                <span class="phase-number">FASE 3</span>
                <span class="phase-status status-future">FREMTIDIG</span>
                <span class="phase-timeframe">18-24 mnd</span>
              </div>
              <h2>Fase 3: Bygging & Leveranse</h2>
              <p class="phase-description">Fasevis bygging av 3 blokker (4 etasjer hver). Etter hvert som blokker ferdigstilles: leveranse til kjøpere, sluttoppussing, garantiperiode.</p>
              
              <div class="phase-detail-grid">
                <div class="detail-card">
                  <h4>🏗️ Byggeløp per blokk</h4>
                  <ul>
                    <li>Blokk 1: Mnd 1-18 (grunnarbeid, kel, stell, tak, inredning)</li>
                    <li>Blokk 2: Mnd 7-24 (start 6 mnd etter blokk 1)</li>
                    <li>Blokk 3: Mnd 13-30 (start 6 mnd etter blokk 2)</li>
                    <li>Felles: utvendig anlegg, parkering, grønnstruktur</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Kvalitet & Kontroll</h4>
                  <ul>
                    <li>Egenkontroll ift. byggeforskriften</li>
                    <li>Tredjepartskontroll (kjent mann)</li>
                    <li>Dokumentasjon for energimerking</li>
                    <li>Lydmålinger, lufttetthetsprøving</li>
                    <li>Sluttbesiktning kommunen</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>💰 Kostnad & Finans</h4>
                  <ul>
                    <li>Byggekostnad: 142,1 MNOK (totalt)</li>
                    <li>Utbetaling etter fremdriftsplan</li>
                    <li>Rente under bygg: ~5-8 MNOK</li>
                    <li>Salgsinntekter fra forhåndssalg</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Leveranse & Garanti</h4>
                  <ul>
                    <li>Overtakelse per blokk (nøkkelklar)</li>
                    <li>5-års garanti ift. plan- og bygningsloven</li>
                    <li>Energimerking & teknisk dokumentasjon</li>
                    <li>Eierforening etableres</li>
                  </ul>
                </div>
              </div>
              <div class="phase-actions">
                <a href="#okonomi" class="btn btn-primary" data-section="okonomi">💰 Fullstendig kalkyle</a>
                <a href="#scenarier" class="btn btn-outline" data-section="scenarier">📊 Scenario-sammenligning</a>
              </div>
            </div>
          </section>

          <!-- PHASE 4 -->
          <section id="phase-4" class="timeline-phase" data-phase="4">
            <div class="timeline-marker" data-phase="4">
              <div class="marker-ring"></div>
              <div class="marker-dot"></div>
            </div>
            <div class="phase-content">
              <div class="phase-header">
                <span class="phase-number">FASE 4</span>
                <span class="phase-status status-future">FREMTIDIG</span>
                <span class="phase-timeframe">Sluttfaser</span>
              </div>
              <h2>Fase 4: Ferdigstillelse & Driftsetting</h2>
              <p class="phase-description">Alle blokker ferdigstilt, leverert til kjøpere, eierforening etablert, garantiperiode pågår.</p>
              
              <div class="phase-detail-grid">
                <div class="detail-card">
                  <h4>✅ Avslutningsaktiviteter</h4>
                  <ul>
                    <li>Sluttbesiktning alle enheter</li>
                    <li>Energimerking & energimerke</li>
                    <li>Teknisk dokumentasjon overført til eierforening</li>
                    <li>Eierforening formelt etablert</li>
                    <li>Fellesarealer ferdigstilt (utearealer, lekeplass, parkering)</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>💰 Økonomisk oppgjør</h4>
                  <ul>
                    <li>Sluttkalkyle vs. budsjett</li>
                    <li>Avvikslister & garantiavvik</li>
                    <li>Sluttfakturering entreprenør</li>
                    <li>Avslutning prosjektkonto</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📋 Dokumentasjon</h4>
                  <ul>
                    <li>Overtakelsesprotokoller</li>
                    <li>Energimerker (alle enheter)</li>
                    <li>Vedlikeholdsmanualer</li>
                    <li>Tegninger (as-built)</li>
                    <li>Garanti- og forsikringsdokumenter</li>
                  </ul>
                </div>
                <div class="detail-card">
                  <h4>📈 Resultat</h4>
                  <ul>
                    <li>Forventet resultat: +9,4 MNOK (ved 68k kr/m²)</li>
                    <li>Margin: 6,6%</li>
                    <li>IRR: ~14%</li>
                    <li>ROE: ~18%</li>
                  </ul>
                </div>
              </div>
              <div class="phase-actions">
                <a href="#okonomi" class="btn btn-primary" data-section="okonomi">💰 Fullstendig kalkyle</a>
                <a href="#konklusjon" class="btn btn-outline" data-section="konklusjon">📋 Konklusjon & Tiltaksplan</a>
              </div>
            </div>
          </section>

          <!-- END MARKER -->
          <div class="timeline-end-marker">
            <div class="marker-ring"></div>
            <div class="marker-dot marker-complete"></div>
            <div class="end-label">Ferdigstilt 2031</div>
          </div>
        </div>
      </div>
    </main>

    <!-- RIGHT DOCUMENT SIDEBAR -->
    <aside class="right-doc-sidebar" id="rightDocSidebar">
      <div class="right-sidebar-header">
        <h3>📄 Dokumenter & Vedlegg</h3>
        <button class="sidebar-toggle" id="rightSidebarToggle" onclick="toggleRightSidebar()">◀</button>
      </div>
      
      <div class="right-sidebar-content">
        <div class="doc-search">
          <input type="text" id="docSearch" placeholder="🔍 Søk i dokumenter..." onkeyup="filterDocuments()">
        </div>
        
        <div class="doc-categories" id="docCategories">
          <div class="doc-category">
            <h4>📄 Hovedrapporter</h4>
            <ul>
              <li><a href="reports/Sandefjord_Prosjektvurdering_KOMPLETT_V1.0.0.pdf" target="_blank" class="doc-link">📄 Komplett rapport (PDF, 41s, 1,1 MB)</a></li>
              <li><a href="reports/Sandefjord_Prosjektvurdering_KOMPLETT_V1.0.0.pdf" download class="doc-link">⬇ Last ned PDF</a></li>
              <li><a href="reports/Sandefjord_Prosjektvurdering_V1.0.0.md" target="_blank" class="doc-link">📝 Hovedrapport (Markdown)</a></li>
              <li><a href="reports/Sandefjord_Reguleringsanalyse_V1.0.0.md" target="_blank" class="doc-link">📝 Reguleringsanalyse</a></li>
              <li><a href="reports/Sandefjord_Investeringsvurdering_V1.0.0.md" target="_blank" class="doc-link">📝 Investeringsvurdering</a></li>
              <li><a href="reports/Sandefjord_Tiltaksplan_V1.0.0.md" target="_blank" class="doc-link">📝 Tiltaksplan</a></li>
              <li><a href="reports/Sandefjord_SSB_Markedsanalyse_V1.0.0.md" target="_blank" class="doc-link">📝 SSB Markedsanalyse</a></li>
              <li><a href="reports/Sandefjord_Risiko_og_Poengscore_V1.0.0.csv" download class="doc-link">⬥ Poengscore (CSV)</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>🗺️ Kart & Plan</h4>
            <ul>
              <li><a href="3d/Sandefjord_GoogleEarth_V1.0.0.kml" download class="doc-link">⬇ KML (Google Earth)</a></li>
              <li><a href="3d/Sandefjord_GoogleEarth_Prosjekt_V1.0.0.kmz" download class="doc-link">⬇ KMZ (3D-modeller)</a></li>
              <li><a href="3d/Sandefjord_Tomtegrenser_V1.0.0.geojson" download class="doc-link">⬇ GeoJSON (QGIS)</a></li>
              <li><a href="3d/Sandefjord_Volumberegninger_V1.0.0.csv" download class="doc-link">⬥ Volumberegninger (CSV)</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>🌍 3D Modeller</h4>
            <ul>
              <li><a href="3d/Sandefjord_Alternativ_A_V1.0.0.glb" download class="doc-link">⬇ GLB Alternativ A</a></li>
              <li><a href="3d/Sandefjord_Alternativ_B_V1.0.0.glb" download class="doc-link">⬇ GLB Alternativ B (Anbefalt)</a></li>
              <li><a href="3d/Sandefjord_Alternativ_C_V1.0.0.glb" download class="doc-link">⬇ GLB Alternativ C</a></li>
              <li><a href="3d/Sandefjord_GoogleEarth_V1.0.0.kml" download class="doc-link">⬇ KML (Google Earth)</a></li>
              <li><a href="3d/Sandefjord_GoogleEarth_Prosjekt_V1.0.0.kmz" download class="doc-link">⬇ KMZ (Collada 3D)</a></li>
              <li><a href="3d/Sandefjord_Volumstudie_V1.0.0.blend" download class="doc-link">🔧 Blender-kildefil</a></li>
              <li><a href="3d/generer_3d.py" download class="doc-link">🐍 Python-generator</a></li>
              <li><a href="3d/generer_blender.py" download class="doc-link">🐍 Blender-generator</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>📊 Data & Analyse</h4>
            <ul>
              <li><a href="data/chartdata.json" download class="doc-link">📊 SSB Diagramdata (JSON)</a></li>
              <li><a href="data/sammendrag.json" download class="doc-link">📊 Aggregerte nøkkeltall</a></li>
              <li><a href="data/Sandefjord_Volumberegninger_V1.0.0.csv" download class="doc-link">⬥ Volumberegninger</a></li>
              <li><a href="data/Sandefjord_Tomtegrenser_V1.0.0.geojson" download class="doc-link">🗺️ Tomtegrenser (GeoJSON)</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>📈 SSB Markedsdata</h4>
            <ul>
              <li><a href="data/chartdata.json" download class="doc-link">📊 Befolkning, prognose, bygging, priser, BKI</a></li>
              <li><a href="reports/Sandefjord_SSB_Markedsanalyse_V1.0.0.md" target="_blank" class="doc-link">📝 Fullstendig markedsanalyse</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>🔧 Generatorer & Kode</h4>
            <ul>
              <li><a href="3d/generer_3d.py" download class="doc-link">🐍 Python KML/KMZ/GeoJSON/CSV generator</a></li>
              <li><a href="3d/generer_blender.py" download class="doc-link">🐍 Blender GLB/BLEND generator</a></li>
            </ul>
          </div>
          
          <div class="doc-category">
            <h4>📋 Konsekvensutredninger & Mulighetsstudier</h4>
            <ul>
              <li><button class="doc-link btn-report" onclick="openReportModal('konsekvensutredning')">📋 Konsekvensutredning (KU)</button></li>
              <li><button class="doc-link btn-report" onclick="openReportModal('mulighetsstudie')">📊 Mulighetsstudie</button></li>
              <li><button class="doc-link btn-report" onclick="openReportModal('miljovurdering')">🌿 Miljøvurdering</button></li>
              <li><button class="doc-link btn-report" onclick="openReportModal('trafikkvurdering')">🚗 Trafikkvurdering</button></li>
              <li><button class="doc-link btn-report" onclick="openReportModal('va-vurdering')">💧 VA-vurdering</button></li>
            </ul>
          </div>
        </div>
        
        <div class="sidebar-actions">
          <button class="btn btn-primary" onclick="downloadAllDocs()">⬇ Last ned alle (ZIP)</button>
          <button class="btn btn-secondary" onclick="printAllDocs()">🖨️ Skriv ut alle</button>
        </div>
      </div>
    </aside>
  </div>

  <!-- SHARE BAR BOTTOM -->
  <div class="share-bar-bottom" id="shareBarBottom">
    <div class="share-container-bottom">
      <button class="share-btn" id="shareBtnBottom" onclick="openShareModal()">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <circle cx="18" cy="5" r="3"></circle>
          <circle cx="6" cy="19" r="3"></circle>
          <line x1="6" y1="19" x2="18" y2="5"></line>
        </svg>
        <span>Del prosjekt</span>
      </button>
    </div>
  </div>
</div>

<!-- SHARE MODAL -->
<div class="share-modal-overlay" id="shareModalOverlay" onclick="closeShareModal()">
  <div class="share-modal" onclick="event.stopPropagation()">
    <div class="modal-header">
      <h3>🔗 Del prosjekt</h3>
      <button class="close-modal" onclick="closeShareModal()">×</button>
    </div>
    <div class="modal-body">
      <p>Kopier lenke til prosjektet for å dele med involverte parter.</p>
      <div class="share-input-group">
        <input type="text" id="shareUrl" readonly>
        <button class="btn-copy" onclick="copyShareUrl()">Kopier</button>
      </div>
      <div class="share-password">
        <label>Passord for tilgang: <strong>3804-13-4</strong></label>
        <input type="password" id="sharePassword" placeholder="Skriv inn passord for å åpne" onkeypress="checkSharePassword(event)">
        <small>Passord: <strong>3804-13-4</strong> — Del passordet separat fra lenken for sikkerhet</small>
      </div>
      <div class="share-actions">
        <button class="btn btn-primary" onclick="copyShareUrl()">Kopier lenke</button>
        <button class="btn btn-secondary" onclick="closeShareModal()">Lukk</button>
      </div>
    </div>
  </div>

<!-- REPORT MODALS -->
<div id="modal-konsekvensutredning" class="report-modal" data-report="konsekvensutredning">
  <div class="modal-header">
    <h3>📋 Konsekvensutredning (KU)</h3>
    <button class="close-modal" onclick="closeReportModal('konsekvensutredning')">×</button>
  </div>
  <div class="modal-body">
    <div class="report-header">
      <h3>Konsekvensutredning (KU) - Ifht. PBL § 5-2</h3>
      <div class="report-meta">
        <span class="tag">PBL § 5-2</span>
        <span class="tag">Obligatorisk</span>
        <span class="tag status-pending">Ikke startet</span>
      </div>
    </div>
    <div class="report-sections">
      <details open>
        <summary>📋 1. Formål & Omfang</summary>
        <div class="report-content">
          <p>KU skal beskrive og vurdere planens betydning for miljø, samfunn, kulturminner, trafikk, VA, klima og økonomi. Obligatorisk for reguleringsplan ifht. PBL § 5-2.</p>
          <div class="checklist">
            <li><input type="checkbox" disabled> Områdebeskrivelse (nåværende situasjon)</li>
            <li><input type="checkbox" disabled> Planbeskrivelse (formål, volum, boligtyper)</li>
            <li><input type="checkbox" disabled> Nullalternativ (hva skjer uten plan)</li>
            <li><input type="checkbox" disabled> Konsekvensbeskrivelse per tema</li>
            <li><input type="checkbox" disabled> Mitigerende tiltak</li>
            <li><input type="checkbox" disabled> Oppsummering & konklusjon</li>
          </div>
        </div>
      </details>
      <details>
        <summary>🌿 2. Miljø & Natur</summary>
        <div class="report-content">
          <p>Vurdering av naturtyper, arter, livsmiljøer, kravvann, kulturminner, friluftsliv.</p>
          <div class="checklist">
            <li><input type="checkbox" disabled> Naturtyper (NiN) kartlegging</li>
            <li><input type="checkbox" disabled> Arter (rødlista, artslov)</li>
            <li><input type="checkbox" disabled> Kravvann / vannforekomst</li>
            <li><input type="checkbox" disabled> Kulturminner (Askeladden)</li>
            <li><input type="checkbox" disabled> Friluftsliv / rekreasjon</li>
            <li><input type="checkbox" disabled> Klima / karbonlagring</li>
          </div>
        </div>
      </details>
      <details>
        <summary>🚗 3. Trafikk & Transport</summary>
        <div class="report-content">
          <p>Trafikkgenerering, kapasitet Hystadveien, kollektivtilknytning, gang/sykkelveier, parkering.</p>
        </div>
      </details>
      <details>
        <summary>💧 4. VA & Teknisk Infrastruktur</summary>
        <div class="report-content">
          <p>Vannforsyning, avløp, overvann, strøm, fiber, fjernvarme.</p>
        </div>
      </details>
      <details>
        <summary>👥 5. Samfunnskonsekvenser</summary>
        <div class="report-content">
          <p>Befolkningsvekst, skole/barnehagekapasitet, sosiale konsekvenser, økonomiske virkninger.</p>
        </div>
      </details>
      <details>
        <summary>📊 6. Oppsummering & Konklusjon</summary>
        <div class="report-content">
          <p>Samlet vurdering, mitigerende tiltak, residualrisiko, anbefaling.</p>
        </div>
      </details>
    </div>
  </div>

  <div id="modal-mulighetsstudie" class="report-modal" data-report="mulighetsstudie">
    <div class="modal-header">
      <h3>📊 Mulighetsstudie</h3>
      <button class="close-modal" onclick="closeReportModal('mulighetsstudie')">×</button>
    </div>
    <div class="modal-body">
      <div class="report-header">
        <h3>Mulighetsstudie - Boligutvikling 3804/131/4</h3>
        <div class="report-meta">
          <span class="tag">Internt grunnlag</span>
          <span class="tag status-complete">Fullført</span>
        </div>
      </div>
      <div class="report-sections">
        <details open>
          <summary>🎯 1. Formål & Metode</summary>
          <div class="report-content">
            <p>Vurdere om eiendommen har tilstrekkelig realiseringspotensial til at prosjektet bør videreføres til regulering, prosjektering, finansiering og eventuell utbygging.</p>
          </div>
        </details>
        <details>
          <summary>🏘️ 2. Eiendoms- & Plankontroll</summary>
          <div class="report-content">
            <p>Verifisert matrikkel: 3804/131/4 (del), /254, /255, /256. Kommunekode 3907 (gjeldende fra 2024). Kartutsnitt viser 35% BYA (11,7 daa) og 50% BYA (3,37 daa) - juridisk status uavklart.</li>
          </div>
        </details>
        <details>
          <summary>🏗️ 3. Utbyggingspotensial</summary>
          <div class="report-content">
            <p>Volumstudie (ario as, 2021): 3 blokker, 4-6 etasjer, ~3 375 m² BRA totalt. Scenario A: 851 m² BRA (11 enheter), B: 2 550 m² BRA (34 enheter), C: 3 375 m² BRA (45 enheter).</li>
          </div>
        </details>
        <details>
          <summary>💰 4. Økonomisk Vurdering</summary>
          <div class="report-content">
            <p>Scenario B (anbefalt): 2 550 m² BRA, 34 enheter, total kostnad 142,1 MNOK, nullpunkt 63 800 kr/m², resultat ved 68 000 kr/m² = +9,4 MNOK (6,6% margin).</li>
          </div>
        </details>
        <details>
          <summary>⚠️ 5. Risiko & Anbefaling</summary>
          <div class="report-content">
            <p>Poengsum 5,46/10 (høy risiko). Anbefaling: BETINGET JA med 6 betingelser. Ingen stoppkriterier dokumentert. Asymmetrisk risiko: downside ~1,7-3,2 MNOK, upside +9-19 MNOK.</li>
          </div>
        </details>
      </div>
    </div>
  </div>

  <div id="modal-miljovurdering" class="report-modal" data-report="miljovurdering">
    <div class="modal-header">
      <h3>🌿 Miljøvurdering</h3>
      <button class="close-modal" onclick="closeReportModal('miljovurdering')">×</button>
    </div>
    <div class="modal-body">
      <div class="report-header">
        <h3>Miljøvurdering - Naturtyper, Arter, Kulturminner</h3>
        <div class="report-meta">
          <span class="tag">Del av KU</span>
          <span class="tag status-pending">Ikke startet</span>
        </div>
      </div>
      <div class="report-content">
        <h4>Nødvendige undersøkelser:</h4>
        <ul>
          <li>Kartlegging av naturtyper (NiN) - felttarifisert</li>
          <li>Artskartlegging (rødlista, artslov § 11)</li>
          <li>Kulturminneundersøkelse (Askeladden, kulturminneloven)</li>
          <li>Kravvannsvurdering (vannforekomster, vassdrag)</li>
          <li>Klima- og karbonvurdering (skog, jordkarbon)</li>
          <li>Friluftslivs- og rekreasjonsverdier</li>
        </ul>
        <p class="note">Status: NIBIO-sjekk viser ingen dyrket mark på arealet (foreløpig). Må verifiseres formelt.</p>
      </div>
    </div>
  </div>

  <div id="modal-trafikkvurdering" class="report-modal" data-report="trafikkvurdering">
    <div class="modal-header">
      <h3>🚗 Trafikkvurdering</h3>
      <button class="close-modal" onclick="closeReportModal('trafikkvurdering')">×</button>
    </div>
    <div class="modal-body">
      <div class="report-header">
        <h3>Trafikkvurdering - Hystadveien (fv. 520/6)</h3>
        <div class="report-meta">
          <span class="tag">Del av KU</span>
          <span class="tag status-pending">Ikke startet</span>
        </div>
      </div>
      <div class="modal-body">
        <div class="report-content">
          <h4>Temaer som må vurdere:</h4>
          <ul>
            <li>Trafikkgenerering fra ~34 nye enheter (ca. 150-200 kjøretøy/dag)</li>
            <li>Kapasitet Hystadveien (fv. 520/6) - eksisterende vs. fremtidig belastning</li>
            <li>Tilkoblingspunkter: Gårdsveien, Hystadveien, Båstadveien</li>
            <li>Gang- og sykkelveier til skole, butikker, kollektiv</li>
            <li>Parkering: krav ift. kommunal parkeringsnorm (ca. 1,5 plass/enhet = ~50 pl)</li>
            <li>Kollektivt tilbud: bussrutetetthet, avstand til holdeplasser</li>
            <li>Sikkerhet: skolevei, barn, eldre</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div id="modal-va-vurdering" class="report-modal" data-report="va-vurdering">
    <div class="modal-header">
      <h3>💧 VA-vurdering</h3>
      <button class="close-modal" onclick="closeReportModal('va-vurdering')">×</button>
    </div>
    <div class="modal-body">
      <div class="report-header">
        <h3>VA-vurdering - Vann, Avløp, Overvann</h3>
        <div class="report-meta">
          <span class="tag">Del av KU</span>
          <span class="tag status-pending">Ikke startet</span>
        </div>
      </div>
      <div class="modal-body">
        <div class="report-content">
          <h4>Temaer som må vurdere:</h4>
          <ul>
            <li>Drikkevann: kapasitet eksisterende nett, tilkoblingskapasitet, trykk</li>
            <li>Avløp: kapasitet eksisterende rør, behov for oppgradering, pumpekapasitet</li>
            <li>Overvann: avrenning fra 2 550 m² BRA + utvendige arealer, avrenningsledninger, regnbeds</li>
            <li>Rekkefølgekrav: kommunal VA-plan, prioritering, kostnadsfordeling</li>
            <li>Kostnadsestimater: tilkoblingsgebyrer, eventuelle anleggsbidrag</li>
            <li>Alternativer: lokalt overvannshåndtering (grønn tak, regnbed, infiltrasjon)</li>
          </ul>
          <p class="note">Kritisk: Formell henvendelse til Sandefjord kommune VA-avdeling bør skjes så tidlig som mulig (Fase 0).</p>
        </div>
      </div>
    </div>
  </div>

  <!-- FOOTER -->
  <footer class="footer">
    <p>Sandefjord Boligprosjekt V1.0.0 · Arealyn AI · 14.10.2026 · Data: SSB PxWebApi v2, Nois WMS/WFS, Kartverket, OpenStreetMap, OSM Buildings</p>
    <p style="font-size:0.8rem;opacity:0.7">Dette er et beslutningsgrunnlag – ikke juridisk/teknisk attest. Alle estimater merket [EST]. Dokumenterte fakta [DOK]. Mangler [IKKE VURDERBART].</p>
  </footer>
</div>

<!-- EXTERNAL LIBS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.115/Build/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="https://cesium.com/downloads/cesiumjs/releases/1.115/Build/Cesium/Widgets/widgets.css">
<!-- Open Source Forecasting Tools -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-node@latest"></script>
<script src="js/timeline.js"></script>
</body>
</html>
