{"id":198,"date":"2026-04-22T12:40:02","date_gmt":"2026-04-22T12:40:02","guid":{"rendered":"https:\/\/dronetjek.dk\/?page_id=198"},"modified":"2026-05-25T13:48:12","modified_gmt":"2026-05-25T11:48:12","slug":"home-2","status":"publish","type":"page","link":"https:\/\/dronetjek.dk\/da\/","title":{"rendered":"Hjem"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"198\" class=\"elementor elementor-198\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e5ab0aa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e5ab0aa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10e4c0ff\" data-id=\"10e4c0ff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6edbd1d elementor-widget elementor-widget-html\" data-id=\"6edbd1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-hero \u00b7 HOMEPAGE 01 \u00b7 HERO \u2014 PHOTO variant (neon system).\n  Full-bleed background photo + dark green scrim for legibility, white copy.\n  Single CTA -> \/contact. Copy verbatim from Figma \/Home.tsx.\n  Bottom eases to white so it blends into the white Stats section below.\n-->\n\n<section class=\"dt-hero\">\n  <div class=\"dt-hero__scrim\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"dt-hero__inner\">\n    <div class=\"dt-hero__copy\">\n\n      <h1 class=\"dt-hero__title\">\n        Real Data<br>\n        Real Insights<br>\n        <span class=\"dt-hero__title-strong\">Real Actions<\/span>\n      <\/h1>\n\n      <div class=\"dt-hero__rule\" aria-hidden=\"true\"><\/div>\n\n      <p class=\"dt-hero__lede\">\n        DroneTjek powered by AssetEye transforms drone and 3D data into structured insights for professional property owners to manage cost, risk, and CO&#8322;\n      <\/p>\n\n      <div class=\"dt-hero__ctas\">\n        <a href=\"\/contact\" class=\"dt-hero__btn dt-hero__btn--primary\">\n          <span>Request a Meeting<\/span>\n          <svg class=\"dt-hero__btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-hero {\n  --dt-neon-deep:    #008B4F;\n  --dt-neon:         #00A85E;\n  --dt-neon-bright:  #1FC16B;\n  --dt-neon-pop:     #39FF88;\n  --dt-neon-pale:    #B6FFD3;\n  --dt-soft:         #F4FBF6;\n  --dt-ink:          #08090B;\n  --dt-font:         'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  \/* clamped so it doesn't sprawl on 4K, doesn't crush on laptops *\/\n  min-height: 680px;\n  min-height: clamp(680px, 92svh, 940px);\n  display: flex;\n  align-items: center;\n  background: #07100B url(\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/DJI_20260515105742_0022_V-scaled.jpg\") center \/ cover no-repeat;\n  font-family: var(--dt-font);\n  color: #ffffff !important;\n  padding: clamp(72px, 9vh, 128px) clamp(20px, 3vw, 40px);\n}\n.dt-hero *,\n.dt-hero *::before,\n.dt-hero *::after { box-sizing: border-box; }\n\n\/* dark green scrim keeps white text readable over any photo; eases to white at\n   the very bottom so the seam with the white Stats section is clean *\/\n.dt-hero__scrim {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background:\n    radial-gradient(ellipse 70% 60% at 50% 42%, rgba(0,168,94,0.10), transparent 70%),\n    linear-gradient(180deg,\n      rgba(7,16,11,0.50) 0%,\n      rgba(7,16,11,0.60) 52%,\n      rgba(7,16,11,0.58) 86%,\n      #ffffff 100%);\n}\n\n.dt-hero__inner {\n  position: relative; z-index: 1;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n.dt-hero__copy {\n  max-width: 860px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Title \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-hero__title {\n  font-size: clamp(42px, 7.4vw, 116px);\n  font-weight: 300;\n  line-height: 1.03;\n  letter-spacing: -0.035em;\n  color: #ffffff !important;\n  margin: 0;\n}\n.dt-hero__title-strong {\n  display: inline-block;\n  font-weight: 800;\n  background: linear-gradient(135deg, var(--dt-neon-bright) 0%, var(--dt-neon-pop) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--dt-neon-pop) !important;\n  letter-spacing: -0.03em;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Rule \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-hero__rule {\n  width: 96px; height: 4px;\n  margin: clamp(20px, 2.4vh, 30px) auto clamp(20px, 2.4vh, 30px);\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--dt-neon-bright), var(--dt-neon-pop));\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Lede \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-hero__lede {\n  font-size: clamp(16px, 1.55vw, 22px);\n  font-weight: 300;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.86) !important;\n  max-width: 680px;\n  margin: 0 auto clamp(30px, 3.6vh, 46px);\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-hero__ctas {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  justify-content: center;\n}\n.dt-hero__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: clamp(14px, 1.2vw, 18px) clamp(26px, 2.2vw, 36px);\n  font-family: var(--dt-font);\n  font-size: clamp(15px, 1.05vw, 17px);\n  font-weight: 700;\n  letter-spacing: 0.2px;\n  text-decoration: none !important;\n  border-radius: 999px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition: background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;\n}\n.dt-hero__btn-icon { width: 18px; height: 18px; flex-shrink: 0; transition: transform .25s ease; }\n\n.dt-hero__btn--primary,\n.dt-hero__btn--primary:link,\n.dt-hero__btn--primary:visited {\n  background: linear-gradient(135deg, var(--dt-neon-deep) 0%, var(--dt-neon-bright) 100%);\n  color: #ffffff !important;\n  border-color: var(--dt-neon);\n  box-shadow: 0 14px 32px -10px rgba(0,168,94,0.55);\n}\n.dt-hero__btn--primary:hover,\n.dt-hero__btn--primary:focus {\n  background: linear-gradient(135deg, var(--dt-neon) 0%, var(--dt-neon-pop) 100%);\n  border-color: var(--dt-neon-pop);\n  color: #04130C !important;\n  box-shadow: 0 18px 38px -10px rgba(57,255,136,0.55), 0 0 0 5px rgba(57,255,136,0.14);\n  transform: translateY(-2px);\n}\n.dt-hero__btn--primary:hover .dt-hero__btn-icon { transform: translateX(3px); }\n.dt-hero__btn:focus-visible { outline: 3px solid var(--dt-neon-pop); outline-offset: 3px; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 720px) {\n  .dt-hero { min-height: 0; padding: 96px 20px 80px; }\n  .dt-hero__title { font-size: clamp(38px, 11vw, 62px); }\n  .dt-hero__lede { font-size: 16px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dt-hero__btn, .dt-hero__btn-icon { transition: none !important; }\n  .dt-hero__btn--primary:hover { transform: none !important; }\n  .dt-hero__btn--primary:hover .dt-hero__btn-icon { transform: none !important; }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e394e3d e-con-full e-flex e-con e-parent\" data-id=\"e394e3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-246a085 elementor-widget elementor-widget-html\" data-id=\"246a085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-uses \u00b7 HOMEPAGE 02 \u00b7 STATS BAR (Figma-strict).\n  4 stats only, on WHITE \u2014 matches the React Figma \/Home.tsx \"Social Proof Stats\".\n  Stat 2 is \"Damage Classifications\" (477,035) \u2014 replaced the AI match rate stat\n  on 2026-05-21. bg is white so it joins the hero's white bottom seamlessly.\n  Numbers count up from 0 on scroll-into-view (skipped under prefers-reduced-motion).\n  Thousands render with commas (English site); 477035 -> \"477,035\".\n-->\n\n<section class=\"dt-uses\">\n  <div class=\"dt-uses__inner\">\n\n    <ul class=\"dt-uses__grid\" role=\"list\">\n      <li class=\"dt-uses__item\">\n        <span class=\"dt-uses__num\" data-target=\"2000\" data-suffix=\"+\">0<\/span>\n        <span class=\"dt-uses__label\">PROPERTIES INSPECTED<\/span>\n      <\/li>\n      <li class=\"dt-uses__item\">\n        <span class=\"dt-uses__num\" data-target=\"477035\">0<\/span>\n        <span class=\"dt-uses__label\">DAMAGE CLASSIFICATIONS<\/span>\n      <\/li>\n      <li class=\"dt-uses__item\">\n        <span class=\"dt-uses__num\" data-target=\"40\" data-suffix=\"+\">0<\/span>\n        <span class=\"dt-uses__label\">ORGANIZATIONS<\/span>\n      <\/li>\n      <li class=\"dt-uses__item\">\n        <span class=\"dt-uses__num\" data-target=\"5000\" data-suffix=\"+\">0<\/span>\n        <span class=\"dt-uses__label\">FLIGHT HOURS<\/span>\n      <\/li>\n    <\/ul>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-uses {\n  --dt-neon-deep:    #008B4F;\n  --dt-neon:         #00A85E;\n  --dt-neon-bright:  #1FC16B;\n  --dt-neon-pop:     #39FF88;\n  --dt-soft:         #F4FBF6;\n  --dt-soft-border:  #D6E5DC;\n  --dt-ink:          #08090B;\n  --dt-slate-soft:   #6B7280;\n  --dt-font:         'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  background: #ffffff !important;\n  font-family: var(--dt-font);\n  color: var(--dt-ink) !important;\n  padding: clamp(72px, 9vh, 104px) 24px clamp(80px, 10vh, 116px);\n}\n.dt-uses *,\n.dt-uses *::before,\n.dt-uses *::after { box-sizing: border-box; }\n\n.dt-uses__inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Stats grid \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-uses__grid {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n}\n.dt-uses__item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 12px 18px;\n  text-align: center;\n  border-left: 1px solid var(--dt-soft-border);\n  opacity: 0;\n  transform: translateY(12px);\n  transition: opacity .55s ease, transform .55s ease;\n  transition-delay: var(--dt-uses-delay, 0ms);\n}\n.dt-uses__item:first-child { border-left: 0; }\n.dt-uses.is-on .dt-uses__item { opacity: 1; transform: translateY(0); }\n\n.dt-uses__num {\n  display: inline-block;\n  font-size: clamp(38px, 4.6vw, 60px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -0.025em;\n  background: linear-gradient(135deg, var(--dt-neon-deep) 0%, var(--dt-neon-bright) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--dt-neon-deep) !important;          \/* fallback *\/\n  font-feature-settings: \"tnum\" 1, \"lnum\" 1;\n  font-variant-numeric: tabular-nums lining-nums;\n}\n.dt-uses__label {\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: var(--dt-slate-soft) !important;\n  line-height: 1.4;\n  max-width: 16ch;\n}\n\n\/* Stagger the entry animation *\/\n.dt-uses__item:nth-child(1) { --dt-uses-delay: 0ms; }\n.dt-uses__item:nth-child(2) { --dt-uses-delay: 90ms; }\n.dt-uses__item:nth-child(3) { --dt-uses-delay: 180ms; }\n.dt-uses__item:nth-child(4) { --dt-uses-delay: 270ms; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 900px) {\n  .dt-uses { padding: 64px 22px 80px; }\n  .dt-uses__grid {\n    grid-template-columns: repeat(2, 1fr);\n    row-gap: 40px;\n  }\n  .dt-uses__item { border-left: 0; }\n  \/* center vertical hairline + row hairline for a clean 2x2 *\/\n  .dt-uses__item:nth-child(2n) { border-left: 1px solid var(--dt-soft-border); }\n  .dt-uses__item:nth-child(1),\n  .dt-uses__item:nth-child(2) {\n    border-bottom: 1px solid var(--dt-soft-border);\n    padding-bottom: 36px;\n  }\n}\n@media (max-width: 420px) {\n  .dt-uses { padding: 52px 18px 64px; }\n  .dt-uses__grid { grid-template-columns: 1fr; row-gap: 30px; }\n  .dt-uses__item,\n  .dt-uses__item:nth-child(2n) { border-left: 0; }\n  .dt-uses__item:nth-child(1),\n  .dt-uses__item:nth-child(2),\n  .dt-uses__item:nth-child(3) {\n    border-bottom: 1px solid var(--dt-soft-border);\n    padding-bottom: 28px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dt-uses__item { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.querySelector('.dt-uses');\n  if (!section) return;\n  var nums = section.querySelectorAll('.dt-uses__num');\n\n  function parseNum(el) {\n    return {\n      target:   parseFloat(el.dataset.target || '0'),\n      suffix:   el.dataset.suffix || '',\n      decimals: parseInt(el.dataset.decimals || '0', 10)\n    };\n  }\n  function format(n, decimals) {\n    var s = n.toFixed(decimals);\n    var parts = s.split('.');\n    parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\n    return parts.join('.');\n  }\n  function setFinal() {\n    nums.forEach(function (el) {\n      var info = parseNum(el);\n      el.textContent = format(info.target, info.decimals) + info.suffix;\n    });\n  }\n\n  var reduceMotion = window.matchMedia &&\n                     window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if (reduceMotion) {\n    section.classList.add('is-on');\n    setFinal();\n    return;\n  }\n\n  function animateAll() {\n    section.classList.add('is-on');\n    var dur = 1700;\n    var start = performance.now();\n    function step(t) {\n      var p = Math.min(1, (t - start) \/ dur);\n      var eased = 1 - Math.pow(1 - p, 3);  \/* easeOutCubic *\/\n      nums.forEach(function (el) {\n        var info = parseNum(el);\n        el.textContent = format(info.target * eased, info.decimals) + info.suffix;\n      });\n      if (p < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { animateAll(); io.disconnect(); }\n      });\n    }, { threshold: 0.35 });\n    io.observe(section);\n  } else {\n    animateAll();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-823de19 e-con-full e-flex e-con e-parent\" data-id=\"823de19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f657ab elementor-widget elementor-widget-html\" data-id=\"4f657ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-solve \u00b7 HOMEPAGE 03 \u00b7 WHAT WE SOLVE\n  Sits below Use Cases (home-02-use-cases). Same `#F4FBF6` canvas \u2014 invisible\n  seam. Section's own decoration is zero (no dots\/glows here), so nothing to\n  fade at edges; cards do the visual work.\n\n  Verbatim Figma copy (Home Page.pdf 2026-05-01 export):\n    title:    What We **Solve**\n    subtitle: From uncertainty to data-driven decision confidence\n    Card 1:   Predictable Maintenance Planning\n              \"We map the actual condition of your building with AssetEye,\n              and deliver a structured overview of conditions, enabling you\n              to prioritise actions and estimate costs with confidence.\"\n    Card 2:   Proactive and prioritised maintenance\n              \"We detect and structure building conditions early with AssetEye,\n              and prioritise by risk and severity, enabling you to act sooner\n              and allocate resources effectively.\"\n    Card 3:   Structured data for reporting and decisions\n              \"We structure building data with AssetEye, and deliver\n              documented CO\u2082 calculations aligned with EN 15804, enabling\n              you to report and communicate with confidence.\"\n\n  Tech\/neon palette per 2026-04-30 design pivot. Cards on `#FFFFFF`, neon-deep\n  filled icon badges, hairline divider between title and body, lift + border\n  shift on hover, staggered fade-in on scroll.\n-->\n\n<section class=\"dt-solve\">\n  <div class=\"dt-solve__inner\">\n\n    <header class=\"dt-solve__head\">\n      <h2 class=\"dt-solve__title\">\n        What We <span class=\"dt-solve__title-strong\">Solve<\/span>\n      <\/h2>\n      <p class=\"dt-solve__lede\">From uncertainty to data-driven decision confidence<\/p>\n    <\/header>\n\n    <div class=\"dt-solve__grid\">\n\n      <article class=\"dt-solve__card\">\n        <span class=\"dt-solve__icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/04\/dronetjek-challenge-unpredictable-cost.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <\/span>\n        <h3 class=\"dt-solve__name\">Predictable Maintenance Planning<\/h3>\n        <span class=\"dt-solve__rule\" aria-hidden=\"true\"><\/span>\n        <p class=\"dt-solve__body\">We map the actual condition of your building with AssetEye, and deliver a structured overview of conditions, enabling you to prioritise actions and estimate costs with confidence.<\/p>\n      <\/article>\n\n      <article class=\"dt-solve__card\">\n        <span class=\"dt-solve__icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/04\/dronetjek-challenge-reactive-maintenance.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <\/span>\n        <h3 class=\"dt-solve__name\">Proactive and prioritised maintenance<\/h3>\n        <span class=\"dt-solve__rule\" aria-hidden=\"true\"><\/span>\n        <p class=\"dt-solve__body\">We detect and structure building conditions early with AssetEye, and prioritise by risk and severity, enabling you to act sooner and allocate resources effectively.<\/p>\n      <\/article>\n\n      <article class=\"dt-solve__card\">\n        <span class=\"dt-solve__icon\" aria-hidden=\"true\">\n          <img src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/04\/dronetjek-challenge-missing-data.png\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <\/span>\n        <h3 class=\"dt-solve__name\">Structured data for reporting and decisions<\/h3>\n        <span class=\"dt-solve__rule\" aria-hidden=\"true\"><\/span>\n        <p class=\"dt-solve__body\">We structure building data with AssetEye, and deliver documented CO&#8322; calculations aligned with EN&nbsp;15804, enabling you to report and communicate with confidence.<\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-solve {\n  --dt-neon-deep:    #008B4F;\n  --dt-neon:         #00A85E;\n  --dt-neon-bright:  #1FC16B;\n  --dt-neon-pop:     #39FF88;\n  --dt-logo:         #76B83D;             \/* logo green \u2014 brand-accent UI use approved 2026-05-01 *\/\n  --dt-soft:         #F4FBF6;\n  --dt-soft-alt:     #E8F4EC;\n  --dt-soft-border:  #D6E5DC;\n  --dt-soft-borderhi:#A8C7B5;\n  --dt-ink:          #08090B;\n  --dt-slate:        #4A5160;\n  --dt-slate-soft:   #6B7280;\n  --dt-font:         'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  background: linear-gradient(180deg, #ffffff 0%, var(--dt-soft) 45%) !important;\n  font-family: var(--dt-font);\n  color: var(--dt-ink) !important;\n  padding: 48px 24px 64px;\n}\n.dt-solve *,\n.dt-solve *::before,\n.dt-solve *::after { box-sizing: border-box; }\n\n.dt-solve__inner {\n  max-width: 1280px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__head {\n  text-align: center;\n  margin: 0 auto 36px;\n  max-width: 720px;\n}\n.dt-solve__title {\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.025em;\n  color: var(--dt-ink) !important;\n  margin: 0 0 14px;\n}\n.dt-solve__title-strong {\n  font-weight: 700;\n  background: linear-gradient(135deg, var(--dt-neon-deep) 0%, var(--dt-logo) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--dt-neon-deep) !important;       \/* fallback *\/\n}\n.dt-solve__lede {\n  font-size: clamp(15px, 1.35vw, 18px);\n  font-weight: 400;\n  line-height: 1.6;\n  color: var(--dt-slate) !important;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Grid \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  align-items: stretch;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Card \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__card {\n  display: flex;\n  flex-direction: column;\n  background: #FFFFFF;\n  border: 1px solid var(--dt-soft-border);\n  border-radius: 18px;\n  padding: 28px 28px 30px;\n  box-shadow: 0 4px 14px -8px rgba(8, 9, 11, 0.06);\n  opacity: 0;\n  transform: translateY(14px);\n  transition:\n    opacity .55s ease,\n    transform .55s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n  transition-delay: var(--dt-solve-delay, 0ms);\n}\n.dt-solve.is-on .dt-solve__card {\n  opacity: 1;\n  transform: translateY(0);\n}\n.dt-solve__card:hover {\n  border-color: var(--dt-logo);\n  box-shadow:\n    0 22px 40px -16px rgba(118, 184, 61, 0.32),\n    0 8px 18px -10px rgba(8, 9, 11, 0.08);\n  transform: translateY(-3px);\n}\n\n\/* Stagger entry *\/\n.dt-solve__card:nth-child(1) { --dt-solve-delay: 0ms; }\n.dt-solve__card:nth-child(2) { --dt-solve-delay: 110ms; }\n.dt-solve__card:nth-child(3) { --dt-solve-delay: 220ms; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Icon (PNG asset, no badge bg \u2014 illustrations stand alone) \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 72px;\n  height: 72px;\n  margin: 0 0 22px;\n  flex-shrink: 0;\n  transition: transform .35s ease;\n}\n.dt-solve__card:hover .dt-solve__icon {\n  transform: translateY(-2px) scale(1.04);\n}\n\/* Defensive img reset to beat Elementor's `.elementor-widget-html img` rules *\/\n.dt-solve__icon img {\n  display: block !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100% !important;\n  max-height: 100% !important;\n  object-fit: contain !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Title \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__name {\n  font-size: clamp(17px, 1.45vw, 19px);\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: -0.005em;\n  color: var(--dt-ink) !important;\n  margin: 0 0 16px;\n  min-height: 2.6em;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Hairline divider \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__rule {\n  display: block;\n  width: 32px;\n  height: 2px;\n  background: linear-gradient(90deg, var(--dt-neon-deep) 0%, var(--dt-logo) 100%);\n  border-radius: 2px;\n  margin: 0 0 14px;\n  transition: width .25s ease;\n}\n.dt-solve__card:hover .dt-solve__rule {\n  width: 56px;\n  background: linear-gradient(90deg, var(--dt-logo) 0%, var(--dt-neon-pop) 100%);\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-solve__body {\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: var(--dt-slate) !important;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 980px) {\n  .dt-solve { padding: 40px 22px 56px; }\n  .dt-solve__head { margin-bottom: 28px; }\n  .dt-solve__grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n  .dt-solve__card:nth-child(3) {\n    grid-column: span 2;\n    max-width: 540px;\n    justify-self: center;\n    width: 100%;\n  }\n  .dt-solve__name { min-height: 0; }\n}\n@media (max-width: 600px) {\n  .dt-solve { padding: 32px 18px 48px; }\n  .dt-solve__grid {\n    grid-template-columns: 1fr;\n  }\n  .dt-solve__card,\n  .dt-solve__card:nth-child(3) {\n    grid-column: span 1;\n    max-width: none;\n    padding: 24px 22px 26px;\n  }\n  .dt-solve__icon { width: 60px; height: 60px; margin-bottom: 18px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dt-solve__card {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: border-color .25s ease, box-shadow .25s ease !important;\n  }\n  .dt-solve__card:hover { transform: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.querySelector('.dt-solve');\n  if (!section) return;\n\n  var reduceMotion = window.matchMedia &&\n                     window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (reduceMotion) {\n    section.classList.add('is-on');\n    return;\n  }\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          section.classList.add('is-on');\n          io.disconnect();\n        }\n      });\n    }, { threshold: 0.2 });\n    io.observe(section);\n  } else {\n    section.classList.add('is-on');\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b90a759 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2b90a759\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55b11abb\" data-id=\"55b11abb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-156a4db7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"156a4db7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-why \u00b7 HOMEPAGE 04 \u00b7 WHY CHOOSE DRONETJEK?\n  Sits below What We Solve (home-03 \u00b7 `#F4FBF6` bottom edge). Section canvas\n  matches predecessor `#F4FBF6` for an invisible seam. Visual contrast lives\n  inside a dark `#08090B` comparison card.\n\n  v2 changes (per request):\n    \u00b7 DRONETJEK column now on the LEFT (was right).\n    \u00b7 STANDARD SOLUTIONS column on the RIGHT.\n    \u00b7 DroneTjek side visually emphasized: wider column (1.1fr vs 0.9fr),\n      bolder text weight, brighter color, soft neon wash on the left half.\n    \u00b7 Mobile DOM order also flips \u2192 DT row first on small viewports.\n\n  Verbatim Figma copy (Home Page.pdf 2026-05-01 export):\n    rows (DroneTjek \u2190 \u2192 Standard Solutions):\n      - Delivers decision foundation  \/  Delivers photos and video\n      - AI-automated classification   \/  Manual reporting\n      - Molio-anchored budget estimate \/ No cost estimate\n      - Full LCA to EN 15804           \/ No CO2 calculation\n      - Online portfolio dashboard     \/ No platform access\n      - Proactive maintenance strategy \/ Reactive inspection\n-->\n\n<section class=\"dt-why\">\n  <span class=\"dt-why__dots\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"dt-why__inner\">\n\n    <header class=\"dt-why__head\">\n      <span class=\"dt-why__eyebrow\">\n        <span class=\"dt-why__eyebrow-dot\" aria-hidden=\"true\"><\/span>\n        WHY DRONETJEK\n      <\/span>\n      <h2 class=\"dt-why__title\">\n        Why Choose <span class=\"dt-why__title-strong\">DroneTjek?<\/span>\n      <\/h2>\n      <p class=\"dt-why__lede\">See how DroneTjek delivers more value than traditional inspection methods.<\/p>\n    <\/header>\n\n    <div class=\"dt-why__board-wrap\">\n      <span class=\"dt-why__halo\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"dt-why__board\" role=\"table\" aria-label=\"Comparison: DroneTjek versus Standard Solutions\">\n        <span class=\"dt-why__board-glow\" aria-hidden=\"true\"><\/span>\n        <span class=\"dt-why__board-wash\" aria-hidden=\"true\"><\/span>\n        <span class=\"dt-why__board-rule\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"dt-why__col-headers\" role=\"row\">\n          <div class=\"dt-why__col-head dt-why__col-head--dt\" role=\"columnheader\">\n            <span class=\"dt-why__col-tag dt-why__col-tag--dt\">DRONETJEK<\/span>\n          <\/div>\n          <div class=\"dt-why__col-head-spacer\" aria-hidden=\"true\"><\/div>\n          <div class=\"dt-why__col-head dt-why__col-head--std\" role=\"columnheader\">\n            <span class=\"dt-why__col-tag\">STANDARD SOLUTIONS<\/span>\n          <\/div>\n        <\/div>\n\n        <ul class=\"dt-why__rows\">\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Delivers decision foundation<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\"\/><path d=\"M17 10l4-2v8l-4-2z\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Delivers photos and video<\/span>\n            <\/div>\n          <\/li>\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">AI-automated classification<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5\"\/><path d=\"M9 13l1.5 1.5L9 16M13 13h3M13 16h2\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Manual reporting<\/span>\n            <\/div>\n          <\/li>\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Molio-anchored budget estimate<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"2.5\"\/><path d=\"M5 6v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5V6\"\/><path d=\"M5 12v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-6\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">No cost estimate<\/span>\n            <\/div>\n          <\/li>\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Full LCA to EN&nbsp;15804<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M20 4c-9 0-14 5-14 12 0 2 .5 4 1.5 5C9 19 14 14 20 13\"\/><path d=\"M7 21c0-5 3-9 8-11\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">No CO&#8322; calculation<\/span>\n            <\/div>\n          <\/li>\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Online portfolio dashboard<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1.2\"\/><rect x=\"13\" y=\"3\" width=\"8\" height=\"5\" rx=\"1.2\"\/><rect x=\"13\" y=\"10\" width=\"8\" height=\"11\" rx=\"1.2\"\/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1.2\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">No platform access<\/span>\n            <\/div>\n          <\/li>\n\n          <li class=\"dt-why__row\" role=\"row\">\n            <div class=\"dt-why__cell dt-why__cell--dt\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--check\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M3.5 8.5l3 3 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Proactive maintenance strategy<\/span>\n            <\/div>\n            <div class=\"dt-why__topic\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/>\n              <\/svg>\n            <\/div>\n            <div class=\"dt-why__cell dt-why__cell--std\" role=\"cell\">\n              <span class=\"dt-why__mark dt-why__mark--x\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\"><path d=\"M4 4l8 8M12 4l-8 8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\n              <\/span>\n              <span class=\"dt-why__txt\">Reactive inspection<\/span>\n            <\/div>\n          <\/li>\n\n        <\/ul>\n\n      <\/div>\n    <\/div>\n\n    <p class=\"dt-why__footer\">\n      <span class=\"dt-why__footer-rule\" aria-hidden=\"true\"><\/span>\n      Traditional solutions focus on collecting data.\n      <span class=\"dt-why__footer-strong\">DroneTjek focuses on turning data into decisions.<\/span>\n    <\/p>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-why {\n  --dt-soft:         #F4FBF6;\n  --dt-soft-alt:     #E8F4EC;\n  --dt-soft-border:  #D6E5DC;\n  --dt-ink:          #08090B;\n  --dt-slate:        #4A5160;\n  --dt-slate-soft:   #6B7280;\n  --dt-void:         #08090B;\n  --dt-void-soft:    #11141A;\n  --dt-line-on-dark: rgba(255, 255, 255, 0.07);\n  --dt-text-on-dark: #E5E9F0;\n  --dt-text-bright:  #FFFFFF;\n  --dt-text-muted:   #8B92A1;\n  --dt-text-dim:     #5C6370;\n  --dt-neon-deep:    #008B4F;\n  --dt-neon:         #00A85E;\n  --dt-neon-bright:  #1FC16B;\n  --dt-neon-pop:     #39FF88;\n  --dt-logo:         #76B83D;\n  --dt-font:         'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  position: relative;\n  background: var(--dt-soft) !important;\n  font-family: var(--dt-font);\n  color: var(--dt-ink) !important;\n  padding: 64px 24px 72px;\n  overflow: hidden;\n  isolation: isolate;\n}\n.dt-why *,\n.dt-why *::before,\n.dt-why *::after { box-sizing: border-box; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Edge-faded dot-grid bleed on the soft canvas \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-why__dots {\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(rgba(0, 139, 79, 0.18) 1px, transparent 1px);\n  background-size: 22px 22px;\n  background-position: 0 0;\n  -webkit-mask-image: linear-gradient(180deg,\n    transparent 0%,\n    transparent 8%,\n    #000 22%,\n    #000 78%,\n    transparent 92%,\n    transparent 100%);\n          mask-image: linear-gradient(180deg,\n    transparent 0%,\n    transparent 8%,\n    #000 22%,\n    #000 78%,\n    transparent 92%,\n    transparent 100%);\n  opacity: 0.55;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.dt-why__inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1100px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Header (light mode) \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-why__head {\n  text-align: center;\n  margin: 0 auto 32px;\n  max-width: 720px;\n}\n.dt-why__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 14px 6px 12px;\n  background: rgba(0, 139, 79, 0.10);\n  border: 1px solid rgba(0, 139, 79, 0.20);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  color: var(--dt-neon-deep) !important;\n  margin: 0 0 16px;\n}\n.dt-why__eyebrow-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--dt-neon-deep);\n  box-shadow: 0 0 0 3px rgba(0, 139, 79, 0.16);\n}\n.dt-why__title {\n  font-size: clamp(30px, 4vw, 48px);\n  font-weight: 300;\n  line-height: 1.08;\n  letter-spacing: -0.025em;\n  color: var(--dt-ink) !important;\n  margin: 0 0 14px;\n}\n.dt-why__title-strong {\n  font-weight: 700;\n  background: linear-gradient(135deg, var(--dt-neon-deep) 0%, var(--dt-logo) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: var(--dt-neon-deep) !important;\n}\n.dt-why__lede {\n  font-size: clamp(15px, 1.35vw, 17px);\n  font-weight: 400;\n  line-height: 1.6;\n  color: var(--dt-slate) !important;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Comparison board wrapper (holds halo glow + dark card) \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-why__board-wrap {\n  position: relative;\n  isolation: isolate;\n}\n.dt-why__halo {\n  position: absolute;\n  inset: -40px -60px;\n  background:\n    radial-gradient(ellipse at 30% 30%,\n      rgba(57, 255, 136, 0.22) 0%,\n      rgba(57, 255, 136, 0.08) 40%,\n      rgba(57, 255, 136, 0) 70%);\n  filter: blur(20px);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Comparison board (dark card) \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-why__board {\n  position: relative;\n  z-index: 1;\n  background:\n    linear-gradient(180deg, var(--dt-void-soft) 0%, var(--dt-void) 100%);\n  border: 1px solid rgba(255, 255, 255, 0.04);\n  border-radius: 18px;\n  padding: 8px;\n  box-shadow:\n    0 28px 60px -32px rgba(8, 9, 11, 0.55),\n    0 8px 18px -10px rgba(8, 9, 11, 0.18),\n    0 0 0 1px rgba(255, 255, 255, 0.02) inset;\n  overflow: hidden;\n  color: var(--dt-text-on-dark);\n}\n.dt-why__board-glow {\n  position: absolute;\n  top: -180px;\n  left: 30%;\n  transform: translateX(-50%);\n  width: 720px;\n  height: 360px;\n  background:\n    radial-gradient(ellipse at center,\n      rgba(57, 255, 136, 0.16) 0%,\n      rgba(57, 255, 136, 0.05) 40%,\n      rgba(57, 255, 136, 0) 75%);\n  filter: blur(8px);\n  pointer-events: none;\n  z-index: 0;\n}\n\/* Soft neon wash on the LEFT half \u2014 emphasizes the DroneTjek column. *\/\n.dt-why__board-wash {\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(90deg,\n      rgba(57, 255, 136, 0.05) 0%,\n      rgba(57, 255, 136, 0.02) 45%,\n      rgba(57, 255, 136, 0) 60%);\n  pointer-events: none;\n  z-index: 0;\n}\n.dt-why__board-rule {\n  position: absolute;\n  top: 56px;\n  bottom: 16px;\n  left: 55%;\n  width: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(180deg,\n    rgba(57, 255, 136, 0) 0%,\n    rgba(57, 255, 136, 0.22) 12%,\n    rgba(57, 255, 136, 0.22) 88%,\n    rgba(57, 255, 136, 0) 100%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* Column headers \u2014 DroneTjek is the wider, primary column on the LEFT. *\/\n.dt-why__col-headers {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: 1.1fr 56px 0.9fr;\n  gap: 0;\n  padding: 14px 18px 10px;\n  border-bottom: 1px solid var(--dt-line-on-dark);\n}\n.dt-why__col-head { display: flex; }\n.dt-why__col-head--dt  { justify-content: flex-end;   padding-right: 6px; }\n.dt-why__col-head--std { justify-content: flex-start; padding-left: 6px; }\n.dt-why__col-head-spacer { width: 56px; }\n.dt-why__col-tag {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.6px;\n  color: var(--dt-text-dim) !important;\n  text-transform: uppercase;\n}\n.dt-why__col-tag--dt {\n  font-size: 11px;\n  letter-spacing: 1.8px;\n  color: var(--dt-neon-pop) !important;\n  text-shadow: 0 0 12px rgba(57, 255, 136, 0.35);\n}\n\n\/* Rows *\/\n.dt-why__rows {\n  position: relative;\n  z-index: 1;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.dt-why__row {\n  display: grid;\n  grid-template-columns: 1.1fr 56px 0.9fr;\n  align-items: center;\n  gap: 0;\n  padding: 16px 18px;\n  border-bottom: 1px solid var(--dt-line-on-dark);\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity .5s ease, transform .5s ease, background-color .25s ease;\n  transition-delay: var(--dt-why-delay, 0ms);\n}\n.dt-why.is-on .dt-why__row { opacity: 1; transform: translateY(0); }\n.dt-why__row:last-child { border-bottom: none; }\n.dt-why__row:hover { background: rgba(57, 255, 136, 0.025); }\n\n.dt-why__row:nth-child(1) { --dt-why-delay: 0ms; }\n.dt-why__row:nth-child(2) { --dt-why-delay: 70ms; }\n.dt-why__row:nth-child(3) { --dt-why-delay: 140ms; }\n.dt-why__row:nth-child(4) { --dt-why-delay: 210ms; }\n.dt-why__row:nth-child(5) { --dt-why-delay: 280ms; }\n.dt-why__row:nth-child(6) { --dt-why-delay: 350ms; }\n\n\/* Cells *\/\n.dt-why__cell {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  line-height: 1.4;\n}\n\/* DroneTjek cell \u2014 LEFT column, emphasized: brighter, slightly larger, heavier. *\/\n.dt-why__cell--dt {\n  justify-content: flex-end;\n  padding-right: 16px;\n  text-align: right;\n  color: var(--dt-text-bright) !important;\n  font-size: clamp(14.5px, 1.2vw, 16.5px);\n  font-weight: 600;\n  flex-direction: row-reverse;\n}\n\/* Standard Solutions cell \u2014 RIGHT column, muted. *\/\n.dt-why__cell--std {\n  justify-content: flex-start;\n  padding-left: 16px;\n  text-align: left;\n  color: var(--dt-text-muted) !important;\n  font-size: clamp(13.5px, 1.1vw, 15px);\n  font-weight: 400;\n}\n\n\/* Marks (check \/ X) *\/\n.dt-why__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.dt-why__mark--x {\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  color: var(--dt-text-dim);\n}\n.dt-why__mark--check {\n  width: 26px;\n  height: 26px;\n  background: rgba(57, 255, 136, 0.16);\n  border: 1px solid rgba(57, 255, 136, 0.40);\n  color: var(--dt-neon-pop);\n  box-shadow: 0 0 0 3px rgba(57, 255, 136, 0.10);\n  transition: box-shadow .25s ease, background .25s ease;\n}\n.dt-why__row:hover .dt-why__mark--check {\n  background: rgba(57, 255, 136, 0.22);\n  box-shadow: 0 0 0 4px rgba(57, 255, 136, 0.16), 0 0 22px rgba(57, 255, 136, 0.35);\n}\n\n\/* Center topic icon *\/\n.dt-why__topic {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  margin: 0 auto;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.025);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  color: var(--dt-text-dim);\n  transition: color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;\n}\n.dt-why__row:hover .dt-why__topic {\n  color: var(--dt-neon-pop);\n  border-color: rgba(57, 255, 136, 0.32);\n  background: rgba(57, 255, 136, 0.06);\n  box-shadow: 0 0 16px rgba(57, 255, 136, 0.20);\n  transform: scale(1.06);\n}\n\n.dt-why__txt { display: inline-block; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Footer line \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-why__footer {\n  position: relative;\n  margin: 32px auto 0;\n  max-width: 760px;\n  padding-top: 24px;\n  text-align: center;\n  font-size: clamp(15px, 1.3vw, 17px);\n  font-weight: 400;\n  line-height: 1.55;\n  color: var(--dt-slate) !important;\n  letter-spacing: -0.005em;\n}\n.dt-why__footer-rule {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 56px;\n  height: 2px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, var(--dt-neon-deep) 0%, var(--dt-logo) 100%);\n}\n.dt-why__footer-strong {\n  display: inline;\n  font-weight: 600;\n  color: var(--dt-ink) !important;\n  background: linear-gradient(120deg, var(--dt-ink) 0%, var(--dt-neon-deep) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 860px) {\n  .dt-why { padding: 52px 22px 60px; }\n  .dt-why__head { margin-bottom: 24px; }\n  .dt-why__board { padding: 6px; }\n  .dt-why__board-rule { display: none; }\n  .dt-why__board-wash {\n    \/* on mobile the wash spans the DT row (top of each stack) *\/\n    background: linear-gradient(180deg,\n      rgba(57, 255, 136, 0.05) 0%,\n      rgba(57, 255, 136, 0.02) 35%,\n      rgba(57, 255, 136, 0) 50%);\n  }\n  .dt-why__halo { inset: -20px -30px; }\n\n  .dt-why__col-headers { display: none; }\n\n  .dt-why__row {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 14px 14px;\n  }\n  .dt-why__cell--dt,\n  .dt-why__cell--std {\n    justify-content: flex-start;\n    text-align: left;\n    padding: 0;\n    flex-direction: row;\n  }\n  .dt-why__cell--dt { font-size: 15px; }\n  .dt-why__cell--std { font-size: 13.5px; }\n  .dt-why__cell--std .dt-why__txt {\n    text-decoration: line-through;\n    text-decoration-color: rgba(255, 255, 255, 0.18);\n    text-decoration-thickness: 1px;\n  }\n  .dt-why__topic {\n    margin: 4px 0 4px 30px;\n    width: 30px;\n    height: 30px;\n  }\n  .dt-why__topic svg { width: 15px; height: 15px; }\n\n  .dt-why__footer { margin-top: 24px; padding-top: 20px; }\n}\n@media (max-width: 520px) {\n  .dt-why { padding: 44px 18px 52px; }\n  .dt-why__title { font-size: 28px; }\n  .dt-why__row { padding: 12px 12px; }\n  .dt-why__cell--dt { font-size: 14.5px; }\n  .dt-why__cell--std { font-size: 13px; }\n  .dt-why__mark { width: 22px; height: 22px; }\n  .dt-why__mark--check { width: 24px; height: 24px; }\n  .dt-why__dots { background-size: 18px 18px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dt-why__row {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: background-color .25s ease !important;\n  }\n  .dt-why__row:hover .dt-why__topic { transform: none !important; }\n  .dt-why__row:hover .dt-why__mark--check { box-shadow: 0 0 0 3px rgba(57, 255, 136, 0.10) !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var section = document.querySelector('.dt-why');\n  if (!section) return;\n\n  var reduceMotion = window.matchMedia &&\n                     window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (reduceMotion) {\n    section.classList.add('is-on');\n    return;\n  }\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          section.classList.add('is-on');\n          io.disconnect();\n        }\n      });\n    }, { threshold: 0.18 });\n    io.observe(section);\n  } else {\n    section.classList.add('is-on');\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30fea5f3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"30fea5f3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13b91663\" data-id=\"13b91663\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eee141f elementor-widget elementor-widget-html\" data-id=\"eee141f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-stories \u00b7 HOME 05 \u00b7 DRONE STORIES \u2014 dark neon, 3-card vertical-video grid.\n  REPLACES the previous home-05-cases section. Same visual register (dark\n  band, dot grid, scan arcs, neon accents) tuned for 9:16 video reels.\n\n  VIDEO PLAYER (rebuilt 2026-05-21):\n  - Native controls REMOVED. The browser's grey control bar looked generic\n    against the neon design, so each reel now has a fully custom control set:\n      \u2022 big center play button (shown only while paused)\n      \u2022 bottom control bar: play\/pause \u00b7 seekable glowing progress \u00b7 time \u00b7 mute \u00b7 fullscreen\n      \u2022 tap anywhere on the video to play\/pause\n      \u2022 starting one reel pauses the others\n  - All controls are real <button>s (keyboard + screen-reader friendly).\n  - Tiny IIFE wires every card; play\/pause\/mute icons swap in JS.\n  - Reduced-motion block kills the dot-grid drift, beams, arc dashes, hovers.\n\n  Video assets:\n  - \/wp-content\/uploads\/2026\/05\/drone-story-{1,2,3}.mp4 (1080x1920 H.264)\n  - \/wp-content\/uploads\/2026\/05\/drone-story-{1,2,3}.jpg (720x1280 poster)\n  Transcoded from the .mov masters in Kit Output\/videos\/ \u2014 upload to LocalWP\n  before going live.\n-->\n\n<section class=\"dt-stories\">\n\n  <div class=\"dt-stories__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"dt-stories__beam\" aria-hidden=\"true\"><\/div>\n\n  <svg class=\"dt-stories__arc dt-stories__arc--tr\" viewBox=\"0 0 600 400\" preserveAspectRatio=\"xMaxYMin meet\" aria-hidden=\"true\">\n    <g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\">\n      <path d=\"M 600 0 Q 480 80 380 180 T 100 380\" stroke-width=\"1.4\" opacity=\"0.5\"\/>\n      <path d=\"M 600 80 Q 500 130 410 220 T 180 380\" stroke-width=\"1\" opacity=\"0.35\"\/>\n      <path d=\"M 600 160 Q 540 190 480 240 T 320 380\" stroke-width=\"0.8\" opacity=\"0.2\"\/>\n    <\/g>\n  <\/svg>\n\n  <svg class=\"dt-stories__arc dt-stories__arc--bl\" viewBox=\"0 0 600 400\" preserveAspectRatio=\"xMinYMax meet\" aria-hidden=\"true\">\n    <g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\">\n      <path d=\"M 0 400 Q 120 320 220 220 T 500 20\" stroke-width=\"1.4\" opacity=\"0.5\"\/>\n      <path d=\"M 0 320 Q 100 270 190 180 T 420 20\" stroke-width=\"1\" opacity=\"0.35\"\/>\n    <\/g>\n  <\/svg>\n\n  <div class=\"dt-stories__inner\">\n\n    <header class=\"dt-stories__head\">\n      <p class=\"dt-stories__eyebrow\">\n        <span class=\"dt-stories__dot\" aria-hidden=\"true\"><\/span>\n        Proof Over Promise\n      <\/p>\n      <h2 class=\"dt-stories__title\">\n        Drone<span class=\"dt-stories__title-neon\">Tjek<\/span> Stories\n      <\/h2>\n      <p class=\"dt-stories__lead\">\n        See how we help property owners make better decisions.\n      <\/p>\n    <\/header>\n\n    <div class=\"dt-stories__grid\">\n\n      <article class=\"dt-stories__card\">\n        <div class=\"dt-stories__media\">\n          <video class=\"dt-stories__video\"\n            poster=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-1.jpg\"\n            preload=\"metadata\" playsinline>\n            <source src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-1.mp4\" type=\"video\/mp4\" \/>\n            Your browser does not support embedded video.\n          <\/video>\n\n          <div class=\"dt-stories__overlay\" aria-hidden=\"true\"><\/div>\n          <button class=\"dt-stories__play\" type=\"button\" data-act=\"bigplay\" aria-label=\"Play Capture Reality video\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/button>\n          <div class=\"dt-stories__numtag\">01<\/div>\n\n          <div class=\"dt-stories__controls\">\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"play\" aria-label=\"Play or pause\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/button>\n            <div class=\"dt-stories__progress\" data-act=\"seek\" role=\"slider\" aria-label=\"Seek\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n              <div class=\"dt-stories__progress-fill\"><\/div>\n            <\/div>\n            <span class=\"dt-stories__time\">0:00<\/span>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"mute\" aria-label=\"Mute or unmute\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"11 5 6 9 3 9 3 15 6 15 11 19 11 5\"\/><path d=\"M15.5 8.5a5 5 0 0 1 0 7\"\/><path d=\"M19 5a9 9 0 0 1 0 14\"\/><\/svg>\n            <\/button>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"full\" aria-label=\"Fullscreen\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n        <div class=\"dt-stories__meta\">\n          <h3 class=\"dt-stories__h\">Capture Reality<\/h3>\n          <p class=\"dt-stories__sub\">What the drone sees during a real inspection.<\/p>\n        <\/div>\n        <div class=\"dt-stories__glow\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n      <article class=\"dt-stories__card\">\n        <div class=\"dt-stories__media\">\n          <video class=\"dt-stories__video\"\n            poster=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-2.jpg\"\n            preload=\"metadata\" playsinline>\n            <source src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-2.mp4\" type=\"video\/mp4\" \/>\n            Your browser does not support embedded video.\n          <\/video>\n\n          <div class=\"dt-stories__overlay\" aria-hidden=\"true\"><\/div>\n          <button class=\"dt-stories__play\" type=\"button\" data-act=\"bigplay\" aria-label=\"Play Process Intelligence video\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/button>\n          <div class=\"dt-stories__numtag\">02<\/div>\n\n          <div class=\"dt-stories__controls\">\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"play\" aria-label=\"Play or pause\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/button>\n            <div class=\"dt-stories__progress\" data-act=\"seek\" role=\"slider\" aria-label=\"Seek\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n              <div class=\"dt-stories__progress-fill\"><\/div>\n            <\/div>\n            <span class=\"dt-stories__time\">0:00<\/span>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"mute\" aria-label=\"Mute or unmute\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"11 5 6 9 3 9 3 15 6 15 11 19 11 5\"\/><path d=\"M15.5 8.5a5 5 0 0 1 0 7\"\/><path d=\"M19 5a9 9 0 0 1 0 14\"\/><\/svg>\n            <\/button>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"full\" aria-label=\"Fullscreen\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n        <div class=\"dt-stories__meta\">\n          <h3 class=\"dt-stories__h\">Process Intelligence<\/h3>\n          <p class=\"dt-stories__sub\">How AssetEye turns footage into a decision dossier.<\/p>\n        <\/div>\n        <div class=\"dt-stories__glow\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n      <article class=\"dt-stories__card\">\n        <div class=\"dt-stories__media\">\n          <video class=\"dt-stories__video\"\n            poster=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-3.jpg\"\n            preload=\"metadata\" playsinline>\n            <source src=\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/drone-story-3.mp4\" type=\"video\/mp4\" \/>\n            Your browser does not support embedded video.\n          <\/video>\n\n          <div class=\"dt-stories__overlay\" aria-hidden=\"true\"><\/div>\n          <button class=\"dt-stories__play\" type=\"button\" data-act=\"bigplay\" aria-label=\"Play Decision-Ready Insights video\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n          <\/button>\n          <div class=\"dt-stories__numtag\">03<\/div>\n\n          <div class=\"dt-stories__controls\">\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"play\" aria-label=\"Play or pause\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/button>\n            <div class=\"dt-stories__progress\" data-act=\"seek\" role=\"slider\" aria-label=\"Seek\" tabindex=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n              <div class=\"dt-stories__progress-fill\"><\/div>\n            <\/div>\n            <span class=\"dt-stories__time\">0:00<\/span>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"mute\" aria-label=\"Mute or unmute\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"11 5 6 9 3 9 3 15 6 15 11 19 11 5\"\/><path d=\"M15.5 8.5a5 5 0 0 1 0 7\"\/><path d=\"M19 5a9 9 0 0 1 0 14\"\/><\/svg>\n            <\/button>\n            <button class=\"dt-stories__ctrl\" type=\"button\" data-act=\"full\" aria-label=\"Fullscreen\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n        <div class=\"dt-stories__meta\">\n          <h3 class=\"dt-stories__h\">Decision-Ready Insights<\/h3>\n          <p class=\"dt-stories__sub\">A board-ready report, days not months later.<\/p>\n        <\/div>\n        <div class=\"dt-stories__glow\" aria-hidden=\"true\"><\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"dt-stories__footer\">\n      <a href=\"\/contact\" class=\"dt-stories__cta\">\n        Contact Us\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@200;300;400;500;600;700;800&display=swap');\n\n.dt-stories {\n  --dt-neon:        #00A85E;\n  --dt-neon-bright: #1FC16B;\n  --dt-neon-pop:    #39FF88;\n  --dt-neon-pale:   rgba(57,255,136,0.12);\n  --dt-black:       #141A16;\n  --dt-card-bg:     #1C2420;\n  --dt-border:      rgba(57,255,136,0.12);\n  --dt-border-hover:rgba(57,255,136,0.45);\n  --dt-slate:       rgba(255,255,255,0.55);\n  --dt-font:        'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  background: var(--dt-black) !important;\n  font-family: var(--dt-font) !important;\n  color: #fff !important;\n  padding: clamp(80px, 9vw, 120px) 24px;\n}\n.dt-stories *,\n.dt-stories *::before,\n.dt-stories *::after { box-sizing: border-box; }\n\n\/* \u2500\u2500 Dot grid + glows \u2500\u2500 *\/\n.dt-stories__bg {\n  position: absolute !important;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n.dt-stories__bg::before {\n  content: \"\";\n  position: absolute;\n  inset: -10%;\n  background-image: radial-gradient(circle at 1px 1px, rgba(0,168,94,0.14) 1px, transparent 0);\n  background-size: 28px 28px;\n  animation: dt-stories-drift 90s linear infinite;\n}\n.dt-stories__bg::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(ellipse 55% 50% at 10% 15%, rgba(57,255,136,0.10), transparent 65%),\n    radial-gradient(ellipse 55% 50% at 90% 85%, rgba(0,168,94,0.09), transparent 65%);\n}\n\n\/* \u2500\u2500 Diagonal beams \u2500\u2500 *\/\n.dt-stories__beam {\n  position: absolute !important;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n.dt-stories__beam::before {\n  content: \"\";\n  position: absolute;\n  left: -12%;\n  width: 124%;\n  height: 1px;\n  top: 22%;\n  background: linear-gradient(90deg, transparent 0%, rgba(0,168,94,0.14) 15%, rgba(57,255,136,0.40) 50%, rgba(0,168,94,0.14) 85%, transparent 100%);\n  transform: rotate(-4deg);\n  animation: dt-stories-pulse 8s ease-in-out infinite;\n}\n.dt-stories__beam::after {\n  content: \"\";\n  position: absolute;\n  left: -12%;\n  width: 124%;\n  height: 1px;\n  top: 78%;\n  background: linear-gradient(90deg, transparent 0%, rgba(0,168,94,0.10) 15%, rgba(31,193,107,0.30) 50%, rgba(0,168,94,0.10) 85%, transparent 100%);\n  transform: rotate(3deg);\n  animation: dt-stories-pulse 8s ease-in-out infinite;\n  animation-delay: -4s;\n}\n\n\/* \u2500\u2500 Scan arcs \u2500\u2500 *\/\n.dt-stories__arc {\n  position: absolute;\n  z-index: 0;\n  color: var(--dt-neon);\n  pointer-events: none;\n  width: clamp(200px, 28vw, 380px);\n  height: auto;\n  opacity: 0.6;\n}\n.dt-stories__arc--tr { top: 0; right: 0; }\n.dt-stories__arc--bl { bottom: 0; left: 0; }\n.dt-stories__arc path {\n  stroke-dasharray: 2 9;\n  animation: dt-stories-dash 22s linear infinite;\n}\n.dt-stories__arc--bl path { animation-direction: reverse; }\n\n@keyframes dt-stories-drift {\n  from { transform: translate3d(0,0,0); }\n  to   { transform: translate3d(28px,28px,0); }\n}\n@keyframes dt-stories-pulse {\n  0%, 100% { opacity: 0.5; }\n  50%       { opacity: 1; }\n}\n@keyframes dt-stories-dash {\n  to { stroke-dashoffset: -220; }\n}\n\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\n.dt-stories__inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.dt-stories__head {\n  text-align: center;\n  margin-bottom: clamp(40px, 5vw, 64px);\n}\n.dt-stories__eyebrow {\n  display: inline-flex !important;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  font-weight: 700;\n  color: var(--dt-neon-bright) !important;\n  margin: 0 0 18px;\n}\n.dt-stories__dot {\n  display: inline-block;\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  background: var(--dt-neon-pop);\n  box-shadow: 0 0 10px rgba(57,255,136,0.8);\n}\n.dt-stories__title {\n  font-family: var(--dt-font) !important;\n  font-size: clamp(38px, 5.4vw, 64px);\n  font-weight: 200;\n  line-height: 1.05;\n  letter-spacing: -0.03em;\n  color: #fff !important;\n  margin: 0 0 18px;\n}\n.dt-stories__title-neon {\n  font-weight: 800;\n  color: var(--dt-neon-bright) !important;\n  text-shadow: 0 0 40px rgba(57,255,136,0.35);\n}\n.dt-stories__lead {\n  font-family: var(--dt-font) !important;\n  font-size: clamp(15px, 1.3vw, 17px);\n  font-weight: 300;\n  line-height: 1.65;\n  color: var(--dt-slate) !important;\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Grid: 3-up, vertical 9:16 cards \u2500\u2500 *\/\n.dt-stories__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.dt-stories__card {\n  position: relative;\n  display: block;\n  background: var(--dt-card-bg);\n  border: 1px solid var(--dt-border);\n  border-radius: 20px;\n  overflow: hidden;\n  transition:\n    transform 0.35s cubic-bezier(.2,.7,.2,1),\n    border-color 0.35s ease,\n    box-shadow 0.35s ease;\n}\n.dt-stories__card:hover {\n  transform: translateY(-6px);\n  border-color: var(--dt-border-hover);\n  box-shadow:\n    0 0 0 1px rgba(57,255,136,0.15),\n    0 24px 48px -16px rgba(0,0,0,0.7),\n    0 0 60px -20px rgba(57,255,136,0.20);\n}\n\n\/* Neon corner glow on hover *\/\n.dt-stories__glow {\n  position: absolute;\n  inset: 0;\n  border-radius: 20px;\n  background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(57,255,136,0.08), transparent 70%);\n  opacity: 0;\n  transition: opacity 0.35s ease;\n  pointer-events: none;\n}\n.dt-stories__card:hover .dt-stories__glow { opacity: 1; }\n\n\/* \u2500\u2500 Media: vertical 9:16 reel \u2500\u2500 *\/\n.dt-stories__media {\n  position: relative;\n  aspect-ratio: 9 \/ 16;\n  overflow: hidden;\n  background: #000;\n}\n.dt-stories__video {\n  position: absolute !important;\n  inset: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  display: block !important;\n  object-fit: cover !important;\n  background: #000;\n  border: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  cursor: pointer;\n}\n\/* Belt-and-braces: kill any native chrome a browser might still paint *\/\n.dt-stories__video::-webkit-media-controls { display: none !important; }\n.dt-stories__video::-webkit-media-controls-enclosure { display: none !important; }\n\n\/* Bottom overlay gradient \u2014 fades once the reel is playing *\/\n.dt-stories__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(9,9,11,0.85) 0%, rgba(9,9,11,0.25) 45%, transparent 100%);\n  pointer-events: none;\n  transition: opacity .35s ease;\n}\n\n\/* Big center play button \u2014 only matters while paused. Kept as a real,\n   focusable button; clicking the video itself also toggles playback. *\/\n.dt-stories__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 72px;\n  height: 72px;\n  padding: 0;\n  border-radius: 50%;\n  background: rgba(57,255,136,0.18);\n  border: 1px solid rgba(57,255,136,0.55);\n  color: var(--dt-neon-pop);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  -webkit-backdrop-filter: blur(8px);\n  backdrop-filter: blur(8px);\n  box-shadow: 0 0 28px rgba(57,255,136,0.28);\n  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, opacity .35s ease;\n}\n.dt-stories__card:hover .dt-stories__play {\n  transform: translate(-50%, -50%) scale(1.08);\n  background: rgba(57,255,136,0.28);\n  box-shadow: 0 0 42px rgba(57,255,136,0.45);\n}\n.dt-stories__play svg { width: 26px; height: 26px; margin-left: 3px; }\n\n\/* When playing: hide overlay, big play and number tag *\/\n.dt-stories__card--playing .dt-stories__overlay,\n.dt-stories__card--playing .dt-stories__play,\n.dt-stories__card--playing .dt-stories__numtag {\n  opacity: 0;\n  pointer-events: none;\n}\n\n\/* \u2500\u2500 Number tag \u2500\u2500 *\/\n.dt-stories__numtag {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: var(--dt-neon-pop);\n  color: #09090B;\n  font-family: var(--dt-font);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n  padding: 5px 12px;\n  border-radius: 999px;\n  box-shadow: 0 4px 16px rgba(57,255,136,0.40);\n  transition: opacity .35s ease;\n}\n\n\/* \u2500\u2500 Custom control bar \u2500\u2500 *\/\n.dt-stories__controls {\n  position: absolute;\n  left: 0; right: 0; bottom: 0;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 28px 14px 14px;\n  background: linear-gradient(to top, rgba(9,12,10,0.92) 0%, rgba(9,12,10,0.55) 55%, transparent 100%);\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .3s ease, transform .3s ease;\n}\n\/* Reveal on hover, on keyboard focus inside, and while playing *\/\n.dt-stories__card:hover .dt-stories__controls,\n.dt-stories__card--playing .dt-stories__controls,\n.dt-stories__controls:focus-within {\n  opacity: 1;\n  transform: translateY(0);\n}\n.dt-stories__ctrl {\n  flex: 0 0 auto;\n  width: 34px; height: 34px;\n  padding: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(57,255,136,0.22);\n  border-radius: 10px;\n  color: var(--dt-neon-pop);\n  cursor: pointer;\n  transition: background .2s ease, border-color .2s ease, transform .15s ease;\n}\n.dt-stories__ctrl:hover {\n  background: rgba(57,255,136,0.20);\n  border-color: rgba(57,255,136,0.55);\n}\n.dt-stories__ctrl:active { transform: scale(0.92); }\n.dt-stories__ctrl:focus-visible { outline: 2px solid var(--dt-neon-pop); outline-offset: 2px; }\n.dt-stories__ctrl svg { width: 16px; height: 16px; }\n\n\/* Seekable progress bar *\/\n.dt-stories__progress {\n  flex: 1 1 auto;\n  position: relative;\n  height: 5px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.20);\n  cursor: pointer;\n  transition: height .15s ease;\n}\n.dt-stories__progress:hover,\n.dt-stories__progress:focus-visible { height: 8px; }\n.dt-stories__progress:focus-visible { outline: 2px solid var(--dt-neon-pop); outline-offset: 3px; }\n.dt-stories__progress-fill {\n  position: absolute;\n  left: 0; top: 0; bottom: 0;\n  width: 0%;\n  border-radius: 999px;\n  background: linear-gradient(90deg, var(--dt-neon), var(--dt-neon-pop));\n  box-shadow: 0 0 10px rgba(57,255,136,0.55);\n}\n.dt-stories__time {\n  flex: 0 0 auto;\n  font-family: var(--dt-font);\n  font-size: 11px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  color: rgba(255,255,255,0.85);\n  white-space: nowrap;\n  letter-spacing: .3px;\n}\n\n\/* \u2500\u2500 Meta \u2500\u2500 *\/\n.dt-stories__meta { padding: 20px 24px 24px; }\n.dt-stories__h {\n  font-family: var(--dt-font) !important;\n  font-size: 19px;\n  font-weight: 700;\n  color: #fff !important;\n  margin: 0 0 6px;\n  letter-spacing: -0.01em;\n}\n.dt-stories__sub {\n  font-family: var(--dt-font) !important;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: rgba(57,255,136,0.65) !important;\n  margin: 0;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500 *\/\n.dt-stories__footer {\n  text-align: center;\n  margin-top: clamp(40px, 5vw, 60px);\n}\n.dt-stories__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 30px;\n  border-radius: 999px;\n  font-family: var(--dt-font) !important;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .2px;\n  text-decoration: none !important;\n  color: #ffffff !important;\n  background: linear-gradient(135deg, #005E33 0%, #00824A 100%);\n  border: 1px solid rgba(57,255,136,0.45);\n  box-shadow: 0 14px 34px -12px rgba(0,168,94,0.55), 0 0 22px rgba(57,255,136,0.22);\n  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;\n}\n.dt-stories__cta:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 44px -12px rgba(57,255,136,0.70), 0 0 28px rgba(57,255,136,0.45);\n  filter: brightness(1.05);\n}\n.dt-stories__cta:focus-visible { outline: 2px solid var(--dt-neon-pop); outline-offset: 3px; }\n.dt-stories__cta svg { width: 16px; height: 16px; }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  .dt-stories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  \/* 3rd card lands alone in row 2 \u2014 match it to one column width and center it\n     so all three reels stay the same width. (gap is 22px -> half is 11px) *\/\n  .dt-stories__card:nth-child(3) {\n    grid-column: 1 \/ -1;\n    max-width: none;\n    justify-self: center;\n    width: calc(50% - 11px);\n  }\n}\n\/* Touch devices have no hover \u2014 keep controls visible so they stay reachable. *\/\n@media (hover: none) {\n  .dt-stories__controls { opacity: 1; transform: none; }\n}\n@media (max-width: 768px) {\n  .dt-stories { padding: 64px 16px; }\n  .dt-stories__grid {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    max-width: 440px;\n    margin: 0 auto;\n  }\n  \/* All three reels share one width on phones\/phablets *\/\n  .dt-stories__card,\n  .dt-stories__card:nth-child(3) {\n    max-width: none;\n    width: 100%;\n    margin: 0;\n    justify-self: stretch;\n  }\n  .dt-stories__meta { padding: 18px 20px 22px; }\n  .dt-stories__play { width: 60px; height: 60px; }\n  .dt-stories__play svg { width: 22px; height: 22px; }\n}\n\n\/* \u2500\u2500 Reduced motion \u2500\u2500 *\/\n@media (prefers-reduced-motion: reduce) {\n  .dt-stories__bg::before,\n  .dt-stories__arc path,\n  .dt-stories__beam::before,\n  .dt-stories__beam::after { animation: none !important; }\n  .dt-stories__card,\n  .dt-stories__play,\n  .dt-stories__overlay,\n  .dt-stories__cta,\n  .dt-stories__controls { transition: none !important; }\n  .dt-stories__card:hover { transform: none !important; }\n  .dt-stories__card:hover .dt-stories__play { transform: translate(-50%, -50%) !important; }\n}\n<\/style>\n\n<script>\n(function () {\n  var ICON = {\n    play:  '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>',\n    pause: '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\"\/><\/svg>',\n    vol:   '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"11 5 6 9 3 9 3 15 6 15 11 19 11 5\"\/><path d=\"M15.5 8.5a5 5 0 0 1 0 7\"\/><path d=\"M19 5a9 9 0 0 1 0 14\"\/><\/svg>',\n    mute:  '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polygon points=\"11 5 6 9 3 9 3 15 6 15 11 19 11 5\"\/><line x1=\"22\" y1=\"9\" x2=\"16\" y2=\"15\"\/><line x1=\"16\" y1=\"9\" x2=\"22\" y2=\"15\"\/><\/svg>'\n  };\n\n  function fmt(t) {\n    if (!t || !isFinite(t)) return '0:00';\n    var m = Math.floor(t \/ 60), s = Math.floor(t % 60);\n    return m + ':' + (s < 10 ? '0' : '') + s;\n  }\n\n  function initCard(card) {\n    var v = card.querySelector('.dt-stories__video');\n    if (!v) return;\n    var media   = card.querySelector('.dt-stories__media');\n    var playBtn = card.querySelector('[data-act=\"play\"]');\n    var bigBtn  = card.querySelector('[data-act=\"bigplay\"]');\n    var muteBtn = card.querySelector('[data-act=\"mute\"]');\n    var fullBtn = card.querySelector('[data-act=\"full\"]');\n    var seek    = card.querySelector('[data-act=\"seek\"]');\n    var fill    = card.querySelector('.dt-stories__progress-fill');\n    var time    = card.querySelector('.dt-stories__time');\n\n    function toggle() {\n      if (v.paused) {\n        document.querySelectorAll('.dt-stories__video').forEach(function (o) { if (o !== v) o.pause(); });\n        var p = v.play();\n        if (p && p.catch) p.catch(function () {});\n      } else {\n        v.pause();\n      }\n    }\n\n    v.addEventListener('click', toggle);\n    if (bigBtn)  bigBtn.addEventListener('click',  function (e) { e.stopPropagation(); toggle(); });\n    if (playBtn) playBtn.addEventListener('click', function (e) { e.stopPropagation(); toggle(); });\n\n    v.addEventListener('play', function () {\n      card.classList.add('dt-stories__card--playing');\n      if (playBtn) playBtn.innerHTML = ICON.pause;\n    });\n    v.addEventListener('pause', function () {\n      card.classList.remove('dt-stories__card--playing');\n      if (playBtn) playBtn.innerHTML = ICON.play;\n    });\n    v.addEventListener('ended', function () {\n      card.classList.remove('dt-stories__card--playing');\n      if (playBtn) playBtn.innerHTML = ICON.play;\n      if (fill) fill.style.width = '0%';\n    });\n\n    v.addEventListener('loadedmetadata', function () {\n      if (time) time.textContent = '0:00 \/ ' + fmt(v.duration);\n    });\n    v.addEventListener('timeupdate', function () {\n      if (!v.duration) return;\n      var pct = v.currentTime \/ v.duration * 100;\n      if (fill) fill.style.width = pct + '%';\n      if (time) time.textContent = fmt(v.currentTime) + ' \/ ' + fmt(v.duration);\n      if (seek) seek.setAttribute('aria-valuenow', Math.round(pct));\n    });\n\n    function seekTo(clientX) {\n      if (!v.duration || !seek) return;\n      var r = seek.getBoundingClientRect();\n      var p = Math.min(1, Math.max(0, (clientX - r.left) \/ r.width));\n      v.currentTime = p * v.duration;\n    }\n    if (seek) {\n      seek.addEventListener('click', function (e) { e.stopPropagation(); seekTo(e.clientX); });\n      seek.addEventListener('keydown', function (e) {\n        if (!v.duration) return;\n        if (e.key === 'ArrowRight') { v.currentTime = Math.min(v.duration, v.currentTime + 5); e.preventDefault(); }\n        else if (e.key === 'ArrowLeft') { v.currentTime = Math.max(0, v.currentTime - 5); e.preventDefault(); }\n        else if (e.key === ' ' || e.key === 'Enter') { toggle(); e.preventDefault(); }\n      });\n    }\n\n    if (muteBtn) muteBtn.addEventListener('click', function (e) {\n      e.stopPropagation();\n      v.muted = !v.muted;\n      muteBtn.innerHTML = v.muted ? ICON.mute : ICON.vol;\n    });\n\n    function fsElement() { return document.fullscreenElement || document.webkitFullscreenElement || null; }\n    function reqFs(el) {\n      var fn = el.requestFullscreen || el.webkitRequestFullscreen;\n      if (!fn) return false;\n      var p = fn.call(el);\n      if (p && p.catch) p.catch(function () {});\n      return true;\n    }\n    function exitFs() {\n      var fn = document.exitFullscreen || document.webkitExitFullscreen;\n      if (fn) fn.call(document);\n    }\n    if (fullBtn) fullBtn.addEventListener('click', function (e) {\n      e.stopPropagation();\n      if (fsElement()) { exitFs(); return; }            \/* already fullscreen -> exit *\/\n      \/* Fullscreen the media wrapper so custom controls stay; iOS Safari has no\n         element fullscreen API, so fall back to native <video> fullscreen. *\/\n      if (!reqFs(media || v) && v.webkitEnterFullscreen) {\n        try { v.webkitEnterFullscreen(); } catch (_) {}\n      }\n    });\n  }\n\n  function init() {\n    var cards = document.querySelectorAll('.dt-stories__card');\n    if (!cards || !cards.length) return;\n    cards.forEach(initCard);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7cdc4602 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7cdc4602\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6694a967\" data-id=\"6694a967\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ed25584 elementor-widget elementor-widget-html\" data-id=\"5ed25584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  dt-quote \u00b7 BRAND QUOTE \u2014 restyle to match the neon\/Inter Tight system\n  (home-01 hero \u00b7 home-04 why-choose \u00b7 industries-02 grid \u00b7 cta-band-light).\n\n  Same HTML structure as the previous version. CSS rewritten to:\n    \u00b7 Inter Tight (was Plus Jakarta Sans)\n    \u00b7 neon palette tokens (was --dt-primary-*)\n    \u00b7 matching eyebrow pattern (small dot + uppercase, neon-deep)\n    \u00b7 gradient highlight on \"foundation you need\" (neon-deep \u2192 neon-bright)\n    \u00b7 subtle neon radial glow + faint dot-grid edge wash, mask-faded so the\n      decoration doesn't fight the calm corporate register\n    \u00b7 top fades from --dt-soft (matches the Why-Choose section ending) and\n      bottom fades to --dt-soft (so the next section blends in)\n-->\n\n<section class=\"dt-quote\">\n  <div class=\"dt-quote__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"dt-quote__inner\">\n    <p class=\"dt-quote__eyebrow\">\n      <span class=\"dt-quote__eyebrow-dot\" aria-hidden=\"true\"><\/span>\n      Our Promise\n    <\/p>\n\n    <div class=\"dt-quote__mark\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 64 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M14 4C7 4 2 12 2 22v22h22V22H12c0-7 5-12 12-12V4zM52 4c-7 0-12 8-12 18v22h22V22H50c0-7 5-12 12-12V4z\" fill=\"currentColor\"\/>\n      <\/svg>\n    <\/div>\n\n    <blockquote class=\"dt-quote__text\">\n      We don&rsquo;t sell drone flights. We sell the <span class=\"dt-quote__highlight\">foundation you need<\/span> to make the right decision about your building portfolio.\n    <\/blockquote>\n\n    <div class=\"dt-quote__attrib\">\n      <span class=\"dt-quote__attrib-line\" aria-hidden=\"true\"><\/span>\n      <span class=\"dt-quote__attrib-name\">DroneTjek<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-quote {\n  --dt-neon-deep:    #008B4F;\n  --dt-neon:         #00A85E;\n  --dt-neon-bright:  #1FC16B;\n  --dt-neon-pop:     #39FF88;\n  --dt-neon-pale:    #B6FFD3;\n  --dt-soft:         #F4FBF6;\n  --dt-soft-alt:     #E8F4EC;\n  --dt-soft-border:  #A8C7B5;\n  --dt-ink:          #08090B;\n  --dt-slate:        #4A5160;\n  --dt-mute:         #6E7686;\n  --dt-font:         'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  \/* Top stays in --dt-soft (matches Why-Choose section's #F4FBF6 ending),\n     fades to white in the middle, fades back to --dt-soft at the bottom so\n     the next section continues seamlessly. *\/\n  background:\n    linear-gradient(180deg,\n      var(--dt-soft) 0%,\n      #ffffff 25%,\n      #ffffff 75%,\n      var(--dt-soft) 100%) !important;\n  padding: 128px 16px !important;\n  font-family: var(--dt-font);\n  color: var(--dt-ink) !important;\n}\n.dt-quote *,\n.dt-quote *::before,\n.dt-quote *::after { box-sizing: border-box; }\n\n\/* Subtle neon glow halo + faint dot wash, mask-faded at top\/bottom edges. *\/\n.dt-quote__bg {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background:\n    radial-gradient(ellipse 720px 320px at 22% 22%, rgba(0,168,94,0.08), transparent 60%),\n    radial-gradient(ellipse 620px 300px at 78% 78%, rgba(57,255,136,0.08), transparent 60%);\n}\n.dt-quote__bg::after {\n  content: \"\";\n  position: absolute; inset: -10%;\n  background-image: radial-gradient(circle at 1px 1px, rgba(0,168,94,0.07) 1px, transparent 0);\n  background-size: 28px 28px;\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);\n          mask-image: linear-gradient(180deg, transparent 0%, #000 25%, #000 75%, transparent 100%);\n}\n\n.dt-quote__inner {\n  position: relative; z-index: 1;\n  max-width: 960px; margin: 0 auto;\n  padding: 0 16px;\n  text-align: center;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Eyebrow (matches industries \/ why-choose \/ cta-band patterns) \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-quote__eyebrow {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 12px; text-transform: uppercase; letter-spacing: 3px;\n  font-weight: 700;\n  color: var(--dt-neon-deep) !important;\n  margin: 0 0 28px;\n}\n.dt-quote__eyebrow-dot {\n  display: inline-block;\n  width: 7px; height: 7px; border-radius: 50%;\n  background: var(--dt-neon-bright);\n  box-shadow: 0 0 8px rgba(57,255,136,.7);\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Quotation mark glyph \u2014 subtle neon ghost \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-quote__mark {\n  width: 52px; height: auto; margin: 0 auto 28px;\n  color: rgba(0, 168, 94, 0.18);\n  display: block;\n  filter: drop-shadow(0 0 14px rgba(57,255,136,0.20));\n}\n.dt-quote__mark svg { width: 100%; height: auto; display: block; }\n\n\/* \u2500\u2500\u2500\u2500\u2500 Quote text \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-quote__text {\n  font-size: clamp(26px, 3.8vw, 42px);\n  line-height: 1.42;\n  font-weight: 300;\n  letter-spacing: -0.02em;\n  color: var(--dt-ink) !important;\n  margin: 0 auto 40px;\n  padding: 0;\n  border: 0;\n  quotes: none;\n  max-width: 880px;\n}\n\n\/* Highlight phrase \u2014 gradient neon-deep \u2192 neon-bright, matches title-strong\n   pattern from home-04 (Why Choose **DroneTjek?**) and industries page. *\/\n.dt-quote__highlight {\n  font-weight: 800;\n  color: var(--dt-neon-deep) !important;\n  background: linear-gradient(135deg, var(--dt-neon-deep) 0%, var(--dt-neon-bright) 100%);\n  -webkit-background-clip: text;\n          background-clip: text;\n  -webkit-text-fill-color: transparent;\n  padding: 0;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Attribution \u2500\u2500\u2500\u2500\u2500 *\/\n.dt-quote__attrib {\n  display: inline-flex; align-items: center; gap: 12px;\n  font-size: 13px;\n}\n.dt-quote__attrib-line {\n  display: inline-block;\n  width: 36px; height: 2px;\n  border-radius: 2px;\n  background: linear-gradient(90deg, var(--dt-neon-deep), var(--dt-neon-pop));\n}\n.dt-quote__attrib-name {\n  color: var(--dt-neon-deep) !important;\n  font-weight: 800;\n  letter-spacing: 2.6px;\n  text-transform: uppercase;\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 720px) {\n  .dt-quote { padding: 80px 12px !important; }\n  .dt-quote__inner { padding: 0 8px; }\n  .dt-quote__mark { width: 42px; margin-bottom: 22px; }\n  .dt-quote__text { font-size: 22px; line-height: 1.5; margin-bottom: 32px; }\n  .dt-quote__attrib { font-size: 12px; }\n  .dt-quote__attrib-line { width: 28px; }\n  .dt-quote__eyebrow { font-size: 11px; letter-spacing: 2.5px; margin-bottom: 22px; }\n}\n@media (max-width: 480px) {\n  .dt-quote { padding: 64px 12px !important; }\n  .dt-quote__text { font-size: 19px; line-height: 1.55; }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87bcf19 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"87bcf19\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4bf3dd29\" data-id=\"4bf3dd29\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25ab43e5 elementor-widget elementor-widget-html\" data-id=\"25ab43e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  CTA BAND \u2014 deep brand-green variant (refreshed).\n  Closing CTA for Home, AssetEye, About, industry deep-dives.\n  Refresh: switched to Inter Tight; single CTA \"Request a Meeting\" -> \/contact\n  (dropped the old promo button + the dead second button); headline + lead set to the exact Figma CTA, no eyebrow (Figma has none).\n  Deep-green band now sits over a background photo; the scrim keeps text readable.\n-->\n\n<section class=\"dt-cta-deep\">\n  <div class=\"dt-cta-deep__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"dt-cta-deep__inner\">\n    <h2 class=\"dt-cta-deep__title\"><span style=\"color:#fff;\">Ready to Make<\/span> <span class=\"dt-cta-deep__title-accent\">Better Decisions?<\/span><\/h2>\n    <p class=\"dt-cta-deep__lead\">Request a Meeting and see how AssetEye can give you the decision foundation you need<\/p>\n    <div class=\"dt-cta-deep__actions\">\n      <a href=\"\/contact\" class=\"dt-cta-deep__btn dt-cta-deep__btn--primary\">\n        Request a Meeting\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:wght@300;400;500;600;700;800&display=swap');\n\n.dt-cta-deep {\n  --dt-primary-500: #1B3A27;\n  --dt-primary-400: #2E6243;\n  --dt-primary-300: #459465;\n  --dt-primary-100: #9BD0B1;\n  --dt-green-200: #1FC16B;\n  --dt-font: 'Inter Tight', ui-sans-serif, system-ui, sans-serif;\n\n  position: relative;\n  background: var(--dt-primary-500) url(\"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/DJI_20260515105717_0018_V-scaled.jpg\") center \/ cover no-repeat;\n  padding: 150px 16px;\n  color: #fff;\n  font-family: var(--dt-font);\n  text-align: center;\n  overflow: hidden;\n}\n.dt-cta-deep__bg {\n  position: absolute; inset: 0; z-index: 0; pointer-events: none;\n  background:\n    radial-gradient(ellipse 60% 40% at 18% 30%, rgba(135,233,174,.10), transparent 70%),\n    radial-gradient(ellipse 60% 40% at 82% 70%, rgba(31,193,107,.12), transparent 70%),\n    \/* dark green scrim keeps the white text readable over the photo *\/\n    linear-gradient(180deg, rgba(27,58,39,0.52) 0%, rgba(27,58,39,0.60) 50%, rgba(12,32,20,0.70) 100%);\n}\n.dt-cta-deep__inner {\n  position: relative;\n  z-index: 2;\n  max-width: 920px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n.dt-cta-deep__eyebrow {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 12px; text-transform: uppercase; letter-spacing: 3px;\n  color: var(--dt-green-200); font-weight: 700;\n  margin: 0 0 16px;\n}\n.dt-cta-deep__star {\n  display: inline-block; width: 10px; height: 10px;\n  background:\n    linear-gradient(45deg, transparent 47%, var(--dt-green-200) 47%, var(--dt-green-200) 53%, transparent 53%),\n    linear-gradient(-45deg, transparent 47%, var(--dt-green-200) 47%, var(--dt-green-200) 53%, transparent 53%);\n}\n.dt-cta-deep__title {\n  font-size: 48px; font-weight: 300; line-height: 1.15;\n  letter-spacing: -0.02em; color: #fff; margin: 0 0 22px;\n}\n.dt-cta-deep__title-accent { color: var(--dt-green-200); font-weight: 800; }\n.dt-cta-deep__lead {\n  font-size: 18px; font-weight: 400; line-height: 1.65;\n  color: rgba(255,255,255,0.92); max-width: 640px; margin: 0 auto 36px;\n}\n.dt-cta-deep__actions {\n  display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;\n}\n.dt-cta-deep__btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 16px 30px; border-radius: 999px;\n  font-size: 15px; font-weight: 600; text-decoration: none !important;\n  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;\n}\n.dt-cta-deep__btn svg { width: 18px; height: 18px; }\n.dt-cta-deep__btn--primary,\n.dt-cta-deep__btn--primary:link,\n.dt-cta-deep__btn--primary:visited {\n  background: #fff; color: var(--dt-primary-500) !important;\n  box-shadow: 0 14px 30px -10px rgba(0,0,0,.4);\n}\n.dt-cta-deep__btn--primary:hover,\n.dt-cta-deep__btn--primary:focus {\n  transform: translateY(-2px);\n  box-shadow: 0 18px 36px -10px rgba(0,0,0,.5);\n}\n\n@media (max-width: 720px) {\n  .dt-cta-deep { padding: 100px 12px; }\n  .dt-cta-deep__title { font-size: 32px; }\n  .dt-cta-deep__lead { font-size: 16px; }\n  .dt-cta-deep__btn { padding: 14px 24px; font-size: 14px; width: 100%; justify-content: center; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dt-cta-deep__btn { transition: none !important; }\n  .dt-cta-deep__btn--primary:hover { transform: none !important; }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6fc59088 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6fc59088\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23e2d650\" data-id=\"23e2d650\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c401c77 elementor-widget elementor-widget-html\" data-id=\"2c401c77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  TESTIMONIALS \u2014 2 quote cards\n  Section 7 of \/home. Also fits Industries, AssetEye.\n  Drop into an Elementor HTML widget, full width.\n  Image placeholders: replace data-replace slots with real 80x80 photos.\n-->\n\n<section class=\"dt-tests\">\n  <div class=\"dt-tests__inner\">\n    <header class=\"dt-tests__head\">\n      <p class=\"dt-tests__eyebrow\"><span class=\"dt-tests__star\" aria-hidden=\"true\"><\/span> TRUSTED BY OUR CLIENTS<\/p>\n      <h2 class=\"dt-tests__title\">What industry leaders say about <span class=\"dt-tests__title-strong\">Dronetjek<\/span><\/h2>\n    <\/header>\n\n    <div class=\"dt-tests__grid\">\n      <article class=\"dt-tests__card\">\n        <div class=\"dt-tests__mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M8 6c-3 0-5 3-5 7v9h9V13H7c0-2 1-3 3-3V6zm15 0c-3 0-5 3-5 7v9h9V13h-5c0-2 1-3 3-3V6z\"\/><\/svg>\n        <\/div>\n        <p class=\"dt-tests__quote\">We could go to the general assembly with documentation instead of gut feeling. It made a big difference.<\/p>\n        <div class=\"dt-tests__rule\" aria-hidden=\"true\"><\/div>\n        <div class=\"dt-tests__attrib\">\n          <div class=\"dt-tests__avatar\" aria-hidden=\"true\">\n            <div class=\"dt-placeholder dt-placeholder--avatar\" data-replace=\"customer 1 photo, square 80x80\">REPL<\/div>\n          <\/div>\n          <div>\n            <p class=\"dt-tests__name\">Housing Association<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"dt-tests__card\">\n        <div class=\"dt-tests__mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M8 6c-3 0-5 3-5 7v9h9V13H7c0-2 1-3 3-3V6zm15 0c-3 0-5 3-5 7v9h9V13h-5c0-2 1-3 3-3V6z\"\/><\/svg>\n        <\/div>\n        <p class=\"dt-tests__quote\">The report was ready for the board directly. No manual processes.<\/p>\n        <div class=\"dt-tests__rule\" aria-hidden=\"true\"><\/div>\n        <div class=\"dt-tests__attrib\">\n          <div class=\"dt-tests__avatar\" aria-hidden=\"true\">\n            <div class=\"dt-placeholder dt-placeholder--avatar\" data-replace=\"customer 2 photo, square 80x80\">REPL<\/div>\n          <\/div>\n          <div>\n            <p class=\"dt-tests__name\">Property Company<\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');\n\n.dt-tests {\n  --dt-primary-500: #1B3A27;\n  --dt-primary-300: #459465;\n  --dt-primary-100: #9BD0B1;\n  --dt-bg-off:      #F4F8F5;\n  --dt-neutral-200: #E8E8E8;\n  --dt-neutral-300: #D2D2D2;\n  --dt-neutral-700: #777777;\n  --dt-neutral-900: #4A4A4A;\n  --dt-neutral-1000:#333333;\n  --dt-font:        'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;\n\n  background: var(--dt-bg-off);\n  padding: 112px 16px;\n  font-family: var(--dt-font);\n}\n\n.dt-tests__inner {\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 0 16px;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.dt-tests__head {\n  text-align: center;\n  margin-bottom: 56px;\n}\n\n.dt-tests__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  color: var(--dt-primary-300);\n  font-weight: 700;\n  margin: 0 0 14px;\n}\n\n.dt-tests__star {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--dt-primary-300);\n}\n\n.dt-tests__title {\n  font-size: 40px;\n  font-weight: 800;\n  color: var(--dt-neutral-1000);\n  line-height: 1.15;\n  margin: 0;\n}\n\n.dt-tests__title-strong {\n  color: var(--dt-primary-300);\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\n.dt-tests__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n\/* \u2500\u2500 Card \u2500\u2500 *\/\n.dt-tests__card {\n  background: #ffffff;\n  border-radius: 16px;\n  padding: 40px 40px 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  box-shadow: 0 2px 16px rgba(27, 58, 39, 0.07);\n  transition: box-shadow 0.25s ease, transform 0.25s ease;\n}\n\n.dt-tests__card:hover {\n  box-shadow: 0 8px 32px rgba(27, 58, 39, 0.13);\n  transform: translateY(-3px);\n}\n\n\/* \u2500\u2500 Quote mark \u2500\u2500 *\/\n.dt-tests__mark {\n  width: 36px;\n  height: 36px;\n  color: var(--dt-primary-100);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Quote text \u2500\u2500 *\/\n.dt-tests__quote {\n  font-size: 18px;\n  font-weight: 500;\n  color: var(--dt-neutral-900);\n  line-height: 1.65;\n  margin: 0;\n  flex-grow: 1;\n}\n\n\/* \u2500\u2500 Divider \u2500\u2500 *\/\n.dt-tests__rule {\n  height: 1px;\n  background: var(--dt-neutral-200);\n}\n\n\/* \u2500\u2500 Attribution \u2500\u2500 *\/\n.dt-tests__attrib {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.dt-tests__avatar {\n  flex-shrink: 0;\n}\n\n.dt-placeholder--avatar {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: var(--dt-primary-100);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 9px;\n  color: var(--dt-primary-500);\n  font-weight: 700;\n  letter-spacing: 0.5px;\n  overflow: hidden;\n}\n\n.dt-tests__name {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--dt-neutral-1000);\n  margin: 0;\n}\n\n.dt-tests__role {\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--dt-neutral-700);\n  margin: 0;\n}\n\n\/* \u2500\u2500 Responsive: tablet \u2500\u2500 *\/\n@media (max-width: 860px) {\n  .dt-tests {\n    padding: 80px 16px;\n  }\n\n  .dt-tests__title {\n    font-size: 32px;\n  }\n\n  .dt-tests__grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .dt-tests__card {\n    padding: 32px 28px 28px;\n  }\n}\n\n\/* \u2500\u2500 Responsive: mobile \u2500\u2500 *\/\n@media (max-width: 520px) {\n  .dt-tests {\n    padding: 56px 12px;\n  }\n\n  .dt-tests__title {\n    font-size: 26px;\n  }\n\n  .dt-tests__card {\n    padding: 24px 20px 22px;\n    gap: 18px;\n  }\n\n  .dt-tests__quote {\n    font-size: 16px;\n  }\n}\n\n\/* \u2500\u2500 Reduced motion \u2500\u2500 *\/\n@media (prefers-reduced-motion: reduce) {\n  .dt-tests__card {\n    transition: none !important;\n  }\n\n  .dt-tests__card:hover {\n    transform: none !important;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Real Data Real Insights Real Actions DroneTjek powered by AssetEye transforms drone and 3D data into structured insights for professional property owners to manage cost, risk, and CO&#8322; Request a Meeting 0 PROPERTIES INSPECTED 0 DAMAGE CLASSIFICATIONS 0 ORGANIZATIONS 0 FLIGHT HOURS What We Solve From uncertainty to data-driven decision confidence Predictable Maintenance Planning We [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1411,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-198","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Dronetjek<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dronetjek.dk\/da\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Dronetjek\" \/>\n<meta property=\"og:description\" content=\"Real Data Real Insights Real Actions DroneTjek powered by AssetEye transforms drone and 3D data into structured insights for professional property owners to manage cost, risk, and CO&#8322; Request a Meeting 0 PROPERTIES INSPECTED 0 DAMAGE CLASSIFICATIONS 0 ORGANIZATIONS 0 FLIGHT HOURS What We Solve From uncertainty to data-driven decision confidence Predictable Maintenance Planning We [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dronetjek.dk\/da\/\" \/>\n<meta property=\"og:site_name\" content=\"Dronetjek\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DroneTjek\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-25T11:48:12+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/logo_512x512_icon.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/\",\"url\":\"https:\\\/\\\/dronetjek.dk\\\/\",\"name\":\"Home - Dronetjek\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dronetjek.dk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo_512x512_icon.webp\",\"datePublished\":\"2026-04-22T12:40:02+00:00\",\"dateModified\":\"2026-05-25T11:48:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dronetjek.dk\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dronetjek.dk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo_512x512_icon.webp\",\"contentUrl\":\"https:\\\/\\\/dronetjek.dk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo_512x512_icon.webp\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dronetjek.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#website\",\"url\":\"https:\\\/\\\/dronetjek.dk\\\/\",\"name\":\"Dronetjek\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dronetjek.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#organization\",\"name\":\"Dronetjek\",\"url\":\"https:\\\/\\\/dronetjek.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dronetjek.dk\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Design-uden-navn-1-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/dronetjek.dk\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Design-uden-navn-1-scaled.webp\",\"width\":1920,\"height\":749,\"caption\":\"Dronetjek\"},\"image\":{\"@id\":\"https:\\\/\\\/dronetjek.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/DroneTjek\",\"https:\\\/\\\/www.instagram.com\\\/dronetjek\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Dronetjek","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dronetjek.dk\/da\/","og_locale":"da_DK","og_type":"article","og_title":"Home - Dronetjek","og_description":"Real Data Real Insights Real Actions DroneTjek powered by AssetEye transforms drone and 3D data into structured insights for professional property owners to manage cost, risk, and CO&#8322; Request a Meeting 0 PROPERTIES INSPECTED 0 DAMAGE CLASSIFICATIONS 0 ORGANIZATIONS 0 FLIGHT HOURS What We Solve From uncertainty to data-driven decision confidence Predictable Maintenance Planning We [&hellip;]","og_url":"https:\/\/dronetjek.dk\/da\/","og_site_name":"Dronetjek","article_publisher":"https:\/\/www.facebook.com\/DroneTjek","article_modified_time":"2026-05-25T11:48:12+00:00","og_image":[{"width":512,"height":512,"url":"http:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/logo_512x512_icon.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"3 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dronetjek.dk\/","url":"https:\/\/dronetjek.dk\/","name":"Home - Dronetjek","isPartOf":{"@id":"https:\/\/dronetjek.dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dronetjek.dk\/#primaryimage"},"image":{"@id":"https:\/\/dronetjek.dk\/#primaryimage"},"thumbnailUrl":"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/logo_512x512_icon.webp","datePublished":"2026-04-22T12:40:02+00:00","dateModified":"2026-05-25T11:48:12+00:00","breadcrumb":{"@id":"https:\/\/dronetjek.dk\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dronetjek.dk\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/dronetjek.dk\/#primaryimage","url":"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/logo_512x512_icon.webp","contentUrl":"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/05\/logo_512x512_icon.webp","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/dronetjek.dk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dronetjek.dk\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/dronetjek.dk\/#website","url":"https:\/\/dronetjek.dk\/","name":"Dronetjek","description":"","publisher":{"@id":"https:\/\/dronetjek.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dronetjek.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/dronetjek.dk\/#organization","name":"Dronetjek","url":"https:\/\/dronetjek.dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/dronetjek.dk\/#\/schema\/logo\/image\/","url":"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/04\/Design-uden-navn-1-scaled.webp","contentUrl":"https:\/\/dronetjek.dk\/wp-content\/uploads\/2026\/04\/Design-uden-navn-1-scaled.webp","width":1920,"height":749,"caption":"Dronetjek"},"image":{"@id":"https:\/\/dronetjek.dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DroneTjek","https:\/\/www.instagram.com\/dronetjek\/"]}]}},"_links":{"self":[{"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/pages\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":15,"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/pages\/198\/revisions"}],"predecessor-version":[{"id":1340,"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/pages\/198\/revisions\/1340"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/media\/1411"}],"wp:attachment":[{"href":"https:\/\/dronetjek.dk\/da\/wp-json\/wp\/v2\/media?parent=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}