/* ============================================================
   Danish Drone Dynamics — Opmåling & kortlægning
   Tillægsstilark. Bygger oven på temaets style.css og bruger
   udelukkende temaets egne variabler (--or, --bg, --s1, --bd …).
   ============================================================ */

/* ---------- generelle hjælpere ---------- */
.sec-alt{background:var(--s1);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);}
.h3{font-family:var(--fd);font-size:clamp(26px,3.4vw,42px);line-height:1;text-transform:uppercase;letter-spacing:0.01em;color:#fff;margin:0;}
.h4{font-family:var(--fd);font-size:clamp(20px,2.4vw,27px);line-height:1.05;text-transform:uppercase;color:#fff;margin:0;}
.lead-wide{max-width:720px;}
.body-copy{font-size:15px;line-height:1.7;color:var(--tb);}
.mono-note{font-family:var(--fm);font-size:12px;line-height:1.6;color:var(--tl);}
.dp{display:inline-block;font-family:var(--fm);font-size:0.92em;font-weight:500;
  color:var(--or);background:rgba(255,163,26,0.09);border:1px solid var(--or-line);
  padding:1px 7px;border-radius:4px;white-space:nowrap;}

/* ---------- hero (undersidevariant) ---------- */
.sub-hero{position:relative;min-height:78vh;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden;}
.sub-hero .hero-bg{background-position:center 45%;}
.sub-hero .hero-grad{background:
  linear-gradient(180deg,rgba(10,10,10,0.86) 0%,rgba(10,10,10,0.30) 30%,rgba(10,10,10,0.55) 66%,#0A0A0A 100%),
  linear-gradient(90deg,rgba(10,10,10,0.86) 0%,rgba(10,10,10,0.28) 55%,transparent 82%);}
.sub-hero .hero-content{padding-top:150px;padding-bottom:76px;}
.sub-hero h1{font-family:var(--fd);font-size:clamp(48px,8.4vw,124px);line-height:0.87;
  text-transform:uppercase;letter-spacing:0.005em;color:#fff;margin:22px 0 0;max-width:16ch;
  text-shadow:0 4px 40px rgba(0,0,0,0.5);}
.sub-hero h1 .or{color:var(--or);}
.crumbs{font-family:var(--fm);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--tl);}
.crumbs a{color:var(--tm);} .crumbs a:hover{color:var(--or);}
.crumbs span{margin:0 8px;color:var(--bd2);}

/* ---------- statstribe ---------- */
.kpi{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);background:var(--s1);}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);}
.kpi-item{padding:30px 0 30px 34px;border-left:1px solid var(--bd);}
.kpi-item:first-child{border-left:0;padding-left:0;}
.kpi-item .big{font-family:var(--fd);font-size:clamp(34px,4.4vw,52px);line-height:0.9;color:var(--or);}
.kpi-item .big i{font-style:normal;font-size:0.42em;color:#fff;margin-left:5px;}
.kpi-item .sm{font-family:var(--fm);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--tm);margin-top:10px;}
@media(max-width:820px){.kpi-row{grid-template-columns:1fr 1fr;}
  .kpi-item{padding:24px 0 24px 24px;}
  .kpi-item:nth-child(odd){border-left:0;padding-left:0;}
  .kpi-item:nth-child(n+3){border-top:1px solid var(--bd);}}

/* ---------- landmåler vs. drone ---------- */
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:820px){.vs-grid{grid-template-columns:1fr;}}
.vs-card{position:relative;border:1px solid var(--bd);border-radius:18px;padding:38px 34px;
  background:var(--s1);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.vs-card.us{background:linear-gradient(165deg,var(--s2),var(--s1));border-color:var(--or-line);}
.vs-card:hover{transform:translateY(-6px);border-color:var(--or);box-shadow:var(--card-shadow);}
.vs-card .pl{font-family:var(--fm);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--tl);margin-bottom:16px;}
.vs-card.us .pl{color:var(--or);}
.vs-card ul{list-style:none;padding:0;margin:26px 0 0;}
.vs-card li{position:relative;padding:13px 0 13px 26px;font-size:14.5px;line-height:1.55;
  color:var(--tm);border-top:1px solid var(--s3);}
