/* ==========================================================================
   wf-contact: the AI LAB contact page, a 1:1 port of webfluencer.nl/contact.
   Every size, easing and duration is the original value (measured 2026-09-09).
   Differences by request: the ground is the AI LAB midnight blue instead of black,
   the background film is our two-hands loop, the accent is the site blue, the type
   is the site's own face. Source of truth: products/_wf-nav/wf-contact.css.
   ========================================================================== */

.wfk{--k:cubic-bezier(.6,.01,.05,.95);--gutter:clamp(16px,2.5vw,20px);--section:clamp(48px,6vw,120px);
  --navy:#050B1C;--ink:#181818;--cream:#fbf8f1;--accent:#5FA8FF;--accent-rgb:95,168,255;--btn-ink:#050B1C;--page:var(--bg,#F0F0F0);
  --wash:rgba(5,11,28,.6);--autofill:var(--autofill);
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;   /* each world sets its own tokens inline on <main> */
  font-family:var(--font);-webkit-font-smoothing:antialiased}
.wfk *{box-sizing:border-box}
.wfk a{text-decoration:none;color:inherit}
.wfk h1,.wfk h2,.wfk h3,.wfk p{margin:0}

/* ---------- hero: full-height, film + navy wash, copy left, glass form right ---------- */
/* the film is a band above the page: headline and lead sit low over it, the form gets its own ground below */
.wfk-hero{position:relative;min-height:var(--hero-min,clamp(420px,64dvh,760px));display:flex;align-items:flex-end;overflow:hidden;background:var(--navy);color:var(--cream)}
@media (max-width:767px){.wfk-hero{min-height:var(--hero-min-m,clamp(380px,58dvh,560px))}}
.wfk-hero .wfk-wrap{padding-top:140px;padding-bottom:var(--hero-pb,clamp(32px,4vw,56px))}
.wfk-hero .wfk-grid{grid-template-columns:1fr}
.wfk-book{position:relative;color:var(--cream);background:var(--book,radial-gradient(120% 90% at 85% 0%,#1B4FB8 0%,#0E2C7A 38%,#071A4D 70%,#050B1C 100%));
  padding:clamp(40px,5vw,80px) 0 clamp(48px,6vw,96px)}
.wfk-book .wfk-wrap{padding-top:0;padding-bottom:0}
.wfk-book .wfk-grid{align-items:center}
.wfk-aside .wfk-links{margin-top:32px}   /* under the aside paragraph, as on the reference (32px) */
@media (min-width:1024px){.wfk-aside{padding-top:0}}
.wfk-film{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity 1.4s var(--k),transform 1.4s var(--k)}
.is-ready .wfk-film{opacity:1;transform:scale(1)}
.wfk-film img,.wfk-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--film-pos-m,58% 46%);display:block}
/* desktop: the fingertips meet in the gap between the copy and the form card, not behind the card */
@media (min-width:1024px){.wfk-film img,.wfk-film video{object-position:var(--film-pos,50% 46%)}}
.wfk-film video{opacity:0;transition:opacity 1.4s ease}
.wfk-film video.live{opacity:1}
/* the reference's black/60 wash, in the AI LAB navy; the two gradients are the original values */
.wfk-wash{position:absolute;inset:0;background:var(--wash)}
.wfk-gx{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,var(--gx,.3)),transparent 50%,transparent)}
.wfk-gy{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,var(--gy,.3)),transparent 50%,rgba(0,0,0,calc(var(--gy,.3) * .66)))}
.wfk-wrap{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:120px var(--gutter) clamp(40px,5vw,80px)}
.wfk-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media (min-width:1024px){.wfk-grid{grid-template-columns:minmax(0,524px) minmax(0,580px);justify-content:center;gap:40px}}
@media (min-width:1280px){.wfk-grid{gap:56px}}
.wfk-h1{font-weight:600;color:var(--cream);line-height:1.05;letter-spacing:-.03em;font-size:clamp(34px,3.4vw,56px)}
@media (max-width:360px){.wfk-h1{font-size:clamp(26px,8.6vw,34px)}}   /* "AI-automatisering" is one word: at 34px it ran 56px past a 320 screen */
.wfk-h1 .l{display:block;overflow:hidden;padding-bottom:4px}
@media (min-width:768px){.wfk-h1 .l{padding-bottom:8px}}
.wfk-h1 .l>span{display:block;white-space:nowrap;transform:translate3d(0,100%,0);transition:transform 1.1s var(--k)}
.wfk-h1 .l+.l>span{transition-delay:.1s}
.is-ready .wfk-h1 .l>span{transform:translate3d(0,0,0)}
.wfk-h1 .ac{color:var(--accent)}
.wfk-lead{margin-top:20px;color:rgba(251,248,241,.7);line-height:1.6;max-width:460px;font-size:clamp(15px,1.1vw,19px);
  opacity:0;transform:translateY(14px);transition:opacity .8s var(--k) .5s,transform .8s var(--k) .5s}
