/* Den offentlige forside og fejlsiderne med Fyret, platformens maskot. Farverne er Primetimes CVI. */
/* Overskrifterne er Brut Grotesque Black i versaler, små labels, menu og knapper er Roboto Mono i versaler, som på primetime.dk. */
@font-face{font-family:"Brut Grotesque";src:url("/static/landing/brut-grotesque-book.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Brut Grotesque";src:url("/static/landing/brut-grotesque-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Brut Grotesque";src:url("/static/landing/brut-grotesque-black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap;}
@font-face{font-family:"Roboto Mono";src:url("/static/landing/roboto-mono-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}

:root{
  --ink:#242325; --muted:#4A4850; --blue:#0E38B1; --blue-deep:#0C1340; --salmon:#FFA587; --light-blue:#B7CFED;
  --cream:#FCFBF8; --beige:#F7F5EA; --line:#C0BEB6;
  --sans:"Brut Grotesque",Arial,sans-serif; --display:"Brut Grotesque",Arial,sans-serif; --mono:"Roboto Mono","Courier New",monospace;
  --page:1160px; --gutter:40px;
}
*,*::before,*::after{box-sizing:border-box;}
html{font-size:17px;scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);line-height:1.6;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--ink);}
h1,.lp-h2,.lp-method h2{font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;}
h1 em,h2 em{font-style:normal;color:var(--blue);}
p,ol,ul,dl,dd{margin:0;padding:0;}
ol,ul{list-style:none;}
address{font-style:normal;}
.lp-inner{max-width:var(--page);margin:0 auto;padding:0 var(--gutter);}

/* Knapper */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 28px;border-radius:999px;
  font-family:var(--mono);font-weight:400;font-size:14px;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;border:1.5px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.lp-btn--blue{background:var(--blue);color:var(--cream);}
.lp-btn--blue:hover{background:var(--ink);}
.lp-btn--line{border-color:var(--ink);color:var(--ink);}
.lp-btn--line:hover{background:var(--ink);color:var(--cream);}
.lp-btn--sm{min-height:40px;padding:8px 20px;font-size:12px;}
.lp-link{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--salmon);padding-bottom:2px;}
.lp-link:hover{color:var(--blue);}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;}

/* Toppen */
.lp-top{position:absolute;top:0;left:0;right:0;z-index:3;}
.lp-top .lp-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px;}
.lp-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;}
.lp-brand .fyr-head{width:34px;height:44px;}
.lp-brand__name{display:block;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.1;}
.lp-brand__by{display:flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.lp-brand__logo{width:auto;height:11px;}
.lp-nav{display:flex;align-items:center;gap:28px;}
.lp-nav__link{color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.lp-nav__link:hover{color:var(--blue);}

/* Dagen ved havet */
.lp-day{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--beige) 0%,var(--cream) 100%);}
.lp-day .fyr-scene{position:absolute;inset:0;width:100%;height:100%;}
.lp-hero{min-height:min(820px,100vh);display:flex;align-items:center;}
.lp-hero > .lp-inner,.lp-error > .lp-inner{width:100%;}
.lp-hero__text{position:relative;z-index:2;max-width:660px;padding:150px 0 230px;}
.lp-hero h1{font-size:clamp(38px,4.4vw,62px);}
.lp-lead{margin-top:24px;font-size:clamp(18px,1.5vw,20px);line-height:1.6;color:var(--muted);max-width:500px;}
.lp-hero .lp-actions,.lp-error .lp-actions{margin-top:36px;}

