@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/spacegrotesk-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/spacegrotesk-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('fonts/dmsans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('fonts/dmsans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.hero__photo {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: cover;
  object-position: center 40%;
  opacity: 0.10;
  pointer-events: none;
  aspect-ratio: 3/2;
}

.specialist {
  background: var(--ink-2);
  border-top: 1px solid var(--bdr);
  border-bottom: 1px solid var(--bdr);
}
.specialist__inner {
  display: grid; grid-template-columns: 480px 1fr;
  gap: 5rem; align-items: center;
  padding: 5rem 0;
}
.specialist__img-wrap {
  position: relative; border-radius: var(--r-xl); overflow: hidden;
  border: 1px solid var(--bdr-2);
}
.specialist__img-wrap img {
  width: 100%; height: 380px; object-fit: cover;
  display: block;
  filter: grayscale(30%) contrast(1.05);
}
.specialist__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(10,10,10,.7) 0%, transparent 50%);
}
.specialist__badge {
  position: absolute; bottom: 1.25rem; left: 1.25rem; right: 1.25rem;
  display: flex; align-items: center; gap: .75rem;
  background: rgba(10,10,10,.85); backdrop-filter: blur(12px);
  border: 1px solid var(--bdr-2); border-radius: var(--r);
  padding: .75rem 1rem;
}
.specialist__badge .specialist__badge-stars { color: #FBBF24; font-size: .8rem; letter-spacing: 1px; }
.specialist__badge strong { font-family: var(--fh); font-size: 1rem; color: var(--paper); }
.specialist__badge span { font-size: .75rem; color: var(--muted); margin-left: auto; }

.specialist__feats { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 2rem; }
.specialist__feat {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1rem; border: 1px solid var(--bdr); border-radius: var(--r);
  background: var(--ink-3); transition: border-color var(--t);
}
.specialist__feat:hover { border-color: var(--bdr-2); }
.specialist__feat-icon {
  width: 36px; height: 36px; border-radius: var(--r-sm); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--red-bg); border: 1px solid var(--red-bdr); color: var(--red);
}
.specialist__feat strong { display: block; font-size: .88rem; font-weight: 600; color: var(--paper); margin-bottom: .2rem; }
.specialist__feat p { font-size: .8rem; color: var(--muted); }
.specialist__agency{margin-top:1.75rem;padding:1.5rem;border:1px solid var(--bdr-2);border-radius:var(--r-lg);background:var(--ink-3)}
.agency-hd{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;flex-wrap:wrap}
.agency-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r);background:var(--ink);border:1px solid var(--bdr-2);font-size:.7rem;font-weight:800;color:var(--paper-2);letter-spacing:.05em;flex-shrink:0}
.agency-hd__text{flex:1}
.agency-name{font-size:.95rem;font-weight:700;color:var(--paper);line-height:1.2}
.agency-tagline{font-size:.73rem;color:var(--dim);margin-top:.1rem}
.agency-since{display:flex;align-items:center;gap:.35rem;font-size:.73rem;color:var(--muted);margin-left:auto;white-space:nowrap}
.agency-desc{font-size:.83rem;color:var(--muted);line-height:1.7;margin-bottom:1.25rem;border-bottom:1px solid var(--bdr);padding-bottom:1.25rem}
.agency-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}
.agency-stat{text-align:center;padding:.65rem .5rem;background:var(--ink);border:1px solid var(--bdr);border-radius:var(--r)}
.agency-stat strong{display:block;font-family:var(--fh);font-size:1.25rem;font-weight:800;color:var(--paper);letter-spacing:-.03em;line-height:1}
.agency-stat span{display:block;font-size:.67rem;color:var(--dim);margin-top:.2rem;text-transform:uppercase;letter-spacing:.06em}
.agency-tags{display:flex;flex-wrap:wrap;gap:.45rem}
.agency-tags span{font-size:.7rem;font-weight:500;color:var(--muted);background:var(--ink);border:1px solid var(--bdr);border-radius:100px;padding:.2rem .65rem}

.section--werkwijze {
  position: relative;
  background-color: var(--ink);
}
.section--werkwijze::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url('images/server.webp');
  background-size: cover; background-position: center;
  opacity: 0.04;
  pointer-events: none;
}
.section--werkwijze .wrap { position: relative; z-index: 1; }

