:root{--pf-ink:       #0A2540;
  --pf-ink-80:    #2A3E57;
  --pf-ink-60:    #55677E;
  --pf-ink-40:    #8A97A8;
  --pf-ink-20:    #C7CED7;
  --pf-ink-10:    #E4E7EC;
  --pf-ink-05:    #F1F2F5;

  --pf-paper:     #F5F1E8;
  --pf-paper-2:   #EDE6D4;
  --pf-white:     #FFFFFF;

  --pf-accent:    #0A2540;       
  --pf-accent-2:  #143A63;
  --pf-accent-soft:#E7ECF3;

  --pf-green:     #2E5E4A;       
  --pf-green-bright:#4A8F6D;
  --pf-amber:     #D89540;
  --pf-amber-text:#A86A1C;       /* amber voor tekst op licht (4,6:1) */       
  --pf-red:       #C94A3F;

  --rule:         1px solid rgba(10,22,40,0.10);
  --rule-soft:    1px solid rgba(10,22,40,0.06);
  --rule-dark:    1px solid rgba(244,241,234,0.12);

  --font-sans:    "Montserrat", -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  --container:    1280px;
  --container-wide:1440px;
  --container-xl: 1560px;

  --shadow-sm:    0 1px 2px rgba(10,22,40,0.04), 0 0 0 1px rgba(10,22,40,0.05);
  --shadow-md:    0 4px 16px -4px rgba(10,22,40,0.08), 0 0 0 1px rgba(10,22,40,0.06);
  --shadow-lg:    0 20px 50px -20px rgba(10,22,40,0.25), 0 0 0 1px rgba(10,22,40,0.06);}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
html, body{margin: 0; padding: 0;
  font-family: var(--font-sans);
  color: var(--pf-ink);
  background: var(--pf-paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;}
img, svg{display: block; max-width: 100%;}
a{color: inherit; text-decoration: none;}
button{font-family: inherit; cursor: pointer; border: 0; background: none; color: inherit; padding: 0;}
p{margin: 0 0 1em;}
.container-wide{max-width: var(--container-wide); margin: 0 auto; padding: 0 32px;}
.eyebrow{font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pf-accent);
  margin: 0;
  display: inline-flex; align-items: center; gap: 10px;}
.eyebrow::before{content:""; width:18px; height:1px; background: currentColor; opacity: .5;}
.h2{font-size: clamp(32px, 3.2vw, 48px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin: 0;
  text-wrap: balance;}
.lead{font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.55;
  color: var(--pf-ink-80);
  max-width: 62ch;
  text-wrap: pretty;}
.body-lg{font-size: 16px; line-height: 1.6; color: var(--pf-ink-80);}
.btn{display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 22px;
  font-size: 14px; font-weight: 600;
  border-radius: 999px;
  transition: all .18s ease;
  white-space: nowrap;
  letter-spacing: -0.005em;}
.btn-primary{background: var(--pf-accent); color: var(--pf-paper);}
.btn-primary:hover{background: #0d2e4e; transform: translateY(-1px); box-shadow: 0 10px 24px -10px rgba(10,37,64,.6);}
.btn-ghost{color: var(--pf-ink); border: 1px solid rgba(10,22,40,0.15); background: transparent;}
.btn-ghost:hover{border-color: var(--pf-accent); background: rgba(10,37,64,0.04);}
.btn-white{background: var(--pf-paper); color: var(--pf-ink);}
.btn-white:hover{background: var(--pf-white);}
.btn-dark-ghost{color: var(--pf-paper); border: 1px solid rgba(244,241,234,0.25);}
.btn-dark-ghost:hover{border-color: var(--pf-paper);}
.btn .arr{transition: transform .18s;}
.btn:hover .arr{transform: translateX(3px);}
.link-arr{display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 600;
  color: var(--pf-accent);}
.link-arr svg{transition: transform .18s;}
.link-arr:hover svg{transform: translateX(3px);}
section{padding: 128px 0;}
.section-head{max-width: 820px; margin-bottom: 64px;}
.section-head .eyebrow{margin-bottom: 20px;}
.section-head .lead{margin-top: 20px;}
.topbar{background: var(--pf-ink);
  color: rgba(244,241,234,0.72);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;}
.topbar .row{display: flex; align-items: center; justify-content: space-between;
  height: 36px;}
.topbar .left{display: flex; gap: 28px; align-items: center;}
.topbar .right{display: flex; gap: 28px;}
.topbar .right a:hover{color: var(--pf-paper);}
.nav{background: var(--pf-paper);
  border-bottom: var(--rule);
  position: sticky; top: 0; z-index: 50;
  -webkit-backdrop-filter: saturate(140%) blur(8px);backdrop-filter: saturate(140%) blur(8px);
  background-color: rgba(246,243,236,0.92);}
.nav .row{display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 72px;
  gap: 48px;}
.menu{list-style: none; margin: 0; padding: 0;
  display: flex; gap: 6px;
  justify-self: center;}
.menu > li{position: relative;}
.menu > li > button, .menu > li > a{display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 14px;
  font-size: 14px; font-weight: 500;
  color: var(--pf-ink-80);
  border-radius: 8px;
  transition: all .15s;}
.menu > li > button:hover, .menu > li > a:hover,
.menu > li.open > button{color: var(--pf-ink); background: rgba(10,22,40,0.05);}
.menu .caret{width: 10px; height: 10px; opacity: 0.5;}
.mega{position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 560px;
  background: var(--pf-white);
  border: var(--rule);
  border-radius: 16px;
  box-shadow: var(--shadow-lg);
  padding: 20px;
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 6px;}
.menu > li.open .mega{display: grid;}
.mega a{display: flex; gap: 14px; padding: 14px;
  border-radius: 10px;
  transition: background .14s;}
.mega a:hover{background: var(--pf-ink-05);}
.mega .t{font-size: 14px; font-weight: 600; color: var(--pf-ink); margin: 0 0 3px;}
.mega .d{font-size: 12px; color: var(--pf-ink-60); line-height: 1.4; margin: 0;}
.nav-actions{display: flex; align-items: center; gap: 14px; justify-self: end;}
.nav-actions .phone{font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--pf-ink-60);}
.nav-actions .phone strong{color: var(--pf-ink); font-weight: 600;}
@keyframes pulse{0% { box-shadow: 0 0 0 0 rgba(74,222,128,.4); }
  70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); }
  100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); }}