/* Fyrets bevægelser */
.fyr-beam{transform-box:view-box;transform-origin:1082px 396px;animation:fyr-sweep 14s ease-in-out infinite;}
.fyr-cloud{animation:fyr-drift 40s linear infinite alternate;}
.fyr-cloud--slow{animation-duration:60s;}
.fyr-swell{animation:fyr-swell 14s linear infinite;}
.fyr-swell--back{animation:fyr-swell-back 22s linear infinite;}
.fyr-paper{animation:fyr-bob 4.8s ease-in-out infinite;}
.fyr-paper--1{animation-duration:5.5s;animation-delay:.8s;}.fyr-paper--2{animation-duration:4.2s;animation-delay:1.4s;}
.fyr-eyes{transform-box:fill-box;transform-origin:center;animation:fyr-blink 6s infinite;}
.fyr-dot{animation:fyr-fade 1.6s infinite;}
.fyr-dot--1{animation-delay:.3s;}.fyr-dot--2{animation-delay:.6s;}
.fyr-z{animation:fyr-fade 2.6s infinite;}.fyr-z--1{animation-delay:.8s;}
.fyr-rays{animation:fyr-fade 1.4s ease-in-out infinite;}
@keyframes fyr-sweep{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(5deg);}}
@keyframes fyr-drift{to{transform:translateX(60px);}}
/* En hel bølgelængde (top og dal), så bølgen står det samme sted, når animationen starter forfra. */
@keyframes fyr-swell{to{transform:translateX(-320px);}}
@keyframes fyr-swell-back{to{transform:translateX(-400px);}}
@keyframes fyr-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes fyr-blink{0%,94%,100%{transform:scaleY(1);}97%{transform:scaleY(.1);}}
@keyframes fyr-fade{0%,100%{opacity:.25;}50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;}}

/* Sektioner */
.lp-section{padding:110px 0;}
.lp-section--cream{background:var(--cream);}
.lp-section--beige{background:var(--beige);}
.lp-center{text-align:center;max-width:760px;margin:0 auto;}
.lp-center p{margin-top:20px;font-size:19px;color:var(--muted);}
.lp-h2{font-size:clamp(30px,3.2vw,42px);}

/* Rækker med billede og tekst */
.lp-rows{display:flex;flex-direction:column;gap:96px;margin-top:80px;}
.lp-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;align-items:center;}
.lp-row--flip .lp-row__art{order:2;}
.lp-row__art{border-radius:28px;background:var(--beige);min-height:380px;display:grid;place-items:center;padding:40px;overflow:hidden;position:relative;}
.lp-row__art--plain{background:transparent;padding:0;}
.lp-row__art--sky{background:linear-gradient(180deg,var(--beige),var(--cream));}
.lp-row__art .fyr-figure{width:min(260px,70%);height:auto;}
.lp-row h3{font-size:clamp(28px,2.6vw,36px);}
.lp-row p{margin-top:16px;font-size:18px;color:var(--muted);max-width:46ch;}
.lp-row .lp-link{display:inline-block;margin-top:22px;}

/* Små udsnit af rapporten */
.lp-paper{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:26px 26px 22px;box-shadow:0 1px 2px rgba(36,35,37,.06),0 24px 50px -30px rgba(12,19,64,.35);}
.lp-paper__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line);}
.lp-paper__head b{font-family:var(--display);font-weight:900;font-size:24px;text-transform:uppercase;color:var(--ink);}
.lp-paper__story{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--beige);}
.lp-paper__story:last-child{border-bottom:0;}
.lp-paper__story i{font-style:normal;font-family:var(--mono);color:var(--blue);font-size:15px;line-height:1.5;}
.lp-paper__story strong{display:block;font-size:16px;line-height:1.35;color:var(--ink);}
.lp-paper__story small{display:block;margin-top:3px;font-size:13.5px;color:var(--muted);}
.lp-paper__tag{display:inline-block;margin-bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);}
.lp-paper h4{margin:0;font-family:var(--display);font-weight:700;font-size:23px;line-height:1.2;color:var(--ink);}
.lp-paper__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 10px;}
.lp-paper__facts div{background:#fff;border-radius:10px;padding:10px 12px;}
.lp-paper__facts dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.lp-paper__facts dd{font-weight:700;}
.lp-paper__draft{background:#fff;border-radius:10px;padding:12px 14px;border-left:4px solid var(--salmon);color:var(--muted);font-size:15px;line-height:1.6;}
.lp-paper__draft small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.lp-paper--beige{background:var(--beige);box-shadow:none;}
.lp-paper__head em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}

/* Metoden */
.lp-method{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;max-width:900px;margin:0 auto;}
.lp-method .fyr-head{width:130px;height:168px;}
.lp-method h2{font-size:clamp(30px,3.2vw,42px);}
.lp-method p{margin-top:16px;font-size:18px;color:var(--muted);}

/* Kom i gang */
.lp-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px;}
.lp-start__num{display:block;font-family:var(--mono);font-size:14px;letter-spacing:.06em;color:var(--blue);padding-bottom:14px;border-bottom:1px solid var(--line);}
.lp-start h3{margin-top:18px;font-size:24px;}
.lp-start p{margin-top:10px;color:var(--muted);}

