.elementor-2827 .elementor-element.elementor-element-5cb25495:not(.elementor-motion-effects-element-type-background), .elementor-2827 .elementor-element.elementor-element-5cb25495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://adsmark.dk/wp-content/uploads/2025/02/Untitled-design-85.png");background-position:top center;background-size:cover;}.elementor-2827 .elementor-element.elementor-element-5cb25495 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(182deg, #000000 0%, #010E5CC2 100%);opacity:0.73;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2827 .elementor-element.elementor-element-5cb25495 > .elementor-container{min-height:170px;}.elementor-2827 .elementor-element.elementor-element-5cb25495{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:318px 0px 250px 0px;}.elementor-2827 .elementor-element.elementor-element-4835fc23 > .elementor-element-populated{margin:-125px 0px -186px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-c87b891{width:100%;max-width:100%;}.elementor-2827 .elementor-element.elementor-element-c87b891 > .elementor-widget-container{margin:54px 0px 42px 0px;}.elementor-2827 .elementor-element.elementor-element-c87b891.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2827 .elementor-element.elementor-element-c87b891.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-7d0e36a{--display:flex;}.elementor-2827 .elementor-element.elementor-element-662a18a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-5a7c7b7{padding:120px 0px 100px 0px;}.elementor-2827 .elementor-element.elementor-element-5c69c72c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-34ac8290{margin-top:0px;margin-bottom:40px;}.elementor-2827 .elementor-element.elementor-element-1a1531d8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-246de0bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-246de0bc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-246de0bc{text-align:start;}.elementor-2827 .elementor-element.elementor-element-246de0bc .elementor-heading-title{font-family:var( --e-global-typography-7d521ec-font-family ), Sans-serif;font-size:var( --e-global-typography-7d521ec-font-size );font-weight:var( --e-global-typography-7d521ec-font-weight );text-transform:var( --e-global-typography-7d521ec-text-transform );line-height:var( --e-global-typography-7d521ec-line-height );color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-21f52526 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-21f52526.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-21f52526{text-align:start;}.elementor-2827 .elementor-element.elementor-element-21f52526 .elementor-heading-title{font-family:var( --e-global-typography-e1cd6c8-font-family ), Sans-serif;font-size:var( --e-global-typography-e1cd6c8-font-size );font-weight:var( --e-global-typography-e1cd6c8-font-weight );line-height:var( --e-global-typography-e1cd6c8-line-height );color:var( --e-global-color-430e776 );}.elementor-bc-flex-widget .elementor-2827 .elementor-element.elementor-element-78ecb16b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2827 .elementor-element.elementor-element-78ecb16b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2827 .elementor-element.elementor-element-78ecb16b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button{background-color:var( --e-global-color-7b43be6 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );fill:var( --e-global-color-f9e4210 );color:var( --e-global-color-f9e4210 );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-7b43be6 );border-radius:0px 0px 0px 0px;padding:15px 25px 15px 25px;}.elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button:hover, .elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button:focus{background-color:var( --e-global-color-3afae2d );color:var( --e-global-color-f9e4210 );}.elementor-2827 .elementor-element.elementor-element-7922d9bc{width:var( --container-widget-width, 79.429% );max-width:79.429%;--container-widget-width:79.429%;--container-widget-flex-grow:0;}.elementor-2827 .elementor-element.elementor-element-7922d9bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-7922d9bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2827 .elementor-element.elementor-element-7922d9bc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button:hover svg, .elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button:focus svg{fill:var( --e-global-color-f9e4210 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-post-category{background-color:var( --e-global-color-f9e4210 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore{background-color:var( --e-global-color-7b43be6 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );padding:15px 25px 15px 25px;margin:0px 0px 0px 0px;color:var( --e-global-color-05729e5 );border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#3A4DE6;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore:hover{background-color:var( --e-global-color-3afae2d );color:var( --e-global-color-f9e4210 );border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-posts{grid-template-columns:repeat(2, minmax(0, 1fr));grid-column-gap:30px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-thumb{padding:0px 0px 0px 0px;margin:0px 0px -46px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-thumb .thumbnail-container{height:300px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-postblock-content{text-align:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category span a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-post-category span a{font-family:var( --e-global-typography-6a3cfd7-font-family ), Sans-serif;font-size:var( --e-global-typography-6a3cfd7-font-size );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category a{color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-2 .jkit-post-category a{color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-5 .jkit-post-category a{color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category{padding:11px 15px 10px 12px;border-radius:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-post-category{padding:11px 15px 10px 12px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title{margin:10px 0px 10px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-4 .jkit-post-title{margin:10px 0px 10px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-4 .jkit-post-title a{font-family:var( --e-global-typography-26c80e2-font-family ), Sans-serif;font-size:var( --e-global-typography-26c80e2-font-size );font-weight:var( --e-global-typography-26c80e2-font-weight );line-height:var( --e-global-typography-26c80e2-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title a{color:var( --e-global-color-430e776 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title a:hover{color:var( --e-global-color-7b43be6 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt{font-family:var( --e-global-typography-0306274-font-family ), Sans-serif;font-size:var( --e-global-typography-0306274-font-size );font-weight:var( --e-global-typography-0306274-font-weight );line-height:var( --e-global-typography-0306274-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt p{color:var( --e-global-color-text );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore.icon-position-before i, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore.icon-position-before svg{margin-right:6px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore.icon-position-after i, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore.icon-position-after svg{margin-left:6px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore i{font-size:12px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-meta-readmore svg{width:12px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore svg{fill:var( --e-global-color-05729e5 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore:hover svg{fill:var( --e-global-color-f9e4210 );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-meta-bottom{justify-content:space-between;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jeg_empty_module{text-align:left;}@media(min-width:768px){.elementor-2827 .elementor-element.elementor-element-1a1531d8{width:85.788%;}.elementor-2827 .elementor-element.elementor-element-78ecb16b{width:14.212%;}}@media(max-width:1024px){.elementor-2827 .elementor-element.elementor-element-5cb25495 > .elementor-container{min-height:33vw;}.elementor-2827 .elementor-element.elementor-element-5cb25495{padding:275px 10px 180px 10px;}.elementor-2827 .elementor-element.elementor-element-5a7c7b7{padding:80px 10px 80px 10px;}.elementor-2827 .elementor-element.elementor-element-246de0bc .elementor-heading-title{font-size:var( --e-global-typography-7d521ec-font-size );line-height:var( --e-global-typography-7d521ec-line-height );}.elementor-2827 .elementor-element.elementor-element-21f52526 .elementor-heading-title{font-size:var( --e-global-typography-e1cd6c8-font-size );line-height:var( --e-global-typography-e1cd6c8-line-height );}.elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-posts{grid-template-columns:repeat(1, minmax(0, 1fr));}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post{margin:0px 0px 30px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category span a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-post-category span a{font-size:var( --e-global-typography-6a3cfd7-font-size );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-4 .jkit-post-title a{font-size:var( --e-global-typography-26c80e2-font-size );line-height:var( --e-global-typography-26c80e2-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt{font-size:var( --e-global-typography-0306274-font-size );line-height:var( --e-global-typography-0306274-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-2827 .elementor-element.elementor-element-5cb25495 > .elementor-container{min-height:37vh;}.elementor-2827 .elementor-element.elementor-element-5cb25495{margin-top:-24px;margin-bottom:0px;padding:220px 10px 150px 10px;}.elementor-2827 .elementor-element.elementor-element-5a7c7b7{padding:60px 10px 60px 10px;}.elementor-2827 .elementor-element.elementor-element-246de0bc .elementor-heading-title{font-size:var( --e-global-typography-7d521ec-font-size );line-height:var( --e-global-typography-7d521ec-line-height );}.elementor-2827 .elementor-element.elementor-element-21f52526 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-2827 .elementor-element.elementor-element-21f52526 .elementor-heading-title{font-size:var( --e-global-typography-e1cd6c8-font-size );line-height:var( --e-global-typography-e1cd6c8-line-height );}.elementor-2827 .elementor-element.elementor-element-7922d9bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2827 .elementor-element.elementor-element-7922d9bc .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post{margin:0px 0px 30px 0px;}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-category span a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-3 .jkit-post-category span a{font-size:var( --e-global-typography-6a3cfd7-font-size );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-title a, .elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock.postblock-type-4 .jkit-post-title a{font-size:var( --e-global-typography-26c80e2-font-size );line-height:var( --e-global-typography-26c80e2-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-post-excerpt{font-size:var( --e-global-typography-0306274-font-size );line-height:var( --e-global-typography-0306274-line-height );}.elementor-2827 .elementor-element.elementor-element-2aef1f65 .jeg-elementor-kit.jkit-postblock .jkit-readmore{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-c87b891 *//* =================================================
   ADSMARK – FINAL UI / MOBILE OPTIMIZATION
   SAFE ENHANCEMENTS ONLY
   ================================================= */

