/*!
 * Fiber ProTector Norge AS — main.css
 * Generert fra de statiske HTML-sidene (landingsite-eksport).
 *
 * Struktur:
 *   1. Kompilert Tailwind (union av alle sidenes kompilerte utility-CSS)
 *   2. Design tokens (:root custom properties)
 *   3. Komponentblokker (header, reveal, marquee, FAQ, produkter, osv.)
 *
 * NB: FontAwesome + Google Fonts enqueues separat i functions.php.
 */

/* ================================================================
   1. Kompilert Tailwind (base + utilities)
   ================================================================ */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
*,
::before,
::after {
  box-sizing: border-box;
  
  border-width: 0;
  
  border-style: solid;
  
  border-color: #e5e7eb;
  
}
::before,
::after {
  --tw-content: '';
}
html,
:host {
  line-height: 1.5;
  
  -webkit-text-size-adjust: 100%;
  
  -moz-tab-size: 4;
  
  -o-tab-size: 4;
     tab-size: 4;
  
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  font-feature-settings: normal;
  
  font-variation-settings: normal;
  
  -webkit-tap-highlight-color: transparent;
  
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::after,::before{--tw-content:''}
:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
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;text-decoration:inherit}
b,strong{font-weight:bolder}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  font-feature-settings: normal;
  
  font-variation-settings: normal;
  
  font-size: 1em;
  
}
code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  
  background-color: transparent;
  
  background-image: none;
  
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid {
  box-shadow: none;
}
:-moz-ui-invalid{}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search'] {
  -webkit-appearance: textfield;
  
  outline-offset: -2px;
  
}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
menu,ol,ul{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  
  color: #9ca3af;
  
}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,
[role="button"] {
  cursor: pointer;
}
[role=button],button{cursor:pointer}
:disabled{cursor:default}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  
  vertical-align: middle;
  
}
audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
[hidden]:where(:not([hidden=until-found])){display:none}
.pointer-events-none{pointer-events:none}
.visible {
  visibility: visible;
}
.invisible{visibility:hidden}
.fixed {
  position: fixed;
}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.-top-6{top:-1.5rem}
.bottom-0{bottom:0px}
.bottom-3{bottom:0.75rem}
.left-0{left:0px}
.left-1 {
  left: 0.25rem;
}
.left-1\/2{left:50%}
.left-4{left:1rem}
.left-8{left:2rem}
.right-0{right:0px}
.right-3{right:0.75rem}
.right-4{right:1rem}
.right-5 {
  right: 1.25rem;
}
.top-0{top:0px}
.top-1 {
  top: 0.25rem;
}
.top-1\/2{top:50%}
.top-4{top:1rem}
.top-full {
  top: 100%;
}
.bottom-10{bottom:2.5rem}
.left-10{left:2.5rem}
.right-10{right:2.5rem}
.top-10{top:2.5rem}
.top-28 {
  top: 7rem;
}
.z-0{z-index:0}
.z-10{z-index:10}
.z-40{z-index:40}
.z-20{z-index:20}
.z-30 {
  z-index: 30;
}
.z-50{z-index:50}
.order-1{order:1}
.order-2{order:2}
.mx-auto{margin-left:auto;margin-right:auto}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-12{margin-top:3rem;margin-bottom:3rem}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8{margin-top:2rem;margin-bottom:2rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-14 {
  margin-bottom: 3.5rem;
}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-20{margin-bottom:5rem}
.mb-24{margin-bottom:6rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6{margin-bottom:1.5rem}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8{margin-bottom:2rem}
.ml-1{margin-left:0.25rem}
.ml-14 {
  margin-left: 3.5rem;
}
.ml-16 {
  margin-left: 4rem;
}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-4{margin-right:1rem}
.mt-12{margin-top:3rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4{margin-top:1rem}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-auto {
  margin-top: auto;
}
.mt-1{margin-top:0.25rem}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10{margin-top:2.5rem}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table {
  display: table;
}
.grid{display:grid}
.hidden{display:none}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.aspect-\[9\/16\]{aspect-ratio:9/16}
.aspect-square{aspect-ratio:1 / 1}
.aspect-video{aspect-ratio:16 / 9}
.h-full{height:100%}
.max-h-\[260px\] {
  max-height: 260px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-28{height:7rem}
.h-32{height:8rem}
.h-40{height:10rem}
.h-48{height:12rem}
.h-\[600px\]{height:600px}
.h-\[800px\]{height:800px}
.h-\[calc\(100vh-7rem\)\] {
  height: calc(100vh - 7rem);
}
.min-h-\[700px\]{min-height:700px}
.w-1{width:0.25rem}
.h-auto{height:auto}
.h-10{height:2.5rem}
.h-20{height:5rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-8{height:2rem}
.min-h-\[600px\]{min-height:600px}
.min-h-\[calc\(100vh-7rem\)\] {
  min-height: calc(100vh - 7rem);
}
.min-h-full {
  min-height: 100%;
}
.h-56{height:14rem}
.h-6 {
  height: 1.5rem;
}
.h-80{height:20rem}
.h-\[50vh\]{height:50vh}
.min-h-\[400px\]{min-height:400px}
.min-h-\[480px\] {
  min-height: 480px;
}
.min-h-\[500px\] {
  min-height: 500px;
}
.h-64{height:16rem}
.h-96{height:24rem}
.min-h-screen{min-height:100vh}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-20{width:5rem}
.w-16{width:4rem}
.w-2 {
  width: 0.5rem;
}
.w-40{width:10rem}
.w-\[500px\]{width:500px}
.w-\[700px\]{width:700px}
.w-auto{width:auto}
.w-full{width:100%}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-full {
  min-width: 100%;
}
.w-10{width:2.5rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-64{width:16rem}
.w-96{width:24rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-7xl{max-width:80rem}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-none{max-width:none}
.max-w-2xl{max-width:42rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-xl{max-width:36rem}
.flex-1{flex:1 1 0%}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0{flex-shrink:0}
.shrink {
  flex-shrink: 1;
}
.list-disc{list-style-type:disc}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-grow{flex-grow:1}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-ew-resize{cursor:ew-resize}
.cursor-pointer{cursor:pointer}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{resize:none}
.resize {
  resize: both;
}
.scroll-mt-24 {
  scroll-margin-top: 6rem;
}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-start{align-items:flex-start}
.items-end {
  align-items: flex-end;
}
.items-center{align-items:center}
.items-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-1{gap:0.25rem}
.gap-12{gap:3rem}
.gap-14 {
  gap: 3.5rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-px{gap:1px}
.bg-\[var\(--light-border-color\)\]{background-color:var(--light-border-color)}
.hover\:bg-\[\#f8fafc\]:hover{background-color:#f8fafc}
@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:hidden{display:none}}
/* Sertifiseringsgrid: delelinjer som celleborders (avrundingssikkert,
   i motsetning til gap-px som kan forsvinne ved brøkdels-kolonnebredder) */
.fp-cert-cells{overflow:hidden}
.fp-cert-cells>*{border-left:1px solid var(--light-border-color);border-top:1px solid var(--light-border-color);margin-left:-1px;margin-top:-1px}
/* Artikkel-FAQ accordion (single.php) */
details.group>summary{list-style:none}
details.group>summary::-webkit-details-marker{display:none}
details.group[open] summary .fa-chevron-down{transform:rotate(180deg)}
.w-8{width:2rem}
.py-9{padding-top:2.25rem;padding-bottom:2.25rem}
.mb-5{margin-bottom:1.25rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.bg-\[\#dbeaf8\]{background-color:#dbeaf8}
.hover\:bg-\[var\(--primary-color\)\]:hover{background-color:var(--primary-color)}
.hover\:bg-\[\#dbeaf8\]:hover{background-color:#dbeaf8}
.hover\:text-\[var\(--primary-color\)\]:hover{color:var(--primary-color)}
/* Aktiv side i hovedmenyen: diskret strek under gjeldende toppnivaa-element */
#global-header .fp-nav-active{position:relative;}
#global-header .fp-nav-active::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.15rem;height:2px;background:currentColor;border-radius:1px;}
/* Felles myk transition paa alle knapper (CTA-er, faner, skjema-submit) */
a[class*="font-bold"],button[class*="font-bold"],a[class*="font-semibold"],button[class*="font-semibold"],.ff-btn-submit{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;}
/* Global skala: siden opplevdes litt for «zoomet inn» som standard.
   Senket rot-fontstørrelse på desktop skalerer alle rem-baserte
   størrelser ned et hakk; mobil beholder full størrelse for lesbarhet. */
@media (min-width:1024px){html{font-size:90%}}
/* Prose-lister: Tailwind-reset fjerner kulepunkter — gjenopprett dem i
   redaksjonelt innhold (personvern, artikler, rich_text-seksjoner). */
.prose ul{list-style:disc;padding-left:1.5rem;margin:1rem 0}
.prose ol{list-style:decimal;padding-left:1.5rem;margin:1rem 0}
.prose ul li,.prose ol li{margin:.4rem 0;padding-left:.25rem}
.prose ul ul{list-style:circle;margin:.4rem 0}
.gap-8{gap:2rem}
.gap-10{gap:2.5rem}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-0.5rem * var(--tw-space-x-reverse));margin-left:calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)))}
.gap-5{gap:1.25rem}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.space-y-48 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(12rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.self-start{align-self:flex-start}
.overflow-hidden{overflow:hidden}
.overflow-x-auto {
  overflow-x: auto;
}
.whitespace-nowrap{white-space:nowrap}
.break-words {
  overflow-wrap: break-word;
}
.break-all{word-break:break-all}
.rounded-lg{border-radius:0.5rem}
.rounded-r-lg{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
.border {
  border-width: 1px;
}
.rounded-sm{border-radius:0.125rem}
.rounded-full{border-radius:9999px}
.border-2{border-width:2px}
.border-4{border-width:4px}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-t{border-top-width:1px}
.border-t-2 {
  border-top-width: 2px;
}
.border-\[var\(--accent4-color\)\]{border-color:var(--accent4-color)}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4{border-left-width:4px}
.border-\[var\(--light-border-color\)\]{border-color:var(--light-border-color)}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}
.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.bg-\[\#121B4D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 27 77 / var(--tw-bg-opacity, 1));
}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.border-\[var\(--primary-color\)\]{border-color:var(--primary-color)}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15 {
  background-color: rgb(255 255 255 / 0.15);
}
.bg-\[\#e6f3ff\]{--tw-bg-opacity:1;background-color:rgb(230 243 255 / var(--tw-bg-opacity, 1))}
.bg-\[\#f1f7fb\]{--tw-bg-opacity:1;background-color:rgb(241 247 251 / var(--tw-bg-opacity, 1))}
.bg-\[\#f3f4f6\]{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-\[\#f8fafc\]{--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
.bg-\[var\(--accent-color\)\]{background-color:var(--accent-color)}
.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.bg-black\/30{background-color:rgb(0 0 0 / 0.3)}
.bg-black\/70{background-color:rgb(0 0 0 / 0.7)}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-black\/40{background-color:rgb(0 0 0 / 0.4)}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
.from-black\/70{--tw-gradient-from:rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.via-black\/50{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-black\/70{--tw-gradient-to:rgb(0 0 0 / 0.7) var(--tw-gradient-to-position)}
.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.bg-transparent {
  background-color: transparent;
}
.bg-white\/90{background-color:rgb(255 255 255 / 0.9)}
.bg-\[var\(--light-background-color\)\]{background-color:var(--light-background-color)}
.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}
.from-\[var\(--primary-color\)\]{--tw-gradient-from:var(--primary-color) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.from-black\/80{--tw-gradient-from:rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
.via-black {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/60{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.via-black\/70{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-\[var\(--dark-background-color\)\]{--tw-gradient-to:var(--dark-background-color) var(--tw-gradient-to-position)}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-10 {
  padding: 2.5rem;
}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.p-12{padding:3rem}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-7 {
  padding: 1.75rem;
}
.p-8{padding:2rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-0{padding-top:0px;padding-bottom:0px}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pb-12{padding-bottom:3rem}
.pb-14 {
  padding-bottom: 3.5rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-24{padding-bottom:6rem}
.pb-20{padding-bottom:5rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pt-0{padding-top:0}
.text-white\/85{color:rgb(255 255 255 / 0.85)}
.left-1\/2{left:50%}
.-translate-x-1\/2{transform:translateX(-50%)}
.w-\[860px\]{width:860px}
.pl-8{padding-left:2rem}
.pl-4{padding-left:1rem}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-3{padding-right:0.75rem}
.pr-4 {
  padding-right: 1rem;
}
.pr-6{padding-right:1.5rem}
.pt-24{padding-top:6rem}
.pt-4{padding-top:1rem}
.pt-40 {
  padding-top: 10rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pb-6{padding-bottom:1.5rem}
.pb-8 {
  padding-bottom: 2rem;
}
.pr-12{padding-right:3rem}
.pr-14 {
  padding-right: 3.5rem;
}
.pr-8{padding-right:2rem}
.pt-0 {
  padding-top: 0px;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-\[var\(--font-family-heading\)\]{font-weight:var(--font-family-heading)}
.font-bold{font-weight:700}
.font-light {
  font-weight: 300;
}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-\[1\.15\] {
  line-height: 1.15;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-relaxed{line-height:1.625}
.leading-snug {
  line-height: 1.375;
}
.text-\[var\(--accent4-color\)\]{color:var(--accent4-color)}
.leading-tight{line-height:1.25}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[var\(--dark-text-color\)\]{color:var(--dark-text-color)}
.text-\[var\(--gray-text-color\)\]{color:var(--gray-text-color)}
.text-\[var\(--primary-color\)\]{color:var(--primary-color)}
.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}
.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/80{color:rgb(255 255 255 / 0.8)}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{color:rgb(255 255 255 / 0.9)}
.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}
.underline {
  text-decoration-line: underline;
}
.opacity-0{opacity:0}
.opacity-100{opacity:1}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50{opacity:0.5}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.mix-blend-color {
  mix-blend-mode: color;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.opacity-5{opacity:0.05}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);}
.shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);}
.blur-3xl{--tw-blur:blur(64px);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)}
.drop-shadow-2xl {
  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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);
}
.invert {
  --tw-invert: invert(100%);
  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);
}
.filter {
  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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-1000{transition-duration:1000ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}
.\[font-family\:var\(--font-family-body\)\]{font-family:var(--font-family-body)}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.open\:pb-8[open] {
  padding-bottom: 2rem;
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:border-\[var\(--primary-color\)\]:hover{border-color:var(--primary-color)}
.hover\:bg-\[\#f8fafc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[var\(--light-background-color\)\]:hover{background-color:var(--light-background-color)}
.hover\:bg-\[var\(--primary-button-hover-bg-color\)\]:hover{background-color:var(--primary-button-hover-bg-color)}
.hover\:bg-\[var\(--primary-color\)\]:hover{background-color:var(--primary-color)}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}
.hover\:text-\[var\(--accent-color\)\]:hover {
  color: var(--accent-color);
}
.hover\:text-\[var\(--primary-button-hover-bg-color\)\]:hover{color:var(--primary-button-hover-bg-color)}
.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:text-\[var\(--primary-color\)\]:hover{color:var(--primary-color)}
.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}
.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);}
.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);}
.focus\:border-\[var\(--primary-color\)\]:focus{border-color:var(--primary-color)}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.group[open] .group-open\:inline {
  display: inline;
}
.group[open] .group-open\:hidden {
  display: none;
}
.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[open] .group-open\:rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);}
.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))}
.group:hover .group-hover\:visible{visibility:visible}
.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:translate-x-2{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/item:hover .group-hover\/item\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group\/item:hover .group-hover\/item\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:bg-black\/20{background-color:rgb(0 0 0 / 0.2)}
.group:hover .group-hover\:text-\[var\(--primary-color\)\]{color:var(--primary-color)}
.group:hover .group-hover\:opacity-0{opacity:0}
.group:hover .group-hover\:opacity-100{opacity:1}
@media (min-width: 640px){
.sm\:w-1\/2{width:50%}
.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:flex-row{flex-direction:row}
.sm\:items-center {
    align-items: center;
  }
.sm\:gap-6 {
    gap: 1.5rem;
  }
.sm\:self-center {
    align-self: center;
  }
.sm\:p-10 {
    padding: 2.5rem;
  }
.sm\:p-12{padding:3rem}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.sm\:pl-6{padding-left:1.5rem}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-5xl{font-size:3rem;line-height:1}
.sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
.sm\:text-base{font-size:1rem;line-height:1.5rem}
.container {
    max-width: 640px;
  }
.sm\:ml-0 {
    margin-left: 0px;
  }
}
@media (min-width: 768px){
.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:flex-row{flex-direction:row}
.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.md\:w-64{width:16rem}
.container {
    max-width: 768px;
  }
}
@media (min-width: 1024px){
.lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:items-center{align-items:center}
.lg\:text-right{text-align:right}
.lg\:ml-auto{margin-left:auto}
.lg\:order-1{order:1}
.lg\:order-2{order:2}
.lg\:col-span-1{grid-column:span 1 / span 1}
.lg\:inline-block {
    display: inline-block;
  }
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.lg\:aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
.lg\:aspect-auto {
    aspect-ratio: auto;
  }
.lg\:h-20 {
    height: 5rem;
  }
.lg\:h-6 {
    height: 1.5rem;
  }
.lg\:h-7 {
    height: 1.75rem;
  }
.lg\:h-9 {
    height: 2.25rem;
  }
.lg\:min-h-\[400px\] {
    min-height: 400px;
  }
.lg\:min-h-\[500px\] {
    min-height: 500px;
  }
.lg\:w-80{width:20rem}
.lg\:w-1\/3{width:33.333333%}
.lg\:w-2\/5{width:40%}
.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.lg\:flex-row {
    flex-direction: row;
  }
.lg\:items-end {
    align-items: flex-end;
  }
.lg\:justify-between {
    justify-content: space-between;
  }
.lg\:gap-10 {
    gap: 2.5rem;
  }
.lg\:gap-12 {
    gap: 3rem;
  }
.lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
.lg\:p-10 {
    padding: 2.5rem;
  }
.lg\:p-12{padding:3rem}
.lg\:p-8 {
    padding: 2rem;
  }
.lg\:gap-16{gap:4rem}
.lg\:gap-8{gap:2rem}
.lg\:px-8{padding-left:2rem;padding-right:2rem}
.lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
.lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
.lg\:pl-10 {
    padding-left: 2.5rem;
  }
.lg\:pl-8{padding-left:2rem}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem}
.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}
.lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
.lg\:text-5xl{font-size:3rem;line-height:1}
.lg\:text-6xl{font-size:3.75rem;line-height:1}
.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}
.lg\:sticky{position:sticky}
.lg\:top-32{top:8rem}
.container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
.container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
.container {
    max-width: 1536px;
  }
}

/* ================================================================
   2 + 3. Design tokens og komponentblokker
   ================================================================ */

/* == Design tokens (CSS custom properties) — from: artikkel-baerekraftig-mobel.html, artikkel-det-er-aldri-for-sent.html, artikkel-hva-sertifiseringene-betyr.html, artikkel-regnearket-og-gulvet.html +22 more == */
:root { --accent-color: #007acc; --accent2-color: #dba413; --accent3-color: #cc0077; --accent4-color: #5a972a; --primary-color: #121b4d; --dark-text-color: #10132c; --gray-text-color: #7F8BA4; --button-padding-x: 16px; --button-padding-y: 12px; --font-family-body: 'Figtree', sans-serif; --light-text-color: #F8FAFF; --dark-border-color: #0f163d; --light-border-color: #d2daea; --font-family-heading: 'Figtree', sans-serif; --button-rounded-radius: 8px; --dark-background-color: #0b1028; --light-background-color: #dbe2f2; --medium-background-color: #c6cee8; --primary-button-text-color: #FFFFFF; --secondary-button-bg-color: #FFFFFF; --secondary-button-text-color: #121b4d; --primary-button-hover-bg-color: #0f163d; --primary-button-hover-text-color: #FFFFFF; --secondary-button-hover-bg-color: #eceff9; --secondary-button-hover-text-color: #121b4d; }

/* == Heading weight/line-height (landingsite builder) — from: cruise.html, datablader.html, dyprens.html, hotell.html +9 more == */
h1,h2,h3,h4,h5,h6{font-weight:700}

/* == Heading weight/line-height (landingsite builder) — from: cruise.html, datablader.html, dyprens.html, hotell.html +9 more == */
h1,h2,h3,h4,h5,h6{font-weight:700}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-weight:inherit}

/* == Heading weight/line-height (landingsite builder) — from: cruise.html, datablader.html, dyprens.html, hotell.html +9 more == */
h1,h2,h3,h4,h5,h6{font-weight:700}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-weight:inherit;font-style:normal;}

/* == Heading weight/line-height (landingsite builder) — from: cruise.html, dyprens.html, hotell.html, impregnering.html +6 more == */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.35 !important;}h1{line-height:1.2 !important;}h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{font-weight:inherit;font-style:normal;}

/* == Brand fonts (Merriweather/Raleway) + contrast fix — from: artikkel-baerekraftig-mobel.html, artikkel-det-er-aldri-for-sent.html, artikkel-hva-sertifiseringene-betyr.html, artikkel-regnearket-og-gulvet.html +22 more == */
:root{
  --font-family-heading:'Merriweather',Georgia,serif;
  --font-family-body:'Raleway',system-ui,sans-serif;
  /* Body text originally #7F8BA4 (~4.8:1 contrast on white) — bumped to a darker
     slate-blue for better readability (~6.7:1). Same hue, just deeper. */
  --gray-text-color:#4A5468;
}
body,.\[font-family\:var\(--font-family-body\)\]{font-family:'Raleway',system-ui,sans-serif;}
/* The landingsite-compiled Tailwind ships a broken .font-[var(--font-family-heading)]
   rule that sets font-WEIGHT (not font-family) from the variable, so overriding the
   CSS variable alone has no effect on headings. We have to set font-family directly. */
h1,h2,h3,h4,h5,h6{font-family:'Merriweather',Georgia,serif;line-height:1.35 !important;}
h1{line-height:1.2 !important;}

/* == Sticky header — from: artikkel-baerekraftig-mobel.html, artikkel-det-er-aldri-for-sent.html, artikkel-hva-sertifiseringene-betyr.html, artikkel-regnearket-og-gulvet.html +22 more == */
html{scroll-padding-top:8rem;scroll-behavior:smooth;scrollbar-gutter:stable;}
#global-header{transition:background-color .3s ease,box-shadow .3s ease;}
#global-header.header-scrolled{background-color:#ffffff;}
/* Mega-meny-panelene: elevasjon over sideinnholdet. */
.fp-menu-panel{box-shadow:0 24px 48px -12px rgba(18,27,77,.28)}
/* Spraakvelgerknappen: ramme som folger header-tilstanden. */
.fp-lang-btn{border:1px solid rgba(255,255,255,.45);height:3rem;margin-right:1rem}
#global-header.header-scrolled .fp-lang-btn{border-color:rgba(18,27,77,.25)}
/* Compact header in scrolled (white) state — inner row + logo shrink. */
#global-header .flex.justify-between.items-center{transition:height .3s ease;}
#global-header img[data-logo],#global-header img[data-logo-dark]{transition:height .3s ease,padding .3s ease;}
#global-header.header-scrolled .flex.justify-between.items-center{height:5.5rem;}
#global-header.header-scrolled img[data-logo]{height:3.75rem;padding-top:0;padding-bottom:0;}
/* Logo swap: the dark/footer logo is injected by the sticky-header JS
   and lives hidden next to the white one. It takes over on scroll. */
#global-header img[data-logo-dark]{display:none;height:3.75rem;}
#global-header.header-scrolled img[data-logo]{display:none;}
#global-header.header-scrolled img[data-logo-dark]{display:block;}
/* On white scrolled background, invert nav/CTA colors so they stay readable. */
#global-header.header-scrolled button.text-white,
#global-header.header-scrolled a.text-white{color:var(--dark-text-color);}
/* Bestill-knappen i scrollet (hvit) header: mørkeblå som før */
#global-header.header-scrolled a[class*="dbeaf8"]{background-color:var(--primary-color) !important;color:#ffffff !important;}
#global-header.header-scrolled a[class*="dbeaf8"]:hover{background-color:#dbeaf8 !important;color:var(--primary-color) !important;}
#global-header.header-scrolled button.text-white:hover,
#global-header.header-scrolled a.text-white:hover{color:var(--accent-color);}
#global-header.header-scrolled a.bg-white{background-color:var(--primary-color);color:#ffffff;}
#global-header.header-scrolled a.bg-white:hover{background-color:var(--primary-button-hover-bg-color,#0f163d);}
#global-header.header-scrolled button[data-landingsite-mobile-menu-toggle]{color:var(--dark-text-color);}

/* == Scroll-reveal animations — from: artikkel-baerekraftig-mobel.html, artikkel-det-er-aldri-for-sent.html, artikkel-hva-sertifiseringene-betyr.html, artikkel-regnearket-og-gulvet.html +22 more == */
@media (prefers-reduced-motion: no-preference){
  /* Anything tagged [data-reveal] starts hidden with a small vertical offset,
     then transitions to visible when its .revealed class is added. */
  html.js-reveal [data-reveal]{
    opacity:0;
    transform:translateY(16px);
    transition:opacity 600ms cubic-bezier(0.22,1,0.36,1),transform 600ms cubic-bezier(0.22,1,0.36,1);
    will-change:opacity,transform;
  }
  html.js-reveal [data-reveal].revealed{
    opacity:1;
    transform:translateY(0);
  }
  /* Header, footer, marquee, carousel, FAQ tabs: never fade — always visible. */
  html.js-reveal #global-header [data-reveal],
  html.js-reveal footer [data-reveal],
  html.js-reveal .logo-marquee-track [data-reveal],
  html.js-reveal [data-landingsite-carousel] [data-reveal],
  html.js-reveal [data-faq-tabs] [data-reveal]{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* == Logo marquee (fp-logo, index front page) — from: index.html == */
.fp-logo-marquee { padding: .5rem 0; }
    .fp-logo {
      height: 1.5rem;
      width: auto;
      max-width: 120px;
      object-fit: contain;
      opacity: .6;
      filter: grayscale(100%) brightness(0);
      flex-shrink: 0;
    }
    @media (min-width: 1024px) {
      .fp-logo { height: 1.85rem; }
    }
    /* Per-logo overrides: some brand marks are much taller/wider than others,
       so we scale by height (not transform) so nothing gets clipped by the
       marquee's overflow-hidden mask. */
    .fp-logo--xl { height: 2.25rem; }
    .fp-logo--lg { height: 2rem; }
    .fp-logo--sm { height: 1.25rem; }
    @media (min-width: 1024px) {
      .fp-logo--xl { height: 2.75rem; }
      .fp-logo--lg { height: 2.5rem; }
      .fp-logo--sm { height: 1.5rem; }
    }
    .fp-logo-track--left  { animation: fp-scroll-left  40s linear infinite; }
    .fp-logo-track--right { animation: fp-scroll-right 40s linear infinite; }
    .fp-logo-marquee:hover .fp-logo-track { animation-play-state: paused; }
    @keyframes fp-scroll-left  { from { transform: translateX(0); }        to { transform: translateX(calc(-50% - 1.75rem)); } }
    @keyframes fp-scroll-right { from { transform: translateX(calc(-50% - 1.75rem)); } to { transform: translateX(0); } }
    @media (prefers-reduced-motion: reduce) { .fp-logo-track { animation: none !important; } }

/* == Logo marquee track (partner-logos, cruise) — from: cruise.html == */
.logo-marquee-track { gap: 2.5rem; }
    .logo-marquee:hover .logo-marquee-track { animation-play-state: paused; }
    @keyframes logo-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @media (prefers-reduced-motion: reduce) { .logo-marquee-track { animation: none !important; } }

/* == Materials cards (mat-h, dyprens/impregnering) — from: dyprens.html, impregnering.html == */
.mat-h-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media(min-width:1024px){.mat-h-grid{grid-template-columns:repeat(2,1fr);}}
.mat-h-card{display:flex;flex-direction:column;background:#fff;overflow:hidden;border:2px solid var(--light-border-color);}
@media(min-width:640px){.mat-h-card{flex-direction:row;}}
.mat-h-img{background:#f3f4f6;aspect-ratio:1/1;overflow:hidden;flex-shrink:0;}
@media(min-width:640px){.mat-h-img{width:30%;}}
.mat-h-img img{width:100%;height:100%;object-fit:cover;display:block;}
.mat-h-body{padding:1.5rem;flex:1;}
.mat-h-body h4{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:700;color:var(--dark-text-color);margin-bottom:.5rem;}
.mat-h-body p{color:var(--gray-text-color);line-height:1.625;}

/* == Bransje reference carousel cards (hotell/kino) — from: hotell.html, kino.html == */
.bransje-ref-item{width:100%;flex-shrink:0;display:flex;}
@media(min-width:640px){.bransje-ref-item{width:calc(50% - 12px);}}
@media(min-width:1024px){.bransje-ref-item{width:calc(33.333% - 16px);}}
.bransje-ref-item > *{width:100%;}

/* == Product page components (produkter) — from: produkter.html == */
.prod-panel{position:relative;overflow:hidden;color:#fff;}
.prod-panel-wb{background:linear-gradient(145deg,#0F2540 0%,#1B3D5A 100%);}
.prod-panel-sb{background:linear-gradient(145deg,#2A1F0F 0%,#3D2D10 100%);}
.prod-panel-del{background:linear-gradient(145deg,#1A2F20 0%,#253D2C 100%);}
.prod-badge{display:inline-block;padding:5px 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-radius:2px;}
.prod-badge-wb{background:rgba(125,186,176,0.25);color:#A8D8D2;border:1px solid rgba(125,186,176,0.4);}
.prod-badge-sb{background:rgba(201,169,97,0.2);color:#D9BC7A;border:1px solid rgba(201,169,97,0.3);}
.prod-badge-del{background:rgba(155,181,160,0.2);color:#B8D4BB;border:1px solid rgba(155,181,160,0.3);}
.prod-cert{display:inline-block;padding:4px 10px;font-size:10px;font-weight:600;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.7);border-radius:2px;}
.prod-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.prod-icon-wb{background:rgba(125,186,176,0.18);color:#2A7A72;}
.prod-icon-sb{background:rgba(201,169,97,0.2);color:#8B6914;}
.prod-icon-del{background:rgba(155,181,160,0.2);color:#4A7A52;}
.prod-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:3px;}
.prod-pill-wb{background:#cdebe8;color:#0d5e57;}
.prod-pill-sb{background:#fae5b8;color:#6e4f06;}
.prod-pill-del{background:#d3e8d6;color:#2d5635;}
.prod-chip{display:block;background:rgba(255,255,255,0.15);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,0.35);padding:18px 20px;border-radius:8px;transition:background .2s ease,border-color .2s ease,transform .2s ease;box-shadow:0 8px 32px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2);}
.prod-chip:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.55);transform:translateY(-2px);}
.prod-chip-tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:6px;}
.prod-chip-wb .prod-chip-tag{color:#A8D8D2;}
.prod-chip-sb .prod-chip-tag{color:#D9BC7A;}
.prod-chip-del .prod-chip-tag{color:#B8D4BB;}
.prod-chip-name{font-family:var(--font-family-heading);font-size:22px;font-weight:700;color:#fff;margin-bottom:4px;}
.prod-chip-desc{font-size:12px;color:rgba(255,255,255,0.65);}

/* == Sticky lead-magnet bar — from: cruise.html, dyprens.html, hotell.html, impregnering.html +6 more == */
#lead-magnet-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:0 16px 20px;pointer-events:none;transform:translateY(160%);opacity:0;transition:transform .5s ease,opacity .5s ease;}
#lead-magnet-bar.is-visible{transform:translateY(0);opacity:1;}
#lead-magnet-bar .lmb-inner{pointer-events:auto;display:flex;align-items:center;gap:14px;width:100%;max-width:640px;background:#fff;color:var(--dark-text-color,#10132c);padding:12px 12px 12px 16px;box-shadow:0 12px 32px rgba(0,0,0,.15);border:1px solid var(--light-border-color,#d2daea);}
#lead-magnet-bar .lmb-icon{flex:0 0 auto;width:auto;height:auto;background:transparent;color:var(--primary-color,#121b4d);display:flex;align-items:center;justify-content:center;font-size:32px;}
#lead-magnet-bar .lmb-text{flex:1 1 auto;min-width:0;}
#lead-magnet-bar .lmb-title{font-weight:700;line-height:1.2;color:var(--dark-text-color,#10132c);}
#lead-magnet-bar .lmb-sub{font-size:14px;color:var(--gray-text-color,#4A5468);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#lead-magnet-bar .lmb-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:var(--primary-color,#121b4d);color:#fff;font-weight:700;padding:14px 28px;white-space:nowrap;text-decoration:none;transition:background .2s ease,transform .2s ease;}
#lead-magnet-bar .lmb-cta:hover{background:var(--primary-button-hover-bg-color,#0f163d);transform:scale(1.05);}
#lead-magnet-bar .lmb-close{flex:0 0 auto;width:32px;height:32px;border:0;background:transparent;color:var(--gray-text-color,#4A5468);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease;}
#lead-magnet-bar .lmb-close:hover{color:var(--primary-color,#121b4d);background:rgba(0,0,0,.05);}
@media(max-width:640px){#lead-magnet-bar .lmb-icon,#lead-magnet-bar .lmb-sub{display:none;}#lead-magnet-bar .lmb-inner{gap:10px;}#lead-magnet-bar .lmb-cta{padding:12px 18px;}}

/* == FAQ accordion + "Les mer" details toggle — from: artikkel-baerekraftig-mobel.html, artikkel-det-er-aldri-for-sent.html, artikkel-hva-sertifiseringene-betyr.html, artikkel-regnearket-og-gulvet.html +22 more == */
[data-landingsite-faq-answer]{
  max-height:0;opacity:0;overflow:hidden;
  padding-top:0 !important;padding-bottom:0 !important;
  transition:max-height .35s ease,opacity .25s ease,padding .35s ease;
}
[data-landingsite-faq-answer].faq-open{
  max-height:1500px;opacity:1;
  padding-top:0 !important;padding-bottom:1.5rem !important;
}
[data-landingsite-faq-question] .fa-chevron-down,
[data-landingsite-faq-question] .fa-chevron-up{
  transition:transform .3s cubic-bezier(0.4,0,0.2,1);
}
[data-landingsite-faq-question].faq-open .fa-chevron-down,
[data-landingsite-faq-question].faq-open .fa-chevron-up{
  transform:rotate(180deg);
}
/* Reusable "Les mer" toggle — native <details class="les-mer"> */
details.les-mer{margin-top:1rem;}
details.les-mer > summary{
  display:inline-flex;align-items:center;gap:.4rem;
  cursor:pointer;list-style:none;
  color:var(--primary-color);font-weight:600;font-size:.95rem;
  padding:.5rem 0;
  transition:opacity .2s ease;
}
details.les-mer > summary::-webkit-details-marker{display:none;}
details.les-mer > summary::marker{display:none;}
details.les-mer > summary::after{
  content:"\f078"; /* fa-chevron-down */
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome;
  font-weight:900;font-size:.75rem;
  transition:transform .3s cubic-bezier(0.4,0,0.2,1);
}
details.les-mer[open] > summary::after{transform:rotate(180deg);}
details.les-mer > summary:hover{opacity:.8;}
details.les-mer > .les-mer-content{
  margin-top:.5rem;
  animation:les-mer-fade .35s ease;
}
@keyframes les-mer-fade{
  from{opacity:0;transform:translateY(-4px);}
  to{opacity:1;transform:translateY(0);}
}

/* --- Forside-hero: fyll skjermen minus logostripen, så logoradene
       («Kunder som stoler på oss») synes i første skjermbilde. --- */
.fp-hero-fit { min-height: calc(100vh - 14rem); }
.fp-hero-fit-sm { min-height: calc(100vh - 10rem); }
/* Splitt-heroen ligger under den faste headeren (5.5rem) — uten klaring
   klippes eyebrow/tittel bak den. */
.max-w-sm{max-width:24rem}
/* Serif-display utenfor h1-h6 (font-[var]-Tailwind-klassen setter vekt, ikke familie). */
.fp-serif{font-family:'Merriweather',Georgia,serif}
/* Stats-baand: serif-display-tall + haarlinje mellom kolonnene paa desktop. */
.fp-stat-num{font-family:'Merriweather',Georgia,serif}
@media (min-width:1024px){.fp-stat+.fp-stat{border-left:1px solid rgba(255,255,255,.15)}}
.fp-hero-split{padding-top:5.5rem}
@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}}
.fp-hero-split-media{position:relative;aspect-ratio:1/1}
.fp-hero-split-media>img,.fp-hero-split-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bg-white\/10{background-color:rgb(255 255 255/0.1)}
@media (min-width:1024px){.lg\:text-2xl{font-size:1.5rem;line-height:2rem}}
.border-white\/25{border-color:rgb(255 255 255/0.25)}
/* Markoerstrek: lyseblaa strek bak nedre del av <em>-ord i H1/H2-titler
   (global, erstatter kursiv). Hvite titler faar gjennomskinnelig variant. */
h1 em,h2 em,h3 em{font-style:normal;background-image:linear-gradient(#dbeaf8,#dbeaf8);background-repeat:no-repeat;background-size:100% .38em;background-position:0 90%;padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
h1.text-white em,h2.text-white em,h3.text-white em,.text-white h1 em,.text-white h2 em,.text-white h3 em{background-image:linear-gradient(rgba(219,234,248,.32),rgba(219,234,248,.32));}
/* Recognition-splitten: lys panelbakgrunn (#f1f7fb) spiser standardmarkoeren — sterkere blaa der. */
.fp-recognition-split h2 em{background-image:linear-gradient(#b7d7f2,#b7d7f2);}
/* Lyse panelflater (#f1f7fb): standardmarkoeren #dbeaf8 synes ikke — moerkere strek der. */
.bg-\[\#f1f7fb\] h1 em,.bg-\[\#f1f7fb\] h2 em,.bg-\[\#f1f7fb\] h3 em{background-image:linear-gradient(#b7d7f2,#b7d7f2);}
@media (min-width: 1024px) {
  .fp-hero-fit { min-height: calc(100vh - 16rem); }
}

/* --- Innlogget: skyv den faste headeren ned under WP-adminbaren --- */
body.admin-bar #global-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media screen and (max-width: 782px) {
  body.admin-bar #global-header { top: 46px; }
}

/* two_column fyll-varianten (Hvorfor oss) */
.min-h-[400px]{min-height:400px}

/* Vis mer/Vis mindre-toggle i seksjonkort */
details.les-mer .les-mer-close{display:none;}
details.les-mer[open] .les-mer-close{display:inline;}
details.les-mer[open] .les-mer-open{display:none;}

/* ==========================================================================
   Fluent Forms — matcher det statiske skjemadesignet:
   2 kolonner (Navn/Firma, E-post/Telefon, Bransje/Areal), fullbredde
   Melding + personvern + navy Send-knapp med ikon.
   ========================================================================== */
/* FF legger feltene i et <fieldset> — grid må derfor stå på fieldset,
   ikke på form-elementet. Legend (skjult tittel) spenner hele bredden. */
.fluentform form.frm-fluent-form fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;row-gap:0;}
@media (max-width:640px){.fluentform form.frm-fluent-form fieldset{grid-template-columns:1fr;}}
.fluentform .ff_screen_reader_title{grid-column:1 / -1;}
.fluentform .ff-el-group{margin-bottom:1.25rem;}
/* Fullbredde-rader: melding (textarea), personvern og submit */
.fluentform .ff-el-group:has(textarea),
.fluentform .ff-el-group:has(.ff_t_c),
.fluentform .ff-el-group:has(input[type="checkbox"]),
.fluentform .ff_submit_btn_wrapper{grid-column:1 / -1;}
/* Felt som skal spenne hele skjemabredden (f.eks. «Sektorer dere betjener») */
.fluentform .ff-el-group.fp-full{grid-column:1 / -1;}
/* Labels */
.fluentform .ff-el-input--label label{font-weight:600;font-size:.875rem;color:var(--dark-text-color);margin-bottom:.5rem;display:block;}
.fluentform .ff-el-is-required .ff-el-input--label label:after{content:" *";color:#ef4444;}
.fluentform .ff-el-is-required.asterisk-right label:after{color:#ef4444;}
/* Felt */
.fluentform .ff-el-form-control{width:100%;border:2px solid var(--light-border-color) !important;border-radius:0 !important;background:#fff;padding:.75rem 1rem;font-size:1rem;color:var(--dark-text-color);transition:border-color .15s ease;box-shadow:none;}
.fluentform .ff-el-form-control:focus{border-color:var(--primary-color) !important;outline:none;box-shadow:none;}
.fluentform .ff-el-form-control::placeholder{color:#9ca3af;}
/* Moderne dropdown: egen chevron + stylet nedtrekksliste der nettleseren
   støtter det (appearance: base-select, Chromium); ellers nativ fallback. */
.fluentform select.ff-el-form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23121B4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 8px;padding-right:2.75rem;cursor:pointer;}
/* Lik felthøyde for input og select; knappen matcher header-CTA (48px) */
.fluentform input.ff-el-form-control,
.fluentform select.ff-el-form-control{height:3rem !important;}
@supports (appearance: base-select) {
  .fluentform select.ff-el-form-control,
  .fluentform select.ff-el-form-control::picker(select){appearance:base-select;}
  .fluentform select.ff-el-form-control::picker-icon{display:none;}
  .fluentform select.ff-el-form-control::picker(select){border:2px solid var(--light-border-color);border-radius:0;background:#fff;box-shadow:0 12px 32px rgba(18,27,77,.14);padding:.4rem;margin-top:.4rem;}
  .fluentform select.ff-el-form-control option{padding:.65rem 1rem;font-size:1rem;color:var(--dark-text-color);cursor:pointer;transition:background-color .1s ease;}
  .fluentform select.ff-el-form-control option:hover,
  .fluentform select.ff-el-form-control option:focus{background:#f1f7fb;}
  .fluentform select.ff-el-form-control option:checked{background:#e6f3ff;color:var(--primary-color);font-weight:600;}
  .fluentform select.ff-el-form-control option::checkmark{display:none;}
  .fluentform select.ff-el-form-control option[value=""]{color:#9ca3af;}
}
.fluentform textarea.ff-el-form-control{min-height:8rem;resize:vertical;}
/* Personvern-checkbox */
.fluentform .ff_t_c,.fluentform .ff-el-tc label{font-size:.875rem;color:var(--gray-text-color);}
.fluentform .ff-el-tc input[type="checkbox"]{width:1rem;height:1rem;margin-right:.75rem;border:2px solid var(--light-border-color);}
.fluentform .ff_t_c a{color:var(--primary-color);text-decoration:underline;}
/* Send-knapp: navy fullbredde m/ papirfly-ikon */
.fluentform .ff-btn-submit{width:100%;background:var(--primary-color) !important;color:#fff !important;border:0 !important;border-radius:0 !important;padding:.75rem 2rem !important;min-height:3rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease;}
.fluentform .ff-btn-submit:hover{background:#dbeaf8 !important;color:var(--primary-color) !important;transform:scale(1.02);}
.fluentform .ff-btn-submit:before{content:"\f1d8";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:.75rem;}
/* Suksess/feil-meldinger */
.fluentform .ff-message-success{border:2px solid var(--primary-color);background:#e6f3ff;color:var(--dark-text-color);padding:1.25rem;font-weight:600;}
.fluentform .ff-el-is-error .ff-el-form-control{border-color:#ef4444;}
.fluentform .error.text-danger{color:#ef4444;font-size:.8rem;}

/* ==== Mobil-QA aug 2026 ==================================================== */

/* Mobilmeny: fullskjerms hvit overlay med accordion-grupper (header.php/main.js) */
.fp-mm{position:fixed;inset:0;z-index:70;background:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
.fp-mm.fp-mm-open{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease,visibility 0s}
@media (min-width:1024px){.fp-mm{display:none}}
body.fp-mm-lock{overflow:hidden}
.fp-mm-top{display:flex;align-items:center;justify-content:space-between;height:7rem;padding:0 1rem;flex-shrink:0;border-bottom:1px solid var(--light-border-color)}
.fp-mm-logo{height:4rem;padding:.5rem 0}
.fp-mm-close{width:2.75rem;height:2.75rem;border-radius:9999px;background:#e6f3ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s,color .2s}
.fp-mm-close:hover{background:var(--primary-color);color:#fff}
.fp-mm-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.25rem 1.25rem .5rem}
.fp-mm-acc{border-bottom:1px solid var(--light-border-color)}
.fp-mm-acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;text-align:left;color:var(--dark-text-color)}
.fp-mm-acc-title{font-size:1.4rem;font-weight:700;color:var(--dark-text-color)}
.fp-mm-chip{width:2.5rem;height:2.5rem;border-radius:9999px;background:#e6f3ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s,color .25s}
.fp-mm-acc.open .fp-mm-chip{background:var(--primary-color);color:#fff}
.fp-mm-chevron{transition:transform .3s ease}
.fp-mm-acc.open .fp-mm-chevron{transform:rotate(180deg)}
.fp-mm-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.fp-mm-acc-panel>div{min-height:0;overflow:hidden}
.fp-mm-acc.open .fp-mm-acc-panel{grid-template-rows:1fr}
.fp-mm-acc-inner{padding:0 0 1rem}
.fp-mm-link{display:flex;align-items:center;gap:.9rem;padding:.5rem .6rem;margin:0 -.6rem;border-radius:.75rem;transition:background .2s}
.fp-mm-link:hover,.fp-mm-link:active{background:#f1f7fb}
.fp-mm-thumb{width:3.4rem;height:3.4rem;border-radius:.7rem;object-fit:cover;flex-shrink:0}
.fp-mm-link-text{min-width:0}
.fp-mm-link-label{display:block;font-weight:700;color:var(--dark-text-color);font-size:.95rem}
.fp-mm-link-desc{display:block;font-size:.78rem;color:var(--gray-text-color)}
.fp-mm-arrow{margin-left:auto;color:var(--primary-color);font-size:.8rem;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;flex-shrink:0}
.fp-mm-link:hover .fp-mm-arrow,.fp-mm-link:active .fp-mm-arrow{opacity:1;transform:none}
.fp-mm-single{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--light-border-color);color:var(--dark-text-color)}
.fp-mm-bottom{flex-shrink:0;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--light-border-color);background:#fff}
.fp-mm-langs{display:flex;gap:.6rem;margin-bottom:.75rem}
.fp-mm-lang{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 0;font-weight:600;border:1px solid var(--light-border-color);color:var(--dark-text-color);transition:background .2s,color .2s}
.fp-mm-lang.is-active{background:#dbeaf8;border-color:#dbeaf8;color:var(--primary-color);font-weight:700}
.fp-mm-lang .fa-check{font-size:.7rem}
.fp-mm-cta{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1.05rem 0;background:var(--primary-color);color:#fff;font-weight:700;font-size:1.02rem;transition:background .2s,color .2s}
.fp-mm-cta:hover{background:#dbeaf8;color:var(--primary-color)}
.fp-mm-item{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}
.fp-mm.fp-mm-open .fp-mm-item{opacity:1;transform:none;transition-delay:var(--fp-mm-d,0ms)}

/* «Se flere referanser»-knappen: egen bredde på mobil (kolonneflex strakk den) */
.fp-se-alle-btn{align-self:flex-start}
@media (min-width:1024px){.fp-se-alle-btn{align-self:flex-end}}

/* Overlay-bransjekarusell: lavere kort på mobil + neste kort synlig (peek) */
.fp-teaser-ov-item{width:86%}
@media (min-width:640px){.fp-teaser-ov-item{width:50%}}
@media (min-width:1024px){.fp-teaser-ov-item{width:33.333%}}
.fp-teaser-ov-media{height:540px}
@media (min-width:640px){.fp-teaser-ov-media{height:800px}}

/* Stats-bånd: mindre tall på mobil; tre verdier → tre kolonner også på mobil */
.fp-stat-num{font-size:2.25rem}
@media (min-width:640px){.fp-stat-num{font-size:3rem}}
@media (min-width:1024px){.fp-stat-num{font-size:3.75rem}}
.fp-stats-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .75rem}
@media (min-width:1024px){.fp-stats-3{gap:2rem}}
.fp-stats-3 .fp-stat-num{font-size:1.9rem}
@media (min-width:640px){.fp-stats-3 .fp-stat-num{font-size:3rem}}
@media (min-width:1024px){.fp-stats-3 .fp-stat-num{font-size:3.75rem}}
.fp-stats-3 .fp-stat>div:last-child{font-size:.72rem}
@media (min-width:1024px){.fp-stats-3 .fp-stat>div:last-child{font-size:.875rem}}

/* Tab-rader (kontor m.fl.): én tommel-scrollbar linje på mobil */
.fp-tabs-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}
.fp-tabs-row::-webkit-scrollbar{display:none}
.fp-tabs-row .tab-btn{flex-shrink:0}
@media (min-width:1024px){.fp-tabs-row{flex-wrap:wrap;overflow-x:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}}

/* Logo-striper på mobil: etikett over logoene; statisk variant ruller automatisk */
.fp-logo-anim{display:flex;flex-direction:column;gap:1.1rem}
.fp-logo-anim-label{text-align:center}
.fp-logo-anim .logo-marquee{width:100%}
@media (min-width:1024px){.fp-logo-anim{flex-direction:row;align-items:center;gap:1.5rem}.fp-logo-anim-label{text-align:left}}
.fp-logo-static-label{display:block;text-align:center;margin-bottom:1.25rem}
.fp-logo-mtrack{display:flex;align-items:center;width:max-content;animation:fp-logo-scroll 20s linear infinite}
.fp-logo-mgroup{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem}
@keyframes fp-logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.fp-logo-mtrack{animation:none}}
.fp-logo-static-d{display:none}
@media (min-width:640px){.fp-logo-static-m{display:none}.fp-logo-static-d{display:flex}}

/* Mobiltypografi: kontrollerte linjeskift i titler er satt for desktopbredder,
   og sentrerte seksjonsheadere venstrestilles — teksten flyter naturlig på små skjermer */
@media (max-width:1023px){
  section.code-section h1 br,section.code-section h2 br{display:none}
  section.code-section .text-center:has(> h2,> h3){text-align:left}
}

/* Rich-text-lister (two_column-kort m.fl.): synlige kulepunkter */
.fp-richtext ul{list-style:disc;padding-left:1.35rem;margin-top:1rem}
.fp-richtext ul li{margin:.4rem 0}
.fp-richtext ul li::marker{color:var(--primary-color)}

/* Løsningen-kort: Vis mer/mindre — fullbredde-panel med myk åpne/lukk-animasjon */
.fp-sol-grid{align-items:start}
.fp-sol-toggle{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--primary-color);padding:.5rem 0;cursor:pointer}
.fp-sol-label-close{display:none}
.fp-sol-card.open .fp-sol-label-open{display:none}
.fp-sol-card.open .fp-sol-label-close{display:inline}
.fp-sol-chevron{font-size:.7rem;transition:transform .35s ease}
.fp-sol-card.open .fp-sol-chevron{transform:rotate(180deg)}
.fp-sol-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}
.fp-sol-panel>div{min-height:0;overflow:hidden}
.fp-sol-card.open .fp-sol-panel{grid-template-rows:1fr}
.fp-sol-list{margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--light-border-color);display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(-4px);transition:opacity .3s ease .1s,transform .3s ease .1s}
.fp-sol-card.open .fp-sol-list{opacity:1;transform:none}

/* Løsningen-kort: litt høyere bildeboks enn 16/9 */
.fp-sol-media{aspect-ratio:3/2}

/* Kodeord-gate for passordbeskyttede sider (template-parts/password-gate.php) */
.fp-gate{background:#f8fafc;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:11rem 1.5rem 6rem}
.fp-gate-card{background:#fff;border:2px solid var(--light-border-color);max-width:32rem;width:100%;padding:3rem 2.5rem;text-align:center}
.fp-gate-chip{width:3.5rem;height:3.5rem;border-radius:9999px;background:#e6f3ff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.2rem}
.fp-gate-title{font-family:'Merriweather',Georgia,serif;font-size:1.7rem;font-weight:700;color:var(--dark-text-color);margin-bottom:.75rem;line-height:1.25}
.fp-gate-text{color:var(--gray-text-color);margin-bottom:1.75rem;line-height:1.6}
.fp-gate-form{display:flex;flex-direction:column;gap:.75rem}
.fp-gate-input{border:2px solid var(--light-border-color);padding:.85rem 1rem;width:100%;font-size:1rem;text-align:center}
.fp-gate-input:focus{outline:none;border-color:var(--primary-color)}
.fp-gate-btn{background:var(--primary-color);color:#fff;font-weight:700;padding:.95rem 1rem;transition:background .2s,color .2s;cursor:pointer}
.fp-gate-btn:hover{background:#dbeaf8;color:var(--primary-color)}
.fp-gate-note{margin-top:1.5rem;font-size:.85rem;color:var(--gray-text-color)}
.fp-gate-note a{color:var(--primary-color);font-weight:600}
.fp-gate-note a:hover{text-decoration:underline}