@layer pages {
  [data-page="ebook"] {
    --eb-gap: var(--s5);
    .eb-hero {
      overflow: clip; padding: clamp(24px, 4px + 4vw, 64px) 0 var(--section-pad);
      background-color: var(--bb-white);
      background-image:
        radial-gradient(44% 70% at 76% 46%, color-mix(in srgb, var(--purple-100) 90%, transparent) 0%, transparent 74%),
        radial-gradient(34% 44% at 0% 0%, color-mix(in srgb, var(--purple-50) 90%, transparent) 0%, transparent 80%);
    }
    .eb-hero__row {
      display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--eb-gap); align-items: start;
      width: min(calc(100% - var(--gutter) * 2), 1320px); margin-inline: auto;
    }
    .eb-crumbs { grid-column: 1 / -1; margin-bottom: clamp(24px, 4px + 3.2vw, 56px); }
    .eb-words { grid-column: 1 / span 6; grid-row: 2 / span 2; min-width: 0; padding-right: clamp(0px, 3vw, 56px); }
    .eb-h1 {
      max-width: 13em; font-size: clamp(32px, 16px + 2.9vw, 52px); line-height: 1.1; font-weight: var(--fw-poster);
      letter-spacing: normal; color: var(--ink); text-wrap: balance;
    }
    .eb-lead {
      margin-top: var(--s5); max-width: 44ch; font-size: var(--fs-20); line-height: 1.4; font-weight: var(--fw-strong);
      color: var(--ink); text-wrap: pretty;
    }
    .eb-points { margin-top: var(--s4); max-width: 52ch; }
    .eb-points li {
      display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start;
      padding-block: 14px; border-top: 1px solid var(--line);
      font-size: var(--fs-18); line-height: 1.5; color: var(--text); text-wrap: pretty;
    }
    .eb-points li:last-child { border-bottom: 1px solid var(--line); }
    .eb-points__i { width: 20px; height: 20px; margin-top: .2em; color: var(--accent); }
    .eb-kicker { margin-bottom: var(--s4); }
    .eb-panel { grid-column: 7 / span 6; grid-row: 2; container-type: inline-size; display: grid; place-items: center; padding: clamp(24px, 12px + 2vw, 40px); }
    .eb-cover { position: relative; isolation: isolate; margin: 0; }
    .eb-cover img {
      display: block; width: auto; height: max(240px, 58cqw); border-radius: 3px;
      box-shadow: 0 1px 3px color-mix(in srgb, var(--bb-deep) 35%, transparent), 0 28px 44px -18px color-mix(in srgb, var(--bb-deep) 70%, transparent);
    }
    .eb-cover::before {
      content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 3px; background: color-mix(in srgb, var(--bb-white) 18%, transparent);
      transform: translate(14px, 0) rotate(3deg); transform-origin: 0 100%;
    }
    .eb-cover::after {
      content: ""; position: absolute; inset: 0; border-radius: 3px; pointer-events: none;
      background: linear-gradient(90deg, color-mix(in srgb, var(--bb-white) 26%, transparent) 0, transparent 1.6%, color-mix(in srgb, var(--bb-deep) 16%, transparent) 3.6%, color-mix(in srgb, var(--bb-white) 10%, transparent) 5.4%, transparent 11%);
    }
    .eb-panel--wide .eb-cover img { width: min(100%, 78cqw); height: auto; }
    .eb-panel--wide .eb-cover::after { display: none; }
    .eb-card bb-hubspot-form { --hs-min: 329px; }
    .eb-card:lang(nb) bb-hubspot-form { --hs-min: 349px; }
    @media (1120px <= width < 1280px) {
      .eb-card bb-hubspot-form { --hs-min: 339px; }
      .eb-card:lang(sv) bb-hubspot-form, .eb-card:lang(nb) bb-hubspot-form { --hs-min: 349px; }
    }
    @media (width < 640px) {
      .eb-card bb-hubspot-form { --hs-min: 573px; }
      .eb-card:lang(sv) bb-hubspot-form { --hs-min: 593px; }
      .eb-card:lang(nb) bb-hubspot-form { --hs-min: 613px; }
    }
    .eb-card { grid-column: 7 / span 6; grid-row: 3; min-width: 0; margin-top: var(--s5); }
    .eb-card .form-card__head { margin-bottom: var(--s5); }
    .eb-card .form-card__title { text-wrap: balance; }
    .eb-more__in { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--eb-gap); row-gap: var(--s7); }
    .eb-more__a { grid-column: 1 / span 5; min-width: 0; }
    .eb-more__b { grid-column: 7 / span 6; min-width: 0; }
    .eb-more__a p { margin-top: var(--s4); max-width: 46ch; font-size: var(--fs-18); line-height: 1.55; color: var(--text); text-wrap: pretty; }
    .eb-more__b .eb-points { margin-top: var(--s4); }
    .eb-more__end { grid-column: 1 / -1; padding-top: var(--s7); border-top: 1px solid var(--line); }
    .eb-more__end p { max-width: 26em; text-wrap: balance; }
    @media (width < 1280px) {
      .eb-words { grid-column: 1 / span 5; padding-right: 0; }
      .eb-panel, .eb-card { grid-column: 6 / span 7; }
    }
    @media (width < 1120px) {
      .eb-hero__row { grid-template-columns: minmax(0, 1fr); max-width: 640px; }
      .eb-words, .eb-panel, .eb-card { grid-column: 1; grid-row: auto; }
      .eb-panel { margin-top: clamp(32px, 12px + 3vw, 48px); }
      .eb-more .wrap { width: min(calc(100% - var(--gutter) * 2), 640px); }
      .eb-more__a, .eb-more__b { grid-column: 1 / -1; }
      .eb-more__in { row-gap: var(--s6); }
      .eb-more__end { padding-top: var(--s6); }
    }
    @media (width < 640px) {
      .eb-lead { font-size: var(--fs-18); }
      .eb-points li { font-size: var(--fs-16); padding-block: 12px; }
      .eb-more__a p { font-size: var(--fs-16); }
    }
  }
}
@layer tokens {
  [data-tone="lilac"] {
    --panel-dark: #3a2496; --panel-base: #45309f; --panel-mid: #5440bf; --panel-end: #6556cc; --panel-glow: #6a5ad0;
    --panel-haze: rgba(150, 132, 205, .7);
    --panel-edge: #8f86dc; --panel-low: #7472d4; --panel-plane-end: #8280da; --panel-pale: #c3c2ee; --panel-pale-2: #cbc6f3;
  }
  [data-tone="violet"] {
    --panel-dark: #2c1166; --panel-base: #36167a; --panel-mid: #4a2aa8; --panel-end: #4b4ab9; --panel-glow: #6646c6;
    --panel-haze: rgba(78, 65, 173, .9);
    --panel-edge: #8a74d8; --panel-low: #a08ae8; --panel-plane-end: #b79bee; --panel-pale: #c1a8ee; --panel-pale-2: #9a8cdb;
  }
  [data-tone="plum"] {
    --panel-dark: #43104f; --panel-base: #4a1560; --panel-mid: #4d2088; --panel-end: #46339a; --panel-glow: #5b2494;
    --panel-haze: rgba(70, 52, 112, .9);
    --panel-edge: #7567c1; --panel-low: #6a64bd; --panel-plane-end: #7672c4; --panel-pale: #8483c5; --panel-pale-2: #9a98d3;
  }
  [data-tone="plum-pink"] {
    --panel-dark: #5a0f46; --panel-base: #62124c; --panel-mid: #66308f; --panel-end: #7b4fae; --panel-glow: #69409f;
    --panel-haze: rgba(146, 94, 184, .9);
    --panel-edge: #cf4aa0; --panel-low: #d84195; --panel-plane-end: #e24e87; --panel-pale: #dd4f98; --panel-pale-2: #eaa5d9;
  }
  [data-tone="rose"] {
    --panel-dark: #3a0a2f; --panel-base: #55103f; --panel-mid: #6d1555; --panel-end: #93286f; --panel-glow: #7a3aa8;
    --panel-haze: rgba(112, 72, 172, .9);
    --panel-edge: #c93a88; --panel-low: #da4391; --panel-plane-end: #e4579f; --panel-pale: #e86aa8; --panel-pale-2: #f2b0cf;
  }
  [data-tone="indigo-lavender"] {
    --panel-dark: #2f3590; --panel-base: #3b41a4; --panel-mid: #4a45b2; --panel-end: #5d55c0; --panel-glow: #5a4cc6;
    --panel-haze: rgba(199, 181, 230, .92);
    --panel-edge: #9384d6; --panel-low: #ad98e4; --panel-plane-end: #c3a8ee; --panel-pale: #cdb9ea; --panel-pale-2: #be9ef4;
  }
  [data-tone="indigo-sky"] {
    --panel-dark: #2b2db3; --panel-base: #3639c8; --panel-mid: #4447db; --panel-end: #5558ee; --panel-glow: #6366fa;
    --panel-haze: rgba(132, 250, 228, .42);
    --panel-edge: #8186f9; --panel-low: #9ea4fb; --panel-plane-end: #b6c4f8; --panel-pale: #d6dbf6; --panel-pale-2: #9fe3ee;
  }
  [data-tone="indigo-mint"] {
    --panel-dark: #140c4c; --panel-base: #1d1573; --panel-mid: #2a2caa; --panel-end: #3c52d8; --panel-glow: #4b46e2;
    --panel-haze: rgba(132, 250, 228, .4);
    --panel-edge: #6679ea; --panel-low: #5e9ae6; --panel-plane-end: #6fcfd8; --panel-pale: #84e6d6; --panel-pale-2: #acacfd;
  }
  [data-tone="indigo-pink"] {
    --panel-dark: #150f55; --panel-base: #1f1d86; --panel-mid: #3336d0; --panel-end: #5b5ff5; --panel-glow: #5a5df7;
    --panel-haze: rgba(255, 176, 195, .55);
    --panel-edge: #7f86f4; --panel-low: #8fb0f0; --panel-plane-end: #84e6d6; --panel-pale: #b9bdfb; --panel-pale-2: #ffc2d2;
  }
  [data-tone="navy"] {
    --panel-dark: #0f1542; --panel-base: #172059; --panel-mid: #22308f; --panel-end: #3045bd; --panel-glow: #3b4fd4;
    --panel-haze: rgba(191, 198, 246, .6);
    --panel-edge: #7d8be3; --panel-low: #8d99e8; --panel-plane-end: #aab2ee; --panel-pale: #d2d6f7; --panel-pale-2: #bfc4f4;
  }
  [data-tone="cobalt"] {
    --panel-dark: #14247f; --panel-base: #1c33a8; --panel-mid: #2849cf; --panel-end: #3a6cea; --panel-glow: #5a54ea;
    --panel-haze: rgba(132, 250, 229, .5);
    --panel-edge: #6ea2f6; --panel-low: #86c4f2; --panel-plane-end: #a2ece8; --panel-pale: #b9ecf6; --panel-pale-2: #84fae5;
  }
  [data-tone="sky"] {
    --panel-dark: #110d4a; --panel-base: #1a1a76; --panel-mid: #2937a8; --panel-end: #3a6dd0; --panel-glow: #3c46d4;
    --panel-haze: rgba(172, 172, 253, .6);
    --panel-edge: #5b90e6; --panel-low: #5fb0ec; --panel-plane-end: #6ccbee; --panel-pale: #7fdff0; --panel-pale-2: #acacfd;
  }
  [data-tone="ocean"] {
    --panel-dark: #2f3a96; --panel-base: #3a4cb0; --panel-mid: #3f6ec0; --panel-end: #4d8fc8; --panel-glow: #5258c0;
    --panel-haze: rgba(124, 177, 208, .9);
    --panel-edge: #5491c7; --panel-low: #67a6ce; --panel-plane-end: #7cb1d0; --panel-pale: #9cc6de; --panel-pale-2: #88b7d1;
  }
  [data-tone="teal"] {
    --panel-dark: #1d1243; --panel-base: #2a1a5e; --panel-mid: #3b2c78; --panel-end: #4f6f9a; --panel-glow: #4a35a6;
    --panel-haze: rgba(150, 136, 226, .85);
    --panel-edge: #59b3ad; --panel-low: #5fbcb2; --panel-plane-end: #79c8bd; --panel-pale: #8fd0c6; --panel-pale-2: #a99be6;
  }
  [data-tone="mint"] {
    --panel-dark: #15143a; --panel-base: #1e2052; --panel-mid: #262c68; --panel-end: #2b4775; --panel-glow: #3b37a2;
    --panel-haze: rgba(196, 181, 240, .5);
    --panel-edge: #1fae84; --panel-low: #2cc596; --panel-plane-end: #4fdcb0; --panel-pale: #84fae4; --panel-pale-2: #b9a8f2;
  }
  [data-tone="graphite"] {
    --panel-dark: #14161c; --panel-base: #1e2023; --panel-mid: #2a2d4d; --panel-end: #3a3fa6; --panel-glow: #4447db;
    --panel-haze: rgba(172, 177, 253, .5);
    --panel-edge: #6366fa; --panel-low: #7c7efd; --panel-plane-end: #acb1fd; --panel-pale: #c6c9fe; --panel-pale-2: #8587fe;
  }
  [data-tone="tile-violet"] {
    --tile-glow-a: radial-gradient(70% 46% at 100% 0%, #2f2149 0%, transparent 72%);
    --tile-glow-b: radial-gradient(60% 40% at 0% 0%, #381778 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 100% 100%, #5f5ac0 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #3a2090 0%, #3f2fa0 40%, #4743b4 100%);
    --tile-bg: #3f2fa0;
  }
  [data-tone="tile-magenta"] {
    --tile-glow-a: radial-gradient(70% 46% at 0% 0%, #91429a 0%, transparent 74%);
    --tile-glow-b: radial-gradient(60% 40% at 100% 14%, #7b50b0 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 0% 100%, #5d5cbb 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #6a38ae 0%, #5436b4 34%, #4a44b8 100%);
    --tile-bg: #5436b4;
  }
  [data-tone="tile-sky"] {
    --tile-glow-a: radial-gradient(64% 44% at 100% 0%, #6fb4e6 0%, transparent 72%);
    --tile-glow-b: radial-gradient(60% 40% at 0% 0%, #6d86db 0%, transparent 72%);
    --tile-glow-c: radial-gradient(70% 44% at 0% 100%, #2f2a7c 0%, transparent 78%);
    --tile-base: linear-gradient(180deg, #5148c4 0%, #4640b8 38%, #38339e 100%);
    --tile-bg: #4640b8;
  }
  .pu {
    --pu-p: var(--bb-purple);
    --pu-pt: var(--bb-purple-text);
    --pu-hd: var(--bb-ink);
    --pu-tt: #1e293b;
    --pu-tx: var(--bb-text);
    --pu-mu: var(--bb-muted);
    --pu-bd: #f0f1f3;
    --pu-ln: #e5e7eb;
    --pu-ln2: #e5e5e5;
    --pu-tint: #f9f8ff;
    --pu-lav: var(--bb-lavender);
    --pu-lav-line: var(--purple-200);
    --pu-good: #0f7a4b;  --pu-good-bg: #d9ffed;
    --pu-bad: #b4232a;   --pu-bad-bg: #ffeff5;
    --pu-red: #c10007;   --pu-red-bg: #fef2f2; --pu-red-line: #ffc9c9;
    --pu-warn: var(--bb-warning); --pu-warn-bg: #fff8ee; --pu-warn-text: var(--bb-warning-text);
    --pu-ok: #118653;    --pu-ok-bg: var(--pu-good-bg);
    --pu-urgent: var(--bb-error); --pu-urgent-bg: #fff1ee;
    --pu-paused: #c2410c; --pu-paused-bg: #fef6e6;
    --pu-active: #15803d; --pu-active-bg: #e6f9f0;
    --pu-paused-strong: #9a3412; --pu-active-strong: #166534;
    --pu-blue: #258aff;
    --pu-rail-ic: #374151;
    --pu-th-bg: #fdfdfd;
    --pu-ic-bg: #f9fafb;
    --pu-track: rgba(0, 0, 0, .08);
    --pu-rank-bg: #efecfd;
    --pu-you-bg: #ecebff;
    --pu-bar-bg: #f5f5f5;
    --pu-slate: #45556c;
    --pu-slate-ink: #0f172b;
    --pu-i-violet: #9333ea; --pu-i-violet-bg: #faf5ff;
    --pu-i-blue: #2563eb;   --pu-i-blue-bg: #eff6ff;
    --pu-ad-orange: #c2410c; --pu-ad-orange-bar: #fb923c;
    --pu-ad-blue: #1d5fd1; --pu-ad-blue-bg: #eef4ff; --pu-ad-blue-line: #dbe6ff;
    --pu-chart-green: #18b070;
    --pu-line-hover: #cfd5ff;
    --pu-streak: rgba(181, 252, 238, .25);
    --pu-grad-strip: var(--brand-strip);
    --pu-grad-ai: linear-gradient(270deg, var(--bb-green), var(--bb-purple), var(--bb-green));
    --pu-grad-ask: linear-gradient(90deg, #474ec5 0%, #32379d 55%, #1f2176 100%);
    --pu-bg: var(--fill-wash);
    --pu-shadow: 0 2px 14px rgba(136, 152, 170, .15);
    --pu-shadow-hover: 0 4px 20px rgba(136, 152, 170, .22);
    --pu-shadow-input: 0 2px 32px rgba(136, 152, 170, .15);
  }
}
@layer sections {
  :is(bb-hubspot-form, bb-hubspot-frame) { display: block; position: relative; }
  :is(bb-hubspot-form, bb-hubspot-frame):not([data-state="ready"]) { min-height: var(--hs-min, 0px); }
  html:not(.js) :is(bb-hubspot-form, bb-hubspot-frame) { min-height: 0; }
  :is(bb-hubspot-form, bb-hubspot-frame)[data-state="failed"] { display: grid; align-content: center; }
  .hs-form-frame iframe { display: block; width: 100%; border: 0; }
  .hs-loading, .hs-fallback { font-size: var(--fs-14); line-height: 1.45; color: var(--muted); }
  .hs-fallback a { color: var(--accent-text); font-weight: var(--fw-strong); }
  .hs-loading { position: absolute; inset: 0 0 auto; }
  html:not(.js) .hs-loading, :is(bb-hubspot-form, bb-hubspot-frame):is([data-state="ready"], [data-state="failed"]) .hs-loading { display: none; }
  .hs-fallback { display: none; }
  html:not(.js) .hs-fallback, :is(bb-hubspot-form, bb-hubspot-frame)[data-state="failed"] .hs-fallback { display: block; }
  .hs-form {
    display: grid; gap: var(--s4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(200px, (100% - var(--s4)) / 2 - 1px)), 1fr));
  }
  .hs-form > :not(.hs-form-field),
  .hs-form > .hs-form-field:is(.hs-fieldtype-textarea, .hs-fieldtype-checkbox, .hs-fieldtype-booleancheckbox, .hs-fieldtype-radio) { grid-column: 1 / -1; }
  .hs-form-field { display: grid; gap: 6px; align-content: start; min-width: 0; }
  .hs-form-field > label { font-size: var(--fs-14); font-weight: var(--fw-strong); color: var(--ink); }
  .hs-form-required { margin-left: 2px; font-weight: 400; color: var(--muted); }
  .hs-form-field .input { position: relative; }
  .hs-input:is(input, select, textarea) {
    display: block; width: 100%; min-width: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-2);
    background: var(--bg); color: var(--ink); font-size: var(--fs-16);
  }
  .hs-input:is(input, select) { height: 48px; padding: 0 14px; }
  .hs-input:is(textarea) { min-height: 112px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
  .hs-input:is(input, select, textarea):hover { border-color: var(--text); }
  .hs-input:is(input, select, textarea):focus-visible {
    outline: 3px solid var(--focus); outline-offset: 1px; border-color: var(--bb-purple-hover); border-radius: var(--radius-2);
  }
  .hs-input.invalid.error { border-color: var(--bb-error); }
  .hs-error-msgs { display: grid; gap: 2px; margin-top: 6px; }
  .hs-error-msg, .hs_error_rollup { font-size: var(--fs-14); line-height: 1.4; color: var(--error-text); }
  .hs-fieldtype-select .hs-input { appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer; }
  .hs-fieldtype-select .hs-input.is-placeholder { color: var(--muted); }
  .hs-fieldtype-select option { color: var(--ink); }
  .hs-fieldtype-select .input::after {
    content: ""; position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; rotate: 180deg;
    background: var(--text); pointer-events: none;
    -webkit-mask: url("/assets/icons/chevron-up.svg?v=beeb27e6") center / contain no-repeat;
            mask: url("/assets/icons/chevron-up.svg?v=beeb27e6") center / contain no-repeat;
  }
  .legal-consent-container .hs-richtext { font-size: var(--fs-14); line-height: 1.45; color: var(--text); }
  .legal-consent-container a { color: var(--accent-text); font-weight: var(--fw-strong); }
  .hs_recaptcha { margin-top: 0 !important; }
  .hs_recaptcha:has(> .input:empty) { margin-top: calc(var(--s4) * -1) !important; }
  .hs_submit .actions { display: flex; justify-content: flex-end; }
  .hs-button {
    min-height: 48px; padding: 0 22px; border: 1px solid transparent; border-radius: var(--radius-2);
    background: var(--btn); color: var(--btn-fg); font: var(--fw-strong) var(--fs-16)/1.2 var(--font); cursor: pointer;
    transition: background-color .2s, box-shadow .2s var(--ease);
  }
  .hs-button:hover { background: var(--btn-hover); box-shadow: var(--btn-lift); }
  .hs-button:active { box-shadow: none; transition-duration: .06s; }
  @media (width < 640px) {
    .hs_submit .hs-button { width: 100%; }
  }
}