html{scroll-behavior:smooth;scroll-padding-top:85px}.edition{background:#fffdf7}.edition .container{max-width:1280px;padding:0 48px}.edition .nav{max-width:1280px;padding:9px 48px}.edition .logo img{height:27px;margin:12px 0}.edition .nav-links{margin-left:auto;gap:30px}.edition .nav-spacer{flex:0;width:20px}.edition .nav-wrap{background:#fffdf7f2}.edition .btn{border-radius:3px;padding:15px 23px;font-size:14px}.edition .btn-sm{padding:11px 18px}.overline{font-size:11px;font-weight:600;letter-spacing:1.4px;color:var(--accent);line-height:1.7;text-transform:uppercase}.overline>span{display:inline-block;width:6px;height:6px;background:var(--tegl);margin-right:8px}.edition .hero{padding:90px 0 85px;background:var(--card)}.edition .hero-grid{grid-template-columns:1.03fr 1fr;gap:55px}.edition .hero h1{font-size:clamp(52px,5.2vw,74px);line-height:1.12;margin-top:23px;letter-spacing:-1.3px}.edition .hero .lede{font-size:17px;max-width:455px;margin-top:25px}.edition .hero-cta{align-items:center;gap:22px}.text-link{font-size:13px;color:var(--ink);border-bottom:1px solid var(--line-2);padding:8px 0;font-weight:500}.text-link span{margin-left:10px}.hero-small{font-size:12px;color:var(--muted);margin-top:22px}.edition .hero-visual{position:relative;min-width:0;padding-bottom:80px;padding-right:15px}.edition .hero-portal{position:relative;z-index:1;box-shadow:0 22px 55px -25px #302b2455;border-radius:6px;overflow:hidden}.edition .hero-visual:before{content:'';background:#eee7d9;position:absolute;left:15px;right:-25px;top:25px;bottom:50px;border-radius:7px}.edition .mp-body{padding:17px;min-width:0}.edition .mp-who{min-width:0}.edition .mp-tenant-meta{font-size:9px}.edition .mp-row{font-size:10px;gap:8px}.edition .mp-tag{font-size:9px;white-space:nowrap}.edition .mp-time{width:30px;flex-shrink:0}.edition .mp-h1{font-size:24px}.hero-caption{position:relative;z-index:2;font-size:10px;margin:17px 150px 0 0;color:var(--muted);line-height:1.7}.hero-caption small{display:block;font-size:9px;margin-top:6px;color:#817564}.caption-dot{display:inline-block;background:#517450;width:5px;height:5px;border-radius:50%;margin-right:5px}.app-peek{position:absolute;right:-7px;bottom:-13px;width:141px;z-index:3;filter:drop-shadow(0 12px 14px #302b242b);transform:rotate(5deg)}.app-peek img{width:100%;display:block;border-radius:20px}.benefit-strip{background:var(--paper);border-bottom:1px solid var(--line);padding:23px 0}.benefit-strip .container{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.benefit-strip b{font-size:10px;font-weight:500;color:var(--tegl);margin-right:12px}.intro-section{padding:90px 0}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.edition h2.dsp{font-size:clamp(34px,3.4vw,46px);line-height:1.18;margin-top:15px;letter-spacing:-.5px}.intro-grid .lede{font-size:16px;margin:0}.experience{padding:70px 0 30px;background:var(--kalk);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.experience-top p{font-size:14px;color:var(--muted);margin:0 0 4px}.experience-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line-2)}.experience-tabs button{border:0;border-bottom:3px solid transparent;padding:20px 24px;background:transparent;text-align:left;display:flex;gap:18px;align-items:center;font:500 13px var(--sans);color:var(--muted);cursor:pointer}.experience-tabs button span{flex:1}.experience-tabs button[aria-selected=true]{border-color:var(--tegl);background:var(--card);color:var(--accent)}.experience-scene{padding:28px 30px 25px;background:var(--card);border:1px solid var(--line);border-top:0}.experience-scene[hidden]{display:none}.scene-intro{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-bottom:24px}.scene-intro h3{font:500 27px/1.2 var(--serif);margin:0;flex-shrink:0}.scene-intro p{font-size:13px;color:var(--muted);max-width:480px;margin:0}.demo-viewport{aspect-ratio:1440/800;width:100%;position:relative;overflow:hidden;background:var(--paper)}.demo-viewport iframe{width:1440px;height:800px;border:0;position:absolute;left:0;top:0;transform-origin:0 0}.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted);margin:15px 0 0}.demo-caption button,.demo-caption a{padding:5px 10px;border:1px solid var(--line-2);background:transparent;color:var(--muted);font:inherit;cursor:pointer}.demo-controls{display:flex;gap:8px}.experience-footer{display:flex;justify-content:space-between;padding:24px 0 0;gap:20px;font-size:11px;color:var(--muted)}.tenant-section{padding:95px 0;background:var(--card)}.tenant-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tenant-visual{position:relative;height:555px;display:flex;align-items:center;justify-content:center}.phone-halo{position:absolute;inset:40px -10px 55px;background:var(--paper);border-radius:50%}.tenant-phone{width:215px;position:relative;filter:drop-shadow(0 16px 15px #302b2426)}.tenant-phone.back{transform:rotate(-8deg) translateX(20px) translateY(18px)}.tenant-phone.front{transform:rotate(6deg) translateX(-13px) translateY(-16px)}.photo-caption{position:absolute;bottom:0;font-size:10px;color:var(--muted)}.tenant-grid .lede{font-size:16px}.editorial-list{margin-top:28px}.editorial-list>div{display:flex;gap:20px;border-top:1px solid var(--line);padding:15px 0}.editorial-list>div>span{font-size:11px;color:var(--tegl);padding-top:3px}.editorial-list p{margin:0;font-size:12px;color:var(--muted)}.editorial-list b{font-size:14px;display:block;color:var(--ink);font-weight:600;margin-bottom:5px}.small-print{font-size:11px;color:var(--muted);line-height:1.7}.estate-section{padding:90px 0;background:var(--groen);color:var(--card)}.estate-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.estate-section .overline,.estate-section .dsp .em{color:#d2a96a}.estate-section .lede,.estate-support{color:#d3d9ce;font-size:15px}.estate-support{margin:20px 0 26px;line-height:1.7}.estate-section .text-link{color:#f5f0e4;border-color:#6f8172}.invoice{background:var(--card);color:var(--ink);padding:25px 28px;box-shadow:0 20px 40px #0002;transform:rotate(1deg)}.invoice-head{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}.invoice-head img{width:22px;height:22px}.invoice-status{margin-left:auto;border:1px solid var(--line);padding:3px 7px}.invoice-title{padding:22px 0}.invoice-title .overline{font-size:9px;color:var(--accent)}.invoice-title h3{font:500 28px var(--serif);margin:7px 0}.invoice-title>span{font-size:11px;color:var(--muted)}.invoice-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.invoice-row b{font-weight:500}.invoice-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.accent-row{background:#f3eee2;margin:0 -12px;padding:16px 12px;border:1px solid #e1d3b8}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0 5px;font-size:12px;border-top:1px solid var(--line)}.invoice-total b{font-size:23px}.invoice>p{font-size:9px;color:var(--muted);margin:15px 0 0}.products-section{padding:90px 0;background:var(--card)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:35px}.section-heading .lede{font-size:16px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.product-grid article{padding:24px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fcfaf4}.product-grid article:first-child{background:var(--paper)}.product-grid article:last-child{border:0}.product-top{font-size:9px;letter-spacing:.5px;color:var(--accent);min-height:27px}.product-top span{display:block;color:var(--muted);margin-top:3px}.product-grid h3{font:500 32px var(--serif);margin:18px 0 12px}.product-grid p{font-size:13px;color:var(--muted);margin:0;min-height:85px}.product-grid ul{list-style:none;margin:20px 0 30px;padding:0;flex:1}.product-grid li{font-size:11px;color:var(--muted);padding:9px 0;border-top:1px solid var(--line)}.product-grid a{font-size:11px;font-weight:600}.price-section{padding:85px 0;background:var(--paper);border-block:1px solid var(--line)}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.price-layout .lede{font-size:16px;margin-bottom:28px}.price-layout>.container{min-width:0}.price-builder{background:var(--card);padding:28px 30px;border:1px solid var(--line)}.seats-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:20px}.seats-top output{font:500 32px var(--serif)}.price-builder input[type=range]{width:100%;accent-color:var(--tegl)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.price-options{margin:24px 0}.price-options label{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0;cursor:pointer;font-size:13px}.price-options input{accent-color:var(--accent);width:17px;height:17px}.price-options label>span{flex:1}.price-options small{font-size:10px;margin-left:8px;color:var(--muted)}.price-options b{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.price-total{padding-top:20px;border-top:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:10px}.price-total>span{font-size:12px}.price-total small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.price-total strong{font:500 33px var(--serif);white-space:nowrap}.price-builder>.btn{display:block;margin-top:20px}.faq-section{padding:85px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid details{border-bottom:1px solid var(--line);padding:20px 0}.faq-grid details:first-child{padding-top:8px}.faq-grid summary{font-size:15px;cursor:pointer;font-weight:500}.faq-grid details p{font-size:13px;color:var(--muted);line-height:1.8}.edition .contact-section{background:var(--kalk);padding:75px 0;border-top:1px solid var(--line)}.edition .contact-grid{grid-template-columns:1.1fr 1fr;gap:100px}.edition .contact-intro h2{font:500 47px/1.18 var(--serif);margin:20px 0;color:var(--ink)}.edition .contact-intro .lede{color:var(--muted);font-size:16px}.contact-steps{display:flex;flex-direction:column;gap:14px;margin-top:30px;font-size:11px;color:var(--muted)}.edition .contact-form{background:var(--card);border:1px solid var(--line);padding:28px 30px}.contact-form h3{font:500 25px var(--serif);margin:0 0 24px}.edition .cf-row{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.edition .cf-row label{font-size:12px;color:var(--ink)}.edition .cf-row input{width:100%;font:14px var(--sans);padding:13px;background:#fffdf7;color:var(--ink);border:1px solid var(--line-2);border-radius:2px}.contact-form>.btn{display:block;box-sizing:border-box;width:100%;margin-top:22px}.form-note,#form-status{font-size:10px;color:var(--muted);line-height:1.7}.edition footer{background:var(--ink);padding:35px 0}.footer-row{display:flex;align-items:center;gap:30px;color:#cfc5af;font-size:10px}.footer-row img{width:115px}.footer-row p{flex:1}.footer-row a{color:#e8d8bc}.footer-row span{white-space:nowrap}@media(min-width:1450px){.edition .hero{padding:105px 0 95px}}@media(max-width:1050px){.edition .container{padding:0 30px}.edition .nav{padding:8px 30px}.edition .hero-grid{gap:30px}.edition .hero h1{font-size:59px}.edition .hero-visual{padding-right:0}.edition .hero-caption{margin-right:100px}.app-peek{width:125px}.estate-grid,.tenant-grid,.price-layout,.section-heading,.faq-grid,.edition .contact-grid{gap:45px}.tenant-phone{width:180px}.tenant-visual{height:465px}.product-grid article{padding:20px 15px}.product-grid p{min-height:103px}.edition .hero .lede{font-size:16px}}@media(max-width:850px){.edition .hero-grid{grid-template-columns:1fr}.edition .hero{padding-top:50px}.edition .hero h1{font-size:64px}.edition .hero h1 br:first-child{display:none}.edition .hero-visual{max-width:580px;width:100%;margin:20px auto 0;padding-bottom:60px}.edition .hero .lede{max-width:560px}.edition .hero-caption{margin-right:150px}.app-peek{width:135px;bottom:-10px}.benefit-strip .container{flex-wrap:wrap;gap:14px 25px}.intro-grid,.tenant-grid,.estate-grid,.price-layout,.faq-grid,.edition .contact-grid{grid-template-columns:1fr;gap:35px}.tenant-grid{display:flex;flex-direction:column-reverse}.tenant-visual{width:100%;height:470px;max-width:470px}.intro-section,.tenant-section,.products-section,.estate-section,.price-section,.faq-section{padding:60px 0}.invoice{max-width:560px;width:100%;margin:auto}.section-heading{gap:25px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid article{padding:25px}.product-grid article:nth-child(2){border-right:0}.product-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-grid p{min-height:60px}.price-builder{max-width:600px;width:100%;margin:auto}.edition .nav-links{display:none}.edition .nav-spacer{flex:1}.experience-scene{padding:25px 20px}.scene-intro{gap:25px}.scene-intro h3{font-size:23px}.scene-intro p{font-size:12px}.experience-top p{font-size:12px}.experience-footer{flex-wrap:wrap}.footer-row{flex-wrap:wrap}.edition .contact-intro h2{font-size:43px}}@media(max-width:540px){.edition .container{padding:0 20px}.edition .nav{padding:8px 20px}.edition .logo img{height:24px}.edition .btn-sm{font-size:12px;padding:10px 12px}.edition .hero h1{font-size:51px;letter-spacing:-1px}.edition .hero h1 br:first-child{display:block}.overline{font-size:9px;letter-spacing:1px}.edition .hero-cta{gap:14px}.text-link{font-size:11px}.edition .hero .lede{font-size:15px}.edition .hero-visual:before{right:-6px}.edition .mp-body{padding:10px;gap:8px}.edition .mp-tenant-meta{display:none}.edition .mp-rail{width:31px;flex-shrink:0}.edition .mp-kpi-cell{padding:7px}.edition .mp-row{padding:6px;gap:5px;font-size:9px}.edition .mp-tag{font-size:8px;padding:2px 3px}.edition .mp-h1{font-size:22px}.edition .mp-time{width:26px}.edition .mp-tenant{font-size:10px}.edition .mp-kpi-label{font-size:9px}.edition .browser-bar{padding:7px}.edition .browser-url{font-size:9px}.app-peek{width:98px;bottom:0}.hero-caption{font-size:9px}.edition .hero-caption{margin-right:96px}.edition .hero-visual{padding-bottom:60px}.benefit-strip .container{flex-direction:column;font-size:11px}.edition h2.dsp{font-size:35px}.intro-grid{gap:22px}.intro-grid .lede{font-size:15px}.experience{padding-top:45px}.experience-top{display:block}.experience-top p{margin-top:18px}.experience-top p br{display:none}.experience-tabs button{font-size:10px;gap:8px;padding:14px 10px}.experience-scene{padding:20px 12px}.scene-intro{display:block}.scene-intro h3{font-size:26px}.scene-intro h3 br{display:none}.scene-intro p{margin-top:12px}.demo-caption{align-items:start;flex-direction:column;font-size:10px}.demo-controls{flex-wrap:wrap}.experience-footer{font-size:10px;gap:10px}.tenant-phone{width:160px}.tenant-visual{height:400px}.phone-halo{inset:40px 0}.section-heading{grid-template-columns:1fr;gap:12px}.product-grid{grid-template-columns:1fr}.product-grid article{border-right:0;border-bottom:1px solid var(--line)}.product-grid article:last-child{border:0}.product-top{min-height:0;display:flex;justify-content:space-between}.product-grid h3{margin-top:15px}.product-grid p{min-height:0}.product-grid ul{margin:18px 0}.price-builder{padding:23px 20px}.price-total strong{font-size:29px}.invoice{padding:22px 19px}.estate-grid .dsp{font-size:34px}.edition .contact-intro h2{font-size:36px}.edition .contact-form{padding:24px 20px}.footer-row{gap:15px 25px}.footer-row p{flex-basis:55%}.footer-row img{width:100px}.footer-row span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Onboarding bruger sin egen responsive mobilvisning frem for at nedskalere tekst. */
.experience-tabs {
grid-template-columns: repeat(3, 1fr);
}
.onboarding-scene {
padding: 0;
}
.onboarding-frame {
display: block;
width: 100%;
height: 885px;
border: 0;
}
@media (max-width: 850px) {
.experience-tabs button {
gap: 8px;
padding: 14px 10px;
font-size: 11px;
}
.onboarding-frame {
height: 1300px;
}
}
@media (max-width: 540px) {
.experience-tabs button {
display: block;
font-size: 10px;
}
.experience-tabs button span {
display: block;
margin: 5px 0;
}
}
.experience-tabs { grid-template-columns: repeat(4, 1fr); }
.contract-scene { padding: 0; }
.contract-frame { display: block; width: 100%; height: 1100px; border: 0; }
@media (max-width: 680px) {
.experience-tabs { grid-template-columns: repeat(2, 1fr); }
}
/* Begge perspektiver er synlige, så produktets værdi ikke kræver faneskift. */
.perspective-links {
display: flex;
flex-wrap: wrap;
gap: 12px 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--line-2);
}
.perspective-links a {
color: var(--accent);
font-size: 13px;
padding: 8px 0;
}
.perspective-heading {
padding: 55px 0 32px;
max-width: 760px;
}
.perspective-number, .story-label {
color: var(--accent);
font-size: 10px;
letter-spacing: 1.3px;
}
.perspective-heading p {
color: var(--muted);
max-width: 610px;
font-size: 15px;
line-height: 1.8;
margin-top: 20px;
}
.perspective .experience-scene {
border: 1px solid var(--line);
margin-bottom: 30px;
scroll-margin-top: 90px;
}
.story-label { margin-bottom: 16px; }
.tenant-perspective {
border-top: 1px solid var(--line-2);
margin-top: 65px;
}
.report-outline {
list-style: none;
padding: 0;
margin: 30px 0 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.report-outline li {
border-top: 1px solid var(--line-2);
padding-top: 18px;
}
.report-outline span { color: var(--tegl); font-size: 11px; }
.report-outline h4 { margin: 12px 0 8px; font-size: 15px; font-weight: 500; }
.report-outline p { font-size: 12px; color: var(--muted); line-height: 1.7; }
.draft-note { border-top: 1px dashed var(--line-2); padding-top: 15px; }
@media (max-width: 680px) {
.perspective-heading { padding-top: 38px; }
.perspective-heading p { font-size: 14px; }
.report-outline { grid-template-columns: 1fr; gap: 16px; }
.tenant-perspective { margin-top: 40px; }
}
.report-scene { padding: 0; }
.report-frame { width: 100%; height: 860px; border: 0; display: block; }
@media (max-width: 800px) { .report-frame { height: 1530px; } }
/* De rigtige appskærme vises i fuld højde uden beskæring af navigationen. */
.tenant-section .tenant-phone { height: auto; border: 5px solid #292824; border-radius: 29px; background: #f5f1e9; }
/* Mindre rotation og større skærme gør appens tekst lettere at læse. */
.tenant-section .tenant-grid { grid-template-columns: 1.15fr 1fr; gap: 60px; }
.tenant-section .tenant-visual { height: 640px; gap: 16px; }
.tenant-section .tenant-phone { width: 250px; flex-shrink: 0; filter: drop-shadow(0 14px 15px #302b241b); }
.tenant-section .tenant-phone.back { transform: translateY(22px); }
.tenant-section .tenant-phone.front { transform: translateY(-15px); overflow: hidden; }
.tenant-phone.front>img { display: block; width: 100%; height: auto; }
.tenant-demo-name { position: absolute; top: 17.4%; left: 4.5%; width: 91%; height: 5%; background: #f6f1e8; color: #201e19; font: 17px/1.5 'DM Serif Display', Georgia, serif; }
@media(max-width: 1000px) {
.tenant-section .tenant-grid { grid-template-columns: 1fr; gap: 40px; }
}
@media(max-width: 600px) {
.tenant-section .tenant-visual { height: auto; padding: 25px 0 38px; gap: 10px; }
.tenant-section .tenant-phone { width: calc(50% - 5px); border-width: 3px; border-radius: 21px; }
.tenant-demo-name { font-size: clamp(10px, 3.1vw, 17px); }
.tenant-section .photo-caption { bottom: 0; }
}
.board-scene { padding: 0; }
.board-frame { display: block; width: 100%; height: 960px; border: 0; }