.section--upsells{background:var(--ink-2);border-top:1px solid var(--bdr)}
.upsells-grid{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:1.5rem;align-items:stretch}
.upsell-trust{background:var(--ink-3);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:2rem;display:flex;flex-direction:column;gap:.9rem}
.upsell-trust h3{font-family:var(--fh);font-size:1.15rem;font-weight:700;color:var(--paper);line-height:1.25}
.upsell-trust p{font-size:.875rem;color:var(--muted);line-height:1.65}
.upsell-trust--speed{border-color:var(--red-bdr);background:linear-gradient(145deg,rgba(229,32,32,.04) 0%,var(--ink-3) 60%)}
.upsell-extras{background:var(--ink-3);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:2rem}
.upsell-extras h3{font-family:var(--fh);font-size:1.15rem;font-weight:700;color:var(--paper);margin-top:.4rem;margin-bottom:1.25rem}
.upsell-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;padding:0}
.upsell-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.875rem;color:var(--paper-2);line-height:1.45}
.upsell-list svg{flex-shrink:0;margin-top:.15rem}
.upsell-cta{margin-top:1.4rem;white-space:normal;text-align:left;line-height:1.35}

.mob-cta-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--ink);border-top:1px solid var(--bdr-2);padding:.75rem 1.25rem;gap:.75rem;align-items:center;box-shadow:0 -4px 24px rgba(0,0,0,.45)}
.mob-cta-bar__tel{flex:1;display:flex;align-items:center;justify-content:center;gap:.55rem;background:var(--red);color:#fff;font-family:var(--fh);font-size:.95rem;font-weight:700;padding:.7rem 1rem;border-radius:var(--r-lg);text-decoration:none;transition:background var(--t)}
.mob-cta-bar__tel:hover{background:var(--red-dk)}
.mob-cta-bar__scan{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--paper);font-family:var(--fh);font-size:.875rem;font-weight:600;padding:.7rem 1rem;border-radius:var(--r-lg);border:1px solid var(--bdr-2);text-decoration:none;transition:border-color var(--t)}
.mob-cta-bar__scan:hover{border-color:var(--paper-2)}

@media(max-width:1024px){
  .specialist__inner{grid-template-columns:1fr;gap:2.5rem;padding:4rem 0}
  .specialist__img-wrap img{height:280px}
}
@media(max-width:768px){
  .specialist__inner{padding:3rem 0}
}

:root {
  --ink: #0A0A0A; --ink-2: #111111; --ink-3: #191919; --ink-4: #232323;
  --paper: #F0EFE8; --paper-2: #C6C5BC; --muted: #888880; --dim: #555550;
  --red: #E52020; --red-dk: #C01818;
  --red-bg: rgba(229,32,32,.09); --red-bdr: rgba(229,32,32,.22);
  --green: #22C55E; --orange: #F97316; --blue: #3B82F6;
  --bdr: rgba(240,239,232,.07); --bdr-2: rgba(240,239,232,.12); --bdr-3: rgba(240,239,232,.20);
  --fh: "Space Grotesk", system-ui, sans-serif;
  --fb: "DM Sans", system-ui, sans-serif;
  --r-xs: 4px; --r-sm: 8px; --r: 12px; --r-lg: 18px; --r-xl: 24px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --ts: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--fb);font-size:1rem;color:var(--paper);background:var(--ink);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--fh);line-height:1.08;font-weight:700;letter-spacing:-0.025em}

.skip-link{position:absolute;top:-100%;left:1rem;background:var(--red);color:white;padding:.5rem 1rem;border-radius:var(--r-sm);z-index:9999;font-weight:600}
.skip-link:focus{top:1rem}
.wrap{width:min(1200px, 100% - 3rem);margin-inline:auto}
.section{padding:7rem 0}
.section--ink{background:var(--ink-2)}
.eyebrow{display:inline-block;font-family:var(--fb);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:1rem}
.eyebrow--dim{color:var(--muted)}
.sec-hd{margin-bottom:3.5rem}
.sec-hd h2{font-size:clamp(1.9rem,3.8vw,3rem);color:var(--paper)}
.sec-sub{margin-top:1.1rem;font-size:1rem;color:var(--muted);max-width:54ch}
.cr{color:var(--red)}

