/* ============================================================
   Workshaker onepager — stylesheet
   Scoped op .ws zodat het naast elk WordPress-thema werkt.
   Kleuren komen overeen met workshaker-tokens.css (admin) en de app.
   ============================================================ */

:root{
  --ws-orange:#FF7E01;      --ws-orange-hover:#FF7E01;  --ws-orange-text:#FF7E01;
  --ws-black:#111111;       --ws-black-soft:#1A1A1A;    --ws-white:#FFFFFF;
  --ws-canvas:#F3F3F1;      --ws-cream:#FCF3E8;         --ws-cream-border:#F6DCC0;
  --ws-border:#E6E6E3;      --ws-border-strong:#D9D9D9;
  --ws-text:#111111;        --ws-text-muted:#4A4A4A;    --ws-text-dim:#6B6B67;
  --ws-on-dark-muted:#C8C8C4;
  --ws-success:#237A3C;     --ws-success-tint:#DDF5E1;  --ws-success-accent:#2E9E4F;
  --ws-danger:#B23A34;      --ws-danger-tint:#FDECEC;   --ws-danger-border:#F5C2C2; --ws-danger-accent:#E25C5C;
  --ws-info:#3B5BA9;        --ws-info-tint:#DCE6F8;
  --ws-app-bg:#EAEAEA;      --ws-app-pill:#E9E9E9;      --ws-app-btn:#F1F1F1;      --ws-app-green:#5DD07A;
  --ws-radius:12px; --ws-radius-lg:16px; --ws-radius-xl:24px;
  --ws-shadow:0 1px 2px rgba(17,17,17,.04), 0 12px 32px -16px rgba(17,17,17,.18);
  --ws-shadow-lg:0 30px 60px -30px rgba(17,17,17,.35), 0 12px 24px -16px rgba(255,126,1,.25);
  --ws-font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ws-header-h:72px;
}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ws-header-h) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- basis ---------- */
.ws,.ws *,.ws *::before,.ws *::after{box-sizing:border-box}
.ws{font-family:var(--ws-font);color:var(--ws-text);background:var(--ws-white);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:clip}
.ws img,.ws svg{display:block;max-width:100%}
.ws a{color:inherit;text-decoration:none}
.ws p{margin:0 0 1em}
.ws h1,.ws h2,.ws h3,.ws h4{margin:0 0 .5em;font-weight:800;letter-spacing:-.02em;line-height:1.12;color:var(--ws-text);text-wrap:balance}
.ws h1{font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.03em}
.ws h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
.ws h3{font-size:1.15rem;letter-spacing:-.01em;line-height:1.3}
.ws ul{margin:0;padding:0;list-style:none}
.ws :focus-visible{outline:3px solid var(--ws-black);outline-offset:3px;border-radius:4px;box-shadow:0 0 0 6px var(--ws-white)}
.ws .ws-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ws .ws-skip-link{position:fixed;top:12px;left:12px;z-index:9999;padding:.75rem 1rem;border-radius:10px;background:var(--ws-white);color:var(--ws-black);font-weight:700;box-shadow:var(--ws-shadow);transform:translateY(-180%);transition:transform .2s ease}
.ws .ws-skip-link:focus{transform:translateY(0)}
.ws #ws-main:focus{outline:none;box-shadow:none}

