/* Wimmer Community V6.59.1 - Pro gæsteforside */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
html{scroll-behavior:smooth}
body.wc-guest-body{
  min-height:100dvh;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#eef7ff;
  background:
    radial-gradient(circle at 8% 10%,rgba(39,220,174,.25),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(37,153,255,.20),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(95,69,255,.12),transparent 32%),
    linear-gradient(140deg,#020812 0%,#041221 44%,#020812 100%);
}
body.wc-guest-body:before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 92%);
  pointer-events:none;
}
.wc-guest-shell{padding:24px}
.wc-guest-card{
  width:min(1400px,100%);
  margin:0 auto;
  border:1px solid rgba(79,214,255,.14);
  border-radius:34px;
  background:linear-gradient(180deg,rgba(4,14,28,.95),rgba(2,10,20,.98));
  box-shadow:0 36px 120px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  position:relative;
}
.wc-guest-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 28%,rgba(45,210,255,.10),transparent 28%);
  pointer-events:none;
}
.wc-guest-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(6,15,29,.72);
  backdrop-filter:blur(10px);
}
.wc-guest-brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#f3fbff;
  text-decoration:none;
  min-width:0;
}
.wc-guest-logo{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:1000;
  color:#031018;
  background:linear-gradient(135deg,#2ef0ba,#2db9ff);
  box-shadow:0 0 0 8px rgba(46,240,186,.07),0 18px 40px rgba(0,0,0,.35);
}
.wc-guest-brand-text{display:flex;flex-direction:column;min-width:0}
.wc-guest-brand-text strong{font-size:clamp(24px,2.5vw,34px);line-height:1.05;letter-spacing:-.04em}
.wc-guest-brand-text small{margin-top:4px;color:#9bb0c8;font-size:17px;font-weight:700}
.wc-guest-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wc-guest-nav a{
  color:#b7c8d9;
  text-decoration:none;
  padding:10px 14px;
  border-radius:14px;
  font-weight:700;
  transition:.2s ease;
}
.wc-guest-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.wc-guest-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wc-primary-btn,.wc-ghost-btn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 20px;
  border-radius:18px;
  font-weight:900;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.wc-primary-btn{color:#031018;background:linear-gradient(135deg,#2ef0ba,#2da2ff);box-shadow:0 18px 46px rgba(38,200,255,.22)}
.wc-primary-btn:hover{transform:translateY(-1px);box-shadow:0 22px 55px rgba(38,200,255,.28)}
.wc-ghost-btn{color:#e6f5ff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.wc-ghost-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.wc-primary-btn.large,.wc-ghost-btn.large{min-height:58px;padding:0 24px;font-size:17px}
.wc-guest-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  gap:28px;
  align-items:center;
  padding:34px 28px 18px;
}
.wc-guest-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.12em;
  color:#7effe3;
  background:rgba(46,240,186,.10);
  border:1px solid rgba(46,240,186,.22);
}
.wc-guest-copy h1{
  margin:18px 0 0;
  font-size:clamp(52px,7vw,104px);
  line-height:.92;
  letter-spacing:-.065em;
}
.wc-guest-copy h1 span{
  display:block;
  background:linear-gradient(135deg,#27f0bb 0%,#30b9ff 48%,#8a63ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.wc-guest-lead{
  margin:22px 0 0;
  max-width:700px;
  color:#c7d6e4;
  font-size:clamp(18px,2vw,21px);
  line-height:1.58;
}
.wc-guest-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.wc-guest-feature-row{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.wc-mini-feature{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 16px 15px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.wc-mini-feature .icon{font-size:26px;line-height:1}
.wc-mini-feature strong{display:block;font-size:17px;margin-bottom:5px}
.wc-mini-feature small{color:#9fb2c7;line-height:1.45;font-size:14px}
.wc-guest-visual-wrap{position:relative}
.wc-guest-visual{
  position:relative;
  min-height:560px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 65% 28%,rgba(46,240,186,.16),transparent 25%),
    radial-gradient(circle at 60% 65%,rgba(47,176,255,.18),transparent 34%),
    linear-gradient(145deg,#071320,#05101c);
  box-shadow:0 32px 70px rgba(0,0,0,.35);
}
.wc-guest-visual:before{
  content:"";
  position:absolute;
  inset:34px;
  border-radius:999px;
  border:1px solid rgba(46,240,186,.22);
  box-shadow:0 0 0 45px rgba(46,240,186,.03),0 0 0 95px rgba(42,170,255,.025);
  pointer-events:none;
}
.wc-guest-hero-image{
  position:absolute;
  inset:80px 70px 74px 86px;
  width:calc(100% - 156px);
  height:calc(100% - 154px);
  object-fit:cover;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  filter:saturate(1.02) contrast(1.02);
  box-shadow:0 26px 70px rgba(0,0,0,.40);
}
.wc-guest-float{
  position:absolute;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:22px;
  background:rgba(8,18,33,.82);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  backdrop-filter:blur(10px);
}
.wc-guest-float img{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
}
.wc-guest-float strong{display:block;font-size:16px;margin-bottom:4px}
.wc-guest-float small{display:block;color:#a8bfd3;line-height:1.4}
.wc-float-story{top:18px;left:18px;max-width:270px}
.wc-float-chat{top:110px;right:16px;max-width:270px}
.wc-float-group{right:20px;bottom:26px;max-width:285px}
.wc-guest-stats{
  padding:18px 28px 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.wc-guest-stats article{
  padding:20px 18px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.wc-guest-stats strong{display:block;font-size:clamp(26px,3vw,42px);letter-spacing:-.045em}
.wc-guest-stats span{display:block;margin-top:6px;color:#9fb2c8;font-weight:700}
.wc-guest-showcase{
  padding:24px 28px 30px;
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:18px;
}
.wc-showcase-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
}
.wc-showcase-card img{width:100%;height:220px;object-fit:cover;display:block}
.wc-showcase-card.featured{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}
.wc-showcase-card.featured img{height:100%}
.wc-showcase-copy{padding:24px 24px 26px}
.wc-showcase-kicker{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  color:#78ffe2;
  background:rgba(46,240,186,.08);
  border:1px solid rgba(46,240,186,.18);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.wc-showcase-copy h2,.wc-showcase-copy h3{margin:16px 0 10px;line-height:1.06;letter-spacing:-.04em}
.wc-showcase-copy h2{font-size:clamp(30px,3vw,46px)}
.wc-showcase-copy h3{font-size:clamp(24px,2.4vw,32px)}
.wc-showcase-copy p{margin:0;color:#b9cade;line-height:1.58;font-size:16px}
.wc-inline-link{display:inline-block;margin-top:16px;color:#6ff6d8;text-decoration:none;font-weight:900}
.wc-inline-link:hover{text-decoration:underline}
.wc-guest-footer{
  padding:18px 24px 20px;
  text-align:center;
  color:#91a7bb;
  border-top:1px solid rgba(255,255,255,.07);
  font-size:13px;
}
@media (max-width:1200px){
  .wc-guest-hero-grid{grid-template-columns:1fr;gap:24px}
  .wc-guest-feature-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wc-guest-showcase{grid-template-columns:1fr}
  .wc-showcase-card.featured{grid-template-columns:1fr}
  .wc-showcase-card.featured img{height:280px}
}
@media (max-width:980px){
  .wc-guest-shell{padding:16px}
  .wc-guest-topbar{flex-wrap:wrap;justify-content:center;text-align:center}
  .wc-guest-nav{justify-content:center}
  .wc-guest-top-actions{justify-content:center}
  .wc-guest-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-guest-feature-row{grid-template-columns:1fr}
  .wc-guest-visual{min-height:500px}
  .wc-guest-hero-image{inset:92px 28px 26px 28px;width:calc(100% - 56px);height:calc(100% - 118px)}
  .wc-float-story{top:16px;left:12px}
  .wc-float-chat{top:18px;right:12px}
  .wc-float-group{left:12px;right:auto;bottom:20px}
}
@media (max-width:640px){
  .wc-guest-card{border-radius:28px}
  .wc-guest-topbar{padding:16px}
  .wc-guest-brand{width:100%;justify-content:center}
  .wc-guest-brand-text strong{font-size:28px}
  .wc-guest-brand-text small{font-size:15px}
  .wc-guest-nav{display:none}
  .wc-guest-copy h1{font-size:46px}
  .wc-guest-lead{font-size:16px}
  .wc-guest-hero-grid,.wc-guest-stats,.wc-guest-showcase{padding-left:16px;padding-right:16px}
  .wc-guest-hero-grid{padding-top:22px}
  .wc-primary-btn,.wc-ghost-btn,.wc-primary-btn.large,.wc-ghost-btn.large{width:100%}
  .wc-guest-actions{flex-direction:column}
  .wc-guest-visual{min-height:420px;border-radius:26px}
  .wc-guest-hero-image{inset:84px 16px 20px 16px;width:calc(100% - 32px);height:calc(100% - 104px);border-radius:22px}
  .wc-guest-float{padding:10px;border-radius:18px;gap:10px;max-width:220px}
  .wc-guest-float img{width:56px;height:56px;border-radius:12px}
  .wc-guest-float strong{font-size:14px}
  .wc-guest-float small{font-size:12px}
  .wc-float-story{top:12px;left:10px}
  .wc-float-chat{top:auto;right:10px;bottom:96px}
  .wc-float-group{left:10px;bottom:14px}
  .wc-guest-stats{grid-template-columns:1fr}
  .wc-showcase-card img{height:180px}
  .wc-showcase-copy{padding:18px}
  .wc-guest-footer{text-align:left;padding:16px}
}