/* Det praktiske */
.lp-practical{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px 72px;align-items:start;}
.lp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;}
.lp-facts div{padding:22px 0;border-bottom:1px solid var(--line);}
.lp-facts dt{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);}
.lp-facts dd{margin-top:4px;color:var(--muted);}

/* Kontakt */
.lp-contact{background:var(--beige);}
.lp-contact__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;max-width:860px;margin:0 auto;}
.lp-contact .fyr-figure{width:170px;height:auto;}
.lp-contact p{margin-top:14px;font-size:19px;color:var(--muted);}
.lp-contact .lp-actions{margin-top:28px;}

/* Bund */
.lp-foot{background:var(--blue);color:var(--cream);padding:60px 0 36px;font-size:15px;}
.lp-foot__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;}
.lp-foot__logo{width:150px;filter:brightness(0) invert(1);margin-bottom:18px;}
.lp-foot a{color:var(--cream);}
.lp-foot a:hover{color:var(--salmon);}
.lp-foot__social{display:flex;gap:18px;justify-content:flex-end;}
.lp-foot__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:44px;padding-top:24px;border-top:1px solid var(--light-blue);
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;}
.lp-foot__links{display:flex;gap:20px;}

/* Fejlsiden */
.lp-error{min-height:100vh;display:flex;align-items:center;}
.lp-error__code{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);}
.lp-error h1{margin-top:14px;font-size:clamp(38px,4.6vw,62px);}
/* Når fejlen er hos platformen, er det aften, og fyret sover */
.lp-night-page .lp-error{background:linear-gradient(180deg,var(--blue-deep) 0%,#16226E 100%);}
.lp-night-page h1,.lp-night-page .lp-lead,.lp-night-page .lp-brand,.lp-night-page .lp-brand__by{color:var(--cream);}
.lp-night-page h1 em,.lp-night-page .lp-error__code{color:var(--salmon);}
.lp-night-page .lp-brand__logo{filter:brightness(0) invert(1);}
.lp-night-page .lp-btn--line{border-color:var(--cream);color:var(--cream);}
.lp-night-page .lp-btn--line:hover{background:var(--cream);color:var(--blue-deep);}
.lp-night-page .lp-btn--blue{background:var(--cream);color:var(--blue-deep);}
.lp-night-page .lp-btn--blue:hover{background:var(--salmon);}

@media (max-width:960px){
  :root{--gutter:20px;}
  html{font-size:16px;}
  .lp-nav__link{display:none;}
  .lp-hero__text{padding:120px 0 360px;}
  .lp-day .fyr-scene{top:auto;height:400px;}
  /* Scenen dækker kun bunden på mobil, så papirstrukturen ville give en synlig kant */
  .fyr-grain{display:none;}
  .lp-row,.lp-method,.lp-start,.lp-facts,.lp-foot__grid,.lp-practical,.lp-contact__grid{grid-template-columns:minmax(0,1fr);}
  .lp-contact__grid{justify-items:center;text-align:center;}
  .lp-contact .lp-actions{justify-content:center;}
  .lp-row--flip .lp-row__art{order:0;}
  .lp-row{gap:32px;}
  .lp-rows{gap:72px;}
  .lp-row__art{min-height:300px;}
  .lp-method{text-align:center;justify-items:center;gap:24px;}
  .lp-section{padding:80px 0;}
  .lp-foot__social{justify-content:flex-start;}
}