.ws .ws-container{width:min(100% - 2.5rem,1160px);margin-inline:auto}
.ws .ws-section{padding:clamp(3.5rem,8vw,6.5rem) 0}
.ws .ws-section--alt{background:var(--ws-canvas)}
.ws .ws-section--dark{background:var(--ws-black);color:var(--ws-white)}
.ws .ws-section--dark h2,.ws .ws-section--dark h3{color:var(--ws-white)}
.ws .ws-section--dark p{color:var(--ws-on-dark-muted)}
.ws .ws-section--dark p strong{color:var(--ws-white)}
.ws .ws-intro{max-width:760px;margin-bottom:clamp(2rem,4vw,3rem)}
.ws .ws-intro--center{margin-inline:auto;text-align:center}
.ws .ws-lead{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:600;line-height:1.4;color:var(--ws-text);letter-spacing:-.01em}
.ws .ws-muted{color:var(--ws-text-muted)}
.ws .ws-small{font-size:.95rem}
.ws .ws-note{font-size:.85rem;color:var(--ws-text-dim);margin-top:.75rem}
.ws .ws-section--dark .ws-note{color:var(--ws-on-dark-muted)}
.ws .ws-requirement{display:flex;align-items:flex-start;gap:.7rem;margin:1.25rem 0 0;padding:.9rem 1rem;border:1px solid var(--ws-cream-border);border-radius:var(--ws-radius);background:var(--ws-cream);color:var(--ws-text);font-size:.95rem}
.ws .ws-requirement .ico{width:20px;height:20px;margin-top:.15rem;color:var(--ws-orange-text)}
.ws .ws-requirement p{margin:0}
.ws .ws-requirement strong{font-weight:800}
.ws .ws-tag{display:inline-block;padding:.3rem .8rem;border-radius:999px;background:var(--ws-cream);border:1px solid var(--ws-cream-border);color:var(--ws-orange-text);font-size:.8rem;font-weight:600;margin-bottom:1rem}
.ws .ws-section--dark .ws-tag{background:rgba(255,126,1,.12);border-color:rgba(255,126,1,.3);color:var(--ws-orange)}

/* tekstlinks: onderstreping in oranje, hover donker-oranje */
.ws .ws-prose a,.ws .ws-link{color:inherit;text-decoration:underline;text-decoration-color:var(--ws-orange);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .15s}
.ws .ws-prose a:hover,.ws .ws-link:hover{color:var(--ws-orange-text)}
.ws .ws-prose .ws-btn,.ws .ws-prose .ws-btn:hover{text-decoration:none}
.ws .ws-section--dark .ws-prose a:hover,.ws .ws-section--dark .ws-link:hover{color:var(--ws-orange)}
.ws .ws-link--arrow::after{content:" \2192"}
.ws .ws-link--strong{font-weight:600}

/* ---------- knoppen ---------- */
.ws .ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.4rem;border-radius:var(--ws-radius);font-weight:700;font-size:1rem;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s;text-decoration:none}
.ws .ws-btn:active{transform:translateY(1px)}
.ws .ws-btn--primary{background:var(--ws-orange);color:var(--ws-black)}
.ws .ws-btn--primary:hover{background:var(--ws-orange-hover);color:var(--ws-black)}
.ws .ws-btn--dark{background:var(--ws-black);color:var(--ws-white)}
.ws .ws-btn--dark:hover{background:var(--ws-black-soft);color:var(--ws-white)}
.ws .ws-btn--ghost{background:transparent;color:var(--ws-text);border-color:var(--ws-border-strong)}
.ws .ws-btn--ghost:hover{background:var(--ws-canvas)}
.ws .ws-btn--light{background:transparent;color:var(--ws-white);border-color:rgba(255,255,255,.35)}
.ws .ws-btn--light:hover{background:rgba(255,255,255,.08);color:var(--ws-white)}
.ws .ws-btn--sm{min-height:40px;padding:.5rem 1rem;font-size:.9rem}
.ws .ws-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.ws .ws-actions--center{justify-content:center}
.ws .ws-cta-row{margin-top:2.5rem;text-align:center}
.ws .ws-cta-row .ws-note{margin-top:.6rem}

