body.mp, body.aud {
  --pearl: #FBFAFF;
  --sheet: rgba(255, 255, 255, .78);
  --sheet-2: rgba(255, 255, 255, .56);
  --edge: rgba(255, 255, 255, .92);
  --ink: #17152A;
  --ink-2: #5A5775;
  --ink-3: #77738F;
  --hair: rgba(23, 21, 42, .09);
  --violet: #8B6CFF;
  --violet-d: #5B3FD6;
  --good: #1D7A4E;
  --glow: 0 24px 60px -18px rgba(108, 86, 210, .2), 0 2px 8px rgba(23, 21, 42, .05);
  --glow-sm: 0 10px 28px -14px rgba(108, 86, 210, .26), 0 1px 3px rgba(23, 21, 42, .05);
  --glow-ink: 0 12px 30px -12px rgba(108, 86, 210, .6), 0 2px 6px rgba(23, 21, 42, .18);
  --r: 16px; --r-sm: 10px;
  --display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --text: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  
  --w-lav: linear-gradient(140deg, #EEE8FF, #DCE8FF);
  --w-peach: linear-gradient(140deg, #FFE9DD, #FFF4D6);
  --w-mint: linear-gradient(140deg, #DDF5EA, #E4ECFF);
  --w-rose: linear-gradient(140deg, #FFE6EF, #F1EBFF);
}


.aud .eyebrow { display: block; margin-bottom: 14px; font: 600 12px/1 var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); }
.aud .hero h1 em { font-style: normal; }

.aud .words { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.aud .words .wide { grid-column: 1 / -1; }
.aud .word { padding: 22px 24px; display: grid; gap: 12px; align-content: start; }
.aud .word h2, .aud .word h3 { font: 800 21px/1.2 var(--display); letter-spacing: -.02em; }
.aud .word p { color: var(--ink-2); font-size: 16px; line-height: 1.6; max-width: 68ch; }
.aud .word b { color: var(--ink); font-weight: 700; }
.aud .word ul, .aud .word ol { display: grid; gap: 8px; padding-left: 1.25em; color: var(--ink-2); font-size: 16px; line-height: 1.6; }
.aud .word ul { list-style: disc; } .aud .word ol { list-style: decimal; }
.aud .word li::marker { color: var(--violet); font-weight: 700; }
.aud .word a, .aud .tlink { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.aud .word.tint { background: var(--w-mint); border-color: var(--edge); }
.aud .askcard { padding: 26px 24px; display: grid; gap: 16px; justify-items: center; text-align: center; background: var(--w-peach); }
.aud .askcard p:first-child { font: 800 clamp(20px, 2.2vw, 24px)/1.2 var(--display); letter-spacing: -.02em; max-width: 34ch; }
.aud .rowbtn { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.aud .dated { margin-top: 14px; text-align: center; font-size: 14px; color: var(--ink-2); }

.aud .chan { padding: 16px; display: flex; align-items: center; gap: 12px; }
.aud .chan h3 { margin: 0 !important; font: 800 17px/1.2 var(--display); }



.aud .vc-head { display: grid; gap: 8px; margin-bottom: 22px; max-width: 70ch; }
.aud .v-chip { display: block; font: 600 12px/1 var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); background: none; border: 0; padding: 0; }
.aud .vc-chamber .v-chip { color: var(--violet-d); }
.aud .vc-h2 { font: 800 clamp(26px, 3.2vw, 38px)/1.08 var(--display); letter-spacing: -.025em; text-wrap: balance; }
.aud .vc-sub { color: var(--ink-2); font-size: 16.5px; }
.aud .vc-pro .vc-h2, .aud .vc-faq .vc-h2 { margin-bottom: 22px; }
.aud .vc-faq-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 28px; align-items: start; }
@media (max-width: 900px) { .aud .vc-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 0; } }
.aud .vc-ctas { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; }
.aud .vc-ctas--c { justify-content: center; }
.aud .intro { padding: 26px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; }
.aud .intro h2 { font: 800 clamp(26px, 3.2vw, 38px)/1.08 var(--display); letter-spacing: -.025em; }
.aud .intro .vc-lede { margin-top: 10px; color: var(--ink-2); font-size: 17px; max-width: 60ch; }
.aud .intro .vc-small { margin-top: 10px; color: var(--ink-2); font-size: 14px; }
.aud .intro-crew { display: flex; align-items: flex-end; }
.aud .intro-crew img { width: 92px; height: auto; margin-left: -18px; }
.aud .vc-reel-row { display: flex; align-items: flex-start; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 18px; overscroll-behavior-x: contain; scrollbar-width: thin; }
.aud .vc-reel-row > * { scroll-snap-align: start; flex: none; }
.aud .vc-film { display: grid; justify-items: start; width: min-content; max-width: calc(100vw - 48px); margin: 0; padding: 10px; border-radius: var(--r); background: var(--sheet); border: 1px solid var(--edge); box-shadow: var(--glow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.aud .vc-screen { --h: 420px; position: relative; display: block; height: var(--h); width: calc(var(--h) * 9 / 16); border-radius: var(--r-sm); overflow: hidden; background: #0E1622; }
.aud .vc-film--wide .vc-screen { width: calc(var(--h) * 16 / 9); }
.aud .vc-film figcaption { max-width: 100%; }
.aud .vc-screen video, .aud .vc-screen img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.aud .vc-play { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; background: rgba(255, 255, 255, .9); color: var(--ink); font: 700 13px/1 var(--text); }
.aud .vc-play svg { width: 14px; height: 14px; }
.aud .vc-film figcaption { padding: 10px 4px 2px; display: grid; gap: 2px; font-size: 14px; color: var(--ink-2); }
.aud .vc-film figcaption b { font: 800 16px/1.25 var(--display); color: var(--ink); }
.aud .vc-reel-empty { padding: 22px; text-align: center; color: var(--ink-2); }
.aud .vc-chamber { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 10px 28px; align-items: center; padding: 24px 26px; text-decoration: none; color: inherit; transition: transform .15s; }
.aud .vc-chamber:hover { transform: translateY(-2px); }
.aud .vc-chamber > .v-chip, .aud .vc-chamber .k { grid-column: 1; font: 600 12px/1 var(--text); letter-spacing: .12em; text-transform: uppercase; color: var(--violet-d); }
.aud .vc-chamber h2 { grid-column: 1; font: 800 clamp(24px, 2.6vw, 32px)/1.1 var(--display); letter-spacing: -.025em; }
.aud .vc-chamber p { grid-column: 1; color: var(--ink-2); font-size: 16px; }
.aud .vc-chamber .vc-go { grid-column: 1; font-weight: 700; text-decoration: underline; text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.aud .vc-chamber-ui { grid-column: 2; grid-row: 1 / span 4; display: grid; gap: 10px; }
.aud .vc-cu-film { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-sm); background: var(--w-lav); overflow: hidden; }
.aud .vc-cu-dot { position: absolute; width: 22%; aspect-ratio: 1; border-radius: 50%; right: 14%; top: 18%; background: #FFB38A; }
.aud .vc-cu-box { position: absolute; left: 14%; bottom: 18%; width: 36%; height: 34%; border-radius: 10px; background: var(--violet); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--violet); }
.aud .vc-cu-hand { position: absolute; left: 44%; bottom: 10%; width: 22px; height: 22px; border-radius: 6px 50% 50% 50%; background: #fff; box-shadow: var(--glow-sm); }
.aud .vc-cu-tools { display: flex; flex-wrap: wrap; gap: 6px; }
.aud .vc-cu-tools span { padding: 6px 10px; border-radius: 8px; background: #fff; border: 1px solid var(--hair); font: 600 13px/1 var(--text); }
.aud .vc-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.aud .vc-b { padding: 20px 22px; display: grid; gap: 10px; align-content: start; border-radius: var(--r); border: 1px solid var(--edge); box-shadow: var(--glow); background: var(--sheet); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.aud .vc-b h3 { font: 800 19px/1.2 var(--display); letter-spacing: -.02em; }
.aud .vc-b p { color: var(--ink-2); font-size: 15px; line-height: 1.55; }
.aud .vc-b--shapes, .aud .vc-b--say { grid-column: span 2; }
.aud .vc-b--blue { background: var(--w-lav); } .aud .vc-b--pink { background: var(--w-rose); } .aud .vc-b--yellow, .aud .vc-b--teal { background: var(--w-peach); }
.aud .vc-b--green, .aud .vc-b--purple { background: var(--w-mint); }
.aud .vc-b--ink { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: var(--glow-ink); }
.aud .vc-b--ink p { color: rgba(255, 255, 255, .78); }
.aud .vc-shapes { display: flex; align-items: flex-end; gap: 10px; margin-top: 4px; }
.aud .vc-shapes span { display: grid; place-items: center; border-radius: 8px; background: #fff; box-shadow: var(--glow-sm); font: 700 13px/1 var(--text); color: var(--ink-2); }
.aud .vc-s-wide { width: 112px; aspect-ratio: 16 / 9; } .aud .vc-s-tall { width: 40px; aspect-ratio: 9 / 16; } .aud .vc-s-sq { width: 62px; aspect-ratio: 1; }
.aud .vc-checker { display: grid; place-items: center; height: 88px; border-radius: var(--r-sm); font: 600 13px/1 var(--text); color: var(--ink);
  background: conic-gradient(#fff 25%, #E7E4F2 0 50%, #fff 0 75%, #E7E4F2 0) 0 0 / 18px 18px; }
.aud .vc-before { margin: 4px 0 0; display: grid; gap: 8px; }
.aud .vc-before figcaption { font-size: 13px; color: var(--ink-2); }
.aud .vc-before img, .aud .vc-before video { width: 100%; height: auto; border-radius: var(--r-sm); display: block; }
.aud .vc-pro-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.aud .vc-pro-i { display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px; border-radius: var(--r); background: var(--sheet); border: 1px solid var(--edge); box-shadow: var(--glow); }
.aud .vc-pro-ico { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-sm); background: #fff; border: 1px solid var(--edge); box-shadow: var(--glow-sm); flex: none; }
.aud .vc-pro-ico svg { width: 22px; height: 22px; }
.aud .vc-pro-i h3 { font: 800 18px/1.2 var(--display); }
.aud .vc-pro-i p { margin-top: 4px; color: var(--ink-2); font-size: 15px; }
.aud .vc-plans .quiet, .aud .vc-plans p.quiet { color: var(--ink-2); font-size: 15px; }
.aud .vc-plan-film { padding: 16px 20px; margin-top: 4px; font-size: 16px; color: var(--ink-2); }
.aud .vc-plan-film b { color: var(--ink); }
.aud .vc-plan-film a { color: var(--ink); font-weight: 600; text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; margin-left: 6px; }
.aud .vc-planar-wrap { margin-top: 14px; border-radius: var(--r); background: var(--sheet); border: 1px solid var(--edge); box-shadow: var(--glow); }
.aud .vc-planar-wrap > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 0 20px; font: 700 17px/1.3 var(--display); }
.aud .vc-planar-wrap > summary::-webkit-details-marker { display: none; }
.aud .vc-planar-wrap > summary i { font: 600 20px/1 var(--text); font-style: normal; color: var(--ink-2); }
.aud .vc-planar-wrap[open] > summary i { transform: rotate(45deg); }
.aud .vc-planar-wrap > :not(summary) { margin: 0 20px 16px; }
.aud .kr-planar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.aud .kr-plan { display: grid; gap: 8px; align-content: start; padding: 18px; border-radius: var(--r); background: #fff; border: 1px solid var(--hair); box-shadow: var(--glow-sm); }
.aud .kr-plan-hovud { box-shadow: 0 0 0 2px var(--violet), 0 26px 60px -20px rgba(108, 86, 210, .45); }
.aud .kr-plan h3 { font: 800 20px/1.15 var(--display); }
.aud .kr-plan .pris { font: 800 30px/1.1 var(--display); letter-spacing: -.02em; }
.aud .kr-plan .pris .quiet { font: 500 15px/1 var(--text); }
.aud .kr-plan .kr-plan-etter { font-size: 13px; }
.aud .kr-plan ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 5px; font-size: 14.5px; }
.aud .kr-plan li { position: relative; padding-left: 22px; }
.aud .kr-plan li::before { content: ""; position: absolute; left: 2px; top: 6px; width: 11px; height: 6px; border: solid var(--violet); border-width: 0 0 2.5px 2.5px; transform: rotate(-45deg); }
.aud .kr-plan .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 16px; border-radius: var(--r-sm); background: var(--ink); color: #fff; font: 700 15px/1.2 var(--text); box-shadow: var(--glow-ink); width: 100%; }
.aud .kr-plan .tag { justify-self: start; font: 600 11px/1 var(--text); letter-spacing: .1em; text-transform: uppercase; color: var(--violet-d); }
.aud .kr-plan .tag i { display: none; }
.aud .kr-plan-beta { font-size: 13px; color: var(--ink-2); }
.aud .nine-beta { font-weight: 700; color: var(--violet-d); margin-right: 4px; }
.aud .vc-faq-list { padding: 6px 18px; }
.aud .vc-faq-list details { border-bottom: 1px solid var(--hair); }
.aud .vc-faq-list details:last-child { border-bottom: 0; }
.aud .vc-faq-list summary { cursor: pointer; padding: 15px 0; font: 700 17px/1.3 var(--display); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.aud .vc-faq-list summary::-webkit-details-marker { display: none; }
.aud .vc-faq-list summary::after { content: "+"; font: 600 20px/1 var(--text); color: var(--ink-2); }
.aud .vc-faq-list details[open] summary::after { content: "\2212"; }
.aud .vc-faq-list details p { padding: 0 0 16px; color: var(--ink-2); max-width: 70ch; }
.aud .vc-end { padding: 64px 0; text-align: center; }
.aud .vc-end-crew { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 14px; }
.aud .vc-end-crew img { width: 84px; height: auto; margin: 0 -8px; }
.aud .vc-end-h { font: 800 clamp(28px, 4vw, 48px)/1.05 var(--display); letter-spacing: -.03em; }
.aud .vc-end-p { margin-top: 10px; color: var(--ink-2); }
.aud .vc-link { font-weight: 600; color: var(--ink); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--ink) 30%, transparent); text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.aud .vc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aud .vc-rise { opacity: 0; transform: translateY(14px); }
.aud .vc-rise.vc-in { animation: aud-rise .5s ease forwards; }
@keyframes aud-rise { to { opacity: 1; transform: none; } }

@media (max-width: 1100px) {
  .aud .vc-bento, .aud .kr-planar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .aud .words, .aud .vc-pro-grid { grid-template-columns: minmax(0, 1fr); }
  .aud .intro { grid-template-columns: minmax(0, 1fr); }
  .aud .intro-crew { display: none; }
  .aud .vc-chamber { grid-template-columns: minmax(0, 1fr); }
  .aud .vc-chamber-ui { grid-column: 1; grid-row: auto; }
}
@media (max-width: 560px) {
  .aud .vc-bento, .aud .kr-planar { grid-template-columns: minmax(0, 1fr); }
  .aud .vc-b--shapes, .aud .vc-b--say { grid-column: auto; }
  .aud .word, .aud .intro, .aud .vc-chamber { padding: 18px; }
  .aud .vc-screen { --h: 300px; }
  .aud .vc-film--wide .vc-screen { width: calc(100vw - 72px); height: calc((100vw - 72px) * 9 / 16); }
  .aud .chan { padding: 10px; gap: 8px; }
  .aud .chan h3 { font-size: 14.5px; }
  .aud .chan .mark { width: 34px; height: 34px; }
  .aud .rowbtn .btn { flex: 1 1 100%; }
}


body.mp { margin: 0; background: var(--pearl); color: var(--ink); font: 400 17px/1.6 var(--text); -webkit-font-smoothing: antialiased; overflow-x: clip; }

body.mp::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(50vmax 42vmax at 0% 0%, rgba(228, 220, 255, .75), transparent 70%),
              radial-gradient(40vmax 36vmax at 100% 0%, rgba(255, 230, 217, .5), transparent 70%),
              radial-gradient(46vmax 40vmax at 100% 100%, rgba(211, 243, 231, .7), transparent 70%),
              radial-gradient(42vmax 38vmax at 0% 100%, rgba(215, 229, 255, .7), transparent 70%); }
.mp *, .mp *::before, .mp *::after { box-sizing: border-box; }
.mp [hidden] { display: none !important; }
.mp :focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; }
.mp .sr, .mp .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


.mp .vp-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.mp .vp-narrow { max-width: 800px; }
.mp .vp-main { padding: 28px 0 72px; }
@media (min-width: 900px) { .mp .vp-main { padding: 44px 0 96px; } }
.mp .vp-stack { display: grid; gap: 14px; }
.mp .vp-stack-l { display: grid; gap: 20px; }
.mp .vp-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mp .vp-row.vp-centre { justify-content: center; }
.mp .vp-centre { text-align: center; margin-left: auto; margin-right: auto; }
.mp .vp-grid { display: grid; gap: 16px; }
@media (min-width: 760px) { .mp .vp-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mp .vp-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.mp main.page { width: 100%; max-width: 1180px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }


.mp .vp-h1 { font: 800 clamp(38px, 6vw, 64px)/1.02 var(--display); letter-spacing: -.035em; margin: 0; text-wrap: balance; color: var(--ink); }
.mp .vp-h2 { font: 800 clamp(28px, 4.4vw, 42px)/1.06 var(--display); letter-spacing: -.03em; margin: 0; text-wrap: balance; }
.mp .vp-h3 { font: 800 21px/1.2 var(--display); letter-spacing: -.02em; margin: 0; }
.mp .vp-lead { font: 400 clamp(17px, 1.8vw, 20px)/1.5 var(--text); color: var(--ink-2); margin: 0; max-width: 46ch; text-wrap: pretty; }
.mp .vp-small { font-size: 14px; line-height: 1.5; color: var(--ink-2); }
.mp .vp-centre .vp-lead { margin-left: auto; margin-right: auto; }
.mp .vp-link, .mp .vp-prose a, .mp .vp-faq .vp-faq-a a { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mp .vp-link:hover { text-decoration-color: var(--ink); }
.mp .vp-mark { color: var(--ink); }
.mp p { margin: 0; }


.mp .vp-hero { display: grid; gap: 16px; justify-items: center; text-align: center; padding: 6px 0 14px; }
.mp .vp-hero .vp-lead { margin: 0 auto; }
@media (min-width: 900px) { .mp .vp-hero { gap: 20px; padding-bottom: 22px; } }


.mp .vp-card, .mp .vp-band { background: var(--sheet); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow); padding: 22px; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
@media (min-width: 700px) { .mp .vp-card, .mp .vp-band { padding: 26px 28px; } }
.mp .vp-card p, .mp .vp-band p { color: var(--ink-2); }
.mp .vp-card > .vp-h3 + p, .mp .vp-band > .vp-h3 + p { margin-top: -2px; }
.mp .vp-card b, .mp .vp-band b, .mp .vp-card strong, .mp .vp-band strong { color: var(--ink); }
.mp .vp-wash-yellow, .mp .vp-wash-orange { background: var(--w-peach); }
.mp .vp-wash-blue, .mp .vp-wash-purple { background: var(--w-lav); }
.mp .vp-wash-green, .mp .vp-wash-mint, .mp .vp-wash-teal { background: var(--w-mint); }
.mp .vp-wash-pink { background: var(--w-rose); }

.mp .vp-card.vp-centre > p.vp-h3 { font-size: clamp(20px, 2.3vw, 24px); max-width: 34ch; margin: 0 auto; color: var(--ink); }


.mp .v-btn, .mp .btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 20px; border: 0; border-radius: var(--r-sm);
  background: var(--ink); color: #fff; font: 700 15.5px/1.2 var(--text); text-decoration: none; box-shadow: var(--glow-ink); cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s; }
.mp .v-btn:hover, .mp .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 16px 38px -12px rgba(108, 86, 210, .8), 0 2px 6px rgba(23, 21, 42, .18); }
.mp .v-btn:active { transform: translateY(1px); }
.mp .v-btn--ghost, .mp .btn { background: var(--sheet); color: var(--ink); border: 1px solid var(--hair); box-shadow: none; }
.mp .v-btn--ghost:hover, .mp .btn:hover { background: #fff; box-shadow: var(--glow-sm); }
.mp .v-btn--ink { background: var(--ink); color: #fff; }
.mp .v-btn--sm { min-height: 40px; padding: 8px 14px; font-size: 14.5px; }
.mp .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 11px 18px; border-radius: var(--r-sm); font: 700 15.5px/1.2 var(--text); text-decoration: none; cursor: pointer; }
.mp .btn-primary { border: 0; }
.mp .btn-wide { width: 100%; }
.mp .btn-quiet { background: transparent; border-color: transparent; box-shadow: none; text-decoration: underline; text-decoration-color: var(--violet); text-underline-offset: 3px; }
.mp .btn[disabled], .mp .btn[aria-disabled="true"], .mp .btn[aria-busy="true"], .mp .v-btn[disabled] { opacity: .6; cursor: progress; transform: none; }


.mp .field { display: grid; gap: 8px; }
.mp .label { font: 700 15px/1.2 var(--text); color: var(--ink); }
.mp .input, .mp textarea.input, .mp .v-input { width: 100%; font: 500 17px/1.3 var(--text); color: var(--ink); padding: 12px 16px; min-height: 52px; border-radius: var(--r-sm); background: #fff; border: 1px solid var(--hair); box-shadow: var(--glow-sm); }
.mp .input::placeholder, .mp .v-input::placeholder { color: var(--ink-3); }
.mp .input:focus, .mp .v-input:focus { outline: 0; border-color: color-mix(in srgb, var(--violet) 50%, transparent); box-shadow: 0 0 0 4px rgba(139, 108, 255, .14), var(--glow-sm); }
.mp .lead { font-size: 18px; line-height: 1.5; color: var(--ink-2); margin: 0; }
.mp .quiet { color: var(--ink-2); }
.mp .vp-say { margin: 0; padding: 12px 14px; border-radius: var(--r-sm); border: 1px solid var(--hair); background: #fff; color: var(--ink); font: 600 15px/1.45 var(--text); }
.mp .vp-say.er-feil { background: #FFF1F4; } .mp .vp-say.er-ok { background: #EEFAF3; }
.mp .toast { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 80; display: flex; gap: 12px; align-items: center; padding: 10px 12px 10px 18px; background: var(--ink); color: #fff; border-radius: var(--r-sm);
  font: 600 15px/1.3 var(--text); transform: translate(-50%, 180%); opacity: 0; pointer-events: none; transition: transform .3s, opacity .3s; box-shadow: var(--glow-ink); }
.mp .toast.on { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.mp .toast button { background: #fff; color: var(--ink); border: 0; border-radius: 8px; padding: 6px 12px; font-weight: 700; cursor: pointer; }
@supports (-webkit-touch-callout: none) { .mp .toast { bottom: calc(80px + env(safe-area-inset-bottom)); } }
.mp .nine-okt-linje { font-family: var(--text); }


:where(.mp) .vp-crew { display: inline-block; width: 84px; aspect-ratio: 200 / 220; flex: none; background: center bottom / contain no-repeat; }
.mp .vp-crew svg { display: none; }
:where(.mp) .vp-crew--s { width: 64px; } :where(.mp) .vp-crew--m { width: 110px; } :where(.mp) .vp-crew--l { width: 160px; }
.mp [data-crew="nine"] { background-image: url(/media/crew/nine-crew-nine-work.png?v=88f088b9a4); }
.mp [data-crew="boss"] { background-image: url(/media/crew/nine-crew-boss-look.png?v=c031bbc107); }
.mp [data-crew="director"] { background-image: url(/media/crew/nine-crew-director-work.png?v=57f2373345); }
.mp [data-crew="camera"] { background-image: url(/media/crew/nine-crew-camera-work.png?v=0726db9577); }
.mp [data-crew="motion"] { background-image: url(/media/crew/nine-crew-motion-work.png?v=29fa6dfaf5); }
.mp [data-crew="story"], .mp [data-crew="people"] { background-image: url(/media/crew/nine-crew-people-idle.png?v=49d13c3595); }
.mp [data-crew="craft"] { background-image: url(/media/crew/nine-crew-craft-work.png?v=f0ccf44126); }
.mp [data-crew="sound"] { background-image: url(/media/crew/nine-crew-sound-work.png?v=a5106d1837); }
.mp [data-crew="brand"] { background-image: url(/media/crew/nine-crew-brand-look.png?v=dbed9e1e28); }
.mp [data-crew-state="idle"][data-crew="director"] { background-image: url(/media/crew/nine-crew-director-idle.png?v=7ae67a3e8f); }
.mp [data-crew-state="idle"][data-crew="camera"] { background-image: url(/media/crew/nine-crew-camera-idle.png?v=d26dfe7b9c); }
.mp [data-crew-state="idle"][data-crew="motion"] { background-image: url(/media/crew/nine-crew-motion-idle.png?v=575c4dda7c); }
.mp [data-crew-state="idle"][data-crew="boss"] { background-image: url(/media/crew/nine-crew-boss-idle.png?v=cd8296df29); }

:where(.mp) .vp-disc { display: inline-grid; place-items: end center; border-radius: 14px; background: linear-gradient(135deg, #E6DEFF, #DAE7FF 55%, #D6F5EA); border: 1px solid var(--edge); box-shadow: var(--glow-sm); padding: 6px 8px 0; flex: none; }
.mp .vp-disc--pastel { background: var(--w-lav); }
.mp .vp-crew-row { display: flex; justify-content: center; align-items: flex-end; gap: 2px; }
.mp .vp-crew-row .vp-crew { width: min(58px, calc((100vw - 56px) / 5)); } 
.mp .vp-hero, .mp .vp-stack { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .mp .vp-crew-row .vp-crew { width: 76px; } .mp .vp-crew-row { gap: 6px; } }
.mp .vp-bubble { position: relative; display: inline-block; background: #fff; border: 1px solid var(--hair); border-radius: 12px 12px 12px 4px; padding: 10px 14px; font: 600 15px/1.35 var(--text); box-shadow: var(--glow-sm); max-width: 26ch; }
.mp .vp-pop-in { animation: mp-in .45s ease both; }
@keyframes mp-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { .mp .vp-pop-in { animation: none; } }


.mp .vp-faq { display: grid; gap: 0; padding: 4px 20px; background: var(--sheet); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.mp .vp-faq details { border-bottom: 1px solid var(--hair); }
.mp .vp-faq details:last-child { border-bottom: 0; }
.mp .vp-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 56px; padding: 12px 0; font: 700 17px/1.3 var(--display); }
.mp .vp-faq summary::-webkit-details-marker { display: none; }
.mp .vp-faq summary::after { content: "+"; flex: none; font: 600 22px/1 var(--text); color: var(--ink-2); }
.mp .vp-faq details[open] summary::after { content: "\2212"; }
.mp .vp-faq .vp-faq-a { padding: 0 0 18px; color: var(--ink-2); display: grid; gap: 10px; }
.mp .vp-faq .vp-faq-a p { margin: 0; }


.mp .vp-prose { max-width: 68ch; font-size: 17px; line-height: 1.65; color: var(--ink); }
.mp .vp-prose > * + * { margin-top: 14px; }
.mp .vp-prose h2 { font: 800 clamp(22px, 3vw, 28px)/1.15 var(--display); letter-spacing: -.02em; margin-top: 34px; scroll-margin-top: 90px; }
.mp .vp-prose h2:first-child { margin-top: 0; }
.mp .vp-prose h3 { font: 700 19px/1.25 var(--display); margin-top: 22px; }
.mp .vp-prose p, .mp .vp-prose li { color: var(--ink-2); overflow-wrap: anywhere; }
.mp .vp-prose b, .mp .vp-prose strong { color: var(--ink); font-weight: 700; }
.mp .vp-prose ul, .mp .vp-prose ol { padding-left: 1.3em; display: grid; gap: 8px; margin-bottom: 0; }
.mp .vp-prose ul { list-style: disc; } .mp .vp-prose ol { list-style: decimal; }
.mp .vp-prose li::marker { color: var(--violet); font-weight: 700; }
.mp .vp-prose blockquote { margin-left: 0; margin-right: 0; padding: 12px 16px; border-left: 3px solid var(--violet); background: var(--sheet-2); border-radius: 0 var(--r-sm) var(--r-sm) 0; display: grid; gap: 8px; }
.mp .vp-prose table { width: 100%; border-collapse: collapse; font-size: 15px; display: block; overflow-x: auto; }
.mp .vp-prose th, .mp .vp-prose td { border-bottom: 1px solid var(--hair); padding: 8px 10px; text-align: left; vertical-align: top; }


.mp .jus { padding: 24px 0 72px; }
.mp .jus > .grid { display: grid; gap: 24px; }
@media (min-width: 960px) { .mp .jus > .grid { grid-template-columns: 300px minmax(0, 1fr); gap: 48px; } .mp .jus-side { position: sticky; top: 84px; align-self: start; } }
.mp .jus-side { display: grid; gap: 12px; align-content: start; padding: 22px; background: var(--sheet); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.mp .jus-side .label { text-transform: uppercase; letter-spacing: .12em; font: 600 12px/1 var(--text); color: var(--ink-2); }
.mp .jus-side h1 { font: 800 clamp(32px, 5vw, 44px)/1.02 var(--display); letter-spacing: -.03em; margin: 0; }
.mp .jus-side .lead { font-size: 16.5px; }
.mp .jus-side .quiet { font-size: 14px; margin: 0; }
.mp .jus-meny { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.mp .jus-meny a, .mp .ct-meny a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: var(--r-sm); border: 1px solid var(--hair); background: #fff; color: var(--ink); text-decoration: none; font: 600 14px/1 var(--text); }
.mp .ct-meny a { min-height: 44px; }
.mp .jus-meny a:hover, .mp .ct-meny a:hover { box-shadow: var(--glow-sm); }
.mp .jus-meny a[aria-current="page"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.mp .jus-tekst { max-width: 70ch; min-width: 0; display: grid; gap: 14px; align-content: start; font-size: 17px; line-height: 1.65; }
.mp .jus-tekst h2 { font: 800 clamp(22px, 3vw, 27px)/1.15 var(--display); letter-spacing: -.02em; margin: 22px 0 0; scroll-margin-top: 90px; }
.mp .jus-tekst h2:first-child { margin-top: 0; }
.mp .jus-tekst h3 { font: 700 19px/1.25 var(--display); margin: 0; }
.mp .jus-tekst p, .mp .jus-tekst li { margin: 0; color: var(--ink-2); overflow-wrap: anywhere; }
.mp .jus-tekst b { color: var(--ink); font-weight: 700; }
.mp .jus-tekst a { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mp .jus-tekst ul, .mp .jus-tekst ol { margin: 0; padding-left: 1.3em; display: grid; gap: 10px; }
.mp .jus-tekst ul { list-style: disc; } .mp .jus-tekst ol { list-style: decimal; }
.mp .jus-tekst li::marker { color: var(--violet); }
.mp .jus-tekst blockquote { margin: 0; padding: 14px 16px; border: 1px solid var(--hair); background: #fff; border-radius: var(--r-sm); display: grid; gap: 8px; }
.mp .jus-firma { display: grid; gap: 14px; }
@media (min-width: 760px) { .mp .jus-firma { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mp .jus-firma .card { display: grid; gap: 8px; align-content: start; padding: 16px 18px; background: var(--sheet); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow-sm); }
.mp .jus-firma h3 { font: 700 19px/1.2 var(--display); }
.mp .tag { display: inline-flex; align-items: center; gap: 6px; justify-self: start; font: 600 11.5px/1.3 var(--text); letter-spacing: .1em; text-transform: uppercase; color: var(--violet-d); }
.mp .tag i { display: none; }


.mp .st-crew { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 700px) { .mp .st-crew { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.mp .st-crew li { display: grid; justify-items: center; align-content: start; gap: 4px; text-align: center; padding: 14px 10px; background: #fff; border: 1px solid var(--hair); border-radius: var(--r); box-shadow: var(--glow-sm); }
.mp .st-crew .vp-crew { width: 66px; }
.mp .st-crew .vp-disc { padding: 4px 6px 0; } .mp .st-crew .vp-disc .vp-crew { width: 54px; }
.mp .st-crew b { font: 800 17px/1.2 var(--display); margin-top: 4px; }
.mp .st-crew li > span:last-child { font-size: 14px; line-height: 1.35; color: var(--ink-2); }
.mp .ct-liste { margin: 0; padding-left: 1.2em; display: grid; gap: 10px; list-style: disc; }
.mp .ct-liste li::marker { color: var(--violet); }
.mp .ct-meny a { font-weight: 600; }
.mp .ab-why { position: relative; }
.mp .ab-why-crew { position: absolute; right: 12px; top: -58px; width: 84px; }


.mp .ab-sondre { display: grid; gap: 16px; align-items: end; margin: 8px 0; }
.mp .ab-sondre-bilde { width: 150px; height: auto; justify-self: center; }
.mp .ab-sondre-kort { display: grid; gap: 12px; padding: 24px; background: var(--w-peach); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow); }
.mp .ab-sondre-kort > * { margin: 0; }
.mp .ab-sondre-kort p { color: var(--ink-2); }
.mp .ab-sondre-kicker { font: 600 12px/1.2 var(--text) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--violet-d) !important; }
.mp .ab-sondre-fakta { list-style: none; padding: 0; display: grid; gap: 8px; }
.mp .ab-sondre-fakta li { padding: 9px 12px; background: rgba(255, 255, 255, .8); border: 1px solid var(--hair); border-radius: var(--r-sm); font: 500 15px/1.4 var(--text); }
.mp .ab-sondre-fakta b { font-weight: 700; margin-right: 4px; }
@media (min-width: 760px) { .mp .ab-sondre { grid-template-columns: 190px minmax(0, 1fr); } .mp .ab-sondre-bilde { width: 190px; } }

@media (max-width: 560px) {
  .mp .vp-wrap, .mp main.page { padding-left: 16px; padding-right: 16px; }
  .mp .vp-card, .mp .vp-band { padding: 18px; }
  .mp .vp-faq { padding: 2px 16px; }
  .mp .vp-row:not(.vp-centre) > .v-btn, .mp .vp-card.vp-centre .v-btn { flex: 1 1 auto; }
}



.mp .id-hero-crew > :nth-child(1), .mp .id-hero-crew > :nth-child(5) { transform: none; }
.mp .id-hero-bubble { border: 1px solid var(--hair); border-radius: 12px 12px 12px 4px; box-shadow: var(--glow-sm); transform: none; font: 700 14px/1.1 var(--display); }
.mp .id-kicker { font: 600 12px/1 var(--text); letter-spacing: .12em; color: var(--violet-d); }
.mp .id-hero h1 { font-size: clamp(40px, 7vw, 78px); color: var(--ink); }
.mp .id-hero h1 span::after { display: none; }
.mp .id-hero h1 span { background: linear-gradient(100deg, #5B3FD6, #8B6CFF 55%, #E77FB4); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .06em; }
.mp .id-lead { font-weight: 400; color: var(--ink-2); }
.mp .id-flabel, .mp .id-lab, .mp .id-pick legend { font: 600 11px/1 var(--text); letter-spacing: .12em; color: var(--ink-3); }
.mp .id-chip { border-radius: var(--r-sm); border: 1px solid var(--hair); background: var(--sheet); box-shadow: none; font-weight: 600; color: var(--ink); }
.mp .id-chip:hover { background: #fff; box-shadow: var(--glow-sm); }
.mp .id-chip:active { transform: none; }
.mp .id-chip[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); box-shadow: var(--glow-ink); }
.mp .id-dot { border-width: 0; box-shadow: inset 0 0 0 1px rgba(23, 21, 42, .15); }
.mp .id-chip[aria-pressed="true"] .id-dot.s-bold { background: #fff; }
.mp .id-fi { border-width: 1.5px; }
.mp .id-reset, .mp .id-small a, .mp .id-own-link { text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mp .id-card { border: 1px solid var(--edge); border-radius: var(--r); background: var(--sheet); box-shadow: var(--glow); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.mp .id-card:hover { transform: translateY(-2px); box-shadow: 0 30px 60px -20px rgba(108, 86, 210, .32), 0 2px 8px rgba(23, 21, 42, .06); }
.mp .id-poster { border: 0; border-radius: var(--r-sm); }
.mp .id-poster.s-funny, .mp .id-card:nth-child(even) .id-poster.s-funny { transform: none; }
.mp .id-tags > span { border: 1px solid var(--hair); border-radius: 6px; font-weight: 600; background: #fff; }
.mp .id-make { border: 0; border-radius: var(--r-sm); background: var(--ink); color: #fff; box-shadow: var(--glow-ink); font-family: var(--text); font-weight: 700; }
.mp .id-make:hover { transform: translateY(-1px); }
.mp .id-empty { background: var(--sheet); border: 1px dashed rgba(23, 21, 42, .25); border-radius: var(--r); }
.mp .id-sheet::backdrop { background: color-mix(in srgb, #17152A 38%, transparent); }
.mp .id-sheet-in { background: #fff; border: 1px solid var(--edge); border-bottom: 0; border-radius: 18px 18px 0 0; box-shadow: 0 32px 80px -24px rgba(60, 40, 140, .35); }
.mp .id-x { border: 1px solid var(--hair); border-radius: var(--r-sm); }
.mp .id-x:hover { background: #F3F1FA; }
.mp .id-sheet-poster .id-poster { box-shadow: var(--glow-sm); }
.mp .id-text { border: 1px solid var(--hair); border-radius: var(--r-sm); box-shadow: var(--glow-sm); }
.mp .id-text:focus { outline: 0; border-color: color-mix(in srgb, var(--violet) 50%, transparent); box-shadow: 0 0 0 4px rgba(139, 108, 255, .14); }
.mp .id-own { background: var(--w-peach); border: 1px solid var(--edge); border-radius: var(--r); box-shadow: var(--glow); }
.mp .id-own p { color: var(--ink-2); font-weight: 400; }
@media (min-width: 700px) {
  .mp .id-card { box-shadow: var(--glow); }
  .mp .id-sheet-in { border: 1px solid var(--edge); border-radius: 18px; box-shadow: 0 32px 80px -24px rgba(60, 40, 140, .35); }
}


.mp .art-kicker, .mp .art-steg-t, .mp .art-boble b, .mp .art-innhald p, .mp .art-start-ide span { font: 600 12px/1.2 var(--text); letter-spacing: .12em; color: var(--violet-d); }
.mp .art h1, .mp .art h2, .mp .art h3 { color: var(--ink); }
.mp .art-lead { font-weight: 400; color: var(--ink-2); }
.mp .art-in { color: var(--ink); }
.mp .art-kropp p, .mp .art-kropp li { color: #3B3852; }
.mp .art-sti a, .mp .art-kropp a:not(.btn):not(.v-btn), .mp .art-dato a, .mp .art-neste > p a, .mp .art-kjelde a, .mp .art-faq a { text-decoration-color: var(--violet); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mp .art-kropp li::marker { color: var(--violet); }
.mp :is(.art-svar, .art-steg, .art-liste a, .art-boble, .art-innhald, .art-kropp .art-tips, .art-kropp .art-oops, .art-kropp .art-idear li, .art-faq details, .art-start, .art-cta, .art-dorer a) {
  border: 1px solid var(--edge); border-radius: var(--r); background: var(--sheet); box-shadow: var(--glow); transform: none; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.mp .art-svar { background: var(--w-peach); }
.mp .art--hub .art-svar { background: var(--w-peach); }
.mp .art-boble { border-radius: 12px 12px 12px 4px; box-shadow: var(--glow-sm); }
.mp .art-kropp .art-tips { background: var(--w-peach); }
.mp .art-kropp .art-oops { background: var(--w-rose); }
.mp .art-kropp .art-idear li:nth-child(4n+1) { background: var(--w-lav); } .mp .art-kropp .art-idear li:nth-child(4n+2) { background: var(--w-mint); }
.mp .art-kropp .art-idear li:nth-child(4n+3) { background: var(--w-rose); } .mp .art-kropp .art-idear li:nth-child(4n+4) { background: var(--w-peach); }
.mp .art-cta, .mp .art-start--stor { background: var(--w-peach); }
.mp .art-liste a:hover, .mp .art-dorer a:hover { transform: translateY(-2px); box-shadow: 0 30px 60px -20px rgba(108, 86, 210, .32), 0 2px 8px rgba(23, 21, 42, .06); }
.mp .art-dorer a { background: color-mix(in srgb, var(--hub, #fff) 26%, rgba(255, 255, 255, .8)); }
.mp .art-dorer a.art-dor-ide { transform: none; background: var(--w-rose); }
.mp .art-kropp blockquote { border: 0; border-left: 3px solid var(--violet); border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--sheet-2); transform: none; }
.mp .art-kropp table { border: 1px solid var(--hair); border-radius: var(--r-sm); box-shadow: var(--glow-sm); }
.mp .art-steg li::before { border: 0; background: var(--ink); color: #fff; border-radius: 8px; box-shadow: var(--glow-ink); }
.mp .art-bilete img { border: 0; border-radius: var(--r); box-shadow: var(--glow); }
.mp .art-faq summary::after { border: 0; border-radius: 0; background: none !important; width: auto; height: auto; font: 600 20px/1 var(--text); color: var(--ink-2); }
.mp .art-merke a, .mp .art-sprak a, .mp .art-sprak b { border: 1px solid var(--hair); border-radius: var(--r-sm); background: #fff; box-shadow: none; }
.mp .art-merke a:hover, .mp .art-sprak a:hover { background: #fff; box-shadow: var(--glow-sm); }
.mp .art-sprak b { background: var(--ink); color: #fff; border-color: var(--ink); }
.mp .art-innhald a:hover { border-bottom-color: var(--violet); }


html.vp-bridge.mpb {
  --ground: #FBFAFF; --surface: #FFFFFF; --surface-2: #F3F1FA; --line: rgba(23, 21, 42, .10); --line-strong: rgba(23, 21, 42, .28);
  --ink: #17152A; --ink-2: #5A5775; --ink-3: #6E6A86; --focus: #8B6CFF; --acc: #17152A;
  --r-control: 10px; --r-card: 16px; --r-knapp: 10px;
  --lift-1: 0 10px 28px -14px rgba(108, 86, 210, .26), 0 1px 3px rgba(23, 21, 42, .05);
  --lift-film: 0 24px 60px -18px rgba(108, 86, 210, .2), 0 2px 8px rgba(23, 21, 42, .05);
  --v-paper: #FBFAFF; --v-paper-2: #F3F1FA;
}
.mpb body { background: #FBFAFF; color: #17152A;
  background-image: radial-gradient(50vmax 42vmax at 0% 0%, rgba(228, 220, 255, .75), transparent 70%),
                    radial-gradient(40vmax 36vmax at 100% 0%, rgba(255, 230, 217, .5), transparent 70%),
                    radial-gradient(46vmax 40vmax at 100% 100%, rgba(211, 243, 231, .6), transparent 70%); background-repeat: no-repeat; }
.mpb h1, .mpb h2, .mpb h3 { color: #17152A; }
.mpb .btn { border: 1px solid rgba(23, 21, 42, .10); background: rgba(255, 255, 255, .78); color: #17152A; border-radius: 10px; box-shadow: none; transform: none; }
.mpb .btn:hover { transform: translateY(-1px); background: #fff; box-shadow: 0 10px 28px -14px rgba(108, 86, 210, .26), 0 1px 3px rgba(23, 21, 42, .05); }
.mpb .btn:active { transform: translateY(1px); box-shadow: none; }
.mpb .btn-primary { border: 0; background: #17152A; color: #fff; box-shadow: 0 12px 30px -12px rgba(108, 86, 210, .6), 0 2px 6px rgba(23, 21, 42, .18); }
.mpb .btn-primary:hover { background: #17152A; box-shadow: 0 16px 38px -12px rgba(108, 86, 210, .8), 0 2px 6px rgba(23, 21, 42, .18); }
.mpb .btn-quiet { background: transparent; border-color: transparent; box-shadow: none; text-decoration: underline; text-decoration-color: #8B6CFF; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.mpb .btn-quiet:hover { background: transparent; box-shadow: none; }
.mpb .input, .mpb .rv-input, .mpb textarea { border: 1px solid rgba(23, 21, 42, .10); border-radius: 10px; background: #fff; box-shadow: 0 10px 28px -14px rgba(108, 86, 210, .26); }
.mpb .input:focus-visible, .mpb .rv-input:focus-visible, .mpb textarea:focus-visible { outline: 0; border-color: rgba(139, 108, 255, .5); box-shadow: 0 0 0 4px rgba(139, 108, 255, .14); }
.mpb .card, .mpb .notice { border: 1px solid rgba(255, 255, 255, .92); border-radius: 16px; box-shadow: 0 24px 60px -18px rgba(108, 86, 210, .2), 0 2px 8px rgba(23, 21, 42, .05); }
.mpb .notice { background: linear-gradient(140deg, #DDF5EA, #E4ECFF); }
.mpb .chip { border: 1px solid rgba(23, 21, 42, .10); border-radius: 10px; }
.mpb .chip[aria-pressed="true"] { background: #17152A; color: #fff; }
.mpb .pick { border: 1px solid rgba(23, 21, 42, .10); border-radius: 12px; box-shadow: none; background: #fff; }
.mpb .pick[aria-pressed="true"] { background: #fff; box-shadow: 0 0 0 2px #8B6CFF, 0 26px 60px -20px rgba(108, 86, 210, .45); }
.mpb a:not(.btn):not(.v-btn):not(.v-logo):not(.v-in) { text-decoration-color: #8B6CFF; }
.mpb .termin { border-radius: 12px; }
.mpb .termin button { border-radius: 9px; }
.mpb .eb-plan-tag { border-radius: 6px; }
.mpb .label, .mpb .eyebrow { color: #5A5775; }
:where(.mpb) .vp-crew { display: inline-block; width: 84px; aspect-ratio: 200 / 220; background: center bottom / contain no-repeat; }
.mpb .vp-crew svg { display: none; }
.mpb [data-crew="nine"] { background-image: url(/media/crew/nine-crew-nine-work.png?v=88f088b9a4); }
.mpb [data-crew="boss"] { background-image: url(/media/crew/nine-crew-boss-look.png?v=c031bbc107); }
.mpb [data-crew="director"] { background-image: url(/media/crew/nine-crew-director-work.png?v=57f2373345); }
.mpb [data-crew="camera"] { background-image: url(/media/crew/nine-crew-camera-work.png?v=0726db9577); }
.mpb [data-crew="motion"] { background-image: url(/media/crew/nine-crew-motion-work.png?v=29fa6dfaf5); }
.mpb [data-crew="story"], .mpb [data-crew="people"] { background-image: url(/media/crew/nine-crew-people-idle.png?v=49d13c3595); }
.mpb [data-crew="craft"] { background-image: url(/media/crew/nine-crew-craft-work.png?v=f0ccf44126); }
.mpb [data-crew="sound"] { background-image: url(/media/crew/nine-crew-sound-work.png?v=a5106d1837); }
.mpb [data-crew="brand"] { background-image: url(/media/crew/nine-crew-brand-look.png?v=dbed9e1e28); }
.mpb .eb-plankort { border: 1px solid rgba(23, 21, 42, .10); box-shadow: 0 10px 28px -14px rgba(108, 86, 210, .2); }
.mpb .eb-plankort[aria-checked="true"] { border-color: transparent; box-shadow: 0 0 0 2px #8B6CFF, 0 26px 60px -20px rgba(108, 86, 210, .45); }
.mpb .eb-kvittering { border-color: rgba(255, 255, 255, .92); box-shadow: 0 24px 60px -18px rgba(108, 86, 210, .2), 0 2px 8px rgba(23, 21, 42, .05); }