@media (min-width:768px){.wfk-lead{margin-top:24px}}
.is-ready .wfk-lead{opacity:1;transform:none}
.wfk-aside-h{margin:0;font-weight:500;letter-spacing:-.035em;line-height:1.05;font-size:clamp(34px,3.4vw,49px);color:var(--cream)}
.wfk-book .wfk-aside-p{margin:24px 0 0;max-width:460px;font-size:clamp(15px,1.1vw,16px);line-height:1.6;color:rgba(251,248,241,.7)}
.wfk-faces{display:flex;flex:none}
.wfk-faces span{display:grid;place-items:center;width:30px;height:28px;border-radius:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:9px;font-weight:700;letter-spacing:.02em;color:var(--cream)}
.wfk-faces span+span{margin-left:-5px}
.wfk-faces .n{background:rgba(255,255,255,.2);font-size:10px}
.wfk-stars{display:flex;gap:2px;margin-bottom:3px;color:#F5C542}
.wfk-stars svg{width:12px;height:12px}
.wfk-links{margin-top:24px;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(12px);transition:opacity .6s var(--k) .7s,transform .6s var(--k) .7s}
@media (min-width:640px){.wfk-links{flex-direction:row;gap:24px}}
@media (min-width:768px){.wfk-links{margin-top:32px}}
.is-ready .wfk-links{opacity:1;transform:none}
.wfk-links a,.wfk-links span{display:flex;align-items:center;gap:10px;color:rgba(251,248,241,.7);transition:color .3s;font-weight:600;letter-spacing:-.03em;font-size:clamp(14px,1vw,17px)}
.wfk-links a:hover{color:var(--cream)}
.wfk-links svg{width:16px;height:16px;flex:none}
.wfk-trust{margin-top:32px;opacity:0;transform:translateY(12px);transition:opacity .8s var(--k) .9s,transform .8s var(--k) .9s}
@media (min-width:1024px){.wfk-trust{margin-top:40px}}
@media (min-width:1280px){.wfk-trust{margin-top:56px}}
.is-ready .wfk-trust{opacity:1;transform:none}
.wfk-trust-row{display:flex;align-items:center;gap:12px}
.wfk-trust img{width:28px;height:28px;border-radius:6px;object-fit:cover;object-position:top;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 1.5px rgba(255,255,255,.2);background:rgba(255,255,255,.1);flex:none}
.wfk-trust-txt{font-size:11px;line-height:1.3;letter-spacing:-.2px}
.wfk-trust-row{gap:12px}
.wfk-trust-txt b{font-weight:600;color:var(--cream)}
.wfk-trust-txt span{color:rgba(251,248,241,.7)}
.wfk-trust-ln{margin-top:40px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wfk-trust-ln span{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(251,248,241,.7)}

/* the glass card */
.wfk-card{scroll-margin-top:96px;position:relative;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(64px) saturate(150%);backdrop-filter:blur(64px) saturate(150%);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 60px rgba(0,0,0,.3);
  opacity:0;transform:translate3d(0,24px,0) scale(.98);transition:opacity .9s var(--k) .3s,transform .9s var(--k) .3s}
@media (min-width:768px){.wfk-card{border-radius:24px}}
.is-ready .wfk-card{opacity:1;transform:translate3d(0,0,0) scale(1)}
.wfk-card::before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}
.wfk-card-in{padding:24px}
@media (min-width:768px){.wfk-card-in{padding:32px}}
.wfk-card-h{color:var(--cream);line-height:1.15;font-weight:600;letter-spacing:-.02em;font-size:clamp(22px,1.8vw,32px)}
.wfk-book .wfk-card-sub{margin:8px 0 24px;color:rgba(251,248,241,.7);font-size:13px;line-height:1.5}
@media (min-width:768px){.wfk-card-sub{font-size:14px}}
/* the two tabs at the head of the card: a message, or a call booked in the calendar */
.wfk-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 24px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);isolation:isolate}
.wfk-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:none;cursor:pointer;
  font:inherit;font-size:13px;font-weight:600;letter-spacing:-.01em;color:rgba(251,248,241,.7);transition:color .3s var(--k)}
