@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.beregner-wrapper{--c-bg: rgba(249, 249, 249, .9);--c-panel: #ffffff;--c-text: #333333;--c-text-muted: #666666;--c-border: #e0e0e0;--c-brand-orange: #F39237;--c-brand-orange-hover: #d97d2c;--c-brand-green: #4A5D4E;--m-bg-gradient: transparent;--m-panel: rgba(255, 255, 255, .7);--m-panel-border: rgba(255, 255, 255, .8);--m-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--m-blur: blur(20px);--m-radius: 24px;--bg: var(--m-bg-gradient);--panel-bg: var(--m-panel);--panel-border: var(--m-panel-border);--panel-shadow: var(--m-shadow);--panel-blur: var(--m-blur);--radius: var(--m-radius);--text: var(--c-text);--text-muted: var(--c-text-muted);--border: var(--c-border);--primary: #ee7202;--primary-hover: #cc6000;--secondary: #4a564d;font-family:Outfit,sans-serif;color:var(--text)}[data-theme=classic] .beregner-wrapper{--bg: var(--c-bg);--panel-bg: var(--c-panel);--panel-border: var(--c-border);--panel-shadow: 0 4px 6px rgba(0,0,0,.05);--panel-blur: none;--radius: 4px}.beregner-wrapper-body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;transition:all .5s ease}#root{width:100%;max-width:800px;padding:20px;box-sizing:border-box}.theme-toggle{position:fixed;top:20px;right:20px;background:var(--panel-bg);border:1px solid var(--panel-border);padding:10px 16px;border-radius:30px;cursor:pointer;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--panel-shadow);font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease;z-index:100}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 10px 40px #0000001a}.calculator-container{background:var(--panel-bg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:40px;overflow-y:auto;max-height:95vh;position:relative;transition:all .5s ease}[data-theme=classic] .calculator-container{border-top:4px solid var(--primary);border-radius:0}.step-header{margin-bottom:30px}.step-header h2{margin:0 0 10px;font-size:28px;font-weight:600;color:var(--secondary)}.step-header p{margin:0;color:var(--text-muted);font-size:16px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--secondary)}.input-field{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:calc(var(--radius) / 2);background:#fffc;font-size:16px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f3923733}[data-theme=classic] .input-field{border-radius:0}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--panel-bg);border:1px solid var(--border);border-radius:calc(var(--radius) / 2);box-shadow:var(--panel-shadow);z-index:10;max-height:200px;overflow-y:auto;margin-top:4px}[data-theme=classic] .autocomplete-suggestions{border-radius:0}.suggestion-item{padding:12px 16px;cursor:pointer;transition:background .2s ease}.suggestion-item:hover{background:#0000000d}.suggestion-item.empty{color:var(--text-muted);font-style:italic;cursor:default}.suggestion-item.empty:hover{background:transparent}.radio-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 500px){.radio-grid{grid-template-columns:repeat(2,1fr)}}.radio-card{position:relative;border:1px solid var(--border);border-radius:calc(var(--radius) / 2);padding:20px;cursor:pointer;transition:all .3s ease;background:#ffffff80;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500}.radio-card:hover{border-color:var(--primary);background:#ffffffe6;transform:translateY(-2px)}.radio-card.selected{border-color:var(--primary);background:#f392371a;color:var(--primary);box-shadow:0 4px 12px #f3923726}[data-theme=classic] .radio-card{border-radius:0;text-align:left;justify-content:flex-start}[data-theme=classic] .radio-card.selected{background:var(--primary);color:#fff}.nav-buttons{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.btn{padding:12px 24px;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}[data-theme=classic] .btn{border-radius:0}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f392374d}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background:#0000000d;color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.result-screen{text-align:center;padding:40px 20px}.result-price{font-size:56px;font-weight:700;color:var(--secondary);margin:20px 0;background:linear-gradient(45deg,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=classic] .result-price{background:none;-webkit-text-fill-color:initial;color:var(--primary)}.result-message{font-size:18px;color:var(--text-muted);line-height:1.6}.progress-container{width:100%;height:6px;background:var(--border);border-radius:3px;margin-bottom:30px;overflow:hidden}[data-theme=classic] .progress-container{border-radius:0;height:4px}.progress-bar{height:100%;background:var(--primary);transition:width .5s cubic-bezier(.4,0,.2,1)}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5;color:var(--text-muted)}.checkbox-label input{margin-top:3px}.slider-container{padding:20px 0}.slider-value{font-size:24px;font-weight:600;color:var(--primary);margin-bottom:10px;text-align:center}input[type=range]{width:100%;accent-color:var(--primary)}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}:root{--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #475569;--accent-color: #ee7202;--accent-hover: #cc6000;--brand-green: #4a564d;--success-color: #10b981;--danger-color: #ef4444;--card-radius: 24px;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:transparent;color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;overflow-x:hidden}#root{width:100%;max-width:500px;padding:0}.app-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:20px;max-height:95dvh;overflow-y:auto;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-header{text-align:center}.header-logo{max-height:80px;object-fit:contain;margin:0 auto 8px;display:block}.app-header h1{font-size:24px;font-weight:700;color:var(--accent-color);margin-bottom:4px}.app-header p{font-size:16px;font-weight:600;color:var(--text-primary)}.carousel-container{position:relative;width:100%;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;box-shadow:0 10px 20px #0000004d;flex-shrink:0}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.25,1,.5,1);height:100%}.carousel-slide{min-width:100%;height:100%}.carousel-slide img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease}.indicator.active{background:#fff;width:16px;border-radius:4px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;z-index:10}.carousel-btn:hover{background:#0009}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.facts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.fact-item{background:#00000008;border:1px solid var(--glass-border);padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:4px}.fact-item.full-width{grid-column:1 / -1}.fact-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.fact-value{font-size:16px;font-weight:600;color:var(--text-primary)}.guess-section{display:flex;flex-direction:column;gap:16px;margin-top:8px}.input-wrapper{position:relative;display:flex;align-items:center}.price-input{width:100%;background:#00000008;border:1px solid var(--glass-border);border-radius:12px;padding:16px;font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;font-family:var(--font-main);outline:none;transition:border-color .3s,box-shadow .3s}.price-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ee72024d}.price-input::placeholder{color:#0000004d}.price-input:disabled{background:#00000008;color:var(--accent-color);opacity:1;cursor:not-allowed}.primary-btn{background:var(--accent-color);color:#fff;border:none;padding:16px;border-radius:12px;font-size:18px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f666}.primary-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f680}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.next-btn{background:transparent;border:1px solid var(--glass-border);box-shadow:none}.next-btn:hover{background:#ffffff1a;box-shadow:none}.feedback-container{text-align:center;padding:16px;border-radius:12px;background:#00000008;border:1px solid var(--glass-border);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--accent-color)}.feedback-stats{font-size:16px;font-weight:500;margin-bottom:12px;color:var(--text-primary)}.real-price{font-size:24px;font-weight:600;margin-top:8px;color:var(--accent-color)}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.cta-pitch{margin-top:24px;padding-top:24px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:12px}.cta-pitch-text{font-size:15px;color:var(--text-primary);line-height:1.4}.cta-pitch-text strong{color:#fff;display:block;margin-bottom:4px}.cta-btn{display:inline-block;background:linear-gradient(135deg,#f89a4b,#f97316);color:#fff;text-decoration:none;font-weight:600;padding:12px 20px;border-radius:10px;font-size:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #f89a4b4d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #f89a4b66}.iframe-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease-out}.iframe-container{width:100%;max-width:800px;height:90vh;background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.close-iframe-btn{background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;padding:16px;font-size:16px;font-weight:700;color:var(--danger-color);cursor:pointer;text-align:center;font-family:var(--font-main);transition:background .2s}.close-iframe-btn:hover{background:#f1f5f9}.iframe-container iframe{width:100%;flex:1;border:none}.fullscreen-pitch-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/vejle-sommer.jpeg);background-size:cover;background-position:center 15%;filter:blur(3px) brightness(.9);z-index:-10;animation:fadeIn .8s ease-out}@media (max-height: 900px){.app-container{padding:16px;gap:12px}.carousel-container{aspect-ratio:3 / 2}.fact-item{padding:8px;gap:2px}.guess-section{gap:8px}.price-input{padding:12px;font-size:20px}.primary-btn{padding:12px;font-size:16px}.feedback-container{padding:12px}}