/* ---------- header ---------- */
.ws .ws-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.ws .ws-header.is-scrolled{border-bottom-color:var(--ws-border);box-shadow:0 8px 24px -20px rgba(17,17,17,.25)}
.admin-bar .ws .ws-header{top:32px}
@media (max-width:782px){.admin-bar .ws .ws-header{top:46px}}
.ws .ws-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--ws-header-h)}
.ws .ws-logo{display:inline-flex;align-items:center;flex:none}
.ws .ws-logo__image{display:block;width:auto;height:38px;max-width:190px;object-fit:contain}
@media (max-width:420px){.ws .ws-logo__image{height:32px;max-width:160px}}
.ws .ws-nav{display:none;align-items:center;gap:1.75rem}
.ws .ws-nav a{font-weight:600;font-size:.95rem;color:var(--ws-text-muted);padding:.25rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.ws .ws-nav a:hover{color:var(--ws-text);border-bottom-color:var(--ws-orange)}
.ws .ws-nav a.is-active{color:var(--ws-text);border-bottom-color:var(--ws-orange)}
.ws .ws-header__cta{display:none}
.ws .ws-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border:1px solid var(--ws-border);border-radius:10px;background:var(--ws-white);cursor:pointer;color:var(--ws-text)}
.ws .ws-burger__line{display:block;width:20px;height:2px;border-radius:999px;background:currentColor;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.ws .ws-burger[aria-expanded="true"] .ws-burger__line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ws .ws-burger[aria-expanded="true"] .ws-burger__line:nth-child(2){opacity:0}
.ws .ws-burger[aria-expanded="true"] .ws-burger__line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.ws .ws-mobile{display:block;max-height:0;opacity:0;visibility:hidden;overflow:hidden;border-top:1px solid transparent;background:var(--ws-white);transform:translateY(-6px);pointer-events:none;transition:max-height .34s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .28s ease,visibility 0s linear .34s,border-color .2s ease}
.ws .ws-mobile.is-open{max-height:520px;opacity:1;visibility:visible;border-top-color:var(--ws-border);transform:translateY(0);pointer-events:auto;transition:max-height .34s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .28s ease,visibility 0s linear 0s,border-color .2s ease}
.ws .ws-mobile .ws-container{padding-top:.75rem;padding-bottom:1.25rem}
.ws .ws-mobile a{display:block;padding:.85rem 0;font-weight:600;border-bottom:1px solid var(--ws-border);transition:color .15s,border-color .15s,padding-left .15s}
.ws .ws-mobile a.is-active:not(.ws-btn){color:var(--ws-text);border-bottom-color:var(--ws-orange);padding-left:.65rem}
.ws .ws-mobile .ws-btn{margin-top:1rem;width:100%}
@media (min-width:960px){
  .ws .ws-nav,.ws .ws-header__cta{display:inline-flex}
  .ws .ws-burger,.ws .ws-mobile{display:none!important}
}

/* ---------- iconen ---------- */
.ws .ico{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ws .ws-icon-tile{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ws-black);color:var(--ws-orange);flex:none}
.ws .ws-icon-tile .ico{width:22px;height:22px}
.ws .ws-icon-tile--cream{background:var(--ws-cream);color:var(--ws-orange-text)}
.ws .ws-icon-tile--danger{background:var(--ws-danger-tint);color:var(--ws-danger)}
.ws .ws-icon-tile--success{background:var(--ws-success-tint);color:var(--ws-success)}

/* ---------- hero ---------- */
.ws .ws-hero{position:relative;padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,6rem);overflow:hidden}
.ws .ws-hero::before{content:"";position:absolute;inset:auto -20% -40% 40%;height:120%;background:radial-gradient(closest-side,rgba(255,126,1,.22),rgba(252,243,232,.6) 45%,transparent 75%);pointer-events:none}
.ws .ws-hero__grid{position:relative;display:grid;gap:3rem;align-items:center}
.ws .ws-hero__copy p{color:var(--ws-text-muted)}
.ws .ws-hero__copy .ws-lead{color:var(--ws-text);margin-bottom:1.25rem}
.ws .ws-hero__visual{position:relative;display:flex;justify-content:center;padding:1rem 0 2rem}
@media (min-width:960px){
  .ws .ws-hero__grid{grid-template-columns:1.15fr .85fr;gap:4rem}
  .ws .ws-hero__visual{padding:2rem 0}
}

