.elementor-235 .elementor-element.elementor-element-6db62f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS */:root{
  --bg-0:#070707; --bg-1:#0b0b0b;
  --txt-0:#e5e7eb; --txt-1:#b7bcc4;
  --line:#1f2937;
  --brand:#00ffa3; --brand-weak:#00d68a;
  --bad:#ef4444; --good:#22c55e; --warn:#f59e0b; --purple:#a855f7;
  --glow: 0 0 20px rgba(0,255,163,.35), 0 0 60px rgba(0,255,163,.20);
  --radius:16px; --radius-sm:12px;
  --shadow: 0 10px 30px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.03);
  --sticky-offset: 88px; /* JS overschrijft dit dynamisch */
}

/* Base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--txt-0);
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(0,255,163,.12), transparent 60%),
    linear-gradient(180deg,#0a0a0a 0%, #050505 100%);
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
  line-height:1.5;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:24px}
.grid{display:grid;gap:24px}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 20px;border-radius:999px;font-weight:700;letter-spacing:.3px;
  border:1px solid transparent;transition:.2s;cursor:pointer;text-align:center;
  min-height:48px;
}
.btn-primary{background:linear-gradient(180deg,var(--brand),var(--brand-weak));color:#03231a;box-shadow:var(--glow)}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.06)}
.btn-ghost{background:transparent;border-color:#2b2f36;color:var(--txt-0)}
.btn-ghost:hover{border-color:#3b414b;transform:translateY(-1px)}
/* knoppen in rijen mogen wrappen & stretchen; niet in header */
.btn-row{display:flex;gap:10px;flex-wrap:wrap}
.btn-row .btn{flex:1;min-width:140px}
.tag{
  display:inline-block;background:rgba(0,255,163,.12);color:var(--brand);
  border:1px solid rgba(0,255,163,.25);padding:6px 10px;border-radius:999px;
  font-weight:700;font-size:12px;letter-spacing:.4px;text-transform:uppercase
}

/* Header */
header{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,7,7,.8);backdrop-filter:blur(8px);
  border-bottom:1px solid #111
}
.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.6px;font-size:18px}
.logo .dot{width:14px;height:14px;border-radius:4px;background:var(--brand);box-shadow:var(--glow)}
.nav-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
header .btn{flex:0 0 auto}

