#isbat-home-refresh.isbat-home-refresh {
  --red: #e30613;
  --red-hover: #b60510;
  --home-blue: #0874b9;
  --home-navy: #0d314a;
  --home-deep: #092539;
  --home-white: #fff;
  --home-ink: #1b3044;
  --home-muted: #475d70;
  --home-line: #d6e0e8;
  --home-soft: #f0f5f8;
  --home-accent: #0874b9;
  --home-shell: 1240px;
  --home-font: "Inter", system-ui, sans-serif;
  position: relative;
  isolation: isolate;
  margin: 0;
  width: 100%;
  max-width: none;
  overflow: clip;
  background: var(--home-white) !important;
  color: var(--home-ink) !important;
  font: 400 18px/1.7 var(--home-font);
}
#isbat-home-refresh *, #isbat-home-refresh *::before, #isbat-home-refresh *::after { box-sizing: border-box; }
#isbat-home-refresh :is(section, div, a, button, details) { min-width: 0; }
#isbat-home-refresh :is(img, video) { display: block; max-width: 100%; }
#isbat-home-refresh img { border-radius: 0; }
#isbat-home-refresh a { color: inherit; text-decoration: none; }
#isbat-home-refresh :is(h1, h2, h3, h4) { margin: 0; font-family: var(--home-font); font-weight: 750; line-height: 1.2; letter-spacing: -.025em; text-transform: none; color: var(--home-ink) !important; overflow-wrap: normal; }
#isbat-home-refresh p { margin: 0; color: var(--home-muted) !important; font-size: 18px; line-height: 1.7; }
#isbat-home-refresh :is(.cy, .mx-tag, .mx-step__n) { color: var(--home-accent) !important; }
#isbat-home-refresh ::selection { background: var(--home-blue); color: var(--home-white); }
#isbat-home-refresh :focus-visible { outline: 3px solid var(--home-accent); outline-offset: 4px; }
#isbat-home-refresh [hidden] { display: none !important; }
#isbat-home-refresh .mx-shell { width: 100%; max-width: var(--home-shell); margin-inline: auto; padding-inline: 32px; }
#isbat-home-refresh :is(section[id], details[id]) { scroll-margin-top: 116px; }
#isbat-home-refresh .mx-sec, #isbat-home-refresh .mx-scrolly { padding: 88px 0; background: var(--home-white) !important; }
#isbat-home-refresh .mx-sec--navy, #isbat-home-refresh .mx-hero, #isbat-home-refresh .mx-final {
  --home-ink: #fff;
  --home-muted: #d5e4ed;
  --home-line: rgba(255,255,255,.25);
  --home-accent: #91dcff;
  background: var(--home-navy) !important;
}
#isbat-home-refresh .mx-tag { font: 700 14px/1.6 var(--home-font); letter-spacing: .035em; text-transform: uppercase; }
#isbat-home-refresh .mx-tag::before { content: none; }
#isbat-home-refresh .mx-title { font-size: 40px; line-height: 1.2; }
#isbat-home-refresh .mx-title .cy { text-shadow: none; }
#isbat-home-refresh .mx-lead { max-width: 760px; font-size: 20px; line-height: 1.7; }
#isbat-home-refresh .mx-head, #isbat-home-refresh .mx-head--c { max-width: 900px; margin: 0 0 38px; text-align: left; }
#isbat-home-refresh .mx-head .mx-title { margin: 12px 0 18px; }
/* Content never depends on a reveal script or an intersection state. */
#isbat-home-refresh .mx-rv { opacity: 1 !important; visibility: visible !important; transform: none !important; }
#isbat-home-refresh .mx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 23px; border: 1px solid var(--home-line); border-radius: 5px; background: var(--home-navy); color: var(--home-white) !important; font: 700 17px/1.45 var(--home-font); letter-spacing: 0; text-transform: none; clip-path: none; cursor: pointer; text-align: center; transition: background .2s ease, border-color .2s ease; }
#isbat-home-refresh .mx-btn:hover { background: var(--home-deep); border-color: var(--home-accent); box-shadow: none; }
#isbat-home-refresh .mx-btn--rd { background: var(--red) !important; border-color: var(--red); }
#isbat-home-refresh .mx-btn--rd:hover { background: var(--red-hover) !important; border-color: var(--red-hover); }
#isbat-home-refresh .mx-btn--cy { border-color: var(--home-accent); }
#isbat-home-refresh .mx-btn--cy:hover { background: var(--home-blue) !important; color: var(--home-white) !important; }
#isbat-home-refresh :is(.mx-hero, .mx-final) { position: relative; overflow: hidden; }
#isbat-home-refresh .mx-hero { display: flex; align-items: center; min-height: 620px; padding: 80px 0 112px; }
#isbat-home-refresh :is(.mx-hero__media, .mx-final__media) { position: absolute; inset: 0; z-index: 0; background: var(--home-navy); pointer-events: none; }
#isbat-home-refresh :is(.mx-hero__media, .mx-final__media) video { width: 100%; height: 100%; object-fit: cover; opacity: .7; }
#isbat-home-refresh :is(.mx-hero__media, .mx-final__media)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(9,37,57,.96),rgba(9,37,57,.86) 65%,rgba(9,37,57,.7)); }
#isbat-home-refresh :is(.mx-hero__in, .mx-final__in) { position: relative; z-index: 2; }
#isbat-home-refresh .mx-hero h1 { font-size: 66px; line-height: 1.08; max-width: 950px; margin-top: 18px; }
#isbat-home-refresh .mx-hero h1 .cy { display: block; color: var(--home-accent) !important; text-shadow: none; }
#isbat-home-refresh .mx-hero__lead { max-width: 780px; margin-top: 26px; color: var(--home-white) !important; font-size: 20px; line-height: 1.7; }
#isbat-home-refresh .mx-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
#isbat-home-refresh .mx-hero__trust { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--home-line); max-width: 780px; }
#isbat-home-refresh .mx-hero__trust span { display: inline-flex; align-items: center; gap: 9px; font: 550 16px/1.5 var(--home-font); color: var(--home-white); }
#isbat-home-refresh .mx-hero__trust span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--home-accent); }
#isbat-home-refresh .mx-hero__note { margin-top: 18px; font-size: 16px; }
#isbat-home-refresh .mx-task-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--home-line); }
#isbat-home-refresh .mx-task-nav a { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 12px 20px; color: var(--home-navy); font-size: 17px; font-weight: 700; border-radius: 4px; transition: background .2s; }
#isbat-home-refresh .mx-task-nav a + a { border-left: 1px solid var(--home-line); }
#isbat-home-refresh .mx-task-nav a:hover { background: var(--home-soft); }
#isbat-home-refresh .mx-sol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; background: none; border: 0; }
#isbat-home-refresh .mx-solc, #isbat-home-refresh .mx-prod, #isbat-home-refresh .mx-slide { display: flex; flex-direction: column; border: 1px solid var(--home-line); border-radius: 6px; background: var(--home-white) !important; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
#isbat-home-refresh .mx-solc:hover, #isbat-home-refresh .mx-slide:hover { border-color: var(--home-blue); box-shadow: 0 8px 25px rgba(9,37,57,.08); }
#isbat-home-refresh :is(.mx-solc__img, .mx-prod__img) { position: relative; aspect-ratio: 16/10; overflow: hidden; background: var(--home-soft); }
#isbat-home-refresh :is(.mx-solc__img, .mx-prod__img) img { width: 100%; height: 100%; object-fit: cover; opacity: 1; transform: none; }
#isbat-home-refresh .mx-solc__b { display: flex; flex-direction: column; flex: 1; padding: 28px; background: var(--home-white) !important; }
#isbat-home-refresh .mx-solc__b small { color: var(--home-blue) !important; font: 700 14px/1.5 var(--home-font); letter-spacing: 0; }
#isbat-home-refresh .mx-solc__b h3 { font-size: 26px; margin: 12px 0 16px; }
#isbat-home-refresh :is(.mx-solc__b, .mx-prod__b, .mx-slide__b) p { font-size: 17px; line-height: 1.7; }
#isbat-home-refresh .mx-solc__b > span { margin-top: auto; padding-top: 24px; color: var(--home-blue) !important; font: 700 16px/1.5 var(--home-font); }
#isbat-home-refresh :is(.mx-solc__b > span, .mx-prod__b > span)::after { content: " →"; }
#isbat-home-refresh .mx-bento { padding: 76px 0 84px; background: var(--home-soft) !important; border-block: 1px solid var(--home-line); }
#isbat-home-refresh .mx-bento__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: auto; gap: 24px; }
#isbat-home-refresh .mx-bento__tile { position: relative; display: flex; flex-direction: column; justify-content: flex-start; min-height: 0; padding: 0 28px 28px; border: 1px solid var(--home-line); border-radius: 6px; background: var(--home-white) !important; color: var(--home-ink) !important; overflow: hidden; transition: border-color .2s; }
#isbat-home-refresh .mx-bento__tile:hover { border-color: var(--home-blue); }
#isbat-home-refresh .mx-bento__media { position: relative; display: block; inset: auto; z-index: auto; margin: 0 -28px 26px; overflow: hidden; aspect-ratio: 16/9; }
#isbat-home-refresh .mx-bento__media img { width: 100%; height: 100%; object-fit: cover; opacity: 1; filter: none; transform: none; }
#isbat-home-refresh :is(.mx-bento__tile, .mx-bento__media)::after { display: none; }
#isbat-home-refresh .mx-bento__tile small { display: block; margin-bottom: 11px; color: var(--home-blue) !important; font: 700 14px/1.6 var(--home-font); letter-spacing: 0; }
#isbat-home-refresh .mx-bento__tile :is(h2,h3) { font-size: 26px; max-width: none; }
#isbat-home-refresh .mx-bento__tile p { margin-top: 15px; font-size: 17px; color: var(--home-muted) !important; }
#isbat-home-refresh .mx-bento__tile > span:not(.mx-bento__media) { margin-top: auto; padding-top: 24px; color: var(--home-blue) !important; font: 700 16px/1.5 var(--home-font); }
#isbat-home-refresh .mx-bento__tile > span:not(.mx-bento__media)::after { content: " →"; }
#isbat-home-refresh #referanser { background: var(--home-white) !important; }
#isbat-home-refresh .mx-project-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
#isbat-home-refresh .mx-slide { position: relative; flex: none; height: auto; scroll-snap-align: none; }
#isbat-home-refresh .mx-slide img { position: static; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; opacity: 1; }
#isbat-home-refresh .mx-slide::after { display: none; }
#isbat-home-refresh .mx-slide__b { position: static; inset: auto; padding: 26px; z-index: auto; }
#isbat-home-refresh .mx-slide__b small { color: var(--home-blue) !important; font: 700 13px/1.6 var(--home-font); letter-spacing: .025em; }
#isbat-home-refresh .mx-slide__b h3 { font-size: 25px; margin: 12px 0 14px; }
#isbat-home-refresh .mx-slide__b p { color: var(--home-muted) !important; }
#isbat-home-refresh .mx-project-more { margin-top: 30px; }
#isbat-home-refresh .mx-project-more > summary { cursor: pointer; padding: 18px 22px; background: var(--home-soft); border: 1px solid var(--home-line); border-radius: 5px; min-height: 56px; color: var(--home-navy); font-size: 17px; font-weight: 700; }
#isbat-home-refresh .mx-project-more[open] > summary { margin-bottom: 24px; }
#isbat-home-refresh #referanser > .mx-shell:last-child { margin-top: 28px; }
#isbat-home-refresh .mx-scrolly { background: var(--home-soft) !important; border-block: 1px solid var(--home-line); }
#isbat-home-refresh .mx-process-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
#isbat-home-refresh .mx-step { display: block; padding: 0; min-height: 0; border: 0; background: transparent !important; }
#isbat-home-refresh .mx-step::before { display: none; }
#isbat-home-refresh .mx-step__image { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 5px; margin-bottom: 22px; }
#isbat-home-refresh .mx-step__n { font: 700 14px/1.5 var(--home-font); letter-spacing: 0; }
#isbat-home-refresh .mx-step h3 { font-size: 24px; margin: 11px 0 14px; }
#isbat-home-refresh .mx-step p:last-child { max-width: none; color: var(--home-muted) !important; font-size: 17px; }
#isbat-home-refresh .mx-prods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; border: 0; background: none; }
#isbat-home-refresh .mx-prod { background: var(--home-deep) !important; }
#isbat-home-refresh .mx-prod:hover { border-color: var(--home-accent); }
#isbat-home-refresh .mx-prod__img { aspect-ratio: 16/8; }
#isbat-home-refresh .mx-prod__tag { position: absolute; top: 16px; left: 16px; z-index: 2; padding: 8px 12px; border: 1px solid var(--home-line); border-radius: 4px; background: var(--home-deep) !important; color: var(--home-white) !important; font: 700 14px/1.5 var(--home-font); }
#isbat-home-refresh .mx-prod__b { display: flex; flex-direction: column; flex: 1; padding: 30px; background: var(--home-deep) !important; }
#isbat-home-refresh .mx-prod__b h3 { font-size: 26px; margin-bottom: 16px; }
#isbat-home-refresh .mx-prod__b p { color: var(--home-muted) !important; }
#isbat-home-refresh .mx-prod__b > span { margin-top: auto; padding-top: 22px; color: var(--home-accent) !important; font: 700 17px/1.5 var(--home-font); }
#isbat-home-refresh #verktoy .mx-prods + div { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
#isbat-home-refresh #verktoy .mx-prods + div p { flex-basis: 100%; font: 400 16px/1.7 var(--home-font); color: var(--home-muted); }
#isbat-home-refresh .mx-knowledge { background: var(--home-soft) !important; border-bottom: 1px solid var(--home-line); }
#isbat-home-refresh .mx-knowledge .mx-title { margin: 12px 0 18px; }
#isbat-home-refresh .mx-knowledge-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-top: 34px; }
#isbat-home-refresh .mx-knowledge-card { padding: 28px 0 0; border-top: 3px solid var(--home-blue); display: flex; flex-direction: column; }
#isbat-home-refresh .mx-card-label { color: var(--home-blue); font-size: 14px; font-weight: 700; }
#isbat-home-refresh .mx-knowledge-card h3 { font-size: 25px; margin: 12px 0 18px; }
#isbat-home-refresh .mx-knowledge-card p { font-size: 17px; }
#isbat-home-refresh .mx-knowledge-card > span:last-child { color: var(--home-blue); font-weight: 700; margin-top: auto; padding-top: 22px; font-size: 16px; }
#isbat-home-refresh .mx-knowledge-card:hover h3 { color: var(--home-blue) !important; }
#isbat-home-refresh .mx-faq { display: grid; gap: 14px; max-width: 960px; }
#isbat-home-refresh .mx-faq__i { border: 1px solid var(--home-line); border-radius: 6px; overflow: hidden; background: var(--home-white) !important; }
#isbat-home-refresh .mx-faq__q { display: list-item; width: 100%; padding: 23px 26px; min-height: 64px; border: 0; cursor: pointer; background: var(--home-white) !important; color: var(--home-ink) !important; font: 700 18px/1.6 var(--home-font); text-align: left; }
#isbat-home-refresh .mx-faq__q::marker { color: var(--home-blue); }
#isbat-home-refresh .mx-faq__q:hover { background: var(--home-soft) !important; }
#isbat-home-refresh .mx-faq__a { padding: 0 26px 26px; background: var(--home-white) !important; color: var(--home-muted) !important; font: 400 18px/1.75 var(--home-font); }
#isbat-home-refresh .mx-final { padding: 88px 0 120px; text-align: left; }
#isbat-home-refresh .mx-final::before { display: none; }
#isbat-home-refresh .mx-final__in { max-width: var(--home-shell); margin-inline: auto; }
#isbat-home-refresh .mx-final h2 { font-size: 48px; max-width: none; line-height: 1.14; margin-top: 18px; }
#isbat-home-refresh .mx-final p { max-width: 780px; margin: 22px 0 0; color: var(--home-white) !important; font: 400 20px/1.7 var(--home-font); }
#isbat-home-refresh .mx-final .mx-tag { margin: 0; color: var(--home-accent) !important; font: 700 14px/1.6 var(--home-font); }
#isbat-home-refresh .mx-final__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
#isbat-home-refresh .mx-contact-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-top: 42px; }
#isbat-home-refresh .mx-cc { display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid var(--home-line); border-radius: 5px; background: var(--home-deep) !important; transition: border-color .2s; }
#isbat-home-refresh .mx-cc:hover { border-color: var(--home-accent); }
#isbat-home-refresh .mx-cc small { color: var(--home-accent) !important; font: 600 14px/1.6 var(--home-font); }
#isbat-home-refresh .mx-cc b { color: var(--home-white) !important; font: 700 17px/1.6 var(--home-font); overflow-wrap: anywhere; }
#isbat-home-refresh .mx-video-controls { position: absolute; z-index: 4; inset: auto auto 22px 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; max-width: calc(100% - 64px); }
#isbat-home-refresh .mx-video-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 11px 16px; border: 1px solid var(--home-line); border-radius: 5px; background: var(--home-deep) !important; color: var(--home-white) !important; font: 650 16px/1.5 var(--home-font); cursor: pointer; letter-spacing: 0; text-transform: none; }
#isbat-home-refresh .mx-video-toggle:hover { border-color: var(--home-accent); }
#isbat-home-refresh .mx-video-status { color: var(--home-white) !important; background: var(--home-deep); border-radius: 4px; padding: 6px 9px; font: 400 14px/1.6 var(--home-font); }
@media(max-width:1000px) {
  #isbat-home-refresh .mx-hero h1 { font-size: 56px; }
  #isbat-home-refresh .mx-sol, #isbat-home-refresh .mx-bento__grid { gap: 18px; }
  #isbat-home-refresh :is(.mx-solc__b, .mx-bento__tile) { padding-inline: 22px; }
  #isbat-home-refresh .mx-bento__media { margin-inline: -22px; }
  #isbat-home-refresh .mx-process-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; }
  #isbat-home-refresh .mx-project-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #isbat-home-refresh .mx-contact-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  #isbat-home-refresh .mx-shell { padding-inline: 22px; }
  #isbat-home-refresh .mx-sec, #isbat-home-refresh .mx-scrolly { padding: 60px 0; }
  #isbat-home-refresh .mx-head { margin-bottom: 30px; }
  #isbat-home-refresh .mx-title { font-size: 32px; }
  #isbat-home-refresh .mx-lead { font-size: 19px; }
  #isbat-home-refresh .mx-hero { min-height: 0; padding: 62px 0 126px; }
  #isbat-home-refresh .mx-hero h1 { font-size: 44px; line-height: 1.14; }
  #isbat-home-refresh .mx-hero__lead { font-size: 19px; margin-top: 23px; }
  #isbat-home-refresh .mx-task-nav { grid-template-columns: 1fr; padding-top: 10px; padding-bottom: 10px; }
  #isbat-home-refresh .mx-task-nav a { padding-inline: 12px; }
  #isbat-home-refresh .mx-task-nav a + a { border-left: 0; border-top: 1px solid var(--home-line); }
  #isbat-home-refresh .mx-sol, #isbat-home-refresh .mx-bento__grid, #isbat-home-refresh .mx-knowledge-grid { grid-template-columns: 1fr; gap: 24px; }
  #isbat-home-refresh .mx-bento { padding: 56px 0; }
  #isbat-home-refresh :is(.mx-solc__b, .mx-prod__b) { padding: 26px; }
  #isbat-home-refresh .mx-bento__tile { padding-inline: 26px; }
  #isbat-home-refresh .mx-bento__media { margin-inline: -26px; }
  #isbat-home-refresh .mx-prods { grid-template-columns: 1fr; }
  #isbat-home-refresh .mx-prod__img { aspect-ratio: 16/10; }
  #isbat-home-refresh .mx-project-grid { gap: 20px; }
  #isbat-home-refresh .mx-slide__b { padding: 22px; }
  #isbat-home-refresh .mx-knowledge-card { padding-top: 24px; }
  #isbat-home-refresh .mx-faq__q { padding: 22px; font-size: 18px; }
  #isbat-home-refresh .mx-faq__a { padding: 0 22px 24px; }
  #isbat-home-refresh .mx-final { padding: 64px 0 150px; }
  #isbat-home-refresh .mx-final h2 { font-size: 38px; }
  #isbat-home-refresh .mx-final p { font-size: 19px; }
  #isbat-home-refresh .mx-video-controls { left: 22px; bottom: 18px; max-width: calc(100% - 44px); gap: 8px; }
}
@media(max-width:540px) {
  #isbat-home-refresh .mx-btn { width: 100%; }
  #isbat-home-refresh .mx-hero__cta, #isbat-home-refresh .mx-final__cta { width: 100%; }
  #isbat-home-refresh .mx-project-grid, #isbat-home-refresh .mx-process-steps, #isbat-home-refresh .mx-contact-cards { grid-template-columns: 1fr; }
  #isbat-home-refresh .mx-hero h1 { font-size: 40px; }
  #isbat-home-refresh .mx-tag { font-size: 13px; }
  #isbat-home-refresh .mx-hero__trust { gap: 10px 20px; }
  #isbat-home-refresh .mx-title { font-size: 30px; }
}
@media(prefers-reduced-motion:reduce) {
  #isbat-home-refresh *, #isbat-home-refresh *::before, #isbat-home-refresh *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* WordPress' existing typography contract must not shrink the lead. */
#isbat-home-refresh .mx-hero__lead {font-size:20px!important;line-height:1.7!important;color:#fff!important}
#isbat-home-refresh .mx-lead {font-size:19px!important;line-height:1.65!important}
#isbat-home-refresh .mx-hero__note {font-size:16px!important;line-height:1.6!important}
@media(max-width:650px){
 #isbat-home-refresh .mx-hero__lead,#isbat-home-refresh .mx-lead {font-size:18px!important;line-height:1.65!important}
}

/* The homepage presents both selectors and calculators as their own tools. */
#isbat-home-refresh #verktoy .mx-prods{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
#isbat-home-refresh #verktoy .mx-prod{grid-column:span 2}
#isbat-home-refresh #verktoy .mx-prod:nth-child(-n+2){grid-column:span 3}
#isbat-home-refresh .mx-tool-type{display:block;font:700 14px/1.5 var(--home-font);color:var(--home-accent);margin-bottom:10px}
#isbat-home-refresh .mx-tool-symbol{display:grid;place-items:center;background:var(--home-blue);color:var(--home-white)}
#isbat-home-refresh .mx-tool-symbol svg{width:100px;height:100px}
@media(max-width:800px){
 #isbat-home-refresh #verktoy .mx-prods{grid-template-columns:minmax(0,1fr)}
 #isbat-home-refresh #verktoy .mx-prod,
 #isbat-home-refresh #verktoy .mx-prod:nth-child(-n+2){grid-column:auto}
}

/* v4.5: Readable hero copy over moving footage; isolate from legacy theme rules. */
#isbat-home-refresh #top.mx-hero {
  display:flex; flex-direction:column; align-items:stretch;
  padding:64px 0 28px; min-height:640px;
}
#isbat-home-refresh #top .mx-hero__media::after {
  background:linear-gradient(90deg,rgba(9,37,57,.98) 0%,rgba(9,37,57,.94) 45%,rgba(9,37,57,.83) 64%,rgba(9,37,57,.28) 100%) !important;
}
#isbat-home-refresh #top .mx-hero__media video { opacity:1; object-position:65% center; }
#isbat-home-refresh #top .mx-tag { color:var(--home-accent)!important; font-size:14px!important; line-height:1.6!important; max-width:680px; }
#isbat-home-refresh #top h1 { font-size:clamp(48px,4.7vw,68px)!important; line-height:1.08!important; max-width:720px; color:var(--home-white)!important; margin:18px 0 0; }
#isbat-home-refresh #top h1 .cy { color:var(--home-white)!important; }
#isbat-home-refresh #top .mx-hero__lead { max-width:660px; font-size:20px!important; line-height:1.65!important; color:var(--home-white)!important; margin-top:24px; }
#isbat-home-refresh #top .mx-hero__cta { margin-top:28px; gap:14px; }
#isbat-home-refresh #top .mx-btn { min-height:54px; font-size:17px!important; }
#isbat-home-refresh :is(#top,#kontakt) .mx-btn--cy { background:var(--home-blue)!important; border-color:var(--home-accent)!important; color:var(--home-white)!important; }
#isbat-home-refresh :is(#top,#kontakt) .mx-btn--cy:hover { background:var(--home-deep)!important; }
#isbat-home-refresh :is(#top,#kontakt) :focus-visible { outline:3px solid var(--home-white); outline-offset:4px; box-shadow:0 0 0 7px var(--home-deep); }
#isbat-home-refresh #top .mx-hero__trust { max-width:660px; margin-top:28px; padding-top:20px; }
#isbat-home-refresh #top .mx-hero__note { max-width:660px; color:var(--home-white)!important; font-size:16px!important; line-height:1.6!important; }
#isbat-home-refresh #top .mx-video-controls {
  position:relative; inset:auto; width:100%; max-width:var(--home-shell);
  margin:28px auto 0; padding-inline:32px; justify-content:flex-end; gap:10px;
}
#isbat-home-refresh #top .mx-video-toggle { min-height:48px; background:var(--home-deep)!important; border-color:var(--home-accent); }
#isbat-home-refresh #top .mx-video-status { background:var(--home-deep); }
@media(max-width:1000px) {
  #isbat-home-refresh #top .mx-hero__media::after { background:rgba(9,37,57,.88)!important; }
}
@media(max-width:760px) {
  #isbat-home-refresh #top.mx-hero { min-height:0; padding:40px 0 24px; }
  #isbat-home-refresh #top h1 { font-size:clamp(36px,9.8vw,48px)!important; line-height:1.12!important; }
  #isbat-home-refresh #top .mx-tag { font-size:12px!important; letter-spacing:.025em; }
  #isbat-home-refresh #top .mx-hero__lead { font-size:18px!important; line-height:1.6!important; margin-top:22px; }
  #isbat-home-refresh #top .mx-hero__cta { margin-top:24px; gap:12px; }
  #isbat-home-refresh #top .mx-hero__trust { gap:10px 20px; margin-top:24px; }
  #isbat-home-refresh #top .mx-video-controls { justify-content:flex-start; padding-inline:22px; margin-top:24px; }
}