/* ---------- telefoonframe ---------- */
.ws .ws-phone{position:relative;width:min(100%,300px);aspect-ratio:9/19.5;margin:0;padding:10px;background:var(--ws-black);border-radius:2.75rem;box-shadow:var(--ws-shadow-lg);transform:rotate(-1.5deg);transition:transform .35s ease}
.ws .ws-phone:hover{transform:rotate(0)}
.ws .ws-phone--flat,.ws .ws-phone--flat:hover{transform:none}
.ws .ws-phone__screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2.2rem;background:var(--ws-app-bg)}
.ws .ws-phone__screen img{width:100%;height:100%;object-fit:cover;object-position:top center}
.ws .ws-phone__sign{position:absolute;left:8%;top:65.5%;width:36%;height:15%;stroke:var(--ws-black);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;overflow:visible}
.ws .ws-phone__sign path{vector-effect:non-scaling-stroke}
.ws .ws-phone__island{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:34%;height:22px;border-radius:999px;background:var(--ws-black)}
.ws .ws-phone__cap{margin-top:1rem;text-align:center;font-size:.9rem;font-weight:600;color:var(--ws-text-muted)}
.ws .ws-phone--sm{width:min(100%,240px)}

/* zwevende badges naast de telefoon */
.ws .ws-float{position:absolute;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border-radius:14px;background:var(--ws-white);border:1px solid var(--ws-border);box-shadow:var(--ws-shadow);font-size:.85rem;font-weight:600;white-space:nowrap}
.ws .ws-float small{display:block;font-weight:500;color:var(--ws-text-dim);font-size:.75rem}
.ws .ws-float .ico{width:1.1rem;height:1.1rem}
.ws .ws-float--a{left:0;top:22%;color:var(--ws-text)}
.ws .ws-float--a .ico{color:var(--ws-success)}
.ws .ws-float--b{right:0;bottom:16%;color:var(--ws-text)}
.ws .ws-float--b .ico{color:var(--ws-orange-text)}
@media (max-width:480px){.ws .ws-float{display:none}}

/* ---------- social proof ---------- */
.ws .ws-logos{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:2rem 0}
.ws .ws-logos li{padding:.55rem 1rem;border-radius:999px;background:var(--ws-white);border:1px solid var(--ws-border);font-weight:600;font-size:.85rem;color:var(--ws-text-muted)}
.ws .ws-stats{display:grid;gap:1rem;margin-top:2.5rem}
.ws .ws-stat{padding:1.5rem;border-radius:var(--ws-radius-lg);background:var(--ws-white);border:1px solid var(--ws-border)}
.ws .ws-stat b{display:block;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;color:var(--ws-orange-text);line-height:1.1}
.ws .ws-stat span{color:var(--ws-text-muted);font-size:.95rem}
@media (min-width:720px){.ws .ws-stats{grid-template-columns:repeat(3,1fr)}}

/* ---------- herkenbaar ---------- */
.ws .ws-pain{display:grid;gap:.75rem;margin:2rem 0}
.ws .ws-pain li{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.25rem;border-radius:var(--ws-radius-lg);background:var(--ws-white);border:1px solid var(--ws-border)}
.ws .ws-pain .ws-icon-tile{width:36px;height:36px;border-radius:10px}
.ws .ws-pain .ws-icon-tile .ico{width:18px;height:18px}
.ws .ws-pain p{margin:0;padding-top:.3rem;color:var(--ws-text)}
@media (min-width:860px){.ws .ws-pain{grid-template-columns:1fr 1fr}}

/* ---------- kaarten algemeen ---------- */
.ws .ws-cards{display:grid;gap:1.25rem}
.ws .ws-card{padding:1.6rem;border-radius:var(--ws-radius-lg);background:var(--ws-white);border:1px solid var(--ws-border);box-shadow:var(--ws-shadow)}
.ws .ws-card .ws-icon-tile{margin-bottom:1.1rem}
.ws .ws-card h3{margin-bottom:.4rem}
.ws .ws-card p{margin:0;color:var(--ws-text-muted);font-size:.97rem}
.ws .ws-card--link{transition:transform .2s,border-color .2s}
.ws .ws-card--link:hover{transform:translateY(-3px);border-color:var(--ws-orange)}
.ws .ws-card--link h3 a::after{content:" \2192";color:var(--ws-orange-text);opacity:0;transition:opacity .2s}
.ws .ws-card--link:hover h3 a::after{opacity:1}
.ws .ws-card h3 a{color:inherit}
.ws .ws-card h3 a:hover{color:var(--ws-orange-text)}
@media (min-width:640px){.ws .ws-cards--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.ws .ws-cards--3{grid-template-columns:repeat(3,1fr)}.ws .ws-cards--4{grid-template-columns:repeat(4,1fr)}}