@keyframes hvPulse{0%,100% { opacity: 1 } 50% { opacity: 0.5 }}
.metrics{background: var(--pf-paper);
  border-top: var(--rule);
  border-bottom: var(--rule);}
.metrics .wrap{display: grid;
  grid-template-columns: 1.3fr repeat(4, 1fr);
  gap: 0;}
.metrics .head{padding: 56px 48px 56px 0;
  border-right: var(--rule);}
.metrics .head .eyebrow{margin-bottom: 18px;}
.metrics .head h3{font-size: 24px;
  line-height: 1.35;
  letter-spacing: -0.015em;
  font-weight: 600;
  margin: 0;}
.metrics .cell{padding: 56px 36px;
  border-right: var(--rule);
  display: flex; flex-direction: column; gap: 10px;}
.metrics .cell:last-child{border-right: 0;}
.metrics .cell .n{font-size: 44px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: var(--pf-ink);
  font-variant-numeric: tabular-nums;}
.metrics .cell .n .unit{font-size: 0.5em; opacity: 0.55; margin-left: 2px; font-weight: 600;}
.metrics .cell .delta{font-family: var(--font-mono);
  font-size: 11px;
  color: var(--pf-green);
  letter-spacing: 0.06em;}
.metrics .cell .delta.neutral{color: var(--pf-ink-60);}
.metrics .cell .l{font-size: 13px; color: var(--pf-ink-60);
  line-height: 1.4;
  margin-top: 4px;}
.map{position: relative;
  aspect-ratio: 1/1;
  background: var(--pf-paper);
  border: var(--rule);
  border-radius: 18px;
  overflow: hidden;}
.map svg{position: absolute; inset: 0; width: 100%; height: 100%;}
@keyframes mapPulse{0% { box-shadow: 0 0 0 0 rgba(232,163,61,.5); }
  80% { box-shadow: 0 0 0 18px rgba(232,163,61,0); }
  100% { box-shadow: 0 0 0 0 rgba(232,163,61,0); }}
.cta-band{background: var(--pf-ink);
  color: var(--pf-paper);
  position: relative;
  overflow: hidden;}
.cta-band::before{content: ""; position: absolute; inset: 0;
  background-image:
    radial-gradient(circle at 20% 100%, rgba(232,163,61,0.15), transparent 50%),
    radial-gradient(circle at 80% 0%, rgba(74,143,109,0.1), transparent 50%);}
.cta-band .wrap{position: relative; display: grid; grid-template-columns: 1.3fr 1fr; gap: 72px; align-items: end;}
.cta-band h2{color: var(--pf-paper);}
.cta-band .lead{color: rgba(244,241,234,0.78); font-size: 17px; margin-top: 18px;}
.cta-band .actions{display: flex; gap: 14px; margin-top: 32px;}
.cta-band .contact-card{background: rgba(244,241,234,0.05);
  border: 1px solid rgba(244,241,234,0.12);
  border-radius: 16px;
  padding: 28px;}
.cta-band .contact-card .lbl{font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(244,241,234,0.5);}
.cta-band .contact-card .vl{font-size: 18px; font-weight: 600; color: var(--pf-paper); margin: 6px 0 0; letter-spacing: -0.01em;}
.cta-band .contact-card hr{border: 0; border-top: 1px solid rgba(244,241,234,0.12); margin: 20px 0;}
.cta-band .contact-card .n{font-size: 14px; font-weight: 600; color: var(--pf-paper);}
.cta-band .contact-card .r{font-size: 12px; color: rgba(244,241,234,0.65);}
.footer{background: var(--pf-ink); color: rgba(244,241,234,0.7); padding: 80px 0 40px; border-top: 1px solid rgba(244,241,234,0.08);}
.footer .top{display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  gap: 40px;
  padding-bottom: 48px;}