/* v4.6: Cinematic hero built around the customer's graded construction film. */
#isbat-home-refresh #top.mx-hero--cinematic {
  --hero-ink:var(--mx-black,var(--home-deep)); --hero-light:var(--mx-cyan,var(--home-accent));
  position:relative; display:flex; flex-direction:column; justify-content:center;
  min-height:740px; min-height:min(820px,calc(100svh - 85px)); padding:88px 0 0;
  background:var(--hero-ink)!important; overflow:hidden; isolation:isolate;
}
#isbat-home-refresh #top .mx-hero__media { inset:0; background:var(--hero-ink); }
#isbat-home-refresh #top .mx-hero__media video { opacity:1; object-position:62% center; width:100%; height:100%; object-fit:cover; }
#isbat-home-refresh #top .mx-hero__media::after {
  background:linear-gradient(90deg,rgba(10,15,26,.98) 0%,rgba(10,15,26,.88) 32%,rgba(10,15,26,.60) 56%,rgba(10,15,26,.12) 85%),linear-gradient(0deg,rgba(10,15,26,.97) 0%,rgba(10,15,26,0) 42%,rgba(10,15,26,.20) 100%)!important;
}
#isbat-home-refresh #top::before { content:""; position:absolute; z-index:1; left:0; top:0; width:100%; height:1px; background:linear-gradient(90deg,var(--red),transparent 35%,var(--hero-light)); opacity:.65; pointer-events:none; }
#isbat-home-refresh #top .mx-hero__in { width:100%; flex:1; display:flex; flex-direction:column; justify-content:center; padding-bottom:64px; z-index:2; }
#isbat-home-refresh #top .mx-tag { display:flex; align-items:center; gap:14px; margin:0; color:var(--home-white)!important; font:650 13px/1.6 var(--home-font)!important; letter-spacing:.09em; max-width:700px; }
#isbat-home-refresh #top .mx-tag::before { content:""; display:block; width:32px; height:2px; background:var(--red); flex:none; }
#isbat-home-refresh #top h1 { max-width:900px; margin:24px 0 0; font-size:86px!important; line-height:1.04!important; letter-spacing:-.045em; font-weight:800; color:var(--home-white)!important; text-shadow:0 3px 24px rgba(10,15,26,.16); }
#isbat-home-refresh #top h1 .cy { display:block; color:var(--hero-light)!important; text-shadow:none; }
@supports(background-clip:text) {
 #isbat-home-refresh #top h1 .cy { background:linear-gradient(110deg,var(--home-white) 0%,var(--hero-light) 85%); background-clip:text; -webkit-background-clip:text; color:transparent!important; }
}
#isbat-home-refresh #top .mx-hero__lead { max-width:580px; margin-top:28px; color:var(--home-white)!important; font:400 19px/1.7 var(--home-font)!important; text-wrap:pretty; }
#isbat-home-refresh #top .mx-hero__cta { margin-top:32px; gap:14px; align-items:center; }
#isbat-home-refresh #top .mx-btn { min-height:56px; padding:16px 24px; border-radius:4px; font-size:16px!important; gap:24px; transition:background .2s,border-color .2s,transform .2s; }
#isbat-home-refresh #top .mx-btn--rd { box-shadow:0 8px 30px rgba(227,6,19,.18); }
#isbat-home-refresh #top .mx-btn--cy { background:var(--hero-ink)!important; border-color:rgba(255,255,255,.45)!important; color:var(--home-white)!important; }
#isbat-home-refresh #top .mx-btn--cy:hover { background:var(--home-blue)!important; border-color:var(--hero-light)!important; }
#isbat-home-refresh #top .mx-btn:hover { transform:translateY(-2px); }
#isbat-home-refresh #top :focus-visible { outline:3px solid var(--home-white); outline-offset:5px; box-shadow:0 0 0 8px var(--hero-ink); }
#isbat-home-refresh #top .mx-hero__frame { position:absolute; pointer-events:none; z-index:1; top:64px; bottom:156px; right:max(32px,calc((100% - var(--home-shell))/2 + 32px)); width:30%; border-top:1px solid rgba(255,255,255,.28); border-right:1px solid rgba(255,255,255,.28); }
#isbat-home-refresh #top .mx-hero__frame::before { content:""; position:absolute; right:-1px; top:-1px; width:58px; height:58px; border-top:2px solid var(--hero-light); border-right:2px solid var(--hero-light); }
#isbat-home-refresh #top .mx-hero__frame span { position:absolute; right:20px; top:18px; font:650 11px/1.5 var(--home-font); color:var(--home-white); letter-spacing:.13em; text-shadow:0 1px 8px var(--hero-ink); }
#isbat-home-refresh #top .mx-hero__footer { position:relative; z-index:3; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-block:26px 28px; }
#isbat-home-refresh #top .mx-hero__footer::before { content:""; position:absolute; top:0; left:32px; right:32px; height:1px; background:rgba(255,255,255,.24); }
#isbat-home-refresh #top .mx-hero__trust { max-width:none; display:flex; flex-wrap:wrap; gap:12px 24px; margin:0; padding:0; border:0; }
#isbat-home-refresh #top .mx-hero__trust span { font-size:14px; color:var(--home-white); }
#isbat-home-refresh #top .mx-hero__trust span::before { background:var(--hero-light); width:4px; height:4px; }
#isbat-home-refresh #top .mx-hero__explore { display:inline-flex; gap:20px; align-items:center; min-height:48px; font-size:14px; font-weight:600; color:var(--home-white); }
#isbat-home-refresh #top .mx-hero__explore span { font-size:24px; color:var(--hero-light); }
#isbat-home-refresh #top .mx-video-controls { position:relative; inset:auto; width:auto; max-width:none; display:flex; justify-content:flex-start; align-items:center; gap:12px; margin:0; padding:0 0 6px; }
#isbat-home-refresh #top .mx-video-toggle { background:var(--hero-ink)!important; min-height:44px; padding:10px 14px; border:1px solid rgba(255,255,255,.35); border-radius:4px; font-size:13px; }
#isbat-home-refresh #top .mx-video-toggle:hover { border-color:var(--hero-light); }
#isbat-home-refresh #top .mx-video-status { font-size:12px; background:var(--hero-ink); padding:4px 6px; max-width:220px; }
#isbat-home-refresh #top .mx-hero__progress { position:absolute; bottom:0; left:0; width:100%; height:2px; display:block; border:0; appearance:none; background:rgba(255,255,255,.2); color:var(--hero-light); }
#isbat-home-refresh #top .mx-hero__progress::-webkit-progress-bar { background:rgba(255,255,255,.2); }
#isbat-home-refresh #top .mx-hero__progress::-webkit-progress-value { background:var(--hero-light); }
#isbat-home-refresh #top .mx-hero__progress::-moz-progress-bar { background:var(--hero-light); }
@media(min-width:1600px){ #isbat-home-refresh #top h1 {font-size:98px!important} }
@media(max-width:1100px){
 #isbat-home-refresh #top h1 {font-size:70px!important}
 #isbat-home-refresh #top .mx-hero__frame {width:25%; opacity:.7}
 #isbat-home-refresh #top .mx-hero__explore {display:none}
}
@media(max-width:760px){
 #isbat-home-refresh #top.mx-hero--cinematic { min-height:0; padding:56px 0 0; }
 #isbat-home-refresh #top .mx-hero__in {padding-bottom:44px}
 #isbat-home-refresh #top .mx-hero__media video {object-position:58% center}
 #isbat-home-refresh #top .mx-hero__media::after {background:linear-gradient(180deg,rgba(10,15,26,.72),rgba(10,15,26,.88) 34%,rgba(10,15,26,.94) 75%,rgba(10,15,26,.98)),linear-gradient(90deg,rgba(10,15,26,.50),rgba(10,15,26,0))!important}
 #isbat-home-refresh #top .mx-tag {font-size:11px!important;gap:10px;letter-spacing:.055em}
 #isbat-home-refresh #top .mx-tag::before {width:20px}
 #isbat-home-refresh #top h1 {font-size:48px!important;line-height:1.08!important;letter-spacing:-.035em;margin-top:22px}
 #isbat-home-refresh #top .mx-hero__lead {font-size:18px!important;line-height:1.65!important;margin-top:24px}
 #isbat-home-refresh #top .mx-hero__cta {margin-top:28px;gap:12px}
 #isbat-home-refresh #top .mx-btn {width:100%;justify-content:space-between;min-height:56px;padding:15px 20px;transform:none}
 #isbat-home-refresh #top .mx-hero__frame {display:none}
 #isbat-home-refresh #top .mx-hero__footer {padding-block:22px 26px;gap:22px}
 #isbat-home-refresh #top .mx-hero__footer::before {left:22px;right:22px}
 #isbat-home-refresh #top .mx-hero__trust {gap:12px 20px;width:100%}
 #isbat-home-refresh #top .mx-video-controls {gap:12px}
}
@media(max-width:380px){
 #isbat-home-refresh #top h1 {font-size:39px!important}
 #isbat-home-refresh #top .mx-tag {font-size:10px!important;letter-spacing:0}
 #isbat-home-refresh #top .mx-hero__trust {gap:8px 16px}
 #isbat-home-refresh #top .mx-hero__trust span {font-size:13px}
}
@media(prefers-reduced-motion:reduce){#isbat-home-refresh #top .mx-btn {transition:none;transform:none}}
@media(forced-colors:active){#isbat-home-refresh #top h1 .cy {background:none;color:CanvasText!important} #isbat-home-refresh #top .mx-hero__progress {forced-color-adjust:auto}}

/* v48: the entire card is the link; its footer makes the next step visible. */
#isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) {
  min-width:0; height:100%; border-radius:6px; text-align:left;
  border:1px solid var(--home-line); cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
#isbat-home-refresh :is(.mx-solc__b,.mx-prod__b,.mx-slide__b) {
  display:flex; flex:1; flex-direction:column; min-width:0; padding:28px;
}
#isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) :is(h3,p) {
  overflow-wrap:anywhere; hyphens:auto; text-wrap:pretty;
}
#isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) h3 {
  font-size:25px; line-height:1.25; letter-spacing:-.025em;
}
#isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) p {
  font-size:17px!important; line-height:1.65!important;
}
#isbat-home-refresh :is(.mx-solc__b,.mx-prod__b,.mx-slide__b) p,
#isbat-home-refresh .mx-bento__tile p,
#isbat-home-refresh .mx-knowledge-card p,
#isbat-home-refresh .mx-shop__card p { padding-bottom:24px; }
#isbat-home-refresh :is(.mx-solc__b,.mx-prod__b) > span:last-child,
#isbat-home-refresh .mx-bento__tile > span:last-child:not(.mx-bento__media),
#isbat-home-refresh .mx-knowledge-card > span:last-child,
#isbat-home-refresh .mx-shop__card > span:last-child {
  display:block; margin-top:auto; min-height:48px; padding:17px 0 0;
  border-top:1px solid var(--home-line); color:var(--home-accent)!important;
  font:700 16px/1.5 var(--home-font); overflow-wrap:anywhere;
}
#isbat-home-refresh .mx-bento__tile { padding:0 28px 28px; }
#isbat-home-refresh .mx-bento__media { margin:0 -28px 26px; }
#isbat-home-refresh :is(.mx-solc__img,.mx-bento__media,.mx-prod__img) { overflow:hidden; }
#isbat-home-refresh :is(.mx-solc__img,.mx-bento__media,.mx-prod__img) img,
#isbat-home-refresh .mx-slide > img {
  transform:scale(1); transform-origin:center; transition:transform .45s ease;
}
#isbat-home-refresh .mx-slide__b { position:relative; z-index:1; background:var(--home-white); }
/* Keep the project label on the anchor and expose its existing action. */
#isbat-home-refresh .mx-slide::after {
  content:"Se prosjektet →"; display:block; position:static; inset:auto;
  flex:none; margin:0 28px 28px; padding:17px 0 0; min-height:48px;
  width:auto; height:auto; border-top:1px solid var(--home-line);
  background:none; opacity:1; transform:none; filter:none; z-index:auto;
  color:var(--home-accent); font:700 16px/1.5 var(--home-font);
  overflow-wrap:anywhere; pointer-events:none;
}
#isbat-home-refresh .mx-prod {
  --home-ink:var(--home-white); border-color:var(--home-line);
}
#isbat-home-refresh .mx-prod__b h3 { color:var(--home-white)!important; }
#isbat-home-refresh .mx-prod__b p { color:var(--home-muted)!important; }
#isbat-home-refresh .mx-prod .mx-tool-type { font-size:14px; line-height:1.5; margin-bottom:12px; }
#isbat-home-refresh .mx-knowledge-card,
#isbat-home-refresh .mx-shop__card {
  display:flex; flex-direction:column; padding:28px; background:var(--home-white)!important;
  border-top:3px solid var(--home-blue); color:var(--home-ink)!important;
}
#isbat-home-refresh .mx-shop__card h3 { margin:0 0 16px; }
#isbat-home-refresh .mx-shop__card p { color:var(--home-muted)!important; }
#isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card):focus-visible {
  outline:3px solid var(--home-accent); outline-offset:4px; border-color:var(--home-accent);
}
@media(hover:hover) and (pointer:fine) {
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card):hover {
    border-color:var(--home-accent); transform:translateY(-3px);
    box-shadow:0 10px 28px color-mix(in srgb,var(--home-deep) 12%,transparent);
  }
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod):hover img { transform:scale(1.025); }
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-knowledge-card,.mx-shop__card):hover h3 { color:var(--home-blue)!important; }
  #isbat-home-refresh :is(.mx-solc__b,.mx-prod__b) > span:last-child,
  #isbat-home-refresh .mx-bento__tile > span:last-child:not(.mx-bento__media),
  #isbat-home-refresh .mx-knowledge-card > span:last-child,
  #isbat-home-refresh .mx-shop__card > span:last-child { transition:border-color .2s ease; }
}
@media(max-width:1000px) {
  #isbat-home-refresh :is(.mx-solc__b,.mx-prod__b,.mx-slide__b,.mx-knowledge-card,.mx-shop__card) { padding:24px; }
  #isbat-home-refresh .mx-bento__tile { padding:0 24px 24px; }
  #isbat-home-refresh .mx-bento__media { margin-inline:-24px; }
  #isbat-home-refresh .mx-slide::after { margin-inline:24px; margin-bottom:24px; }
}
@media(max-width:760px) {
  #isbat-home-refresh :is(.mx-solc__b,.mx-prod__b,.mx-slide__b,.mx-knowledge-card,.mx-shop__card) { padding:24px; }
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) h3 { font-size:24px; }
}
@media(max-width:400px) {
  #isbat-home-refresh :is(.mx-solc__b,.mx-prod__b,.mx-slide__b,.mx-knowledge-card,.mx-shop__card) { padding:22px; }
  #isbat-home-refresh .mx-bento__tile { padding:0 22px 22px; }
  #isbat-home-refresh .mx-bento__media { margin-inline:-22px; }
  #isbat-home-refresh .mx-slide::after { margin-inline:22px; margin-bottom:22px; }
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card) h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod,.mx-knowledge-card,.mx-shop__card),
  #isbat-home-refresh :is(.mx-solc,.mx-bento__tile,.mx-slide,.mx-prod) img {
    transform:none!important; transition:none!important;
  }
}

