.story-section {
  background: #ffffff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.motto {
  display: inline-block;
  margin: 20px 0 0;
  padding: 14px 18px;
  border-left: 4px solid var(--brand);
  border-radius: 0 12px 12px 0;
  background: var(--soft);
  color: var(--text);
  font-size: 1.08rem;
  font-weight: 780;
}

/* Batch 4: hero med dobbeltrettet analyse */
.hero-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(520px, 1.05fr);
  gap: 42px;
  align-items: center;
}

.hero h1 {
  font-size: clamp(2.9rem, 4.1vw, 4rem);
}

.hero .actions {
  flex-wrap: nowrap;
}

.hero .actions .button {
  white-space: nowrap;
  padding-inline: 16px;
}

.hero-visual {
  margin: 0;
  width: 100%;
  min-height: 560px;
  border-radius: 24px;
  background-color: #f7f9fc;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNjAwIj4KPGRlZnM+CiAgPGZpbHRlciBpZD0icyIgeD0iLTIwJSIgeT0iLTIwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMTQwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iOCIgc3RkRGV2aWF0aW9uPSIxMiIgZmxvb2QtY29sb3I9IiMxNzMyNGYiIGZsb29kLW9wYWNpdHk9Ii4xMCIvPgogIDwvZmlsdGVyPgogIDxtYXJrZXIgaWQ9ImEiIG1hcmtlcldpZHRoPSIxMCIgbWFya2VySGVpZ2h0PSIxMCIgcmVmWD0iOCIgcmVmWT0iNSIgb3JpZW50PSJhdXRvIiBtYXJrZXJVbml0cz0ic3Ryb2tlV2lkdGgiPgogICAgPHBhdGggZD0iTTAsMCBMMTAsNSBMMCwxMCB6IiBmaWxsPSIjMWY1ZDkxIi8+CiAgPC9tYXJrZXI+CjwvZGVmcz4KPHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSI2MDAiIHJ4PSIyOCIgZmlsbD0iI2Y3ZjlmYyIvPgo8cmVjdCB4PSIzNCIgeT0iMzQiIHdpZHRoPSI3MzIiIGhlaWdodD0iNTMyIiByeD0iMjYiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2RiZTVlZiIgZmlsdGVyPSJ1cmwoI3MpIi8+CjxyZWN0IHg9IjcwIiB5PSI3NCIgd2lkdGg9IjI1MCIgaGVpZ2h0PSIxNjgiIHJ4PSIyMCIgZmlsbD0iI2ZiZmRmZiIgc3Ryb2tlPSIjY2RkYmVhIi8+CjxjaXJjbGUgY3g9IjEwMyIgY3k9IjEwNiIgcj0iMjEiIGZpbGw9IiNlNWYwZmIiLz48dGV4dCB4PSIxMDMiIHk9IjExMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1zaXplPSIxOSIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzE3M2M2OCI+TTwvdGV4dD4KPHRleHQgeD0iMTM4IiB5PSIxMDQiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMTcyMDMzIj5NaWc8L3RleHQ+Cjx0ZXh0IHg9IjEzOCIgeT0iMTI4IiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzVmNmI3YSI+RXJmYXJpbmcsIGtvbXBldGVuY2VyIG9nIG1vdGl2YXRpb248L3RleHQ+Cjx0ZXh0IHg9IjkwIiB5PSIxNjIiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjMzE0NjVmIj7igKIgRXJmYXJpbmcgJmFtcDsgcmVzdWx0YXRlcjwvdGV4dD4KPHRleHQgeD0iOTAiIHk9IjE5MCIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiMzMTQ2NWYiPuKAoiBLb21wZXRlbmNlciAmYW1wOyB2w6Zya3TDuGplcjwvdGV4dD4KPHRleHQgeD0iOTAiIHk9IjIxOCIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiMzMTQ2NWYiPuKAoiBNb3RpdmF0aW9uICZhbXA7IHbDpnJkaWVyPC90ZXh0Pgo8cmVjdCB4PSI0ODAiIHk9Ijc0IiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjE2OCIgcng9IjIwIiBmaWxsPSIjZmJmZGZmIiBzdHJva2U9IiNjZGRiZWEiLz4KPGNpcmNsZSBjeD0iNTEzIiBjeT0iMTA2IiByPSIyMSIgZmlsbD0iI2U1ZjBmYiIvPjx0ZXh0IHg9IjUxMyIgeT0iMTEzIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMTczYzY4Ij5KPC90ZXh0Pgo8dGV4dCB4PSI1NDgiIHk9IjEwNCIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjIiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiMxNzIwMzMiPkpvYmJldDwvdGV4dD4KPHRleHQgeD0iNTQ4IiB5PSIxMjgiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjNWY2YjdhIj5LcmF2LCBhbnN2YXIgb2cgc3VjY2VzIGkgcm9sbGVuPC90ZXh0Pgo8dGV4dCB4PSI1MDAiIHk9IjE2MiIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiMzMTQ2NWYiPuKAoiBLcmF2ICZhbXA7IGt2YWxpZmlrYXRpb25lcjwvdGV4dD4KPHRleHQgeD0iNTAwIiB5PSIxOTAiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjMzE0NjVmIj7igKIgQW5zdmFyICZhbXA7IG9wZ2F2ZXI8L3RleHQ+Cjx0ZXh0IHg9IjUwMCIgeT0iMjE4IiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMxNDY1ZiI+4oCiIFN1Y2Nlc2tyaXRlcmllciAmYW1wOyBrdWx0dXI8L3RleHQ+CjxwYXRoIGQ9Ik0gMzE4IDE1OCBDIDM2MCAxNTgsIDM2MCAyODAsIDM5MCAyODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJmN2RjYyIgc3Ryb2tlLXdpZHRoPSI0IiBtYXJrZXItZW5kPSJ1cmwoI2EpIi8+CjxwYXRoIGQ9Ik0gNDgyIDE1OCBDIDQ0MCAxNTgsIDQ0MCAyODAsIDQxMCAyODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE3M2M2OCIgc3Ryb2tlLXdpZHRoPSI0IiBtYXJrZXItZW5kPSJ1cmwoI2EpIi8+CjxyZWN0IHg9IjI0NSIgeT0iMjQ4IiB3aWR0aD0iMzEwIiBoZWlnaHQ9IjExOCIgcng9IjIyIiBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNjZGRiZWEiIGZpbHRlcj0idXJsKCNzKSIvPgo8Y2lyY2xlIGN4PSI0MDAiIGN5PSIyNzQiIHI9IjE4IiBmaWxsPSIjMTczYzY4Ii8+PHRleHQgeD0iNDAwIiB5PSIyODAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiNmZmYiPuKGlDwvdGV4dD4KPHRleHQgeD0iNDAwIiB5PSIzMTMiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMTcyMDMzIj5Eb2JiZWx0cmV0dGV0IGR5YmRlYW5hbHlzZTwvdGV4dD4KPHJlY3QgeD0iMjc5IiB5PSIzMjgiIHdpZHRoPSIyNDIiIGhlaWdodD0iMjYiIHJ4PSIxMCIgZmlsbD0iI2VhZjJmYiIvPgo8dGV4dCB4PSI0MDAiIHk9IjM0NiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9IkFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiMxZjVkOTEiPlBhc3NlciBqZWcgdGlsIGpvYmJldCDigJMgcGFzc2VyIGpvYmJldCB0aWwgbWlnPzwvdGV4dD4KPGxpbmUgeDE9IjQwMCIgeTE9IjM2NyIgeDI9IjQwMCIgeTI9IjQwMyIgc3Ryb2tlPSIjOTJhOWMwIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjE0NSIgeTE9IjQwMyIgeDI9IjY1NSIgeTI9IjQwMyIgc3Ryb2tlPSIjOTJhOWMwIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjE0NSIgeTE9IjQwMyIgeDI9IjE0NSIgeTI9IjQyMyIgc3Ryb2tlPSIjOTJhOWMwIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjQwMCIgeTE9IjQwMyIgeDI9IjQwMCIgeTI9IjQyMyIgc3Ryb2tlPSIjOTJhOWMwIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeDE9IjY1NSIgeTE9IjQwMyIgeDI9IjY1NSIgeTI9IjQyMyIgc3Ryb2tlPSIjOTJhOWMwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHJlY3QgeD0iNzAiIHk9IjQyMyIgd2lkdGg9IjIxNSIgaGVpZ2h0PSI5MiIgcng9IjE4IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNjZGRiZWEiLz4KPHJlY3QgeD0iNzAiIHk9IjQyMyIgd2lkdGg9IjYiIGhlaWdodD0iOTIiIHJ4PSIzIiBmaWxsPSIjMzliNjZhIi8+Cjx0ZXh0IHg9IjEwNSIgeT0iNDU4IiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzE3MjAzMyI+TWF0Y2g8L3RleHQ+Cjx0ZXh0IHg9IjEwNSIgeT0iNDgyIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzVmNmI3YSI+U3R5cmtlciBvZyBhbGlnbm1lbnQ8L3RleHQ+Cjx0ZXh0IHg9IjEwNSIgeT0iNTAxIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzVmNmI3YSI+bWVsbGVtIGRpZyBvZyBqb2JiZXQ8L3RleHQ+CjxyZWN0IHg9IjI5MyIgeT0iNDIzIiB3aWR0aD0iMjE1IiBoZWlnaHQ9IjkyIiByeD0iMTgiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2NkZGJlYSIvPgo8cmVjdCB4PSIyOTMiIHk9IjQyMyIgd2lkdGg9IjYiIGhlaWdodD0iOTIiIHJ4PSIzIiBmaWxsPSIjZjBhNDNhIi8+Cjx0ZXh0IHg9IjMyOCIgeT0iNDU4IiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzE3MjAzMyI+R2FwczwvdGV4dD4KPHRleHQgeD0iMzI4IiB5PSI0ODIiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjNWY2YjdhIj5Lb21wZXRlbmNlLSBvZyBlcmZhcmluZ3NodWxsZXI8L3RleHQ+Cjx0ZXh0IHg9IjMyOCIgeT0iNTAxIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzVmNmI3YSI+4oCTIG9nIGh2YWQgZGUgYmV0eWRlcjwvdGV4dD4KPHJlY3QgeD0iNTE2IiB5PSI0MjMiIHdpZHRoPSIyMTQiIGhlaWdodD0iOTIiIHJ4PSIxOCIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjY2RkYmVhIi8+CjxyZWN0IHg9IjUxNiIgeT0iNDIzIiB3aWR0aD0iNiIgaGVpZ2h0PSI5MiIgcng9IjMiIGZpbGw9IiM3YzYzZDYiLz4KPHRleHQgeD0iNTUxIiB5PSI0NTEiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjE3IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMTcyMDMzIj5HTyAvIEdPIG1lZDwvdGV4dD4KPHRleHQgeD0iNTUxIiB5PSI0NzIiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjE3IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMTcyMDMzIj5mb3JiZWhvbGQgLyBOTyBHTzwvdGV4dD4KPHRleHQgeD0iNTUxIiB5PSI0OTciIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjNWY2YjdhIj5LbGFyIGFuYmVmYWxpbmcgb2cgbsOmc3RlIHNrcmlkdDwvdGV4dD4KPHJlY3QgeD0iMjM4IiB5PSI1MzIiIHdpZHRoPSIzMjQiIGhlaWdodD0iNDIiIHJ4PSIxOCIgZmlsbD0iI2Y3ZmJmZiIgc3Ryb2tlPSIjY2RkYmVhIi8+Cjx0ZXh0IHg9IjQwMCIgeT0iNTU4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNSIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzE3M2M2OCI+Q2FzZXZhbGcgZWxsZXIgbcOlbHJldHRldCBtYXRlcmlhbGU8L3RleHQ+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: 0 20px 52px rgba(15, 31, 57, 0.10);
}

