/* ZEIT PRO */
.price-chip { display: inline-block; margin-top: 22px; font-size: 13px; font-weight: 300; color: var(--cold-sand); }
.price-chip strong { font-weight: 800; color: var(--mint); }
.callout { margin-top: 30px; border-left: 3px solid var(--mint); padding: 4px 0 4px 22px; font-size: clamp(18px,1.8vw,22px); font-weight: 800; letter-spacing: -.02em; line-height: 1.3; color: var(--cold-sand); max-width: 42ch; }
.proces-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.princip-grid .princip.in .num, .proces-grid .princip.in .num { --num-scale: 1; }
.hvorfor-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.fcard-label { display: block; font-size: 11px; font-weight: 800; letter-spacing: normal; color: var(--mint); margin-bottom: 10px; }
.pakke-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: start; margin-top: 6px; }
.pakke-grid:has(> .price-card.parked) { grid-template-columns: 1fr; }
.price-card { background: var(--mint); color: var(--dark-blue); border-radius: 28px 0 28px 0; padding: 40px; }
.price-card .btn { background: var(--dark-blue); color: var(--cold-sand); }
.price-card .btn:hover { color: var(--mint); }
.price-from { font-size: 13px; font-weight: 800; letter-spacing: normal; color: var(--dark-blue); opacity: 1; }
.price-amount { font-size: clamp(40px,5vw,58px); font-weight: 800; letter-spacing: -.03em; line-height: 1; margin: 6px 0 18px; }
.price-amount span { font-size: 18px; font-weight: 800; }
.price-card p { font-size: 14px; line-height: 1.6; color: var(--dark-blue); margin-bottom: 24px; }
@media (max-width: 900px) { .proces-grid { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (max-width: 760px) { .pakke-grid { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 560px) { .proces-grid { grid-template-columns: 1fr; } }
/* Zeit Hybrid hero: to halvcirkler (mint + warm sand) der forenes til én cirkel, i loop */
.unite-illu{ margin:46px auto 0; max-width:330px; }
.unite-svg{ display:block; width:100%; height:auto; overflow:visible; }
.unite-illu .half-left path{ fill:var(--mint); stroke:var(--mint); stroke-width:2; }
.unite-illu .half-right path{ fill:var(--cold-sand); stroke:var(--cold-sand); stroke-width:2; }
.unite-illu .half-left{ animation:uniteLeft 5s ease-in-out infinite; }
.unite-illu .half-right{ animation:uniteRight 5s ease-in-out infinite; }
.unite-illu .unite-rot{ transform-box:view-box; transform-origin:160px 100px; animation:uniteSpin 5s ease-in-out infinite; }
@keyframes uniteLeft  { 0%,8%{ transform:translateX(-46px);} 26%,74%{ transform:translateX(0);} 92%,100%{ transform:translateX(-46px);} }
@keyframes uniteRight { 0%,8%{ transform:translateX(46px);}  26%,74%{ transform:translateX(0);} 92%,100%{ transform:translateX(46px);} }
@keyframes uniteSpin  { 0%,30%{ transform:rotate(0);} 70%,100%{ transform:rotate(360deg);} }
@media (prefers-reduced-motion: reduce){
  .unite-illu .half-left, .unite-illu .half-right, .unite-illu .unite-rot{ animation:none; }
  .unite-illu .half-left, .unite-illu .half-right, .unite-illu .unite-rot{ transform:none; }
}