/* Hero */
.hero{padding:72px 0 56px}
.headline{
  font-size:clamp(28px,6vw,52px);line-height:1.1;font-weight:800;margin:8px 0 12px;
  background:linear-gradient(180deg,#f8fafc 0%, #bfc3c9 45%, #9aa0a6 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent
}
.hero p{max-width:720px;color:var(--txt-1);font-size:clamp(16px,3.5vw,18px);margin:0 0 24px}
.hero-card{
  border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:var(--bg-1);
  box-shadow:var(--shadow);display:flex;gap:14px;align-items:center;max-width:700px;flex-wrap:wrap
}
.neon-bar{height:16px;border-radius:8px;background:var(--brand);box-shadow:var(--glow);width:100%;max-width:540px}

/* Trust / USPs */
.trust{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{border:1px solid var(--line);background:var(--bg-1);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.muted{color:var(--txt-1)}
.kpi{font-weight:800;font-size:22px}

/* Features */
.feature{grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.feature{grid-template-columns:1.2fr 1fr}}

.img-frame{
  position:relative;border:1px solid var(--line);border-radius:16px;
  background:
    radial-gradient(400px 140px at 20% 0%, rgba(0,255,163,.15), transparent 60%),
    linear-gradient(180deg,#0d0d0d,#080808);
  box-shadow:var(--shadow);overflow:hidden;margin-top:20px
}
.img-16x9{aspect-ratio:16/9}
.img-frame img{width:100%;height:100%;object-fit:cover}
.preview-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #2b2f36;color:var(--txt-0)}
.li{display:flex;gap:10px;align-items:flex-start}
.list{display:grid;gap:10px;margin:12px 0 0}
.dot{flex:0 0 10px;height:10px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.green{background:var(--good)} .yellow{background:var(--warn)} .red{background:var(--bad)} .purple{background:var(--purple)}

/* Pricing */
.pricing{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.price{font-size:40px;font-weight:800;line-height:1}
.per{font-size:14px;font-weight:700;color:var(--txt-1);margin-left:6px}
.save{font-size:12px;color:var(--brand);margin-left:8px}
.features{display:grid;gap:8px;margin:16px 0 0}

/* FAQ & Footer */
.faq .q{font-weight:700;margin:0 0 6px}
.faq .a{color:var(--txt-1);margin:0 0 14px}
footer{border-top:1px solid #111;margin-top:40px}
.foot{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:30px 0;color:var(--txt-1);font-size:14px}

/* Shared utilities */
.h-title{margin:10px 0 8px;font-size:30px}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* Killer A & B panels (achtergrond + leesbaarheidskader) */
#killer-a, #killer-b{
  position:relative;
  background: radial-gradient(800px 300px at 50% 0%, rgba(0,255,163,.08), transparent 80%);
  border-top:1px solid rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.03);
  padding-top:40px;padding-bottom:40px;z-index:1;
}
#killer-a::before, #killer-b::before{
  content:"";position:absolute;inset:0;
  background: linear-gradient(180deg,#0b0b0b 0%, #000 100%);
  opacity:.8;z-index:-1;
}
/* rechterkolom (tekst) krijgt paneel */
#killer-a > div:last-child,
#killer-b > div:last-child{
  padding:24px;background: rgba(0,0,0,.4);
  border-radius:16px;box-shadow: 0 0 40px rgba(0,255,163,.05);
}

/* Triggers / Signals grids */
.trigger-block{margin-top:18px}
.trigger-title{font-size:18px;margin:0 0 10px}
.trigger-grid{
  display:grid;gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.trigger-grid.two{grid-template-columns:1fr 1fr}
@media (max-width:720px){
  .trigger-grid, .trigger-grid.two{grid-template-columns:1fr}
}
.trigger-card, .signal-card{
  border:1px solid var(--line);background:var(--bg-1);
  border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);
}
.trigger-head, .signal-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.trigger-head .dot, .signal-head .dot{width:12px;height:12px;border-radius:4px}
.signal-grid{
  display:grid;gap:14px;margin-top:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width:720px){
  .signal-grid{grid-template-columns:1fr}
}
.signal-points{margin:0;padding-left:18px;color:var(--txt-1)}
.signal-points li{margin:4px 0}

/* Anchor offset zodat sticky header niets bedekt */
section[id], div[id]{scroll-margin-top:var(--sticky-offset)}
/* Accordion FAQ */
.accordion { padding: 12px; }
.accordion .acc-item {
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--bg-1);
  box-shadow:var(--shadow);
  margin-bottom:10px;
  overflow:hidden;
}
.accordion .acc-item:last-child { margin-bottom:0; }

/* remove default marker */
.accordion summary {
  list-style:none;
  cursor:pointer;
  padding:14px 18px;
  font-weight:700;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary:focus { outline:none; }
.accordion summary:focus-visible {
  outline:2px solid rgba(0,255,163,.6);
  outline-offset:2px;
  border-radius:12px;
}

/* chevron */
.accordion summary::after {
  content:"";
  width:10px; height:10px;
  border-right:2px solid var(--txt-1);
  border-bottom:2px solid var(--txt-1);
  transform: rotate(-45deg);
  transition: transform .2s ease;
  flex:0 0 auto;
}
.accordion details[open] > summary::after {
  transform: rotate(45deg);
}

/* content */
.accordion .acc-content {
  color: var(--txt-1);
  padding: 0 18px 16px 18px;
  border-top:1px solid #222;
  animation: accFade .18s ease;
}
@keyframes accFade { from { opacity:.6; transform: translateY(-2px); } to { opacity:1; transform: translateY(0); } }

/* respect sticky header when linking to a specific question */
.accordion .acc-item { scroll-margin-top: var(--sticky-offset); }

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .accordion summary::after { transition:none; }
  .accordion .acc-content { animation:none; }
}/* End custom CSS */