.live-dot{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;animation:ldp 2s ease-in-out infinite}
.live-dot--sm{width:6px;height:6px}
@keyframes ldp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}

.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fb);font-weight:600;font-size:.92rem;padding:.72rem 1.45rem;border-radius:var(--r);border:1px solid transparent;transition:transform var(--t),opacity var(--t),background var(--t),border-color var(--t);white-space:nowrap;cursor:pointer;text-decoration:none}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn--red{background:var(--red);color:white;border-color:var(--red)}
.btn--red:hover{background:var(--red-dk);border-color:var(--red-dk)}
.btn--ghost{background:transparent;border-color:var(--bdr-3);color:var(--paper)}
.btn--ghost:hover{border-color:var(--paper)}
.btn--ghost-light{background:transparent;border-color:var(--bdr-2);color:var(--paper-2)}
.btn--ghost-light:hover{border-color:var(--bdr-3);color:var(--paper)}
.btn--lg{padding:.88rem 2rem;font-size:.98rem}
.btn--sm{padding:.5rem 1rem;font-size:.82rem}
.btn--block{width:100%;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:.38rem;font-size:.78rem;color:var(--paper-2);background:rgba(240,239,232,.05);border:1px solid var(--bdr);padding:.32rem .65rem;border-radius:100px}
.chip--dk{background:rgba(240,239,232,.03);color:var(--muted)}

