@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
/* FIZZL global navigation */
.fizzl-global-nav{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,38px);padding:18px 22px;background:rgba(2,7,8,.82);border-bottom:1px solid rgba(97,245,195,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.fizzl-global-nav a{color:#f4f8f7;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:2px;white-space:nowrap;padding:10px 0}
.fizzl-global-nav a:hover,.fizzl-global-nav a.active{color:#61f5c3}
.fizzl-global-nav a.active{position:relative}
.fizzl-global-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#61f5c3;box-shadow:0 0 10px #61f5c3}
@media(max-width:760px){.fizzl-global-nav{gap:clamp(13px,4vw,24px);padding:17px 18px}.fizzl-global-nav a{font-size:10px;letter-spacing:2px}.topbar nav{display:none}}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020708;color:#f4f8f7;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}.grid{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:62px 62px;z-index:-1}.topbar{height:112px;border-bottom:1px solid #202428;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(2,7,8,.9);backdrop-filter:blur(12px);z-index:5}.brand{font-size:31px;font-weight:900;letter-spacing:-2px;color:#f4f8f7;text-decoration:none}.brand span,.eyebrow,.tag,.label{color:#61f5c3}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#8f989b;text-decoration:none;font-size:10px;letter-spacing:2px}.topbar nav a:hover,.topbar nav a.active{color:#61f5c3}.topbar nav a.active{position:relative}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:#61f5c3;box-shadow:0 0 10px #61f5c3}.system{border:1px solid #272b2e;border-radius:999px;padding:13px 17px;font-size:10px;letter-spacing:2px;color:#a6abad}.system i,.eyebrow b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#61f5c3;margin-right:9px;box-shadow:0 0 18px #61f5c3}.hero{min-height:700px;padding:95px 7vw 80px}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:38px}.eyebrow span{color:#666b6e;margin:0 12px}h1{font-size:clamp(70px,11vw,150px);line-height:.8;letter-spacing:-8px;margin:0 0 30px;font-weight:900}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #aeb2b4}.role{font-size:13px;letter-spacing:3px;color:#c4c9ca}.role span{color:#62686a;margin:0 8px}.hero p{font-size:19px;line-height:1.6;color:#92989b;max-width:720px;margin-top:30px}.actions{display:flex;gap:15px;margin-top:35px}.button{display:inline-block;padding:19px 26px;background:#61f5c3;color:#02100c;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:2px;border:1px solid #61f5c3}.button.ghost{background:transparent;color:#f4f8f7;border-color:#2d3235}.section{border-top:1px solid #202428;padding:90px 7vw}.label{font-size:11px;letter-spacing:3px;margin-bottom:42px}.content{max-width:900px}.profile .content{display:grid;grid-template-columns:1.1fr 1fr;gap:35px 80px}.content h2{font-size:clamp(52px,7vw,100px);line-height:.84;letter-spacing:-5px;margin:0;grid-row:span 2}.content p{font-size:17px;line-height:1.7;color:#969c9f;margin:0 0 18px}.stats{grid-column:2;display:flex;border-top:1px solid #2a2f32;border-bottom:1px solid #2a2f32;padding:25px 0;gap:35px}.stats strong{display:block;font-size:30px;color:#61f5c3}.stats span{display:block;color:#737b7e;font-size:8px;letter-spacing:1.5px;line-height:1.5;margin-top:6px}.timeline article{display:grid;grid-template-columns:210px 1fr;gap:30px;border-top:1px solid #252a2d;padding:50px 0}.date{font-size:11px;letter-spacing:2px;color:#626a6d}.tag{font-size:10px;letter-spacing:2.5px;margin-bottom:15px}.timeline h3,.edu h3{font-size:42px;letter-spacing:-2px;margin:0 0 18px}.timeline p,.edu p{max-width:720px;color:#969c9f;line-height:1.7;font-size:16px}.timeline p a{color:#61f5c3;text-decoration:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{border:1px solid #303638;padding:8px 10px;color:#7e878a;font-size:9px;letter-spacing:1.4px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #252a2d;border-left:1px solid #252a2d}.skill{min-height:210px;padding:28px;border-right:1px solid #252a2d;border-bottom:1px solid #252a2d}.skill>span{color:#60686b;font-size:10px;letter-spacing:2px}.skill h3{font-size:20px;margin:45px 0 14px}.skill p{color:#858d90;font-size:14px;line-height:1.6}.education .content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.edu{border:1px solid #252a2d;padding:32px;min-height:210px}.edu span{font-size:10px;letter-spacing:2px;color:#61f5c3}.edu h3{margin-top:30px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.link-grid a{border:1px solid #292f31;padding:30px;text-decoration:none;color:#f4f8f7;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.link-grid small{font-size:9px;letter-spacing:2px;color:#61f5c3}.link-grid strong{font-size:20px}.cta{border-top:1px solid #202428;padding:110px 7vw 150px}.cta h2{font-size:clamp(55px,8vw,115px);line-height:.84;letter-spacing:-6px;margin:20px 0 45px}footer{border-top:1px solid #202428;padding:34px 7vw;color:#747b7e;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between;gap:20px}footer a{color:#a2a8aa;text-decoration:none}
@media(max-width:760px){.topbar{height:145px;padding:0 35px 24px;align-items:flex-end}.topbar nav{display:none}.brand{font-size:28px}.system{font-size:9px;padding:11px 13px}.hero{min-height:auto;padding:65px 50px 55px}.eyebrow{line-height:1.8}.eyebrow span{margin:0 6px}h1{font-size:clamp(66px,19vw,105px);letter-spacing:-5px}.role{line-height:1.8;font-size:10px}.hero p{font-size:17px}.actions{flex-direction:column}.button{text-align:center}.section{padding:70px 50px}.profile .content{display:block}.content h2{font-size:clamp(52px,14vw,78px);margin-bottom:35px}.content p{font-size:16px}.stats{gap:15px;margin-top:35px;justify-content:space-between}.stats strong{font-size:24px}.stats span{font-size:7px}.timeline article{display:block;padding:42px 0}.date{margin-bottom:22px}.timeline h3,.edu h3{font-size:36px}.skill-grid{grid-template-columns:1fr}.skill{min-height:185px}.skill h3{margin-top:35px}.education .content{display:block}.edu{margin-bottom:14px}.link-grid{grid-template-columns:1fr}.link-grid a{min-height:125px}.cta{padding:85px 50px 110px}.cta h2{font-size:clamp(50px,13vw,75px);letter-spacing:-4px}.cta .button{overflow-wrap:anywhere}footer{padding:28px 35px;flex-wrap:wrap;line-height:1.7}footer span,footer a{min-width:42%}}
h1,h2,h3,.brand,.stats strong{font-family:"Space Grotesk","DM Sans",sans-serif}

/* NL | EN switch (lang.js) */
.lang-switch{display:inline-flex;align-items:center;height:28px;padding:2px;border:1px solid rgba(97,245,195,.35);border-radius:999px;background:rgba(2,7,8,.55);flex-shrink:0}.lang-switch button{all:unset;cursor:pointer;height:22px;padding:0 8px;border-radius:999px;font:700 10px/22px "Space Grotesk",Arial,sans-serif;letter-spacing:1px;color:#9aa7a4}.lang-switch button[aria-pressed="true"]{background:#61f5c3;color:#02100c}.lang-switch button:focus-visible{outline:2px solid #61f5c3;outline-offset:2px}
.fizzl-global-nav .lang-switch{position:absolute;right:18px;top:50%;transform:translateY(-50%)}
/* Phones: the switch floats bottom-right, above the live pill. backdrop-filter would make the nav the containing block of fixed children (the switch then sat on top of CONTACT), so the nav gets an opaque background instead. */
@media(max-width:760px){.fizzl-global-nav{background:rgba(2,7,8,.96);backdrop-filter:none;-webkit-backdrop-filter:none}.fizzl-global-nav .lang-switch{position:fixed;top:auto;bottom:66px;right:16px;transform:none;box-shadow:0 6px 24px rgba(0,0,0,.45)}}

/* x402 agents block (same on ai, cv and projects) */
.x402-agents{position:relative;z-index:2;padding:64px 0;border-top:1px solid rgba(97,245,195,.14);border-bottom:1px solid rgba(97,245,195,.14);background:linear-gradient(180deg,rgba(2,10,10,.72),rgba(2,7,8,.9))}
.x402-inner{width:min(1180px,90%);margin:auto}
.x402-kicker{display:flex;align-items:center;gap:10px;color:#61f5c3;font-size:11px;letter-spacing:2.2px;font-weight:700}
.x402-kicker i{width:8px;height:8px;border-radius:50%;background:#61f5c3;box-shadow:0 0 12px #61f5c3}
.x402-head h2{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.05;margin:14px 0 10px;color:#f4f8f7}
.x402-head p{color:#a8b5b2;max-width:620px;font-size:16px;line-height:1.6;margin:0}
.x402-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.x402-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid rgba(97,245,195,.22);border-radius:16px;background:rgba(6,16,15,.7);color:#f4f8f7;text-decoration:none;transition:border-color .2s,transform .2s}
.x402-card:hover{border-color:#61f5c3;transform:translateY(-2px)}
.x402-price{color:#61f5c3;font-size:10px;letter-spacing:1.8px;font-weight:700}
.x402-card h3{font-family:"Space Grotesk","DM Sans",sans-serif;font-size:21px;margin:0}
.x402-card p{color:#a8b5b2;font-size:13.5px;line-height:1.55;margin:0;flex:1}
.x402-go{color:#61f5c3;font-size:11px;letter-spacing:1.6px;font-weight:700}
.x402-all{display:inline-block;margin-top:24px;color:#61f5c3;font-size:12px;letter-spacing:1.8px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(97,245,195,.4);padding-bottom:3px}
@media (max-width:980px){.x402-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.x402-agents{padding:48px 0}.x402-grid{grid-template-columns:1fr}.x402-inner{width:calc(100% - 32px)}}