.vs-card li:first-child{border-top:0;}
.vs-card li::before{content:'';position:absolute;left:0;top:21px;width:13px;height:1px;background:var(--bd2);}
.vs-card.us li{color:var(--tb);}
.vs-card.us li::before{background:var(--or);}
.vs-card.us li b{color:#fff;font-weight:700;}

.verdict{margin-top:26px;border:1px solid var(--or-line);border-radius:18px;
  background:rgba(255,163,26,0.035);padding:36px 38px;}
.verdict p{font-family:var(--fd);font-size:clamp(22px,2.9vw,38px);line-height:1.12;
  text-transform:uppercase;color:#fff;letter-spacing:0.01em;}
.verdict p + p{margin-top:14px;}
.verdict .or{color:var(--or);}

/* ---------- leverancer ---------- */
.fmt{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;}
.fmt span{font-family:var(--fm);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--tm);border:1px solid var(--bd);border-radius:4px;padding:4px 8px;}
.svc.deliv h4{margin-bottom:11px;}

/* ---------- før/efter-slider ---------- */
.cmp{position:relative;overflow:hidden;border:1px solid var(--bd);border-radius:14px;
  background:#000;cursor:ew-resize;user-select:none;touch-action:pan-y;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.cmp:hover{border-color:var(--or);box-shadow:var(--card-shadow);}
.cmp>img{width:100%;display:block;pointer-events:none;}
.cmp .after{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;overflow:hidden;
  clip-path:inset(0 50% 0 0);}
.cmp .after img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;
  display:block;pointer-events:none;}
.cmp-bar{position:absolute;top:0;bottom:0;left:50%;width:2px;z-index:4;pointer-events:none;
  background:var(--or);box-shadow:0 0 24px rgba(255,163,26,0.7);}
.cmp-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;
  border-radius:50%;background:var(--or);color:#0A0A0A;display:flex;align-items:center;
  justify-content:center;box-shadow:0 6px 26px rgba(0,0,0,0.6);}
.cmp-tag{position:absolute;top:16px;z-index:5;pointer-events:none;font-family:var(--fm);
  font-size:11px;letter-spacing:0.14em;text-transform:uppercase;padding:7px 12px;border-radius:5px;
  background:rgba(10,10,10,0.72);backdrop-filter:blur(6px);border:1px solid var(--bd);color:var(--tb);}
.cmp-tag.l{left:16px;}
.cmp-tag.r{right:16px;color:var(--or);border-color:var(--or-line);}
.cmp-hint{position:absolute;left:50%;bottom:16px;z-index:5;transform:translateX(-50%);
  pointer-events:none;font-family:var(--fm);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--tb);background:rgba(10,10,10,0.72);backdrop-filter:blur(6px);border:1px solid var(--bd);
  border-radius:5px;padding:7px 14px;transition:opacity 400ms var(--ease);}
.cmp.touched .cmp-hint{opacity:0;}

/* ---------- sagsmeta ---------- */
.case-top{display:grid;grid-template-columns:1.2fr 0.8fr;gap:54px;align-items:end;}
@media(max-width:900px){.case-top{grid-template-columns:1fr;gap:30px;}}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.meta-cell{border:1px solid var(--bd);border-radius:11px;background:var(--s1);padding:16px 18px;}
.meta-cell dt{font-family:var(--fm);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--tl);margin:0 0 6px;}
.meta-cell dd{margin:0;font-family:var(--fd);font-size:22px;line-height:1;color:#fff;text-transform:uppercase;}

/* ---------- lagskifter ---------- */
.layers{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:start;}
@media(max-width:980px){.layers{grid-template-columns:1fr;}}
.layer-tabs{display:flex;border:1px solid var(--bd);border-radius:9px;overflow:hidden;margin-bottom:18px;}
.layer-tabs button{flex:1;background:transparent;border:0;border-right:1px solid var(--bd);
  color:var(--tm);font-family:var(--fm);font-size:11px;font-weight:500;letter-spacing:0.12em;
  text-transform:uppercase;padding:14px 8px;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);}