.ebar{background:var(--red);padding:.5rem 0;font-size:.79rem;font-weight:500;color:#fff}
.ebar__inner{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:nowrap;padding:0 1.5rem;text-align:center;white-space:nowrap;overflow:hidden}
.ebar__sep{opacity:.65;color:#fff}
.ebar__tel{font-weight:700;text-decoration:underline;text-underline-offset:2px;color:#fff}

.nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color var(--t),background var(--t)}
.nav.scrolled{border-bottom-color:var(--bdr)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--fh);font-weight:600;font-size:1rem;color:var(--paper);text-decoration:none}
.logo__text strong{font-weight:800}
.logo__text em{font-style:normal;color:var(--muted);font-weight:400}
.nav__links{display:flex;align-items:center;gap:2rem}
.nav__links a{font-size:.875rem;font-weight:500;color:var(--muted);transition:color var(--t)}
.nav__links a:hover{color:var(--paper)}
.nav__cta{background:var(--red)!important;color:white!important;padding:.48rem 1.1rem;border-radius:var(--r-sm);font-size:.875rem;font-weight:600;transition:background var(--t),transform var(--t)}
.nav__cta:hover{background:var(--red-dk)!important;transform:translateY(-1px)}
.nav__burger{display:none;flex-direction:column;gap:5px;padding:6px}
.nav__burger span{display:block;width:22px;height:2px;background:var(--paper);border-radius:2px;transition:transform var(--t),opacity var(--t)}
.nav__burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger.active span:nth-child(2){opacity:0}
.nav__burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ink-2);z-index:99;padding:5rem 2rem 2.5rem;display:flex;flex-direction:column;transform:translateY(-100%);transition:transform var(--ts);overflow-y:auto}
.mob-menu.open{transform:translateY(0)}
.mob-ebar{background:var(--red);color:#fff;font-size:.78rem;font-weight:600;padding:.5rem 2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:-5rem -2rem 0;letter-spacing:.02em}
.mob-link{display:block;padding:1rem 0;font-size:1.15rem;font-weight:500;color:var(--paper-2);border-bottom:1px solid var(--bdr);transition:color var(--t)}
.mob-link:hover{color:var(--paper)}
.mob-link--first{margin-top:3rem}
.mob-link--cta{margin-top:1.5rem;padding:1rem 1.5rem;background:var(--red);color:white;border-radius:var(--r);border:none;text-align:center;font-weight:600}

.hero{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:hidden;padding:6rem 0 4rem}
.hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(240,239,232,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(240,239,232,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,black 20%,transparent 100%)}
.hero__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 70% 50%,transparent 30%,rgba(10,10,10,.6) 100%)}
.hero__wrap{position:relative;z-index:1;display:grid;grid-template-columns:55% 1fr;gap:3.5rem;align-items:center;width:min(1200px, 100% - 3rem);margin-inline:auto}
.hero__label{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:1.5rem;padding:.38rem .75rem;border:1px solid var(--red-bdr);border-radius:100px;background:var(--red-bg)}
.hero__h1{font-size:clamp(2.8rem,6.5vw,5.5rem);font-weight:800;color:var(--paper);letter-spacing:-.045em;line-height:.98;margin-bottom:1.75rem}
.hero__red{color:var(--red)}
.hero__lead{font-size:1.02rem;color:var(--muted);line-height:1.72;margin-bottom:2rem;max-width:46ch}
.hero__lead strong{color:var(--paper)}
.hero__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.5rem}
.hero__review{display:inline-flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--muted);margin-bottom:1.25rem;padding:.32rem .65rem;border:1px solid var(--bdr);border-radius:100px;background:var(--ink-2)}
.hero__review-stars{color:#FBBF24;font-size:.9rem;letter-spacing:1px}
.hero__review strong{color:var(--paper-2)}
.hero__chips{display:flex;gap:.45rem;flex-wrap:wrap}
.hero__visual{position:relative}

.bezel-outer{background:rgba(240,239,232,.025);border:1px solid var(--bdr-2);border-radius:var(--r-xl);padding:5px;box-shadow:0 36px 72px rgba(0,0,0,.55),0 0 0 1px rgba(240,239,232,.04) inset}
.bezel-inner{background:var(--ink-2);border:1px solid var(--bdr);border-radius:calc(var(--r-xl) - 5px);overflow:hidden}
.terminal{background:#0D0D0D}
.terminal__bar{display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-bottom:1px solid var(--bdr);background:var(--ink-3)}
.dot{width:10px;height:10px;border-radius:50%}
.dot--r{background:#FF5F57}.dot--y{background:#FEBC2E}.dot--g{background:#28C840}
.terminal__url{flex:1;text-align:center;font-size:.72rem;color:var(--dim);font-family:"SF Mono","Fira Code",Consolas,monospace}
.terminal__lines{padding:.9rem;display:flex;flex-direction:column;gap:.5rem}
.tline{display:flex;align-items:flex-start;gap:.55rem;font-size:.71rem;color:var(--muted);font-family:"SF Mono","Fira Code",Consolas,monospace;padding:.38rem .5rem;border-radius:var(--r-xs);background:rgba(240,239,232,.02)}
.tline--red{background:rgba(229,32,32,.06)}
.tline--orange{background:rgba(249,115,22,.05)}
.tline--blue{background:rgba(59,130,246,.05)}
.tbadge{flex-shrink:0;font-size:.62rem;font-weight:700;padding:.1rem .32rem;border-radius:3px;letter-spacing:.05em}
.tbadge--red{background:rgba(229,32,32,.2);color:#FF7070}
.tbadge--orange{background:rgba(249,115,22,.2);color:#FB923C}
.tbadge--blue{background:rgba(59,130,246,.2);color:#60A5FA}
.tline__scanning{display:flex;align-items:center}
.tdots::after{content:".";animation:tdots 1.2s steps(1) infinite}
@keyframes tdots{0%{content:"."}33%{content:".."}66%{content:"..."}}

.float-card{position:absolute;display:flex;align-items:center;gap:.7rem;padding:.6rem .95rem;background:var(--ink-3);border:1px solid var(--bdr-2);border-radius:var(--r);box-shadow:0 12px 28px rgba(0,0,0,.45);backdrop-filter:blur(10px);min-width:190px}
.float-card--tl{top:-1.4rem;left:-1.8rem;animation:flt 4s ease-in-out infinite}
.float-card--br{bottom:-1.4rem;right:-1.8rem;animation:flt 4s ease-in-out infinite 2s}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.float-icon{width:26px;height:26px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.float-icon--red{background:var(--red-bg);color:var(--red)}
.float-icon--green{background:rgba(34,197,94,.1);color:var(--green)}
.float-card strong{display:block;font-size:.78rem;font-weight:600;color:var(--paper)}
.float-card span{display:block;font-size:.68rem;color:var(--muted)}

.stats-bar{border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:2.5rem 0;background:var(--ink-2)}
.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat{text-align:center}
.stat__n{font-family:var(--fh);font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800;color:var(--paper);letter-spacing:-.045em;line-height:1}
.stat__n--static{font-size:clamp(2rem,3.5vw,3rem)}
.stat__l{font-size:.78rem;color:var(--muted);margin-top:.32rem}
.stats-bar__src{text-align:center;font-size:.72rem;color:var(--muted);margin-top:1.5rem;margin-bottom:0}

.impact-hd{margin-bottom:3rem}
.impact-hd h2{font-size:clamp(1.75rem,3.5vw,2.75rem);color:var(--paper)}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr) minmax(260px,1fr);gap:1.25rem;align-items:stretch}
.impact-card{padding:1.75rem 1.75rem 1.5rem;border:1px solid var(--bdr);border-radius:var(--r-lg);background:var(--ink-2);transition:border-color var(--t),box-shadow var(--t);display:flex;flex-direction:column;border-left:2px solid rgba(229,32,32,.3)}
.impact-card:hover{border-color:var(--bdr-2);border-left-color:var(--red);box-shadow:0 4px 24px rgba(0,0,0,.25)}
.impact-card__src{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--red);background:rgba(229,32,32,.1);border:1px solid rgba(229,32,32,.2);padding:.22rem .65rem;border-radius:100px;display:inline-block;margin-bottom:1rem;align-self:flex-start}
.impact-card__n{font-family:var(--fh);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;color:var(--paper);letter-spacing:-.04em;line-height:1;margin-bottom:.55rem;white-space:nowrap}
.impact-card__l{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:0}
.impact-card--cta{background:linear-gradient(160deg,rgba(229,32,32,.12) 0%,rgba(229,32,32,.04) 60%,transparent 100%);border-color:var(--red-bdr);border-left:none;display:flex;flex-direction:column;gap:.85rem;box-shadow:inset 0 1px 0 rgba(229,32,32,.2)}
.impact-card__urg{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.impact-cta__copy{display:flex;flex-direction:column;gap:.35rem;flex:1}
.impact-cta__head{font-family:var(--fh);font-size:1.05rem;font-weight:700;color:var(--paper);line-height:1.3;margin:0}
.impact-cta__sub{font-size:.84rem;color:var(--muted);line-height:1.6;margin:0}
.impact-tel-btn{font-size:.95rem;font-weight:700;letter-spacing:.01em;padding:.85rem 1rem}
.impact-card__guar{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.7rem;color:var(--dim);text-align:center}

.platform-bar{border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:.85rem 0;background:var(--ink-2)}
.platform-bar__inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.platform-bar__label{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);white-space:nowrap;flex-shrink:0}
.platform-bar__logos{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.platform-logo{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:500;color:var(--dim);transition:color var(--t)}
.platform-logo:hover{color:var(--muted)}
.platform-logo__mark{display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;border-radius:4px;padding:.15rem .35rem;letter-spacing:.03em;line-height:1;flex-shrink:0}
.situaties{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}
.situatie{display:flex;align-items:flex-start;gap:.5rem;font-size:.845rem;color:var(--muted);background:var(--ink-3);border:1px solid var(--bdr);border-radius:100px;padding:.42rem .9rem .42rem .7rem;line-height:1.35;transition:border-color var(--t),color var(--t)}
.situatie svg{flex-shrink:0;margin-top:.15rem}
.situatie:hover{border-color:var(--red-bdr);color:var(--paper-2)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bc{padding:1.65rem;background:var(--ink-3);border:1px solid var(--bdr);border-radius:var(--r-lg);transition:border-color var(--t),transform var(--t);display:flex;flex-direction:column;position:relative}
.bc:hover{border-color:var(--bdr-2);transform:translateY(-2px)}
.bc--featured{grid-column:1/3;background:linear-gradient(145deg,rgba(229,32,32,.07) 0%,var(--ink-3) 55%);border-color:var(--red-bdr);padding-top:2rem}
.bc__tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--red);border:1px solid var(--red-dk);padding:.25rem .8rem;border-radius:100px;box-shadow:0 2px 8px rgba(229,32,32,.4)}
.bc--callout{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(229,32,32,.06) 0%,rgba(240,239,232,.02) 100%);border-color:var(--red-bdr);gap:1rem;padding:1.5rem 2rem}
.bc--callout p{font-family:var(--fh);font-weight:600;font-size:1.1rem;color:var(--paper);flex:1}
.bc__icon{width:44px;height:44px;border-radius:var(--r);background:rgba(229,32,32,.11);border:1px solid var(--red-bdr);display:flex;align-items:center;justify-content:center;color:var(--red);margin-bottom:1rem;flex-shrink:0}
.bc__icon--lg{width:50px;height:50px}
.bc--featured .bc__body{display:flex;gap:1.25rem;align-items:flex-start}
.bc--featured .bc__body .bc__icon{flex-shrink:0;margin-bottom:0}
.bc--featured .bc__main{flex:1}
.bc h3{font-size:1rem;font-weight:700;color:var(--paper);margin-bottom:.55rem;letter-spacing:-.015em}
.bc--featured h3{font-size:1.2rem}
.bc p{font-size:.855rem;color:var(--muted);line-height:1.6}
.bc__list{margin-top:.9rem;display:flex;flex-direction:column;gap:.4rem}
.bc__list li{font-size:.78rem;color:var(--paper-2);padding-left:1.1rem;position:relative}
.bc__list li::before{content:"\2192";position:absolute;left:0;color:var(--red)}
.bc__time{display:flex;align-items:center;gap:.38rem;font-size:.72rem;color:var(--muted);margin-top:auto;padding-top:.85rem;border-top:1px solid var(--bdr)}

.steps{display:flex;flex-direction:column}
.step{display:grid;grid-template-columns:5rem 1fr;gap:2rem;align-items:start;padding:2.2rem 0}
.step__n{font-family:var(--fh);font-size:3.2rem;font-weight:800;color:var(--red);letter-spacing:-.07em;line-height:1}
.step__b h3{font-size:1.2rem;color:var(--paper);margin-bottom:.65rem}
.step__b p{font-size:.92rem;color:var(--muted);line-height:1.65}
.step__line{height:1px;background:var(--bdr);margin-left:7rem}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:stretch;padding-top:16px}
.pc{border:1px solid var(--bdr);border-radius:var(--r-xl);padding:4px;background:rgba(240,239,232,.018);transition:border-color var(--t);display:flex;flex-direction:column}
.pc:hover{border-color:var(--bdr-2)}

.pc--featured{border-color:var(--red-bdr);background:var(--red-bg);position:relative;margin-top:0}
.pc--featured:hover{border-color:rgba(229,32,32,.45)}
.pc__inner{background:var(--ink-3);border:1px solid var(--bdr);border-radius:calc(var(--r-xl) - 4px);padding:2rem;display:flex;flex-direction:column;flex:1}
.pc--featured .pc__inner{border-color:rgba(229,32,32,.12);background:linear-gradient(155deg,rgba(229,32,32,.055) 0%,var(--ink-3) 45%)}

.pc__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--red);border:1px solid var(--red-dk);padding:.28rem .85rem;border-radius:100px;box-shadow:0 2px 8px rgba(229,32,32,.4)}
.pc__hd{margin-bottom:1.4rem}
.pc__name{font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:.25rem}
.pc__from{font-size:.72rem;color:var(--dim);margin-bottom:.1rem}
.pc__price{font-family:var(--fh);font-size:clamp(1.9rem,2.5vw,2.4rem);font-weight:800;color:var(--paper);letter-spacing:-.04em;line-height:1}
.pc__note{font-size:.77rem;color:var(--paper-2);margin-top:.45rem;line-height:1.4;opacity:.7}
.pc__for{font-size:.72rem;color:var(--dim);margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--bdr);line-height:1.45}
.plist{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.8rem;flex:1}
.plist li{font-size:.875rem;color:var(--muted);display:flex;align-items:flex-start;gap:.6rem;padding:.1rem 0}
.plist li.ok{color:var(--paper-2)}
.plist li.ok::before{content:"\2713";color:var(--green);font-size:.78rem;flex-shrink:0;margin-top:.12rem}
.plist li.no{opacity:.38}
.plist li.no::before{content:"\00D7";color:var(--dim);font-size:.78rem;flex-shrink:0;margin-top:.12rem}
.pricing-guarantee{display:flex;align-items:center;justify-content:center;gap:.55rem;font-size:.875rem;color:var(--paper-2);margin-top:2rem;flex-wrap:wrap;text-align:center}