/* ---------- stappen ---------- */
.ws .ws-step{position:relative}
.ws .ws-step__num{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ws-orange);color:var(--ws-black);font-weight:800;font-size:1.1rem;margin-bottom:1.1rem}
.ws .ws-phones{display:flex;gap:1.5rem;margin-top:3rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .25rem 1rem;-webkit-overflow-scrolling:touch}
.ws .ws-phones > figure{flex:0 0 min(78vw,260px);scroll-snap-align:center;margin:0}
.ws .ws-phones .ws-phone{width:100%}
@media (min-width:900px){
  .ws .ws-phones{overflow:visible;justify-content:center;gap:2.5rem}
  .ws .ws-phones > figure{flex:0 0 260px}
}

/* ---------- inrichten ---------- */
.ws .ws-modules{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2rem}
.ws .ws-modules li{display:inline-flex}
.ws .ws-modules span,.ws .ws-modules a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--ws-white);border:1px solid var(--ws-border);font-weight:600;font-size:.9rem;color:var(--ws-text)}
.ws .ws-modules a:hover{border-color:var(--ws-orange);color:var(--ws-orange-text)}
.ws .ws-modules .ico{width:1rem;height:1rem;color:var(--ws-success)}

/* ---------- zigzag feature-rijen ---------- */
.ws .ws-feature{display:grid;gap:2.5rem;align-items:center}
.ws .ws-feature__copy p{color:var(--ws-text-muted)}
.ws .ws-feature__visual{display:flex;justify-content:center;position:relative}
@media (min-width:960px){
  .ws .ws-feature{grid-template-columns:1fr 1fr;gap:4rem}
  .ws .ws-feature--flip .ws-feature__copy{order:2}
  .ws .ws-feature--flip .ws-feature__visual{order:1}
}
.ws .ws-duo{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:1rem;width:100%}
.ws .ws-duo .ws-phone--sm{transform:rotate(3deg) translateY(1.5rem)}
.ws .ws-duo .ws-phone--sm:hover{transform:rotate(0) translateY(1.5rem)}
@media (max-width:520px){.ws .ws-duo .ws-phone--sm{display:none}}

