:root{--bg:#3f3f3d;--bg2:#232522;--ink:#171817;--paper:#f6f4ef;--gold:#b6a66b;--gold2:#d0bd75;--muted:#6b6b67;--line:rgba(182,166,107,.32);--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(35,37,34,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{font-size:25px;letter-spacing:.34em;font-weight:300;white-space:nowrap}.brand b{font-weight:700;letter-spacing:.12em}.brand i{font-style:normal;color:var(--gold)}.menu{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.menu a{opacity:.88}.menu a:hover,.menu a.active{color:var(--gold2);opacity:1}.lang{border-left:1px solid rgba(255,255,255,.2);padding-left:24px;display:flex;gap:10px}.lang a{font-weight:700}.mobile-toggle{display:none;border:0;background:none;color:#fff;font-size:28px}
.hero{min-height:810px;background:radial-gradient(circle at 78% 38%,rgba(182,166,107,.09),transparent 28%),linear-gradient(135deg,#30312f,#1e201e);color:#fff;padding:155px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-5%;top:14%;width:58%;height:72%;opacity:.55;background-image:linear-gradient(rgba(182,166,107,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(182,166,107,.11) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;position:relative;z-index:2}.eyebrow{color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.02;letter-spacing:-.04em;margin:0 0 28px;max-width:760px}.hero h1 span{color:var(--gold2)}.hero p{font-size:18px;color:#e3e2dd;max-width:720px}.hero-actions{display:flex;gap:16px;margin:34px 0 44px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;transition:.2s}.btn.primary{background:var(--gold);color:#1f201f}.btn:hover{transform:translateY(-2px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14);padding-top:24px}.stat{padding-right:20px}.stat+.stat{border-left:1px solid rgba(255,255,255,.15);padding-left:20px}.stat strong{display:block;color:var(--gold2);font-size:19px}.stat span{font-size:12px;color:#d1d1cd}.visual{position:relative;height:430px}.chart{position:absolute;inset:35px 0 0 0}.chart svg{width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(208,189,117,.15))}.world{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(182,166,107,.09),transparent 58%);border:1px solid rgba(182,166,107,.14);border-radius:50%;transform:scale(.82);opacity:.7}
section{padding:95px 0}.section-head{text-align:center;max-width:830px;margin:0 auto 52px}.section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.08;margin:8px 0 18px;letter-spacing:-.035em}.section-head p{color:#646460;font-size:17px}.services{background:#faf9f6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #e7e3d9;padding:30px;min-height:260px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.06);border-color:var(--gold)}.icon{width:48px;height:48px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:22px;margin-bottom:22px}.card h3{font-size:21px;margin:0 0 12px}.card p{color:#696964;font-size:14px;margin:0}.card ul{padding-left:18px;color:#696964;font-size:14px}.dark{background:linear-gradient(135deg,#1f211f,#30312f);color:#fff}.dark .section-head p,.dark p{color:#d7d5ce}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split h2{font-size:clamp(34px,4vw,55px);line-height:1.08;margin:8px 0 22px}.metric-board{min-height:420px;border:1px solid rgba(182,166,107,.32);padding:26px;position:relative;background:radial-gradient(circle at 45% 50%,rgba(182,166,107,.13),transparent 42%)}.donut{width:220px;height:220px;border-radius:50%;margin:70px auto 0;background:conic-gradient(var(--gold) 0 72%,rgba(255,255,255,.09) 72%);position:relative}.donut:after{content:"";position:absolute;inset:45px;border-radius:50%;background:#252725}.metric{position:absolute;font-size:12px;color:#eee}.metric b{display:block;color:var(--gold2);font-size:20px}.m1{top:35px;left:35px}.m2{top:55px;right:35px}.m3{bottom:35px;left:35px}.m4{bottom:45px;right:35px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:26px 0}.checks div:before{content:"✓";color:var(--gold2);margin-right:9px}.process{background:#f0eee8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px;border-top:2px solid var(--gold);background:#f8f7f3}.step b{font-size:12px;color:var(--gold);letter-spacing:.12em}.step h3{font-size:20px;margin:14px 0 10px}.step p{font-size:14px;color:#66635f}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.big-number{font-size:92px;line-height:.9;color:var(--gold);font-weight:800;letter-spacing:-.06em}.about p{font-size:17px;color:#5f5f5a}.countries{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.pill{padding:8px 12px;border:1px solid #d7d0bb;font-size:12px}.contact{background:#262826;color:#fff}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact h2{font-size:45px;line-height:1.08;margin:8px 0 18px}.contact p{color:#d1d1cb}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#d9d6cc}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.22);background:#1f211f;color:#fff;padding:13px 14px;font:inherit}.field textarea{min-height:150px;resize:vertical}.legal-check{grid-column:1/-1;font-size:12px;color:#c8c7c1}.legal-check a{color:var(--gold2);text-decoration:underline}.success,.error{grid-column:1/-1;padding:12px 14px;display:none}.success{border:1px solid #7ca77c}.error{border:1px solid #b66}
footer{background:#171917;color:#c7c6c0;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-links{display:flex;gap:22px;font-size:12px}.footer-brand{font-size:15px;letter-spacing:.25em}.legal-page{padding:140px 0 90px;background:#faf9f6;min-height:100vh}.legal-page article{max-width:860px}.legal-page h1{font-size:48px}.legal-page h2{margin-top:38px}.legal-page p,.legal-page li{color:#4d4d49}.notice{padding:16px;border-left:3px solid var(--gold);background:#f1eee5;font-size:14px}.honeypot{position:absolute!important;left:-9999px!important}
@media(max-width:900px){.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#242624;flex-direction:column;padding:25px}.menu.open{display:flex}.mobile-toggle{display:block}.hero{padding-top:130px;min-height:auto}.hero-grid,.split,.about-grid,.contact-grid{grid-template-columns:1fr}.visual{height:300px}.stats{grid-template-columns:1fr 1fr;gap:18px}.stat+.stat{border-left:0;padding-left:0}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.brand{font-size:18px}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.stats,.cards,.steps,.form{grid-template-columns:1fr}.visual{height:240px}.stat+.stat{padding-left:0}.section-head{text-align:left}.metric-board{min-height:350px}.donut{width:175px;height:175px;margin-top:78px}.donut:after{inset:36px}.footer-grid{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.contact h2{font-size:38px}}

/* v2 — visual direction aligned to approved graphite / champagne-gold concept */
:root{--bg:#292a29;--bg2:#171918;--ink:#202120;--paper:#f7f6f2;--gold:#ae9d63;--gold2:#c8b474;--muted:#696964;--line:rgba(174,157,99,.34);--white:#fff;--max:1200px}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#242524}
.wrap{width:min(calc(100% - 64px),var(--max))}
.topbar{position:absolute;background:transparent;border:0;backdrop-filter:none}
.nav{height:92px}.brand{font-size:24px;letter-spacing:.32em}.brand b{letter-spacing:.12em}.menu{gap:42px;font-size:12px}.lang{padding-left:22px}
.hero{min-height:655px;padding:122px 0 54px;background:radial-gradient(circle at 72% 39%,rgba(190,168,98,.07),transparent 31%),linear-gradient(110deg,#242625 0%,#1c1e1d 55%,#171918 100%)}
.hero:after{right:0;top:92px;width:55%;height:76%;opacity:.32;background-size:34px 34px;mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:28px;align-items:center}
.hero-grid>div:first-child{position:relative;padding-left:66px}.hero-grid>div:first-child:before{content:"";position:absolute;left:0;top:-26px;width:82px;height:128px;border-left:7px solid var(--gold2);border-top:7px solid var(--gold2)}
.hero-grid>div:first-child:after{content:"";position:absolute;left:0;top:175px;width:82px;height:148px;border-left:7px solid #fff;border-bottom:7px solid #fff;opacity:.95}
.hero .eyebrow{display:none}.hero h1{font-size:clamp(46px,4.25vw,64px);line-height:1.06;letter-spacing:-.025em;margin:0 0 26px;max-width:690px;font-weight:700}.hero h1 span{color:#fff}.hero h1 br+span{}.hero h1::first-line{color:#fff}.hero p{font-size:14px;line-height:1.7;color:#e8e8e5;max-width:610px;margin:0 0 28px}
.hero-actions{margin:28px 0 0;gap:18px}.btn{padding:13px 22px;min-height:44px}.btn.primary{background:linear-gradient(110deg,#b2a267,#c4b171);border-color:#bba96b}.hero .btn:not(.primary){border-color:#9d8d57;color:#fff}
.stats{border-top:0;padding-top:0;margin-top:8px;grid-template-columns:repeat(4,1fr);max-width:700px}.stat{position:relative;min-height:52px;padding:6px 14px 4px 42px}.stat+.stat{padding-left:58px;border-left:1px solid rgba(255,255,255,.20)}.stat:before{position:absolute;left:8px;top:8px;color:var(--gold2);font-size:25px;line-height:1}.stat:nth-child(1):before{content:"▦"}.stat:nth-child(2):before{content:"▥"}.stat:nth-child(3):before{content:"◎"}.stat:nth-child(4):before{content:"▥"}.stat strong{font-size:12px;color:#fff;font-weight:500}.stat span{font-size:11px;color:#ddd;display:block;margin-top:2px}
.visual{height:420px;transform:translateX(10px)}.world{border:0;border-radius:0;transform:none;opacity:.45;background:radial-gradient(ellipse at center,rgba(174,157,99,.10),transparent 60%)}.chart{inset:8px -12px 0 -10px}.chart svg{filter:drop-shadow(0 0 15px rgba(200,180,116,.17))}
.services{padding:55px 0 58px;background:#fbfbfa}.services .section-head{margin-bottom:34px}.section-head{max-width:900px}.section-head .eyebrow{margin-bottom:10px}.section-head h2{font-size:clamp(28px,3vw,37px);letter-spacing:-.025em;margin:0 0 10px}.section-head p{font-size:14px;line-height:1.6;color:#555753;margin:0 auto;max-width:760px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.08em}
.services .cards{grid-template-columns:repeat(6,1fr);gap:0;border:0}.services .card{background:transparent;border:0;border-right:1px solid #dededb;padding:12px 18px 8px;min-height:190px;text-align:center;box-shadow:none}.services .card:last-child{border-right:0}.services .card:hover{transform:none;box-shadow:none;border-color:#dededb}.services .icon{width:auto;height:52px;border:0;font-size:36px;margin:0 auto 12px;color:var(--gold)}.services .card h3{font-size:15px;line-height:1.22;margin:0 0 12px}.services .card p{font-size:11.5px;line-height:1.55;color:#555753}.services .card:after{content:"";display:block;width:26px;border-bottom:1px solid var(--gold);margin:17px auto 0}
.dark{padding:0;background:linear-gradient(120deg,#202221,#171918);border-top:1px solid #333}.dark .wrap{width:100%;max-width:none}.dark .split{grid-template-columns:1fr 1fr;gap:0}.metric-board{min-height:430px;border:0;border-right:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 47% 50%,rgba(174,157,99,.13),transparent 40%),linear-gradient(rgba(174,157,99,.02),rgba(174,157,99,.02));overflow:hidden}.metric-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(174,157,99,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(174,157,99,.09) 1px,transparent 1px);background-size:42px 42px;opacity:.35;transform:perspective(500px) rotateX(62deg) scale(1.5);transform-origin:center 70%}.donut{width:250px;height:250px;margin:87px auto 0;background:conic-gradient(var(--gold2) 0 18%,#8e8258 18% 35%,#3a3c3b 35% 57%,#242625 57% 100%);box-shadow:0 18px 35px rgba(0,0,0,.35);transform:perspective(500px) rotateX(58deg)}.donut:after{inset:66px;background:#1c1e1d;box-shadow:inset 0 0 22px rgba(0,0,0,.7)}.dark .split>div:last-child{padding:62px 8vw 54px 55px}.dark .split h2{font-size:clamp(34px,3.3vw,49px);margin:6px 0 22px}.dark .split p{font-size:14px;max-width:590px}.checks{font-size:13px;margin:22px 0 28px}.checks div:before{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--gold);border-radius:50%;font-size:10px}.dark .btn.primary{color:#171918}
section:not(.hero):not(.services):not(.dark){padding:78px 0}.cards{grid-template-columns:repeat(3,1fr)}.card{border-color:#dfddd7}.process{background:#f3f2ee}.about{background:#fff}.contact{background:#222423}.contact .eyebrow{display:block}.contact h2{font-size:40px}.legal-page{background:#fbfbfa}.legal-page article{max-width:900px}.legal-page h1{font-size:50px}.legal-page a{color:#7c6c39;text-decoration:underline}
footer{background:#171918;border-top:1px solid rgba(174,157,99,.35)}
@media(max-width:1000px){.services .cards{grid-template-columns:repeat(3,1fr)}.services .card:nth-child(3){border-right:0}.services .card:nth-child(-n+3){border-bottom:1px solid #dededb}.hero-grid>div:first-child{padding-left:45px}.hero-grid>div:first-child:before,.hero-grid>div:first-child:after{width:55px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0!important;padding-left:42px!important}.dark .split>div:last-child{padding-right:45px}}
@media(max-width:900px){.topbar{position:absolute}.menu{background:#1b1d1c}.hero-grid{grid-template-columns:1fr}.hero{padding-top:130px}.visual{display:none}.hero-grid>div:first-child{max-width:760px}.services .cards{grid-template-columns:repeat(2,1fr)}.services .card{border-bottom:1px solid #dededb!important}.services .card:nth-child(even){border-right:0}.dark .split{grid-template-columns:1fr}.metric-board{min-height:360px;border-right:0}.dark .split>div:last-child{padding:48px 36px 55px}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero-grid>div:first-child{padding-left:28px}.hero-grid>div:first-child:before{width:36px;height:90px;border-width:4px;top:-15px}.hero-grid>div:first-child:after{display:none}.hero h1{font-size:43px}.stats{grid-template-columns:1fr 1fr}.stat,.stat+.stat{padding-left:36px;border-left:0}.stat:before{left:2px}.services .cards{grid-template-columns:1fr}.services .card{border-right:0!important}.dark .split>div:last-child{padding:42px 22px 52px}.metric-board{min-height:315px}.donut{width:190px;height:190px;margin-top:68px}.donut:after{inset:50px}}


/* v3 — fidelity pass: approved mockup visuals, SVG icons and data graphics */
.hero{overflow:hidden}.hero-grid{grid-template-columns:1.02fr .98fr;position:relative;z-index:2}.visual{height:500px;position:relative;transform:none;align-self:center}.hero-viz{width:112%;height:112%;position:absolute;right:-8%;top:-5%;overflow:visible}.hero-viz .bars rect{transition:opacity .3s ease}.hero-viz:hover .bars rect{opacity:.86}.services .icon svg{width:48px;height:48px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.services .icon{display:grid;place-items:center}.stat{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:6px 14px 4px 0;align-items:center}.stat+.stat{padding-left:18px}.stat:before{display:none}.stat-icon svg{width:28px;height:28px;fill:none;stroke:var(--gold2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat strong{display:block}.metric-board{min-height:430px;padding:0}.metric-board:before{display:none}.metric-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.donut,.metric{display:none}.dark .split>div:last-child{background:linear-gradient(120deg,#202221,#171918)}
@media(max-width:900px){.visual{display:block;height:340px;order:2}.hero-grid{grid-template-columns:1fr}.hero-viz{width:100%;height:100%;right:0;top:0}.hero{padding-bottom:30px}.metric-board{min-height:360px}}
@media(max-width:620px){.visual{height:255px;margin-top:-10px}.hero-viz{width:115%;right:-15%}.stat{grid-template-columns:28px 1fr}.stat+.stat{padding-left:0}.stat-icon svg{width:24px;height:24px}.metric-board{min-height:300px}.services .icon svg{width:44px;height:44px}}

/* v4 — strict visual fidelity to approved mockup */
.brand-image{display:flex;align-items:center;width:225px;height:auto;line-height:1;padding:0}
.brand-image img{display:block;width:100%;height:auto;max-height:30px;object-fit:contain;object-position:left center}
.hero-grid{grid-template-columns:52% 48%;gap:0}
.hero-grid>div:first-child{padding-left:58px;z-index:2}
.hero-grid>div:first-child:before{width:78px;height:116px;top:-18px;border-width:6px}
.hero-grid>div:first-child:after{display:none!important}
.hero h1{font-size:clamp(48px,4.25vw,58px);line-height:1.05;max-width:560px;margin-bottom:27px}
.hero p{max-width:520px}
.visual{height:520px;position:relative;overflow:hidden;align-self:center}
.hero-viz{display:none!important}
.hero-visual-img{position:absolute;width:118%;height:100%;right:-10%;top:0;object-fit:cover;object-position:center center;mix-blend-mode:screen;opacity:.96;filter:saturate(.95) contrast(1.04)}
.metric-board{min-height:430px;background:#1d1f1e;overflow:hidden}
.metric-board:before{display:none!important}
.bi-visual-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.donut,.metric,.metric-svg{display:none!important}
.services .icon svg{width:52px;height:52px;stroke-width:1.75}
.services .card{padding-left:14px;padding-right:14px}
@media(max-width:1100px){
  .hero h1{font-size:50px}.hero-grid>div:first-child{padding-left:50px}.brand-image{width:205px}.menu{gap:28px}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{padding-left:42px}.visual{height:320px;margin-top:5px}.hero-visual-img{width:100%;right:0;object-fit:cover}.brand-image{width:190px}
}
@media(max-width:620px){
  .brand-image{width:170px}.hero-grid>div:first-child{padding-left:26px}.hero h1{font-size:42px}.hero-grid>div:first-child:before{width:34px;height:82px;border-width:4px}.visual{height:250px}.metric-board{min-height:300px}
}
/* v5 — visual asset fix only: preserve approved layout/icons; replace cropped/low-res imagery with scalable vector graphics */
.hero-visual-img{width:112%;height:100%;right:-8%;top:0;object-fit:contain;object-position:center center;mix-blend-mode:screen;opacity:1;filter:none}
.bi-visual-img{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:auto}
@media(max-width:900px){.hero-visual-img{width:100%;right:0;object-fit:contain}}
/* v6 — exact approved mockup artwork for the two data visuals only. No layout/icon/content changes. */
.hero-visual-img{width:118%;height:108%;right:-13%;top:-4%;object-fit:contain;object-position:center center;mix-blend-mode:normal;opacity:.98;filter:none}
.bi-visual-img{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:auto}
@media(max-width:900px){.hero-visual-img{width:108%;height:100%;right:-4%;top:0;object-fit:contain}}

/* v7 — responsive hardening. Desktop appearance >= 1180px intentionally unchanged. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}

@media (max-width:1180px){
  .wrap{width:min(calc(100% - 48px),1120px)}
  .menu{gap:26px}
  .hero{min-height:620px;padding-top:118px}
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}
  .hero-grid>div:first-child{padding-left:48px}
  .hero h1{font-size:clamp(46px,5vw,58px)}
  .hero p{max-width:560px}
  .visual{height:450px}
  .stats{max-width:100%}
  .stat{min-width:0}
  .stat strong,.stat span{overflow-wrap:anywhere}
  .services .card{padding-left:10px;padding-right:10px}
  .services .card h3{font-size:14px}
  .services .card p{font-size:11px}
}

@media (max-width:980px){
  .wrap{width:min(calc(100% - 40px),900px)}
  .nav{height:78px}
  .topbar{position:absolute}
  .mobile-toggle{display:block;cursor:pointer}
  .menu{display:none;position:absolute;top:78px;left:20px;right:20px;padding:22px;background:rgba(24,26,25,.98);border:1px solid rgba(174,157,99,.22);flex-direction:column;align-items:flex-start;gap:18px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
  .menu.open{display:flex}
  .lang{padding-left:0;border-left:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);width:100%}
  .hero{padding:112px 0 42px;min-height:auto}
  .hero-grid{grid-template-columns:1fr;gap:12px}
  .hero-grid>div:first-child{padding-left:42px;max-width:760px}
  .hero-grid>div:first-child:before{width:52px;height:95px;top:-14px;border-width:5px}
  .hero h1{font-size:clamp(45px,7vw,58px);max-width:680px}
  .hero p{max-width:700px}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}
  .visual{display:block;height:330px;margin-top:8px}
  .hero-visual-img{width:100%;height:100%;right:0;top:0;object-fit:contain;object-position:center}
  .services{padding:54px 0}
  .services .cards{grid-template-columns:repeat(3,1fr)}
  .services .card{padding:20px 16px 18px;min-height:210px}
  .services .card:nth-child(3n){border-right:0}
  .services .card:nth-child(-n+3){border-bottom:1px solid #dededb}
  .services .card:nth-child(3){border-right:0}
  .services .card:nth-child(4){border-left:0}
  .services .card h3{font-size:15px}
  .services .card p{font-size:12px}
  .dark .split{grid-template-columns:1fr}
  .metric-board{min-height:390px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .bi-visual-img{object-fit:cover;object-position:center}
  .dark .split>div:last-child{padding:48px 40px 54px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
}

@media (max-width:720px){
  .wrap{width:min(calc(100% - 30px),680px)}
  .brand-image{width:175px}
  .hero{padding-top:105px}
  .hero-grid>div:first-child{padding-left:26px}
  .hero-grid>div:first-child:before{width:32px;height:72px;border-width:4px;top:-8px}
  .hero h1{font-size:clamp(38px,11vw,48px);line-height:1.06;margin-bottom:22px}
  .hero p{font-size:15px;line-height:1.65}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px;margin:26px 0 30px}
  .hero-actions .btn{width:100%}
  .stats{grid-template-columns:1fr 1fr;gap:0}
  .stat,.stat+.stat{padding:12px 12px 12px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .stat:nth-child(odd){padding-right:14px}
  .stat:nth-child(even){padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}
  .visual{height:260px;margin-top:6px}
  .hero-visual-img{width:108%;right:-4%}
  section{padding:64px 0}
  .section-head{margin-bottom:32px;text-align:center}
  .section-head h2{font-size:32px}
  .services .cards{grid-template-columns:repeat(2,1fr)}
  .services .card{border-bottom:1px solid #dededb!important;min-height:220px}
  .services .card:nth-child(odd){border-right:1px solid #dededb}
  .services .card:nth-child(even){border-right:0}
  .services .card:nth-last-child(-n+2){border-bottom:0!important}
  .metric-board{min-height:330px}
  .dark .split>div:last-child{padding:40px 24px 48px}
  .dark .split h2{font-size:36px}
  .checks{grid-template-columns:1fr;gap:9px}
  .cards,.steps,.form{grid-template-columns:1fr}
  .about-grid{gap:26px}
  .big-number{font-size:72px}
  .contact h2{font-size:36px}
  .footer-grid{flex-direction:column;align-items:flex-start}
  .footer-links{flex-wrap:wrap}
  .legal-page{padding-top:110px}
  .legal-page h1{font-size:38px}
}

@media (max-width:480px){
  .wrap{width:calc(100% - 24px)}
  .nav{height:72px}
  .menu{top:72px;left:12px;right:12px}
  .brand-image{width:155px}
  .mobile-toggle{font-size:24px}
  .hero{padding-top:96px}
  .hero-grid>div:first-child{padding-left:20px}
  .hero-grid>div:first-child:before{left:-1px;width:25px;height:62px;border-width:3px}
  .hero h1{font-size:36px;letter-spacing:-.03em}
  .stats{grid-template-columns:1fr}
  .stat,.stat+.stat,.stat:nth-child(even){padding:11px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .stat:nth-child(3){padding-left:0!important}
  .stat:first-child{border-top:0}
  .visual{height:215px}
  .services .cards{grid-template-columns:1fr}
  .services .card,.services .card:nth-child(odd){border-right:0!important;border-bottom:1px solid #dededb!important;min-height:auto;padding:24px 14px}
  .services .card:last-child{border-bottom:0!important}
  .metric-board{min-height:250px}
  .bi-visual-img{object-position:center}
  .section-head{text-align:left}
  .section-head h2{font-size:29px}
  .dark .split h2{font-size:32px}
  .btn{padding:13px 16px}
  .countries{gap:7px}
  .pill{font-size:11px}
}

/* Avoid viewport-dependent clipping in Safari and older Chromium builds. */
@supports (-webkit-touch-callout:none){
  .hero{min-height:-webkit-fill-available}
  .hero-visual-img,.bi-visual-img{transform:translateZ(0)}
}

/* v8 — BI visual only: preserve v7 layout, improve positioning & sharpness */
.dark .metric-board{
  min-height:460px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px 42px 34px 56px;
  background:#1d1f1e;
  overflow:hidden;
}
.dark .metric-board .bi-visual-img{
  position:static;
  inset:auto;
  width:min(100%, 920px);
  height:auto;
  max-height:390px;
  object-fit:contain;
  object-position:center;
  display:block;
  image-rendering:auto;
  transform:translateZ(0);
}
@media(max-width:1200px){
  .dark .metric-board{min-height:420px;padding:28px 32px 28px 40px}
  .dark .metric-board .bi-visual-img{max-height:360px}
}
@media(max-width:900px){
  .dark .metric-board{min-height:390px;padding:26px 30px}
  .dark .metric-board .bi-visual-img{width:min(100%, 760px);max-height:340px}
}
@media(max-width:620px){
  .dark .metric-board{min-height:320px;padding:20px 16px}
  .dark .metric-board .bi-visual-img{width:100%;max-height:280px}
}
@media(max-width:420px){
  .dark .metric-board{min-height:275px;padding:16px 12px}
  .dark .metric-board .bi-visual-img{max-height:240px}
}

/* v9: simplified email-only contact */
.contact-simple{align-items:center}
.contact-mail{border-left:1px solid rgba(198,170,96,.35);padding-left:clamp(28px,5vw,72px)}
.contact-mail h3{font-size:clamp(1.6rem,2.4vw,2.5rem);margin:.35rem 0 1rem;color:#fff}
.contact-mail p{max-width:620px;margin-bottom:1.6rem}
@media(max-width:800px){.contact-mail{border-left:0;border-top:1px solid rgba(198,170,96,.35);padding-left:0;padding-top:28px}}

/* v10: use the actual JDS-Brands logo in the footer and keep the header dash white */
.footer-brand-image{display:flex;align-items:center;width:205px;letter-spacing:0}
.footer-brand-image img{display:block;width:100%;height:auto;max-height:30px;object-fit:contain;object-position:left center}
@media(max-width:620px){.footer-brand-image{width:175px}}

/* v12 — BI graphic: crisp HTML labels over the visual. The generated-image
   lettering is masked locally so the chart itself stays unchanged. */
.dark .metric-board{position:relative}
.bi-labels{position:absolute;inset:0;pointer-events:none;z-index:2;font-family:Arial,Helvetica,sans-serif}
.bi-label{position:absolute;color:#f3f1eb;line-height:1.18;text-shadow:0 1px 5px rgba(0,0,0,.9);font-size:clamp(12px,1.05vw,16px);font-weight:500;padding:10px 14px;border-radius:3px;background:radial-gradient(ellipse at center,rgba(25,28,27,.97) 0%,rgba(25,28,27,.88) 55%,rgba(25,28,27,0) 78%)}
.bi-label span,.bi-label strong{display:block}.bi-label strong{font-size:1.18em;margin-top:5px;font-weight:600;color:#fff}
.bi-tl{left:4.5%;top:14%;min-width:190px}
.bi-tc{left:42%;top:3%;min-width:135px}
.bi-tr{right:3.5%;top:9%;min-width:190px}
.bi-ml{left:9%;top:43%;min-width:145px}
.bi-bl{left:4.5%;bottom:8%;min-width:230px}
@media(max-width:1200px){.bi-label{font-size:12px}.bi-tl{min-width:165px}.bi-tr{min-width:165px}.bi-bl{min-width:205px}}
@media(max-width:900px){.bi-label{font-size:clamp(11px,2vw,14px)}.bi-tl{left:4%;top:13%}.bi-tc{left:43%;top:4%}.bi-tr{right:3%;top:10%}.bi-ml{left:8%;top:43%}.bi-bl{left:4%;bottom:8%}}
@media(max-width:620px){.bi-label{padding:6px 8px;font-size:10px}.bi-label strong{margin-top:2px}.bi-tl{left:1%;top:12%;min-width:130px}.bi-tc{left:41%;top:1%;min-width:100px}.bi-tr{right:0;top:8%;min-width:130px}.bi-ml{left:5%;top:43%;min-width:105px}.bi-bl{left:1%;bottom:5%;min-width:165px}}
@media(max-width:420px){.bi-label{font-size:9px}.bi-tl{min-width:112px}.bi-tc{min-width:88px}.bi-tr{min-width:112px}.bi-ml{min-width:95px}.bi-bl{min-width:145px}}

/* v13 — BI labels are anchored to the image itself, not the full column.
   Small local masks cover only the original raster lettering. */
.dark .metric-board{display:flex;align-items:center;justify-content:center}
.bi-image-wrap{position:relative;width:min(100%,920px);line-height:0}
.dark .metric-board .bi-image-wrap .bi-visual-img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;display:block}
.bi-image-wrap .bi-labels{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:Arial,Helvetica,sans-serif;line-height:1.15}
.bi-image-wrap .bi-label{position:absolute;padding:5px 8px;color:#eee;background:rgba(24,27,26,.92);box-shadow:0 0 12px 8px rgba(24,27,26,.72);border-radius:0;text-shadow:none;font-size:clamp(10px,.86vw,14px);font-weight:400;white-space:nowrap;min-width:0}
.bi-image-wrap .bi-label strong{display:block;margin-top:3px;color:#f3f1eb;font-size:1.08em;font-weight:500}
.bi-image-wrap .bi-tl{left:5.5%;top:18%}
.bi-image-wrap .bi-tc{left:42.5%;top:8%}
.bi-image-wrap .bi-tr{right:7%;top:15%}
.bi-image-wrap .bi-ml{left:11.5%;top:47%}
.bi-image-wrap .bi-bl{left:5.5%;bottom:10%}
@media(max-width:900px){.bi-image-wrap{width:min(100%,760px)}.bi-image-wrap .bi-label{font-size:clamp(9px,1.5vw,12px);padding:4px 6px;box-shadow:0 0 9px 6px rgba(24,27,26,.75)}}
@media(max-width:620px){.bi-image-wrap{width:100%}.bi-image-wrap .bi-label{font-size:8px;padding:3px 4px;box-shadow:0 0 7px 4px rgba(24,27,26,.78)}.bi-image-wrap .bi-label strong{margin-top:2px}.bi-image-wrap .bi-tl{left:4%;top:17%}.bi-image-wrap .bi-tc{left:41%;top:7%}.bi-image-wrap .bi-tr{right:4%;top:14%}.bi-image-wrap .bi-ml{left:10%;top:46%}.bi-image-wrap .bi-bl{left:4%;bottom:9%}}

/* v14: final Business Intelligence artwork — no text overlays */
.bi-labels,.bi-label,.bi-image-wrap{display:none!important}
.dark .metric-board{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;background:#111514}
.dark .metric-board .bi-visual-img.bi-v14{position:static!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;display:block!important}
@media(max-width:900px){.dark .metric-board{min-height:390px}.dark .metric-board .bi-visual-img.bi-v14{object-fit:cover!important}}
@media(max-width:620px){.dark .metric-board{min-height:300px}.dark .metric-board .bi-visual-img.bi-v14{object-position:center center!important}}

/* v16 – Hero-Kompetenzpunkte zurück auf die ausgewogene Darstellung aus v14.
   Inhalte aus v15 bleiben erhalten; nur die erzwungenen Einzeiler wurden entfernt. */
@media (min-width:1001px){
  .hero .stats{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}
  .hero .stat{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:6px 14px 4px 0;align-items:center}
  .hero .stat+.stat{padding-left:18px}
  .hero .stat-icon svg{width:28px;height:28px}
  .hero .stat strong{font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:normal;word-break:normal}
  .hero .stat span{font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:normal;word-break:normal}
}

/* v17 – Hero facts: balanced desktop rhythm.
   Keep the familiar v14 structure, but give the longer Strategy item enough room
   so all four facts have a comparable visual height. */
@media (min-width:1180px){
  .hero .stats{
    width:840px;
    max-width:none;
    grid-template-columns:1fr 1.18fr 1fr 1.05fr;
  }
  .hero .stat{
    grid-template-columns:30px minmax(0,1fr);
    gap:10px;
    padding-right:18px;
  }
  .hero .stat+.stat{padding-left:20px}
  .hero .stat:nth-child(2) strong{white-space:nowrap;font-size:11.8px;letter-spacing:-.01em}
  .hero .stat strong{line-height:1.35}
  .hero .stat span{line-height:1.45}
}

@media (min-width:1001px) and (max-width:1179px){
  .hero .stats{
    width:760px;
    max-width:none;
    grid-template-columns:1fr 1.16fr 1fr 1.04fr;
  }
  .hero .stat{padding-right:14px}
  .hero .stat+.stat{padding-left:16px}
  .hero .stat:nth-child(2) strong{white-space:nowrap;font-size:11.2px;letter-spacing:-.015em}
}


/* v18 — balanced hero fact labels + reliable legal-page navigation */
@media (min-width:1001px){
  .hero .stats{
    width:760px;
    max-width:none;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .hero .stat{
    grid-template-columns:30px minmax(0,1fr);
    gap:10px;
    padding:6px 14px 4px 0;
  }
  .hero .stat+.stat{padding-left:18px}
  .hero .stat strong{
    white-space:normal!important;
    font-size:12px!important;
    letter-spacing:0!important;
    line-height:1.35;
  }
  .hero .stat span{line-height:1.4}
}
.legal-page + footer .footer-links a,
.legal-page a.back-to-site{color:inherit}
.back-to-site{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(198,170,96,.65);
  color:#fff!important;
  text-decoration:none!important;
  opacity:1!important;
}
.back-to-site:hover{background:var(--gold);color:#1f201f!important}

/* v19 — deliberate hero fact line breaks + full site chrome on legal pages */
@media (min-width:1001px){
  .hero .stat span{white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important}
  .hero .stat span br{display:block}
}
.legal-page~footer{}
body:has(.legal-page) .topbar{position:absolute;background:#232522;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:none}
body:has(.legal-page) .legal-page{padding-top:140px}