.wfk-tab svg{width:15px;height:15px;flex:none}
.wfk-tab.is-on{color:var(--cream)}
.wfk-tab:hover{color:var(--cream)}
.wfk-tab:focus-visible{outline:2px solid var(--cream);outline-offset:-3px}
.wfk-tab-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:999px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .5s var(--k)}
.wfk-tabs.is-call .wfk-tab-ind{transform:translateX(calc(100% + 4px))}
.wfk-pane[hidden]{display:none}
.wfk-cal{min-height:0}
.wfk-cal.is-live{min-height:520px;margin:0 -8px}
.wfk-cal.is-live+.wfk-cal-fb{display:none}
.wfk-cal-fb p{margin:0 0 20px;font-size:14px;line-height:1.6;color:rgba(251,248,241,.78)}
.wfk-cal-btn{text-decoration:none}
.wfk-cal-btn svg{width:12px;height:12px}
.wfk-form{display:flex;flex-direction:column;gap:20px}
.wfk-row{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.wfk-row{grid-template-columns:1fr 1fr}}
.wfk-field label{display:block;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,248,241,.7);margin-bottom:8px;font-size:clamp(9px,.6vw,11px)}
.wfk-field label i{font-style:normal;color:rgba(251,248,241,.7);margin-left:2px}   /* the accent blue cannot reach AA on the deep navy, the cream does (5.1:1) */
.wfk-field input,.wfk-field textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;font:inherit;letter-spacing:-.02em;color:var(--cream);
  font-size:clamp(14px,1vw,16px);line-height:1.5;outline:none;transition:border-color .3s,background-color .3s;-webkit-appearance:none;appearance:none}
.wfk-field textarea{min-height:91px;resize:vertical;display:block}
.wfk-field input::placeholder,.wfk-field textarea::placeholder{color:rgba(251,248,241,.7);font-weight:600}
html .wfk-field input:focus,html .wfk-field textarea:focus,html .wfk-field input:focus-visible,html .wfk-field textarea:focus-visible{outline:none;box-shadow:none;border-color:rgba(var(--accent-rgb),.5);background:rgba(255,255,255,.08);border-radius:10px}
.wfk-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--autofill) inset;-webkit-text-fill-color:var(--cream);caret-color:var(--cream);transition:background-color 99999s}
.wfk-field input[aria-invalid="true"],.wfk-field textarea[aria-invalid="true"]{border-color:rgba(255,140,120,.6)}
.wfk-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.wfk-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 0;border-radius:999px;cursor:pointer;
  background:var(--accent);color:var(--btn-ink);border:1px solid rgba(var(--accent-rgb),.8);font:inherit;font-weight:600;letter-spacing:-.02em;font-size:15px;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.2),0 4px 24px rgba(var(--accent-rgb),.25),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .5s var(--k),box-shadow .5s var(--k),background-color .3s}