.reviews{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.rv{padding:1.65rem;background:var(--ink-2);border:1px solid var(--bdr);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:.9rem;transition:border-color var(--t)}
.rv:hover{border-color:var(--bdr-2)}
.rv__stars{color:#FBBF24;font-size:.88rem;letter-spacing:1px}
.rv blockquote{font-size:.875rem;color:var(--paper-2);line-height:1.7;font-style:italic;flex:1}
.rv__tag{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--red);background:rgba(229,32,32,.08);border:1px solid rgba(229,32,32,.18);padding:.2rem .6rem;border-radius:100px;margin-bottom:.6rem;align-self:flex-start}
.rv__by{display:flex;flex-direction:column;gap:.2rem;margin-top:auto}
.rv__by strong{display:block;font-size:.82rem;font-weight:600;color:var(--paper)}
.rv__by span{font-size:.73rem;color:var(--muted)}

.faq{border:1px solid var(--bdr);border-radius:var(--r-lg);overflow:hidden}
.faq-item{border-bottom:1px solid var(--bdr)}
.faq-item:last-child{border-bottom:none}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;cursor:pointer;list-style:none;font-family:var(--fh);font-weight:600;font-size:.92rem;color:var(--paper);background:var(--ink-3);transition:background var(--t),color var(--t)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.2rem;color:var(--muted);flex-shrink:0;transition:transform var(--t),color var(--t)}
.faq-item[open] summary{color:var(--red);background:rgba(229,32,32,.04)}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--red)}
.faq-item summary:hover{background:rgba(240,239,232,.025)}
.faq-a{padding:.95rem 1.5rem 1.4rem;font-size:.88rem;color:var(--muted);line-height:1.72;background:var(--ink-3)}

