@font-face{font-family:Sohne;src:url('assets/fonts/Sohne-Leicht.otf')}@font-face{font-family:Sohne;src:url('assets/fonts/Sohne-Halbfett.otf');font-weight:600}@font-face{font-family:Tiempos;src:url('assets/fonts/TiemposText-Regular.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--navy:#0d172c;--navy2:#15233d;--ink:#111b31;--paper:#f7f8fa;--mist:#eaf1fa;--blue:#2266eb;--cyan:#20b8ee;--orange:#ffa500;--red:#ef5a5a;--green:#159b86;--line:#d9e1eb;--muted:#617089;--pad:max(24px,6vw)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Sohne,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit}.progress{position:fixed;z-index:1000;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.13)}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),var(--cyan))}.site-header{position:fixed;z-index:900;left:0;right:0;top:0;height:76px;display:flex;align-items:center;gap:28px;padding:8px var(--pad);color:#fff;background:rgba(13,23,44,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;width:54px;height:54px;align-items:center;overflow:hidden}.brand img{width:54px;height:54px;object-fit:contain}.header-chapter{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-right:auto}.source-link{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--orange)}.nav-toggle{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:8px 12px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;cursor:pointer}.site-nav{position:absolute;top:76px;right:var(--pad);width:min(360px,calc(100vw - 32px));padding:10px;background:var(--navy);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.25);display:none}.site-nav.is-open{display:grid}.site-nav a{text-decoration:none;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.site-nav a:last-child{border:0}.site-nav a.is-active{color:var(--cyan)}.hero{position:relative;min-height:100svh;padding:145px var(--pad) 70px;background:var(--navy);color:#fff;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);align-items:end}.hero:before{content:'';position:absolute;width:34vw;height:140vh;right:8vw;top:-30vh;background:var(--orange);transform:rotate(18deg);opacity:.95}.hero:after{content:'';position:absolute;width:18vw;height:120vh;right:29vw;top:-22vh;border:1px solid rgba(255,255,255,.22);transform:rotate(18deg)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.hero-copy,.hero-signal,.scroll-cue{position:relative;z-index:2}.kicker,.section-no{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.kicker{color:var(--cyan)}h1{font-size:clamp(58px,7.7vw,122px);line-height:.91;letter-spacing:-.07em;max-width:990px;margin:24px 0;font-weight:600}h1 em,h2 em{font-family:Tiempos,Georgia,serif;font-weight:400}.hero-deck{max-width:570px;color:#b8c6db;font-size:19px}.hero-signal{justify-self:end;text-align:right;background:rgba(13,23,44,.88);border-top:5px solid var(--cyan);padding:24px;min-width:280px}.hero-signal span,.hero-signal i{display:block;font-style:normal;font-size:11px;letter-spacing:.12em}.hero-signal strong{display:block;font-size:72px;letter-spacing:-.07em;line-height:1;margin:20px 0}.hero-signal small{font-size:.35em}.scroll-cue{position:absolute;left:var(--pad);bottom:30px;text-transform:uppercase;text-decoration:none;font-size:10px;letter-spacing:.12em}.scroll-cue span{color:var(--orange);margin-left:10px}.section{padding:130px var(--pad)}.section-head{margin-bottom:70px}.section-head.split{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-head h2{font-size:clamp(42px,5.6vw,84px);line-height:.98;letter-spacing:-.06em;margin:18px 0 0;max-width:1000px}.section-no{color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article{background:#fff;border:1px solid var(--line);padding:26px;min-height:280px;display:flex;flex-direction:column}.metric-grid article:nth-child(1){border-top:5px solid var(--blue)}.metric-grid article:nth-child(2){border-top:5px solid var(--orange)}.metric-grid article:nth-child(3){border-top:5px solid var(--cyan)}.metric-grid article:nth-child(4){border-top:5px solid var(--green)}.metric-grid span,.velocity p{font-size:10px;letter-spacing:.1em}.metric-grid strong{font-size:clamp(44px,5vw,74px);letter-spacing:-.07em;line-height:1;margin:auto 0 18px}.metric-grid p{color:var(--muted);margin:0}.velocity{margin-top:12px;background:var(--navy);color:#fff;padding:24px 28px;display:flex;gap:34px;align-items:center}.velocity p{margin-right:auto;color:#9db0cc;text-transform:uppercase}.velocity strong{font-weight:400}.velocity strong span{color:var(--cyan);font-weight:600}.benchmark{display:grid;grid-template-columns:1fr 1fr;background:#e8edf4}.benchmark-sticky{position:sticky;top:76px;height:calc(100vh - 76px);padding:110px 6vw 60px;align-self:start}.benchmark-sticky h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.06em}.benchmark-viz{margin-top:70px}.bench-row{margin:0 0 42px}.bench-row>div:first-child{display:flex;justify-content:space-between}.bench-row span,.bench-row small{font-size:10px;letter-spacing:.1em}.bench-row b{font-size:14px}.tracks{position:relative;height:40px;margin:10px 0;background:#d4dbe5}.tracks i{position:absolute;left:0;height:16px;transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1);width:calc(var(--value) * 4%)}.benchmark.is-visible .tracks i{transform:scaleX(1)}.tracks .global{top:4px;background:var(--navy)}.tracks .sa{bottom:4px;background:var(--orange);z-index:2}.bench-row small{display:block;text-align:right}.bench-legend{display:flex;gap:20px}.bench-legend span:before{content:'';display:inline-block;width:20px;height:4px;background:var(--orange);margin-right:7px}.bench-legend span:last-child:before{background:var(--navy)}.benchmark-steps{padding:15vh 7vw}.story-step{min-height:75vh;display:flex;flex-direction:column;justify-content:center;max-width:480px;opacity:.35;transition:.5s}.story-step.is-active{opacity:1}.story-step span{color:var(--orange);font-size:12px}.story-step h3{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em;margin:22px 0}.story-step p{color:var(--muted);font-size:18px}.tabs{display:flex;border:1px solid var(--line);padding:4px}.tab{border:0;background:transparent;padding:12px 18px;cursor:pointer;color:var(--muted)}.tab.is-active{background:var(--navy);color:#fff}.force-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.force-panel[hidden]{display:none}.force-panel article{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);padding:25px;min-height:250px}.force-panel article:nth-child(2n){border-top-color:var(--cyan)}.force-panel article:nth-child(3n){border-top-color:var(--orange)}.force-panel b{color:var(--blue);font-size:12px}.force-panel h3{font-size:27px;line-height:1.05;margin:45px 0 18px}.force-panel p{color:var(--muted);margin:0}.dark{background:var(--navy);color:#fff}.dark .section-no{color:var(--cyan)}.capability{position:relative}.cap-list{width:70%;border-top:1px solid rgba(255,255,255,.2)}.cap-row{width:100%;display:grid;grid-template-columns:1.25fr .7fr .8fr;text-align:left;gap:20px;border:0;border-bottom:1px solid rgba(255,255,255,.2);padding:22px 10px;background:transparent;color:#fff;cursor:pointer}.cap-row span{font-size:20px}.cap-row i,.cap-row b{font-size:13px;font-style:normal;font-weight:400;color:#91a1b9}.cap-row.is-active{background:#fff;color:var(--navy);padding-left:18px}.cap-row.is-active b{color:var(--blue)}.cap-impact{position:absolute;right:var(--pad);bottom:130px;width:24%;border-top:5px solid var(--orange);padding-top:18px}.cap-impact span{font-size:10px;letter-spacing:.12em;color:var(--orange)}.cap-impact p{font-family:Tiempos,serif;font-size:26px;line-height:1.2}.search,.matrix-control{display:grid;gap:7px;min-width:250px}.search span,.matrix-control span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.search input,.matrix-control select{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;outline:none}.sector-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.sector-filters button{border:1px solid var(--line);background:#fff;padding:9px 13px;cursor:pointer}.sector-filters button.is-active{background:var(--navy);color:#fff}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-card{min-height:190px;border:1px solid var(--line);background:#fff;padding:22px;display:flex;flex-direction:column}.player-card span{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.player-card h3{font-size:25px;margin:auto 0 0}.player-card p{color:var(--muted);font-size:13px}.matrix{background:#fff}.matrix-wrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;min-width:1220px;width:100%}th,td{text-align:left;padding:15px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:1}th:first-child,td:first-child{position:sticky;left:0;z-index:2}td:first-child{background:#fff;font-weight:600}tbody tr.is-dim{opacity:.18}.status{display:inline-block;border-radius:99px;padding:5px 9px;font-size:11px;white-space:nowrap}.status.full,.legend .full{background:#d8f7e7;color:#12673f}.status.part,.legend .part{background:#fff2b6;color:#765700}.status.none,.legend .none{background:#ffe0e0;color:#9d2b2b}.status.na,.legend .na{background:#e7edf4;color:#52637b}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.legend span{padding:6px 10px;font-size:11px}.quadrant{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 0 36px 42px}.quad{border:1px dashed #58657a;min-height:280px;padding:26px}.quad:first-child{background:#182b4c;border:1px solid var(--cyan)}.quad h3{text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:#9eabc0}.quad p{display:flex;flex-wrap:wrap;gap:8px}.quad span{border:1px solid #64728a;border-radius:99px;padding:7px 11px;font-size:13px}.quad:first-child span{border-color:var(--cyan)}.axis{position:absolute;font-size:10px;letter-spacing:.1em;color:#8391a8}.axis-y{left:0;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}.axis-x{right:0;bottom:0}.takeaway-list{border-top:1px solid var(--ink)}.takeaway-list article{display:grid;grid-template-columns:70px .8fr 1.2fr;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.takeaway-list span{color:var(--orange)}.takeaway-list h3{font-size:29px;letter-spacing:-.03em;margin:0}.takeaway-list p{color:var(--muted);margin:0}.workstreams{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workstreams article{border:1px solid var(--line);border-top:5px solid var(--blue);padding:30px;min-height:350px;display:flex;flex-direction:column}.workstreams article:last-child{border-top-color:var(--cyan)}.workstreams span{font-size:11px;letter-spacing:.1em;color:var(--blue)}.workstreams h3{font-size:35px;line-height:1;margin:45px 0 20px}.workstreams p{color:var(--muted)}.milestone{margin-top:auto;padding:15px;background:var(--mist);display:flex;justify-content:space-between;align-items:center}.milestone time{background:var(--blue);color:#fff;border-radius:99px;padding:8px 12px}.source{background:#eef2f7}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.source-grid p{font-family:Tiempos,serif;font-size:25px;line-height:1.4;margin:0}.source-grid a{background:var(--navy);color:#fff;text-decoration:none;padding:25px;align-self:start;display:flex;justify-content:space-between}.partners{border-top:1px solid var(--line);margin-top:90px;padding-top:20px}.partners>span{font-size:10px;letter-spacing:.1em}.partners div{display:flex;align-items:center;gap:55px;margin-top:35px}.partners img{width:150px;height:55px;object-fit:contain}.partners img:first-child{background:#fff;padding:8px}.partners img:last-child{width:180px}footer{background:#070d1a;color:#fff;padding:60px var(--pad);display:flex;align-items:center;gap:50px}footer img{width:90px;height:90px;object-fit:contain}footer p{font-size:21px;margin-right:auto}footer p span{color:#8090a8;font-size:14px}footer a{color:var(--cyan);font-size:13px}.section:not(.source),.player-card,.force-panel article,.takeaway-list article{opacity:0;transform:translateY(34px);transition:opacity .75s,transform .75s}.section.is-visible,.player-card.is-visible,.force-panel article.is-visible,.takeaway-list article.is-visible{opacity:1;transform:none}
@media(max-width:900px){.source-link{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero:before{right:-22vw;width:54vw}.hero-signal{justify-self:start;margin-top:50px}.metric-grid,.player-grid{grid-template-columns:1fr 1fr}.benchmark{display:block}.benchmark-sticky{position:relative;top:auto;height:auto;padding:110px var(--pad) 70px}.benchmark-steps{padding:0 var(--pad) 80px}.story-step{min-height:auto;padding:55px 0;opacity:1}.force-panel{grid-template-columns:1fr 1fr}.section-head.split{display:block}.section-head.split>div+*{margin-top:30px}.cap-list{width:100%}.cap-row{grid-template-columns:1fr}.cap-impact{position:relative;right:auto;bottom:auto;width:100%;margin-top:50px}.quadrant{grid-template-columns:1fr}.workstreams,.source-grid{grid-template-columns:1fr}.partners div{gap:25px;flex-wrap:wrap}}
@media(max-width:600px){html{scroll-padding-top:66px}.site-header{height:66px;padding:7px 18px}.brand,.brand img{width:48px;height:48px}.header-chapter{font-size:9px}.nav-toggle{padding:7px 9px}.site-nav{top:66px;right:16px}.hero{min-height:100svh;padding:115px 22px 70px}.hero:before{right:-34vw;width:62vw;opacity:.88}.hero-copy{align-self:start}h1{font-size:15vw}.hero-deck{font-size:16px;max-width:86%}.hero-signal{min-width:220px;padding:16px}.hero-signal strong{font-size:54px}.section{padding:90px 22px}.section-head{margin-bottom:45px}.section-head h2{font-size:12vw}.metric-grid,.player-grid,.force-panel{grid-template-columns:1fr}.metric-grid article{min-height:210px}.velocity{display:block}.velocity strong{display:block;margin-top:10px}.benchmark-sticky{padding:90px 22px 55px}.benchmark-sticky h2{font-size:12vw}.cap-row{padding:18px 6px}.cap-row span{font-size:18px}.takeaway-list article{grid-template-columns:42px 1fr}.takeaway-list p{grid-column:2}.workstreams{grid-template-columns:1fr}.workstreams article{min-height:320px}.milestone{align-items:flex-start;gap:12px;flex-direction:column}.source-grid p{font-size:21px}.partners img{width:120px}.quadrant{padding-left:24px}.quad{min-height:220px;padding:18px}footer{display:block;padding:50px 22px}footer p{margin:25px 0}.matrix-control{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.section:not(.source),.player-card,.force-panel article,.takeaway-list article{opacity:1;transform:none}.tracks i{transform:scaleX(1)}}
html:not(.js) .section:not(.source),html:not(.js) .player-card,html:not(.js) .force-panel article,html:not(.js) .takeaway-list article{opacity:1;transform:none}
.chapter{scroll-margin-top:80px}@media(max-width:600px){.chapter{scroll-margin-top:68px}}
.site-header .brand{width:auto;height:58px;overflow:visible;flex-shrink:0}.site-header .brand__logo-box{display:flex;align-items:center;justify-content:center;width:184px;height:58px;padding:5px 12px;background:#fff}.site-header .brand__logo-box img{display:block;width:100%;height:100%;object-fit:contain}footer .footer__logo-box{display:flex;align-items:center;justify-content:center;width:184px;height:64px;padding:5px 12px;background:#fff}footer .footer__logo-box img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:600px){.site-header{height:72px}.site-header .brand,.site-header .brand__logo-box{height:52px}.site-header .brand__logo-box{width:148px;padding:4px 8px}.site-header .site-nav{top:72px}footer .footer__logo-box{width:164px;height:58px}}
/* Shared South Africa Retail Media visual system. */
.site-header{background:rgba(247,248,250,.96);color:var(--ink);border-bottom:1px solid rgba(17,27,49,.18)}.site-header .brand{gap:12px}.site-header .brand__logo-box{background:transparent;width:122px;height:58px;padding:0}.site-header .brand__logo-box img{object-fit:contain}.brand__divider{width:1px;height:32px;background:#b8c0cc}.brand__datt{display:flex;align-items:center;justify-content:center;width:112px;height:42px;padding:4px 7px;background:#fff}.brand__datt img{display:block;width:100%;height:100%;object-fit:contain}.header-chapter{color:var(--ink)}.nav-toggle{border-color:rgba(17,27,49,.35);color:var(--ink)}.site-header .source-link{color:var(--ink)}.site-nav{background:var(--paper);color:var(--ink);border-color:rgba(17,27,49,.2)}.site-nav a{border-color:var(--line)}.hero{background-image:linear-gradient(90deg,rgba(13,23,44,.98) 0%,rgba(13,23,44,.9) 42%,rgba(13,23,44,.24) 82%,rgba(13,23,44,.1) 100%),url('assets/concept/retail-media-hero.png');background-position:center;background-size:cover}.hero:before,.hero:after{display:none}.hero-grid{opacity:.6}.hero-signal{background:rgba(13,23,44,.82);backdrop-filter:blur(8px)}.hero-copy{max-width:850px}.hero-deck{color:#e1e7f0}.section-no{letter-spacing:.15em}.pulse{background:var(--paper) url('assets/concept/retail-media-wash.png') center top/cover no-repeat;background-blend-mode:soft-light}.footer__logo-box{background:transparent!important;width:122px!important;height:58px!important;padding:0!important}.footer__logo-box img{object-fit:contain}@media(max-width:600px){.site-header{height:72px;background:rgba(247,248,250,.98)}.site-header .brand{gap:7px}.site-header .brand__logo-box{width:98px;height:52px}.brand__divider{height:25px}.brand__datt{width:74px;height:34px;padding:3px}.header-chapter{color:var(--ink)}.hero{background-image:linear-gradient(180deg,rgba(13,23,44,.95) 0%,rgba(13,23,44,.72) 62%,rgba(13,23,44,.26) 100%),url('assets/concept/retail-media-portrait.png');background-position:center;background-size:cover}}