.wfk-submit:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3),0 8px 32px rgba(var(--accent-rgb),.35),inset 0 1px 0 rgba(255,255,255,.2)}
.wfk-submit svg{width:12px;height:12px;transition:transform .5s var(--k)}
.wfk-submit:hover svg{transform:translate(1px,-1px)}
.wfk-submit[disabled]{opacity:.6;cursor:default;transform:none}
.wfk-notes{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;color:rgba(251,248,241,.7);font-size:11px;letter-spacing:-.1px}
.wfk-notes span{display:inline-flex;align-items:center;gap:6px}
.wfk-notes svg{width:11px;height:11px;color:rgba(var(--accent-rgb),.7)}
.wfk-notes i{width:1px;height:12px;background:rgba(255,255,255,.14)}
.wfk-msg{margin-top:12px;font-size:13px;line-height:1.5;color:rgba(251,248,241,.72)}
.wfk-msg:empty{display:none}
.wfk-msg.bad{color:#FFB59A}
.wfk-done{display:none;padding:32px 0;text-align:center}
.wfk-card.is-done .wfk-form,.wfk-card.is-done .wfk-notes{display:none}
.wfk-card.is-done .wfk-done{display:block}
.wfk-done h4{margin:0 0 8px;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--cream)}
.wfk-done p{color:rgba(251,248,241,.7);font-size:14px;line-height:1.55}