.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.contact-info h2{font-size:clamp(1.9rem,4vw,3rem);color:var(--paper);margin-bottom:1rem}
.contact-info p{font-size:.92rem;color:var(--muted);line-height:1.7;margin-bottom:1.8rem}
.contact-tel{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--fh);font-size:2.4rem;font-weight:800;color:var(--red);letter-spacing:-.04em;margin-bottom:1.4rem;text-decoration:none;transition:opacity var(--t)}
.contact-tel:hover{opacity:.78}
.contact-tel svg{color:var(--muted);flex-shrink:0}
.contact-email{font-size:.855rem;color:var(--muted);margin-bottom:1.5rem}
.contact-email a{color:var(--paper-2);text-decoration:underline;text-underline-offset:3px}
.contact-email a:hover{color:var(--paper)}
.contact-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.contact-form-wrap{background:var(--ink-2);border:1px solid var(--bdr);border-radius:var(--r-xl);padding:2.4rem}
.cform{display:flex;flex-direction:column;gap:1rem}
.cform__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cform__field{display:flex;flex-direction:column;gap:.38rem}
.cform__field label{font-size:.78rem;font-weight:500;color:var(--muted)}
.cform__field input,.cform__field textarea{background:var(--ink-3);border:1px solid var(--bdr);border-radius:var(--r);padding:.72rem 1rem;font-family:var(--fb);font-size:.9rem;color:var(--paper);transition:border-color var(--t),background var(--t);outline:none;width:100%;resize:vertical}
.cform__field input::placeholder,.cform__field textarea::placeholder{color:var(--dim)}
.cform__field input:focus,.cform__field textarea:focus{border-color:var(--red-bdr);background:rgba(229,32,32,.025)}
.intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.4rem}
.intake-opt{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .8rem;border:1px solid var(--bdr);border-radius:var(--r);cursor:pointer;font-size:.83rem;color:var(--muted);transition:border-color var(--t),background var(--t),color var(--t);line-height:1.35}
.intake-opt:hover{border-color:var(--bdr-2);color:var(--paper-2)}
.intake-opt input[type="radio"]{accent-color:var(--red);flex-shrink:0;margin-top:.15rem;width:14px;height:14px}
.intake-opt:has(input:checked){border-color:var(--red-bdr);background:rgba(229,32,32,.06);color:var(--paper-2)}
.cform__opt{font-size:.72rem;color:var(--dim);font-weight:400}
.cform__note{font-size:.73rem;color:var(--dim);text-align:center}
.cform__note a{color:var(--red)}