/* ---------- GENERAL POLISH ---------- */
#adsmark-roas-calc{
  -webkit-font-smoothing:antialiased;
}

#adsmark-roas-calc .calc-wrap{
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}

/* ---------- SLIDER – MOBILE FIRST ---------- */
#adsmark-roas-calc input[type="range"]{
  height:8px;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  border-radius:999px;
  touch-action:pan-x;
}

/* Webkit thumb */
#adsmark-roas-calc input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#ffffff;
  border:4px solid #2563eb;
  box-shadow:0 10px 24px rgba(37,99,235,.35);
  cursor:grab;
}

#adsmark-roas-calc input[type="range"]:active::-webkit-slider-thumb{
  cursor:grabbing;
  transform:scale(1.05);
}

/* Firefox */
#adsmark-roas-calc input[type="range"]::-moz-range-thumb{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#ffffff;
  border:4px solid #2563eb;
  box-shadow:0 10px 24px rgba(37,99,235,.35);
  cursor:grab;
}

/* ---------- NUMBER INPUT ---------- */
#adsmark-roas-calc input[type="number"]{
  font-weight:700;
  font-size:17px;
}

/* ---------- PLATFORM CHECKBOXES ---------- */
#adsmark-roas-calc .platforms label{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  padding:12px 14px;
  border-radius:12px;
  transition:all .15s ease;
}