/* ---------- direct contact: list left, portrait card right ---------- */
.wfk-direct{--d-ink:#181818;--d-mute:rgba(24,24,24,.65);--d-line:rgba(24,24,24,.1);--d-card:#F6F5F0;--d-map:#fff;--d-canal:#1F3FB8;--d-street:rgba(24,24,24,.12);--d-grid:rgba(24,24,24,.045);--d-ij:#E8F0FF;--d-block:rgba(31,63,184,.05);
  position:relative;padding:var(--section) var(--gutter);background:#fff;color:var(--d-ink);overflow:hidden}
.wfk-direct.dark{--d-ink:#fbf8f1;--d-mute:rgba(251,248,241,.7);--d-line:rgba(251,248,241,.12);--d-card:#0B1633;--d-map:#08122B;--d-canal:#5FA8FF;--d-street:rgba(251,248,241,.14);--d-grid:rgba(251,248,241,.05);--d-ij:#0F2050;--d-block:rgba(95,168,255,.06);
  background:radial-gradient(120% 90% at 85% 10%,#132A66 0%,#071129 55%,#050B1C 100%)}
.wfk-direct::before{display:none}
.wfk-direct-in{position:relative;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
@media (min-width:1024px){.wfk-direct-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px}}
.wfk-eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--d-mute);margin-bottom:24px}
.wfk-eyebrow::before{content:"";width:28px;height:1px;background:var(--d-mute)}
.wfk-h2{font-weight:600;color:var(--d-ink);line-height:1.05;letter-spacing:-.035em;font-size:clamp(28px,3.4vw,49px);margin-bottom:40px}
@media (min-width:768px){.wfk-h2{margin-bottom:56px}}
.wfk-rows{display:flex;flex-direction:column}
.wfk-rowi{display:grid;grid-template-columns:32px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--d-line);align-items:start}
.wfk-rowi:first-child{border-top:1px solid var(--d-line)}
.wfk-ico{width:32px;height:32px;border-radius:50%;border:1px solid var(--d-line);display:flex;align-items:center;justify-content:center;color:var(--d-mute)}
.wfk-ico svg{width:14px;height:14px}
.wfk-rowi small{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--d-mute);margin-bottom:8px}
.wfk-rowi a,.wfk-rowi p{font-size:clamp(16px,1.25vw,20px);font-weight:600;letter-spacing:-.02em;color:var(--d-ink);line-height:1.35;text-decoration:none}
.wfk-rowi a:hover{color:var(--accent)}
.wfk-rowi .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wfk-rowi .two p{font-size:clamp(14px,1.05vw,16px);font-weight:600}
.wfk-rowi .soc{display:flex;gap:32px}
.wfk-rowi .soc span{font-size:clamp(14px,1.05vw,16px);font-weight:600;color:var(--d-ink)}
.wfk-map{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--d-map);border:1px solid var(--d-line);box-shadow:0 30px 80px -40px rgba(5,11,28,.35)}
.wfk-direct.dark .wfk-map{box-shadow:0 40px 100px -40px rgba(0,0,0,.7),inset 0 0 0 1px rgba(95,168,255,.12)}
.wfk-map-in{aspect-ratio:800/560;display:block}
.wfk-mapart{display:block;width:100%;height:100%;font-family:var(--font,"Inter",system-ui,sans-serif)}
.wfk-mapart .ij{fill:var(--d-ij)}
.wfk-mapart .ij-line{fill:none;stroke:var(--d-canal);stroke-width:1.5;opacity:.5}
.wfk-mapart .grid line{stroke:var(--d-grid);stroke-width:1}
.wfk-mapart .blocks .b{fill:none;stroke:var(--d-block);stroke-width:30}
.wfk-mapart .canals .c{fill:none;stroke:var(--d-canal);stroke-width:2.2;stroke-linecap:round}
.wfk-mapart .streets .s{stroke:var(--d-street);stroke-width:1.2}
.wfk-mapart .pin .dot{fill:var(--d-canal)}
.wfk-mapart .pin .pulse{fill:none;stroke:var(--d-canal);stroke-width:2;opacity:0;transform-origin:392px 236px;animation:wfk-pulse 2.8s cubic-bezier(.2,.7,.2,1) infinite}
.wfk-mapart .pin .p2{animation-delay:1.4s}
@keyframes wfk-pulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.wfk-mapart .lbl{fill:var(--d-ink)}
.wfk-mapart .lbl.big{font-size:52px;font-weight:600;letter-spacing:-.04em}
.wfk-mapart .lbl.small{font-size:12px;font-weight:600;letter-spacing:.08em;fill:var(--d-mute)}
.wfk-mapart .lbl.tiny{font-size:10px;font-weight:600;letter-spacing:.22em;fill:var(--d-mute)}
.wfk-map figcaption{position:absolute;left:20px;top:20px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--d-card);color:var(--d-ink);font-size:12px;font-weight:600;letter-spacing:-.01em;border:1px solid var(--d-line)}
.wfk-map figcaption i{width:7px;height:7px;border-radius:50%;background:var(--d-canal)}
/* world 1: the rendered 3D map (a photo) with a pulsing pin on the centre */
.wfk-map.photo .wfk-map-in{position:relative}
.wfk-map.photo img{display:block;width:100%;height:100%;object-fit:cover}
.wfk-map-pin{position:absolute;left:47%;top:44%;width:0;height:0}
.wfk-map-pin b,.wfk-map-pin i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}
.wfk-map-pin b{width:14px;height:14px;background:var(--d-canal);box-shadow:0 0 0 3px var(--d-map),0 6px 16px rgba(31,63,184,.45)}
.wfk-direct.dark .wfk-map-pin b{background:#fff;box-shadow:0 0 0 3px var(--d-canal),0 0 24px rgba(95,168,255,.8)}
.wfk-direct.dark .wfk-map-pin i{border-color:#fff}
.wfk-map-pin i{width:14px;height:14px;border:2px solid var(--d-canal);opacity:0;animation:wfk-pulse2 2.8s cubic-bezier(.2,.7,.2,1) infinite}
.wfk-map-pin i+i{animation-delay:1.4s}
@keyframes wfk-pulse2{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}
@media (prefers-reduced-motion:reduce){.wfk-mapart .pin .pulse{animation:none;opacity:.35;transform:scale(1.6)}.wfk-map-pin i{animation:none;opacity:.35;transform:translate(-50%,-50%) scale(2)}}

/* ---------- a11y + motion ---------- */
.wfk a:focus-visible,.wfk button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}
@media (prefers-reduced-motion:reduce){
  .wfk-film,.wfk-h1 .l>span,.wfk-lead,.wfk-links,.wfk-trust,.wfk-card,.wfk-submit,.wfk-tab,.wfk-tab-ind{transition:none}
  .wfk-film{opacity:1;transform:none}.wfk-film video{display:none}
  .wfk-h1 .l>span{transform:none}.wfk-lead,.wfk-links,.wfk-trust,.wfk-card{opacity:1;transform:none}
}

/* No scripting: film, title lines, lead, links, trust row and the form card all wait for .is-ready.
   Show the settled state so the page and the form work without JavaScript. */
@media (scripting: none){.wfk-film{opacity:1;transform:none}.wfk-h1 .l>span{transform:none}.wfk-lead,.wfk-links,.wfk-trust,.wfk-card{opacity:1;transform:none}}

/* ---------- the light form section (world 1): cream ground, white card, dark type ---------- */
.wfk-book.light{--bk-ink:#181818;--bk-mute:rgba(24,24,24,.7);--bk-faint:rgba(24,24,24,.65);--bk-line:rgba(24,24,24,.1);color:var(--bk-ink)}
.wfk-book.light .wfk-aside-h{color:var(--bk-ink)}
.wfk-book.light .wfk-aside-p{color:var(--bk-mute)}
.wfk-book.light .wfk-faces span{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 0 0 1.5px var(--book,#F5F5E9);color:var(--bk-ink)}
.wfk-book.light .wfk-faces .n{background:var(--bk-ink);color:#fff}
.wfk-book.light .wfk-links a,.wfk-book.light .wfk-links span{color:var(--bk-mute)}
.wfk-book.light .wfk-links a:hover{color:var(--bk-ink)}
.wfk-book.light .wfk-trust-txt b{color:var(--bk-ink)}
.wfk-book.light .wfk-trust-txt span{color:var(--bk-faint)}
.wfk-book.light .wfk-trust img{border-color:rgba(0,0,0,.08);box-shadow:0 0 0 1.5px rgba(0,0,0,.06);background:#fff}
.wfk-book.light .wfk-trust-ln span{border-color:var(--bk-line);color:var(--bk-mute)}
.wfk-book.light .wfk-card{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(40px) saturate(1.3);backdrop-filter:blur(40px) saturate(1.3);border:1px solid rgba(0,0,0,.06);box-shadow:0 30px 80px -20px rgba(24,24,24,.14),0 2px 6px rgba(0,0,0,.03),inset 0 1px 0 #fff}
.wfk-book.light .wfk-card::before{background:linear-gradient(to right,transparent,rgba(0,0,0,.08),transparent)}
.wfk-book.light .wfk-card-h{color:var(--bk-ink)}
.wfk-book.light .wfk-card-sub{color:var(--bk-mute)}
.wfk-book.light .wfk-tabs{background:#F0EFEA;border-color:rgba(0,0,0,.06)}
.wfk-book.light .wfk-tab{color:var(--bk-mute)}
.wfk-book.light .wfk-tab.is-on,.wfk-book.light .wfk-tab:hover{color:var(--bk-ink)}
.wfk-book.light .wfk-tab:focus-visible{outline-color:var(--bk-ink)}
.wfk-book.light .wfk-tab-ind{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08),inset 0 0 0 1px rgba(0,0,0,.05)}
.wfk-book.light .wfk-cal-fb p{color:var(--bk-mute)}
.wfk-book.light .wfk-field label{color:var(--bk-faint)}
.wfk-book.light .wfk-field label i{color:var(--accent)}
.wfk-book.light .wfk-field input,.wfk-book.light .wfk-field textarea{background:#F6F5F0;border-color:rgba(0,0,0,.08);color:var(--bk-ink)}
.wfk-book.light .wfk-field input::placeholder,.wfk-book.light .wfk-field textarea::placeholder{color:rgba(24,24,24,.58)}
html .wfk-book.light .wfk-field input:focus,html .wfk-book.light .wfk-field textarea:focus{border-color:rgba(var(--accent-rgb),.6);background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}
.wfk-book.light .wfk-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #F6F5F0 inset;-webkit-text-fill-color:var(--bk-ink);caret-color:var(--bk-ink)}
.wfk-book.light .wfk-field input[aria-invalid="true"],.wfk-book.light .wfk-field textarea[aria-invalid="true"]{border-color:rgba(214,64,40,.6)}
.wfk-book.light .wfk-submit{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(var(--accent-rgb),.28)}
.wfk-book.light .wfk-submit:hover{box-shadow:0 12px 32px rgba(var(--accent-rgb),.36)}
.wfk-book.light .wfk-notes{color:var(--bk-faint)}
.wfk-book.light .wfk-notes i{background:rgba(0,0,0,.1)}
.wfk-book.light .wfk-msg{color:var(--bk-mute)}
.wfk-book.light .wfk-msg.bad{color:#B43A22}
.wfk-book.light .wfk-done{background:#fff;color:var(--bk-ink)}
.wfk-book.light .wfk-done h4{color:var(--bk-ink)}
.wfk-book.light .wfk-done p{color:var(--bk-mute)}