.elementor-kit-6{--e-global-color-primary:#010B0F;--e-global-color-secondary:#536469;--e-global-color-text:#25363B;--e-global-color-accent:#CA3C00;--e-global-color-qfn0:#FAFCFD;--e-global-color-qfn1:#F2F6F7;--e-global-color-qfn2:#E2E9EC;--e-global-color-qfn3:#D1D9DC;--e-global-color-qfn7:#3A4B51;--e-global-color-qfn9:#091B21;--e-global-color-qfa4:#F67D51;--e-global-color-qfa7:#A32700;--e-global-color-qfa8:#851A00;--e-global-color-qfsoft:#FFE8E0;--e-global-color-qfdm:#BDC6C9;--e-global-typography-primary-font-family:"Bricolage Grotesque";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.08em;--e-global-typography-primary-letter-spacing:-1.4px;--e-global-typography-secondary-font-family:"Bricolage Grotesque";--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"JetBrains Mono";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1.3px;background-color:#FAFCFD;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#CA3C00;font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;color:#FAFCFD;border-radius:8px 8px 8px 8px;padding:14px 24px 14px 24px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#A32700;}.elementor-kit-6 a:hover{color:#851A00;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:#FAFCFD;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.qf-header{ background-color:#FAFCFD!important }

/* ---------- header: geen hamburger, links altijd zichtbaar ---------------- */
.qf-nav .elementor-nav-menu{ flex-wrap:wrap; justify-content:flex-end }
.qf-nav .elementor-menu-toggle,
.qf-nav .elementor-nav-menu--dropdown{ display:none!important }
.qf-nav .elementor-item{ min-height:44px; display:flex; align-items:center; white-space:nowrap }
.qf-header .qf-nav-cta .elementor-button,
.qf-header .qf-nav-cta .elementor-button:hover,
.qf-header .qf-nav-cta .elementor-button:focus{ color:#FAFCFD!important }
@media (max-width:900px){
  .qf-nav .elementor-item{ font-size:14px!important; padding-left:8px!important; padding-right:8px!important }
}
@media (max-width:767px){
  .qf-nav .elementor-item{ font-size:13px!important; padding-left:6px!important; padding-right:6px!important; min-height:40px }
  .qf-nav .elementor-nav-menu{ justify-content:flex-end; gap:0 }
}

/* ---------- koppen kleiner ---------------------------------------------- */
body .qf-h1 .elementor-heading-title{
  font-size:clamp(2.05rem, 1.15rem + 3.4vw, 3.5rem)!important;
  line-height:1.03!important; letter-spacing:-.03em!important;
}
body .qf-h2 .elementor-heading-title{
  font-size:clamp(1.6rem, 1.05rem + 2.1vw, 2.4rem)!important;
  line-height:1.1!important; letter-spacing:-.02em!important;
}

/* ==========================================================================
   PRODUCTSHOT: telefoon -> prompt -> offerte.
   ========================================================================== */
.qf-shot-wrap .elementor-widget-container{ width:100% }
.qf-shot{
  position:relative; overflow:hidden; border-radius:20px;
  background:radial-gradient(90% 120% at 78% 6%, rgba(246,125,81,.22), rgba(1,11,15,0) 58%), #010B0F;
  padding:44px 40px;
}
.qf-shot-grid{
  position:absolute; inset:-30% -8%; transform:rotate(-7deg); pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg, rgba(189,198,201,.13) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, rgba(189,198,201,.10) 0 1px, transparent 1px 28px);
}
.qf-shot-row{
  position:relative; display:flex; align-items:center; justify-content:center;
  gap:36px; flex-wrap:wrap;
}
.qf-phone{
  flex:0 0 220px; width:220px; padding:7px;
  background:#0b1519; border:7px solid #1d2a2f; border-radius:30px;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.9); position:relative;
}
.qf-phone .notch{
  position:absolute; top:13px; left:50%; transform:translateX(-50%);
  width:66px; height:5px; border-radius:99px; background:#1d2a2f; z-index:2;
}
.qf-phone .pic{
  position:relative; border-radius:23px; overflow:hidden;
  aspect-ratio:9/16.5; background:#25363B;
}
.qf-phone .pic img{ width:100%; height:100%; object-fit:cover; display:block }
.qf-phone .shutter{
  position:absolute; left:50%; bottom:40px; transform:translateX(-50%);
  width:36px; height:36px; border-radius:50%;
  border:3px solid #FAFCFD; background:rgba(250,252,253,.22);
}
.qf-phone .bar{
  position:absolute; left:0; right:0; bottom:0; padding:12px 11px;
  background:linear-gradient(180deg, rgba(1,11,15,0), rgba(1,11,15,.92));
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:9px; font-weight:600; letter-spacing:.09em; color:#BDC6C9;
}
.qf-arrow{ flex:0 0 44px; display:flex; flex-direction:column; align-items:center; gap:7px }
.qf-arrow svg{ width:44px; height:22px }
.qf-arrow span{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:9px; font-weight:600; letter-spacing:.12em; color:#F67D51; white-space:nowrap;
}
.qf-chat{
  flex:1 1 250px; max-width:280px;
  background:#0d181d; border:1px solid rgba(189,198,201,.18);
  border-radius:18px; padding:15px;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.9);
}
.qf-chat .hd{
  display:flex; align-items:center; gap:8px; margin-bottom:11px;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; font-weight:600; letter-spacing:.1em; color:#7d8b90;
}
.qf-chat .hd i{ width:7px; height:7px; border-radius:50%; background:#F67D51 }
.qf-chat .bub{
  background:#16242a; border-radius:12px 12px 12px 4px; padding:10px 12px;
  font-family:"Archivo",system-ui,sans-serif;
  font-size:11.5px; line-height:1.5; color:#BDC6C9; margin-bottom:8px;
}
.qf-chat .bub.me{
  background:#CA3C00; color:#fff; border-radius:12px 12px 4px 12px; margin-left:24px;
}
.qf-chat .pin{
  display:block; margin-bottom:4px; opacity:.9;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; font-weight:600; letter-spacing:.05em;
}
.qf-chat .typing{ display:flex; gap:4px; padding:3px 2px }
.qf-chat .typing i{ width:5px; height:5px; border-radius:50%; background:#4a5a60 }
.qf-doc{
  flex:1 1 300px; max-width:400px; min-width:0;
  background:#FAFCFD; border-radius:18px; padding:20px 22px;
  box-shadow:0 40px 80px -34px rgba(0,0,0,.85);
}
.qf-doc .top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px }
.qf-doc .lbl{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; font-weight:600; letter-spacing:.1em; color:#536469;
}
.qf-doc .badge{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; font-weight:600; color:#A32700;
  background:#FFE8E0; padding:5px 8px; border-radius:7px;
}
.qf-doc h3{
  margin:0 0 8px; font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:800; font-size:17px; line-height:1.2;
  letter-spacing:-.02em; color:#010B0F;
}
.qf-doc .li{
  display:flex; justify-content:space-between; gap:12px; padding:7px 0;
  border-bottom:1px solid #E2E9EC;
  font-family:"Archivo",system-ui,sans-serif; font-size:12.5px; color:#25363B;
}
.qf-doc .li b{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-weight:600; color:#010B0F; white-space:nowrap;
}
.qf-doc .li.mut{ color:#536469 }
.qf-doc .tot{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-top:11px }
.qf-doc .tot span{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:10px; font-weight:600; letter-spacing:.1em; color:#536469;
}
.qf-doc .tot b{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-weight:700; font-size:26px; letter-spacing:-.03em; color:#010B0F;
}
.qf-doc .sig{
  margin:12px 0 0; padding-top:10px; border-top:1px dashed #D1D9DC;
  font-family:"Archivo",system-ui,sans-serif; font-size:11px; color:#536469;
}

/* losse WP-pagina's */
.page .entry-title{ padding-top:104px!important }
.page .entry-content pre{
  background:#010B0F; color:#E2E9EC;
  border-radius:14px; padding:22px 24px; margin:1.4em 0;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.8125rem; line-height:1.65;
  white-space:pre-wrap; word-break:break-word; overflow-x:auto;
}

@media (max-width:1024px){
  .qf-shot{ padding:32px 24px }
  .qf-shot-row{ gap:24px }
  .qf-arrow{ transform:rotate(90deg) }
}
@media (max-width:767px){
  .qf-shot{ padding:24px 18px; border-radius:16px }
  .qf-shot-row{ flex-direction:column; gap:18px }
  .qf-phone{ flex:0 0 auto; width:180px }
  .qf-chat, .qf-doc{ flex:1 1 auto; max-width:100%; width:100% }
  .page .entry-title{ padding-top:88px!important }
}

/* =========================================================================
   Homepage v3 — opmaak van de landingspagina
   ========================================================================= */

body #hero{ display:flex!important }

.qf-sec{ padding:88px 24px!important; gap:14px!important }
.qf-sec > .e-con-inner{ gap:14px }
.qf-alt{ background-color:#F2F6F7!important }
.qf-dark{ background-color:#091B21!important }
.qf-ink{ background-color:#010B0F!important }
.qf-hero{ padding-top:68px!important; padding-bottom:68px!important; text-align:center }
.qf-hero .qf-shot-wrap{ margin-top:18px }
.qf-center{ text-align:center }

.qf-dark .elementor-heading-title,
.qf-ink .elementor-heading-title{ color:#FAFCFD }
.qf-dark p, .qf-ink p{ color:#BDC6C9 }
.qf-dark .qf-eyebrow .elementor-heading-title,
.qf-ink .qf-eyebrow .elementor-heading-title{ color:#F67D51 }

.qf-lede .elementor-widget-container{ max-width:44em }
.qf-hero .qf-lede .elementor-widget-container{ margin-inline:auto; max-width:36em }
.qf-lede p{ font-size:1.0625rem }
.qf-mut p{ color:#536469 }
.qf-fine p{ font-size:.9375rem; color:#536469; max-width:42em; margin-inline:auto }
.qf-ink .qf-fine p{ color:#BDC6C9 }
.qf-hero .qf-fine .elementor-widget-container{ margin-inline:auto }
.qf-h1 .elementor-heading-title{ max-width:16em; margin-inline:auto }
.qf-story p{ margin:0 0 1.05em }
.qf-sign p{ font-size:.875rem; color:#536469; margin:0 }
.qf-not p{ padding-top:12px; border-top:1px solid #E2E9EC; margin-top:auto }

.qf-row{
  flex-direction:row!important; flex-wrap:wrap!important;
  gap:20px!important; width:100%; padding:0!important; align-items:stretch;
}
.qf-row-top{ align-items:flex-start!important; gap:32px!important }
.qf-stack{ gap:14px!important; width:100%; padding:0!important }

.qf-c{
  background-color:#FAFCFD; border:1px solid #E2E9EC; border-radius:16px;
  padding:26px!important; gap:12px!important;
  display:flex; flex-direction:column;
}
.qf-c3{ width:calc(33.333% - 14px) }
.qf-c4{ width:calc(25% - 15px) }
.qf-c34{ width:calc(34% - 16px) }
.qf-story{ width:calc(66% - 16px) }
.qf-top{ border-top:3px solid #CA3C00 }
.qf-dark .qf-c{ background-color:rgba(250,252,253,.05); border-color:rgba(250,252,253,.12) }

.qf-c-body h3{
  margin:0 0 8px; font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:700; font-size:1.25rem; line-height:1.25;
  letter-spacing:-.01em; color:#010B0F;
}
.qf-c-body p{ margin:0 }
.qf-dark .qf-c-body h3, .qf-ink .qf-c-body h3{ color:#FAFCFD }
.qf-answer .qf-c-body h3{ font-size:1.0625rem }
.qf-numbered .qf-c-body h3 span{
  display:block; margin-bottom:8px;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.75rem; font-weight:600; letter-spacing:.12em; color:#CA3C00;
}
.qf-dark .qf-numbered .qf-c-body h3 span{ color:#F67D51 }

.qf-list ul{ list-style:none; margin:0; padding:0 }
.qf-list li{ position:relative; padding-left:24px; margin-bottom:9px; line-height:1.5; font-size:.9375rem }
.qf-list li:last-child{ margin-bottom:0 }
.qf-list li::before{
  content:""; position:absolute; left:2px; top:.5em;
  width:10px; height:5px; border-left:2px solid #CA3C00;
  border-bottom:2px solid #CA3C00; transform:rotate(-45deg);
}
.qf-dark .qf-list li::before{ border-color:#F67D51 }

.qf-actions{
  flex-direction:row!important; flex-wrap:wrap!important; gap:14px!important;
  width:100%; padding:0!important;
}
.qf-hero .qf-actions, .qf-center .qf-actions{ justify-content:center }
.qf-b .elementor-button{ min-height:48px; display:inline-flex; align-items:center }
.qf-b2 .elementor-button{ background-color:transparent; color:#A32700; border:1px solid #F67D51 }
.qf-b2 .elementor-button:hover{ background-color:#CA3C00; color:#FAFCFD; border-color:#CA3C00 }
.qf-b3 .elementor-button{ background-color:transparent; color:#FAFCFD; border:1px solid rgba(250,252,253,.35) }
.qf-b3 .elementor-button:hover{ background-color:#FAFCFD; color:#010B0F }
.qf-bw{ width:100% }
.qf-bw .elementor-button{ width:100%; justify-content:center }

/* ---------- prijstegels -------------------------------------------------- */
.qf-row-tiers{ align-items:stretch!important; gap:18px!important }
.qf-tier{
  width:calc(33.333% - 12px); display:flex; flex-direction:column;
  border-radius:18px; transition:transform .18s ease, box-shadow .18s ease;
}
.qf-tier:hover{ transform:translateY(-3px); box-shadow:0 24px 48px -30px rgba(1,11,15,.35) }
.qf-tier-pop{ border:2px solid #CA3C00; box-shadow:0 30px 60px -34px rgba(1,11,15,.45) }
.qf-pop p{
  display:inline-block; margin:0; background:#CA3C00; color:#FAFCFD;
  padding:6px 12px; border-radius:99px;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.6875rem; font-weight:600; letter-spacing:.12em;
}
.qf-price p{
  margin:0; font-family:"JetBrains Mono",ui-monospace,monospace;
  font-weight:700; font-size:clamp(1.9rem, 1.1rem + 2.2vw, 2.6rem);
  line-height:1; letter-spacing:-.03em; color:#010B0F;
}
.qf-tier .qf-list{ margin-top:4px }
.qf-guar{
  background:#FFE8E0; border-radius:16px; padding:26px!important;
  margin-top:20px; text-align:center; width:100%;
}
.qf-guar .elementor-widget-container{ max-width:46em; margin-inline:auto }
.qf-guar h3{
  margin:0 0 10px; font-family:"Bricolage Grotesque",system-ui,sans-serif;
  font-weight:700; font-size:1.3125rem; color:#010B0F;
}
.qf-guar p{ margin:0 0 10px }
.qf-guar p:last-child{ margin:0 }

@media (max-width:1024px){
  .qf-sec{ padding:64px 20px!important }
  .qf-c4{ width:calc(50% - 10px) }
  .qf-c3{ width:calc(50% - 10px) }
  .qf-story{ width:100% }
  .qf-c34{ width:100% }
  .qf-tier{ width:calc(33.333% - 12px) }
  .qf-tier.qf-c{ padding:20px!important }
  .qf-tier .qf-list li{ font-size:.875rem }
}
@media (max-width:820px){
  .qf-tier{ width:100% }
}
@media (max-width:767px){
  .qf-sec{ padding:52px 18px!important }
  .qf-c, .qf-c3, .qf-c4, .qf-c34, .qf-tier, .qf-story{ width:100%!important }
  .qf-c{ padding:20px!important }
  .qf-guar{ padding:20px!important }
  .qf-actions .elementor-widget-button{ width:100% }
  .qf-actions .elementor-button{ width:100%; justify-content:center }
  .qf-h1 .elementor-heading-title{ max-width:none }
}/* End custom CSS */