#adsmark-roas-calc .platforms input:checked + span,
#adsmark-roas-calc .platforms label:has(input:checked){
  background:#eef2ff;
  border-color:#2563eb;
}

/* ---------- BEREGN BUTTON ---------- */
#adsmark-roas-calc .calc-btn button{
  box-shadow:0 16px 40px rgba(37,99,235,.35);
}

#adsmark-roas-calc .calc-btn button:active{
  transform:scale(.98);
}

/* ---------- RESULT CARD ---------- */
#adsmark-roas-calc .result{
  background:linear-gradient(180deg,#0b0f14 0%, #0e1626 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.55);
}

#adsmark-roas-calc .value{
  text-shadow:0 10px 30px rgba(96,165,250,.45);
}

/* ---------- CTA ---------- */
#adsmark-roas-calc .result a{
  box-shadow:0 14px 36px rgba(37,99,235,.45);
}

/* ---------- MOBILE ONLY ---------- */
@media (max-width:768px){

  #adsmark-roas-calc{
    padding:60px 14px;
  }

  #adsmark-roas-calc .adsmark-h1{
    font-size:32px;
  }

  #adsmark-roas-calc .calc-wrap{
    padding:22px 18px;
    border-radius:20px;
  }

  #adsmark-roas-calc .calc-grid{
    gap:18px;
  }

  /* endnu lettere slider på mobil */
  #adsmark-roas-calc input[type="range"]{
    height:10px;
  }

  #adsmark-roas-calc input[type="range"]::-webkit-slider-thumb,
  #adsmark-roas-calc input[type="range"]::-moz-range-thumb{
    width:42px;
    height:42px;
  }

  #adsmark-roas-calc .result{
    padding:28px 20px;
  }

  #adsmark-roas-calc .value{
    font-size:34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-662a18a *//* =================================================
   ADSMARK – PLATFORM CARDS (FINAL DESIGN)
   ================================================= */

/* ---------- GRID ---------- */
.adsmark-platforms{
  background:#ffffff;
}

.adsmark-platforms .wrap{
  align-items:stretch;
}

/* ---------- CARD BASE ---------- */
.platform-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9);
  border-radius:26px;
  padding:44px 38px;
  box-shadow:
    0 20px 40px rgba(0,0,0,.06),
    0 2px 6px rgba(0,0,0,.04);
  transition:transform .25s ease, box-shadow .25s ease;
}

/* Diskret hover */
.platform-card:hover{
  transform:translateY(-4px);
  box-shadow:
    0 30px 70px rgba(0,0,0,.08),
    0 6px 14px rgba(0,0,0,.05);
}

/* ---------- BLÅ GRADIENT HEADER ---------- */
.platform-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:190px; /* juster hvis ønsket */
  background:linear-gradient(135deg,
    #2563eb 0%,
    #3b82f6 50%,
    #60a5fa 100%
  );
  border-radius:26px 26px 0 0;
  z-index:0;
}

/* Sørg for indhold ligger over gradient */
.platform-card > *{
  position:relative;
  z-index:1;
}

/* ---------- ICON ---------- */
.platform-icon{
  display:block;
  margin-top:6px;
  margin-bottom:26px;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.35));
}

/* ---------- TITLES ---------- */
.platform-title{
  font-size:27px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:-0.3px;
}

.platform-sub{
  font-size:14px;
  font-weight:800;
  color:#dbeafe;
  text-transform:uppercase;
  letter-spacing:.6px;
  margin-bottom:22px;
}

/* ---------- ROLE BOX ---------- */
.role-box{
  background:#ffffff;
  border-left:5px solid #2563eb;
  padding:18px 22px;
  border-radius:16px;
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  margin-top:16px;
}

.role-title{
  font-size:14px;
  font-weight:800;
  color:#0f172a;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.role-text{
  font-size:16px;
  line-height:1.75;
  color:#1e293b;
}

/* ---------- LIST ---------- */
.platform-list{
  margin-top:28px;
  padding-left:22px;
}

.platform-list li{
  margin-bottom:10px;
  font-size:15px;
  line-height:1.65;
  color:#0f172a;
}

.platform-list li::marker{
  color:#2563eb;
  font-weight:700;
}

/* ---------- MOBILE ---------- */
@media (max-width:900px){
  .platform-card{
    padding:38px 30px;
  }

  .platform-title{
    font-size:24px;
  }

  .role-text{
    font-size:15px;
  }
}/* End custom CSS */