/* app-kaarten in de stijl van de app (uitgeknipte stukjes scherm) */
.ws .ws-appstack{width:min(100%,420px);padding:1.25rem;border-radius:var(--ws-radius-xl);background:var(--ws-app-bg);display:grid;gap:.75rem;box-shadow:var(--ws-shadow)}
.ws .ws-appcard{position:relative;padding:1rem 1rem 1rem 1.1rem;border-radius:16px;background:var(--ws-white);border-left:4px solid var(--ws-app-green)}
.ws .ws-appcard--warn{border-left-color:var(--ws-orange)}
.ws .ws-appcard--plain{border-left-color:transparent}
.ws .ws-appcard__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:700;font-size:1rem}
.ws .ws-appcard__head > span:first-child{display:inline-flex;align-items:center}
.ws .ws-appcard__head .ico{width:1rem;height:1rem;color:var(--ws-text-dim);margin-right:.35rem}
.ws .ws-appcard__tools{display:flex;gap:.4rem}
.ws .ws-ibtn{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ws-app-btn);color:var(--ws-text)}
.ws .ws-ibtn .ico{width:17px;height:17px}
.ws .ws-pill{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.55rem;padding:.6rem .8rem;border-radius:10px;background:var(--ws-app-pill);font-size:.9rem;color:var(--ws-text)}
.ws .ws-pill i{font-style:italic;color:var(--ws-text-dim)}
.ws .ws-pill b{font-weight:600;white-space:nowrap}
.ws .ws-pill--muted{color:var(--ws-text-dim);font-style:italic}
.ws .ws-toggle{display:flex;gap:.4rem}
.ws .ws-toggle span{padding:.45rem .8rem;border-radius:10px;background:var(--ws-app-btn);font-weight:700;font-size:.85rem}
.ws .ws-toggle span.is-on{background:var(--ws-orange);color:var(--ws-black)}
.ws .ws-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}
.ws .ws-thumbs span{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#E9E9E9,#D4D4CF)}
.ws .ws-thumbs span:nth-child(2){background:linear-gradient(135deg,#FCF3E8,#FF7E01)}
.ws .ws-thumbs span:nth-child(3){background:linear-gradient(135deg,#D9D9D9,#8C8C88)}
.ws .ws-sign{margin-top:.6rem;height:110px;border:2px dashed var(--ws-border-strong);border-radius:12px;display:grid;place-items:center;color:var(--ws-text-dim);font-size:.85rem;position:relative;overflow:hidden}
.ws .ws-sign svg{position:absolute;inset:0;width:100%;height:100%;stroke:var(--ws-black);fill:none;stroke-width:2.5;stroke-linecap:round}
.ws .ws-sendbar{display:flex;justify-content:flex-end;padding-top:.25rem}
.ws .ws-send{display:grid;place-items:center;width:52px;height:44px;border-radius:12px;background:var(--ws-orange);color:var(--ws-white)}
.ws .ws-send .ico{width:20px;height:20px}
.ws .ws-appcard__label{font-size:.85rem;color:var(--ws-text-dim);margin-top:.5rem}
.ws .ws-kv{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--ws-border);font-size:.92rem}
.ws .ws-kv:first-of-type{border-top:0}
.ws .ws-kv span:last-child{font-weight:600;text-align:right}
.ws .ws-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}
.ws .ws-badge--success{background:var(--ws-success-tint);color:var(--ws-success)}
.ws .ws-badge--info{background:var(--ws-info-tint);color:var(--ws-info)}
.ws .ws-badge--peach{background:var(--ws-cream);color:var(--ws-orange-text)}

/* ---------- functies-grid ---------- */
.ws .ws-features{display:grid;gap:1rem}
.ws .ws-featureitem{display:flex;gap:1rem;padding:1.15rem 1.25rem;border-radius:var(--ws-radius-lg);background:var(--ws-white);border:1px solid var(--ws-border)}
.ws .ws-featureitem .ws-icon-tile{width:40px;height:40px;border-radius:11px}
.ws .ws-featureitem .ws-icon-tile .ico{width:20px;height:20px}
.ws .ws-featureitem h3{font-size:1rem;margin-bottom:.2rem}
.ws .ws-featureitem h3 a:hover{color:var(--ws-orange-text)}
.ws .ws-featureitem p{margin:0;font-size:.92rem;color:var(--ws-text-muted)}
@media (min-width:640px){.ws .ws-features{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ws .ws-features{grid-template-columns:repeat(3,1fr)}}

/* ---------- app-strip ---------- */
.ws .ws-strip{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem .25rem 1.5rem;-webkit-overflow-scrolling:touch}
.ws .ws-strip > figure{flex:0 0 min(70vw,220px);scroll-snap-align:center;margin:0}
.ws .ws-strip .ws-phone{width:100%;transform:none}
@media (min-width:1200px){.ws .ws-strip{justify-content:center;overflow:visible}.ws .ws-strip > figure{flex:0 0 205px}}

/* ---------- Robaws ---------- */
.ws .ws-robaws-cards .ws-card{background:var(--ws-canvas);box-shadow:none}
.ws .ws-section--dark .ws-card{background:var(--ws-black-soft);border-color:rgba(255,255,255,.08);box-shadow:none}
.ws .ws-section--dark .ws-card p{color:var(--ws-on-dark-muted)}
.ws .ws-robaws-glow{position:relative;overflow:hidden}
.ws .ws-robaws-glow::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(255,126,1,.18),transparent 70%);pointer-events:none}
.ws .ws-robaws-glow .ws-container{position:relative}
.ws .ws-integrations{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.ws .ws-integrations a{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:.85rem;font-weight:600;color:var(--ws-white);text-decoration:none}
.ws .ws-integrations a:hover{border-color:var(--ws-orange);color:var(--ws-orange)}
.ws .ws-robaws-grid{display:grid;gap:2.5rem;align-items:start}
@media (min-width:960px){.ws .ws-robaws-grid{grid-template-columns:1.1fr .9fr;gap:4rem}}
.ws .ws-flow{display:grid;gap:.6rem}
.ws .ws-flow li{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border-radius:14px;background:var(--ws-black-soft);border:1px solid rgba(255,255,255,.08);font-weight:600;font-size:.95rem}
.ws .ws-flow .ws-icon-tile{width:38px;height:38px;border-radius:10px;background:rgba(255,126,1,.14)}
.ws .ws-flow .ws-icon-tile .ico{width:18px;height:18px}
.ws .ws-flow li span{color:var(--ws-white)}
.ws .ws-flow li small{display:block;font-weight:500;color:var(--ws-on-dark-muted);font-size:.82rem}

/* ---------- prijzen ---------- */
.ws .ws-pricing{display:grid;gap:1.5rem;align-items:start;max-width:900px;margin:0 auto}
@media (min-width:860px){.ws .ws-pricing{grid-template-columns:1.25fr .9fr}}
.ws .ws-price{padding:2rem;border-radius:var(--ws-radius-xl);background:var(--ws-black);color:var(--ws-white);box-shadow:var(--ws-shadow-lg);position:relative;overflow:hidden}
.ws .ws-price::after{content:"";position:absolute;right:-25%;top:-35%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(255,126,1,.22),transparent 70%);pointer-events:none}
.ws .ws-price > *{position:relative}
.ws .ws-price h3{color:var(--ws-white);font-size:1.3rem}
.ws .ws-price__badge{display:inline-block;padding:.35rem .8rem;border-radius:999px;background:var(--ws-orange);color:var(--ws-black);font-weight:700;font-size:.8rem;margin-bottom:1rem}
.ws .ws-price__amount{display:flex;align-items:baseline;gap:.5rem;margin:.5rem 0 1.5rem}
.ws .ws-price__amount b{font-size:3.2rem;font-weight:800;letter-spacing:-.04em;color:var(--ws-orange);line-height:1}
.ws .ws-price__amount span{color:var(--ws-on-dark-muted);font-size:.95rem}
.ws .ws-checks{display:grid;gap:.55rem;margin-bottom:1.75rem}
.ws .ws-checks li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;color:var(--ws-on-dark-muted)}
.ws .ws-checks .ico{width:1.1rem;height:1.1rem;color:var(--ws-success-accent);margin-top:.2rem}
.ws .ws-checks a{color:var(--ws-white);text-decoration:underline;text-decoration-color:var(--ws-orange);text-underline-offset:3px}
.ws .ws-checks a:hover{color:var(--ws-orange)}
@media (min-width:600px){.ws .ws-checks{grid-template-columns:1fr 1fr}}
.ws .ws-price--flex{background:var(--ws-white);color:var(--ws-text);border:1px solid var(--ws-border);box-shadow:var(--ws-shadow)}
.ws .ws-price--flex::after{display:none}
.ws .ws-price--flex h3{color:var(--ws-text)}
.ws .ws-price--flex .ws-price__amount b{color:var(--ws-orange-text)}
.ws .ws-price--flex .ws-price__amount span{color:var(--ws-text-dim)}
.ws .ws-price--flex p{color:var(--ws-text-muted);font-size:.95rem;margin:0}
.ws .ws-pricing-foot{max-width:900px;margin:2rem auto 0}
.ws .ws-pricing-foot p{color:var(--ws-text-muted)}

/* ---------- download ---------- */
.ws .ws-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0}
.ws .ws-storebadge{display:inline-flex;align-items:center;gap:.7rem;min-height:56px;padding:.6rem 1.2rem .6rem .9rem;border-radius:14px;background:var(--ws-black);color:var(--ws-white);text-decoration:none;border:1px solid var(--ws-black)}
.ws .ws-storebadge:hover{background:var(--ws-black-soft)}
.ws .ws-storebadge .ico{width:26px;height:26px;color:var(--ws-orange)}
.ws .ws-storebadge small{display:block;font-size:.7rem;color:var(--ws-on-dark-muted);line-height:1.1}
.ws .ws-storebadge b{display:block;font-size:1.05rem;font-weight:700;line-height:1.15}