.footer{background:var(--ink-2);border-top:1px solid var(--bdr)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;padding:4rem 0}
.footer__brand .logo{margin-bottom:1rem}
.footer__brand p{font-size:.855rem;color:var(--muted);line-height:1.65}
.footer__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.footer__nav > div{display:flex;flex-direction:column;gap:.55rem}
.footer__nav strong{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--paper);margin-bottom:.2rem}
.footer__nav a,.footer__nav span{font-size:.8rem;color:var(--muted);transition:color var(--t)}
.footer__nav a:hover{color:var(--paper-2)}
.footer__agency{border-top:1px solid var(--bdr);padding:1.5rem 0}
.footer__agency-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.footer__agency-brand{display:flex;align-items:baseline;gap:.55rem}
.footer__agency-label{font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:.07em}
.footer__agency-brand strong{font-size:.9rem;color:var(--paper-2);font-weight:700}
.footer__agency-creds{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.footer__agency-creds span{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}
.footer__bottom{border-top:1px solid var(--bdr);padding:1.2rem 0}
.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.73rem;color:var(--muted)}
.footer__bottom-inner div{display:flex;gap:1.5rem}
.footer__bottom-inner a{color:var(--muted);transition:color var(--t)}
.footer__bottom-inner a:hover{color:var(--muted)}

