/* model-shared-base:start */
body { margin:0; font-family: 'Inter Tight', sans-serif; color:#111; background:#fff; }
a { color:inherit; }
button { color:inherit; font:inherit; cursor:pointer; }
:focus-visible { outline:2px solid #111; outline-offset:3px; }
/* model-shared-base:end */
/* Shared stylesheet: authored by the shell model. */

/* 01-nettspill-i-norge-header-og-hero */
header[data-site-header] { container: site-header / inline-size; position:relative; z-index:5; color:#111; background:#fff;
& .head { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:2rem; min-height:8.375rem; max-width:120rem; margin-inline:auto; padding:1rem 9.375rem; box-sizing:border-box; }
& .brand img { display:block; width:9.5625rem; height:auto; }
& .nav { display:flex; align-items:center; justify-content:center; gap:1.5rem; }
& a { color:#111; text-decoration:none; font:400 1rem/1.2 "Inter Tight",sans-serif; }
& .phone { display:flex; align-items:center; gap:.75rem; white-space:nowrap; }
& .phone img { width:2rem; height:2rem; object-fit:contain; }
& .menu { display:none; }
@container site-header (min-width:40rem) { & .head { gap:1rem; padding-inline:2rem; } & .nav { gap:1rem; } }
@container site-header (max-width:63.99rem) { & .head { grid-template-columns:auto 1fr auto; min-height:5.5rem; padding-inline:1.25rem; } & .nav { display:none; position:absolute; top:100%; left:1rem; right:1rem; background:#fff; padding:1rem; box-shadow:0 .5rem 1.5rem #0002; flex-direction:column; align-items:stretch; } & .nav a { display:block; padding:.75rem; min-height:2.75rem; box-sizing:border-box; } & .nav.is-open { display:flex; } & .phone { justify-self:end; } & .menu { display:flex; width:2.75rem; height:2.75rem; flex-direction:column; justify-content:center; gap:.3rem; border:1px solid #111; background:#fff; padding:.55rem; } & .menu span { height:2px; width:100%; background:#111; } }
@container site-header (max-width:39.99rem) { & .head { grid-template-columns:auto 1fr auto; gap:.75rem; padding-inline:1rem; } & .brand img { width:7rem; } & .phone { font-size:.75rem; gap:.35rem; } & .phone img { width:1.5rem; height:1.5rem; } }
}
[data-homepage-region="01-nettspill-i-norge-header-og-hero"] { container: hero-region / inline-size; display:block; width:100%; margin:0; color:#111; background:#fff;
& [data-ffmw3i14cv0uhdosj] { display:block; }
& .hero { display:grid; grid-template-columns:minmax(0,1fr); position:relative; min-height:59rem; box-sizing:border-box; padding:1rem clamp(1rem,7.3vw,8.75rem); overflow:hidden; }
& .hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; }
& .hero__title, & .hero__intro, & .hero__cta { position:relative; z-index:1; }
& .hero__title { justify-self:end; align-self:start; width:min(100%,57.5rem); margin:0; text-align:right; font:500 clamp(2.5rem,5vw,6rem)/1.083 "Inter Tight",sans-serif; text-transform:uppercase; overflow-wrap:anywhere; }
& .hero__intro { max-width:22.5rem; margin:0; font:300 1.25rem/1.2 "Inter Tight",sans-serif; overflow-wrap:anywhere; }
& .hero__intro--top { position:absolute; top:1rem; left:clamp(1rem,7.3vw,8.75rem); }
& .hero__intro--bottom { position:absolute; right:clamp(1rem,7.3vw,8.75rem); bottom:1rem; }
& .hero__cta { justify-self:end; align-self:center; margin-right:clamp(0rem,12vw,14rem); padding:1rem 1.5rem; background:#000; color:#fff; font:500 1.5rem/1.333 "Inter Tight",sans-serif; text-decoration:none; text-transform:uppercase; }
@container hero-region (max-width:63.99rem) { & .hero { min-height:45rem; padding:1.5rem; grid-template-rows:auto auto auto 1fr auto; gap:1rem; } & .hero__image { inset:auto 0 0; width:100%; height:62%; object-position:center; } & .hero__title { grid-row:2; justify-self:stretch; width:100%; font-size:clamp(2.25rem,7vw,4.5rem); text-align:right; } & .hero__intro { position:relative; inset:auto; font-size:1rem; max-width:18rem; } & .hero__intro--top { position:relative; inset:auto; grid-row:1; } & .hero__cta { grid-row:3; justify-self:end; margin:0; } & .hero__intro--bottom { position:relative; inset:auto; grid-row:5; justify-self:end; max-width:min(19rem,65%); } }
@container hero-region (max-width:39.99rem) { & .hero { min-height:50rem; padding:1rem; grid-template-rows:auto auto auto 1fr auto; gap:.75rem; } & .hero__image { height:57%; object-position:38% center; } & .hero__title { margin:0; font-size:clamp(2rem,10vw,3.25rem); } & .hero__intro--top { max-width:12rem; font-size:.875rem; } & .hero__cta { padding:.75rem 1rem; font-size:1rem; } & .hero__intro--bottom { max-width:15rem; font-size:.875rem; } }
}

/* 02-norges-spillportal */
[data-homepage-region="02-norges-spillportal"] { container-type:inline-size;box-sizing:border-box;width:100%;margin-block-start:3rem;margin-block-end:0;padding:3rem 1.25rem;background-color:#000;color:#fff;font-family:"Inter Tight",Arial,sans-serif;
& [data-ffmw3i14cv0uhdosj] { box-sizing:border-box;width:100%;max-width:102.5rem;margin-inline:auto; }
& .portal { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start; }
& .portal__intro { display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;min-width:0; }
& .portal__title { margin:0;color:#fff;font-family:"Inter Tight",Arial,sans-serif;font-size:2.5rem;font-weight:500;line-height:1.1;text-transform:uppercase; }
& .portal__description { margin:0;color:#f5f5f5;font-size:1rem;line-height:1.6;overflow-wrap:anywhere; }
& .portal__photo { display:block;width:100%;height:auto;aspect-ratio:676 / 396;object-fit:cover; }
& .portal__list { display:grid;grid-template-columns:minmax(0,1fr); }
& .portal__item { display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;align-items:start;min-width:0;padding-block:1rem; }
& .portal__icon { display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background-color:#fff; }
& .portal__icon img { display:block;width:1.5rem;height:1.5rem; }
& .portal__copy { display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0; }
& .portal__heading { margin:0;color:#fff;font-size:1.125rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere; }
& .portal__text { margin:0;color:#f5f5f5;font-size:1rem;line-height:1.5;overflow-wrap:anywhere; }
@container (min-width:40rem) {
& { margin-block-start:5.2rem;padding:4rem max(1.25rem,7.3vw) 5rem; }
& .portal { grid-template-columns:minmax(0,.766fr) minmax(0,1fr);gap:4.17cqw; }
& .portal__title { font-size:4rem; }
& .portal__description { padding-block-start:.5rem; }
& .portal__list { margin-block-start:.9rem; }
& .portal__item { gap:1.5rem;padding-block:1.1rem; }
& .portal__heading { font-size:1.25rem; }
}
@container (min-width:90rem) { & .portal { gap:4.17rem; } }
}

/* 03-guide-til-nettspill */
[data-homepage-region="03-guide-til-nettspill"] { container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;box-sizing:border-box;position:relative;width:100%;margin:0;padding:2rem 1rem 0;color:#080808;background-color:#ffffff;font-family:"Inter Tight",Arial,sans-serif;
& [data-ffmw3i14cv0uhdosj] { display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;position:relative;width:min(100%,102.5rem);margin-inline:auto;min-width:0; }
& .guide__media { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:.75rem;min-width:0; }
& .guide__media img { display:block;width:100%;height:100%;min-width:0;aspect-ratio:1.12;object-fit:cover; }
& .guide__media img:first-child { grid-column:1 / -1;aspect-ratio:1.18; }
& .guide__body { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-content:start;min-width:0; }
& .guide__title { margin:0;font-size:clamp(2.5rem,7vw,5rem);font-weight:500;line-height:1.1;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere; }
& .guide__columns { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;min-width:0; }
& .guide__copy { display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:1rem;min-width:0; }
& .guide__heading { margin:0;font-size:1.25rem;font-weight:700;line-height:1.33;overflow-wrap:anywhere; }
& .guide__text { margin:0;font-size:1rem;line-height:1.2;overflow-wrap:anywhere; }
& .guide__orb { display:none; }
@container (min-width:64rem) {
& { padding-inline:1.5rem; }
& [data-ffmw3i14cv0uhdosj] { grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);gap:2rem; }
& .guide__media { align-content:start; }
& .guide__body { gap:2rem; }
& .guide__columns { grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem; }
}
@container (min-width:64rem) {
& { padding:2rem 2rem 0; }
& [data-ffmw3i14cv0uhdosj] { grid-template-columns:minmax(15rem,18.875rem) minmax(0,1fr);gap:2rem; }
& .guide__body { gap:5rem; }
& .guide__columns { gap:2.5rem; }
& .guide__title { font-size:5rem; }
& .guide__orb { display:block;position:absolute;top:-3rem;right:-1rem;width:min(12.3rem,14vw);height:auto;aspect-ratio:236 / 215;object-fit:contain; }
}
@container (min-width:90rem) {
& { padding-inline:7.3%; }
& [data-ffmw3i14cv0uhdosj] { grid-template-columns:minmax(18.875rem,30.2rem) minmax(0,1fr);gap:2.5rem; }
& .guide__media { grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem; }
& .guide__media img { aspect-ratio:1.1; }
& .guide__media img:first-child { grid-column:1;grid-row:1;aspect-ratio:302 / 256; }
& .guide__body { gap:5rem; }
& .guide__title { padding-top:3rem; }
& .guide__columns { gap:2.5rem; }
& .guide__orb { top:-3rem;right:-1rem; }
}
}

/* 04-spillplattformer-i-fokus */
[data-homepage-region="04-spillplattformer-i-fokus"] {
  container-type: inline-size;
  box-sizing: border-box;
  padding-block-start: 6.25rem;
  padding-block-end: 4rem;
  color: #ffffff;
  background-color: #000000;
  font-family: "Inter Tight", Arial, sans-serif;
  overflow-wrap: anywhere;
  & [data-ffmw3i14cv0uhdosj] { box-sizing: border-box; width: 100%; padding-inline: 1rem; }
  & .spill__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  & .spill__card { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 1.5rem; box-sizing: border-box; width: 100%; min-width: 0; padding: 1.5rem; color: #000000; background-color: #ffffff; }
  & .spill__copy { box-sizing: border-box; min-width: 0; margin: 0; font-size: 1rem; line-height: 1.2; }
  & .spill__heading { box-sizing: border-box; min-width: 0; margin: 0; font-size: 1.5rem; line-height: 1.1; font-weight: 700; }
  & .spill__title { box-sizing: border-box; max-width: 100%; margin: 3rem 0 0 auto; font-size: clamp(2rem, 8vw, 5rem); line-height: 1.1; font-weight: 500; text-align: right; text-transform: uppercase; }
  @container (min-width: 40rem) {
    & [data-ffmw3i14cv0uhdosj] { padding-inline: 2.5rem; }
    & .spill__card { grid-template-columns: minmax(0, 1fr) minmax(0, .65fr); padding: 2.5rem; }
    & .spill__heading { font-size: 2.25rem; }
    & .spill__title { font-size: 5rem; }
  }
  @container (min-width: 64rem) {
    & [data-ffmw3i14cv0uhdosj] { padding-inline: 0; }
    & .spill__card { grid-template-columns: minmax(0, 1fr) minmax(0, .65fr); }
    & .spill__card:nth-child(2) { width: 80%; }
    & .spill__card:nth-child(3) { width: 64%; }
    & .spill__title { margin-top: 4rem; }
  }
}

/* 05-finn-din-neste-spillopplevelse */
[data-homepage-region="05-finn-din-neste-spillopplevelse"] {container-type:inline-size;box-sizing:border-box;width:100%;margin-block:6.25rem 0;padding:0 1.5rem 3rem;color:#000000;background-color:#ffffff;
& [data-ffmw3i14cv0uhdosj] {box-sizing:border-box;width:min(100%,102.5rem);margin-inline:auto;}
& .journey__title {margin:0 0 3.5rem;text-align:center;font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(2rem,5.2vw,5rem);font-weight:500;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere;}
& .journey__timeline {position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;}
& .journey__line {display:none;}
& .journey__item--action {grid-row:1;}
& .journey__item--strategy {grid-row:2;}
& .journey__item--roleplay {grid-row:3;}
& .journey__item--simulation {grid-row:4;}
& .journey__item {position:relative;box-sizing:border-box;min-width:0;padding:1.25rem 0 1.5rem;border-bottom:1px solid #777777;overflow-wrap:anywhere;}
& .journey__category {margin:0 0 1rem;color:#000000;font-family:"Inter Tight",Arial,sans-serif;font-size:.875rem;font-weight:700;line-height:1.2;letter-spacing:.035rem;text-transform:uppercase;}
& .journey__heading {margin:0 0 1.25rem;color:#222a2d;font-family:"Inter Tight",Arial,sans-serif;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.3;letter-spacing:-.0675rem;}
& .journey__copy {margin:0;color:#111111;font-family:"Inter Tight",Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.4;letter-spacing:-.0225rem;}
& .journey__dot {display:none;}
@container (min-width:64rem) {
& [data-ffmw3i14cv0uhdosj] {padding-inline:0;}
& .journey__title {margin-bottom:3.5rem;}
& .journey__timeline {grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr);column-gap:1.5rem;row-gap:0;}
& .journey__line {position:absolute;z-index:0;top:1.25rem;bottom:1.25rem;left:50%;display:block;width:1px;background-color:#555555;transform:translateX(-50%);}
& .journey__item {z-index:1;min-height:14rem;padding:0 0 1.5rem;border-bottom:1px solid #777777;}
& .journey__item--action {grid-column:3;grid-row:1;}
& .journey__item--strategy {grid-column:1;grid-row:2;align-self:center;}
& .journey__item--roleplay {grid-column:3;grid-row:3;}
& .journey__item--simulation {grid-column:1;grid-row:4;}
& .journey__dot {position:absolute;top:1.25rem;left:auto;right:-2.2rem;display:block;width:1.25rem;height:1.25rem;border-radius:50%;background:#000000;transform:translateY(-50%);}
& .journey__item--right .journey__dot {right:auto;left:-2.2rem;}
& .journey__item--strategy .journey__dot {top:50%;}
& .journey__heading {font-size:2.25rem;}
}
@container (min-width:90rem) {
& {padding-inline:7.3%;}
& .journey__timeline {column-gap:1.5rem;}
}
}

/* 06-norges-digitale-spillverden */
[data-homepage-region="06-norges-digitale-spillverden"] {
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  margin-block-start: 6.25rem;
  padding: 6.25rem max(1.25rem, calc((100% - 102.5rem) / 2)) 6.25rem;
  color: #ffffff;
  font-family: Arial, sans-serif;
  background-color: #000000;
  overflow-wrap: anywhere;
  & [data-ffmw3i14cv0uhdosj] { box-sizing: border-box; width: 100%; min-width: 0; }
  & .world__title { margin: 0 0 4rem; color: #ffffff; font-size: clamp(2rem, 5.2vw, 5rem); font-weight: 500; line-height: 1.1; letter-spacing: -0.025em; text-transform: uppercase; }
  & .world__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: stretch; }
  & .world__left { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
  & .world__intro { display: grid; grid-template-rows: auto 1fr; gap: 2rem; min-width: 0; }
  & .world__action { display: inline-grid; place-items: center; align-self: start; box-sizing: border-box; justify-self: start; max-width: 100%; min-height: 3.375rem; padding: 1rem 1.5rem; color: #000000; background: #ffffff; font-size: 1.125rem; font-weight: 500; line-height: 1.4; text-decoration: none; text-transform: uppercase; }
  & .world__action:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
  & .world__media { width: 100%; min-width: 0; aspect-ratio: 578 / 786; }
  & .world__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
  & .world__copy-column { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; min-width: 0; }
  & .world__copy { min-width: 0; margin: 0; color: #ffffff; font-size: 1.125rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.02em; }
  @container (min-width: 40rem) {
    & .world__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem; }
    & .world__media { grid-column: 1; grid-row: 2; }
    & .world__left { grid-column: 1; grid-row: 1; }
    & .world__copy-column { grid-column: 2; grid-row: 1 / span 2; align-content: space-between; gap: 2rem; }
    & .world__intro { grid-template-rows: auto 1fr; min-height: 100%; }
    & .world__copy--middle { margin-block: 2rem; }
  }
  @container (min-width: 64rem) {
    & .world__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; }
    & .world__left { grid-column: 1; grid-row: 1; }
    & .world__media { grid-column: 2; grid-row: 1; }
    & .world__copy-column { grid-column: 3; grid-row: 1; }
    & .world__intro { grid-template-rows: auto 1fr; }
    & .world__copy--middle { margin: 0; }
  }
  @container (min-width: 90rem) {
    & .world__layout { grid-template-columns: minmax(0, 19.3125rem) minmax(0, 36.125rem) minmax(0, 1fr); column-gap: 4.0625rem; }
    & .world__media { aspect-ratio: 578 / 786; }
    & .world__copy-column { padding-block: 1.3125rem 0; }
    & .world__copy { font-size: 1.125rem; }
  }
}

/* 07-slik-velger-du-spillplattform */
[data-homepage-region="07-slik-velger-du-spillplattform"] { container-type:inline-size;box-sizing:border-box;padding:6.25rem max(1.25rem,calc((100% - 102.5rem) / 2)) 0;color:#3d3936;background-color:#ffffff;font-family:"Inter Tight",Arial,sans-serif;
& [data-ffmw3i14cv0uhdosj] { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:102.5rem;margin-inline:auto; }
& .spill__heading { margin:0;font-size:clamp(2.25rem,5.2vw,5rem);line-height:1.1;font-weight:500;letter-spacing:-.02em;text-transform:uppercase;color:#000000;overflow-wrap:anywhere; }
& .spill__grid { display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:2.5rem; }
& .spill__feature { display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.5rem;min-width:0; }
& .spill__feature--primary { gap:2rem; }
& .spill__stack { display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;min-width:0; }
& .spill__image { display:block;width:100%;height:auto;aspect-ratio:800 / 313;object-fit:cover; }
& .spill__image--primary { aspect-ratio:800 / 821; }
& .spill__copy { display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0; }
& .spill__title { margin:0;color:#3d3936;font-size:1.75rem;line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere; }
& .spill__description { margin:0;color:#3d3936;font-size:1rem;line-height:1.45;overflow-wrap:anywhere; }
@container (min-width:40rem) {
& [data-ffmw3i14cv0uhdosj] { gap:2.5rem; }
& .spill__grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem; }
& .spill__feature--primary { gap:2rem; }
}
@container (min-width:64rem) {
& .spill__grid { gap:2.5rem; }
& .spill__stack { gap:2.5rem; }
& .spill__feature { gap:1.5rem; }
& .spill__feature--primary { gap:2rem; }
& .spill__title { font-size:2rem; }
& .spill__description { font-size:1.125rem; }
}
}

/* 08-topprangerte-spillplattformer-i-norge */
[data-homepage-region="08-topprangerte-spillplattformer-i-norge"] { container-type: inline-size; box-sizing: border-box; display: grid; width: 100%; padding: 0 1rem; margin: 12.5rem auto 0; color: #000000; background-color: #ffffff; font-family: "Inter Tight", Arial, sans-serif;
& [data-ffmw3i14cv0uhdosj] { box-sizing: border-box; width: min(100%, 82rem); min-width: 0; margin-inline: auto; display: grid; gap: 3.5rem; }
& h2 { margin: 0; font-size: clamp(1.6rem, 4.2vw, 3.6rem); line-height: 1.1; font-weight: 500; text-transform: uppercase; overflow-wrap: anywhere; }
& .rank-list { display: grid; gap: 0.65rem; }
& .rank { box-sizing: border-box; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 1rem; padding: 1rem; border: 1px solid #777777; background-color: #ffffff; }
& .rank__score { margin: 0; font-size: 2.25rem; line-height: 1; font-weight: 500; }
& .rank__copy { min-width: 0; overflow-wrap: anywhere; }
& .rank__copy h3 { margin: 0 0 0.35rem; font-size: 1.25rem; line-height: 1.2; font-weight: 700; }
& .rank__copy p { margin: 0; font-size: 0.8rem; line-height: 1.25; }
& .rank__media { position: relative; min-width: 0; width: 100%; }
& .rank__media > a:first-child { display: block; }
& .rank__media img { display: block; width: 100%; height: auto; aspect-ratio: 31 / 14; object-fit: cover; }
& .rank__button { position: absolute; right: 0.4rem; bottom: 0.4rem; display: grid; place-items: center; min-height: 2rem; padding: 0.35rem 0.75rem; color: #ffffff; background-color: #000000; font-size: 0.75rem; line-height: 1; text-decoration: none; text-transform: uppercase; }
@container (min-width: 40rem) {
& .rank { grid-template-columns: minmax(5rem, 0.28fr) minmax(0, 1fr) minmax(12rem, 0.4fr); gap: 1.5rem; padding: 1rem; }
& .rank__score { font-size: 3.5rem; }
}
@container (min-width: 64rem) {
& [data-ffmw3i14cv0uhdosj] { gap: 3.5rem; }
& .rank-list { gap: 0.65rem; }
& .rank { grid-template-columns: minmax(6rem, 0.28fr) minmax(0, 1fr) minmax(15.5rem, 0.4fr); gap: 2.5rem; padding: 0.75rem; }
& .rank__score { font-size: 4rem; }
& .rank__copy h3 { font-size: 1.5rem; }
& .rank__copy p { font-size: 0.9rem; }
}
}

/* redaksjonelle-vurderinger */
[data-homepage-region="redaksjonelle-vurderinger"] {container-type:inline-size;box-sizing:border-box;width:100%;margin:0;padding:3rem 1.25rem;background-color:#ffffff;color:#111111;
& [data-ffmw3i14cv0uhdosj] {box-sizing:border-box;width:min(100%,80rem);margin-inline:auto;}
& .reviews {display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;}
& .reviews__intro {display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:54rem;}
& .reviews__eyebrow {margin:0;color:#444444;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;}
& .reviews__title {margin:0;font-size:clamp(2rem,5cqi,3.25rem);line-height:1.08;overflow-wrap:anywhere;}
& .reviews__lead {margin:0;font-size:1.125rem;line-height:1.6;overflow-wrap:anywhere;}
& .reviews__grid {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}
& .reviews__card {box-sizing:border-box;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:1rem;padding:1.25rem;border:1px solid #222222;background-color:#ffffff;color:#111111;}
& .reviews__number {margin:0;display:flex;gap:.75rem;align-items:baseline;color:#444444;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;}
& .reviews__number span {color:#111111;letter-spacing:normal;}
& .reviews__name {margin:0;font-size:1.5rem;line-height:1.2;overflow-wrap:anywhere;}
& .reviews__copy, & .reviews__check {min-width:0;margin:0;font-size:1rem;line-height:1.65;overflow-wrap:anywhere;}
& .reviews__check {padding-top:1rem;border-top:1px solid #999999;color:#333333;}
@container (min-width:40rem) {
& [data-ffmw3i14cv0uhdosj] {padding-inline:1rem;}
& .reviews__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@container (min-width:64rem) {
& .reviews__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
& .reviews__card {padding:1.5rem;}
}
}

/* 09-plattformenes-viktigste-funksjoner-oversikt */
[data-homepage-region="09-plattformenes-viktigste-funksjoner-oversikt"] {container-type:inline-size;box-sizing:border-box;width:100%;margin:0;padding:5rem max(1.5rem,calc((100cqi - 102.5rem)/2)) 6.25rem;background:#000;color:#fff;font-family:"Inter Tight",Arial,sans-serif;
& [data-ffmw3i14cv0uhdosj] {box-sizing:border-box;width:100%;max-width:102.5rem;margin-inline:auto;}
& .fun {display:grid;grid-template-columns:minmax(0,566fr) minmax(0,998fr);gap:4.75rem;align-items:start;}
& .fun__intro {display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;}
& .fun__title {box-sizing:border-box;min-width:0;margin:0;font-size:4rem;font-weight:500;line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere;}
& .fun__lead {min-width:0;margin:0;font-size:1rem;line-height:1.55;overflow-wrap:anywhere;}
& .fun__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;row-gap:2.75rem;}
& .fun__item {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-content:start;min-width:0;}
& .fun__image {display:block;width:4.2rem;height:auto;aspect-ratio:134/122;object-fit:contain;margin-bottom:.75rem;}
& .fun__heading {min-width:0;margin:0;font-size:1.25rem;line-height:1.2;font-weight:700;overflow-wrap:anywhere;}
& .fun__copy {min-width:0;margin:0;font-size:1rem;line-height:1.55;overflow-wrap:anywhere;}
@container (min-width:40rem) {
& {padding-inline:3rem;}
}
@container (max-width:63.999rem) {
& .fun {grid-template-columns:minmax(0,1fr);gap:3rem;}
& .fun__title {font-size:3.25rem;}
}
@container (max-width:39.999rem) {
& {padding:3.5rem 1.5rem 4rem;}
& .fun__grid {grid-template-columns:minmax(0,1fr);row-gap:2.5rem;}
& .fun__title {font-size:2.5rem;}
}
}

/* 10-enklere-vei-til-gode-spill */
[data-homepage-region="10-enklere-vei-til-gode-spill"] { container-type:inline-size;box-sizing:border-box;width:100%;margin:0;padding-block:6.25rem;background:#fefefa;color:#000;font-family:Arial,Helvetica,sans-serif;
& .spill { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;width:min(calc(100% - 2rem),102.5rem);margin-inline:auto; }
& .spill__media { box-sizing:border-box;min-width:0;margin:0;overflow:hidden; }
& .spill__media img { display:block;width:100%;height:100%;object-fit:cover; }
& .spill__media--left { aspect-ratio:361 / 672; }
& .spill__copy { min-width:0; }
& .spill__title { margin:0 0 2rem;font-size:clamp(2.75rem,11cqi,5rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;text-transform:uppercase; }
& .spill__text { font-size:1rem;line-height:1.2;overflow-wrap:anywhere; }
& .spill__text p { margin:0; }
& .spill__media-group { display:grid;grid-template-columns:minmax(0,1fr);min-width:0; }
& .spill__media--main { aspect-ratio:1; }
& .spill__media--edge { display:none; }
@container (min-width:40rem) {
& .spill { grid-template-columns:minmax(0,1fr);align-items:center;gap:2.75rem; }
& .spill__title { font-size:clamp(3.5rem,8cqi,5rem);margin-bottom:2.5rem; }
& .spill__text { font-size:1.125rem; }
& .spill__media-group { grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,.76fr);gap:1rem; }
}
@container (min-width:64rem) {
& { padding-block:6.25rem; }
& .spill { grid-template-columns:minmax(0,361fr) minmax(0,589fr) minmax(0,602fr);gap:2.75rem; }
& .spill__media--left { height:42rem;aspect-ratio:auto; }
& .spill__title { font-size:clamp(3.5rem,5.4cqi,5rem);margin-bottom:3.75rem; }
& .spill__media-group { grid-column:auto;grid-template-columns:minmax(0,331fr) minmax(0,251fr);height:42rem;gap:1rem; }
& .spill__media--main { height:42rem;aspect-ratio:auto; }
& .spill__media--edge { display:block;height:42rem;background:#fff; }
}
@container (min-width:90rem) {
& .spill { gap:2.75rem; }
& .spill__text { font-size:1.125rem; }
}
}

/* 11-plattformenes-viktigste-funksjoner-spillestil */
[data-homepage-region="11-plattformenes-viktigste-funksjoner-spillestil"] {
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5.25rem max(1rem, calc((100% - 80rem) / 2)) 6.25rem;
  color: #ffffff;
  background-color: #000000;

  & [data-ffmw3i14cv0uhdosj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
    width: 100%;
    margin-inline: auto;
  }

  & h2 {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.75rem, 5.2vw, 4rem);
    font-weight: 500;
    line-height: 1.1;
    overflow-wrap: anywhere;
  }

  & .spill-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
  }

  & .spill-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 1.25rem;
    box-sizing: border-box;
    min-width: 0;
    padding: 1.5rem;
    color: #000000;
    background-color: #ffffff;
  }

  & h3 {
    min-width: 0;
    margin: 0;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  & p {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  @container (min-width: 40rem) {
    & .spill-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }

    & .spill-card {
      grid-template-rows: auto 1fr;
      gap: 1.5rem;
      min-height: 21rem;
      padding: 1.75rem;
    }

    & p {
      align-self: end;
      justify-self: end;
      max-width: none;
      max-height: 8.4em;
      writing-mode: vertical-rl;
      transform: rotate(180deg);
    }
  }

  @container (min-width: 64rem) {
    & [data-ffmw3i14cv0uhdosj] {
      gap: 2.75rem;
    }

    & .spill-grid {
      gap: 1.125rem;
    }

    & .spill-card {
      min-height: 21.625rem;
      padding: 2.5rem;
    }
  }
}

/* 12-sammenlign-spillplattformer */
[data-homepage-region="12-sammenlign-spillplattformer"] { container-type:inline-size;box-sizing:border-box;width:100%;margin-block:5.25rem 0;padding-inline:max(1rem,calc((100% - 102.5rem) / 2));color:#080808;background-color:#fcfcf9;
& * { box-sizing:border-box; }
& [data-ffmw3i14cv0uhdosj] { width:100%; }
& .compare { display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;width:100%; }
& .compare__top { display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:stretch; }
& .compare__title { min-width:0;margin:0;font-family:"Inter Tight",sans-serif;font-size:2rem;font-weight:500;line-height:1.1;letter-spacing:-.035em; }
& .compare__media { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;min-width:0; }
& .compare__media img { display:block;width:100%;height:auto;aspect-ratio:351/264;object-fit:cover; }
& .compare__groups { display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem; }
& .compare__list { display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0;padding:0;list-style:none; }
& .compare__item { display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:1rem;min-height:4.625rem;padding:.65rem 1rem;border:1px solid #333;background-color:#fff;color:#080808;font-family:"Inter Tight",sans-serif;font-size:1.125rem;line-height:1.3; }
& .compare__item img { display:block;width:2.75rem;height:2.75rem;object-fit:contain; }
@container (min-width:40rem) {
& .compare__top { grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1rem; }
& .compare__title { font-size:clamp(2.75rem,5.2vw,5rem); }
& .compare__groups { grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
}
@container (min-width:64rem) {
& .compare { gap:1.25rem; }
& .compare__top { grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2rem; }
& .compare__media { gap:1rem; }
& .compare__groups { gap:1rem; }
& .compare__list { gap:.875rem; }
& .compare__item { grid-template-columns:3rem minmax(0,1fr);gap:1rem;min-height:4.625rem;padding:.75rem 1.5rem;font-size:1.25rem; }
& .compare__item img { width:3rem;height:3rem; }
}
@container (min-width:90rem) {
& .compare__title { font-size:5rem; }
}
}

/* 13-hva-kjennetegner-en-god-plattform */
[data-homepage-region="13-hva-kjennetegner-en-god-plattform"] { container-type:inline-size;box-sizing:border-box;width:100%;margin-block-start:6.25rem;padding:5rem max(1.25rem,calc((100% - 95rem) / 2));color:#ffffff;background-color:#000000;
& [data-ffmw3i14cv0uhdosj] { box-sizing:border-box;width:100%; }
& .plattform__layout { display:grid;grid-template-columns:minmax(0,1fr);gap:3rem; }
& .plattform__points { display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem; }
& .plattform__point { display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:1.5rem;min-width:0; }
& .plattform__mark { display:block;width:2.75rem;height:2.75rem;background-color:#ffffff; }
& .plattform__copy { min-width:0;overflow-wrap:anywhere;font-family:"Inter Tight",sans-serif; }
& h3 { margin:0 0 1.25rem;font-size:1.125rem;line-height:1.2;font-weight:700; }
& p { margin:0;font-size:1rem;line-height:1.25;font-weight:400; }
& .plattform__title { box-sizing:border-box;min-width:0;margin:0;font-family:"Inter Tight",sans-serif;font-size:1.75rem;line-height:1.1;font-weight:500;text-align:left;text-transform:uppercase;overflow-wrap:anywhere; }
@container (min-width:64rem) {
& .plattform__layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:3rem;row-gap:3rem; }
& .plattform__points { grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem;row-gap:3.5rem; }
& .plattform__point:nth-child(2) { grid-column:2;grid-row:1; }
& .plattform__point:nth-child(3) { grid-column:1;grid-row:2; }
& .plattform__title { grid-column:2;grid-row:2;font-size:clamp(3rem,4.2cqi,5rem);text-align:right; }
}
@container (min-width:40rem) {
& .plattform__title { font-size:clamp(2.25rem,5.2cqi,5rem); }
}
}

/* 14-innhold-som-gj-r-forskjellen */
[data-homepage-region="14-innhold-som-gj-r-forskjellen"] { container-type:inline-size;box-sizing:border-box;width:100%;margin-block-start:6.25rem;padding-inline:clamp(1rem,7.2917vw,8.75rem);color:#000000;background-color:#ffffff;
& [data-ffmw3i14cv0uhdosj] { display:grid;grid-template-columns:minmax(0,1fr);gap:3.5rem;max-width:102.5rem;margin-inline:auto; }
& .content__title { margin:0;font-family:"Inter Tight",sans-serif;font-size:clamp(2rem,4.1667vw,5rem);font-weight:500;line-height:1.1;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere; }
& .content__grid { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:stretch; }
& .content__image { display:block;width:100%;height:auto;aspect-ratio:534 / 588;object-fit:cover; }
& .content__copy { display:grid;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:2rem;min-width:0; }
& .content__copy p { margin:0;color:#3d3936;font-family:"Inter Tight",sans-serif;font-size:1.25rem;line-height:1.2;overflow-wrap:anywhere; }
@container (min-width:48rem) {
& .content__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
& .content__image:first-child { align-self:start; }
& .content__copy { align-self:start; }
& .content__image:last-child { grid-column:1 / -1;width:min(100%,33.375rem);justify-self:center; }
& .content__copy { align-content:start;gap:3rem; }
}
@container (min-width:56rem) {
& .content__grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem; }
& .content__image:first-child { align-self:stretch; }
& .content__image:last-child { display:block; }
& .content__image:last-child { grid-column:auto;width:100%;justify-self:stretch; }
& .content__copy { gap:3rem; }
}
}

/* spilljournal-utdrag */
[data-homepage-region="spilljournal-utdrag"] {container-type:inline-size;box-sizing:border-box;width:100%;margin:0;padding:3rem 1.25rem;background-color:#f7f6f2;color:#17211d;
& .journal { display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;box-sizing:border-box;width:min(100%,72rem);margin-inline:auto; }
& .journal__eyebrow { margin:0;color:#41634e;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; }
& .journal__title { margin:0;color:#17211d;font-size:clamp(2rem,5cqi,3rem);line-height:1.1; }
& .journal__intro { max-width:48rem;color:#27342e;font-size:1.125rem;line-height:1.6;overflow-wrap:anywhere; }
& .journal__intro p { margin:0; }
& .journal__grid { display:grid;grid-template-columns:minmax(0,1fr);gap:1rem; }
& .journal__card { display:grid;align-content:start;gap:1rem;box-sizing:border-box;min-width:0;padding:1.5rem;border:1px solid #17211d;border-radius:.5rem;background-color:#fff;color:#17211d; }
& .journal__card-label { color:#41634e;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; }
& .journal__card-title { min-width:0;margin:0;font-size:1.5rem;line-height:1.3;overflow-wrap:anywhere; }
& .journal__card-title a { color:#17211d;text-decoration-thickness:.08em;text-underline-offset:.16em; }
& .journal__link,& .journal__all { width:fit-content;color:#244f36;font-weight:700;text-underline-offset:.2em; }
& .journal__all { display:inline-flex;align-items:center;gap:.5rem; }
@container (min-width:40rem) {
& .journal__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
& .journal__card { padding:2rem; }
}
@container (min-width:64rem) {
& { padding-inline:2rem; }
& .journal { gap:2rem; }
}
}

/* 15-kontakt-oss */
[data-homepage-region="15-kontakt-oss"] { container-type:inline-size;box-sizing:border-box;width:100%;margin:0;padding:5rem 1.25rem 6.25rem;background-color:#000000;color:#ffffff;font-family:Inter Tight,Arial,sans-serif;
& * { box-sizing:border-box; }
& .contact { display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;width:100%;margin:0 auto; }
& .contact__intro { display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem; }
& h2 { margin:0;font-size:clamp(2.5rem,12cqi,4rem);font-weight:500;line-height:1.1;text-transform:uppercase; }
& .contact__intro p { min-width:0;margin:0;font-size:1rem;line-height:1.55;overflow-wrap:anywhere; }
& .contact__form { display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.25rem;background:#ffffff;color:#000000; }
& .contact__row { display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem; }
& .contact__field { display:grid;grid-template-rows:auto auto;gap:.75rem;min-width:0; }
& .contact__label { display:flex;align-items:center;gap:.75rem;min-height:1.75rem;font-size:1rem;line-height:1.4;text-transform:uppercase; }
& .contact__label img { display:block;width:1.5rem;height:1.5rem;object-fit:contain; }
& input, & textarea { display:block;width:100%;min-width:0;border:1px solid #222222;border-radius:0;background:#ffffff;color:#000000;font:400 1rem/1.5 Inter Tight,Arial,sans-serif; }
& input { min-height:4.25rem;padding:1rem 1.25rem;overflow-wrap:anywhere; }
& textarea { min-height:10.5rem;padding:1.25rem;resize:vertical;overflow-wrap:anywhere; }
& input::placeholder, & textarea::placeholder { color:#111111;opacity:1; }
& .contact__submit { justify-self:center;width:100%;min-height:3.375rem;padding:.8rem 1.5rem;border:0;border-radius:0;background:#000000;color:#ffffff;font:500 1.25rem/1.4 Inter Tight,Arial,sans-serif;text-transform:uppercase;cursor:pointer; }
& .contact__submit:focus-visible, & input:focus-visible, & textarea:focus-visible { outline:3px solid #315bce;outline-offset:2px; }
@container (min-width:64rem) {
& { padding:5rem 9.375cqi 6.25rem; }
& .contact { gap:2rem;width:81.25cqi; }
& .contact__intro { grid-template-columns:minmax(0,1.34fr) minmax(16rem,1fr);gap:2rem; }
& h2 { font-size:5rem; }
& .contact__intro p { font-size:1.25rem; }
& .contact__form { gap:1.75rem;padding:2.75rem; }
& .contact__row { grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem; }
& .contact__submit { width:min(68%,42rem); }
}
}

/* 16-bunntekst */
footer[data-site-footer] {
  container:site-footer / inline-size;
  font-family:'Inter Tight',sans-serif;
  color:#111;
  background-color:#fff;
  & .foot {box-sizing:border-box;width:100%;margin-inline:auto;padding:2.5rem max(1.25rem,7.3vw) 2rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;}
  & .foot__top {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;}
  & .foot__brand {display:block;max-width:9.5625rem;}
  & .foot__brand img {display:block;width:100%;height:auto;}
  & .foot__nav {display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}
  & .foot__nav div {display:grid;align-content:start;gap:.75rem;}
  & a {color:inherit;text-decoration:none;}
  & a:hover {text-decoration:underline;}
  & .foot__nav a, & .foot__address {font-size:1rem;line-height:1.25;}
  & .foot__address {font-style:normal;overflow-wrap:anywhere;}
  & .foot__legal {display:grid;gap:1.5rem;text-align:center;}
  & .foot__legal p {margin:0;font-size:.875rem;line-height:1.15;overflow-wrap:anywhere;}
  & .foot__copyright {font-size:.875rem;}
  & .foot__reopen {justify-self:center;background:transparent;border:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;}
  & .foot__consent {position:fixed;z-index:1000;inset:auto 1rem 1rem;box-sizing:border-box;width:min(100% - 2rem,60rem);margin-inline:auto;padding:1.25rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:1rem;background:#fff;color:#111;border:1px solid #777;border-radius:.5rem;box-shadow:0 0.25rem 1rem #0003;}
  & .foot__consent[hidden] {display:none;}
  & .foot__consent p {margin:.5rem 0 0;line-height:1.4;}
  & .foot__actions {display:grid;grid-template-columns:repeat(2,minmax(5.5rem,1fr));gap:.5rem;}
  & button {min-height:2.75rem;padding:.5rem .8rem;border:1px solid #222;border-radius:.25rem;background:#fff;color:#111;font:inherit;cursor:pointer;}
  & [data-bpjli--8y3jsbzhldc] {background:#111;color:#fff;}
  @container site-footer (min-width:40rem) {
    & .foot__top {grid-template-columns:minmax(7rem,1fr) minmax(0,4fr) minmax(15rem,1.6fr);gap:2rem;}
    & .foot__nav {grid-template-columns:repeat(3,minmax(0,1fr));}
    & .foot__nav {grid-column:2;}
    & .foot__address {grid-column:3;}
    & .foot__consent {grid-template-columns:minmax(0,1fr) auto;}
  }
  @container site-footer (min-width:64rem) {
    & .foot {padding-top:3.5rem;padding-bottom:3rem;gap:2rem;}
    & .foot__top {gap:3rem;}
  }
  @container site-footer (min-width:90rem) {& .foot {padding-inline:8.75rem;}}
}


@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-9bba92a87110.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-3937173d62f2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-83735bbea54c.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-815c54f4279b.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-88599e6f2f36.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-fd9beddaaec6.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-77fefe8ca19b.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-9bba92a87110.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-3937173d62f2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-83735bbea54c.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-815c54f4279b.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-88599e6f2f36.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-fd9beddaaec6.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-77fefe8ca19b.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-9bba92a87110.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-3937173d62f2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-83735bbea54c.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-815c54f4279b.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-88599e6f2f36.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-fd9beddaaec6.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-77fefe8ca19b.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-9bba92a87110.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-3937173d62f2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-83735bbea54c.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-815c54f4279b.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-88599e6f2f36.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-fd9beddaaec6.woff2) 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: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-inter-tight-77fefe8ca19b.woff2) 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: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-732ac61fdb7b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-312ef2b80cef.woff2) 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: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-7726a5cd6f3c.woff2) 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: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-732ac61fdb7b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-312ef2b80cef.woff2) 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: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/spillkompasset/assets/fonts/figma-jost-7726a5cd6f3c.woff2) 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;
}

[data-lzqkan35h9nwwwd="qgkkyms4qdu2r"] { container-type:inline-size; box-sizing:border-box; padding:2.5rem 1.25rem 4rem; color:#17212b; overflow-wrap:anywhere;
& .about { box-sizing:border-box; width:min(100%,68rem); margin-inline:auto; }
& .about__intro { max-width:51rem; margin:0 auto 3rem; padding:2.25rem 0 2.5rem; border-bottom:1px solid #cbd3d8; }
& .about__eyebrow { margin:0 0 .75rem; color:#375b51; font-size:.875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
& h1 { max-width:15ch; margin:0 0 1.25rem; color:#14231f; font-size:clamp(2.25rem,7vw,4rem); line-height:1.04; letter-spacing:-.035em; }
& .about__lead { max-width:62ch; margin:0; color:#35443f; font-size:1.25rem; line-height:1.55; }
& .about__body { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
& .about__section { display:grid; grid-template-columns:minmax(2.25rem,3.5rem) minmax(0,1fr); gap:1rem; padding:2rem 0; border-bottom:1px solid #d9dfe1; }
& .about__index { margin:.35rem 0 0; color:#55786b; font-size:.875rem; font-weight:700; }
& .about__section h2 { margin:0 0 1rem; color:#14231f; font-size:1.65rem; line-height:1.2; letter-spacing:-.02em; }
& .about__section p { max-width:68ch; margin:0 0 1rem; color:#303b38; font-size:1.0625rem; line-height:1.75; }
& .about__section p:last-child { margin-bottom:0; }
& .about__contact { margin:1.25rem 0; padding:1.25rem; border-left:.25rem solid #55786b; background:#f1f5f2; font-size:1.0625rem; font-style:normal; line-height:1.8; }
& .about__contact a { color:#174e3c; font-weight:600; }
@container (min-width:40rem) {
& { padding:3.5rem 2.5rem 5rem; }
& .about__intro { margin-bottom:3.5rem; padding:2.5rem 0 3rem; }
& .about__section { grid-template-columns:3.5rem minmax(0,1fr); gap:1.5rem; padding:2.5rem 0; }
}
@container (min-width:64rem) {
& { padding-inline:3rem; }
& .about__section { gap:2rem; padding:3rem 0; }
}
}

[data-lzqkan35h9nwwwd="j9dh3c52dkds"] {
  container-type: inline-size;
  color: #172338;
  overflow-wrap: anywhere;

  & .page {
    box-sizing: border-box;
    width: min(100%, 72rem);
    margin-inline: auto;
    padding: 3rem 1.25rem 5rem;
  }

  & .intro {
    max-width: 52rem;
    margin: 0 auto 2.5rem;
    text-align: center;
  }

  & .intro__eyebrow,
  & .contact__eyebrow,
  & .guide__eyebrow {
    margin: 0 0 .65rem;
    color: #365b45;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  & .intro__title {
    margin: 0;
    color: #14271d;
    font-size: clamp(2.25rem, 7vw, 4rem);
    line-height: 1.05;
  }

  & .intro__lead {
    max-width: 43rem;
    margin: 1.25rem auto 0;
    color: #394558;
    font-size: 1.125rem;
    line-height: 1.65;
  }

  & .contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
  }

  & .contact__details,
  & .contact__form,
  & .guide {
    box-sizing: border-box;
    min-width: 0;
    padding: 1.5rem;
    border: 1px solid #dce4dd;
    border-radius: 1rem;
    background: #f7faf7;
  }

  & .contact__details {
    background: #edf4ee;
  }

  & .contact__title,
  & .guide__title {
    margin: 0 0 .75rem;
    color: #172b20;
    font-size: 1.625rem;
    line-height: 1.2;
  }

  & .contact__details > p:not(.contact__eyebrow),
  & .contact__hint,
  & .guide > p:not(.guide__eyebrow),
  & .guide__list {
    color: #354255;
    font-size: 1rem;
    line-height: 1.65;
  }

  & .contact__details > p:not(.contact__eyebrow) {
    margin: 0;
  }

  & .contact__address {
    display: grid;
    gap: .9rem;
    margin-top: 1.5rem;
    font-style: normal;
  }

  & .contact__address > span {
    display: grid;
    gap: .15rem;
    min-width: 0;
    color: #26364b;
    line-height: 1.45;
  }

  & .contact__company {
    font-size: 1.125rem;
    font-weight: 700;
  }

  & .contact__label {
    color: #536254;
    font-size: .875rem;
    font-weight: 700;
  }

  & .contact__address a,
  & .form__privacy a {
    color: #174f32;
    font-weight: 600;
    text-underline-offset: .18em;
  }

  & .contact__hint {
    margin: 0 0 1.25rem;
  }

  & .form {
    display: grid;
    gap: 1rem;
  }

  & .form__field {
    display: grid;
    gap: .4rem;
    min-width: 0;
    color: #1f2d40;
    font-size: .9375rem;
    font-weight: 650;
  }

  & .form__field input,
  & .form__field textarea {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: .8rem .9rem;
    border: 1px solid #aebcb1;
    border-radius: .5rem;
    background: #fff;
    color: #172338;
    font: inherit;
    font-weight: 400;
  }

  & .form__field textarea {
    min-height: 9rem;
    resize: vertical;
  }

  & .form__optional {
    color: #536254;
    font-size: .875rem;
    font-weight: 400;
  }

  & .form__privacy {
    margin: 0;
    color: #354255;
    font-size: .875rem;
    line-height: 1.55;
  }

  & .form__submit {
    justify-self: start;
    min-height: 2.75rem;
    padding: .7rem 1.2rem;
    border: 0;
    border-radius: 999px;
    background: #1c5034;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }

  & .form__submit:hover {
    background: #123d27;
  }

  & .guide {
    max-width: 54rem;
    margin: 1.5rem auto 0;
    padding: 1.75rem;
    background: #fff;
  }

  & .guide__title {
    margin-bottom: 1rem;
  }

  & .guide > p:not(.guide__eyebrow) {
    margin: 0 0 1rem;
  }

  & .guide__list {
    margin: 0 0 1rem;
    padding-inline-start: 1.4rem;
  }

  & .guide__list li + li {
    margin-top: .45rem;
  }

  & code {
    overflow-wrap: anywhere;
  }

  @container (min-width: 40rem) {
    & .page {
      padding-inline: 2rem;
    }

    & .contact {
      grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
      gap: 1.25rem;
    }

    & .contact__details,
    & .contact__form {
      padding: 1.75rem;
    }
  }

  @container (min-width: 64rem) {
    & .page {
      padding-top: 4rem;
    }

    & .contact {
      gap: 1.5rem;
    }

    & .contact__details,
    & .contact__form {
      padding: 2rem;
    }
  }
}

[data-lzqkan35h9nwwwd="s6meo88r9nqty"] {
  container-type: inline-size;
  box-sizing: border-box;
  padding: 2rem 1rem 4rem;
  color: #17231f;
  background-color: #ffffff;
  overflow-wrap: anywhere;
  & .policy { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; width: min(100%, 72ch); margin-inline: auto; }
  & .policy__intro { display: grid; gap: .75rem; padding-bottom: 1.5rem; border-bottom: 1px solid #cbd4cf; }
  & .policy__eyebrow { margin: 0; color: #345c4b; font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  & h1 { margin: 0; font-size: clamp(2rem, 5cqi, 3.5rem); line-height: 1.08; }
  & h2 { margin: 0 0 .75rem; font-size: 1.45rem; line-height: 1.25; }
  & p { margin: 0 0 .9rem; font-size: 1rem; line-height: 1.65; }
  & section { scroll-margin-top: 2rem; }
  & .policy__contents { padding: 1.25rem; border: 1px solid #cbd4cf; border-radius: .5rem; background: #f5f8f6; }
  & .policy__contents h2 { font-size: 1.1rem; }
  & ol { margin: 0; padding-inline-start: 1.4rem; }
  & li { margin-block: .35rem; line-height: 1.5; }
  & a { color: #164e39; text-decoration-thickness: .08em; text-underline-offset: .15em; }
  & address { margin: .4rem 0 1rem; font-style: normal; line-height: 1.7; }
  & .policy__table { box-sizing: border-box; max-width: 100%; margin: 1rem 0 1.25rem; overflow-x: auto; border: 1px solid #cbd4cf; border-radius: .35rem; }
  & table { width: 100%; min-width: 45rem; border-collapse: collapse; table-layout: auto; font-size: .9rem; line-height: 1.45; }
  & caption { padding: .75rem; color: #17231f; font-weight: 700; text-align: left; white-space: normal; }
  & th, & td { padding: .75rem; border-top: 1px solid #cbd4cf; text-align: left; vertical-align: top; }
  & thead th { background: #edf2ef; }
  & tbody th { min-width: 9rem; white-space: nowrap; }
  & td { hyphens: auto; }
  @container (min-width: 40rem) {
    & { padding: 3rem 2rem 5rem; }
    & .policy { gap: 2.5rem; }
  }
  @container (min-width: 64rem) {
    & { padding-top: 4rem; }
  }
}

[data-lzqkan35h9nwwwd="kyp6jzxn52uavuy"] {
  container-type: inline-size;
  box-sizing: border-box;
  padding: 2rem 1.25rem 4rem;
  color: #17231f;
  background: #f4f7f2;
  overflow-wrap: anywhere;
  & .faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; width: min(100%, 54rem); margin: 0 auto; }
  & .faq__intro { display: grid; gap: 1rem; padding: 1.5rem; border: 1px solid #d7e1d8; border-radius: 1.25rem; background: #fff; }
  & .faq__eyebrow { margin: 0; color: #38634a; font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  & h1 { margin: 0; max-width: 18ch; font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.04; }
  & .faq__intro > p:not(.faq__eyebrow) { max-width: 65ch; margin: 0; font-size: 1.125rem; line-height: 1.6; }
  & .faq__index { padding: 1rem; border-radius: .75rem; background: #edf4ed; }
  & .faq__index ol { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; margin: .75rem 0 0; padding-left: 1.25rem; }
  & .faq__group { display: grid; grid-template-columns: minmax(0, 1fr); gap: .85rem; }
  & .faq__group > h2 { margin: 0; padding: .75rem 0; border-bottom: 2px solid #38634a; font-size: 1.6rem; }
  & .faq__item { padding: 1.2rem 1.25rem; border: 1px solid #dce4dc; border-radius: .9rem; background: #fff; }
  & .faq__item h3 { margin: 0 0 .65rem; font-size: 1.2rem; line-height: 1.3; }
  & .faq__item p { margin: 0; max-width: 70ch; line-height: 1.65; }
  & a { overflow-wrap: anywhere; }
  @container (min-width: 40rem) {
    & { padding-inline: 2rem; }
    & .faq__intro { padding: 2.25rem; }
    & .faq__index ol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
    & .faq__item { padding: 1.5rem 1.75rem; }
  }
  @container (min-width: 64rem) {
    & .faq__intro { padding: 2.75rem; }
    & .faq__group { gap: 1rem; }
  }
}

[data-lzqkan35h9nwwwd="ymzf7swwtr9g3dvr4j7"] {
  container-type: inline-size;
  color: #171717;
  background: #fff;
  padding: 3rem 1.5rem 5rem;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  & .doc {
    box-sizing: border-box;
    width: min(100%, 76ch);
    margin-inline: auto;
  }
  & .doc__head { padding-bottom: 1.75rem; border-bottom: 1px solid #d8d8d8; }
  & .doc__eyebrow { margin: 0 0 .75rem; color: #454545; font-size: .875rem; letter-spacing: .08em; text-transform: uppercase; }
  & h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.25rem); line-height: 1.08; }
  & .doc__lead { max-width: 66ch; margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.65; }
  & .doc__date { margin: 1rem 0 0; color: #555; font-size: .9375rem; }
  & .doc__contents { margin: 2rem 0 3rem; padding: 1.25rem 1.5rem; border: 1px solid #d8d8d8; }
  & .doc__contents h2 { margin: 0 0 .75rem; font-size: 1.125rem; }
  & .doc__contents ol { margin: 0; padding-left: 1.4rem; columns: 1; column-gap: 2rem; }
  & .doc__contents li { break-inside: avoid; margin: .35rem 0; }
  & a { color: #164f83; text-decoration-thickness: .08em; text-underline-offset: .15em; }
  & .doc__body { max-width: 72ch; margin-inline: auto; line-height: 1.72; font-size: 1.0625rem; }
  & .doc__body section { padding: 0 0 2rem; margin: 0 0 2rem; border-bottom: 1px solid #e2e2e2; scroll-margin-top: 1.5rem; }
  & .doc__body h2 { margin: 0 0 .85rem; font-size: 1.5rem; line-height: 1.25; }
  & .doc__body h3 { margin: 0 0 .5rem; font-size: 1.125rem; }
  & .doc__body p { margin: 0 0 1rem; }
  & .doc__body address { margin: 1rem 0; font-style: normal; }
  & .doc__body code { font-size: .95em; }
  & .doc__scroll { max-width: 100%; margin: 1.5rem 0; overflow-x: auto; }
  & .doc__scroll table { width: 100%; min-width: 48rem; table-layout: auto; border-collapse: collapse; }
  & .doc__scroll caption { padding: 0 0 .6rem; text-align: left; font-weight: 700; white-space: normal; }
  & .doc__scroll th, & .doc__scroll td { padding: .7rem; border: 1px solid #bdbdbd; text-align: left; vertical-align: top; overflow-wrap: normal; word-break: normal; }
  & .doc__scroll th:first-child, & .doc__scroll td:first-child { min-width: 9rem; white-space: nowrap; }
  & .doc__scroll th:not(:first-child), & .doc__scroll td:not(:first-child) { min-width: 9rem; }
  & .doc__scroll th:not(:first-child), & .doc__scroll td:not(:first-child) { hyphens: manual; }
  & .doc__faq { border-bottom: 0; }
  & .doc__faq section { padding: 1.25rem 0 0; margin: 0; border: 0; }
  @media (min-width: 40rem) {
    & { padding: 4rem 2rem 6rem; }
    & .doc__contents ol { columns: 2; }
  }
  @media (min-width: 64rem) {
    & .doc__contents { padding: 1.5rem 2rem; }
  }
}

[data-lzqkan35h9nwwwd="uuaklqxt"] { container-type:inline-size; color:#111111; overflow-wrap:anywhere;
  & .journal { display:grid; grid-template-columns:minmax(0,1fr); gap:2.5rem; box-sizing:border-box; width:min(100%,72rem); margin-inline:auto; padding:2.5rem 1rem 4rem; }
  & .journal__intro { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; max-width:48rem; }
  & .journal__eyebrow { margin:0; color:#4e625c; font-size:.875rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
  & h1 { max-width:12ch; margin:0; font-size:clamp(2.5rem,7vw,5rem); line-height:.98; letter-spacing:-.045em; }
  & .journal__lead { margin:0; font-size:1.25rem; line-height:1.55; }
  & p { margin-top:0; line-height:1.75; }
  & .journal__section { display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem; padding-top:2rem; border-top:1px solid #d7dedb; }
  & .journal__section-head { display:grid; align-content:start; gap:.65rem; }
  & h2 { margin:0; font-size:clamp(1.75rem,4vw,2.5rem); line-height:1.1; letter-spacing:-.025em; }
  & h3 { margin:0; font-size:1.5rem; line-height:1.2; }
  & .journal__prose { max-width:48rem; }
  & .journal__prose p:last-child { margin-bottom:0; }
  & .journal__stories { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; }
  & .journal__story { display:grid; align-content:start; gap:1rem; min-width:0; box-sizing:border-box; padding:1.5rem; border:1px solid #d7dedb; border-radius:.75rem; background:#f5f7f6; }
  & .journal__story p { margin:0; }
  & .journal__story-no { color:#4e625c; font-size:.875rem; font-weight:700; }
  & .journal__story h3 a { color:#111111; text-decoration-thickness:1px; text-underline-offset:.15em; }
  & .journal__text-link { display:inline-flex; align-items:center; gap:.5rem; width:fit-content; min-height:2.75rem; font-weight:700; }
  & .journal__section--path { margin-top:.5rem; }
  & .journal__note { box-sizing:border-box; max-width:48rem; padding:1.25rem 1.5rem; border-left:.25rem solid #53766a; background:#eef3f0; }
  & .journal__note p:last-child { margin:0; }
  @container (min-width:40rem) {
    & .journal { gap:3.5rem; padding:4rem 2rem 5rem; }
    & .journal__section { grid-template-columns:minmax(10rem,.7fr) minmax(0,1.6fr); gap:2rem; }
    & .journal__stories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  @container (min-width:64rem) {
    & .journal { padding-inline:3rem; }
    & .journal__story { padding:2rem; }
  }
}

[data-lzqkan35h9nwwwd="rhjtwhuz9n9bzs6x_w"] { container-type:inline-size; box-sizing:border-box; min-width:0; padding:3rem 1.25rem 4rem; color:#172329; overflow-wrap:anywhere;
& .thanks { box-sizing:border-box; min-width:0; display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem; width:min(100%,52rem); margin-inline:auto; padding:clamp(1.5rem,5cqi,3rem); border:1px solid #d8e3df; border-radius:1rem; background:#f4f8f6; }
& .thanks__eyebrow { margin:0; color:#365c50; font-size:.875rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
& .thanks__title { max-width:18ch; margin:0; color:#142a23; font-size:clamp(2rem,6cqi,3.5rem); line-height:1.08; }
& .thanks__copy { display:grid; grid-template-columns:minmax(0,1fr); gap:.9rem; max-width:42rem; }
& .thanks__copy h2 { margin:0; font-size:1.35rem; }
& .thanks__copy p { margin:0; font-size:1.05rem; line-height:1.65; }
& .thanks__copy a { color:#174f3c; }
& .thanks__links { display:grid; grid-template-columns:minmax(0,1fr); gap:.75rem; margin-top:.5rem; }
& .thanks__links .thanks__link { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; padding:.65rem 1rem; border-radius:.5rem; background:#174f3c; color:#fff; font-weight:700; text-decoration:none; }
& .thanks__links .thanks__link--quiet { border:1px solid #174f3c; background:transparent; color:#174f3c; }
@media (min-width:40rem) { & { padding:4rem 2rem 5rem; } }
}

[data-lzqkan35h9nwwwd="l-4xvsgxpvji"] {
  container-type: inline-size;
  color: #172635;
  & .team { box-sizing: border-box; width: min(100%, 68rem); margin-inline: auto; padding: 2.5rem 1.25rem 4rem; overflow-wrap: anywhere; }
  & .team__intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 2rem 0 2.5rem; border-bottom: 1px solid #cbd5dc; }
  & .team__eyebrow, & .team__kicker { margin: 0; color: #375e72; font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
  & h1 { max-width: 18ch; margin: 0; color: #102b3a; font-size: clamp(2.25rem, 7vw, 4rem); line-height: 1.04; letter-spacing: -.035em; }
  & .team__lead { max-width: 65ch; margin: .25rem 0 0; color: #344b58; font-size: 1.2rem; line-height: 1.65; }
  & .team__section { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 2.5rem 0; border-bottom: 1px solid #cbd5dc; }
  & .team__section > p:not(.team__kicker) { max-width: 70ch; margin: 0; color: #263d49; font-size: 1.0625rem; line-height: 1.75; }
  & h2 { margin: 0; color: #102b3a; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; letter-spacing: -.02em; }
  & h3 { margin: 0 0 .65rem; color: #173f52; font-size: 1.25rem; line-height: 1.25; }
  & .team__roles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: .75rem; border-top: 1px solid #cbd5dc; }
  & .team__role { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: .75rem; padding: 1.5rem .25rem; border-bottom: 1px solid #cbd5dc; }
  & .team__role p, & .team__steps p { margin: 0 0 .8rem; color: #263d49; line-height: 1.7; }
  & .team__role p:last-child, & .team__steps p:last-child { margin-bottom: 0; }
  & .team__number { color: #477487; font-size: .875rem; font-weight: 700; }
  & .team__section--tint { margin-inline: -1.25rem; padding-inline: 1.25rem; background-color: #f1f6f7; }
  & .team__steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: .5rem 0 0; padding: 0; list-style: none; counter-reset: steps; }
  & .team__steps li { min-width: 0; padding: 1rem 0 0; border-top: 2px solid #6d94a1; counter-increment: steps; }
  & .team__steps li::before { display: block; margin-bottom: .65rem; color: #477487; font-size: .875rem; font-weight: 700; content: "0" counter(steps); }
  & .team__address { display: grid; gap: .55rem; max-width: 70ch; margin: .5rem 0; padding: 1.25rem; border-left: .25rem solid #3d7182; background: #f1f6f7; color: #172635; font-style: normal; line-height: 1.6; }
  & a { overflow-wrap: anywhere; }
  @media (min-width: 40rem) {
    & .team { padding-inline: 2rem; }
    & .team__section--tint { margin-inline: -2rem; padding-inline: 2rem; }
    & .team__role { grid-template-columns: 3rem minmax(0, 1fr); gap: 1.25rem; padding-inline: .5rem; }
  }
  @media (min-width: 64rem) {
    & .team { padding-top: 3rem; }
    & .team__intro { padding-block: 3rem; }
    & .team__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 1.5rem; }
  }
  @media (min-width: 90rem) {
    & .team { padding-inline: 2.5rem; }
    & .team__section--tint { margin-inline: -2.5rem; padding-inline: 2.5rem; }
  }
}

[data-lzqkan35h9nwwwd="aciehols3sqwxdl"] {
  container-type: inline-size;
  & .terms {
    box-sizing: border-box;
    width: min(100%, 76ch);
    margin-inline: auto;
    padding: 3rem 1.25rem 5rem;
    color: #171717;
    font-size: 1.0625rem;
    line-height: 1.72;
    overflow-wrap: anywhere;
  }
  & .terms__intro { padding-bottom: 2rem; border-bottom: 1px solid #d7d7d7; }
  & .terms__eyebrow { margin: 0 0 .75rem; color: #454545; font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
  & h1 { margin: 0 0 1rem; font-size: clamp(2.25rem, 6cqi, 3.5rem); line-height: 1.08; letter-spacing: -.035em; }
  & .terms__lead { max-width: 68ch; margin: 0; font-size: 1.2rem; line-height: 1.55; }
  & .terms__date { margin: 1.25rem 0 0; color: #4b4b4b; font-size: .9375rem; }
  & .terms__contents { margin: 2rem 0 2.5rem; padding: 1.25rem 1.5rem; border-block: 1px solid #d7d7d7; }
  & .terms__contents h2 { margin: 0 0 .75rem; font-size: 1.2rem; }
  & .terms__contents ol { margin: 0; padding-left: 1.5rem; columns: 2; column-gap: 2rem; }
  & .terms__contents li { padding: .18rem 0; break-inside: avoid; }
  & .terms__contents a { color: #173f35; text-decoration-thickness: .08em; text-underline-offset: .16em; }
  & .terms__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  & .terms__section { min-width: 0; scroll-margin-top: 2rem; }
  & .terms__section h2 { margin: 0 0 .85rem; font-size: 1.55rem; line-height: 1.25; letter-spacing: -.015em; }
  & .terms__section p { margin: 0 0 1rem; }
  & .terms__section p:last-child { margin-bottom: 0; }
  & .terms__section address { margin: 1rem 0; font-style: normal; }
  & .terms__storage { padding-top: 2rem; border-top: 1px solid #d7d7d7; }
  & .terms__table { box-sizing: border-box; width: 100%; max-width: 100%; margin: 1.25rem 0; overflow-x: auto; border: 1px solid #bdbdbd; }
  & table { width: 100%; min-width: 36rem; border-collapse: collapse; table-layout: auto; text-align: left; }
  & caption { padding: .8rem; text-align: left; white-space: normal; font-weight: 700; }
  & th, & td { padding: .75rem; border-top: 1px solid #d7d7d7; vertical-align: top; }
  & th { text-align: left; }
  & th:first-child, & td:first-child { white-space: nowrap; }
  & code { font-size: .9em; }
  @container (min-width: 40rem) {
    & .terms { padding-inline: 2rem; }
    & .terms__contents ol { columns: 2; }
  }
  @container (max-width: 39.99rem) {
    & .terms__contents ol { columns: 1; }
  }
  @container (min-width: 64rem) {
    & .terms { padding-top: 4rem; }
    & .terms__contents ol { columns: 3; }
  }
}

[data-lzqkan35h9nwwwd="bdennwa24ly"] {
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  padding: 2rem 1.25rem 4rem;
  color: #182536;
  overflow-wrap: anywhere;

  & .guide {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    width: min(100%, 52rem);
    margin-inline: auto;
  }

  & .guide__intro {
    display: grid;
    gap: 1rem;
    padding: 2rem 1.5rem;
    border: 1px solid #dce5e9;
    border-radius: 1rem;
    background: #f2f8f8;
  }

  & .guide__eyebrow,
  & .guide__number {
    margin: 0;
    color: #355c68;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  & h1 {
    max-width: 18ch;
    margin: 0;
    color: #142839;
    font-size: clamp(2rem, 7vw, 3.25rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  & .guide__lead {
    max-width: 66ch;
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.65;
  }

  & .guide__contents {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
    padding-top: 1rem;
    border-top: 1px solid #c8d9de;
  }

  & .guide__contents strong {
    margin-bottom: .15rem;
  }

  & .guide__contents a,
  & .guide__section a {
    color: #13576a;
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
    overflow-wrap: anywhere;
  }

  & .guide__section {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .9rem;
    padding: 1.4rem 0 1.8rem;
    border-bottom: 1px solid #dce5e9;
  }

  & .guide__section h2 {
    margin: 0;
    color: #142839;
    font-size: clamp(1.55rem, 4vw, 2.1rem);
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  & .guide__section p {
    max-width: 70ch;
    margin: 0;
    font-size: 1rem;
    line-height: 1.72;
  }

  & .guide__number {
    color: #7a4a1c;
  }

  & .guide__table-wrap {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #cbd9de;
    border-radius: .75rem;
    background: #fff;
    scrollbar-color: #77949d #edf2f3;
  }

  & table {
    width: 100%;
    min-width: 39rem;
    border-collapse: collapse;
    text-align: left;
  }

  & caption {
    padding: 1rem;
    color: #183747;
    font-weight: 700;
    text-align: left;
  }

  & th,
  & td {
    padding: .8rem;
    border-top: 1px solid #dce5e9;
    vertical-align: top;
    line-height: 1.5;
    overflow-wrap: normal;
    word-break: normal;
  }

  & thead th {
    color: #183747;
    background: #edf5f5;
  }

  @media (min-width: 40rem) {
    & {
      padding-inline: 2rem;
    }

    & .guide__intro {
      padding: 2.5rem;
    }

    & .guide__contents {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    & .guide__contents strong {
      grid-column: 1 / -1;
    }
  }

  @media (min-width: 64rem) {
    & {
      padding-top: 3rem;
    }

    & .guide__section {
      padding-block: 1.8rem 2.2rem;
    }
  }
}

[data-lzqkan35h9nwwwd="rh_uncmbao3"] {
  container-type: inline-size;
  & .guide {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    width: min(100%, 78ch);
    margin-inline: auto;
    padding: 2.5rem 1.25rem 4rem;
    color: #17263b;
    overflow-wrap: anywhere;
  }
  & .guide__intro {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 1rem;
    background: #edf4f5;
  }
  & .guide__eyebrow {
    margin: 0;
    color: #315e68;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  & h1 {
    max-width: 18ch;
    margin: 0;
    font-size: clamp(2rem, 5vw, 3.5rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
  & .guide__lead {
    max-width: 68ch;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6;
  }
  & .guide__section {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding-block: .5rem;
  }
  & h2 {
    margin: 0;
    color: #173f4a;
    font-size: 1.65rem;
    line-height: 1.2;
  }
  & p,
  & li {
    min-width: 0;
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
  }
  & .guide__list {
    display: grid;
    gap: .75rem;
    margin: .25rem 0;
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
    border-left: .25rem solid #437c83;
    border-radius: .5rem;
    background: #f3f7f7;
  }
  & .guide__note {
    display: grid;
    gap: .75rem;
    padding: 1.5rem;
    border: 1px solid #b8cdd0;
    border-radius: .75rem;
    background: #fff;
  }
  @container (min-width: 40rem) {
    & .guide { padding-inline: 2rem; }
    & .guide__intro { padding: 2rem; }
  }
  @container (min-width: 64rem) {
    & .guide { gap: 2.5rem; padding-top: 3.5rem; }
  }
}