.layer-tabs button:last-child{border-right:0;}
.layer-tabs button:hover{color:var(--or);}
.layer-tabs button.on{background:var(--or);color:#0A0A0A;font-weight:700;}
.layer-stage{position:relative;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#000;}
.layer-stage img{width:100%;display:block;transition:opacity 420ms var(--ease);}
.layer-stage img + img{position:absolute;inset:0;opacity:0;}
.layer-stage img.on{opacity:1;}
.layer-note{border:1px solid var(--bd);border-radius:14px;background:var(--s1);padding:26px 24px;}
.layer-note h4{font-family:var(--fd);font-size:20px;text-transform:uppercase;color:#fff;margin:0 0 12px;}
.layer-note p{font-size:14px;line-height:1.65;color:var(--tm);}
.keys{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;}
.keys span{display:flex;align-items:center;gap:8px;font-family:var(--fm);font-size:11px;
  letter-spacing:0.08em;text-transform:uppercase;color:var(--tm);}
.keys i{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,0.18);display:block;}

/* ---------- volumen ---------- */
.vol{border:1px solid var(--or-line);border-radius:18px;overflow:hidden;
  background:linear-gradient(165deg,var(--s2),var(--s1));}
.vol-head{padding:32px 36px;border-bottom:1px solid var(--bd);}
.vol-head p{margin-top:12px;font-size:14.5px;line-height:1.65;color:var(--tm);max-width:74ch;}
.vol-row{display:grid;grid-template-columns:repeat(4,1fr);}
.vol-row div{padding:28px 26px;border-left:1px solid var(--bd);}
.vol-row div:first-child{border-left:0;}
.vol-row .big{font-family:var(--fd);font-size:clamp(30px,3.8vw,46px);line-height:0.9;color:var(--or);}
.vol-row .big i{font-style:normal;font-size:0.42em;color:#fff;margin-left:4px;}
.vol-row .sm{font-family:var(--fm);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--tm);margin-top:10px;}
@media(max-width:820px){.vol-row{grid-template-columns:1fr 1fr;}
  .vol-row div:nth-child(odd){border-left:0;}
  .vol-row div:nth-child(n+3){border-top:1px solid var(--bd);}}

/* ---------- 3D-viewer ---------- */
.viewer{position:relative;border:1px solid var(--bd);border-radius:16px;overflow:hidden;
  background:radial-gradient(ellipse at 50% 30%,#1B1B1B 0%,#0C0C0C 72%);
  min-height:420px;display:flex;align-items:center;justify-content:center;}
.viewer model-viewer{width:100%;height:min(64vh,560px);background:transparent;}
.viewer-cta{text-align:center;padding:64px 26px;}
.viewer-cta p{margin-top:16px;font-family:var(--fm);font-size:12px;letter-spacing:0.06em;
  color:var(--tl);max-width:46ch;margin-left:auto;margin-right:auto;line-height:1.7;}
.viewer-load{font-family:var(--fm);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--tm);}

/* ---------- fundkort ---------- */
.find-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.find-grid{grid-template-columns:1fr;}}
.find{border:1px solid var(--bd);border-radius:14px;background:var(--s1);padding:30px 28px;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.find:hover{border-color:var(--or);transform:translateY(-5px);box-shadow:var(--card-shadow);}
.find .idx{font-family:var(--fm);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--or);margin-bottom:14px;}
.find h4{font-family:var(--fd);font-size:20px;text-transform:uppercase;color:#fff;margin:0 0 10px;}
.find p{font-size:14px;line-height:1.6;color:var(--tm);}

/* ---------- beregner ---------- */
.calc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bd);border-radius:18px;overflow:hidden;}
@media(max-width:860px){.calc{grid-template-columns:1fr;}}
.calc-in{padding:38px 34px;background:var(--s1);border-right:1px solid var(--bd);}
@media(max-width:860px){.calc-in{border-right:0;border-bottom:1px solid var(--bd);}}
.calc-out{padding:38px 34px;background:var(--bg);}
.fld{margin-bottom:28px;}
.fld:last-child{margin-bottom:0;}
.fld label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  font-family:var(--fm);font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--tl);margin-bottom:13px;}
.fld label b{font-family:var(--fd);font-size:22px;letter-spacing:0.02em;color:var(--or);line-height:1;}
select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23FFA31A' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;cursor:pointer;}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0;cursor:grab;}
input[type=range]:active{cursor:grabbing;}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--bd2);border-radius:2px;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;
  background:var(--or);margin-top:-9px;box-shadow:0 2px 12px rgba(0,0,0,0.6),0 0 0 4px rgba(255,163,26,0.14);}
