/* ============================================================
   StickItLab — shared landing / commercial-page design system
   Prefix: .sil-  ·  uses the theme palette tokens from style.css
   Used by: stickers-laten-drukken, vinyl-stickers, laptop-stickers,
            stickers-voor-bedrijven, waterdichte-stickers
   ============================================================ */
:root{
  --sil-base:#0b1020;
  --sil-band:#0e1526;
  --sil-card-a:#161f31;
  --sil-card-b:#131a29;
  --sil-grad:linear-gradient(120deg, var(--stickitlab-purple-500,#a855f7), var(--stickitlab-pink-500,#ec4899));
  --sil-grad3:linear-gradient(120deg, var(--stickitlab-purple-500,#a855f7), var(--stickitlab-pink-500,#ec4899), var(--stickitlab-yellow-400,#facc15));
}
.sil-main{background:var(--sil-base);color:var(--stickitlab-gray-100,#f3f4f6);line-height:1.55;overflow-x:hidden;
  font-family:var(--stickitlab-font, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif)}
.sil-main h1,.sil-main h2,.sil-main h3,.sil-main summary,.sil-main .sil-btn{font-family:inherit}
.sil-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.sil-section{padding:72px 0}
.sil-band{background:var(--sil-band);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.sil-kicker{display:block;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--stickitlab-purple-400,#c084fc);margin-bottom:12px}
.sil-title{font-size:1.95rem;font-weight:800;text-align:center;letter-spacing:-.02em;margin:0 0 8px}
.sil-sub{color:var(--stickitlab-gray-400,#9ca3af);text-align:center;max-width:580px;margin:0 auto 44px}
.sil-grad{background:var(--sil-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sil-pop{font-weight:800;background:var(--sil-grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* Anchor-target highlight: following a #link lights up the target line, then it fades back to normal */
:target{scroll-margin-top:110px}
h1:target,h2:target,h3:target,h4:target,li:target,p:target,dt:target{animation:sil-target-fade 3s ease-out 1}
@keyframes sil-target-fade{
  0%{background:rgba(250,204,21,.32);box-shadow:0 0 0 10px rgba(250,204,21,.16);border-radius:8px}
  55%{background:rgba(250,204,21,.32);box-shadow:0 0 0 10px rgba(250,204,21,.16);border-radius:8px}
  100%{background:transparent;box-shadow:0 0 0 10px transparent;border-radius:8px}
}
@media (prefers-reduced-motion: reduce){
  h1:target,h2:target,h3:target,h4:target,li:target,p:target,dt:target{animation:none;background:rgba(250,204,21,.20);border-radius:8px}
}

/* Buttons */
.sil-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:.8rem;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease}
.sil-btn svg{width:18px;height:18px}
.sil-btn-primary{background:var(--sil-grad);color:#fff;box-shadow:0 10px 26px rgba(168,85,247,.34)}
.sil-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(168,85,247,.44);color:#fff}
.sil-btn-secondary{background:rgba(255,255,255,.06);color:var(--stickitlab-gray-100,#f3f4f6);border:1px solid var(--stickitlab-gray-600,#4b5563)}
.sil-btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}

/* Chips */
.sil-chips{display:flex;gap:9px;flex-wrap:wrap}
.sil-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9999px;background:rgba(255,255,255,.04);border:1px solid var(--stickitlab-gray-700,#374151);color:var(--stickitlab-gray-300,#d1d5db);font-size:.82rem}
.sil-chip svg{width:15px;height:15px;color:var(--stickitlab-purple-400,#c084fc)}

/* Hero */
.sil-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);
  background:radial-gradient(80% 120% at 88% 0%,rgba(168,85,247,.20),transparent 55%),radial-gradient(60% 90% at 0% 100%,rgba(236,72,153,.10),transparent 60%)}
.sil-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:80px 0}
.sil-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--stickitlab-purple-400,#c084fc);margin-bottom:18px}
.sil-h1{font-size:3rem;font-weight:800;line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}
.sil-hero-lead{color:var(--stickitlab-gray-300,#d1d5db);font-size:1.12rem;max-width:480px;margin:0 0 28px}
.sil-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.sil-hero-art{position:relative;aspect-ratio:1;border-radius:1.4rem;border:1px solid var(--stickitlab-gray-700,#374151);
  background:radial-gradient(120% 90% at 50% 4%,rgba(168,85,247,.20),transparent 60%),linear-gradient(180deg,#161f31,#0f1420);
  display:flex;align-items:center;justify-content:center}
.sil-hero-art>img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(0,0,0,.6))}
.sil-float{position:absolute;max-height:120px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.sil-float-a{width:98px;top:-20px;left:-20px;transform:rotate(-10deg)}
.sil-float-b{width:84px;bottom:-16px;right:-12px;transform:rotate(9deg)}

/* Steps */
.sil-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sil-step{position:relative;background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:1rem;padding:28px 20px}
.sil-step-n{position:absolute;top:-14px;left:22px;width:34px;height:34px;border-radius:9999px;background:var(--sil-grad);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.sil-step h3{font-size:1.05rem;margin:10px 0 7px}
.sil-step p{color:var(--stickitlab-gray-400,#9ca3af);font-size:.86rem;margin:0}

/* Proof stage */
.sil-proof-stage{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1000px;margin:0 auto}
.sil-proof-img{position:relative;aspect-ratio:1;border-radius:1.4rem;border:1px solid var(--stickitlab-gray-700,#374151);overflow:hidden;
  background:radial-gradient(120% 90% at 50% 6%,rgba(236,72,153,.18),transparent 60%),linear-gradient(180deg,#171021,#0f0c17);
  display:flex;align-items:center;justify-content:center}
.sil-proof-img>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.sil-proof-copy h2{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}
.sil-proof-copy>p{color:var(--stickitlab-gray-300,#d1d5db);margin:0 0 18px}
.sil-proof-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin:0;padding:0}
.sil-proof-list li{display:flex;align-items:center;gap:10px;color:var(--stickitlab-gray-300,#d1d5db);font-size:.95rem}
.sil-check{width:24px;height:24px;border-radius:9999px;background:rgba(34,197,94,.15);color:var(--stickitlab-success,#22c55e);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sil-check svg{width:13px;height:13px}

/* Pricing tiers */
.sil-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:900px;margin:0 auto}
.sil-tier{background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:.9rem;padding:18px 16px;text-align:center}
.sil-tier-sz{color:var(--stickitlab-gray-300,#d1d5db);font-size:.88rem;margin-bottom:6px}
.sil-tier-pr{font-size:1.35rem;font-weight:800}
.sil-pnote{text-align:center;color:var(--stickitlab-gray-500,#6b7280);font-size:.84rem;margin-top:20px}

/* Feature grid (Waarom …) */
.sil-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sil-feature{background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:1rem;padding:26px;display:flex;gap:14px;align-items:flex-start}
.sil-feature-ic{width:42px;height:42px;border-radius:.7rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.14);color:var(--stickitlab-purple-400,#c084fc)}
.sil-feature-ic svg{width:22px;height:22px}
.sil-feature h3{font-size:1.02rem;margin:0 0 5px}
.sil-feature p{color:var(--stickitlab-gray-400,#9ca3af);font-size:.87rem;margin:0}

/* Editorial three-up */
.sil-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sil-ed{background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:1rem;padding:28px}
.sil-ed h3{font-size:1.1rem;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.sil-ed p{color:var(--stickitlab-gray-400,#9ca3af);font-size:.9rem;margin:0}
.sil-dot{width:9px;height:9px;border-radius:9999px;background:var(--sil-grad);flex-shrink:0}

/* SEO text */
.sil-seo{max-width:760px;margin:0 auto;background:rgba(255,255,255,.02);border:1px solid var(--stickitlab-gray-800,#1f2937);border-radius:1rem;padding:34px 38px}
.sil-seo h2{font-size:1.4rem;margin:0 0 14px}
.sil-seo p{color:var(--stickitlab-gray-400,#9ca3af);margin:0 0 14px;font-size:.95rem}
.sil-seo p:last-child{margin-bottom:0}
.sil-seo strong{color:var(--stickitlab-gray-300,#d1d5db)}
.sil-seo a{color:var(--stickitlab-purple-400,#c084fc)}

/* FAQ */
.sil-faq{max-width:760px;margin:30px auto 0}
.sil-faq details{background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:.8rem;margin-bottom:11px;padding:0 20px}
.sil-faq summary{cursor:pointer;padding:17px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--stickitlab-gray-100,#f3f4f6)}
.sil-faq summary::-webkit-details-marker{display:none}
.sil-faq summary::after{content:'+';color:var(--stickitlab-purple-400,#c084fc);font-size:1.4rem;line-height:1;flex-shrink:0}
.sil-faq details[open] summary::after{content:'\2212'}
.sil-faq details p{color:var(--stickitlab-gray-400,#9ca3af);padding-bottom:17px;font-size:.9rem;margin:0;line-height:1.6}

/* CTA band */
.sil-cta-band{background:linear-gradient(120deg,rgba(168,85,247,.16),rgba(236,72,153,.14));border:1px solid rgba(168,85,247,.28);border-radius:1.4rem;text-align:center;padding:56px 24px;max-width:960px;margin:0 auto}
.sil-cta-band h3{font-size:1.7rem;font-weight:800;margin:0 0 10px}
.sil-cta-band p{color:var(--stickitlab-gray-300,#d1d5db);margin:0 0 24px}

/* Homepage "ons eigen werk" hand gallery */
.sil-work{padding:64px 0}
.sil-hands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.sil-hand{position:relative;aspect-ratio:4/5;border-radius:1.2rem;border:1px solid var(--stickitlab-gray-700,#374151);overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 92% at 50% 6%,rgba(168,85,247,.16),transparent 62%),linear-gradient(180deg,#161f31,#0f1420)}
.sil-hand img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}
.sil-size{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(17,24,39,.74);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:var(--stickitlab-gray-100,#f3f4f6);padding:7px 13px;border-radius:9999px;font-size:.8rem;font-weight:600}
.sil-size b{color:var(--stickitlab-purple-400,#c084fc);font-weight:700}

/* Use-case cards (cluster pages) */
.sil-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sil-case{background:linear-gradient(180deg,var(--sil-card-a),var(--sil-card-b));border:1px solid var(--stickitlab-gray-700,#374151);border-radius:1rem;padding:26px 22px;text-align:center}
.sil-case-ic{width:52px;height:52px;border-radius:.8rem;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.14);color:var(--stickitlab-purple-400,#c084fc)}
.sil-case-ic svg{width:26px;height:26px}
.sil-case h3{font-size:1.05rem;margin:0 0 7px}
.sil-case p{color:var(--stickitlab-gray-400,#9ca3af);font-size:.86rem;margin:0}

/* Responsive */
@media (max-width:900px){
  .sil-hero-inner{grid-template-columns:1fr;gap:32px}
  .sil-hero-art{max-width:420px;margin:0 auto}
  .sil-proof-stage{grid-template-columns:1fr;gap:28px}
  .sil-proof-img{max-width:420px;margin:0 auto}
  .sil-steps{grid-template-columns:1fr 1fr}
  .sil-tiers{grid-template-columns:1fr 1fr}
  .sil-features{grid-template-columns:1fr 1fr}
  .sil-three{grid-template-columns:1fr}
  .sil-cases{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sil-hands{grid-template-columns:1fr;max-width:360px}
}
@media (max-width:560px){
  .sil-h1{font-size:2.1rem}
  .sil-section{padding:52px 0}
  .sil-title{font-size:1.6rem}
  .sil-steps,.sil-tiers,.sil-features,.sil-cases{grid-template-columns:1fr}
  .sil-seo{padding:26px 22px}
}

/* ===== Homepage (sil-home) ===== */
:root{--base:#0b1020;--band:#0e1526;--g900:#111827;--g700:#374151;--g600:#4b5563;--g500:#6b7280;--g400:#9ca3af;--g300:#d1d5db;--g100:#f3f4f6;--p400:#c084fc;--p500:#a855f7;--pink:#ec4899;--yellow:#facc15;--grad:linear-gradient(120deg,#a855f7,#ec4899);--grad3:linear-gradient(120deg,#a855f7,#ec4899,#facc15);}.sil-home *{box-sizing:border-box;margin:0;padding:0}.sil-home{background:var(--base);font-family:'Inter',system-ui,sans-serif;color:var(--g100);line-height:1.55;overflow-x:hidden}.sil-home .wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative}.sil-home section{padding:84px 0;position:relative;overflow:hidden}.sil-home .band1{background:radial-gradient(70% 120% at 18% -10%,rgba(168,85,247,.18),transparent 58%),var(--band);border-top:1px solid rgba(192,132,252,.14);border-bottom:1px solid rgba(192,132,252,.14)}.sil-home .band2{background:radial-gradient(70% 120% at 82% -10%,rgba(236,72,153,.18),transparent 58%),var(--band);border-top:1px solid rgba(236,72,153,.14);border-bottom:1px solid rgba(236,72,153,.14)}.sil-home .kicker{display:block;text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p400);margin-bottom:12px}.sil-home .st{font-size:2rem;font-weight:800;text-align:center;letter-spacing:-.02em;margin-bottom:8px}.sil-home .sub{color:var(--g400);text-align:center;max-width:560px;margin:0 auto 48px}.sil-home .stk{position:absolute;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45));pointer-events:none;z-index:1}.sil-home .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:.9rem;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;border:none}.sil-home .btn-p{background:var(--grad3);color:#fff;box-shadow:0 12px 28px rgba(168,85,247,.45)}.sil-home .btn-s{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28)}.sil-home /* HERO */
.hero{position:relative;min-height:600px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.sil-home .hero-bg{position:absolute;inset:0;background:url('../wp-content/themes/stickersite-theme/assets/images/slider/slide-01.jpg') center/cover}.sil-home .hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,16,32,.95) 40%,rgba(11,16,32,.6) 64%,rgba(11,16,32,.3)),radial-gradient(70% 90% at 86% 32%,rgba(168,85,247,.26),transparent 60%)}.sil-home .hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;width:100%;z-index:2}.sil-home .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:9999px;background:rgba(168,85,247,.18);border:1px solid rgba(192,132,252,.4);color:#e9d5ff;font-size:.8rem;font-weight:600;margin-bottom:20px}.sil-home .hero h1{font-size:3.2rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:18px}.sil-home .hero h1 span{background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sil-home .hero p.l{color:var(--g300);font-size:1.12rem;max-width:440px;margin-bottom:24px}.sil-home .btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.sil-home .trust{display:flex;gap:8px;flex-wrap:wrap}.sil-home .tchip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:var(--g300);font-size:.78rem}.sil-home .tchip b{color:var(--p400)}.sil-home .hero-art{position:relative;height:440px}.sil-home .hand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(3deg);width:90%;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6))}.sil-home .hero .stk-tr{width:88px;top:20px;right:-8px;transform:rotate(8deg)}.sil-home .hero .stk-bl{width:64px;bottom:24px;left:-4px;transform:rotate(-7deg)}.sil-home /* STEPS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}.sil-home .step{position:relative;background:linear-gradient(180deg,#171f31,#131a29);border:1px solid var(--g700);border-radius:1.3rem;padding:34px 22px 24px;transition:transform .2s ease}.sil-home .step:nth-child(odd){transform:rotate(-1deg)}.sil-home .step:nth-child(even){transform:rotate(1deg)}.sil-home .step:hover{transform:rotate(0) translateY(-4px)}.sil-home .step-n{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:14px;background:var(--grad3);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(168,85,247,.5)}.sil-home .step h3{font-size:1.03rem;margin:6px 0 7px;text-align:center}.sil-home .step p{color:var(--g400);font-size:.85rem;text-align:center}.sil-home .zw-a{width:78px;top:60px;left:8px;transform:rotate(-8deg)}.sil-home .zw-b{width:70px;bottom:24px;right:10px;transform:rotate(7deg)}.sil-home /* FEATURES */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}.sil-home .feat{background:linear-gradient(180deg,#171f31,#131a29);border:1px solid var(--g700);border-radius:1.3rem;padding:26px;display:flex;gap:15px;align-items:flex-start;transition:.2s}.sil-home .feat:hover{border-color:var(--p500);transform:translateY(-4px)}.sil-home .feat-ic{width:50px;height:50px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--grad3);color:#fff;box-shadow:0 8px 16px rgba(168,85,247,.4)}.sil-home .feat-ic svg{width:24px;height:24px}.sil-home .feat h3{font-size:1.03rem;margin-bottom:4px}.sil-home .feat p{color:var(--g400);font-size:.86rem}.sil-home .pop{font-weight:800;background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sil-home .pk-a{width:76px;top:54px;right:8px;transform:rotate(8deg)}.sil-home .pk-b{width:70px;bottom:28px;left:8px;transform:rotate(-7deg)}.sil-home /* WORK gallery */
.hands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;position:relative;z-index:2}.sil-home .handcard{position:relative;aspect-ratio:4/5;border-radius:1.2rem;border:1px solid var(--g700);overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 92% at 50% 6%,rgba(168,85,247,.16),transparent 62%),linear-gradient(180deg,#161f31,#0f1420)}.sil-home .handcard img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}.sil-home .size{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(17,24,39,.74);border:1px solid rgba(255,255,255,.14);color:var(--g100);padding:7px 13px;border-radius:9999px;font-size:.8rem;font-weight:600}.sil-home .size b{color:var(--p400)}.sil-home .ow-a{width:76px;top:52px;right:10px;transform:rotate(8deg)}.sil-home /* WHY */
.why{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;position:relative;z-index:2}.sil-home .card{position:relative;background:linear-gradient(180deg,#171f31,#131a29);border:1px solid var(--g700);border-radius:1.4rem;padding:30px;overflow:visible}.sil-home .card .peek{position:absolute;width:68px;top:-28px;right:16px;transform:rotate(9deg);filter:drop-shadow(0 10px 16px rgba(0,0,0,.5));z-index:4}.sil-home .card-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sil-home .card-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.15);color:var(--p400);flex-shrink:0}.sil-home .card-ic svg{width:23px;height:23px}.sil-home .card-h h3{font-size:1.12rem}.sil-home .tips li{list-style:none;display:flex;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--g300);font-size:.9rem}.sil-home .tips li:first-child{border-top:none}.sil-home .tips li b{color:var(--g100)}.sil-home .tips .dot{color:var(--p400);flex-shrink:0}.sil-home .stats{display:flex;gap:14px;margin-bottom:14px}.sil-home .stat{flex:1;text-align:center;background:rgba(255,255,255,.03);border:1px solid var(--g700);border-radius:1rem;padding:16px}.sil-home .stat .n{font-size:1.9rem;font-weight:800;background:var(--grad3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sil-home .stat .lb{color:var(--g400);font-size:.8rem}.sil-home .card p.t{color:var(--g400);font-size:.88rem}.sil-home .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sil-home .pill{padding:6px 13px;border-radius:9999px;background:rgba(168,85,247,.12);border:1px solid rgba(192,132,252,.3);color:#e9d5ff;font-size:.78rem;font-weight:600}.sil-home .ship-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid var(--g700);border-radius:.9rem;flex:1}.sil-home .ship-row .r{color:var(--g300);font-size:.9rem}.sil-home .ship-row .c{font-weight:800;font-size:1.1rem}.sil-home /* SEO */
.seo{max-width:800px;margin:0 auto;background:rgba(255,255,255,.02);border:1px solid var(--g700);border-radius:1.2rem;padding:36px 40px;position:relative;z-index:2}.sil-home .seo h2{font-size:1.5rem;margin-bottom:14px}.sil-home .seo p{color:var(--g400);margin-bottom:14px;font-size:.95rem}.sil-home .seo p:last-child{margin-bottom:0}.sil-home .seo strong{color:var(--g300)}.sil-home .seo a{color:var(--p400)}.sil-home .seo-a{width:82px;top:40px;left:12px;transform:rotate(-9deg)}.sil-home .seo-b{width:70px;bottom:40px;right:14px;transform:rotate(8deg)}.sil-home /* CTA */
.ctaband{position:relative;background:var(--grad3);border-radius:1.6rem;text-align:center;padding:58px 24px;max-width:960px;margin:0 auto;overflow:visible;z-index:2;box-shadow:0 24px 60px rgba(168,85,247,.4)}.sil-home .ctaband h3{font-size:1.9rem;font-weight:800;margin-bottom:10px;color:#fff}.sil-home .ctaband p{color:rgba(255,255,255,.92);margin-bottom:24px;font-size:1.05rem}.sil-home .ctaband .btn-p{background:#fff;color:#9333ea;box-shadow:0 10px 24px rgba(0,0,0,.22)}.sil-home .cta-a{width:84px;top:-30px;left:26px;transform:rotate(-12deg)}.sil-home .cta-b{width:78px;bottom:-26px;right:30px;transform:rotate(12deg)}.sil-home /* TESTIMONIALS */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}.sil-home .tcard{position:relative;background:linear-gradient(180deg,#171f31,#131a29);border:1px solid var(--g700);border-radius:1.3rem;padding:26px}.sil-home .tcard.tilt{transform:rotate(-1deg)}.sil-home .tcard.tilt2{transform:rotate(1deg)}.sil-home .tstars{color:#facc15;font-size:1.05rem;letter-spacing:3px;margin-bottom:12px}.sil-home .tquote{color:var(--g100);font-size:.95rem;line-height:1.62;margin-bottom:18px}.sil-home .tauthor{display:flex;align-items:center;gap:11px}.sil-home .tavatar{width:38px;height:38px;border-radius:9999px;background:var(--grad3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0}.sil-home .tname{color:var(--g100);font-weight:600;font-size:.9rem}.sil-home .tcity{color:var(--p400);font-size:.82rem}.sil-home .tw-a{width:74px;top:52px;right:10px;transform:rotate(8deg)}.sil-home /* WORK section extras */
.wtag{position:absolute;top:13px;left:13px;background:rgba(17,24,39,.74);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);color:#f3f4f6;font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:9999px;z-index:5}.sil-home .wbanner{position:absolute;top:12px;right:12px;max-width:68%;background:var(--grad3);color:#fff;font-weight:800;font-size:.74rem;line-height:1.2;padding:7px 13px;border-radius:.7rem;box-shadow:0 8px 18px rgba(0,0,0,.4);z-index:5;text-align:right}.sil-home .worknote{text-align:center;max-width:660px;margin:38px auto 26px;color:var(--g300);font-size:.96rem;line-height:1.6}.sil-home .worknote b{color:#facc15}.sil-home .work-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:900px){
 .sil-home .hero .wrap,.sil-home .proof-stage{grid-template-columns:1fr}
 .sil-home .steps,.sil-home .feats,.sil-home .tgrid{grid-template-columns:1fr 1fr}
 .sil-home .why{grid-template-columns:1fr}
 .sil-home .hands{grid-template-columns:1fr}
}
@media (max-width:600px){
 .sil-home .steps,.sil-home .feats,.sil-home .tgrid,.sil-home .hands{grid-template-columns:1fr}
 .sil-home .stk{display:none}
 .sil-home section{padding:56px 0}
}


/* Homepage hero handhold overlay (global; hero-slider lives outside .sil-home) */
.sil-hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,16,32,.72),rgba(11,16,32,.4) 55%,rgba(11,16,32,.3))}
.sil-hero-hand{position:absolute;right:calc(9% + 100px);top:calc(50% - 50px);transform:translateY(-50%);z-index:6;
  display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}
.sil-hero-hand>img{width:min(30vw,430px);transform:rotate(3deg);filter:drop-shadow(0 26px 42px rgba(0,0,0,.62))}
.sil-hero-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9999px;
  background:rgba(17,24,39,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid rgba(192,132,252,.45);color:#f3f4f6;font-weight:600;font-size:.9rem;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.sil-hero-pill .star{color:#facc15}
@media (max-width:900px){ .sil-hero-hand{display:none} }

/* Homepage "Zo ziet ons werk" cards are links to their sticker set */
.sil-home a.handcard{text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sil-home a.handcard:hover{transform:translateY(-5px);border-color:var(--p500,#a855f7);box-shadow:0 18px 40px rgba(168,85,247,.2)}
.sil-home a.handcard:hover img{transform:scale(1.03)}
.sil-home a.handcard img{transition:transform .3s ease}