/*
 * Websjekk public site — Desktop Control Palette v1
 * Final presentation-only layer for all public routes except the two dedicated locked surfaces.
 * No content, routing, form contracts, calculator logic or mobile presentation is changed here.
 * © Haut Forvalting AS (Org.nr. 931 603 760) — Altibedrift.
 * Konfidensiell arkitektur/arbeidsdokument. Uautorisert kopiering/distribusjon forbudt.
 */

@media (min-width: 1024px) {
  body {
    --wsd-ink: #0d1b1d;
    --wsd-ink-2: #15282a;
    --wsd-deep: #0b1819;
    --wsd-deep-2: #173333;
    --wsd-paper: #f3f0e8;
    --wsd-panel: #fffdf7;
    --wsd-line: rgba(13, 27, 29, .12);
    --wsd-line-strong: rgba(13, 27, 29, .2);
    --wsd-mint: #cbeedb;
    --wsd-mint-strong: #2c7a62;
    --wsd-lime: #9df44a;
    --wsd-cyan: #bfe9eb;
    --wsd-blue: #dce5ff;
    --wsd-violet: #e9ddf5;
    --wsd-amber: #ffe0a8;
    --wsd-rose: #f7cfcb;
    --wsd-shadow: 0 24px 72px rgba(11, 25, 26, .09), 0 3px 10px rgba(11, 25, 26, .035);
    --wsd-shadow-soft: 0 13px 38px rgba(11, 25, 26, .065);
    background:
      radial-gradient(circle at 90% 8%, rgba(191, 233, 235, .3), transparent 29rem),
      radial-gradient(circle at 8% 46%, rgba(203, 238, 219, .25), transparent 36rem),
      linear-gradient(150deg, #f7f4ec 0%, #efede5 56%, #ebe9e1 100%);
  }

  main .button,
  main a,
  main button,
  main article,
  main details {
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
  }

  /* Canonical page shell ------------------------------------------------ */
  main > .page-hero {
    position: relative;
    isolation: isolate;
    width: min(96rem, calc(100% - clamp(3rem, 6vw, 7rem)));
    margin: 2.4rem auto 7.8rem;
    padding: clamp(3rem, 5vw, 5.2rem);
    overflow: hidden;
    border: 1px solid rgba(191, 233, 235, .16);
    border-radius: 1.8rem;
    color: #f7fff9;
    background:
      radial-gradient(circle at 87% 9%, rgba(157, 244, 74, .13), transparent 16rem),
      radial-gradient(circle at 8% 92%, rgba(191, 233, 235, .13), transparent 20rem),
      linear-gradient(140deg, var(--wsd-deep) 0%, #102526 57%, var(--wsd-deep-2) 100%);
    box-shadow: 0 28px 78px rgba(8, 23, 24, .2), inset 0 1px 0 rgba(255,255,255,.055);
  }

  main > .page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .45;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(135deg, #000 0%, transparent 74%);
  }

  main > .page-hero h1 { color: #fff; max-width: 13ch; }
  main > .page-hero p { color: rgba(232,244,238,.7); }
  main > .page-hero .eyebrow { color: var(--wsd-lime); opacity: 1; letter-spacing: .14em; }
  main > .page-hero .button--primary {
    border-color: var(--wsd-lime);
    color: #10200f;
    background: linear-gradient(180deg, #b9ff7a 0%, var(--wsd-lime) 100%);
    box-shadow: 0 11px 26px rgba(95,181,31,.18);
  }
  main > .page-hero .button--secondary {
    border-color: rgba(191,233,235,.25);
    color: #ecf8f3;
    background: rgba(191,233,235,.07);
  }

  main > .section,
  main > .faq-section {
    width: min(96rem, calc(100% - clamp(3rem, 6vw, 7rem)));
  }

  main > .section {
    margin-block: 0 7.8rem;
    padding: clamp(1.7rem, 4vw, 3.4rem);
    border-color: var(--wsd-line);
    border-radius: 1.45rem;
    background: rgba(255,253,247,.78);
    box-shadow: var(--wsd-shadow-soft);
  }

  main > .section--tone-truth { background: linear-gradient(145deg, var(--wsd-cyan), #f6faf7 72%); border-top-color: #5a9296; }
  main > .section--tone-interpretation { background: linear-gradient(145deg, var(--wsd-mint), #f8faf5 72%); border-top-color: var(--wsd-mint-strong); }
  main > .section--tone-action { background: linear-gradient(145deg, var(--wsd-amber), #fffaf0 72%); border-top-color: #bc8435; }
  main > .section--tone-proof { background: linear-gradient(145deg, var(--wsd-violet), #fbf8fc 72%); border-top-color: #7b6787; }
  main > .section--tone-quiet { background: linear-gradient(145deg, var(--wsd-paper), var(--wsd-rose)); border-top-color: rgba(13,27,29,.2); }
  main > .section--muted { border-style: solid; background: linear-gradient(145deg, #eeeae0, #f7f4ec); }

  main > .section .button--primary {
    border-color: var(--wsd-ink);
    color: #f8fff9;
    background: linear-gradient(135deg, var(--wsd-ink), var(--wsd-deep-2));
  }

  main .faq-section {
    margin-bottom: 7.8rem;
    padding: clamp(1.6rem, 3vw, 2.6rem);
    border: 1px solid var(--wsd-line);
    border-radius: 1.4rem;
    background: rgba(255,253,247,.82);
    box-shadow: var(--wsd-shadow-soft);
  }
  main .faq-section details {
    border-color: var(--wsd-line) !important;
    background: rgba(243,240,232,.78) !important;
  }
  main .faq-section details[open] { background: var(--wsd-mint) !important; }

  main form[data-haut-governed="true"] input,
  main form[data-haut-governed="true"] textarea,
  main form[data-haut-governed="true"] select {
    border-color: rgba(13,27,29,.17);
    background: #fffdf8;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  }

  /* Gratis Websjekk ------------------------------------------------------ */
  .webcheck-experience { width: min(96rem, calc(100% - clamp(3rem,6vw,7rem))); }
  .webcheck-hero { gap: clamp(1.1rem,1.8vw,1.65rem); margin: 2.4rem 0 9.5rem; }
  .webcheck-hero__copy {
    border-color: rgba(191,233,235,.16);
    color: #f7fff9;
    background:
      radial-gradient(circle at 88% 8%, rgba(157,244,74,.13), transparent 15rem),
      linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow: 0 28px 78px rgba(8,23,24,.2);
  }
  .webcheck-hero__copy h1 { color:#fff; }
  .webcheck-hero__copy .webcheck-kicker { color:var(--wsd-lime); }
  .webcheck-hero__lede { color:rgba(232,244,238,.72); }
  .webcheck-hero__copy .webcheck-text-link { color:#d9f4e7; }
  .webcheck-trustline { border-top-color:rgba(255,255,255,.1); color:rgba(232,244,238,.62); }
  .webcheck-hero__copy .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .webcheck-method article:nth-child(1) { background:var(--wsd-cyan); }
  .webcheck-method article:nth-child(2) { background:var(--wsd-mint); }
  .webcheck-method article:nth-child(3) { background:var(--wsd-amber); }
  .webcheck-principle { background:linear-gradient(145deg,var(--wsd-violet),var(--wsd-paper)); }
  .webcheck-result-card:nth-child(1) .webcheck-result-card__surface { background:var(--wsd-amber); }
  .webcheck-result-card:nth-child(2) .webcheck-result-card__surface { background:var(--wsd-mint); }
  .webcheck-result-card:nth-child(3) .webcheck-result-card__surface { background:var(--wsd-cyan); }
  .webcheck-close { border-color:rgba(191,233,235,.16); color:#fff; background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }
  .webcheck-close h2 { color:#fff; }
  .webcheck-close p { color:rgba(232,244,238,.7); }

  /* Result --------------------------------------------------------------- */
  .result-v3 { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); margin-inline:auto; }
  .result-v3__summary {
    border-color:rgba(191,233,235,.16)!important;
    color:#f7fff9!important;
    background:
      radial-gradient(circle at 90% 8%,rgba(157,244,74,.12),transparent 14rem),
      linear-gradient(140deg,#0b1819,#102526 58%,#173333)!important;
    box-shadow:var(--wsd-shadow)!important;
  }
  .result-v3__summary h1,.result-v3__summary h2,.result-v3__summary strong { color:#fff; }
  .result-v3__summary p { color:rgba(232,244,238,.7); }
  .result-v3__offer { border-color:var(--wsd-line); background:linear-gradient(145deg,var(--wsd-amber),var(--wsd-mint)); }
  .result-v3__offer-panel { background:linear-gradient(145deg,#0b1819,#173333); }
  .result-v3__offer-cta.button { border-color:var(--wsd-lime); background:var(--wsd-lime); color:#10200f; }
  .result-v3__contact { border-color:var(--wsd-line)!important; background:var(--wsd-panel)!important; box-shadow:var(--wsd-shadow-soft); }

  /* AI & automatisering -------------------------------------------------- */
  .ai-auto-experience { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .ai-auto-hero { gap:clamp(1.1rem,1.8vw,1.65rem); margin:2.4rem 0 9.5rem; }
  .ai-auto-hero__copy {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .ai-auto-hero__copy h1 { color:#fff; }
  .ai-auto-hero__copy .ai-auto-kicker { color:var(--wsd-lime); }
  .ai-auto-hero__lede,.ai-auto-hero__support { color:rgba(232,244,238,.7); }
  .ai-auto-hero__copy .ai-auto-text-link { color:#d9f4e7; }
  .ai-auto-hero__copy .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .ai-auto-hero__visual { background:linear-gradient(145deg,var(--wsd-paper),var(--wsd-cyan)); }
  .ai-auto-outcome--mint,.ai-auto-use-card--mint { background:var(--wsd-mint); }
  .ai-auto-outcome--blue,.ai-auto-use-card--blue { background:var(--wsd-blue); }
  .ai-auto-outcome--amber,.ai-auto-use-card--amber { background:var(--wsd-amber); }
  .ai-auto-outcome--plum,.ai-auto-use-card--plum { background:var(--wsd-violet); }
  .ai-auto-difference { background:var(--wsd-paper); box-shadow:var(--wsd-shadow-soft); }
  .ai-auto-difference-card:nth-child(1){background:var(--wsd-blue)}
  .ai-auto-difference-card:nth-child(2){background:var(--wsd-mint)}
  .ai-auto-difference-card:nth-child(3){background:var(--wsd-amber)}
  .ai-auto-buying { background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }
  .ai-auto-newsletter { background:var(--wsd-amber); }
  .ai-auto-contact { background:linear-gradient(145deg,var(--wsd-violet),var(--wsd-cyan)); }

  /* AI-dynamisk ---------------------------------------------------------- */
  .aidyn-public { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .aidyn-hero { gap:clamp(1.1rem,1.8vw,1.65rem); margin:2.4rem 0 9.5rem; }
  .aidyn-hero__copy {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .aidyn-hero__copy h1 { color:#fff; }
  .aidyn-hero__copy .aidyn-kicker { color:var(--wsd-lime); }
  .aidyn-hero__lede { color:rgba(232,244,238,.72); }
  .aidyn-hero__copy .aidyn-text-link { color:#d9f4e7; }
  .aidyn-hero__copy .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .aidyn-hero__visual { background:linear-gradient(145deg,var(--wsd-paper),var(--wsd-cyan),var(--wsd-violet)); }
  .aidyn-principle--mint{background:var(--wsd-mint)}
  .aidyn-principle--blue{background:var(--wsd-blue)}
  .aidyn-principle--peach{background:var(--wsd-amber)}
  .aidyn-principle--plum{background:var(--wsd-violet)}
  .aidyn-demo { background:linear-gradient(145deg,#0b1819,#173333); border-color:rgba(191,233,235,.16); color:#fff; box-shadow:var(--wsd-shadow); }
  .aidyn-demo__intro h2 { color:#fff; }
  .aidyn-demo__intro>p { color:rgba(232,244,238,.68); }
  .aidyn-demo__intro .aidyn-kicker { color:var(--wsd-lime); }
  .aidyn-demo__tabs button { border-color:rgba(191,233,235,.14); color:#e9f5ef; background:rgba(191,233,235,.06); }
  .aidyn-demo__tabs button[aria-pressed="true"] { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .aidyn-change__cards { background:linear-gradient(145deg,var(--wsd-cyan),var(--wsd-violet)); }
  .aidyn-change__cards article:nth-child(2n){background:var(--wsd-mint)}
  .aidyn-conversion { border-color:rgba(191,233,235,.16); background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }
  .aidyn-conversion__main { color:#fff; background:rgba(255,255,255,.045); }
  .aidyn-conversion__main h2 { color:#fff; }
  .aidyn-conversion__main>p { color:rgba(232,244,238,.7); }
  .aidyn-newsletter { background:var(--wsd-amber); }

  /* Om Websjekk ---------------------------------------------------------- */
  .about-v2 { background:transparent; }
  .a2-shell { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .a2-hero { border-bottom:0; background:transparent; }
  .a2-hero__grid { gap:clamp(1.1rem,1.8vw,1.65rem); }
  .a2-hero__copy {
    min-height:42rem;
    padding:clamp(2rem,5vw,4.7rem);
    border:1px solid rgba(191,233,235,.16);
    border-radius:1.55rem;
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .a2-hero__copy h1 { color:#fff; }
  .a2-hero__copy .a2-eyebrow { color:var(--wsd-lime); }
  .a2-hero__lede { color:rgba(232,244,238,.72); }
  .a2-hero__copy .a2-button { border-color:var(--wsd-lime); color:#10200f!important; background:var(--wsd-lime); }
  .a2-hero__copy .a2-button--ghost { border-color:rgba(191,233,235,.25); color:#eef8f3!important; background:rgba(191,233,235,.07); }
  .a2-gap { background:transparent; }
  .a2-gap-card:nth-child(1){background:var(--wsd-cyan)}
  .a2-gap-card:nth-child(2){background:var(--wsd-mint)}
  .a2-gap-card:nth-child(3){background:var(--wsd-amber)}
  .a2-work { background:transparent; }
  .a2-work-main { background:var(--wsd-paper); }
  .a2-proof-card:nth-child(1){background:var(--wsd-violet)}
  .a2-proof-card:nth-child(2){background:var(--wsd-cyan)}
  .a2-dual { background:linear-gradient(145deg,var(--wsd-mint),var(--wsd-violet)); }
  .a2-identity { background:transparent; }
  .a2-identity-card { background:var(--wsd-amber); }
  .a2-conversion { background:linear-gradient(140deg,#0b1819,#173333); color:#fff; }
  .a2-conversion h2 { color:#fff; }
  .a2-conversion__copy>p:not(.a2-eyebrow){color:rgba(232,244,238,.7)}
  .a2-newsletter { color:var(--wsd-ink); background:var(--wsd-amber); }

  /* Trust, contact, legal ------------------------------------------------ */
  .trust-experience { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .trust-hero { gap:clamp(1.1rem,1.8vw,1.65rem); margin-bottom:9.5rem; }
  .trust-hero__copy,
  .trust-legal-hero>div {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .trust-hero__copy h1,.trust-legal-hero>div h1 { color:#fff; }
  .trust-hero__copy .trust-kicker,.trust-legal-hero>div .trust-kicker { color:var(--wsd-lime); }
  .trust-hero__lede,.trust-hero__support { color:rgba(232,244,238,.7); }
  .trust-hero__copy .trust-text-link { color:#d9f4e7; }
  .trust-hero__copy .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .trust-fact:nth-child(3n+1),.trust-purpose-grid article:nth-child(3n+1),.trust-cookie-grid article:nth-child(4n+1){background:var(--wsd-cyan)}
  .trust-fact:nth-child(3n+2),.trust-purpose-grid article:nth-child(3n+2),.trust-cookie-grid article:nth-child(4n+2){background:var(--wsd-mint)}
  .trust-fact:nth-child(3n+3),.trust-purpose-grid article:nth-child(3n+3),.trust-cookie-grid article:nth-child(4n+3){background:var(--wsd-amber)}
  .trust-cookie-grid article:nth-child(4n+4){background:var(--wsd-violet)}
  .trust-contact-stage,.trust-boundary,.trust-legal-status,.trust-cookie-state { background:linear-gradient(140deg,#0b1819,#173333); }
  .trust-contact-stage .button--primary,.trust-boundary .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }

  /* Plain-language privacy ---------------------------------------------- */
  .privacy-v2 { background:transparent; }
  .pv2-shell { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .pv2-hero { border-bottom:0; background:transparent; }
  .pv2-hero__grid {
    gap:clamp(1.1rem,1.8vw,1.65rem);
    align-items:stretch;
  }
  .pv2-hero__grid>div:first-child {
    padding:clamp(2rem,5vw,4.7rem);
    border:1px solid rgba(191,233,235,.16);
    border-radius:1.55rem;
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .pv2-hero h1 { color:#fff; }
  .pv2-hero .pv2-eyebrow { color:var(--wsd-lime); }
  .pv2-hero__lede { color:rgba(232,244,238,.7); }
  .pv2-hero .pv2-button { border-color:var(--wsd-lime); color:#10200f!important; background:var(--wsd-lime); }
  .pv2-hero .pv2-button--ghost { border-color:rgba(191,233,235,.25); color:#eef8f3!important; background:rgba(191,233,235,.07); }
  .pv2-journey,.pv2-detail { background:transparent; }
  .pv2-card:nth-child(4n+1){background:var(--wsd-cyan)}
  .pv2-card:nth-child(4n+2){background:var(--wsd-mint)}
  .pv2-card:nth-child(4n+3){background:var(--wsd-violet)}
  .pv2-card:nth-child(4n+4){background:var(--wsd-amber)}
  .pv2-details details { background:var(--wsd-panel); box-shadow:var(--wsd-shadow-soft); }
  .pv2-details details[open] { background:var(--wsd-mint); }
  .pv2-right:nth-child(4n+1){background:var(--wsd-cyan)}
  .pv2-right:nth-child(4n+2){background:var(--wsd-mint)}
  .pv2-right:nth-child(4n+3){background:var(--wsd-amber)}
  .pv2-right:nth-child(4n+4){background:var(--wsd-violet)}
  .pv2-owner { background:linear-gradient(145deg,var(--wsd-violet),var(--wsd-cyan)); }

  /* Source graph / editorial category pages ----------------------------- */
  .source-graph-page { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .source-graph-hero {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .source-graph-hero h1 { color:#fff; }
  .source-graph-kicker { color:var(--wsd-lime); }
  .source-graph-hero__copy>p:not(.source-graph-kicker){color:rgba(232,244,238,.7)}
  .source-route-section,.source-graph-related { background:rgba(255,253,247,.76); box-shadow:var(--wsd-shadow-soft); }
  .source-route:nth-child(6n+1){background:var(--wsd-cyan)}
  .source-route:nth-child(6n+2){background:var(--wsd-mint)}
  .source-route:nth-child(6n+3){background:var(--wsd-amber)}
  .source-route:nth-child(6n+4){background:var(--wsd-violet)}
  .source-route:nth-child(6n+5){background:var(--wsd-blue)}
  .source-route:nth-child(6n+6){background:var(--wsd-rose)}
  .source-graph-method { background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }
  .source-graph-method__index { color:var(--wsd-lime); }

  /* Insights home -------------------------------------------------------- */
  .insights-home-v1 { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .insights-home-v1__intro {
    padding:clamp(2rem,4vw,3.4rem);
    border:1px solid var(--wsd-line);
    border-radius:1.45rem;
    background:var(--wsd-paper);
    box-shadow:var(--wsd-shadow-soft);
  }
  .ih-category-card[data-category="ai-tools"]{--ih-soft:var(--wsd-violet);background:linear-gradient(145deg,var(--wsd-violet),var(--wsd-panel))}
  .ih-category-card[data-category="norsk-tech"]{--ih-soft:var(--wsd-mint);background:linear-gradient(145deg,var(--wsd-mint),var(--wsd-panel))}
  .ih-category-card[data-category="marketing"]{--ih-soft:var(--wsd-amber);background:linear-gradient(145deg,var(--wsd-amber),var(--wsd-panel))}
  .ih-category-card[data-category="data-infrastructure"]{--ih-soft:var(--wsd-cyan);background:linear-gradient(145deg,var(--wsd-cyan),var(--wsd-panel))}
  .ih-category-card[data-category="research"]{--ih-soft:var(--wsd-blue);background:linear-gradient(145deg,var(--wsd-blue),var(--wsd-panel))}
  .insights-home-v1__method {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:linear-gradient(140deg,#0b1819,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .insights-home-v1__method h2,.insights-home-v1__method strong{color:#fff}
  .insights-home-v1__method .insights-home-v1__eyebrow,.ih-method-step span{color:#10200f;background:var(--wsd-lime)}
  .ih-method-step { border-color:rgba(191,233,235,.12); background:rgba(255,255,255,.055); }
  .ih-method-step p { color:rgba(232,244,238,.65); }
  .insights-home-v1__follow { background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }

  /* AI & verktøy --------------------------------------------------------- */
  .tool-lab { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .tool-hero {
    gap:clamp(1.1rem,1.8vw,1.65rem);
    align-items:stretch;
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .tool-hero h1 { color:#fff; }
  .tool-hero .tool-kicker { color:var(--wsd-lime); }
  .tool-hero__lede { color:rgba(232,244,238,.7); }
  .tool-hero__copy .tool-text-link { color:#d9f4e7; border-color:rgba(191,233,235,.25); }
  .tool-hero__copy .button--primary { border-color:var(--wsd-lime); color:#10200f; background:var(--wsd-lime); }
  .tool-hero__visual { background:linear-gradient(145deg,var(--wsd-paper),var(--wsd-cyan)); }
  .tool-hero-card--think{background:var(--wsd-violet)}
  .tool-hero-card--build{background:var(--wsd-blue)}
  .tool-hero-card--create{background:var(--wsd-amber)}
  .tool-hero-card--run{background:var(--wsd-mint)}
  .tool-card--plum,.tool-card--violet{background:var(--wsd-violet)}
  .tool-card--green,.tool-card--mint{background:var(--wsd-mint)}
  .tool-card--blue{background:var(--wsd-blue)}
  .tool-card--coral{background:var(--wsd-rose)}
  .tool-compare { background:linear-gradient(145deg,var(--wsd-amber),var(--wsd-violet)); }
  .tool-workflow { border-color:rgba(191,233,235,.16); background:linear-gradient(140deg,#0b1819,#173333); color:#fff; box-shadow:var(--wsd-shadow); }
  .tool-workflow h2,.tool-workflow strong{color:#fff}
  .workflow-step { border-color:rgba(191,233,235,.12); background:rgba(255,255,255,.055); }
  .workflow-step p,.workflow-caption { color:rgba(232,244,238,.62); }
  .workflow-step span,.workflow-arrow { color:var(--wsd-lime); }
  .tool-personal { background:linear-gradient(145deg,var(--wsd-cyan),var(--wsd-mint)); }
  .tool-news-bridge { background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }

  /* Kunnskap ------------------------------------------------------------- */
  .knowledge-hub-v1 { background:transparent; }
  .kh-shell { width:min(96rem,calc(100% - clamp(3rem,6vw,7rem))); }
  .kh-hero__copy {
    border-color:rgba(191,233,235,.16);
    color:#fff;
    background:radial-gradient(circle at 88% 8%,rgba(157,244,74,.13),transparent 15rem),linear-gradient(140deg,#0b1819,#102526 58%,#173333);
    box-shadow:var(--wsd-shadow);
  }
  .kh-hero__copy h1{color:#fff}
  .kh-hero__copy .kh-eyebrow{color:var(--wsd-lime)}
  .kh-hero__lede{color:rgba(232,244,238,.7)}
  .kh-hero__copy .kh-action{border-color:var(--wsd-lime);color:#10200f;background:var(--wsd-lime)}
  .kh-hero__copy .kh-action--ghost{border-color:rgba(191,233,235,.25);color:#eef8f3;background:rgba(191,233,235,.07)}
  .kh-hero__index { background:linear-gradient(145deg,var(--wsd-paper),var(--wsd-cyan)); color:var(--wsd-ink); }
  .kh-hero__index h2 { color:var(--wsd-ink); }
  .kh-index__label { color:var(--wsd-mint-strong); }
  .kh-index-links button { border-color:var(--wsd-line); color:var(--wsd-ink); background:rgba(255,255,255,.65); }
  .kh-index-links span:first-child { background:var(--wsd-lime); }
  .kh-card--ai{background:var(--wsd-violet)}
  .kh-card--web{background:var(--wsd-mint)}
  .kh-card--visibility{background:var(--wsd-amber)}
  .kh-card--tools{background:var(--wsd-cyan)}
  .kh-now { background:var(--wsd-paper); }
  .kh-now-card:nth-child(1){background:var(--wsd-cyan)}
  .kh-now-card:nth-child(2){background:var(--wsd-mint)}
  .kh-now-card:nth-child(3){background:var(--wsd-violet)}
  .kh-boundary { background:var(--wsd-amber); }
  .kh-conversion { background:linear-gradient(140deg,#0b1819,#173333); box-shadow:var(--wsd-shadow); }
  .kh-conversion .kh-action { border-color:var(--wsd-lime); background:var(--wsd-lime); color:#10200f; }
  .kh-newsletter { border-color:rgba(255,224,168,.25); background:rgba(255,224,168,.1); }

  /* Shared hover / focus ------------------------------------------------- */
  .webcheck-method article:hover,
  .webcheck-result-card:hover,
  .ai-auto-use-card:hover,
  .aidyn-principle:hover,
  .a2-gap-card:hover,
  .trust-fact:hover,
  .pv2-card:hover,
  .source-route:hover,
  .ih-category-card:hover,
  .tool-card:hover,
  .kh-card:hover {
    transform:translateY(-3px);
    border-color:rgba(44,122,98,.35);
    box-shadow:0 18px 42px rgba(11,25,26,.1);
  }

  main a:focus-visible,
  main button:focus-visible,
  main input:focus-visible,
  main textarea:focus-visible,
  main select:focus-visible {
    outline:3px solid rgba(44,122,98,.34);
    outline-offset:3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  main *, main *::before, main *::after { transition:none!important; animation:none!important; }
}