.hero-visual img {
  display: none;
}

/* Ingen jobgaranti skal være tydelig allerede i heroen */
.hero .trust-row::after {
  content: "Ingen jobgaranti – AI Jobflow er et arbejdsredskab til struktur, analyse og bedre beslutninger. Det kan ikke love dig et job eller en samtale.";
  flex-basis: 100%;
  margin-top: 8px;
  padding: 11px 14px;
  border-left: 4px solid var(--brand);
  border-radius: 0 10px 10px 0;
  background: #ffffff;
  color: var(--text);
  font-weight: 650;
}

/* Standardopsætningen overskrider Free-planens projektfilgrænse */
#requirements .check-card::before {
  content: "Anbefalet: ChatGPT Plus (eller et abonnement med mindst 25 filer pr. Project). Free har en lavere filgrænse og er derfor ikke egnet til standardopsætningen af AI Jobflow.";
  display: block;
  margin: 0 0 20px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--accent);
  color: var(--brand-dark);
  font-weight: 720;
}

.price-placeholder {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.price-placeholder strong {
  color: var(--text);
  font-size: 1.34rem;
  font-weight: 850;
}

.price-placeholder span {
  color: var(--muted);
  font-size: 0.95rem;
}

.upgrade-note {
  margin: 18px 0 0;
  padding: 14px 18px;
  border-radius: 12px;
  background: var(--accent);
  color: var(--brand-dark);
  font-weight: 650;
  text-align: center;
}

.story-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1.42fr);
  gap: 64px;
  align-items: start;
}

.story-kicker {
  position: sticky;
  top: 112px;
}

.story-kicker h2 {
  margin-bottom: 22px;
}

.signature {
  display: inline-block;
  margin: 0;
  padding-top: 16px;
  border-top: 2px solid var(--brand);
  color: var(--text);
  font-weight: 780;
}

.story-copy {
  max-width: 760px;
}

.story-copy p {
  margin: 0 0 24px;
  font-size: 1.12rem;
  line-height: 1.78;
}

.story-copy .story-emphasis {
  margin-top: 34px;
  padding: 24px 28px;
  border-left: 4px solid var(--brand);
  border-radius: 0 14px 14px 0;
  background: var(--soft);
  color: var(--text);
  font-weight: 720;
}

@media (max-width: 1080px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 0.9fr);
    gap: 28px;
  }

  .hero .actions {
    flex-wrap: wrap;
  }
}

@media (max-width: 820px) {
  .hero-grid,
  .story-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .hero-visual {
    min-height: 0;
    aspect-ratio: 4 / 3;
    max-width: 680px;
    margin-inline: auto;
  }

  .hero .actions {
    flex-wrap: wrap;
  }

  .story-kicker {
    position: static;
  }

  .story-copy p {
    font-size: 1.04rem;
  }
}