.footer .brand-col .about{font-size: 13px; line-height: 1.55; margin: 20px 0; color: rgba(244,241,234,0.6); max-width: 32ch;}
.footer .brand-col .addr{font-size: 12px; line-height: 1.5; color: rgba(244,241,234,0.5); font-family: var(--font-mono); letter-spacing: 0.02em;}
.footer h5,.footer .fh{color: var(--pf-paper); font-size: 12px; font-weight: 600; margin: 0 0 20px; letter-spacing: 0.04em; text-transform: uppercase; font-family: var(--font-mono);}
.footer ul{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.footer ul a{font-size: 13px; color: rgba(244,241,234,0.6);}
.footer ul a:hover{color: var(--pf-paper);}
.footer .bot{display: flex; justify-content: space-between; align-items: center;
  padding-top: 28px;
  border-top: 1px solid rgba(244,241,234,0.1);
  font-size: 12px;
  color: rgba(244,241,234,0.5);
  font-family: var(--font-mono);
  letter-spacing: 0.04em;}
.footer .socials{display: flex; gap: 12px;}
.footer .socials a{width: 32px; height: 32px; border-radius: 50%;
  background: rgba(244,241,234,0.06);
  display: inline-flex; align-items: center; justify-content: center;
  color: rgba(244,241,234,0.7);
  transition: background .15s;}
.footer .socials a:hover{background: var(--pf-amber); color: var(--pf-ink);}
@media (max-width: 1100px){.metrics .wrap{grid-template-columns: 1fr 1fr;}
.metrics .head{border-right: 0; border-bottom: var(--rule);}
.cta-band .wrap{grid-template-columns: 1fr;}
.footer .top{grid-template-columns: 1fr 1fr;}
.menu{display: none;}
}

/* ===== EcomFeed-componenten ===== */
h1 em,h2 em,h3 em,.h1 em,.h2 em,.h3 em{font-style:italic;font-weight:600}
a:hover{color:inherit}
.wd{display:inline-block;vertical-align:bottom;clip-path:inset(-.4em -.6em 0 -.6em)}
.wd>i{display:inline-block;font-style:inherit;font-weight:inherit;color:inherit;transform:translateY(108%);transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.wd.up>i{transform:none}
.cw{opacity:0;transition:opacity .55s ease}
.cw>i{transform:none;transition:none}
.cw.up{opacity:1}
.clip .im{clip-path:inset(22% 0 0 0);transition:clip-path 1s cubic-bezier(.16,.84,.3,1)}
.clip.in .im{clip-path:inset(0 0 0 0)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
.stg>*{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
.stg.in>*{opacity:1;transform:none}
.stg.in>*:nth-child(2){transition-delay:.07s}
.stg.in>*:nth-child(3){transition-delay:.14s}
.stg.in>*:nth-child(4){transition-delay:.21s}
.stg.in>*:nth-child(5){transition-delay:.28s}
.stg.in>*:nth-child(6){transition-delay:.35s}
.stg.in>*:nth-child(7){transition-delay:.42s}
.stg.in>*:nth-child(8){transition-delay:.49s}
.prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--pf-amber);z-index:200;transition:width .1s linear}
@media(prefers-reduced-motion:reduce){.reveal,.stg>*{opacity:1;transform:none;transition:none}
.wd>i{transform:none}
.cw{opacity:1}
.clip .im{clip-path:none}
}
.wm{display:inline-flex;align-items:center;gap:10px;color:var(--pf-ink);text-decoration:none}
.wm .mk{width:26px;height:26px;border-radius:6px;background:var(--pf-ink);position:relative;flex:0 0 auto;overflow:hidden}
.wm .mk::before,.wm .mk::after{content:"";position:absolute;left:6px;right:6px;height:2px;background:var(--pf-paper);border-radius:1px}
.wm .mk::before{top:8px}
.wm .mk::after{bottom:8px;right:12px;transition:right .3s cubic-bezier(.2,.7,.3,1)}
.wm:hover .mk::after{right:6px}
.wm .tx{font-size:19px;font-weight:800;letter-spacing:-.035em;line-height:1}
.wm .tx i{font-style:normal;font-weight:500;color:var(--pf-ink-60)}
.footer .wm{color:var(--pf-paper)}
.footer .wm .mk{background:var(--pf-paper)}
.footer .wm .mk::before,.footer .wm .mk::after{background:var(--pf-ink)}
.footer .wm .tx i{color:rgba(244,241,234,.55)}
.menu>li>a,.menu>li>button{position:relative}
.menu>li>a::after,.menu>li>button::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;background:var(--pf-amber);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.menu>li:hover>a::after,.menu>li:hover>button::after,.menu>li.open>button::after{transform:scaleX(1)}
.mega.wide{min-width:1040px;grid-template-columns:1.05fr 1fr 1fr .95fr;gap:0;padding:0;left:0;transform:none}
.mega.wide .mcol{padding:24px 22px}
.mega.wide .mcol+.mcol{border-left:var(--rule-soft)}
.mega.wide .mcol:last-child{background:var(--pf-paper)}
.mega .col-h{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60);padding:0 0 12px;margin-bottom:6px;border-bottom:var(--rule-soft)}
.mega a{padding:10px 12px;margin:0 -12px;align-items:flex-start}
.mega .code{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--pf-accent);background:var(--pf-ink-05);border-radius:5px;padding:4px 5px;min-width:32px;text-align:center;flex:0 0 auto;margin-top:1px;transition:background .16s,color .16s}
.mega a:hover .code{background:var(--pf-accent);color:var(--pf-paper)}
.mega.trio{min-width:600px;grid-template-columns:1fr 1fr;padding:22px}
.mega .foot{grid-column:1/-1;border-top:var(--rule-soft);padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--pf-paper);border-radius:0 0 16px 16px}
.mega .foot .t{font-size:12px;color:var(--pf-ink-60)}
.ehero{background:var(--pf-paper);padding:0;position:relative;overflow:hidden}
.ehero::before{content:"";position:absolute;top:-30%;right:-10%;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,rgba(216,149,64,.14),transparent 62%);pointer-events:none;animation:drift 22s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-6%,5%) scale(1.12)}}
.ehero .top{padding-top:72px;position:relative}
.ehero h1{font-size:clamp(40px,5.2vw,78px);line-height:1.02;letter-spacing:-.042em;font-weight:700;margin:0;max-width:20ch;text-wrap:balance}
.ehero h1 em{color:var(--pf-ink-60)}
.ehero .cols{display:grid;grid-template-columns:1.15fr 1fr;gap:68px;align-items:start;margin-top:60px;padding-bottom:54px}
.ehero .def{border-left:2px solid var(--pf-amber);padding-left:24px}
.ehero .def .lb{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60);margin-bottom:12px}
.ehero .def p{font-size:16px;line-height:1.65;color:var(--pf-ink-80);margin:0;text-wrap:pretty}
.ehero .def p strong{color:var(--pf-ink);font-weight:700}
.ehero .acts{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.ehero .shot{border-radius:18px;overflow:hidden;border:var(--rule);aspect-ratio:4/3;position:relative;box-shadow:var(--shadow-lg);will-change:transform}
.ehero .shot .im{position:absolute;inset:-8%;background-size:cover;background-position:center;will-change:transform}
.ehero .shot .cap{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;background:linear-gradient(0deg,rgba(10,37,64,.92),transparent);color:var(--pf-paper);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;z-index:1}
.ehero .stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:var(--rule);border-bottom:var(--rule);position:relative}
.ehero .stats .s{padding:32px 22px 34px 0;border-right:var(--rule)}
.ehero .stats .s:not(:first-child){padding-left:26px}
.ehero .stats .s:last-child{border-right:0}
.ehero .stats .n{font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.ehero .stats .l{font-size:12px;color:var(--pf-ink-60);margin-top:12px;line-height:1.45}
@keyframes tickmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stmt{background:var(--pf-ink);color:var(--pf-paper);padding:0;position:relative;overflow:hidden}
.stmt::before{content:"";position:absolute;top:0;left:50%;width:70%;height:60%;background:radial-gradient(ellipse at top,rgba(216,149,64,.13),transparent 62%);pointer-events:none}
.stmt .wrap{position:relative;padding-top:104px;display:grid;grid-template-columns:200px 1fr;gap:64px;align-items:start}
.stmt .eyebrow{color:rgba(244,241,234,.55)}
.stmt .eyebrow::before{background:rgba(244,241,234,.3)}
.stmt .lead-in{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:rgba(244,241,234,.55);margin-bottom:18px}
.stmt h2{font-size:clamp(28px,3.2vw,48px);line-height:1.14;letter-spacing:-.03em;font-weight:700;color:var(--pf-paper);margin:0;text-wrap:pretty}
.stmt h2 em{color:var(--pf-amber)}
.stmt .sub{margin-top:26px;color:rgba(244,241,234,.66);font-size:16px;line-height:1.65;max-width:66ch}
.parx{margin-top:80px;height:420px;overflow:hidden;position:relative}
.parx .im{position:absolute;inset:-14% 0;background-size:cover;background-position:center;will-change:transform}
.chain{background:var(--pf-paper);border-top:var(--rule);position:relative}
.chain .line{position:absolute;left:0;right:0;top:0;height:2px;background:rgba(10,22,40,.08)}
.chain .line i{display:block;height:100%;width:0;background:var(--pf-amber);transition:width .2s linear}
.chain .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(10,22,40,.1);border:var(--rule);border-radius:16px;overflow:hidden;margin-top:52px}
.cstep{background:var(--pf-white);padding:28px 24px 26px;display:flex;flex-direction:column;gap:12px;position:relative;transition:background .2s;overflow:hidden}
.cstep::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--pf-amber);transition:width .45s cubic-bezier(.16,.84,.3,1)}
.cstep:hover::after{width:100%}
.cstep:hover{background:var(--pf-ink);color:var(--pf-paper)}
.cstep:hover .n,.cstep:hover .d{color:rgba(244,241,234,.7)}
.cstep:hover .fl{color:var(--pf-amber)}
.cstep .n{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--pf-ink-60);transition:color .2s}
.cstep .fl{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-green);transition:color .2s}
.cstep .t{font-size:16px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.cstep .d{font-size:12.5px;color:var(--pf-ink-60);line-height:1.5;transition:color .2s}
.feeds{background:var(--pf-white)}
.feeds .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(10,22,40,.1);border:var(--rule);border-radius:16px;overflow:hidden;margin-top:52px}
.feed{background:var(--pf-white);padding:34px 28px 30px;display:flex;flex-direction:column;transition:background .18s;position:relative;overflow:hidden}
.feed::after{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--pf-amber);transition:height .5s cubic-bezier(.16,.84,.3,1)}
.feed:hover::after{height:100%}
.feed:hover{background:var(--pf-ink-05)}
.feed .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--pf-ink-60);margin-bottom:30px}
.feed .num b{color:var(--pf-accent);font-weight:600}
.feed h3{font-size:20px;line-height:1.15;letter-spacing:-.02em;font-weight:700;margin:0 0 12px}
.feed>p{font-size:13.5px;color:var(--pf-ink-60);line-height:1.6;margin:0 0 22px;flex:1}
.feed ul{list-style:none;margin:0 0 24px;padding:0}
.feed ul li{font-size:12.5px;color:var(--pf-ink-80);padding:9px 0;border-top:var(--rule-soft);display:flex;gap:10px;align-items:baseline}
.feed ul li::before{content:"";width:5px;height:5px;background:var(--pf-amber);border-radius:1px;transform:rotate(45deg);flex:0 0 auto;position:relative;top:-1px}
.feed .link-arr{margin-top:auto}
.how{background:var(--pf-paper-2);padding:84px 0;border-top:var(--rule)}
.how .wrap{display:block}
.how .wrap>div:first-child{margin-bottom:30px}
.how .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500}
.how p{font-size:clamp(20px,2.1vw,30px);line-height:1.35;letter-spacing:-.02em;font-weight:500;margin:0;text-wrap:pretty;max-width:34ch}
.how p em{color:var(--pf-accent)}
.how .cta{margin-top:28px}
.crail{background:var(--pf-white)}
.crail .bar{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.crail .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.foot-eu{background:var(--pf-ink);color:var(--pf-paper);padding:0}
.foot-eu .wrap{padding-top:80px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.foot-eu .eyebrow{color:rgba(244,241,234,.55)}
.foot-eu .eyebrow::before{background:rgba(244,241,234,.3)}
.foot-eu h2{color:var(--pf-paper);margin-top:18px}
.foot-eu h2 em{color:var(--pf-amber)}
.foot-eu p{color:rgba(244,241,234,.68);font-size:16px;line-height:1.65;margin-top:20px}
.eu-list{border-top:1px solid rgba(244,241,234,.14)}
.eu-list .r{display:grid;grid-template-columns:180px 1fr auto;gap:22px;padding:18px 0;border-bottom:1px solid rgba(244,241,234,.1);align-items:baseline;transition:padding-left .25s}
.eu-list .r:hover{padding-left:8px}
.eu-list .city{font-size:15px;font-weight:600;color:var(--pf-paper);letter-spacing:-.01em}
.eu-list .role{font-size:13px;color:rgba(244,241,234,.6)}
.eu-list .m{font-family:var(--font-mono);font-size:12px;color:var(--pf-amber);letter-spacing:.04em}
.nl{background:var(--pf-paper-2);padding:84px 0;border-top:var(--rule)}
.nl .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center}
.nl h2 em{color:var(--pf-ink-60)}
.nl form{display:flex;flex-direction:column;gap:12px}
.nl input{flex:1;min-width:0;padding:15px 18px;border-radius:999px;border:1px solid rgba(10,22,40,.18);background:var(--pf-white);color:var(--pf-ink);font-family:inherit;font-size:14px}
.nl input::placeholder{color:var(--pf-ink-60)}
.nl input:focus{border-color:var(--pf-accent)}
.phero{background:var(--pf-ink);color:var(--pf-paper);padding:0;position:relative;overflow:hidden}
.phero .ph{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.6)}
.phero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(10,37,64,.97),rgba(10,37,64,.68))}
.phero .crumb{position:relative;padding-top:26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,234,.45)}
.phero .crumb a:hover{color:var(--pf-paper)}
.phero .inner{position:relative;padding:46px 0 74px;max-width:840px}
.phero .eyebrow{color:rgba(244,241,234,.62)}
.phero .eyebrow::before{background:rgba(244,241,234,.4)}
.phero h1{color:var(--pf-paper);margin:20px 0 0;font-size:clamp(34px,3.9vw,56px);line-height:1.06;letter-spacing:-.035em;font-weight:700;text-wrap:balance;max-width:24ch}
.phero h1 em{color:var(--pf-amber)}
.phero p{color:rgba(244,241,234,.76);font-size:18px;line-height:1.55;margin-top:20px;max-width:56ch}
.phero .acts{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.phero .kpis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(244,241,234,.16)}
.phero .kpis div{padding:28px 22px 34px 0;border-right:1px solid rgba(244,241,234,.1)}
.phero .kpis div:not(:first-child){padding-left:26px}
.phero .kpis div:last-child{border-right:0}
.phero .kpis .n{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.phero .kpis .l{font-size:12px;color:rgba(244,241,234,.6);margin-top:10px;line-height:1.4}
.frows{background:var(--pf-white)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding:72px 0;border-top:var(--rule)}
.frow:nth-child(even) .fart{order:-1}
.frow h3{font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.028em;font-weight:700;margin:16px 0}
.frow ul{list-style:none;margin:24px 0 0;padding:0}
.frow ul li{font-size:14px;color:var(--pf-ink-80);padding:13px 0;border-top:var(--rule-soft);display:flex;gap:14px;align-items:baseline}
.frow ul li b{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--pf-amber-text);min-width:24px;flex:0 0 auto}
.fart{aspect-ratio:4/3;border-radius:18px;overflow:hidden;border:var(--rule);position:relative}
.fart .im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.frow:hover .fart .im{transform:scale(1.04)}
.specs{background:var(--pf-paper-2)}
.spectbl{background:var(--pf-white);border:var(--rule);border-radius:16px;overflow:hidden;margin-top:40px}
.spectbl .r{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:20px 28px;border-top:var(--rule-soft);align-items:baseline;transition:background .16s}
.spectbl .r:hover{background:var(--pf-ink-05)}
.spectbl .r:first-child{border-top:0}
.spectbl .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-ink-60)}
.spectbl .v{font-size:14px;color:var(--pf-ink);line-height:1.55}
.cta-band::before{display:none}
.gal{background:var(--pf-white);border-top:var(--rule)}
.gal .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px;margin-top:48px}
.gal .g{position:relative;border-radius:16px;overflow:hidden;border:var(--rule)}
.gal .g.a{grid-column:span 2;grid-row:span 2}
.gal .g .im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.gal .g:hover .im{transform:scale(1.05)}
.gal .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(0deg,rgba(10,37,64,.9),transparent);color:var(--pf-paper);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1100px){.gal .grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px}
}
@media(max-width:680px){.gal .grid{grid-template-columns:1fr}
.gal .g.a{grid-column:span 1;grid-row:span 1}
}
.partners{background:var(--pf-paper);padding:64px 0;border-bottom:var(--rule)}
.partners .ph{display:flex;justify-content:space-between;align-items:baseline;gap:40px;margin-bottom:28px}
.partners .ph .d{font-size:14px;color:var(--pf-ink-60);margin:0;max-width:48ch}
.partners .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(10,22,40,.1);border:var(--rule);border-radius:16px;overflow:hidden}
.pc{background:var(--pf-white);padding:24px 24px 22px;transition:background .18s;position:relative}
.pc:hover{background:var(--pf-ink-05)}
.pc.lead-co{background:var(--pf-ink);color:var(--pf-paper)}
.pc.lead-co:hover{background:var(--pf-ink)}
.pc.lead-co .rl{color:var(--pf-amber)}
.pc.lead-co .ad{color:rgba(244,241,234,.66)}
.pc .rl{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-green);margin-bottom:12px}
.pc .nm{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.pc .nm .cn{font-family:"Noto Sans SC",var(--font-sans);font-weight:500;font-size:14px;color:inherit;opacity:.7;margin-left:6px}
.pc .ad{font-size:12.5px;color:var(--pf-ink-60);line-height:1.55;margin-top:10px}
@media(max-width:1100px){.partners .grid{grid-template-columns:1fr 1fr}
.partners .ph{flex-direction:column;gap:10px}
}
@media(max-width:680px){.partners .grid{grid-template-columns:1fr}
}
.paths{background:var(--pf-white);border-bottom:var(--rule)}
.paths .grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(10,22,40,.1);border:var(--rule);border-radius:16px;overflow:hidden;margin-top:48px}
.path{background:var(--pf-white);padding:38px 34px 34px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .2s}
.path:hover{background:var(--pf-ink-05)}
.path::after{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--pf-amber);transition:height .5s cubic-bezier(.16,.84,.3,1)}
.path:hover::after{height:100%}
.path .dir{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60);display:flex;align-items:center;gap:10px;margin-bottom:26px}
.path .dir b{color:var(--pf-accent);font-weight:600}
.path .dir svg{color:var(--pf-amber);flex:0 0 auto}
.path .who{font-size:13px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--pf-green);margin-bottom:12px}
.path h3{font-size:clamp(21px,1.9vw,27px);line-height:1.18;letter-spacing:-.025em;font-weight:700;margin:0 0 14px;text-wrap:pretty}
.path>p{font-size:14.5px;color:var(--pf-ink-60);line-height:1.62;margin:0 0 26px;flex:1}
.path .need{list-style:none;margin:0 0 28px;padding:0}
.path .need li{font-size:13px;color:var(--pf-ink-80);padding:10px 0;border-top:var(--rule-soft);display:flex;gap:12px;align-items:baseline}
.path .need li b{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--pf-amber-text);flex:0 0 auto;min-width:20px}
.path .go{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.path .cn{font-family:"Noto Sans SC",var(--font-sans);font-size:13px;color:var(--pf-ink-60)}
.dirsw{display:inline-flex;padding:4px;background:var(--pf-ink-05);border:var(--rule);border-radius:999px;margin-top:30px;gap:4px}
.dirsw button{appearance:none;border:0;background:transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-ink-60);padding:11px 20px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.dirsw button:hover{color:var(--pf-ink)}
.dirsw button[aria-selected="true"]{background:var(--pf-ink);color:var(--pf-paper)}
.chain .steps[hidden]{display:none}
.chain .swnote{font-size:13px;color:var(--pf-ink-60);margin:16px 0 0;max-width:64ch;line-height:1.55}
.chans{background:var(--pf-paper-2);border-top:var(--rule)}
.chans .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(10,22,40,.1);border:var(--rule);border-radius:16px;overflow:hidden;margin-top:48px}
.chn{background:var(--pf-white);padding:26px 24px 24px;transition:background .18s}
.chn:hover{background:var(--pf-ink-05)}
.chn .hd{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px}
.chn .nm{font-size:17px;font-weight:700;letter-spacing:-.02em}
.chn .mk{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-ink-60);white-space:nowrap}
.chn .d{font-size:13px;color:var(--pf-ink-60);line-height:1.55;margin:0 0 16px}
.chn .req{padding-top:14px;border-top:var(--rule-soft);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--pf-ink-80);line-height:1.6}
.chn .req span{color:var(--pf-amber)}
.barr{background:var(--pf-ink);color:var(--pf-paper)}
.barr .eyebrow{color:rgba(244,241,234,.55)}
.barr .eyebrow::before{background:rgba(244,241,234,.3)}
.barr h2{color:var(--pf-paper)}
.barr h2 em{color:var(--pf-amber)}
.barr .lead{color:rgba(244,241,234,.68)}
.barr .grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:52px;border-top:1px solid rgba(244,241,234,.14)}
.brow{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:22px 30px 22px 0;border-bottom:1px solid rgba(244,241,234,.1);align-items:start}
.barr .grid>.brow:nth-child(even){padding-left:34px;border-left:1px solid rgba(244,241,234,.1)}
.brow .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--pf-amber-text);padding-top:3px}
.brow .t{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--pf-paper)}
.brow .d{font-size:13px;color:rgba(244,241,234,.62);line-height:1.55;margin-top:6px}
.brow .cn{font-family:"Noto Sans SC",var(--font-sans);font-size:12.5px;color:rgba(216,149,64,.85);margin-top:8px}
.zh{font-family:"Noto Sans SC",var(--font-sans)}
.zh h1,.zh h2,.zh h3,.zh .h2{letter-spacing:-.01em;line-break:strict;overflow-wrap:normal;word-break:normal}
.zh p,.zh .lead,.zh .d,.zh li{line-break:strict}
.zh .eyebrow,.zh .meta-mono,.zh .dirsw button{letter-spacing:.1em}
.zh .phero h1{max-width:22ch;line-height:1.24;font-size:clamp(30px,3.2vw,46px)}
.zh .phero .inner{max-width:760px}
.zh .wd{clip-path:inset(-.25em 0 0 0)}
.zh .lead,.zh .phero p{text-wrap:pretty}
.zh .frow ul li b,.zh .brow .n,.zh .chn .req,.zh .cstep .n,.zh .feed .num{font-family:var(--font-mono)}
.zh .lat{font-family:var(--font-sans)}
@media(max-width:1100px){.paths .grid,.barr .grid{grid-template-columns:1fr}
.barr .grid>.brow:nth-child(even){padding-left:0;border-left:0}
.chans .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){.chans .grid{grid-template-columns:1fr}
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pf-amber);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:16px;top:-60px;z-index:300;padding:10px 16px;background:var(--pf-ink);color:var(--pf-paper);border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
.pc .rl{color:#245040;font-size:10.5px}
.nav-toggle{display:none;appearance:none;border:var(--rule);background:var(--pf-white);width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}
.nav-toggle i{display:block;width:18px;height:2px;background:var(--pf-ink);border-radius:1px;transition:transform .25s,opacity .2s}
body.menu-open .nav-toggle i:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .nav-toggle i:nth-child(2){opacity:0}
body.menu-open .nav-toggle i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){.nav .row{grid-template-columns:auto 1fr auto auto;gap:12px}
.nav-toggle{display:inline-flex}
.nav-actions .phone{display:none}
.nav .menu{display:none}
body.menu-open .menu.mob{display:flex!important;position:fixed;inset:0;width:100%;max-width:none;height:100%;z-index:240;background:var(--pf-paper)!important;flex-direction:column;gap:0;padding:96px 24px 32px;overflow-y:auto;margin:0;list-style:none;box-sizing:border-box}
body.menu-open .nav{position:relative;z-index:260}
body.menu-open{overflow:hidden}
.menu.mob>li{border-top:var(--rule-soft)}
.menu.mob>li>a,.menu.mob>li>button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:18px 4px;font-size:18px;font-weight:600;letter-spacing:-.015em;background:none;border:0;color:var(--pf-ink);text-align:left;min-height:44px;font-family:inherit;cursor:pointer}
.menu.mob>li>a::after,.menu.mob>li>button::after{display:none}
.menu.mob .mega{position:static;transform:none;min-width:0;display:none;grid-template-columns:1fr;gap:0;padding:0 0 12px;border:0;box-shadow:none;background:transparent;border-radius:0;opacity:1;pointer-events:auto;visibility:visible}
.menu.mob li.open .mega{display:grid}
.menu.mob .mega.wide .mcol{padding:8px 0 14px;border:0!important;background:transparent}
.menu.mob .mega .col-h{padding:10px 0 8px;border-bottom:0}
.menu.mob .mega a{margin:0;padding:12px 4px;min-height:44px}
.menu.mob .mega .foot{display:none}
.menu.mob .caret{transition:transform .2s;width:14px;height:14px;opacity:.7}
.menu.mob li.open .caret{transform:rotate(180deg)}
.topbar .right a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:1240px){.mega.wide{min-width:720px;grid-template-columns:1fr 1fr}
.mega.wide .mcol:nth-child(3){border-left:0}
}
@media(max-width:1100px){.ehero .cols,.stmt .wrap,.vquote .wrap,.nl .wrap,.frow,.foot-eu .wrap{grid-template-columns:1fr;gap:36px}
.ehero .stats{grid-template-columns:repeat(2,1fr)}
.ehero .stats .s{border-bottom:var(--rule)}
.chain .steps{grid-template-columns:1fr 1fr}
.feeds .grid{grid-template-columns:1fr 1fr}
.crail .grid,.mkt .grid{grid-template-columns:1fr}
.frow:nth-child(even) .fart{order:0}
.phero .kpis{grid-template-columns:repeat(2,1fr)}
.spectbl .r{grid-template-columns:1fr;gap:8px}
.parx{height:280px}
}
@media(max-width:680px){.chain .steps,.feeds .grid{grid-template-columns:1fr}
}
.footer .addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(244,241,234,.12);max-width:520px}
.footer .addr-grid .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color: rgba(244,241,234,0.62);margin-bottom:8px}
.footer .addr-grid .v{font-family:var(--font-sans);font-size:13px;line-height:1.6;color:rgba(244,241,234,.78)}
.footer .addr-grid a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(244,241,234,.2);transition:border-color .16s}
.footer .addr-grid a:hover{border-color:var(--pf-amber);color:var(--pf-paper)}
.footer .addr-grid.lat .k{font-family:"Noto Sans SC",var(--font-sans);letter-spacing:.08em}
@media(max-width:680px){.footer .addr-grid{grid-template-columns:1fr}
}
.topbar .right a.on{color:var(--pf-paper);font-weight:700;border-bottom:1.5px solid var(--pf-amber)}
.faq{background:var(--pf-white);border-top:var(--rule)}
.faq .wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:start}
.faq .wrap>div:first-child{position:sticky;top:110px}
.faq .lst{border-top:var(--rule)}
.faq details{border-bottom:var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:var(--rule);position:relative;transition:transform .25s,background .2s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:12px;height:1.5px;background:var(--pf-ink)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{transform:rotate(45deg);background:var(--pf-ink-05)}
.faq details p{margin:0 0 24px;font-size:15px;line-height:1.65;color:var(--pf-ink-80);max-width:64ch}
.faq .src{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--pf-ink-60);margin-top:22px}
@media(max-width:1100px){.faq .wrap{grid-template-columns:1fr;gap:28px}
.faq .wrap>div:first-child{position:static}
}
.h3-look{font-size:22px;letter-spacing:-.02em;font-weight:600;line-height:1.3;margin:0}
.metrics .head .h3-look{color:inherit}
.cform .consent{grid-column:1/-1;font-size:12px;color:var(--pf-ink-60);margin:0;line-height:1.5}
.cform .consent a{text-decoration:underline}
.cform .sent{border:var(--rule);border-radius:14px;background:var(--pf-white);padding:32px 30px;outline:0}
.cform .sent .t{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.cform .sent p{margin:0;color:var(--pf-ink-60);line-height:1.6}
.legal-page{background:var(--pf-white)}
.legal-page .wrap{max-width:760px}
.legal-page h2{font-size:20px;letter-spacing:-.02em;margin:40px 0 10px}
.legal-page p,.legal-page li{font-size:15px;line-height:1.7;color:var(--pf-ink-80)}
.legal-page .upd{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--pf-ink-60);margin-bottom:28px}
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:300;display:flex;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.ck.on{opacity:1;transform:none;pointer-events:auto}
.ck-in{max-width:880px;width:100%;background:var(--pf-white);border:var(--rule);border-radius:16px;box-shadow:var(--shadow-lg);padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.ck-t{font-size:15px;font-weight:700;letter-spacing:-.015em;margin-bottom:4px}
.ck-d{margin:0;font-size:13px;line-height:1.55;color:var(--pf-ink-80);max-width:62ch}
.ck-d a{text-decoration:underline}
.ck-a{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.ck-in{grid-template-columns:1fr}
.ck-a{justify-content:stretch}
.ck-a .btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.ck{transition:none}
}
.cktbl{margin:14px 0 8px;border:var(--rule);border-radius:12px;overflow:auto;background:var(--pf-white)}
.cktbl table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.cktbl th{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-ink-60);text-align:left;padding:10px 14px;background:var(--pf-paper);border-bottom:var(--rule)}
.cktbl td{padding:11px 14px;border-bottom:var(--rule-soft);vertical-align:top;color:var(--pf-ink-80);line-height:1.5}
.cktbl tr:last-child td{border-bottom:0}
.cktbl td:first-child{font-family:var(--font-mono);font-size:12px;color:var(--pf-ink)}

