@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin-ext.woff2?v=776f6dcaf0) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin-ext.woff2?v=776f6dcaf0) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin-ext.woff2?v=776f6dcaf0) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin.woff2?v=a79fdb52d4) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin.woff2?v=a79fdb52d4) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-normal-500-800-latin.woff2?v=a79fdb52d4) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin-ext.woff2?v=bf7828e2c2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin-ext.woff2?v=bf7828e2c2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin-ext.woff2?v=bf7828e2c2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin-ext.woff2?v=bf7828e2c2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin.woff2?v=4ba7d3d096) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin.woff2?v=4ba7d3d096) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin.woff2?v=4ba7d3d096) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/figtree-normal-400-700-latin.woff2?v=4ba7d3d096) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root {
  --v-paper: #FFF7EC;      
  --v-paper-2: #FFEFD9;    
  --v-card: #FFFFFF;
  --v-ink: #1C1A27;        
  --v-ink-2: #55526A;      
  --v-line: #1C1A27;
  --v-soft-line: #EADFCF;

  
  --v-nine: #EDEFF4;
  --v-boss: #9FD8C2;
  --v-director: #E8672C;
  --v-camera: #4C8DF6;
  --v-motion: #A36BEA;
  --v-story: #35B178;
  --v-craft: #D4A418;
  --v-sound: #E8558A;
  --v-people: #19B3B3;
  --v-brand: #C08A5E;

  
  --v-wash-orange: #FFE1CF;
  --v-wash-blue: #DCE8FF;
  --v-wash-purple: #EEDFFF;
  --v-wash-green: #D8F3E4;
  --v-wash-yellow: #FFF0B8;
  --v-wash-pink: #FFDDE9;
  --v-wash-teal: #D2F4F2;
  --v-wash-mint: #E0F4EC;

  --v-cta: #FF6B3D;        
  --v-cta-ink: #1C1A27;

  --v-radius: 22px;
  --v-radius-sm: 14px;
  --v-pop: 4px 4px 0 var(--v-ink);       
  --v-pop-sm: 3px 3px 0 var(--v-ink);
  --v-pop-lg: 6px 6px 0 var(--v-ink);

  --v-font-display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --v-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}


