/* Websjekk landing conversion v5 — price anchors, pain-entry shortcuts, AI fast-track and one clean final decision. */

.wcp-price-anchor {
  max-width: 42rem;
  margin: 1rem 0 0;
  padding: .9rem 1rem;
  border-left: 3px solid var(--wcp-green);
  border-radius: 0 .8rem .8rem 0;
  color: #53636a;
  background: rgba(255,255,255,.58);
  font-size: .84rem;
  line-height: 1.55;
}

.wcp-price-anchor strong {
  color: var(--wcp-ink);
  font-weight: 820;
}

/* The pain cards are a direct, prefilled entry into question one. */
.wcp-reasons__grid .wcp-reason-card {
  appearance: none;
  position: relative;
  display: flex;
  min-height: 18rem;
  width: 100%;
  flex-direction: column;
  padding: 1.25rem;
  border: 1px solid var(--wcp-line);
  border-radius: 1.1rem;
  color: var(--wcp-ink);
  background: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 .5rem 1.7rem rgba(13,23,29,.025);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wcp-reasons__grid .wcp-reason-card:nth-child(1) { background: linear-gradient(145deg,#f5f1f7,#fff); }
.wcp-reasons__grid .wcp-reason-card:nth-child(2) { background: linear-gradient(145deg,#edf5f1,#fff); }
.wcp-reasons__grid .wcp-reason-card:nth-child(3) { background: linear-gradient(145deg,#fbf3e9,#fff); }
.wcp-reasons__grid .wcp-reason-card:nth-child(4) { background: linear-gradient(145deg,#edf2f8,#fff); }

.wcp-reason-card:hover {
  transform: translateY(-3px);
  border-color: rgba(66,111,98,.36);
  box-shadow: 0 1rem 2.6rem rgba(13,23,29,.08);
}

.wcp-reason-card:focus-visible {
  outline: 3px solid rgba(66,111,98,.24);
  outline-offset: 3px;
  border-color: var(--wcp-green);
}

.wcp-reason-card__cue {
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  width: fit-content;
  margin: 0 0 auto;
  color: #426f62;
  font-size: .69rem;
  font-weight: 820;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.wcp-reason-card__cue span {
  display: grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--wcp-green);
  transition: transform .18s ease;
}

.wcp-reason-card:hover .wcp-reason-card__cue span { transform: translateX(2px); }

.wcp-reasons__grid .wcp-reason-card strong {
  max-width: 12ch;
  margin: auto 0 .7rem;
  font-size: 1.55rem;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.wcp-reasons__grid .wcp-reason-card p {
  margin: 0;
  color: #637078;
  line-height: 1.55;
}

.wcp-preset-status {
  grid-column: 1 / -1;
  min-height: 1.3rem;
  margin: .15rem 0 0;
  color: #d8e6df;
  font-size: .78rem;
  line-height: 1.45;
}

.wcp-preset-status:empty { display: none; }

/* AI/search section gets the same Fast-Track anchor as the result page. */
.wcp-ai-fasttrack {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(25rem,1.1fr);
  gap: clamp(1.5rem,4vw,4rem);
  align-items: center;
  margin: 0 0 1rem;
  padding: clamp(1.35rem,4vw,3.5rem);
  border: 1px solid var(--wcp-line);
  border-radius: 1.5rem;
  color: #f7f5f8;
  background:
    radial-gradient(circle at 88% 10%,rgba(244,183,131,.18),transparent 20rem),
    radial-gradient(circle at 8% 90%,rgba(127,228,211,.11),transparent 19rem),
    linear-gradient(150deg,#271d31,#15171c 68%,#102326);
  box-shadow: 0 1.8rem 4.7rem rgba(35,27,42,.14);
}

.wcp-ai-fasttrack .wcp-kicker { color: #f4b783; }

.wcp-ai-fasttrack__copy h2 {
  max-width: 15ch;
  margin: 0;
  color: #fff;
  font-size: clamp(2.35rem,4.8vw,4.7rem);
  font-weight: 815;
  line-height: .97;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.wcp-ai-fasttrack__copy > p:last-child {
  max-width: 45rem;
  margin: 1.15rem 0 0;
  color: #cbc4ce;
  font-size: 1.02rem;
  line-height: 1.67;
}

.wcp-fasttrack-box {
  padding: clamp(1.25rem,3vw,2rem);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1.15rem;
  color: var(--wcp-ink);
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,243,.95));
  box-shadow: 0 1.3rem 3rem rgba(0,0,0,.18);
}

.wcp-fasttrack-box__eyebrow {
  margin: 0 0 .65rem;
  color: #805d42;
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .1em;
}

.wcp-fasttrack-box h3 {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(1.8rem,3vw,2.65rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.wcp-fasttrack-box > p:not(.wcp-fasttrack-box__eyebrow) {
  max-width: 37rem;
  margin: .8rem 0 0;
  color: #5e6b72;
  line-height: 1.55;
}

.wcp-fasttrack-prices {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .7rem;
  margin: 1.35rem 0;
}

.wcp-fasttrack-prices div {
  padding: 1rem;
  border: 1px solid rgba(13,23,29,.09);
  border-radius: .85rem;
  background: rgba(255,255,255,.82);
}

.wcp-fasttrack-prices dt {
  color: #6f7b80;
  font-size: .69rem;
  font-weight: 780;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.wcp-fasttrack-prices dd {
  margin: .35rem 0 0;
  color: #17242a;
  font-size: clamp(1.25rem,2vw,1.8rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.wcp-fasttrack-prices dd span {
  display: block;
  margin-top: .2rem;
  color: #788489;
  font-size: .66rem;
  font-weight: 650;
  letter-spacing: 0;
}

.wcp-fasttrack-box .button {
  width: 100%;
  min-height: 3.55rem;
  justify-content: center;
}

/* One final decision surface: test first, direct contact second. */
.wcp-final-conversion {
  margin-top: 1rem;
  padding: clamp(1.35rem,4vw,3.6rem);
  border: 1px solid var(--wcp-line);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 92% 5%,rgba(244,183,131,.16),transparent 18rem),
    linear-gradient(145deg,#f7f1ea,#edf5f1);
}

.wcp-final-conversion__copy {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(18rem,.55fr);
  gap: clamp(1rem,4vw,3.5rem);
  align-items: end;
}

.wcp-final-conversion__copy .wcp-kicker { grid-column: 1 / -1; margin-bottom: -.15rem; }

.wcp-final-conversion__copy h2 {
  max-width: 15ch;
  margin: 0;
  font-size: clamp(2.35rem,4.8vw,4.7rem);
  font-weight: 815;
  line-height: .97;
  letter-spacing: -.056em;
  text-wrap: balance;
}

.wcp-final-conversion__copy > p:last-child {
  max-width: 34rem;
  margin: 0;
  color: #5a686f;
  font-size: 1.03rem;
  line-height: 1.65;
}

.wcp-final-conversion__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.7rem;
}

.wcp-final-conversion__actions .button {
  min-height: 3.55rem;
  justify-content: center;
}

.wcp-final-conversion__primary {
  min-width: min(100%,20rem);
}

.wcp-final-conversion__secondary {
  border-color: rgba(13,23,29,.16);
  color: #24343b;
  background: rgba(255,255,255,.78);
  cursor: pointer;
}

.wcp-final-conversion__secondary[aria-expanded="true"] {
  border-color: rgba(66,111,98,.32);
  background: #fff;
}

.wcp-direct-contact-panel {
  display: grid;
  grid-template-columns: minmax(0,.55fr) minmax(25rem,1.45fr);
  gap: clamp(1rem,3vw,2rem);
  align-items: start;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(13,23,29,.1);
}

.wcp-direct-contact-panel[hidden] { display: none !important; }

.wcp-direct-contact-panel__intro {
  padding: .75rem 0;
}

.wcp-direct-contact-panel__intro strong {
  display: block;
  max-width: 18ch;
  font-size: 1.4rem;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.wcp-direct-contact-panel__intro p {
  max-width: 28rem;
  margin: .65rem 0 0;
  color: #68757b;
  line-height: 1.55;
}

.wcp-direct-form {
  display: grid;
  gap: .85rem;
  padding: clamp(1.05rem,2.5vw,1.65rem);
  border: 1px solid rgba(13,23,29,.09);
  border-radius: 1.05rem;
  background: rgba(255,255,255,.88);
  box-shadow: 0 1.2rem 3rem rgba(13,23,29,.055);
}

.wcp-direct-form__fields {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
  gap: .75rem;
}

.wcp-direct-form label:not(.haut-form-consent) {
  display: grid;
  gap: .42rem;
  color: #46565e;
  font-size: .75rem;
  font-weight: 760;
}

.wcp-direct-form input[type="url"],
.wcp-direct-form input[type="email"] {
  width: 100%;
  min-height: 3.3rem;
  padding: .82rem .9rem;
  border: 1px solid rgba(13,23,29,.14);
  border-radius: .75rem;
  color: var(--wcp-ink);
  background: #fff;
  font: inherit;
  outline: none;
}

.wcp-direct-form input:focus {
  border-color: rgba(66,111,98,.75);
  box-shadow: 0 0 0 3px rgba(66,111,98,.11);
}

.wcp-direct-form input::placeholder { color: #929ca1; }

.wcp-direct-form .button {
  width: 100%;
  min-height: 3.55rem;
  justify-content: center;
}

.wcp-direct-form__note,
.wcp-direct-form__status {
  margin: 0;
  color: #738087;
  font-size: .72rem;
  line-height: 1.45;
  text-align: center;
}

.wcp-direct-form__status:empty { display: none; }

/* Mobile-only bottom bar. Space is reserved on the page so it never covers readable content. */
.wcp-mobile-sticky { display: none; }

@media (max-width: 1100px) {
  .wcp-ai-fasttrack,
  .wcp-final-conversion__copy,
  .wcp-direct-contact-panel { grid-template-columns: 1fr; }
}

@media (max-width: 78rem) {
  body { padding-bottom: calc(5.6rem + env(safe-area-inset-bottom)); }

  .wcp-mobile-sticky {
    position: fixed;
    right: .55rem;
    bottom: calc(.55rem + env(safe-area-inset-bottom));
    left: .55rem;
    z-index: 145;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: .7rem;
    align-items: center;
    padding: .72rem .75rem .72rem 1rem;
    border: 1px solid rgba(13,23,29,.12);
    border-radius: 1rem;
    color: #172329;
    background: rgba(251,250,247,.97);
    box-shadow: 0 1rem 2.8rem rgba(13,23,29,.18);
    backdrop-filter: blur(16px) saturate(120%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
  }

  body:has(.consent-banner) .wcp-mobile-sticky {
    visibility: hidden;
    pointer-events: none;
  }

  .wcp-mobile-sticky > span {
    min-width: 0;
    font-size: clamp(.76rem,3.2vw,.92rem);
    font-weight: 770;
    line-height: 1.25;
  }

  .wcp-mobile-sticky a {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .66rem .85rem;
    border-radius: .72rem;
    color: #fff;
    background: #17342f;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
  }
}

@media (max-width: 720px) {
  .wcp-price-anchor { font-size: .8rem; }
  .wcp-reasons__grid .wcp-reason-card { min-height: 13rem; }
  .wcp-ai-fasttrack,
  .wcp-final-conversion { padding: 1rem; border-radius: 1.15rem; }
  .wcp-fasttrack-prices,
  .wcp-direct-form__fields { grid-template-columns: 1fr; }
  .wcp-direct-form { padding: 1rem; }
  .wcp-final-conversion__actions { display: grid; grid-template-columns: 1fr; }
  .wcp-final-conversion__actions .button { width: 100%; }
}

@media (max-width: 420px) {
  .wcp-mobile-sticky { gap: .5rem; padding-left: .75rem; }
  .wcp-mobile-sticky > span { font-size: .73rem; }
  .wcp-mobile-sticky a { padding-inline: .72rem; font-size: .73rem; }
}

@media (prefers-reduced-motion: reduce) {
  .wcp-reason-card,
  .wcp-reason-card__cue span { transition: none; }
}