/* v4.8: Explicit button surfaces avoid legacy light-background / white-text conflicts. */
#isbat-home-refresh.isbat-home-refresh .mx-btn.mx-btn--cy {background:var(--home-blue)!important;border-color:var(--home-blue)!important;color:var(--home-white)!important}
#isbat-home-refresh.isbat-home-refresh .mx-btn.mx-btn--cy:hover {background:var(--home-deep)!important;border-color:var(--home-accent)!important;color:var(--home-white)!important}
#isbat-home-refresh #verktoy .mx-prods + div .mx-btn--cy {background:var(--red)!important;border-color:var(--red)!important}
#isbat-home-refresh #verktoy .mx-prods + div .mx-btn--cy:hover {background:var(--red-hover)!important;border-color:var(--red-hover)!important}
#isbat-home-refresh .mx-btn span {color:inherit!important}
#isbat-home-refresh .mx-btn:focus-visible {outline:3px solid var(--home-accent);outline-offset:4px}
/* The closing section gives the video its own surface instead of covering it with copy. */
#isbat-home-refresh #kontakt.mx-final--cinematic {padding:76px 0;background:var(--home-deep)!important;text-align:left}
#isbat-home-refresh #kontakt .mx-final__layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:54px}
#isbat-home-refresh #kontakt .mx-final__copy {min-width:0}
#isbat-home-refresh #kontakt .mx-tag {font-size:12px!important;letter-spacing:.055em;color:var(--home-accent)!important;margin:0}
#isbat-home-refresh #kontakt h2 {font-size:54px!important;line-height:1.08!important;letter-spacing:-.035em;margin:18px 0 0;color:var(--home-white)!important}
#isbat-home-refresh #kontakt h2 .cy {display:block;color:var(--home-accent)!important}
#isbat-home-refresh #kontakt .mx-final__lead {font-size:19px!important;line-height:1.7!important;color:var(--home-white)!important;max-width:520px;margin:24px 0 0}
#isbat-home-refresh #kontakt .mx-final__cta {display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
#isbat-home-refresh #kontakt .mx-btn {font-size:15px!important;padding:14px 18px;min-height:52px;gap:16px;border-radius:4px}
#isbat-home-refresh #kontakt .mx-btn--cy {background:var(--home-deep)!important;border-color:var(--home-line)!important}
#isbat-home-refresh #kontakt .mx-btn--cy:hover {background:var(--home-blue)!important;border-color:var(--home-accent)!important}
#isbat-home-refresh #kontakt .mx-final__film {position:relative;overflow:hidden;border:1px solid var(--home-line);border-radius:6px;background:var(--home-navy);min-width:0}
#isbat-home-refresh #kontakt .mx-final__screen {aspect-ratio:16/10;position:relative;background:var(--home-navy);overflow:hidden}
#isbat-home-refresh #kontakt .mx-final__screen video {width:100%;height:100%;object-fit:cover;object-position:center}
#isbat-home-refresh #kontakt .mx-final__film-link {position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;gap:24px;padding:11px 14px;min-height:44px;border:1px solid var(--home-line);border-radius:4px;background:var(--home-deep);color:var(--home-white)!important;font-size:14px;font-weight:700}
#isbat-home-refresh #kontakt .mx-final__film-link:hover {background:var(--home-blue);border-color:var(--home-accent)}
#isbat-home-refresh #kontakt .mx-final__film-footer {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--home-navy)}
#isbat-home-refresh #kontakt .mx-final__film-label {color:var(--home-accent);font-size:10px;font-weight:700;letter-spacing:.07em}
#isbat-home-refresh #kontakt .mx-video-controls {position:relative;inset:auto;display:flex;align-items:center;gap:8px;max-width:100%;padding:0 0 7px;margin:0}
#isbat-home-refresh #kontakt .mx-video-toggle {font-size:12px;min-height:44px;padding:9px 12px;background:var(--home-deep)!important;border-color:var(--home-line);white-space:nowrap}
#isbat-home-refresh #kontakt .mx-video-status {font-size:11px;max-width:210px;padding:4px 6px;background:var(--home-deep)}
#isbat-home-refresh #kontakt .mx-final__progress {position:absolute;bottom:0;left:0;width:100%;height:2px;display:block;border:0;appearance:none;color:var(--home-accent);background:var(--home-line)}
#isbat-home-refresh #kontakt .mx-final__progress::-webkit-progress-bar {background:var(--home-line)}
#isbat-home-refresh #kontakt .mx-final__progress::-webkit-progress-value {background:var(--home-accent)}
#isbat-home-refresh #kontakt .mx-final__progress::-moz-progress-bar {background:var(--home-accent)}
#isbat-home-refresh #kontakt .mx-contact-cards {margin-top:42px;gap:16px}
#isbat-home-refresh #kontakt .mx-cc {padding:20px;gap:10px;border-radius:4px;background:var(--home-navy)!important;transition:border-color .2s,background .2s}
#isbat-home-refresh #kontakt .mx-cc small {font-size:12px}
#isbat-home-refresh #kontakt .mx-cc b {display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:15px;line-height:1.5}
#isbat-home-refresh #kontakt .mx-cc b span {color:var(--home-accent);font-size:18px;flex:none}
#isbat-home-refresh #kontakt .mx-cc:hover {border-color:var(--home-accent);background:var(--home-blue)!important}
#isbat-home-refresh #kontakt .mx-cc:hover small,#isbat-home-refresh #kontakt .mx-cc:hover b span {color:var(--home-white)!important}
#isbat-home-refresh #kontakt :focus-visible {outline:3px solid var(--home-white);outline-offset:4px}
@media(max-width:1100px){#isbat-home-refresh #kontakt .mx-final__layout {gap:30px} #isbat-home-refresh #kontakt h2 {font-size:46px!important} #isbat-home-refresh #kontakt .mx-final__film-label {width:100%}}
@media(max-width:800px){
 #isbat-home-refresh #kontakt.mx-final--cinematic {padding:56px 0}
 #isbat-home-refresh #kontakt .mx-final__layout {grid-template-columns:minmax(0,1fr);gap:34px}
 #isbat-home-refresh #kontakt h2 {font-size:42px!important}
 #isbat-home-refresh #kontakt .mx-final__lead {font-size:18px!important;line-height:1.65!important}
 #isbat-home-refresh #kontakt .mx-final__screen {aspect-ratio:16/10}
 #isbat-home-refresh #kontakt .mx-final__film-label {width:auto}
 #isbat-home-refresh #kontakt .mx-contact-cards {margin-top:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
 #isbat-home-refresh #kontakt .mx-final__cta {gap:12px}
 #isbat-home-refresh #kontakt .mx-btn {width:100%;justify-content:space-between;min-height:54px;font-size:16px!important}
 #isbat-home-refresh #kontakt .mx-final__film-label {width:100%}
 #isbat-home-refresh #kontakt .mx-final__film-link {top:12px;right:12px;font-size:13px}
 #isbat-home-refresh #kontakt .mx-contact-cards {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){#isbat-home-refresh #kontakt .mx-cc {transition:none}}