/* ---------- slot-CTA ---------- */
.ws .ws-final{text-align:center}
.ws .ws-final h2{max-width:14ch;margin-inline:auto;font-size:clamp(2rem,4.5vw,3.2rem)}
.ws .ws-final p{max-width:640px;margin-inline:auto}

/* ---------- FAQ ---------- */
.ws .ws-faq{max-width:820px;margin:0 auto;display:grid;gap:.6rem}
.ws .ws-faq details{border:1px solid var(--ws-border);border-radius:var(--ws-radius-lg);background:var(--ws-white);overflow:hidden}
.ws .ws-faq details.is-expanded{border-color:var(--ws-cream-border);box-shadow:var(--ws-shadow)}
.ws .ws-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;cursor:pointer;font-weight:700;list-style:none;font-size:1.02rem}
.ws .ws-faq summary::-webkit-details-marker{display:none}
.ws .ws-faq summary .ico{width:1.2rem;height:1.2rem;color:var(--ws-orange-text);transition:transform .2s}
.ws .ws-faq details.is-expanded summary .ico{transform:rotate(180deg)}
.ws .ws-faq .ws-faq__body{padding:0 1.25rem 1.2rem;color:var(--ws-text-muted);transform-origin:top}
.ws .ws-faq .ws-faq__body p:last-child{margin-bottom:0}