.fcta{position:fixed;bottom:1.5rem;right:1.5rem;z-index:90;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--t),transform var(--t)}
.fcta.visible{opacity:1;transform:translateY(0);pointer-events:auto}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
[data-reveal].revealed{opacity:1;transform:translateY(0)}

@media(max-width:1024px){
  .hero__wrap{grid-template-columns:1fr}
  .hero{min-height:auto;padding:5rem 0 4rem}
  .hero__visual{display:none}
  .impact-grid{grid-template-columns:repeat(2,1fr)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bc--featured{grid-column:1/-1}
  .bc--callout{grid-column:1/-1}
  .pricing{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
  .upsells-grid{grid-template-columns:1fr 1fr}
  .contact-split{gap:3rem}
  .footer__top{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:768px){
  .section{padding:5rem 0}
  body{padding-bottom:70px}
  .wrap{width:calc(100% - 2.5rem)}
  .ebar__sep{display:none}
  .ebar__sep--hide{display:none!important}
  .ebar__item--hide{display:none!important}
  .mob-cta-bar{display:flex}
  .upsells-grid{grid-template-columns:1fr}
  .nav__links{display:none}
  .nav__burger{display:flex}
  .stats-bar__grid{grid-template-columns:repeat(2,1fr)}
  .impact-grid{grid-template-columns:1fr}
  .impact-card--cta{order:4}
  .bento{grid-template-columns:1fr}
  .bc--callout{flex-direction:column;align-items:flex-start}
  .bc--featured{grid-column:auto}
  .step{grid-template-columns:3.5rem 1fr;gap:1rem}
  .step__n{font-size:2.4rem}
  .step__line{margin-left:4.5rem}
  .reviews{grid-template-columns:1fr}
  .contact-split{grid-template-columns:1fr;gap:3rem}
  .cform__row{grid-template-columns:1fr}
  .footer__nav{grid-template-columns:repeat(2,1fr)}
  .footer__bottom-inner{flex-direction:column;text-align:center}
  .footer__agency-inner{flex-direction:column;gap:1rem;text-align:center}
  .footer__agency-creds{justify-content:center}
  .platform-bar__inner{gap:1rem}
  .platform-bar__label{display:none}
  .hero__title{font-size:clamp(2rem,8vw,2.8rem)}
  .hero__lead{font-size:1rem;color:var(--paper-2)}
  .section__title{font-size:clamp(1.5rem,6vw,2.2rem)}
  p,li{color:var(--paper-2);font-size:.95rem}
  .bc p,.step p,.review__body{font-size:.95rem;color:var(--paper-2)}
  .intake-grid{grid-template-columns:1fr}
  .agency-stats{grid-template-columns:repeat(2,1fr)}
  .agency-since{margin-left:0}
}
@media(max-width:480px){
  .hero__actions{flex-direction:column}
  .btn--lg{width:100%;justify-content:center}
  .hero__chips{flex-direction:column}
  .impact-grid{grid-template-columns:1fr}
}