*{margin:0;padding:0;box-sizing:border-box}
:root{
--inkt:#16232E;--blauw:#2E5D7D;--lucht:#7FA8C4;--mist:#DCE7EE;--papier:#FAF9F6;
--ink-90:#1d2c38;--muted:#5b6771;--radius:16px;
--ease:cubic-bezier(.2,.7,.2,1);
--spring:cubic-bezier(.34,1.24,.44,1); 
--settle:cubic-bezier(.25,1,.35,1);    
}
:focus-visible{outline:2.5px solid var(--blauw);outline-offset:3px;border-radius:6px}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Figtree',system-ui,-apple-system,sans-serif;background:var(--papier);color:var(--inkt);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--inkt);color:var(--papier)}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:var(--blauw)}
h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.02}
.h-display{font-size:clamp(44px,9vw,132px);font-weight:700;line-height:.96;letter-spacing:-.035em}
.h1{font-size:clamp(38px,6.5vw,86px);font-weight:700;letter-spacing:-.03em;line-height:1.0}
.h2{font-size:clamp(30px,4.6vw,60px);font-weight:600;line-height:1.03}
.h3{font-size:clamp(20px,2.4vw,30px);font-weight:600}
.lead{font-size:clamp(17px,1.7vw,22px);font-weight:300;color:var(--muted);max-width:60ch}
.dot{color:var(--lucht)}
section{position:relative}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--blauw),var(--lucht));z-index:200;transition:width .1s linear}
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .4s var(--ease)}
nav .bar{display:flex;align-items:center;justify-content:space-between;height:76px;max-width:1200px;margin:0 auto;padding:0 32px;transition:height .4s var(--ease)}
nav .logo{height:30px;width:auto;transition:height .4s var(--ease)}
nav .links{display:flex;align-items:center;gap:34px}
nav .links a.nl{font-size:15px;font-weight:500;color:var(--inkt);position:relative;opacity:.82;transition:opacity .25s}
nav .links a.nl::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--blauw);transition:width .3s var(--ease)}
nav .links a.nl:hover{opacity:1}
nav .links a.nl:hover::after,nav .links a.nl.active::after{width:100%}
nav .links a.nl.active{opacity:1;color:var(--blauw)}
nav.scrolled{background:rgba(250,249,246,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 32px rgba(22,35,46,.07)}
@media(prefers-reduced-transparency:reduce){nav.scrolled{background:var(--papier);backdrop-filter:none;-webkit-backdrop-filter:none}}
nav.scrolled .bar{height:64px}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:13px 24px;border-radius:100px;transition:transform .38s var(--spring),background .3s,color .3s,box-shadow .3s;will-change:transform;cursor:pointer;border:none}
.btn-primary{background:var(--inkt);color:var(--papier)}
.btn-primary:hover{background:var(--blauw);box-shadow:0 12px 30px rgba(46,93,125,.35)}
.btn-ghost{background:transparent;color:var(--inkt);box-shadow:inset 0 0 0 1.5px rgba(22,35,46,.18)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--inkt)}
.btn-light{background:var(--papier);color:var(--inkt)}
.btn-light:hover{background:var(--mist)}
.btn-outline-light{background:transparent;color:var(--papier);box-shadow:inset 0 0 0 1.5px rgba(250,249,246,.35)}
.btn-outline-light:hover{box-shadow:inset 0 0 0 1.5px var(--papier)}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.navcta{padding:11px 20px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.navscrim{display:none}
.burger span{width:24px;height:2px;background:var(--inkt);transition:.3s}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}
.hero-sm{min-height:70vh}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:0;pointer-events:none;will-change:transform}
.blob.b1{width:520px;height:520px;background:radial-gradient(circle at 30% 30%,var(--lucht),transparent 70%);top:-120px;right:-80px}
.blob.b2{width:440px;height:440px;background:radial-gradient(circle at 50% 50%,var(--mist),transparent 70%);bottom:-140px;left:-100px}
.blob.b3{width:300px;height:300px;background:radial-gradient(circle at 50% 50%,rgba(46,93,125,.4),transparent 70%);top:40%;left:55%}
.ghost-a{position:absolute;right:-4%;bottom:-8%;width:min(46vw,620px);opacity:.05;z-index:0;pointer-events:none;transform:rotate(-4deg)}
.hero-inner{position:relative;z-index:2}
.hero .eyebrow{margin-bottom:26px}
.hero h1{margin-bottom:26px}
.hero .lead{margin-bottom:38px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.scrollcue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.scrollcue .line{width:1px;height:44px;background:linear-gradient(var(--blauw),transparent);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
#loader{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center}
#loader .pane{position:absolute;left:0;width:100%;height:50.6%;background:rgba(250,249,246,.96);backdrop-filter:blur(12px);transition:transform .85s cubic-bezier(.72,0,.2,1)}
#loader .p-top{top:0;box-shadow:0 1px 0 rgba(127,168,196,.28)}
#loader .p-bot{bottom:0}
#loader .lc{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;transition:opacity .4s,transform .4s}
#loader .shine{position:relative;overflow:hidden;padding:8px 14px;border-radius:12px}
#loader .shine img{height:46px;width:auto;display:block}
#loader .shine::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.55) 42%,rgba(230,236,241,.95) 50%,rgba(255,255,255,.55) 58%,transparent 72%);transform:translateX(-130%) skewX(-8deg);animation:lshine 1.5s .2s var(--ease) forwards}
@keyframes lshine{to{transform:translateX(130%) skewX(-8deg)}}
#loader .lwind{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#loader .lwind i{position:absolute;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--lucht),transparent);opacity:0;animation:lgust 1.9s ease-in-out infinite}
#loader .lwind i:nth-child(1){top:32%;left:-30%;width:42%;animation-delay:.1s}
#loader .lwind i:nth-child(2){top:56%;left:-26%;width:34%;animation-delay:.55s}
#loader .lwind i:nth-child(3){top:44%;left:-34%;width:48%;animation-delay:1s}
@keyframes lgust{0%{transform:translateX(0);opacity:0}18%{opacity:.85}100%{transform:translateX(340%);opacity:0}}
#loader .lline{width:190px;height:2px;background:var(--mist);border-radius:2px;overflow:hidden}
#loader .lline span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blauw),var(--lucht),#d7dee4);animation:lload 1.45s .1s ease forwards}
@keyframes lload{to{width:100%}}
#loader.done .lc{opacity:0;transform:scale(.95)}
#loader.done .p-top{transform:translateY(-102%)}
#loader.done .p-bot{transform:translateY(102%)}
html.loading{overflow:hidden}
@media(prefers-reduced-motion:reduce){#loader{display:none}}
.hero-center{display:block;min-height:100vh;padding:100px 0 0}
.hero-center .hero-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-center .h-display{font-size:clamp(36px,5.8vw,82px)}
.hero-center .hero-cta{justify-content:center}
.stage{position:relative;z-index:2;max-width:1200px;margin:46px auto 0;height:min(46vh,430px);padding:0 32px}
.gpar{position:absolute;opacity:0;transform:translateY(70px) scale(.94);transition:opacity 1s var(--settle),transform 1.15s var(--settle)}
.hero-ready .gpar{opacity:1;transform:none}
.gp1{left:50%;top:0;width:min(34vw,440px);margin-left:calc(min(34vw,440px)/-2);transition-delay:.12s;z-index:3}
.gp2{right:3%;top:-5%;width:min(23vw,295px);transition-delay:.3s;z-index:2}
.gp3{left:4%;top:6%;width:min(19vw,245px);transition-delay:.42s;z-index:2}
.gp4{right:12%;bottom:2%;width:min(16vw,205px);transition-delay:.54s;z-index:1}
.gp5{left:16%;bottom:0;width:min(13vw,170px);transition-delay:.66s;z-index:1}
.gmove{position:relative;transition:transform .7s var(--ease);will-change:transform}
.tilt{will-change:transform}
.gp1 .tilt{transform:rotate(-1.6deg)}.gp2 .tilt{transform:rotate(2.4deg)}.gp3 .tilt{transform:rotate(-2.8deg)}.gp4 .tilt{transform:rotate(1.8deg)}.gp5 .tilt{transform:rotate(-2deg)}
.ucf{animation:floaty 9s ease-in-out infinite alternate}
.gp2 .ucf{animation-duration:12s;animation-delay:-4s}
.gp3 .ucf{animation-duration:11s;animation-delay:-6s}
.gp4 .ucf{animation-duration:10s;animation-delay:-3s}
.gp5 .ucf{animation-duration:13s;animation-delay:-8s}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-16px)}}
.uc{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.22));backdrop-filter:blur(26px) saturate(185%);-webkit-backdrop-filter:blur(26px) saturate(185%);border:1px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 30px 70px rgba(22,35,46,.24),inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(22,35,46,.05),inset 1px 0 0 rgba(255,255,255,.4);overflow:hidden}
.uc::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.16) 20%,transparent 46%,transparent 78%,rgba(255,255,255,.18) 100%);pointer-events:none}
.uc>*{position:relative;z-index:1}
@media(prefers-reduced-transparency:reduce){.uc{background:rgba(255,255,255,.94);backdrop-filter:none;-webkit-backdrop-filter:none}}
.uc-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(22,35,46,.08)}
.tl{width:9px;height:9px;border-radius:50%}
.tl.a{background:var(--lucht)}.tl.b{background:var(--mist)}.tl.c{background:var(--blauw)}
.uc-url{flex:1;margin-left:8px;background:rgba(255,255,255,.45);border:1px solid rgba(22,35,46,.07);border-radius:100px;font-size:11.5px;font-weight:600;color:var(--muted);padding:5px 12px;letter-spacing:.02em}
.uc-url b{color:var(--inkt)}
.uc-body{padding:18px 18px 20px}
.sk-eyebrow{width:34%;height:7px;border-radius:4px;background:var(--lucht);opacity:.65;margin-bottom:12px}
.sk-h1{height:15px;border-radius:6px;background:var(--inkt);margin-bottom:8px;transform-origin:left;animation:skgrow 1s var(--settle) both}
.sk-h1.s2{width:66%;animation-delay:.15s}
.sk-p{height:8px;border-radius:4px;background:rgba(22,35,46,.16);margin:12px 0 6px;width:88%}
.sk-p.s2{width:70%}
.sk-cta{display:inline-block;margin-top:14px;width:38%;height:26px;border-radius:100px;background:var(--blauw);box-shadow:0 8px 18px rgba(46,93,125,.35);animation:ctapulse 5s ease-in-out infinite}
@keyframes skgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ctapulse{0%,100%{transform:scale(1)}8%{transform:scale(1.05)}16%{transform:scale(1)}}
.s-pill{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.55);border:1px solid rgba(22,35,46,.08);border-radius:100px;padding:10px 14px;margin:14px 14px 10px}
.s-pill svg{width:15px;height:15px;stroke:var(--blauw);fill:none;stroke-width:2.2;stroke-linecap:round;flex:none}
.s-type{font-size:12.5px;font-weight:600;color:var(--inkt);white-space:nowrap}
.s-caret{width:1.5px;height:14px;background:var(--blauw);animation:sblink 1s steps(1) infinite;flex:none}
@keyframes sblink{50%{opacity:0}}
.s-res{display:flex;align-items:center;gap:8px;margin:0 14px 14px;background:rgba(220,231,238,.45);border-radius:12px;padding:9px 12px;font-size:11px;font-weight:600;color:var(--inkt)}
.s-badge{width:18px;height:18px;border-radius:50%;background:var(--blauw);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex:none}
.b-head{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;color:var(--inkt);padding:13px 16px 8px;text-transform:capitalize}
.b-head span{color:var(--muted);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.b-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 14px}
.b-grid i{aspect-ratio:1;border-radius:6px;background:rgba(22,35,46,.06)}
.b-grid i.on{background:rgba(127,168,196,.4)}
.b-grid i.sel{background:var(--blauw);position:relative;animation:selpop 7s ease infinite}
@keyframes selpop{0%,88%,100%{transform:scale(1)}92%{transform:scale(1.25)}96%{transform:scale(1)}}
.b-note{display:flex;align-items:center;gap:8px;margin:11px 14px 14px;background:rgba(255,255,255,.55);border:1px solid rgba(22,35,46,.07);border-radius:12px;padding:8px 11px;font-size:11px;font-weight:600;color:var(--inkt);animation:notepop 7s var(--spring) infinite}
.b-check{width:17px;height:17px;border-radius:50%;background:var(--blauw);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;flex:none}
@keyframes notepop{0%,86%{opacity:0;transform:translateY(8px)}92%,100%{opacity:1;transform:none}}
.uc-review{padding:14px 16px 15px}
.stars{display:flex;gap:3px;margin-bottom:8px}
.stars svg{width:15px;height:15px;fill:var(--blauw)}
.stars svg:nth-child(n){animation:starin 6s ease infinite}
.stars svg:nth-child(1){animation-delay:0s}.stars svg:nth-child(2){animation-delay:.12s}.stars svg:nth-child(3){animation-delay:.24s}.stars svg:nth-child(4){animation-delay:.36s}.stars svg:nth-child(5){animation-delay:.48s}
@keyframes starin{0%,78%{opacity:.25;transform:scale(.7)}86%,100%{opacity:1;transform:scale(1)}}
.r-t{font-size:12.5px;font-weight:600;color:var(--inkt);line-height:1.35}
.r-s{font-size:10.5px;font-weight:600;color:var(--muted);margin-top:6px;letter-spacing:.04em}
.uc-stats{padding:14px 16px 15px}
.st-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.st-bars{display:flex;align-items:flex-end;gap:5px;height:52px}
.st-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--lucht),var(--blauw));transform-origin:bottom;animation:barup 6s var(--settle) infinite}
.st-bars i:nth-child(1){height:34%;animation-delay:.05s}.st-bars i:nth-child(2){height:46%;animation-delay:.15s}
.st-bars i:nth-child(3){height:40%;animation-delay:.25s}.st-bars i:nth-child(4){height:62%;animation-delay:.35s}
.st-bars i:nth-child(5){height:78%;animation-delay:.45s}.st-bars i:nth-child(6){height:100%;animation-delay:.55s}
@keyframes barup{0%,70%{transform:scaleY(.12);opacity:.5}82%,100%{transform:scaleY(1);opacity:1}}
.st-up{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--blauw);margin-top:9px}
@media(prefers-reduced-motion:reduce){.ucf,.sk-h1,.sk-cta,.s-type,.s-caret,.b-grid i.sel,.b-note,.stars svg,.st-bars i{animation:none}.s-type{width:100%}.b-note{opacity:1;transform:none}}
.gchip{position:absolute;left:2%;bottom:4%;background:rgba(250,249,246,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.75);font-size:12.5px;font-weight:600;color:var(--inkt);padding:7px 13px;border-radius:100px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.gp2 .gchip,.gp3 .gchip{font-size:11px;padding:5px 10px}
.gchip .dot2{width:7px;height:7px;border-radius:50%;background:var(--blauw);animation:pulse2 2.2s infinite}
@keyframes pulse2{0%,100%{box-shadow:0 0 0 0 rgba(46,93,125,.45)}55%{box-shadow:0 0 0 7px rgba(46,93,125,0)}}
.hero-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1200px;margin:34px auto 0;padding:0 32px 40px}
.hero-foot .lead{max-width:46ch;font-size:16.5px;text-align:left}
.scrollcue2{position:fixed;right:28px;bottom:22px;z-index:60;display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:opacity .5s var(--ease)}
.scrollcue2.away{opacity:0;pointer-events:none}
.scrollcue2 .ring{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--lucht);display:flex;align-items:center;justify-content:center;color:var(--blauw);font-size:13px;animation:bobble 2s infinite}
@keyframes bobble{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:860px){
.hero-center{padding-top:104px}
.stage{height:96vw;padding:0 22px}
.gp1{width:74vw;margin-left:-37vw;top:0}
.gp2{width:58vw;right:4%;top:56%}
.gp3,.gp4,.gp5{display:none}
.hero-foot{flex-direction:column;align-items:flex-start;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.gcard{animation:none}.gpar{opacity:1;transform:none}}
.hero-wind{background:var(--papier)}
.wind-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;will-change:transform}
.wind-mouse{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.wind-img{position:absolute;right:-4%;top:50%;width:min(78vw,1180px);transform:translateY(-50%);
-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 34%,#000 100%);mask-image:linear-gradient(90deg,transparent 2%,#000 34%,#000 100%)}
.wind-img.w1{animation:winddrift 15s ease-in-out infinite alternate}
.wind-img.w2{opacity:.45;filter:blur(7px) saturate(1.1);animation:winddrift2 21s ease-in-out infinite alternate}
@keyframes winddrift{from{transform:translateY(-50%) translateX(0) scale(1)}to{transform:translateY(-52.5%) translateX(-22px) scale(1.035)}}
@keyframes winddrift2{from{transform:translateY(-48%) translateX(0) scale(1.03)}to{transform:translateY(-50.5%) translateX(26px) scale(1.06)}}
.wind-lines{position:absolute;right:0;top:0;width:min(78vw,1180px);height:100%;overflow:visible;
-webkit-mask-image:linear-gradient(90deg,transparent 6%,#000 42%,#000 100%);mask-image:linear-gradient(90deg,transparent 6%,#000 42%,#000 100%)}
.wind-lines path{fill:none;stroke:var(--blauw);stroke-width:1.4;stroke-linecap:round;opacity:.4;stroke-dasharray:2 16;animation:gust 5.5s linear infinite}
.wind-lines path.g2{stroke:var(--lucht);opacity:.6;animation-duration:7s;animation-delay:-1.5s}
.wind-lines path.g3{stroke:var(--blauw);opacity:.35;animation-duration:9s;animation-delay:-3s}
@keyframes gust{to{stroke-dashoffset:-180}}
.leaves{position:absolute;inset:0}
.leaf{position:absolute;width:11px;height:19px;background:var(--blauw);border-radius:0 100% 0 100%;opacity:0;will-change:transform;box-shadow:0 2px 6px rgba(46,93,125,.18)}
.leaf.lt{background:var(--lucht)}
.leaf.l1{top:26%;right:14%;animation:leafFly 13s linear infinite}
.leaf.l2{top:40%;right:9%;animation:leafFly 16s linear .8s infinite}
.leaf.l3{top:56%;right:20%;animation:leafFly 11s linear 2.2s infinite}
.leaf.l4{top:34%;right:26%;animation:leafFly 18s linear 1.4s infinite}
.leaf.l5{top:64%;right:12%;animation:leafFly 14s linear 3.4s infinite}
.leaf.l6{top:48%;right:32%;animation:leafFly 17s linear 5s infinite}
@keyframes leafFly{
0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:0}
10%{opacity:.85}
50%{transform:translate(-22vw,22px) rotate(140deg) scale(.95)}
78%{opacity:.7}
100%{transform:translate(-46vw,46px) rotate(260deg) scale(.8);opacity:0}}
.hero-wind .hero-inner{will-change:transform,opacity}
.hero-sm .wind-img{-webkit-mask-image:linear-gradient(90deg,transparent 14%,#000 52%,#000 100%);mask-image:linear-gradient(90deg,transparent 14%,#000 52%,#000 100%)}
.hero-sm .wind-img.w1{opacity:.92}
@media(max-width:760px){
.wind-img{width:150vw;right:-30%;top:auto;bottom:-6%;transform:none;opacity:.85;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 40%);mask-image:linear-gradient(180deg,transparent 0%,#000 40%)}
.wind-img.w1{animation:none}.wind-img.w2{display:none}.wind-lines{display:none}
}
@media(prefers-reduced-motion:reduce){.wind-img,.leaf,.wind-lines path{animation:none!important}.leaf{opacity:.6}}
.kin{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.kin>span{display:block;transform:translateY(105%);transition:transform 1.05s var(--settle)}
.kin.in>span{transform:translateY(0)}
.kin.d1>span{transition-delay:.05s}.kin.d2>span{transition-delay:.16s}.kin.d3>span{transition-delay:.27s}
.marquee{border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);padding:22px 0;overflow:hidden;white-space:nowrap;background:var(--papier)}
.marquee .track{display:inline-flex;gap:0;animation:scrollx 32s linear infinite;will-change:transform}
.marquee span{font-size:clamp(20px,3vw,34px);font-weight:600;letter-spacing:-.01em;color:var(--inkt);padding:0 26px}
.marquee span .sep{color:var(--lucht);margin-left:26px}
@keyframes scrollx{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .9s var(--settle)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}
.dark{background:var(--inkt);color:var(--papier)}
.dark .lead{color:#aab8c2}
.dark .eyebrow{color:var(--lucht)}
.pad{padding:clamp(80px,12vh,150px) 0}
.pad-sm{padding:clamp(56px,8vh,96px) 0}
.statement{font-size:clamp(30px,5.4vw,74px);font-weight:600;line-height:1.04;letter-spacing:-.03em;max-width:16ch}
.statement em{font-style:normal;color:var(--lucht)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:52px}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.svc-card{position:relative;background:var(--papier);border:1px solid var(--mist);border-radius:var(--radius);padding:38px 34px;overflow:hidden;transition:transform .5s var(--spring),box-shadow .5s var(--ease),border-color .5s}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(22,35,46,.12);border-color:transparent}
.svc-card:active{transform:translateY(-2px) scale(.988)}
.svc-card .num{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--lucht)}
.svc-card h3{margin:16px 0 12px;font-size:clamp(22px,2.4vw,30px)}
.svc-card p{color:var(--muted);font-size:15.5px;max-width:42ch}
.svc-card .ic{position:absolute;top:34px;right:32px;width:26px;height:26px;stroke:var(--blauw);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.svc-card .sheen{position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(127,168,196,.16),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.svc-card:hover .sheen{opacity:1}
.dark .svc-card{background:#1b2b38;border-color:#263947}
.dark .svc-card p{color:#9fb0bb}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pill{padding:34px 30px;border-radius:var(--radius);background:var(--papier);border:1px solid var(--mist)}
.pill .big{font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.03em;color:var(--blauw);line-height:1}
.pill h3{margin:14px 0 8px;font-size:20px}
.pill p{color:var(--muted);font-size:15px}
.dark .pill{background:#1b2b38;border-color:#263947}
.dark .pill p{color:#9fb0bb}
.dark .value{background:#1b2b38;border-color:#263947}
.dark .value h3{color:var(--papier)}
.dark .value p{color:#9fb0bb}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:clamp(60px,9vh,110px) 0}
.frow .visual{aspect-ratio:4/3;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--mist),var(--papier))}
.frow.dark-row .visual{background:linear-gradient(135deg,#22384a,#16232E)}
.frow .visual .fa{position:absolute;width:60%;left:20%;top:16%;opacity:.16}
.frow .visual .fblob{position:absolute;width:70%;height:70%;border-radius:50%;filter:blur(46px);background:radial-gradient(circle,var(--lucht),transparent 70%);opacity:.5;left:-10%;bottom:-15%}
.frow .num{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--lucht)}
.frow h2{margin:14px 0 18px}
.frow ul{list-style:none;margin:22px 0 30px}
.frow li{position:relative;padding-left:28px;margin-bottom:11px;color:var(--muted);font-size:16px}
.frow li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:var(--lucht)}
.frow.dark-row li{color:#9fb0bb}
.frow.rev{direction:rtl}.frow.rev>*{direction:ltr}
.ctaband{position:relative;overflow:hidden;text-align:center;color:var(--papier);background:var(--inkt)}
.ctaband .glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,rgba(46,93,125,.7),transparent 68%);top:-40%;left:50%;transform:translateX(-50%);opacity:.8}
.ctaband h2{margin-bottom:26px;position:relative}
.ctaband .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}
.proof{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.quote-xl{font-size:clamp(24px,3.2vw,40px);font-weight:500;line-height:1.28;letter-spacing:-.015em}
.quote-xl .mk{color:var(--lucht)}
.proof .who{margin-top:26px;display:flex;align-items:center;gap:14px}
.proof .who .av{width:46px;height:46px;border-radius:50%;background:var(--blauw);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.proof .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.tag{font-size:13px;font-weight:600;color:var(--blauw);background:var(--mist);padding:7px 14px;border-radius:100px}
.card-visual{aspect-ratio:1/1;border-radius:24px;background:linear-gradient(150deg,#22384a,#16232E);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card-visual img{width:52%;opacity:.9}
.card-visual .g{position:absolute;width:90%;height:90%;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,rgba(127,168,196,.5),transparent 70%);top:-30%;right:-30%}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.step{padding:32px 28px;border-radius:var(--radius);background:var(--papier);border:1px solid var(--mist);position:relative}
.step .n{width:42px;height:42px;border-radius:50%;background:var(--inkt);color:var(--papier);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:18px}
.step h3{font-size:20px;margin-bottom:8px}
.step p{color:var(--muted);font-size:15px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:10px}
.value{padding:26px;border-radius:var(--radius);background:var(--papier);border:1px solid var(--mist)}
.value h3{font-size:18px;margin-bottom:6px}
.value p{color:var(--muted);font-size:14.5px}
.founder{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.founder .ph{width:96px;height:96px;border-radius:50%;background:linear-gradient(150deg,var(--blauw),var(--inkt));display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;flex:none}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.field{margin-bottom:20px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;font-family:inherit;font-size:16px;color:var(--inkt);background:#fff;border:1.5px solid var(--mist);border-radius:12px;padding:14px 16px;transition:border-color .25s,box-shadow .25s}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blauw);box-shadow:0 0 0 4px rgba(46,93,125,.12)}
.contact-side .row{display:flex;align-items:flex-start;gap:16px;padding:22px 0;border-bottom:1px solid var(--mist)}
.contact-side .row .ic{width:44px;height:44px;border-radius:12px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex:none}
.contact-side .row .ic svg{width:20px;height:20px;stroke:var(--blauw);fill:none;stroke-width:1.8}
.contact-side .row h3{font-size:16px;margin-bottom:3px}
.contact-side .row p,.contact-side .row a{color:var(--muted);font-size:15px}
.formnote{font-size:13px;color:var(--muted);margin-top:6px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formstatus{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding:0 16px;border-radius:12px;font-size:14.5px;line-height:1.55;
transition:max-height .5s var(--settle),opacity .35s ease,margin-top .4s var(--settle),padding .4s var(--settle)}
.formstatus.zicht{max-height:220px;opacity:1;margin-top:14px;padding:14px 16px}
.formstatus.ok{background:rgba(46,93,125,.09);color:var(--inkt);box-shadow:inset 0 0 0 1px rgba(46,93,125,.22)}
.formstatus.fout{background:rgba(176,58,46,.07);color:#7d2a22;box-shadow:inset 0 0 0 1px rgba(176,58,46,.22)}
#sendbtn.bezig{opacity:.72;cursor:progress}
#sendbtn:disabled{pointer-events:none}
.imgcover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);animation:kenburns 22s ease-in-out infinite alternate;will-change:transform}
@keyframes kenburns{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.08) translateX(-10px)}}
.frow .visual:hover .imgcover,.case .cv:hover .imgcover,.mini:hover .imgcover{animation-play-state:paused}
.frow .visual{transition:transform .5s var(--spring),box-shadow .5s var(--ease)}
.frow .visual:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(22,35,46,.14)}
.ctaband .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;pointer-events:none}
.ctaband .scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(22,35,46,.30) 0%,rgba(22,35,46,.78) 100%);pointer-events:none}
.ctaband .lead{color:#c9d5de}
.ctaband h2,.ctaband .lead,.ctaband .btns,.ctaband .eyebrow{position:relative;z-index:2}
.card-visual img.imgcover{width:100%;height:100%;opacity:1;border-radius:0}
@media(prefers-reduced-motion:reduce){.imgcover{animation:none}}
.logo-chip{position:absolute;inset:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--mist);display:flex;align-items:center;justify-content:center;padding:9%;overflow:hidden;z-index:1}
.logo-chip img{display:block;max-width:84%;max-height:80%;width:auto;height:auto;object-fit:contain}
.logo-chip::after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 32%,rgba(127,168,196,.30) 45%,rgba(220,231,238,.55) 54%,transparent 68%);transform:translateX(-135%) skewX(-6deg);transition:transform 1s var(--ease);pointer-events:none}
.cv:hover .logo-chip::after,.mini:hover .logo-chip::after{transform:translateX(135%) skewX(-6deg)}
.cv .visit{z-index:2}
@media(prefers-reduced-motion:reduce){.logo-chip::after{display:none}}
.mini-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mini{display:block;background:var(--papier);border:1px solid var(--mist);border-radius:var(--radius);overflow:hidden;transition:transform .5s var(--spring),box-shadow .5s var(--ease),border-color .5s}
.mini:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(22,35,46,.12);border-color:transparent}
.mini:active{transform:translateY(-2px) scale(.988)}
.mini .mv{height:150px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mini .mv .ml{font-size:76px;font-weight:700;color:rgba(250,249,246,.9);letter-spacing:-.04em}
.mini .mv .mg{position:absolute;width:130%;height:130%;border-radius:50%;filter:blur(50px);background:radial-gradient(circle,rgba(127,168,196,.55),transparent 70%);top:-40%;right:-30%}
.mini .mb{padding:22px 24px 24px}
.mini .mb .mk{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--lucht)}
.mini .mb h3{font-size:20px;margin:8px 0 6px}
.mini .mb p{color:var(--muted);font-size:14.5px;line-height:1.55;min-height:44px}
.mini .mb .go{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--blauw);margin-top:14px}
.mini .mb .go .arr{transition:transform .3s var(--ease)}
.mini:hover .mb .go .arr{transform:translateX(4px)}
@media(max-width:900px){.mini-cases{grid-template-columns:1fr}.mini .mb p{min-height:0}}
.case{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:clamp(56px,9vh,104px) 0}
.case+.case{border-top:1px solid var(--mist)}
.case .cv{aspect-ratio:4/3;border-radius:22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.case .cv:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 70px rgba(22,35,46,.18)}
.case .cv .big-letter{font-size:clamp(120px,16vw,220px);font-weight:700;letter-spacing:-.04em;color:rgba(250,249,246,.92);line-height:1}
.case .cv .cg{position:absolute;width:120%;height:120%;border-radius:50%;filter:blur(70px);opacity:.55}
.case .cv .visit{position:absolute;bottom:18px;right:18px;background:rgba(250,249,246,.92);color:var(--inkt);font-size:13px;font-weight:600;padding:9px 16px;border-radius:100px;display:flex;align-items:center;gap:7px}
.case .kicker{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--lucht)}
.case h2{margin:12px 0 6px}
.case .loc{color:var(--muted);font-size:15px;margin-bottom:16px}
.case p.desc{color:var(--muted);font-size:16.5px;max-width:52ch;margin-bottom:18px}
.case .tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.case .links-row{display:flex;gap:14px;flex-wrap:wrap}
.case.rev{direction:rtl}.case.rev>*{direction:ltr}
.ref-intro{max-width:70ch}
@media(max-width:900px){.case{grid-template-columns:1fr}.case.rev{direction:ltr}}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(22,35,46,.12);border-radius:100px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--inkt);cursor:pointer;letter-spacing:.05em;transition:border-color .3s,box-shadow .3s}
.lang-btn:hover{border-color:var(--blauw);box-shadow:0 6px 18px rgba(46,93,125,.15)}
.lang-btn svg{width:15px;height:15px;stroke:var(--blauw);fill:none;stroke-width:1.7;stroke-linecap:round}
.lang-chev{font-size:9px;color:var(--muted);transition:transform .3s var(--ease)}
.lang.open .lang-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:160px;background:rgba(250,249,246,.92);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.85);border-radius:14px;box-shadow:0 18px 50px rgba(22,35,46,.18);padding:7px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--settle);z-index:130}
.lang.open .lang-menu{opacity:1;transform:none;pointer-events:auto}
.lang-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--inkt);padding:9px 12px;border-radius:9px;cursor:pointer;transition:background .2s}
.lang-menu button:hover{background:var(--mist)}
.lang-menu button.on{color:var(--blauw)}
.lang-menu button.on::after{content:"\2713";font-size:12px}
@media(max-width:900px){.lang-menu{left:0;right:auto}}
@media(prefers-reduced-transparency:reduce){.lang-btn,.lang-menu{background:var(--papier);backdrop-filter:none;-webkit-backdrop-filter:none}}
#cbanner{position:fixed;left:22px;bottom:22px;z-index:120;max-width:360px;background:rgba(250,249,246,.86);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 24px 60px rgba(22,35,46,.22);padding:18px 20px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .5s var(--ease),transform .5s var(--settle)}
#cbanner.show{opacity:1;transform:none;pointer-events:auto}
#cbanner p{font-size:13px;color:#3a4650;line-height:1.55;margin-bottom:12px}
#cbanner p a{color:var(--blauw);font-weight:600}
#cbanner .cbtns{display:flex;gap:10px}
#cbanner button{font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:100px;border:none;cursor:pointer;background:var(--inkt);color:var(--papier)}
#cbanner button:hover{background:var(--blauw)}
#cbanner button.sec{background:transparent;color:var(--inkt);box-shadow:inset 0 0 0 1.5px rgba(22,35,46,.22)}
#cbanner button.sec:hover{background:var(--mist);box-shadow:none}
@media(prefers-reduced-transparency:reduce){#cbanner{background:var(--papier);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:560px){#cbanner{left:14px;right:14px;max-width:none;bottom:14px}}
.faq{max-width:860px;margin:34px auto 0;border-top:1px solid var(--mist)}
.faq-item{border-bottom:1px solid var(--mist)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
padding:22px 2px;font-size:clamp(17px,1.9vw,20px);font-weight:600;letter-spacing:-.015em;transition:color .35s var(--ease)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--blauw)}
.faq-x{position:relative;flex:0 0 22px;width:22px;height:22px;margin-top:4px}
.faq-x::before,.faq-x::after{content:'';position:absolute;left:50%;top:50%;background:var(--blauw);border-radius:2px;
transform:translate(-50%,-50%);transition:transform .4s var(--spring),opacity .3s var(--ease)}
.faq-x::before{width:15px;height:2px}
.faq-x::after{width:2px;height:15px}
.faq-item[open] .faq-x::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.faq-item[open] summary{color:var(--blauw)}
.faq-item p{padding:0 60px 24px 2px;color:var(--muted);font-size:16px;line-height:1.75;max-width:66ch;
animation:faqIn .5s var(--settle) both}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:560px){.faq-item p{padding-right:8px}}
.legal{max-width:760px}
.legal h2{font-size:21px;margin:38px 0 12px}
.legal p,.legal li{font-size:15.5px;color:#3a4650;line-height:1.7}
.legal ul{margin:10px 0 10px 22px}
.legal .upd{font-size:13px;color:var(--muted);margin-top:8px}
footer{background:var(--inkt);color:#aeb9c2;padding:76px 0 34px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:54px;border-bottom:1px solid #263947}
footer .logo{height:30px;width:auto;margin-bottom:20px}
footer p.ftag{max-width:32ch;font-size:15px;color:#8fa0ac}
footer h4{color:var(--papier);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
footer a.fl{display:block;color:#aeb9c2;font-size:15px;padding:6px 0;transition:color .2s}
footer a.fl:hover{color:var(--papier)}
footer .bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:26px;font-size:13px;color:#7c8b96}
@media(max-width:900px){
.svc-grid,.grid3,.frow,.proof,.about-grid,.contact-grid,.steps,.values,footer .cols{grid-template-columns:1fr}
.frow.rev{direction:ltr}
.sec-head{align-items:flex-start}
nav .links{position:fixed;inset:0 0 0 auto;width:min(80vw,350px);background:rgba(250,249,246,.96);flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;gap:22px;transform:translateX(103%);transition:transform .46s cubic-bezier(.32,.72,.24,1);box-shadow:-20px 0 60px rgba(22,35,46,.18);z-index:126;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
nav .links::before{content:"";position:absolute;inset:0;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);opacity:0;transition:opacity .18s ease .0s;pointer-events:none}
nav .links.open::before{opacity:1;transition:opacity .35s ease .42s}
@media(prefers-reduced-transparency:reduce){nav .links{background:var(--papier)}nav .links::before{display:none}}
nav .links.open{transform:translateX(0)}
nav .links a.nl{font-size:22px}
nav .links>a,nav .links>.lang{opacity:0;transform:translateX(26px);transition:opacity .28s ease,transform .32s cubic-bezier(.25,1,.4,1);position:relative;z-index:1}
nav .links.open>a,nav .links.open>.lang{opacity:1;transform:none}
nav .links.open>a:nth-child(1){transition-delay:.10s}
nav .links.open>a:nth-child(2){transition-delay:.15s}
nav .links.open>a:nth-child(3){transition-delay:.20s}
nav .links.open>a:nth-child(4){transition-delay:.25s}
nav .links.open>a:nth-child(5){transition-delay:.30s}
nav .links.open>.lang{transition-delay:.35s}
nav .links.open>a.navcta{transition-delay:.40s}
@media(prefers-reduced-motion:reduce){nav .links{transition:none}nav .links>a,nav .links>.lang{transition:none;opacity:1;transform:none}}
nav.menu-open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.navscrim{display:block;position:fixed;inset:0;background:rgba(22,35,46,.44);opacity:0;pointer-events:none;transition:opacity .38s ease;z-index:124;will-change:opacity}
nav.menu-open .navscrim{opacity:1;pointer-events:auto}
nav .bar{position:relative;z-index:125}
nav.menu-open{z-index:130}
body.nav-locked{overflow:hidden}
.burger{display:flex;z-index:127;position:relative}
nav.menu-open .burger span{background:var(--inkt)}
nav.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.menu-open .burger span:nth-child(2){opacity:0}
nav.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
footer .cols{gap:30px}
.proof .card-visual{order:-1}
}
@media(max-width:560px){
.wrap{padding:0 22px}
.hero-cta{flex-direction:column;align-items:stretch}
.btn{justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.kin span{transform:none}.reveal{opacity:1;transform:none}}