.v-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  font: 700 17px/1 var(--v-font); letter-spacing: -.01em; text-decoration: none; cursor: pointer;
  padding: 16px 24px; min-height: 52px; border-radius: 999px;
  background: var(--v-cta); color: var(--v-cta-ink);
  border: 2.5px solid var(--v-ink); box-shadow: var(--v-pop);
  transition: transform .12s ease, box-shadow .12s ease, background .15s;
}
.v-btn:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--v-ink); }
.v-btn:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--v-ink); }
.v-btn:focus-visible { outline: 3px solid var(--v-camera); outline-offset: 3px; }
.v-btn--ghost { background: var(--v-card); }
.v-btn--ink { background: var(--v-ink); color: #fff; box-shadow: 4px 4px 0 var(--v-cta); }
.v-btn--sm { padding: 10px 16px; min-height: 42px; font-size: 15px; box-shadow: var(--v-pop-sm); }
.v-btn[disabled] { opacity: .55; cursor: not-allowed; }

.v-card {
  background: var(--v-card); color: var(--v-ink);
  border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); box-shadow: var(--v-pop);
}
.v-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font: 700 13px/1 var(--v-font); padding: 7px 12px; border-radius: 999px;
  border: 2px solid var(--v-ink); background: var(--v-wash-yellow); color: var(--v-ink);
}
.v-input {
  width: 100%; font: 500 18px/1.2 var(--v-font); color: var(--v-ink);
  padding: 16px 18px; min-height: 56px; border-radius: 16px;
  background: #fff; border: 2.5px solid var(--v-ink); box-shadow: inset 0 -3px 0 rgba(28,26,39,.06);
}
.v-input::placeholder { color: #8A8699; }
.v-input:focus { outline: 3px solid var(--v-camera); outline-offset: 2px; }

.v-sticker { 
  display: inline-block; font: 800 14px/1 var(--v-font-display); padding: 8px 12px; border-radius: 10px;
  border: 2px solid var(--v-ink); background: var(--v-wash-yellow); transform: rotate(-3deg); box-shadow: var(--v-pop-sm);
}


.v-crew svg.crew { overflow: visible; }


.n9-tb, .n9-tb-panel {
  --n9-flate: #FFFFFF; --n9-flate-2: var(--v-paper-2); --n9-blekk: var(--v-ink); --n9-blekk-2: var(--v-ink-2);
  --n9-linje: var(--v-soft-line); --n9-kant: var(--v-ink); --n9-fokus: var(--v-camera);
}


html body.studio-embedded { background: var(--v-paper); color: var(--v-ink); color-scheme: light;
  --paper: var(--v-paper); --ink: var(--v-ink); --ink-2: #3E3B4E; --ink-3: var(--v-ink-2); --line: #E6D8C4; --font-text: var(--v-font); }
html body.studio-embedded :is(input, textarea, select) { color-scheme: light; }
html body.studio-embedded .input { background: #fff; color: var(--v-ink); border-color: var(--v-ink); }
html body.studio-embedded .btn { border-radius: 999px; }
html body.studio-embedded h2 { font-family: var(--v-font-display); }
html body .utkast-strip a { color: var(--v-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--v-cta); text-decoration-thickness: 2px; text-underline-offset: 3px; }

html body.studio-embedded > :is(.v-nav, .v-foot) { display: none !important; }


:root:root { --font-mono: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif; }
svg.crew text { font-family: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif; }


@media (hover: none) and (pointer: coarse), (max-width: 760px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=file]), select, textarea { font-size: max(16px, 1em) !important; }
}


h1, h2, h3 { text-wrap: balance; }


:root:root:not(.v9) {
  --v-paper: #FBFAFF; --v-paper-2: #F3F1FB; --v-soft-line: rgba(23, 21, 42, .09);
  --v-ink-2: #5A5775; --v-line: rgba(23, 21, 42, .16);
  --v-wash-yellow: #EEE8FF; --v-wash-orange: #FFE9DD;
  --v-cta: #17152A; --v-cta-ink: #FFFFFF;
  --v-pop: 0 24px 60px -18px rgba(108, 86, 210, .2), 0 2px 8px rgba(23, 21, 42, .05);
  --v-pop-sm: 0 10px 28px -14px rgba(108, 86, 210, .26), 0 1px 3px rgba(23, 21, 42, .05);
  --v-pop-lg: 0 30px 70px -20px rgba(108, 86, 210, .24), 0 2px 8px rgba(23, 21, 42, .06);
  --v-radius: 16px; --v-radius-sm: 10px;
}
:where(html:not(.v9)) .v-btn { border: 0; border-radius: 10px; font-weight: 600; background: #17152A; color: #fff;
  box-shadow: 0 12px 30px -12px rgba(108, 86, 210, .6), 0 2px 6px rgba(23, 21, 42, .18); }
:where(html:not(.v9)) .v-btn:hover { transform: translateY(-1px); box-shadow: 0 16px 38px -12px rgba(108, 86, 210, .8), 0 2px 6px rgba(23, 21, 42, .18); }
:where(html:not(.v9)) .v-btn:active { transform: translateY(1px); box-shadow: 0 6px 16px -8px rgba(108, 86, 210, .6); }
:where(html:not(.v9)) .v-btn:focus-visible { outline: 3px solid #8B6CFF; }
:where(html:not(.v9)) .v-btn--ghost { background: rgba(255, 255, 255, .78); color: #17152A; border: 1px solid rgba(23, 21, 42, .09); box-shadow: none; }
:where(html:not(.v9)) .v-btn--ghost:hover { background: #fff; box-shadow: 0 10px 28px -14px rgba(108, 86, 210, .26); }
:where(html:not(.v9)) .v-btn--ink { background: #17152A; color: #fff; }
:where(html:not(.v9)) .v-btn--sm { box-shadow: none; }
:where(html:not(.v9)) .v-card { border: 1px solid rgba(255, 255, 255, .92); border-radius: 16px; background: rgba(255, 255, 255, .86); box-shadow: var(--v-pop); }
:where(html:not(.v9)) .v-chip { border: 1px solid rgba(23, 21, 42, .09); background: #EEE8FF; color: #17152A; font-weight: 600; border-radius: 8px; }
:where(html:not(.v9)) .v-input { border: 1px solid rgba(23, 21, 42, .16); border-radius: 10px; box-shadow: none; }
:where(html:not(.v9)) .v-input:focus { outline: 3px solid rgba(139, 108, 255, .45); border-color: #8B6CFF; }
:where(html:not(.v9)) .v-sticker { transform: none; border: 0; box-shadow: none; background: #EEE8FF; color: #5B3FD6; border-radius: 8px;
  font: 600 13px/1 var(--v-font); padding: 7px 11px; letter-spacing: .01em; }


@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fff7ec;--color-ink:#1c1a27;--font-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}


.art { padding: 28px 16px 72px; }
.art-in { display: grid; gap: 22px; width: 100%; max-width: 720px; margin: 0 auto; min-width: 0; font: 400 17px/1.6 var(--v-font); color: var(--v-ink); }
.art-in > * { margin: 0; min-width: 0; }
.art-crew { display: flex; align-items: flex-end; gap: 6px; }
.art-crew .vp-crew { width: 58px; } .art-crew .vp-disc .vp-crew { width: 48px; }
.art-kicker { font: 800 13px/1 var(--v-font); letter-spacing: .08em; text-transform: uppercase; color: #B8441B; }
.art-lead { font: 500 clamp(18px, 2.4vw, 21px)/1.5 var(--v-font); color: var(--v-ink-2); max-width: 40ch; }
.art-sti { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 600 15px/1.3 var(--v-font); color: var(--v-ink-2); }
.art-sti a { display: inline-flex; align-items: center; min-height: 44px; color: var(--v-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--v-cta); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.art h1 { font: 800 clamp(34px, 7vw, 56px)/1.02 var(--v-font-display); letter-spacing: -.03em; text-wrap: balance; }
.art h2 { font: 800 clamp(26px, 4.4vw, 34px)/1.06 var(--v-font-display); letter-spacing: -.025em; text-wrap: balance; }
.art h3 { font: 800 21px/1.15 var(--v-font-display); letter-spacing: -.02em; }
.art-svar { padding: 18px 20px; background: var(--v-wash-yellow); border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); box-shadow: var(--v-pop); }
.art-svar p { margin: 0; font: 500 clamp(18px, 2.2vw, 20px)/1.5 var(--v-font); color: var(--v-ink); }


.art-kropp { display: grid; gap: 16px; min-width: 0; grid-template-columns: minmax(0, 1fr); }

.art-kropp :is(h2, h3, p, li, td, th, blockquote, figcaption) { overflow-wrap: break-word; hyphens: auto; }
.art-kropp > * { margin: 0; }
.art-kropp h2 { margin-top: 18px; scroll-margin-top: 96px; }
.art-kropp h3 { margin-top: 8px; }
.art-kropp p, .art-kropp li { color: var(--v-ink); overflow-wrap: anywhere; }
.art-kropp b, .art-kropp strong { font-weight: 700; }
.art-kropp a:not(.btn):not(.v-btn), .art-dato a, .art-neste > p a, .art-kjelde a { color: var(--v-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--v-cta); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.art-kropp a:hover { text-decoration-color: var(--v-ink); }
.art-kropp ul:not(.art-liste), .art-kropp ol:not(.art-steg) { margin: 0; padding-left: 1.3em; display: grid; gap: 8px; }
.art-kropp li::marker { color: #B8441B; font-weight: 800; }
.art-kropp blockquote { margin: 0; padding: 16px 18px; background: var(--v-wash-blue); border: 2.5px solid var(--v-ink); border-radius: 18px; font: 500 19px/1.45 var(--v-font); transform: rotate(-.5deg); }
.art-kropp table { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 16px; overflow: hidden; display: block; overflow-x: auto; }
.art-kropp th, .art-kropp td { text-align: left; padding: 10px 12px; border-bottom: 1.5px solid var(--v-soft-line); vertical-align: top; }
.art-kropp th { background: var(--v-paper-2); font-weight: 800; }
.art-kropp code { font: 600 .92em/1.3 var(--v-font); background: var(--v-paper-2); padding: 2px 6px; border-radius: 6px; }


.art-steg { list-style: none; margin: 0; padding: 18px; display: grid; gap: 14px; counter-reset: steg; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); box-shadow: var(--v-pop); }
.art-steg li { counter-increment: steg; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; }
.art-steg li::before { content: counter(steg); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--v-cta); border: 2px solid var(--v-ink); color: var(--v-ink); font: 800 16px/1 var(--v-font-display); }
.art-steg-t { font: 800 13px/1 var(--v-font); letter-spacing: .08em; text-transform: uppercase; color: #B8441B; }


.art-bilete { margin: 0; display: grid; gap: 8px; }
.art-bilete img { width: 100%; height: auto; display: block; border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); box-shadow: var(--v-pop); background: var(--v-card); }
.art-bilete figcaption { font: 500 14px/1.4 var(--v-font); color: var(--v-ink-2); }
.art-kjelde { display: block; }


.art-cta { display: grid; gap: 14px; padding: 20px; background: var(--v-wash-orange); border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); margin-top: 8px; }
.art-cta p { margin: 0; font: 600 18px/1.45 var(--v-font); }
.art-cta .row { display: flex; flex-wrap: wrap; gap: 12px; }
.art-cta .v-btn { white-space: normal; text-align: center; }


.art-neste, .art-gruppe { display: grid; gap: 14px; margin-top: 8px; }
.art-neste > *, .art-gruppe > * { margin: 0; }
.art-gruppe h2 { font-size: clamp(22px, 3vw, 26px); }
.art-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.art-liste a { display: grid; gap: 4px; padding: 16px 18px; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 18px; box-shadow: var(--v-pop-sm); color: var(--v-ink); text-decoration: none; transition: transform .12s ease, box-shadow .12s ease; }
.art-liste a:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--v-ink); }
.art-liste a:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--v-ink); }
.art-liste a:focus-visible, .art-sti a:focus-visible { outline: 3px solid var(--v-camera); outline-offset: 3px; }
.art-liste b { font: 800 19px/1.2 var(--v-font-display); letter-spacing: -.01em; }
.art-liste span { font: 400 15px/1.45 var(--v-font); color: var(--v-ink-2); }
.art-dato { font: 500 14px/1.5 var(--v-font); color: var(--v-ink-2); }

@media (min-width: 900px) {
  .art { padding: 48px 24px 96px; }
  .art-in { gap: 26px; }
  .art-crew .vp-crew { width: 78px; } .art-crew .vp-disc .vp-crew { width: 64px; }
  .art-svar, .art-cta, .art-steg { padding: 24px 26px; }
  .art-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .art-neste .art-liste { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .art-liste a { transition: none; } }




.art-vert { display: flex; align-items: flex-end; gap: 14px; }
.art-vert .vp-disc { padding: 8px 10px 4px; }
.art-vert .vp-crew { width: 62px; }
.art-boble { position: relative; margin: 0 0 18px; padding: 12px 16px; max-width: 30ch; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 18px 18px 18px 4px; box-shadow: var(--v-pop-sm); font: 600 15px/1.4 var(--v-font); color: var(--v-ink); transform: rotate(-1deg); }
.art-boble b { display: block; font: 800 12px/1.2 var(--v-font); letter-spacing: .08em; text-transform: uppercase; color: #B8441B; margin-bottom: 2px; }

.art-meta { font: 600 14px/1.4 var(--v-font); color: var(--v-ink-2); margin-top: -8px !important; }


.art-innhald { padding: 16px 18px; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 18px; }
.art-innhald p { margin: 0 0 8px; font: 800 13px/1 var(--v-font); letter-spacing: .08em; text-transform: uppercase; color: #B8441B; }
.art-innhald ol { margin: 0; padding-left: 1.4em; display: grid; gap: 4px; }
.art-innhald li::marker { font-weight: 800; color: var(--v-ink-2); }
.art-innhald a { display: inline-block; padding: 6px 0; color: var(--v-ink); font: 600 16px/1.3 var(--v-font); text-decoration: none; border-bottom: 2px solid transparent; }
.art-innhald a:hover { border-bottom-color: var(--v-cta); }


.art-kropp .art-tips, .art-kropp .art-oops { padding: 14px 18px; border: 2.5px solid var(--v-ink); border-radius: 18px; box-shadow: var(--v-pop-sm); font: 500 17px/1.5 var(--v-font); }
.art-kropp .art-tips { background: var(--v-wash-yellow); transform: rotate(.4deg); }
.art-kropp .art-oops { background: var(--v-wash-pink); transform: rotate(-.4deg); }
.art-kropp .art-tips > b:first-child, .art-kropp .art-oops > b:first-child { display: block; font: 800 13px/1.2 var(--v-font); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.art-kropp ul.art-idear { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.art-kropp .art-idear li { padding: 14px 16px; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 16px; box-shadow: var(--v-pop-sm); }
.art-kropp .art-idear li:nth-child(4n+1) { background: var(--v-wash-blue); transform: rotate(-.6deg); }
.art-kropp .art-idear li:nth-child(4n+2) { background: var(--v-wash-green); transform: rotate(.5deg); }
.art-kropp .art-idear li:nth-child(4n+3) { background: var(--v-wash-purple); transform: rotate(-.3deg); }
.art-kropp .art-idear li:nth-child(4n+4) { background: var(--v-wash-orange); transform: rotate(.6deg); }
.art-kropp .art-idear li b { display: block; font: 800 18px/1.2 var(--v-font-display); margin-bottom: 2px; }
.art-kropp .art-sitat { font: 800 clamp(24px, 4vw, 32px)/1.15 var(--v-font-display); letter-spacing: -.02em; text-align: center; padding: 8px 0; text-wrap: balance; }


.art-faq { display: grid; gap: 10px; }
.art-faq h2 { margin: 8px 0 4px; }
.art-faq details { background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: 16px; box-shadow: var(--v-pop-sm); }
.art-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 52px; padding: 12px 16px; font: 700 17px/1.3 var(--v-font); }
.art-faq summary::-webkit-details-marker { display: none; }
.art-faq summary::after { content: '+'; flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--v-ink); background: var(--v-wash-yellow); font: 800 18px/1 var(--v-font-display); }
.art-faq details[open] summary::after { content: '\2212'; background: var(--v-cta); }
.art-faq summary:focus-visible { outline: 3px solid var(--v-camera); outline-offset: 2px; border-radius: 14px; }
.art-faq details > div { padding: 0 16px 14px; display: grid; gap: 10px; }
.art-faq details > div > * { margin: 0; }
.art-faq a { color: var(--v-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--v-cta); text-decoration-thickness: 3px; text-underline-offset: 4px; }


.art-merke { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.art-merke > span { font: 700 14px/1 var(--v-font); color: var(--v-ink-2); }
.art-merke a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 2px solid var(--v-ink); border-radius: 999px; background: var(--v-card); color: var(--v-ink); font: 700 15px/1 var(--v-font); text-decoration: none; box-shadow: 2px 2px 0 var(--v-ink); }
.art-merke a:hover { background: var(--v-wash-yellow); }


.art-in--brei { max-width: 960px; }
.art-in--brei > .art-lead { max-width: 46ch; }
.art-dorer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.art-dorer a { display: grid; gap: 4px; align-content: start; padding: 14px; background: var(--hub, var(--v-wash-yellow)); border: 2.5px solid var(--v-ink); border-radius: 18px; box-shadow: var(--v-pop-sm); color: var(--v-ink); text-decoration: none; transition: transform .12s ease, box-shadow .12s ease; }
.art-dorer a:nth-child(odd) { transform: rotate(-.6deg); } .art-dorer a:nth-child(even) { transform: rotate(.6deg); }
.art-dorer a:hover { transform: translate(-1px, -2px) rotate(0); box-shadow: 5px 5px 0 var(--v-ink); }
.art-dorer .vp-crew { width: 48px; }
.art-dorer b { font: 800 19px/1.15 var(--v-font-display); letter-spacing: -.01em; }
.art-dorer span:not(.vp-crew) { font: 500 14px/1.4 var(--v-font); color: var(--v-ink-2); }
.art--hub .art-svar { background: var(--hub, var(--v-wash-yellow)); }

@media (min-width: 900px) {
  .art-vert .vp-crew { width: 78px; }
  .art-boble { font-size: 16px; }
  .art-dorer { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .art-dorer .vp-crew { width: 60px; }
  .art-kropp .art-idear { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .art-in--brei .art-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .art-dorer a, .art-boble, .art-kropp .art-tips, .art-kropp .art-oops, .art-kropp .art-idear li { transition: none; transform: none; }
}


.art-alle { margin: 0; }
.art-alle .v-btn { min-height: 48px; padding: 12px 20px; font-size: 16px; }


.art-start { display: grid; gap: 12px; justify-items: start; padding: 18px 20px; background: var(--v-card); border: 2.5px solid var(--v-ink); border-radius: var(--v-radius); box-shadow: var(--v-pop); }
.art-start > * { margin: 0; }
.art-start-ide { font: 600 18px/1.4 var(--v-font); color: var(--v-ink); }
.art-start-ide span { display: block; margin-bottom: 4px; font: 800 12px/1.2 var(--v-font); letter-spacing: .08em; text-transform: uppercase; color: #B8441B; }
.art-start-smatt { font: 500 14px/1.4 var(--v-font); color: var(--v-ink-2); }
.art-start .v-btn { white-space: normal; text-align: center; }
.art-start--stor { background: var(--v-wash-orange); margin-top: 8px; }
.art-start--stor .art-start-ide { font: 800 clamp(20px, 3vw, 24px)/1.25 var(--v-font-display); letter-spacing: -.01em; }


.art-sprak { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font: 600 14px/1 var(--v-font); color: var(--v-ink-2); }
.art-sprak > span { margin-right: 4px; }
.art-sprak a, .art-sprak b { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 999px; border: 2px solid var(--v-ink); color: var(--v-ink); text-decoration: none; font-weight: 700; }
.art-sprak a { background: var(--v-card); }
.art-sprak b { background: var(--v-ink); color: var(--v-paper); }
.art-sprak a:hover { background: var(--v-wash-yellow); }


.art-dorer a.art-dor-ide { grid-column: 1 / -1; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; transform: rotate(-.4deg); background: repeating-linear-gradient(-45deg, var(--v-wash-pink) 0 18px, var(--v-wash-yellow) 18px 36px); }
.art-dorer a.art-dor-ide .vp-crew { grid-row: span 2; }
.art-dorer a.art-dor-ide b { font-size: 22px; }


.mp .art-lag.v-btn { min-height: 44px; white-space: normal; text-align: center; }
.art-kropp li > .art-lag { display: flex; width: max-content; max-width: 100%; margin: 8px 0 4px; }
.art-lag-rad { margin: 4px 0 20px; }
.art-idear { margin-top: 28px; }
.art-idear-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.art-idear-liste li { display: grid; gap: 8px; justify-items: start; padding: 16px 18px; background: var(--v-card); border: 2px solid var(--v-ink); border-radius: var(--v-radius); }
.art-idear-liste b { font: 800 18px/1.3 var(--v-font-display); color: var(--v-ink); }
.art-idear-liste span { font: 500 16px/1.5 var(--v-font); color: var(--v-ink-2); }
@media (min-width: 760px) { .art-idear-liste { grid-template-columns: 1fr 1fr; } }


@media (max-width: 899px) {
  .art-innhald a { padding: 12px 0; }
  .art-neste > p > a { display: inline-flex; align-items: center; min-height: 44px; }
}




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); }


.nb-top, .nb-sub, .nb-sheet, .nb-menu, .nb-foot {
  --nb-pearl: #FBFAFF;
  --nb-sheet: rgba(255, 255, 255, .78);
  --nb-edge: rgba(255, 255, 255, .92);
  --nb-ink: #17152A;
  --nb-ink-2: #5A5775;
  --nb-ink-3: #77738F;
  --nb-hair: rgba(23, 21, 42, .10);
  --nb-violet: #8B6CFF;
  --nb-glow-sm: 0 10px 28px -14px rgba(108, 86, 210, .32), 0 1px 3px rgba(23, 21, 42, .06);
  --nb-glow: 0 24px 60px -18px rgba(108, 86, 210, .26), 0 2px 8px rgba(23, 21, 42, .06);
  --nb-r: 10px;
  --nb-text: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --nb-display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --nb-w: 1240px;
  box-sizing: border-box;
  font-family: var(--nb-text);
  -webkit-font-smoothing: antialiased;
}
.nb-top *, .nb-sheet *, .nb-menu *, .nb-foot * { box-sizing: border-box; }
.nb-top a, .nb-sheet a, .nb-menu a, .nb-foot a { color: inherit; }
.nb-top :focus-visible, .nb-sheet :focus-visible, .nb-menu :focus-visible, .nb-foot :focus-visible { outline: 2px solid var(--nb-violet); outline-offset: 2px; }


.nb-top { position: sticky; top: 0; z-index: 60; display: block; margin: 0; padding: 0; width: 100%;
  background: rgba(251, 250, 255, .74); backdrop-filter: saturate(1.2) blur(14px); -webkit-backdrop-filter: saturate(1.2) blur(14px);
  border-bottom: 1px solid var(--nb-hair); color: var(--nb-ink); }
.nb-in { max-width: var(--nb-w); margin: 0 auto; height: 60px; padding: 0 24px; display: flex; align-items: center; gap: 32px; }
.nb-top .nb-mark { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; text-decoration: none; color: var(--nb-ink); flex: none; }
.nb-top .nb-mark svg { height: 38px; width: auto; display: block; } 
.nb-word { font: 800 21px/1 var(--nb-display); letter-spacing: -.02em; }
.nb-links { display: flex; align-items: stretch; gap: 26px; height: 100%; margin: 0; }
.nb-top .nb-l { display: inline-flex; align-items: center; height: 100%; text-decoration: none; font: 600 15px/1 var(--nb-text);
  color: var(--nb-ink-2); border-bottom: 2px solid transparent; margin-bottom: -1px; padding: 0 1px; white-space: nowrap; }
.nb-top .nb-l:hover { color: var(--nb-ink); }
.nb-top .nb-l[aria-current="page"] { color: var(--nb-ink); border-bottom-color: var(--nb-ink); }
.nb-end { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.nb-top .nb-in-link { font: 600 15px/1 var(--nb-text); color: var(--nb-ink-2); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.nb-top .nb-in-link:hover { color: var(--nb-ink); }

.nb-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px;
  background: var(--nb-ink); color: #fff !important; border: 0; border-radius: var(--nb-r); font: 600 15px/1 var(--nb-text);
  text-decoration: none; white-space: nowrap; box-shadow: var(--nb-glow-sm); cursor: pointer; transition: transform .12s, box-shadow .12s; }
.nb-btn:hover { transform: translateY(-1px); box-shadow: var(--nb-glow); }
.nb-btn:active { transform: none; }

.nb-top .nb-plan { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; text-decoration: none; min-height: 44px; justify-content: center; }
.nb-plan-k { font-size: 12px; color: var(--nb-ink-3); }
.nb-plan-v { font-size: 13px; font-weight: 600; color: var(--nb-ink-2); }
.nb-plan-v i { font-style: normal; font-weight: 500; color: var(--nb-ink-3); }
.nb-top .nb-plan:hover .nb-plan-v { color: var(--nb-ink); text-decoration: underline; text-underline-offset: 3px; }
.nb-me { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--nb-edge); border-radius: var(--nb-r);
  background: linear-gradient(135deg, #E6DEFF, #DAE7FF 55%, #D6F5EA); box-shadow: var(--nb-glow-sm); color: var(--nb-ink);
  font: 700 15px/1 var(--nb-display); cursor: pointer; padding: 0; flex: none; }
.nb-me[aria-expanded="true"] { outline: 2px solid var(--nb-ink); outline-offset: 2px; }

.nb-menu-btn { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid var(--nb-hair); border-radius: var(--nb-r);
  background: var(--nb-sheet); color: var(--nb-ink); font: 600 15px/1 var(--nb-text); cursor: pointer; }
.nb-lines { width: 16px; height: 10px; position: relative; display: inline-block; }
.nb-lines::before, .nb-lines::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: currentColor; border-radius: 1px; transition: transform .2s, top .2s; }
.nb-lines::before { top: 0; } .nb-lines::after { top: 8px; }
.nb-menu-btn[aria-expanded="true"] .nb-lines::before { top: 4px; transform: rotate(45deg); }
.nb-menu-btn[aria-expanded="true"] .nb-lines::after { top: 4px; transform: rotate(-45deg); }


.nb-top[data-nb-quiet] .nb-end > :not(.nb-menu-btn) { visibility: hidden; }


.nb-menu { position: absolute; z-index: 70; min-width: 236px; padding: 8px; background: #fff; 
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--nb-hair); border-radius: 14px; box-shadow: var(--nb-glow); color: var(--nb-ink); }
.nb-menu[hidden], .nb-sheet[hidden] { display: none !important; }
.nb-menu-who { padding: 10px 12px 12px; border-bottom: 1px solid var(--nb-hair); margin-bottom: 6px; }
.nb-menu-who b { display: block; font: 700 15px/1.25 var(--nb-text); overflow-wrap: anywhere; }
.nb-menu-who span { display: block; font-size: 13px; color: var(--nb-ink-2); margin-top: 2px; overflow-wrap: anywhere; }
.nb-menu a, .nb-menu button { display: flex; align-items: center; width: 100%; min-height: 40px; padding: 0 12px; border: 0; background: none; border-radius: 8px;
  font: 500 15px/1.2 var(--nb-text); color: var(--nb-ink); text-decoration: none; text-align: left; cursor: pointer; }
.nb-menu a:hover, .nb-menu button:hover { background: rgba(139, 108, 255, .09); }
.nb-menu hr, .nb-sheet hr { border: 0; border-top: 1px solid var(--nb-hair); margin: 6px 0; }

.nb-sheet { position: fixed; left: 0; right: 0; top: var(--nb-sheet-top, 60px); bottom: 0; z-index: 59; overflow-y: auto; overscroll-behavior: contain;
  background: #FBFAFF; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); color: var(--nb-ink); padding: 8px 16px 32px; }
.nb-sheet-in { max-width: 560px; margin: 0 auto; }
.nb-sheet .nb-s-h { margin: 18px 0 4px; font: 600 12px/1 var(--nb-text); letter-spacing: .1em; text-transform: uppercase; color: var(--nb-ink-3); }
.nb-sheet a.nb-s-l, .nb-sheet button.nb-s-l { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 0 2px;
  border: 0; border-bottom: 1px solid var(--nb-hair); background: none; font: 600 18px/1.2 var(--nb-text); color: var(--nb-ink); text-decoration: none; text-align: left; cursor: pointer; }
.nb-sheet a.nb-s-l[aria-current="page"]::after { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--nb-violet); }
.nb-sheet .nb-s-plan { margin: 16px 0 0; padding: 14px 16px; border: 1px solid var(--nb-edge); background: var(--nb-sheet); border-radius: 14px; box-shadow: var(--nb-glow-sm); text-decoration: none; display: block; }
.nb-sheet .nb-s-plan b { display: block; font-size: 16px; }
.nb-sheet .nb-s-plan span { display: block; font-size: 14px; color: var(--nb-ink-2); margin-top: 2px; }
.nb-sheet .nb-s-end { display: grid; gap: 10px; margin-top: 22px; }
.nb-sheet .nb-s-end .nb-btn { min-height: 50px; font-size: 16px; }
.nb-sheet .nb-s-end .nb-ghost { display: flex; align-items: center; justify-content: center; min-height: 50px; border: 1px solid var(--nb-hair); border-radius: var(--nb-r);
  background: var(--nb-sheet); font: 600 16px/1 var(--nb-text); color: var(--nb-ink); text-decoration: none; }
html.nb-locked, html.nb-locked body { overflow: hidden; }


.nb-foot { position: relative; display: block; margin: 0; overflow: hidden; color: var(--nb-ink); border-top: 1px solid var(--nb-hair);
  background: radial-gradient(60% 120% at 0% 100%, rgba(207, 224, 255, .7), transparent 70%),
              radial-gradient(50% 110% at 100% 0%, rgba(220, 209, 255, .65), transparent 70%),
              radial-gradient(40% 90% at 70% 110%, rgba(201, 241, 226, .55), transparent 70%), var(--nb-pearl); }
.nb-foot-in { max-width: var(--nb-w); margin: 0 auto; padding: 56px 24px 28px; display: grid; gap: 32px 28px; grid-template-columns: 1.5fr repeat(4, 1fr); }
.nb-foot .nb-f-brand .nb-mark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--nb-ink); min-height: 44px; }
.nb-foot .nb-f-brand .nb-mark svg { height: 44px; width: auto; }
.nb-foot .nb-f-brand p { margin: 10px 0 0; max-width: 32ch; font: 400 15px/1.5 var(--nb-text); color: var(--nb-ink-2); }
.nb-foot .nb-f-brand .nb-f-disc { margin-top: 18px; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border: 1px solid var(--nb-edge);
  border-radius: var(--nb-r); background: var(--nb-sheet); box-shadow: var(--nb-glow-sm); font: 600 15px/1 var(--nb-text); text-decoration: none; color: var(--nb-ink); }
.nb-foot .nb-f-disc svg { width: 20px; height: 16px; color: #5865F2; }
.nb-foot h2 { margin: 0 0 10px; font: 600 12px/1.2 var(--nb-text); letter-spacing: .1em; text-transform: uppercase; color: var(--nb-ink-3); }
.nb-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.nb-foot li > a, .nb-foot li > button, .nb-foot .n9-tb-fotlenke { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; min-height: 34px;
  font: 500 15px/1.3 var(--nb-text); color: var(--nb-ink-2); cursor: pointer; }
.nb-foot li > a:hover, .nb-foot li > button:hover, .nb-foot .n9-tb-fotlenke:hover { color: var(--nb-ink); text-decoration: underline; text-underline-offset: 3px; }
.nb-foot li > a:focus-visible, .nb-foot li > button:focus-visible, .nb-foot .n9-tb-fotlenke:focus-visible { outline: 2px solid var(--nb-violet); outline-offset: 2px; border-radius: 4px; }
.nb-foot-low { max-width: var(--nb-w); margin: 0 auto; padding: 18px 24px 28px; display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: center;
  border-top: 1px solid var(--nb-hair); font: 400 13px/1.5 var(--nb-text); color: var(--nb-ink-3); }
.nb-foot-low a { text-decoration: underline; text-underline-offset: 2px; }

.nb-foot-more { grid-column: 1 / -1; display: grid; gap: 4px 28px; grid-template-columns: 1.2fr 2fr .8fr; border-top: 1px solid var(--nb-hair); padding-top: 24px; }
.nb-foot-more summary { list-style: none; cursor: default; margin: 0 0 10px; font: 600 12px/1.2 var(--nb-text); letter-spacing: .1em; text-transform: uppercase; color: var(--nb-ink-3); }
.nb-foot-more summary::-webkit-details-marker { display: none; }
.nb-foot-more details:nth-child(2) ul { grid-template-columns: 1fr 1fr; column-gap: 24px; }
.nb-foot-more ul a { font-size: 14px !important; }



.nb-top .nb-brand { display: inline-flex; align-items: center; gap: 7px; min-width: 0; height: 32px; padding-left: 12px; margin-left: -18px; border-left: 1px solid var(--nb-hair); flex: 0 1 auto; }
.nb-top .nb-brand-logo { display: block; height: 26px; width: auto; max-width: 120px; object-fit: contain; border-radius: 4px; }
.nb-top .nb-brand-wm { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 17px/1.1 var(--brand-display, var(--nb-display)); color: var(--brand-ink, var(--nb-ink)); letter-spacing: -.01em; }
.nb-top .nb-brand-s { font: 600 13px/1 var(--nb-text); color: var(--nb-ink-2); white-space: nowrap; }
.nb-top .nb-brand-land { animation: nb-land .7s cubic-bezier(.3, 1.6, .5, 1) both; transform-origin: 0 50%; }
@keyframes nb-land { 0% { opacity: 0; transform: translateY(-14px) scale(.6); } 60% { opacity: 1; } 100% { opacity: 1; transform: none; } }
@media (max-width: 1080px) {
  .nb-in { gap: 22px; }
  .nb-links { gap: 18px; }
  .nb-top .nb-l-wide { display: none; } 
  .nb-foot-in { grid-template-columns: repeat(4, 1fr); }
  .nb-f-brand { grid-column: 1 / -1; }
}
@media (max-width: 899px) {
  .nb-in { padding: 0 16px; height: 56px; gap: 12px; }
  .nb-links, .nb-top .nb-in-link, .nb-me, .nb-plan-k, .nb-plan-v i { display: none; }
  .nb-top .nb-plan { min-height: 44px; padding: 0 4px; }
  .nb-menu-btn { display: inline-flex; }
  .nb-end { gap: 8px; }
  .nb-end > * { flex: none; } 
  .nb-btn { min-height: 44px; padding: 0 14px; }
  .nb-sheet { --nb-sheet-top: 56px; }
}
@media (max-width: 759px) {
  .nb-foot-in { grid-template-columns: 1fr 1fr; padding: 40px 16px 20px; gap: 26px 16px; }
  .nb-foot li > a, .nb-foot li > button, .nb-foot .n9-tb-fotlenke { min-height: 44px; min-width: 44px; } 
  .nb-foot-low { padding: 16px 16px 28px; }
  .nb-foot-more { grid-template-columns: 1fr; gap: 0; }
  .nb-foot-more details { border-bottom: 1px solid var(--nb-hair); }
  .nb-foot-more summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; justify-content: space-between; margin: 0; }
  .nb-foot-more summary::after { content: "+"; font-size: 18px; letter-spacing: 0; }
  .nb-foot-more details[open] summary::after { content: "\2212"; }
  .nb-foot-more details:nth-child(2) ul { grid-template-columns: 1fr; }
}
@media (max-width: 899px) {
  .nb-top .nb-brand { margin-left: -4px; padding-left: 10px; gap: 6px; height: 28px; }
  .nb-top .nb-brand-logo { height: 24px; max-width: 84px; }
  .nb-top .nb-brand-wm { max-width: 104px; font-size: 15px; }
  .nb-top .nb-brand-s { font-size: 12.5px; }
}
@media (max-width: 380px) {
  .nb-top .nb-brand-wm { max-width: 74px; }
  .nb-top .nb-brand-logo { max-width: 64px; }
  .nb-top .nb-btn { padding: 0 12px; font-size: 14px; }
  .nb-menu-btn { padding: 0 10px; }
}
@media (prefers-reduced-motion: reduce) { .nb-btn, .nb-lines::before, .nb-lines::after { transition: none; } .nb-top .nb-brand-land { animation: none; } }


body.nb-on .n9-mobile-nav { display: none !important; }
body.nb-on.n9-has-mobile-nav { padding-bottom: 0 !important; }

html.nb-docked body.nb-on.n9-has-mobile-nav { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }


@media (max-width: 899px) {
  @supports (-webkit-touch-callout: none) {
    input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]), textarea, select { font-size: max(16px, 1em) !important; }
  }
}


.nb-top .nb-live { gap: 7px; } .nb-top .nb-live i { width: 7px; height: 7px; border-radius: 50%; background: #2E8F62; animation: nb-pulse 1.8s ease-in-out infinite; }
.nb-top .nb-live small { font: 12px var(--nb-text); color: var(--nb-ink-3); }
.nb-top .nb-live { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1 var(--nb-text); color: var(--nb-ink-2); text-decoration: none; }
@keyframes nb-pulse { 50% { opacity: .35; } }
.nb-dock { display: none; }
@media (max-width: 899px) {
  html.nb-docked body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  
  
  html:has(.nb-dock) main :is(button, input, textarea, select) { scroll-margin-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .nb-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 58; display: grid; grid-template-columns: repeat(4, 1fr); padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px));
    background: rgba(251, 250, 255, .96); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--nb-hair); font-family: var(--nb-text); }
  .nb-dock a { display: grid; justify-items: center; gap: 2px; min-height: 54px; padding-top: 6px; color: var(--nb-ink-3); text-decoration: none; font: 500 12px/1.2 var(--nb-text); border-radius: 12px; }
  .nb-dock a[aria-current="page"] { color: var(--nb-ink); }
  .nb-dock .nb-dock-ic { display: grid; place-items: center; width: 44px; height: 28px; border-radius: 10px; }
  .nb-dock a[aria-current="page"] .nb-dock-ic { background: rgba(139, 108, 255, .12); }
  .nb-dock .nb-dock-ic svg { width: 24px; height: 24px; }
  .nb-dock .nb-dock-ic svg:not(.ic) { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  html.nb-docked .n9-tb { bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important; }
}


.nb-top .nb-bulb, .nb-sheet .nb-bulb, .nb-menu .nb-bulb { width: 22px; height: 22px; flex: none; overflow: visible; color: var(--nb-ink); }
.nb-bulb .nb-eyes { transform-box: fill-box; transform-origin: center; animation: nb-blink 5.5s infinite; }
.nb-bulb .nb-rays { opacity: .5; transition: opacity .2s; }
.nb-top .nb-ideas { gap: 7px; color: var(--nb-ink); font-weight: 700; }
.nb-top .nb-ideas .nb-bulb { margin-top: -3px; transform-origin: 50% 90%; }
.nb-top .nb-ideas:hover .nb-bulb, .nb-ideas-btn:hover .nb-bulb, .nb-door:hover .nb-bulb { animation: nb-wiggle .7s ease; }
.nb-top .nb-ideas:hover .nb-rays, .nb-ideas-btn:hover .nb-rays, .nb-top .nb-ideas[aria-current="page"] .nb-rays { opacity: 1; }
@keyframes nb-blink { 0%, 92%, 100% { transform: none; } 95% { transform: scaleY(.12); } }
@keyframes nb-wiggle { 0%, 100% { transform: none; } 25% { transform: rotate(-12deg); } 55% { transform: rotate(9deg); } 80% { transform: rotate(-4deg); } }

.nb-top .nb-who { gap: 6px; background: none; border-top: 0; border-left: 0; border-right: 0; cursor: pointer; }
.nb-top .nb-who[data-current], .nb-top .nb-who[aria-expanded="true"] { color: var(--nb-ink); }
.nb-top .nb-who[data-current] { border-bottom-color: var(--nb-ink); }
.nb-chev { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
.nb-who[aria-expanded="true"] .nb-chev { transform: translateY(1px) rotate(-135deg); }
.nb-menu.nb-whop { width: 360px; padding: 8px; display: grid; gap: 4px; }
.nb-menu.nb-whop a.nb-door { display: grid; min-height: 72px; border: 0; box-shadow: none; background: none; padding: 10px; }
.nb-menu.nb-whop a.nb-door:hover { background: rgba(139, 108, 255, .08); }
.nb-menu.nb-whop .nb-whop-low { gap: 8px; min-height: 44px; border-top: 1px solid var(--nb-hair); border-radius: 0 0 8px 8px; margin-top: 4px; font-size: 14px; color: var(--nb-ink-2); }
.nb-menu.nb-whop .nb-whop-low .nb-bulb { width: 18px; height: 18px; }

.nb-doors { display: grid; gap: 8px; margin: 10px 0 14px; }
.nb-door { display: grid; grid-template-columns: 48px 1fr; gap: 12px; align-items: center; min-height: 68px; padding: 10px 12px; text-decoration: none; color: var(--nb-ink);
  background: var(--nb-sheet); border: 1px solid var(--nb-edge); border-radius: 14px; box-shadow: var(--nb-glow-sm); }
.nb-door-i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: #FFF4C7; overflow: hidden; }
.nb-door:nth-child(2) .nb-door-i { background: #DDF5EA; }
.nb-door:nth-child(3) .nb-door-i { background: #EBE4FF; }
.nb-door:nth-child(4) .nb-door-i { background: #FFE6DA; }
.nb-door-i .nb-bulb, .nb-door-i svg { width: 28px; height: 28px; }
.nb-door-i img { width: 42px; height: 46px; object-fit: contain; object-position: center bottom; margin-top: 6px; }
.nb-door-t { min-width: 0; }
.nb-door b { display: block; font: 700 17px/1.2 var(--nb-text); }
.nb-door small { display: block; margin-top: 3px; font: 500 14px/1.35 var(--nb-text); color: var(--nb-ink-2); }
.nb-door[aria-current="page"] { outline: 2px solid var(--nb-violet); outline-offset: -2px; }
.nb-doors--tiles { grid-template-columns: 1fr 1fr; }
.nb-doors--tiles .nb-door { grid-template-columns: 1fr; align-content: start; justify-items: start; min-height: 150px; gap: 10px; padding: 14px; }
.nb-doors--tiles .nb-door-i { width: 56px; height: 56px; }
.nb-doors--tiles .nb-door b { font-size: 16px; }

.nb-ideas-btn { display: none; width: 44px; height: 44px; place-items: center; border: 1px solid var(--nb-hair); border-radius: var(--nb-r); background: var(--nb-sheet); color: var(--nb-ink); flex: none; }
.nb-ideas-btn .nb-bulb { width: 26px !important; height: 26px !important; }
.nb-ideas-btn[aria-current="page"] { border-color: var(--nb-ink); }
@media (max-width: 899px) {
  .nb-ideas-btn { display: inline-grid; }
  .nb-top.nb-has-brand .nb-ideas-btn { display: none; }
}
.nb-btn .nb-free { margin-left: -4px; }
@media (max-width: 480px) { .nb-top .nb-free { display: none; } }
@media (prefers-reduced-motion: reduce) { .nb-bulb .nb-eyes, .nb-bulb { animation: none !important; } .nb-chev { transition: none; } }


.nb-top .nb-end[data-nb-for="in"] { display: none; }
html[data-nb-k="in"] .nb-top .nb-end[data-nb-for="in"] { display: flex; }
html[data-nb-k="in"] .nb-top .nb-end[data-nb-for="out"] { display: none; }
html[data-nb-k="wait"] .nb-top .nb-end[data-nb-for="out"], .nb-top[data-nb-wait] .nb-end { visibility: hidden; animation: nb-wait-over 0s linear 1.6s forwards; }
@keyframes nb-wait-over { to { visibility: visible; } }

.nb-top [data-nb-hint="p1"]::before { content: var(--nb-p1, "Your plan"); }
.nb-top [data-nb-hint="p2"]::before { content: var(--nb-p2, "\a0"); }
.nb-top [data-nb-hint="i"]::before { content: var(--nb-i, ""); }

.nb-top .nb-make .nb-free { margin-left: -4px; }
@media (max-width: 1180px) { .nb-top .nb-make .nb-free { display: none; } }
@media (max-width: 899px) { .nb-top .nb-make { display: none; } }

.nb-sub { display: block; margin: 0; background: transparent; border-bottom: 1px solid var(--nb-hair); color: var(--nb-ink); }
.nb-sub-in { max-width: var(--nb-w); margin: 0 auto; padding: 0 24px; min-height: 46px; display: flex; align-items: center; gap: 4px; }
.nb-sub a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 9px;
  font: 500 15px/1 var(--nb-text); color: var(--nb-ink-2); text-decoration: none; white-space: nowrap; }
.nb-sub a:first-child { margin-left: -12px; }
.nb-sub a:hover { color: var(--nb-ink); background: rgba(23, 21, 42, .05); }
.nb-sub a[aria-current="page"] { color: var(--nb-ink); font-weight: 600; background: rgba(139, 108, 255, .12); }
.nb-sub a:focus-visible { outline: 2px solid var(--nb-violet); outline-offset: 2px; }
@media (max-width: 899px) { .nb-sub { display: none; } }

@media (min-width: 900px) { .nb-top.nb-studio .nb-in { max-width: none; padding: 0 24px; gap: 28px; } }
.nb-top.nb-studio .nb-links { gap: 2px; align-items: center; }
.nb-top.nb-studio .nb-l { height: 38px; padding: 0 12px; border-radius: 9px; border-bottom: 0; margin: 0; font-weight: 500; color: var(--nb-ink-2); background: none; border-top: 0; border-left: 0; border-right: 0; cursor: pointer; font-family: var(--nb-text); font-size: 15px; }
.nb-top.nb-studio .nb-l:hover { color: var(--nb-ink); background: rgba(23, 21, 42, .05); }
.nb-top.nb-studio .nb-l[aria-current="page"] { color: var(--nb-ink); font-weight: 600; background: rgba(139, 108, 255, .12); }
.nb-top.nb-studio .nb-ideas { gap: 6px; margin-left: 14px; }
.nb-top.nb-studio .nb-ideas .nb-bulb { width: 22px; height: 22px; }
.nb-top.nb-studio .nb-more { display: inline-flex; align-items: center; gap: 6px; }
.nb-top.nb-studio .nb-more .nb-chev { width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.nb-top.nb-studio .nb-more[aria-expanded="true"] { color: var(--nb-ink); background: rgba(23, 21, 42, .05); }
@media (min-width: 900px) { .nb-top.nb-studio .nb-brand { margin-left: -14px; } }
.nb-top.nb-studio .nb-brand-wm { font: 600 15px/1.1 var(--nb-text); color: var(--nb-ink); max-width: 160px; }
.nb-top.nb-studio .nb-brand-logo + .nb-brand-wm { margin-left: 2px; }
.nb-morep { min-width: 220px; padding: 6px; }
.nb-morep a { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 8px; text-decoration: none; font: 500 14.5px/1.2 var(--nb-text); color: var(--nb-ink); }
.nb-morep a:hover, .nb-morep a:focus-visible { background: rgba(23, 21, 42, .05); }
html[data-brand="on"] .nb-top.nb-studio .nb-l[aria-current="page"] { background: var(--sb-wash, rgba(139, 108, 255, .12)); color: var(--sb-accent, var(--nb-ink)); }
@media (min-width: 900px) and (max-width: 1180px) { .nb-top.nb-studio .nb-in { gap: 18px; } }
@media (max-width: 1180px) { .nb-top.nb-studio .nb-l { padding: 0 9px; } .nb-top.nb-studio .nb-brand-wm { display: none; } .nb-top.nb-studio .nb-brand-logo + .nb-brand-wm { display: none; } }
@media (max-width: 1180px) { .nb-top.nb-studio .nb-brand:not(:has(img)) .nb-brand-wm { display: block; max-width: 100px; } }

@media (min-width: 900px) { .nb-top.nb-studio .nb-brand { width: 210px; flex: none; } }
@media (min-width: 900px) { body.studio .nb-top.nb-studio .nb-brand-logo { width: auto; max-width: 96px; height: 26px; flex: none; } }
.nb-top.nb-studio .nb-brand-wm { flex: 1 1 auto; min-width: 0; }
@media (min-width: 900px) and (max-width: 1180px) { .nb-top.nb-studio .nb-brand { width: 110px; } }

@media (max-width: 899px) { .nb-top.nb-studio .nb-brand-logo + .nb-brand-wm { display: none; } }


@media (max-width: 899px) {
  .nb-top .nb-in { gap: 8px; }
  .nb-top .nb-end { flex: 1 1 auto; min-width: 0; margin: 0; display: flex; align-items: center; gap: 8px; }
  html[data-nb-k="in"] .nb-top .nb-end[data-nb-for="in"] { display: flex; }
  .nb-top .nb-end > .nb-btn:not(.nb-make), .nb-top .nb-end > .nb-me { order: 1; flex: none; }
  .nb-top .nb-end > .nb-ideas-btn { order: 2; margin-left: auto; display: inline-grid; }
  .nb-top .nb-end > .nb-menu-btn { order: 3; flex: none; }
  .nb-top .nb-end > .nb-make, .nb-top .nb-end > .nb-plan, .nb-top .nb-end > .nb-live, .nb-top .nb-end > .nb-in-link { display: none; }
  .nb-top .nb-end > .nb-me { display: grid; width: 44px; height: 44px; border-radius: 50%; }
  
  .nb-top .nb-ideas-btn { text-decoration: none; width: 48px; height: 44px; grid-template-rows: 24px 12px; align-content: center; justify-items: center; row-gap: 1px; padding: 0; }
  .nb-top .nb-ideas-btn .nb-bulb { width: 22px !important; height: 22px !important; }
  .nb-top .nb-ideas-btn::after { content: "Ideas"; font: 600 10.5px/12px var(--nb-text); letter-spacing: .01em; color: var(--nb-ink-2); }
  
  .nb-top.nb-has-brand .nb-end > .nb-ideas-btn { display: none; }
  
  .nb-top .nb-end > .nb-me, .nb-top .nb-end > .nb-ideas-btn, .nb-top .nb-ideas-btn { display: none !important; }
  .nb-top .nb-end > .nb-menu-btn { margin-left: auto; }
}


.nb-foot-low { padding-bottom: 88px; }
@media (max-width: 899px) { .nb-foot-low { padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)); } }


@media (max-width: 339px) { .nb-top .nb-end > .nb-btn:not(.nb-make) { padding: 0 10px; } }


.nb-top .sb-bar-sw { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 10px; margin: 0;
  border: 1px solid var(--nb-hair); border-radius: 999px; background: rgba(255, 255, 255, .72); color: var(--nb-ink-2);
  font: 600 14px/1 var(--nb-text); white-space: nowrap; cursor: pointer; color-scheme: light; -webkit-appearance: none; appearance: none; }
.nb-top .sb-bar-sw:hover { color: var(--nb-ink); border-color: rgba(23, 21, 42, .2); background: #fff; }
.nb-top .sb-bar-sw:focus-visible { outline: 2px solid var(--nb-violet); outline-offset: 2px; }
.nb-top .sb-look-sw, .nb-menu .sb-look-sw, .nb-sheet .sb-look-sw { flex: none; position: relative; width: 28px; height: 16px; border-radius: 999px; background: #D9D7E4; transition: background .15s ease; }
.nb-top .sb-look-sw > span, .nb-menu .sb-look-sw > span, .nb-sheet .sb-look-sw > span { position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; }
.nb-top [aria-pressed="true"] > .sb-look-sw, .nb-menu [aria-checked="true"] > .sb-look-sw, .nb-sheet [aria-checked="true"] > .sb-look-sw { background: var(--sb-action, var(--nb-ink)); }
.nb-top [aria-pressed="true"] > .sb-look-sw > span, .nb-menu [aria-checked="true"] > .sb-look-sw > span, .nb-sheet [aria-checked="true"] > .sb-look-sw > span { transform: translateX(12px); }
.nb-menu .sb-look-row, .nb-sheet .sb-look-row { gap: 10px; min-height: 48px; }
.nb-menu .sb-look-w, .nb-sheet .sb-look-w { display: grid; line-height: 1.25; text-align: left; }
.nb-menu .sb-look-w b, .nb-sheet .sb-look-w b { font-weight: 600; font-size: 14px; }
.nb-menu .sb-look-w small, .nb-sheet .sb-look-w small { font-size: 12.5px; color: var(--nb-ink-2); }
@media (max-width: 899px) { .nb-top .sb-bar-sw { display: none !important; } }

@media (max-width: 899px) {
  html.nb-docked body { padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  .nb-dock { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; border-top: 1px solid #E3E2EA; box-shadow: 0 -4px 16px rgba(23, 21, 42, .08); padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)); z-index: 60; }
  .nb-dock a { min-height: 58px; padding-top: 4px; gap: 3px; color: #55526A; font: 600 12.5px/1.2 var(--nb-text); }
  .nb-dock .nb-dock-ic { width: 52px; height: 30px; border-radius: 999px; }
  .nb-dock a[aria-current="page"] { color: #4A3FD9; }
  .nb-dock a[aria-current="page"] .nb-dock-ic { background: #E6E3FF; }
  .nb-dock a[aria-current="page"] span:last-child { font-weight: 700; }
  html[data-dock="b"] .nb-dock { background: #17152A; border-top-color: #17152A; box-shadow: 0 -4px 16px rgba(23, 21, 42, .2); }
  html[data-dock="b"] .nb-dock a { color: #C9C7D4; }
  html[data-dock="b"] .nb-dock a[aria-current="page"] { color: #fff; }
  html[data-dock="b"] .nb-dock a[aria-current="page"] .nb-dock-ic { background: #FF5A1F; }
  html.nb-docked .n9-tb { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 899px) {
  html:not([data-dock]) .nb-dock { color-scheme: light; background: linear-gradient(100deg, #EEE8FF 0%, #F6ECFB 45%, #FFE9F2 80%, #EAF8F1 100%); border-top: 1px solid rgba(139, 108, 255, .28); box-shadow: 0 -6px 18px rgba(74, 63, 217, .10); }
  html:not([data-dock]) body .nb-dock a { color: #4B4862; }
  html:not([data-dock]) .nb-dock a[aria-current="page"] { color: #3B30C4; }
  html:not([data-dock]) .nb-dock a[aria-current="page"] .nb-dock-ic { background: #fff; box-shadow: 0 1px 4px rgba(74, 63, 217, .22), inset 0 0 0 1px rgba(139, 108, 255, .35); }
}

@media (max-width: 899px) {
  .nb-dock .nb-dock-ic svg.nb-tile { width: 28px; height: 28px; stroke: none; fill: initial; overflow: visible; transition: transform .15s; }
  .nb-dock a[aria-current="page"] .nb-tile .nb-t-bg { fill: var(--t); }
  .nb-dock a[aria-current="page"] .nb-tile { transform: translate(-1px, -1px); }
  html:not([data-dock]) .nb-dock a[aria-current="page"] .nb-dock-ic,
  .nb-dock a[aria-current="page"] .nb-dock-ic { background: none; box-shadow: none; }
  .nb-dock .nb-dock-ic { height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .nb-dock .nb-dock-ic svg.nb-tile { transition: none; } }

@media (max-width: 899px) {
  .nb-dock .nb-dock-ic svg.nb-soft { width: 26px; height: 26px; stroke: none; fill: initial; --nb-cut: #F6F1FC; color: #6B6880; }
  .nb-dock a[aria-current="page"] .nb-dock-ic svg.nb-soft { color: #7B5CFF; --nb-cut: #fff; }
  .nb-dock .nb-dock-ic { width: 56px; height: 32px; border-radius: 999px; transition: background .15s; }
  html:not([data-dock]) .nb-dock a[aria-current="page"] .nb-dock-ic, .nb-dock a[aria-current="page"] .nb-dock-ic { background: linear-gradient(100deg, rgba(139, 108, 255, .18), rgba(255, 122, 168, .16)); box-shadow: none; }
}