input[type=range]::-moz-range-track{height:2px;background:var(--bd2);border-radius:2px;}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--or);
  box-shadow:0 2px 12px rgba(0,0,0,0.6),0 0 0 4px rgba(255,163,26,0.14);}
.readout{display:flex;flex-direction:column;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:11px;overflow:hidden;}
.readout .r{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  background:var(--s1);padding:17px 20px;}
.readout .r.hl{background:linear-gradient(90deg,rgba(255,163,26,0.07),var(--s1));}
.readout dt{margin:0;font-size:13.5px;color:var(--tm);}
.readout dd{margin:0;font-family:var(--fd);font-size:26px;line-height:1;color:#fff;white-space:nowrap;}
.readout .r.hl dd{color:var(--or);}
.readout dd em{font-style:normal;font-family:var(--fm);font-size:11px;color:var(--tl);margin-left:5px;letter-spacing:0.06em;}

/* ---------- erfaringer ---------- */
.lesson{border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:var(--s1);
  display:grid;grid-template-columns:78px 1fr 1fr;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.lesson + .lesson{margin-top:18px;}
.lesson:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:var(--card-shadow);}
@media(max-width:900px){.lesson{grid-template-columns:1fr;}}
.lesson .no{font-family:var(--fd);font-size:34px;color:var(--or);opacity:0.55;padding:30px 0 0 28px;line-height:1;}
@media(max-width:900px){.lesson .no{padding:26px 26px 0;}}
.lesson .bad{padding:30px 30px 30px 6px;}
@media(max-width:900px){.lesson .bad{padding:16px 26px 26px;}}
.lesson .bad h4{font-family:var(--fd);font-size:21px;text-transform:uppercase;color:#fff;margin:0 0 11px;}
.lesson .bad p{font-size:14px;line-height:1.65;color:var(--tm);}
.lesson .fix{padding:30px;background:rgba(255,163,26,0.035);border-left:1px solid var(--bd);}
@media(max-width:900px){.lesson .fix{border-left:0;border-top:1px solid var(--bd);padding:26px;}}
.lesson .fix .pl{font-family:var(--fm);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;
  color:var(--or);margin-bottom:12px;}
.lesson .fix p{font-size:14px;line-height:1.65;color:var(--tb);}

/* ---------- pakker ---------- */
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:980px){.pk-grid{grid-template-columns:1fr;}}
.pk{position:relative;display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:18px;
  padding:38px 32px;background:var(--s1);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.pk.feat{background:linear-gradient(165deg,var(--s2),var(--s1));border-color:var(--or-line);}
.pk:hover{transform:translateY(-6px);border-color:var(--or);box-shadow:var(--card-shadow);}
.pk .tag{position:absolute;top:20px;right:20px;font-family:var(--fm);font-size:10px;letter-spacing:0.1em;
  text-transform:uppercase;color:#0A0A0A;background:var(--or);padding:6px 11px;border-radius:5px;}
.pk .pl{font-family:var(--fm);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--tl);}
.pk h3{font-family:var(--fd);font-size:34px;text-transform:uppercase;color:#fff;margin:12px 0 8px;}
.pk .who{font-size:13.5px;line-height:1.55;color:var(--tm);min-height:3em;}
.pk .row{display:flex;align-items:baseline;gap:8px;margin-top:22px;}
.pk .pre{font-size:15px;color:var(--tm);}
.pk .num{font-family:var(--fd);font-size:56px;line-height:0.9;color:#fff;}
.pk .cur{font-family:var(--fd);font-size:22px;color:var(--or);}
.pk ul{list-style:none;padding:0;margin:26px 0 28px;flex:1;}
.pk li{position:relative;padding:11px 0 11px 24px;font-size:14px;line-height:1.5;color:var(--tb);
  border-top:1px solid var(--s3);}
.pk li:first-child{border-top:0;}
.pk li::before{content:'';position:absolute;left:0;top:19px;width:11px;height:1px;background:var(--or);}
.pk li.off{color:var(--tl);}
.pk li.off::before{background:var(--bd2);}
.addons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;
  margin-top:22px;border:1px solid var(--bd);border-radius:16px;background:var(--s1);padding:30px 32px;}
.addons div b{display:block;font-family:var(--fd);font-size:19px;text-transform:uppercase;color:var(--or);margin-bottom:6px;}
.addons div{font-size:13.5px;line-height:1.55;color:var(--tm);}

/* ---------- proces ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:980px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.steps{grid-template-columns:1fr;}}
.step{position:relative;border:1px solid var(--bd);border-radius:14px;background:var(--s1);padding:30px 26px;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.step:hover{border-color:var(--or);transform:translateY(-5px);box-shadow:var(--card-shadow);}
.step .pl{font-family:var(--fm);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--or);margin-bottom:14px;}
.step h4{font-family:var(--fd);font-size:20px;text-transform:uppercase;color:#fff;margin:0 0 10px;}
.step p{font-size:13.5px;line-height:1.6;color:var(--tm);}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--bd);}
.faq details{border-bottom:1px solid var(--bd);}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:24px 52px 24px 0;
  font-family:var(--fd);font-size:clamp(19px,2.2vw,25px);text-transform:uppercase;color:#fff;
  transition:color var(--dur) var(--ease);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--or);}
.faq summary::after{content:'';position:absolute;right:10px;top:50%;width:14px;height:14px;
  margin-top:-7px;background:
    linear-gradient(var(--or),var(--or)) center/14px 2px no-repeat,
    linear-gradient(var(--or),var(--or)) center/2px 14px no-repeat;
  transition:transform 280ms var(--ease);}
.faq details[open] summary::after{transform:rotate(135deg);}
.faq details p{padding:0 60px 26px 0;font-size:14.5px;line-height:1.7;color:var(--tm);}

/* ---------- CTA ---------- */
.endcta{border-top:1px solid var(--bd);background:
  radial-gradient(ellipse 60% 100% at 50% 0%,rgba(255,163,26,0.07),transparent 70%),var(--bg);}
.endcta .h2{max-width:18ch;}
.endcta .actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:34px;}
.endcta .tel{font-family:var(--fd);font-size:26px;text-transform:uppercase;color:#fff;letter-spacing:0.02em;}
.endcta .tel:hover{color:var(--or);}

/* ---------- to sliders side om side ---------- */
.cmp-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:900px){.cmp-duo{grid-template-columns:1fr;}}
.cmp-duo .cap{margin-top:14px;}
.cmp-duo .cap h4{font-family:var(--fd);font-size:20px;text-transform:uppercase;color:#fff;margin:0 0 7px;}
.cmp-duo .cap h4 .or{color:var(--or);}
.cmp-duo .cap p{font-size:13.5px;line-height:1.6;color:var(--tm);}

/* ---------- måling i ortofoto ---------- */
.measure{display:grid;grid-template-columns:0.95fr 1.05fr;gap:44px;align-items:center;}
@media(max-width:900px){.measure{grid-template-columns:1fr;gap:28px;}}
.measure figure{margin:0;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#000;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.measure figure:hover{border-color:var(--or);box-shadow:var(--card-shadow);}
.measure figure img{width:100%;display:block;}
.measure .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;}
.measure .facts div{border:1px solid var(--bd);border-radius:11px;background:var(--s1);padding:16px 18px;}
.measure .facts b{display:block;font-family:var(--fd);font-size:26px;line-height:1;color:var(--or);}
.measure .facts span{display:block;font-family:var(--fm);font-size:10px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--tm);margin-top:8px;}

/* ---------- downloadkort ---------- */
.dl{display:flex;align-items:center;gap:20px;border:1px solid var(--or-line);border-radius:16px;
  background:rgba(255,163,26,0.035);padding:26px 30px;flex-wrap:wrap;}
.dl .ic{width:52px;height:52px;border-radius:11px;background:var(--or-glow);border:1px solid var(--or-line);
  color:var(--or);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dl .txt{flex:1;min-width:240px;}
.dl .txt h4{font-family:var(--fd);font-size:21px;text-transform:uppercase;color:#fff;margin:0 0 6px;}
.dl .txt p{font-size:13.5px;line-height:1.55;color:var(--tm);}

/* ---------- kontaktafsnit på undersiden ---------- */
.endcta .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
@media(max-width:1000px){.endcta .contact-grid{gap:48px;}}
@media(max-width:820px){.endcta .contact-grid{grid-template-columns:1fr;}}
.endcta .cinfo{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
@media(max-width:520px){.endcta .cinfo{grid-template-columns:1fr;}}
.endcta .cform{display:flex;flex-direction:column;gap:18px;}
.endcta .dl{padding:22px 24px;}
.endcta .dl .txt h4{font-size:19px;}
.ddd-flash{border:1px solid var(--or-line);background:rgba(255,163,26,0.07);border-radius:11px;
  padding:16px 20px;font-size:14.5px;color:#fff;margin-bottom:20px;display:flex;gap:12px;align-items:center;}
.ddd-flash .dot{width:8px;height:8px;border-radius:50%;background:var(--or);flex:none;}
.ddd-flash.err{border-color:#7A3A2A;background:rgba(200,58,20,0.08);}
.ddd-flash.err .dot{background:#C83A14;}

/* ---------- mobiljusteringer ---------- */
@media(max-width:620px){
  .sub-hero h1{font-size:clamp(34px,9.4vw,60px);line-height:0.94;max-width:none;
    overflow-wrap:break-word;hyphens:auto;}
  .sub-hero .hero-content{padding-top:120px;padding-bottom:56px;}
  .sub-hero .reticle .rec{display:none;}
  .sub-hero{min-height:auto;}
  .verdict{padding:26px 22px;}
  .vs-card,.pk{padding:30px 24px;}
  .calc-in,.calc-out{padding:28px 22px;}
  .vol-head{padding:24px 22px;}
  .cmp-tag{font-size:9.5px;padding:5px 8px;top:10px;}
  .cmp-tag.l{left:10px;} .cmp-tag.r{right:10px;}
  .cmp-knob{width:38px;height:38px;}
  .cmp-hint{font-size:9.5px;padding:5px 10px;bottom:10px;}
  .measure .facts{grid-template-columns:1fr;}
  .layer-tabs button{font-size:10px;padding:12px 4px;}
}
@media(max-width:420px){
  .sub-hero h1{font-size:32px;}
  .kpi-item .big{font-size:30px;}
}

/* Scroll-markøren i midten støder ind i geo-mærket i højre hjørne på
   smalle skærme. Mærket er den vigtigste af de to — markøren ryger ud. */
@media(max-width:760px){
  .sub-hero .scrollcue{display:none;}
}