Forbedr \u2014 Din virksomhed svarer altid<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Schibsted+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');\n\n :root {\n --navy: #0b1b3a;\n --navy-deep: #060f24;\n --ink: #10131a;\n --blue: #2563ff;\n --blue-bright: #5b8bff;\n --paper: #fbfbfd;\n --mist: #f2f4f8;\n --line: #e4e7ee;\n --grey: #5c6373;\n --grey-soft: #8991a3;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n\n body {\n font-family: 'Schibsted Grotesk', -apple-system, sans-serif;\n background: var(--paper);\n color: var(--ink);\n -webkit-font-smoothing: antialiased;\n line-height: 1.65;\n overflow-x: hidden;\n width: 100%;\n font-size: 17px;\n }\n\n h1, h2, h3, p, span, div { overflow-wrap: break-word; word-break: normal; max-width: 100%; }\n h1, h2, .pull, .eyebrow { text-wrap: balance; }\n p { text-wrap: pretty; }\n\n .wrap { max-width: 1080px; margin: 0 auto; padding: 0 32px; width: 100%; }\n\n ::selection { background: var(--blue); color: #fff; }\n a { color: inherit; }\n\n \/* ---------- nav ---------- *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n background: rgba(251,251,253,0.78);\n backdrop-filter: saturate(180%) blur(18px);\n border-bottom: 1px solid transparent;\n transition: border-color .4s ease, background .4s ease;\n }\n nav.scrolled { border-bottom: 1px solid var(--line); }\n .nav-inner {\n max-width: 1080px; margin: 0 auto; padding: 18px 32px; width: 100%;\n display: flex; justify-content: space-between; align-items: center;\n }\n .logo { font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--navy); }\n .logo b { color: var(--blue); }\n .nav-cta {\n font-size: 14px; font-weight: 600; color: #fff;\n text-decoration: none; padding: 10px 20px; background: var(--navy);\n border-radius: 8px; transition: background .25s ease, transform .25s ease;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--blue); transform: translateY(-1px); }\n\n \/* ---------- hero ---------- *\/\n .hero { padding: 172px 0 84px; }\n .hero .wrap { max-width: 720px; text-align: center; }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.08em;\n color: var(--blue); font-weight: 500; margin-bottom: 26px;\n border: 1px solid #d7e0ff; background: #f2f6ff; padding: 7px 14px; border-radius: 100px;\n opacity: 0; animation: fade 0.9s ease forwards 0s;\n }\n .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }\n .hero h1 {\n font-size: clamp(32px, 5.2vw, 56px); line-height: 1.12;\n letter-spacing: -0.03em; font-weight: 700; margin: 0 auto 24px; max-width: 16ch;\n opacity: 0; animation: fade 1s ease forwards .15s;\n }\n .hero h1 .hl { color: var(--blue); }\n .hero .open {\n font-size: clamp(17px, 2.1vw, 20px); color: var(--grey); font-weight: 400;\n max-width: 42ch; margin: 0 auto;\n opacity: 0; animation: fade 1s ease forwards .32s;\n }\n @keyframes fade { from { opacity: 0; transform: translateY(16px);} to {opacity:1; transform: translateY(0);} }\n\n .hero .btn-hero {\n margin-top: 38px; background: var(--navy); color: #fff; box-shadow: none;\n padding: 15px 34px; font-size: 15.5px;\n opacity: 0; animation: fade 1s ease forwards .5s;\n }\n .hero .btn-hero:hover { background: var(--blue); box-shadow: 0 14px 30px -12px rgba(37,99,255,0.45); }\n\n \/* ---------- reveal ---------- *\/\n .reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s ease; }\n .js-on .reveal { opacity: 0; }\n .reveal.in { opacity: 1 !important; transform: translateY(0); }\n\n \/* ---------- story ---------- *\/\n .story { padding: 20px 0 88px; }\n .story .wrap { max-width: 620px; text-align: center; }\n .story p {\n font-size: clamp(18px, 2vw, 20px); color: #262b36; font-weight: 400;\n letter-spacing: -0.005em; line-height: 1.75;\n max-width: 52ch; margin: 0 auto;\n }\n\n .pull {\n max-width: 26ch; margin: 44px auto 0;\n font-size: clamp(21px, 2.8vw, 28px);\n line-height: 1.35; font-weight: 600; letter-spacing: -0.02em; color: var(--navy);\n position: relative; padding-top: 36px;\n }\n .pull::before {\n content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n width: 34px; height: 3px; background: var(--blue); border-radius: 2px;\n }\n\n \/* ---------- turn: listen ---------- *\/\n .turn { background: var(--navy); color: #fff; padding: 110px 0; position: relative; overflow: hidden; }\n .turn::after {\n content: ''; position: absolute; left: 50%; bottom: -40%; width: 120%; height: 80%;\n transform: translateX(-50%);\n background: radial-gradient(ellipse at center, rgba(59,130,255,0.20), transparent 65%);\n pointer-events: none;\n }\n .turn .wrap { max-width: 640px; position: relative; z-index: 1; text-align: center; }\n .turn .label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase;\n color: #7d9bff; margin-bottom: 22px; font-weight: 500;\n }\n .turn h2 {\n font-size: clamp(26px, 3.6vw, 40px); line-height: 1.22; letter-spacing: -0.025em;\n font-weight: 700; margin: 0 auto 28px; max-width: 18ch;\n }\n .turn h2 em { font-style: normal; color: #7d9bff; }\n .turn p {\n font-size: 17.5px; color: rgba(255,255,255,0.72); font-weight: 400; margin: 0 auto 26px; line-height: 1.75;\n max-width: 48ch; text-align: center;\n }\n .turn strong { color: #fff; font-weight: 600; }\n\n .player-label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n color: #7d9bff; font-weight: 500; margin-top: 48px; margin-bottom: 16px;\n }\n .player {\n width: 100%; max-width: 480px; margin: 0 auto 56px;\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);\n border-radius: 18px; padding: 22px 24px; text-align: left;\n backdrop-filter: blur(6px);\n }\n .player-top { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }\n .player-btn {\n flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%;\n background: var(--blue); border: 0; cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: transform .25s ease, background .25s ease;\n }\n .player-btn .ic-play { position: relative; left: 2px; }\n .player-btn:hover { transform: scale(1.06); background: var(--blue-bright); }\n .player-meta { flex: 1; min-width: 0; }\n .player-title { font-size: 14.5px; font-weight: 600; color: #fff; margin-bottom: 4px; }\n .player-sub { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: rgba(255,255,255,0.42); }\n\n .wave { display: flex; align-items: center; gap: 3px; height: 34px; }\n .wave-bar { flex: 1; background: rgba(255,255,255,0.18); border-radius: 2px; min-width: 2px; transition: background .15s ease; }\n .wave-bar.played { background: var(--blue-bright); }\n .player-time { display: flex; justify-content: space-between; margin-top: 10px; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; color: rgba(255,255,255,0.42); }\n\n \/* ---------- explainer ---------- *\/\n .explainer { padding: 90px 0; background: var(--mist); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n .explainer .head { text-align: center; max-width: 560px; margin: 0 auto; }\n .explainer .kicker {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.12em;\n text-transform: uppercase; color: var(--blue); font-weight: 500; margin-bottom: 18px;\n }\n .explainer h2 {\n font-size: clamp(24px, 3.4vw, 34px); line-height: 1.22; letter-spacing: -0.025em;\n font-weight: 700; margin: 0 auto 18px; color: var(--navy); max-width: 18ch;\n }\n .explainer .head p { font-size: 17.5px; color: var(--grey); line-height: 1.7; max-width: 46ch; margin: 0 auto; }\n\n \/* ---------- close (guarantee + cta) ---------- *\/\n .close {\n padding: 118px 0 130px; text-align: center;\n background: linear-gradient(180deg, var(--navy), var(--navy-deep));\n color: #fff; position: relative; overflow: hidden;\n }\n .close::before {\n content: ''; position: absolute; top: -30%; left: 50%; width: 130%; height: 90%;\n transform: translateX(-50%);\n background: radial-gradient(ellipse at center, rgba(59,130,255,0.26), transparent 62%);\n pointer-events: none;\n }\n .close .wrap { max-width: 560px; position: relative; z-index: 1; }\n .close .label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase;\n color: #7d9bff; margin-bottom: 22px; font-weight: 500;\n }\n .close h2 {\n font-size: clamp(28px, 4.2vw, 46px); line-height: 1.15; letter-spacing: -0.03em;\n font-weight: 700; margin-bottom: 18px;\n }\n .close p { font-size: 18px; color: rgba(255,255,255,0.7); margin: 0 auto 36px; max-width: 40ch; }\n .btn {\n display: inline-block; background: #fff; color: var(--navy);\n text-decoration: none; font-size: 17px; font-weight: 700;\n padding: 17px 42px; border-radius: 10px;\n transition: transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 14px 40px -12px rgba(59,130,255,0.5);\n }\n .btn:hover { transform: translateY(-3px); box-shadow: 0 22px 55px -12px rgba(59,130,255,0.7); }\n .close .note { margin-top: 20px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: rgba(255,255,255,0.48); }\n\n footer { border-top: 1px solid var(--line); padding: 32px 0; }\n footer .wrap { display: flex; justify-content: center; }\n footer .copy { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: var(--grey-soft); }\n\n \/* ---------- tablet ---------- *\/\n @media (max-width: 900px) {\n .hero { padding: 150px 0 68px; }\n .turn, .explainer { padding-top: 88px; padding-bottom: 88px; }\n .close { padding: 100px 0 110px; }\n }\n\n \/* ---------- mobile ---------- *\/\n @media (max-width: 600px) {\n body { font-size: 16.5px; }\n .wrap { padding: 0 22px; }\n .nav-inner { padding: 14px 22px; }\n .hero { padding: 116px 0 52px; }\n .hero h1 { font-size: clamp(27px, 8vw, 36px); max-width: 100%; }\n .hero .open { font-size: 16.5px; max-width: 100%; }\n .hero .btn-hero { width: 100%; padding: 15px 0; }\n .story { padding: 12px 0 64px; }\n .story p { font-size: 16.5px; max-width: 100%; line-height: 1.7; }\n .pull { font-size: clamp(19px, 6vw, 24px); max-width: 100%; margin-top: 36px; }\n .turn, .explainer { padding: 64px 0; }\n .turn h2, .explainer h2, .close h2 { font-size: clamp(22px, 7vw, 30px); max-width: 100%; }\n .turn p, .explainer .head p { font-size: 16.5px; max-width: 100%; }\n .player { padding: 18px 16px; max-width: 100%; }\n .player-title { font-size: 14px; }\n .close { padding: 76px 0 90px; }\n .close p { max-width: 100%; font-size: 16.5px; }\n .btn { width: 100%; padding: 16px 0; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav id=\"nav\">\n <div class=\"nav-inner\">\n <div class=\"logo\">Forbedr<b>.<\/b><\/div>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"nav-cta\">Book et m\u00f8de<\/a>\n <\/div>\n<\/nav>\n\n\n<header class=\"hero\">\n <div class=\"wrap\">\n <div class=\"eyebrow\"><span class=\"dot\"><\/span>AI-telefonassistent<\/div>\n <h1>Den kunde, du ikke n\u00e5ede, <span class=\"hl\">ringer aldrig igen.<\/span><\/h1>\n <p class=\"open\">Et ubesvaret opkald er sj\u00e6ldent bare tabt. Det er en kunde, der lige er g\u00e5et til den n\u00e6ste.<\/p>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"btn btn-hero\">Book et m\u00f8de<\/a>\n <\/div>\n<\/header>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <p class=\"reveal\">Telefonen ringer altid p\u00e5 det mest umulige tidspunkt. Tager du den, ryger koncentrationen. Lader du den ringe, er kunden allerede g\u00e5et videre, f\u00f8r du f\u00e5r kigget p\u00e5 den.<\/p>\n <div class=\"pull reveal\">Det er blevet en naturlig del af hverdagen. Men det beh\u00f8ver det ikke v\u00e6re.<\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"turn\" id=\"lyt\">\n <div class=\"wrap reveal\">\n <div class=\"label\">H\u00f8r det selv<\/div>\n <h2>Hvad nu, hvis telefonen altid blev taget, <em>uden at du selv skulle g\u00f8re det?<\/em><\/h2>\n <p>Din virksomhed f\u00e5r sin egen stemme, der svarer for dig, d\u00f8gnet rundt, akkurat som du ville g\u00f8re selv. Det er sv\u00e6rt at forklare med ord \u2014 s\u00e5 h\u00f8r det hellere selv.<\/p>\n\n <div class=\"player-label\">Et rigtigt opkald, uredigeret<\/div>\n <div class=\"player\" id=\"player\">\n <div class=\"player-top\">\n <button class=\"player-btn\" id=\"playerBtn\" aria-label=\"Afspil lyd\">\n <svg class=\"ic-play\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M8 5.5v13l11-6.5z\" fill=\"#fff\"\/><\/svg>\n <svg class=\"ic-pause\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" style=\"display:none\"><path d=\"M7 5h3.2v14H7zM13.8 5H17v14h-3.2z\" fill=\"#fff\"\/><\/svg>\n <\/button>\n <div class=\"player-meta\">\n <div class=\"player-title\">Opkald til Larsen T\u00f8mrer<\/div>\n <div class=\"player-sub\">indg\u00e5ende \u00b7 dansk<\/div>\n <\/div>\n <\/div>\n <div class=\"wave\" id=\"wave\"><\/div>\n <div class=\"player-time\"><span id=\"playerCur\">0:00<\/span><span id=\"playerDur\">3:20<\/span><\/div>\n <\/div>\n\n <p>En kunde ringer med en \u00f8delagt d\u00f8r. Han er lidt usikker og ombestemmer sig undervejs, helt som rigtige mennesker g\u00f8r. Alligevel ender opkaldet med en konkret aftale i kalenderen, uden at du l\u00f8ftede r\u00f8ret.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"explainer\" id=\"hvad-er-ai\">\n <div class=\"wrap\">\n <div class=\"head reveal\">\n <div class=\"kicker\">Hvad er det egentlig<\/div>\n <h2>Ikke en telefonsvarer. En digital medarbejder.<\/h2>\n <p>Den lytter, forst\u00e5r og f\u00f8rer en rigtig samtale, akkurat som en dygtig medarbejder ville. Ingen tonevalg, ingen robotstemme. Den booker m\u00f8der og noterer beskeder, som lander direkte hos dig.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"close\" id=\"book\">\n <div class=\"wrap\">\n <div class=\"label\">Tilfredshedsgaranti<\/div>\n <h2>Mist ikke flere kunder.<\/h2>\n <p>Er du ikke tilfreds, f\u00e5r du dine penge retur. Helt uden risiko.<\/p>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"btn\">Book et m\u00f8de<\/a>\n <div class=\"note\">45 minutter \u00b7 helt uforpligtende<\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"copy\">\u00a9 Forbedr<\/div>\n <\/div>\n<\/footer>\n\n<script>\n document.body.classList.add('js-on');\n\n \/\/ build waveform bars\n (function(){\n const wave = document.getElementById('wave');\n if (!wave) return;\n const bars = 40;\n const heights = [];\n for (let i = 0; i < bars; i++) {\n const base = 30 + Math.sin(i * 0.45) * 22 + Math.sin(i * 1.3) * 12;\n heights.push(Math.max(14, Math.min(100, base + (i % 5) * 4)));\n }\n heights.forEach(h => {\n const bar = document.createElement('div');\n bar.className = 'wave-bar';\n bar.style.height = h + '%';\n wave.appendChild(bar);\n });\n wave.__bars = wave.querySelectorAll('.wave-bar');\n })();\n\n \/\/ audio-only player driven by a hidden YouTube iframe\n (function(){\n const btn = document.getElementById('playerBtn');\n if (!btn) return;\n const cur = document.getElementById('playerCur');\n const iconPlay = btn.querySelector('.ic-play');\n const iconPause = btn.querySelector('.ic-pause');\n const wave = document.getElementById('wave');\n let ytReady = false, yt = null, playing = false, timer = null;\n\n const tag = document.createElement('script');\n tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n document.head.appendChild(tag);\n\n const host = document.createElement('div');\n host.id = 'yt-audio-host';\n host.style.cssText = 'position:absolute;width:1px;height:1px;left:-9999px;top:-9999px;';\n document.body.appendChild(host);\n\n function fmt(s){ s=Math.floor(s); return Math.floor(s\/60)+':'+String(s%60).padStart(2,'0'); }\n\n window.onYouTubeIframeAPIReady = function(){\n yt = new YT.Player('yt-audio-host', {\n videoId: 'Cs1KQQeyCXI',\n playerVars: { controls:0, disablekb:1, modestbranding:1, rel:0 },\n events: {\n onReady: () => { ytReady = true; },\n onStateChange: (e) => {\n if (e.data === YT.PlayerState.ENDED) { stopUI(); }\n }\n }\n });\n };\n\n function updateWave(progress){\n const barEls = wave.__bars;\n if (!barEls) return;\n const activeCount = Math.floor(progress * barEls.length);\n barEls.forEach((b, i) => b.classList.toggle('played', i < activeCount));\n }\n\n function startUI(){\n playing = true; iconPlay.style.display='none'; iconPause.style.display='block';\n timer = setInterval(() => {\n if (yt && yt.getCurrentTime) {\n const t = yt.getCurrentTime(), d = yt.getDuration() || 200;\n cur.textContent = fmt(t);\n updateWave(t \/ d);\n }\n }, 200);\n }\n function stopUI(){\n playing = false; iconPlay.style.display='block'; iconPause.style.display='none';\n clearInterval(timer);\n }\n\n btn.addEventListener('click', () => {\n if (!ytReady) return;\n if (playing) { yt.pauseVideo(); stopUI(); }\n else { yt.playVideo(); startUI(); }\n });\n })();\n\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 20));\n const reveals = document.querySelectorAll('.reveal');\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((es) => {\n es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n reveals.forEach(el => io.observe(el));\n window.addEventListener('load', () => setTimeout(() => reveals.forEach(el => el.classList.add('in')), 1500));\n } else {\n reveals.forEach(el => el.classList.add('in'));\n }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Forbedr \u2014 Din virksomhed svarer altid Forbedr. Book et m\u00f8de AI-telefonassistent Den kunde, du ikke n\u00e5ede, ringer aldrig igen. Et ubesvaret opkald er sj\u00e6ldent bare tabt. Det er en kunde, der lige er g\u00e5et til den n\u00e6ste. Book et m\u00f8de Telefonen ringer altid p\u00e5 det mest umulige tidspunkt. Tager du den, ryger koncentrationen. Lader du […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2018,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2259,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2259"}],"wp:attachment":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nForbedr \u2014 Din virksomhed svarer altid<\/title>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Schibsted+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');\n\n :root {\n --navy: #0b1b3a;\n --navy-deep: #060f24;\n --ink: #10131a;\n --blue: #2563ff;\n --blue-bright: #5b8bff;\n --paper: #fbfbfd;\n --mist: #f2f4f8;\n --line: #e4e7ee;\n --grey: #5c6373;\n --grey-soft: #8991a3;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; overflow-x: hidden; }\n\n body {\n font-family: 'Schibsted Grotesk', -apple-system, sans-serif;\n background: var(--paper);\n color: var(--ink);\n -webkit-font-smoothing: antialiased;\n line-height: 1.65;\n overflow-x: hidden;\n width: 100%;\n font-size: 17px;\n }\n\n h1, h2, h3, p, span, div { overflow-wrap: break-word; word-break: normal; max-width: 100%; }\n h1, h2, .pull, .eyebrow { text-wrap: balance; }\n p { text-wrap: pretty; }\n\n .wrap { max-width: 1080px; margin: 0 auto; padding: 0 32px; width: 100%; }\n\n ::selection { background: var(--blue); color: #fff; }\n a { color: inherit; }\n\n \/* ---------- nav ---------- *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n background: rgba(251,251,253,0.78);\n backdrop-filter: saturate(180%) blur(18px);\n border-bottom: 1px solid transparent;\n transition: border-color .4s ease, background .4s ease;\n }\n nav.scrolled { border-bottom: 1px solid var(--line); }\n .nav-inner {\n max-width: 1080px; margin: 0 auto; padding: 18px 32px; width: 100%;\n display: flex; justify-content: space-between; align-items: center;\n }\n .logo { font-weight: 700; font-size: 18px; letter-spacing: -0.02em; color: var(--navy); }\n .logo b { color: var(--blue); }\n .nav-cta {\n font-size: 14px; font-weight: 600; color: #fff;\n text-decoration: none; padding: 10px 20px; background: var(--navy);\n border-radius: 8px; transition: background .25s ease, transform .25s ease;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--blue); transform: translateY(-1px); }\n\n \/* ---------- hero ---------- *\/\n .hero { padding: 172px 0 84px; }\n .hero .wrap { max-width: 720px; text-align: center; }\n .eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.08em;\n color: var(--blue); font-weight: 500; margin-bottom: 26px;\n border: 1px solid #d7e0ff; background: #f2f6ff; padding: 7px 14px; border-radius: 100px;\n opacity: 0; animation: fade 0.9s ease forwards 0s;\n }\n .eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }\n .hero h1 {\n font-size: clamp(32px, 5.2vw, 56px); line-height: 1.12;\n letter-spacing: -0.03em; font-weight: 700; margin: 0 auto 24px; max-width: 16ch;\n opacity: 0; animation: fade 1s ease forwards .15s;\n }\n .hero h1 .hl { color: var(--blue); }\n .hero .open {\n font-size: clamp(17px, 2.1vw, 20px); color: var(--grey); font-weight: 400;\n max-width: 42ch; margin: 0 auto;\n opacity: 0; animation: fade 1s ease forwards .32s;\n }\n @keyframes fade { from { opacity: 0; transform: translateY(16px);} to {opacity:1; transform: translateY(0);} }\n\n .hero .btn-hero {\n margin-top: 38px; background: var(--navy); color: #fff; box-shadow: none;\n padding: 15px 34px; font-size: 15.5px;\n opacity: 0; animation: fade 1s ease forwards .5s;\n }\n .hero .btn-hero:hover { background: var(--blue); box-shadow: 0 14px 30px -12px rgba(37,99,255,0.45); }\n\n \/* ---------- reveal ---------- *\/\n .reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s ease; }\n .js-on .reveal { opacity: 0; }\n .reveal.in { opacity: 1 !important; transform: translateY(0); }\n\n \/* ---------- story ---------- *\/\n .story { padding: 20px 0 88px; }\n .story .wrap { max-width: 620px; text-align: center; }\n .story p {\n font-size: clamp(18px, 2vw, 20px); color: #262b36; font-weight: 400;\n letter-spacing: -0.005em; line-height: 1.75;\n max-width: 52ch; margin: 0 auto;\n }\n\n .pull {\n max-width: 26ch; margin: 44px auto 0;\n font-size: clamp(21px, 2.8vw, 28px);\n line-height: 1.35; font-weight: 600; letter-spacing: -0.02em; color: var(--navy);\n position: relative; padding-top: 36px;\n }\n .pull::before {\n content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n width: 34px; height: 3px; background: var(--blue); border-radius: 2px;\n }\n\n \/* ---------- turn: listen ---------- *\/\n .turn { background: var(--navy); color: #fff; padding: 110px 0; position: relative; overflow: hidden; }\n .turn::after {\n content: ''; position: absolute; left: 50%; bottom: -40%; width: 120%; height: 80%;\n transform: translateX(-50%);\n background: radial-gradient(ellipse at center, rgba(59,130,255,0.20), transparent 65%);\n pointer-events: none;\n }\n .turn .wrap { max-width: 640px; position: relative; z-index: 1; text-align: center; }\n .turn .label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase;\n color: #7d9bff; margin-bottom: 22px; font-weight: 500;\n }\n .turn h2 {\n font-size: clamp(26px, 3.6vw, 40px); line-height: 1.22; letter-spacing: -0.025em;\n font-weight: 700; margin: 0 auto 28px; max-width: 18ch;\n }\n .turn h2 em { font-style: normal; color: #7d9bff; }\n .turn p {\n font-size: 17.5px; color: rgba(255,255,255,0.72); font-weight: 400; margin: 0 auto 26px; line-height: 1.75;\n max-width: 48ch; text-align: center;\n }\n .turn strong { color: #fff; font-weight: 600; }\n\n .player-label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;\n color: #7d9bff; font-weight: 500; margin-top: 48px; margin-bottom: 16px;\n }\n .player {\n width: 100%; max-width: 480px; margin: 0 auto 56px;\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);\n border-radius: 18px; padding: 22px 24px; text-align: left;\n backdrop-filter: blur(6px);\n }\n .player-top { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }\n .player-btn {\n flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%;\n background: var(--blue); border: 0; cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: transform .25s ease, background .25s ease;\n }\n .player-btn .ic-play { position: relative; left: 2px; }\n .player-btn:hover { transform: scale(1.06); background: var(--blue-bright); }\n .player-meta { flex: 1; min-width: 0; }\n .player-title { font-size: 14.5px; font-weight: 600; color: #fff; margin-bottom: 4px; }\n .player-sub { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: rgba(255,255,255,0.42); }\n\n .wave { display: flex; align-items: center; gap: 3px; height: 34px; }\n .wave-bar { flex: 1; background: rgba(255,255,255,0.18); border-radius: 2px; min-width: 2px; transition: background .15s ease; }\n .wave-bar.played { background: var(--blue-bright); }\n .player-time { display: flex; justify-content: space-between; margin-top: 10px; font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; color: rgba(255,255,255,0.42); }\n\n \/* ---------- explainer ---------- *\/\n .explainer { padding: 90px 0; background: var(--mist); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n .explainer .head { text-align: center; max-width: 560px; margin: 0 auto; }\n .explainer .kicker {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.12em;\n text-transform: uppercase; color: var(--blue); font-weight: 500; margin-bottom: 18px;\n }\n .explainer h2 {\n font-size: clamp(24px, 3.4vw, 34px); line-height: 1.22; letter-spacing: -0.025em;\n font-weight: 700; margin: 0 auto 18px; color: var(--navy); max-width: 18ch;\n }\n .explainer .head p { font-size: 17.5px; color: var(--grey); line-height: 1.7; max-width: 46ch; margin: 0 auto; }\n\n \/* ---------- close (guarantee + cta) ---------- *\/\n .close {\n padding: 118px 0 130px; text-align: center;\n background: linear-gradient(180deg, var(--navy), var(--navy-deep));\n color: #fff; position: relative; overflow: hidden;\n }\n .close::before {\n content: ''; position: absolute; top: -30%; left: 50%; width: 130%; height: 90%;\n transform: translateX(-50%);\n background: radial-gradient(ellipse at center, rgba(59,130,255,0.26), transparent 62%);\n pointer-events: none;\n }\n .close .wrap { max-width: 560px; position: relative; z-index: 1; }\n .close .label {\n font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase;\n color: #7d9bff; margin-bottom: 22px; font-weight: 500;\n }\n .close h2 {\n font-size: clamp(28px, 4.2vw, 46px); line-height: 1.15; letter-spacing: -0.03em;\n font-weight: 700; margin-bottom: 18px;\n }\n .close p { font-size: 18px; color: rgba(255,255,255,0.7); margin: 0 auto 36px; max-width: 40ch; }\n .btn {\n display: inline-block; background: #fff; color: var(--navy);\n text-decoration: none; font-size: 17px; font-weight: 700;\n padding: 17px 42px; border-radius: 10px;\n transition: transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 14px 40px -12px rgba(59,130,255,0.5);\n }\n .btn:hover { transform: translateY(-3px); box-shadow: 0 22px 55px -12px rgba(59,130,255,0.7); }\n .close .note { margin-top: 20px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: rgba(255,255,255,0.48); }\n\n footer { border-top: 1px solid var(--line); padding: 32px 0; }\n footer .wrap { display: flex; justify-content: center; }\n footer .copy { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: var(--grey-soft); }\n\n \/* ---------- tablet ---------- *\/\n @media (max-width: 900px) {\n .hero { padding: 150px 0 68px; }\n .turn, .explainer { padding-top: 88px; padding-bottom: 88px; }\n .close { padding: 100px 0 110px; }\n }\n\n \/* ---------- mobile ---------- *\/\n @media (max-width: 600px) {\n body { font-size: 16.5px; }\n .wrap { padding: 0 22px; }\n .nav-inner { padding: 14px 22px; }\n .hero { padding: 116px 0 52px; }\n .hero h1 { font-size: clamp(27px, 8vw, 36px); max-width: 100%; }\n .hero .open { font-size: 16.5px; max-width: 100%; }\n .hero .btn-hero { width: 100%; padding: 15px 0; }\n .story { padding: 12px 0 64px; }\n .story p { font-size: 16.5px; max-width: 100%; line-height: 1.7; }\n .pull { font-size: clamp(19px, 6vw, 24px); max-width: 100%; margin-top: 36px; }\n .turn, .explainer { padding: 64px 0; }\n .turn h2, .explainer h2, .close h2 { font-size: clamp(22px, 7vw, 30px); max-width: 100%; }\n .turn p, .explainer .head p { font-size: 16.5px; max-width: 100%; }\n .player { padding: 18px 16px; max-width: 100%; }\n .player-title { font-size: 14px; }\n .close { padding: 76px 0 90px; }\n .close p { max-width: 100%; font-size: 16.5px; }\n .btn { width: 100%; padding: 16px 0; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav id=\"nav\">\n <div class=\"nav-inner\">\n <div class=\"logo\">Forbedr<b>.<\/b><\/div>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"nav-cta\">Book et m\u00f8de<\/a>\n <\/div>\n<\/nav>\n\n\n<header class=\"hero\">\n <div class=\"wrap\">\n <div class=\"eyebrow\"><span class=\"dot\"><\/span>AI-telefonassistent<\/div>\n <h1>Den kunde, du ikke n\u00e5ede, <span class=\"hl\">ringer aldrig igen.<\/span><\/h1>\n <p class=\"open\">Et ubesvaret opkald er sj\u00e6ldent bare tabt. Det er en kunde, der lige er g\u00e5et til den n\u00e6ste.<\/p>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"btn btn-hero\">Book et m\u00f8de<\/a>\n <\/div>\n<\/header>\n\n\n<section class=\"story\" id=\"story\">\n <div class=\"wrap\">\n <p class=\"reveal\">Telefonen ringer altid p\u00e5 det mest umulige tidspunkt. Tager du den, ryger koncentrationen. Lader du den ringe, er kunden allerede g\u00e5et videre, f\u00f8r du f\u00e5r kigget p\u00e5 den.<\/p>\n <div class=\"pull reveal\">Det er blevet en naturlig del af hverdagen. Men det beh\u00f8ver det ikke v\u00e6re.<\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"turn\" id=\"lyt\">\n <div class=\"wrap reveal\">\n <div class=\"label\">H\u00f8r det selv<\/div>\n <h2>Hvad nu, hvis telefonen altid blev taget, <em>uden at du selv skulle g\u00f8re det?<\/em><\/h2>\n <p>Din virksomhed f\u00e5r sin egen stemme, der svarer for dig, d\u00f8gnet rundt, akkurat som du ville g\u00f8re selv. Det er sv\u00e6rt at forklare med ord \u2014 s\u00e5 h\u00f8r det hellere selv.<\/p>\n\n <div class=\"player-label\">Et rigtigt opkald, uredigeret<\/div>\n <div class=\"player\" id=\"player\">\n <div class=\"player-top\">\n <button class=\"player-btn\" id=\"playerBtn\" aria-label=\"Afspil lyd\">\n <svg class=\"ic-play\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\"><path d=\"M8 5.5v13l11-6.5z\" fill=\"#fff\"\/><\/svg>\n <svg class=\"ic-pause\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" style=\"display:none\"><path d=\"M7 5h3.2v14H7zM13.8 5H17v14h-3.2z\" fill=\"#fff\"\/><\/svg>\n <\/button>\n <div class=\"player-meta\">\n <div class=\"player-title\">Opkald til Larsen T\u00f8mrer<\/div>\n <div class=\"player-sub\">indg\u00e5ende \u00b7 dansk<\/div>\n <\/div>\n <\/div>\n <div class=\"wave\" id=\"wave\"><\/div>\n <div class=\"player-time\"><span id=\"playerCur\">0:00<\/span><span id=\"playerDur\">3:20<\/span><\/div>\n <\/div>\n\n <p>En kunde ringer med en \u00f8delagt d\u00f8r. Han er lidt usikker og ombestemmer sig undervejs, helt som rigtige mennesker g\u00f8r. Alligevel ender opkaldet med en konkret aftale i kalenderen, uden at du l\u00f8ftede r\u00f8ret.<\/p>\n <\/div>\n<\/section>\n\n\n<section class=\"explainer\" id=\"hvad-er-ai\">\n <div class=\"wrap\">\n <div class=\"head reveal\">\n <div class=\"kicker\">Hvad er det egentlig<\/div>\n <h2>Ikke en telefonsvarer. En digital medarbejder.<\/h2>\n <p>Den lytter, forst\u00e5r og f\u00f8rer en rigtig samtale, akkurat som en dygtig medarbejder ville. Ingen tonevalg, ingen robotstemme. Den booker m\u00f8der og noterer beskeder, som lander direkte hos dig.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"close\" id=\"book\">\n <div class=\"wrap\">\n <div class=\"label\">Tilfredshedsgaranti<\/div>\n <h2>Mist ikke flere kunder.<\/h2>\n <p>Er du ikke tilfreds, f\u00e5r du dine penge retur. Helt uden risiko.<\/p>\n <a href=\"https:\/\/forbedr.cal.eu\/kontakt\/uforpligtende-samtale?overlayCalendar=true\" class=\"btn\">Book et m\u00f8de<\/a>\n <div class=\"note\">45 minutter \u00b7 helt uforpligtende<\/div>\n <\/div>\n<\/section>\n\n<footer>\n <div class=\"wrap\">\n <div class=\"copy\">\u00a9 Forbedr<\/div>\n <\/div>\n<\/footer>\n\n<script>\n document.body.classList.add('js-on');\n\n \/\/ build waveform bars\n (function(){\n const wave = document.getElementById('wave');\n if (!wave) return;\n const bars = 40;\n const heights = [];\n for (let i = 0; i < bars; i++) {\n const base = 30 + Math.sin(i * 0.45) * 22 + Math.sin(i * 1.3) * 12;\n heights.push(Math.max(14, Math.min(100, base + (i % 5) * 4)));\n }\n heights.forEach(h => {\n const bar = document.createElement('div');\n bar.className = 'wave-bar';\n bar.style.height = h + '%';\n wave.appendChild(bar);\n });\n wave.__bars = wave.querySelectorAll('.wave-bar');\n })();\n\n \/\/ audio-only player driven by a hidden YouTube iframe\n (function(){\n const btn = document.getElementById('playerBtn');\n if (!btn) return;\n const cur = document.getElementById('playerCur');\n const iconPlay = btn.querySelector('.ic-play');\n const iconPause = btn.querySelector('.ic-pause');\n const wave = document.getElementById('wave');\n let ytReady = false, yt = null, playing = false, timer = null;\n\n const tag = document.createElement('script');\n tag.src = 'https:\/\/www.youtube.com\/iframe_api';\n document.head.appendChild(tag);\n\n const host = document.createElement('div');\n host.id = 'yt-audio-host';\n host.style.cssText = 'position:absolute;width:1px;height:1px;left:-9999px;top:-9999px;';\n document.body.appendChild(host);\n\n function fmt(s){ s=Math.floor(s); return Math.floor(s\/60)+':'+String(s%60).padStart(2,'0'); }\n\n window.onYouTubeIframeAPIReady = function(){\n yt = new YT.Player('yt-audio-host', {\n videoId: 'Cs1KQQeyCXI',\n playerVars: { controls:0, disablekb:1, modestbranding:1, rel:0 },\n events: {\n onReady: () => { ytReady = true; },\n onStateChange: (e) => {\n if (e.data === YT.PlayerState.ENDED) { stopUI(); }\n }\n }\n });\n };\n\n function updateWave(progress){\n const barEls = wave.__bars;\n if (!barEls) return;\n const activeCount = Math.floor(progress * barEls.length);\n barEls.forEach((b, i) => b.classList.toggle('played', i < activeCount));\n }\n\n function startUI(){\n playing = true; iconPlay.style.display='none'; iconPause.style.display='block';\n timer = setInterval(() => {\n if (yt && yt.getCurrentTime) {\n const t = yt.getCurrentTime(), d = yt.getDuration() || 200;\n cur.textContent = fmt(t);\n updateWave(t \/ d);\n }\n }, 200);\n }\n function stopUI(){\n playing = false; iconPlay.style.display='block'; iconPause.style.display='none';\n clearInterval(timer);\n }\n\n btn.addEventListener('click', () => {\n if (!ytReady) return;\n if (playing) { yt.pauseVideo(); stopUI(); }\n else { yt.playVideo(); startUI(); }\n });\n })();\n\n const nav = document.getElementById('nav');\n window.addEventListener('scroll', () => nav.classList.toggle('scrolled', window.scrollY > 20));\n const reveals = document.querySelectorAll('.reveal');\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((es) => {\n es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n }, { threshold: 0.12, rootMargin: '0px 0px -5% 0px' });\n reveals.forEach(el => io.observe(el));\n window.addEventListener('load', () => setTimeout(() => reveals.forEach(el => el.classList.add('in')), 1500));\n } else {\n reveals.forEach(el => el.classList.add('in'));\n }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Forbedr \u2014 Din virksomhed svarer altid Forbedr. Book et m\u00f8de AI-telefonassistent Den kunde, du ikke n\u00e5ede, ringer aldrig igen. Et ubesvaret opkald er sj\u00e6ldent bare tabt. Det er en kunde, der lige er g\u00e5et til den n\u00e6ste. Book et m\u00f8de Telefonen ringer altid p\u00e5 det mest umulige tidspunkt. Tager du den, ryger koncentrationen. Lader du […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2018,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2259,"href":"https:\/\/forbedr.dk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2259"}],"wp:attachment":[{"href":"https:\/\/forbedr.dk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}