@media (prefers-reduced-motion:reduce){.ws .ws-faq summary .ico,.ws .ws-burger__line,.ws .ws-mobile,.ws .ws-skip-link{transition:none}}

/* ---------- prefooter + footer ---------- */
.ws .ws-prefooter{background:var(--ws-orange);color:var(--ws-black)}
.ws .ws-prefooter .ws-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0}
.ws .ws-prefooter p{margin:0;font-size:1.05rem}
.ws .ws-footer{background:var(--ws-black);color:var(--ws-on-dark-muted);padding:3.5rem 0 1.5rem;font-size:.92rem}
.ws .ws-footer a{color:var(--ws-on-dark-muted);text-decoration:none}
.ws .ws-footer a:hover{color:var(--ws-orange)}
.ws .ws-footer h4{color:var(--ws-white);font-size:.9rem;letter-spacing:0;margin-bottom:.9rem}
.ws .ws-footer__grid{display:grid;gap:2rem}
.ws .ws-footer__col li{padding:.28rem 0}
.ws .ws-footer .ws-logo--footer{width:max-content;padding:.45rem .6rem;border-radius:10px;background:var(--ws-white)}
.ws .ws-footer .ws-logo--footer .ws-logo__image{height:34px;max-width:170px}
.ws .ws-footer__brand p{margin:.9rem 0 0;max-width:30ch}
.ws .ws-footer__contact{padding:1.5rem;border-radius:var(--ws-radius-lg);background:var(--ws-black-soft);border:1px solid rgba(255,255,255,.08)}
.ws .ws-footer__contact h4{margin-bottom:1rem}
.ws .ws-footer__contact li{display:flex;gap:.75rem;align-items:flex-start;padding:.4rem 0;line-height:1.45}
.ws .ws-footer__contact .ico{width:1.1rem;height:1.1rem;color:var(--ws-orange);margin-top:.2rem}
.ws .ws-footer__contact address{font-style:normal}
.ws .ws-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:var(--ws-text-dim)}
.ws .ws-footer__bottom a{color:var(--ws-on-dark-muted);text-decoration:underline;text-decoration-color:var(--ws-orange);text-underline-offset:3px}
@media (min-width:640px){.ws .ws-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ws .ws-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1.4fr}.ws .ws-footer__contact{grid-column:6}}

@media print{.ws .ws-header,.ws .ws-prefooter,.ws .ws-float{display:none}}