:root{--ink:#142342;--yellow:#ffce32;--paper:#fafbff;--line:#d9dfeb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid var(--line);gap:25px;background:var(--paper)}.brand{font-size:38px;font-weight:800;letter-spacing:-3px;text-decoration:none;line-height:1}.brand span{color:#df343c}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.language{border-left:1px solid var(--line);padding-left:25px}.wrap{width:90%;max-width:1340px;margin:auto}.hero{padding:76px 0 68px;display:grid;grid-template-columns:1.35fr 1fr;gap:7%;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold;margin:0 0 24px}.hero h1{font-size:clamp(48px,5.6vw,84px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin:0 0 30px}.hero h1 em{font-family:Georgia,serif;font-weight:normal}.hero p.intro{max-width:590px;font-size:19px;color:#535e74}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;background:var(--ink);color:white;border:1px solid var(--ink);text-decoration:none;cursor:pointer;font-size:15px}.button:hover{background:#2045bd}.hero figure{margin:0;position:relative}.hero img{width:100%;height:460px;object-fit:cover;object-position:49% center;display:block;filter:saturate(.55)}.hero figcaption{background:var(--yellow);padding:20px 25px;font-size:14px;display:flex;justify-content:space-between;gap:15px}.hero figcaption strong{font-size:17px}.strap{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;text-transform:uppercase;font-size:12px;letter-spacing:1.6px}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}h2{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:0}h3{font-size:27px;line-height:1.2;font-weight:500;letter-spacing:-.6px}.section-head p{max-width:400px;color:#535e74;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:32px 28px 35px 0}.service+.service{border-left:1px solid var(--line);padding-left:28px}.number{font:italic 28px Georgia;color:#2045bd}.service p{font-size:16px;color:#535e74}.service ul{list-style:none;padding:0;font-size:14px}.service li{border-top:1px solid var(--line);padding:10px 0}.about{background:var(--ink);color:white}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12%}.about h2 em{color:var(--yellow);font-family:Georgia}.about p{color:#d8dfef}.about a{color:var(--yellow)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.contact-copy p{max-width:430px;color:#535e74}.email{font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #a6b1c9;background:transparent;color:var(--ink);border-radius:0}textarea{resize:vertical;min-height:130px}.full{grid-column:1/-1}.privacy{font-size:12px;color:#535e74}.trap{position:absolute;left:-10000px}.status{font-size:14px}.references{padding:44px 0 52px;border-top:1px solid var(--line);overflow:hidden;background:#f0f2f7}.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.reference-heading h2{font-size:25px;letter-spacing:-.5px}.pause{border:1px solid #a6b1c9;background:transparent;padding:7px 13px;font-size:13px;cursor:pointer}.marquee{overflow:hidden;margin-top:28px}.track{display:flex;width:max-content;animation:roll 45s linear infinite}.logo-group{display:flex;align-items:center;gap:55px;padding-right:55px}.logo{width:150px;height:80px;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:bold;text-align:center;line-height:1.1}.logo img{max-width:150px;max-height:60px;object-fit:contain}.logo.dark{background:#142342;border-radius:4px;padding:10px}.marquee:hover .track,.marquee:focus-within .track,.marquee.paused .track{animation-play-state:paused}@keyframes roll{to{transform:translateX(-50%)}}footer{padding:30px 5%;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}.legal{max-width:800px;padding:60px 0}.legal h2{font-size:28px;margin-top:30px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;z-index:9}details{margin-top:24px}summary{cursor:pointer}.hidden{display:none}@media(max-width:800px){header{flex-wrap:wrap;padding:20px 5%}nav{gap:15px;flex-wrap:wrap;font-size:13px}.language{padding-left:12px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.hero h1{letter-spacing:-2px}.hero img{height:340px}.strap{flex-wrap:wrap;font-size:11px}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:20px}.services,.about-grid,.contact-grid{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid var(--line);padding-left:0}.about-grid,.contact-grid{gap:32px}.form-grid{grid-template-columns:1fr}.reference-heading{align-items:start}.logo{width:125px}.logo img{max-width:125px}footer{display:block}footer p{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none;width:auto}.logo-group{flex-wrap:wrap;justify-content:center;padding:0;gap:25px}.logo-group[aria-hidden]{display:none}}
.strap{padding:30px 0;align-items:center;flex-wrap:wrap;gap:16px}.strap span{font-size:clamp(23px,3.2vw,46px);font-weight:600;letter-spacing:-1.5px;text-transform:none}.strap span:last-child{font-family:Georgia,serif;font-style:italic;font-weight:400}.strap span::before{content:"/";color:#df343c;margin-right:14px;font-weight:400}@media(max-width:800px){.strap{gap:12px 28px}.strap span{font-size:27px;letter-spacing:-.8px}}

/* Primary colours give each field a distinct place. */
.hero h1 em{color:#2045bd}.hero figcaption{border-bottom:5px solid #df343c}.strap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;border:0}.strap span{padding:26px 20px;background:#2045bd;color:white;font-size:clamp(23px,3vw,43px)}.strap span:nth-child(2){background:#ffce32;color:#142342}.strap span:nth-child(3){background:#df343c;color:white}.strap span::before{content:none}.service{border-top:5px solid #2045bd}.service:nth-child(2){border-top-color:#ffce32}.service:nth-child(3){border-top-color:#df343c}.logo img{filter:grayscale(1)}.logo.dark{background:#202020}.hero img{filter:grayscale(1)}.button{background:#2045bd;border-color:#2045bd}.button:hover{background:#142342}.about{background:#142342}.service p{line-height:1.75}@media(max-width:800px){.strap{grid-template-columns:1fr}.strap span{padding:18px 22px;font-size:32px}.service+.service{border-top-width:5px;border-top-style:solid}.service:nth-child(2){border-top-color:#ffce32}.service:nth-child(3){border-top-color:#df343c}}

/* V3: quiet introduction; colour is reserved for the three expertise columns. */
.hero img{filter:none}.hero h1 em{color:var(--ink)}.hero figcaption{background:transparent;border-bottom:1px solid var(--line);padding:18px 0}.button{background:var(--ink);border-color:var(--ink)}.button:hover{background:#2045bd}.brand span{color:inherit}.strap{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.strap span,.strap span:nth-child(2),.strap span:nth-child(3){background:none;color:var(--ink);padding:0;font-size:clamp(24px,3vw,42px)}.about h2 em,.about a{color:#fff}.references{background:#fff}.logo,.logo.dark{background:transparent;border-radius:0;padding:0;width:165px;height:90px}.logo img{filter:brightness(0);max-width:155px;max-height:48px}.logo img[alt="Excellent"]{max-height:72px}.logo img[alt="The Blockchain Group"]{max-height:58px}.logo img[alt="Eniblock"]{max-height:65px}.service:nth-child(1) .number{color:#2045bd}.service:nth-child(2) .number{color:#8c6b00}.service:nth-child(3) .number{color:#ce2939}@media(max-width:800px){.strap{justify-content:flex-start;gap:14px 26px}.strap span,.strap span:nth-child(2),.strap span:nth-child(3){font-size:27px}.logo,.logo.dark{width:140px}.logo img{max-width:130px}.hero figcaption{flex-wrap:wrap}}

/* Compact editorial logo ribbon, inspired by Keyban's homepage. */
.references{display:flex;align-items:center;gap:38px;padding:20px 5%;min-height:92px;background:#fff;border-block:1px solid #e5e7eb}.reference-heading{flex:0 0 164px;display:block}.reference-heading h2{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase;color:#667085}.marquee{flex:1;min-width:0;margin:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.track{animation-duration:40s}.logo-group{gap:52px;padding-right:52px}.logo,.logo.dark{flex:0 0 130px;width:130px;height:52px;background:none;padding:0;overflow:hidden}.logo img{width:auto;max-width:130px;max-height:32px;filter:brightness(0);opacity:.6}.logo img[alt="01net"]{max-height:42px}.logo img[alt="Excellent"]{max-height:70px}.logo img[alt="The Blockchain Group"],.logo img[alt="Keyban"]{max-height:40px}.logo img[alt="Eniblock"]{max-height:48px}.logo img[alt="Affilinet"]{max-width:155px;width:155px;max-height:none}.logo:hover img{opacity:1}.references .pause{flex:0 0 auto;border:0;background:transparent;color:#667085;font-size:12px;padding:10px 4px;text-decoration:underline;text-underline-offset:4px}.references .pause:hover{color:#142342}@media(max-width:800px){.references{padding:22px 5%;gap:14px 20px;flex-wrap:wrap}.reference-heading{flex:1}.reference-heading h2 br{display:none}.references .pause{order:1}.marquee{flex:0 0 100%;order:2}.logo-group{gap:32px;padding-right:32px}.logo,.logo.dark{flex-basis:118px;width:118px}.logo img{max-width:118px}}
@media(prefers-reduced-motion:reduce){.references{flex-wrap:wrap}.marquee{flex-basis:100%;mask-image:none}.track{animation:none;width:auto}.logo-group{gap:24px;padding:0;flex-wrap:wrap;justify-content:center;width:100%}.logo-group[aria-hidden="true"]{display:none}.references .pause{display:none}}

/* The final text item signals that the portfolio extends beyond the named references. */
.logo.text{color:#667085;font-size:30px;font-weight:700;letter-spacing:5px;line-height:1;opacity:.7}

/* Keep the short closing line of the contact heading intact on wider screens. */
.contact-copy h2{font-size:clamp(32px,3.35vw,48px)}.keep-line{white-space:nowrap}@media(max-width:800px){.keep-line{white-space:normal}}

/* Balance the three expertise columns and align their intervention lists. */
.service{display:flex;flex-direction:column}.service h3{min-height:2.4em;font-weight:700}.service ul{margin-top:auto;margin-bottom:0}@media(max-width:800px){.service h3{min-height:0}.service ul{margin-top:18px}}

/* A softer, more dimensional opening while preserving the editorial grid. */
.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:22px -3.4vw 18px;background:radial-gradient(circle at 8% 18%,rgba(32,69,189,.12),transparent 34%),radial-gradient(circle at 90% 86%,rgba(86,167,255,.17),transparent 32%),linear-gradient(135deg,#edf2ff 0%,#f8fbff 52%,#eef7ff 100%);border-radius:34px 6px 34px 6px}.hero figure{transform:translateY(8px) rotate(.35deg);transform-origin:center}.hero figure img{box-shadow:0 22px 55px rgba(20,35,66,.14)}@media(max-width:800px){.hero::before{inset:12px -3vw 8px;border-radius:24px 4px 24px 4px}.hero figure{transform:none}}

/* Light and dark variants of the 7ko2 wordmark. */
.brand{color:#111}.brand .brand-seven{color:#009db8}.brand .brand-rest{color:#111}footer{background:#142342;color:#fff;padding-top:36px;padding-bottom:36px}footer .brand .brand-seven{color:#31d4ea}footer .brand .brand-rest{color:#fff}

/* Separate executive profile from investment and governance activity. */
.about-content{display:grid}.about-panel{padding-bottom:34px}.about-panel+.about-panel{padding-top:34px;border-top:1px solid rgba(255,255,255,.24)}.about-label{margin:0 0 8px!important;color:#9fb6ff!important;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.about-panel h3{margin:0 0 18px}.investment-panel h3{font-size:24px}.about-link{justify-self:start;margin-top:4px}@media(max-width:800px){.about-panel{padding-bottom:28px}.about-panel+.about-panel{padding-top:28px}}

/* Brand cyan carries into the first expertise marker. */
.service:nth-child(1) .number{color:#009db8}

/* Preserve the requested two-line title in the third expertise column. */
.service:nth-child(3) h3{font-size:23px;letter-spacing:-.7px}.service-title-line{white-space:nowrap}@media(max-width:800px){.service:nth-child(3) h3{font-size:27px}.service-title-line{white-space:normal}}

/* Apply the dark-background wordmark treatment inside the About heading. */
.about-brand{font-weight:800;letter-spacing:-3px}.about-brand .brand-seven{color:#31d4ea}.about-brand .brand-rest{color:#fff}

/* Give expertise takeaways more depth while retaining each column's accent. */
.service:nth-child(1){--service-accent:#009db8}.service:nth-child(2){--service-accent:#b68a00}.service:nth-child(3){--service-accent:#ce2939}.service li{position:relative;border:1px solid #dde3ee;background:rgba(255,255,255,.72);padding:11px 12px 11px 30px;margin-top:8px;box-shadow:0 5px 14px rgba(20,35,66,.06)}.service li::before{content:"";position:absolute;left:13px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--service-accent);transform:translateY(-50%)}

/* Anchor the About story in Nenad's work with Europe's e-commerce ecosystem. */
.about-photo{max-width:430px;margin:42px 0 0}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1341/1000;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 44px rgba(0,0,0,.2)}.about-photo figcaption{margin-top:7px;color:#9eabc4;font-size:11px;line-height:1.4;letter-spacing:.15px}@media(max-width:800px){.about-photo{max-width:none;margin-top:30px}}

/* Balance and shorten the two About columns without sacrificing readability. */
.about{padding-block:74px}.about-grid{align-items:start}.about-photo{margin-top:30px}.about-photo img{height:380px;aspect-ratio:auto}.about-panel{padding-bottom:26px}.about-panel+.about-panel{padding-top:26px}.about-panel>p:not(.about-label){font-size:16px;line-height:1.5;margin:0 0 14px}.about-panel>p:last-child{margin-bottom:0}.about-panel h3{margin-bottom:14px}.about-link{margin-top:0}@media(max-width:800px){.about{padding-block:55px}.about-photo{margin-top:26px}.about-photo img{height:auto;aspect-ratio:1341/1000}.about-panel>p:not(.about-label){font-size:16px;line-height:1.55}}

/* The contact form sits on a cyan-backed colour plane. */
.contact-form{position:relative;background:#eef8fb;border:1px solid #d5e9ef;padding:30px 30px 34px;box-shadow:12px 12px 0 #009db8}.contact-form input,.contact-form select,.contact-form textarea{background:#fff}.captcha-field{padding-top:2px}.captcha-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.captcha-question{margin:8px 0 0;font-weight:700;color:var(--ink)}.captcha-refresh{border:0;background:transparent;padding:4px 0;color:#416071;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.captcha-field>input[name="captcha_answer"]{max-width:180px}.contact-form .privacy{margin-block:0}@media(max-width:800px){.contact-form{padding:24px 20px 28px;box-shadow:7px 7px 0 #009db8}.captcha-head{align-items:flex-start}}