/* ===== Contactpagina ===== */
.cform{background:var(--pf-paper)}
.cform .wrap{display:grid;grid-template-columns:1.2fr .85fr;gap:68px;align-items:start}
.cform .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cform .f{display:flex;flex-direction:column;gap:8px}
.cform .f.full{grid-column:1/-1}
.cform label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60)}
.cform input,.cform select,.cform textarea{padding:14px 16px;border:1px solid rgba(10,22,40,.16);border-radius:10px;background:var(--pf-white);font-family:inherit;font-size:14px;color:var(--pf-ink)}
.cform textarea{min-height:120px;resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--pf-accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(10,22,40,.16);border-radius:999px;background:var(--pf-white);font-family:var(--font-sans);font-size:13px;letter-spacing:0;text-transform:none;color:var(--pf-ink-80);cursor:pointer;transition:border-color .16s,background .16s}
.chips label:hover{border-color:var(--pf-accent)}
.chips input{appearance:none;width:14px;height:14px;border:1px solid rgba(10,22,40,.3);border-radius:4px;padding:0;margin:0;flex:0 0 auto}
.chips input:checked{background:var(--pf-accent);border-color:var(--pf-accent)}
.chips input:checked+span{font-weight:600;color:var(--pf-ink)}
.cform .sub{grid-column:1/-1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:8px}
.cform .note{font-size:12px;color:var(--pf-ink-60)}
.aside{border:var(--rule);border-radius:18px;background:var(--pf-white);overflow:hidden}
.aside .hd{padding:24px 26px;border-bottom:var(--rule-soft)}
.aside .hd .t{font-size:16px;font-weight:700;letter-spacing:-.015em}
.aside .hd .d{font-size:13px;color:var(--pf-ink-60);margin-top:6px;line-height:1.5}
.aside .steps{list-style:none;margin:0;padding:0}
.aside .steps li{display:flex;gap:16px;padding:18px 26px;border-bottom:var(--rule-soft);font-size:13px;color:var(--pf-ink-80);line-height:1.5}
.aside .steps li b{font-family:var(--font-mono);font-size:11px;color:var(--pf-amber-text);flex:0 0 auto}
.aside .con{padding:24px 26px;display:grid;gap:18px}
.aside .con .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60)}
.aside .con .v{font-size:15px;font-weight:600;margin-top:4px}
.locs{background:var(--pf-white);border-top:var(--rule)}
.locs .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px}
.loc{border:var(--rule);border-radius:18px;overflow:hidden;background:var(--pf-paper)}
.loc .art{aspect-ratio:16/9;position:relative;overflow:hidden}
.loc .art .im{position:absolute;inset:0;background-size:cover;background-position:center}
.loc .art .tag{position:absolute;top:16px;left:16px;z-index:1;padding:6px 12px;background:rgba(245,241,232,.94);border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-accent);font-weight:600}
.loc .bd{padding:24px 26px 26px}
.loc h3{font-size:19px;letter-spacing:-.02em;font-weight:700;margin:0 0 10px}
.loc p{font-size:14px;color:var(--pf-ink-60);line-height:1.6;margin:0}
.loc .dl{margin-top:18px;padding-top:16px;border-top:var(--rule-soft);font-family:var(--font-mono);font-size:12px;color:var(--pf-ink-80);line-height:1.8;letter-spacing:.02em}
@media(max-width:1100px){.cform .wrap,.cform .fields,.locs .grid{grid-template-columns:1fr;gap:36px}.cform .fields{gap:18px}}

/* ===== Fase 1 — pre-launch fixes (5 sept 2026) ===== */
/* P2-08: smooth scroll respecteert reduced-motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* P1-03: foto's zijn nu <img> in dezelfde vlakken (object-fit i.p.v. background-size) */
img.im,img.ph{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/* pseudo-elementen werken niet op <img>: overlay van de pijler-hero naar de sectie zelf */
.phero img.ph{z-index:0}
.phero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(96deg,rgba(10,37,64,.97),rgba(10,37,64,.68))}
.phero>.container-wide{position:relative;z-index:2}
.ehero .shot img.im{width:116%;height:116%;max-width:none}
.parx img.im{height:128%;max-width:none}
/* P0-02: smalle telefoons — header past niet met CTA + hamburger + wordmark */
html,body{overflow-x:clip}
@media(max-width:560px){
.container-wide,.container{padding:0 20px}
.nav-actions .btn{padding:10px 14px;font-size:12px}
.nav-actions .btn .arr{display:none}
.metrics .wrap{grid-template-columns:1fr}
.metrics .cell{min-width:0;border-right:0;border-bottom:var(--rule)}
.metrics .cell:last-child{border-bottom:0}
.foot-eu .wrap>*,.stmt .wrap>*,.ehero .cols>*,.section-head{min-width:0}
.eu-list .r{grid-template-columns:1fr auto;gap:6px 16px}
.eu-list .role{grid-column:1/-1}
.eyebrow{flex-wrap:wrap}
.phero .kpis div{min-width:0;padding-right:12px}
.phero .kpis div:not(:first-child){padding-left:14px}
.phero .kpis .l{overflow-wrap:anywhere}
.chn{min-width:0}.chn .hd{flex-wrap:wrap}.chn .mk{white-space:normal}
.section-head .h2,.foot-eu h2,.cta-band .h2{overflow-wrap:anywhere}
.cta-band .actions,.ehero .acts,.how .cta{flex-wrap:wrap}
.cta-band .wrap>*,.faq .wrap>*,.stmt .wrap>*,.how .wrap>*{min-width:0}
.faq .src{overflow-wrap:anywhere}
.cform .wrap>*,.cform .fields>*,.cform input,.cform select,.cform textarea{min-width:0;max-width:100%}
.cform .sub{flex-wrap:wrap}
}
@media(max-width:400px){.phero .kpis{grid-template-columns:1fr 1fr}.phero .kpis div{padding-left:0}.phero .kpis div:nth-child(odd){padding-left:0}.phero .kpis div:nth-child(even){padding-left:14px}}
@media(max-width:400px){
.nav-actions{display:none}
.nav .row{grid-template-columns:auto 1fr auto}
}
/* CTA onderaan het mobiele menu (P0-02: vervangt de header-knop op smalle schermen) */
.menu.mob>li.mob-cta{border-top:0;padding:24px 0 0}
.menu.mob>li.mob-cta>a.btn{display:inline-flex;width:auto;font-size:14px;font-weight:600;padding:14px 22px;justify-content:center;background:var(--pf-accent);color:var(--pf-paper);border-radius:999px;letter-spacing:0}
.menu:not(.mob) .mob-cta{display:none}
/* P1-09: formulier — optioneel-label, fieldset, verzendstatus */
.cform .opt{font-weight:400;letter-spacing:0;text-transform:none;color:var(--pf-ink-60)}
.cform fieldset{border:0;padding:0;margin:0;min-width:0}
.cform legend{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-ink-60);padding:0;margin-bottom:8px}
.cform button[disabled]{opacity:.65;cursor:progress}
/* P2-12: cookietabellen stapelen op smalle schermen */
@media(max-width:680px){
.cktbl table{min-width:0}
.cktbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cktbl tr{display:block;border-bottom:var(--rule);padding:8px 0}
.cktbl td{display:grid;grid-template-columns:110px 1fr;gap:8px;border:0;padding:4px 12px}
.cktbl td::before{content:attr(data-label);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink-60);padding-top:3px}
}
/* P1-08: visueel verborgen tekst (screenreaders) */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cform .form-error{grid-column:1/-1;margin:0;padding:12px 16px;border-radius:10px;background:#F8E4E2;color:#8A1F17;font-size:14px}

/* 404 */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px 24px}.nf .c{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--pf-ink-40);margin-bottom:18px}.nf h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.03em;margin:0 0 14px}.nf p{color:var(--pf-ink-60);margin:0 0 28px}.nf .l{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}