:root{--qs-navy:#0d1b2a;--qs-navy-2:#162840;--qs-gold:#c8a96a;--qs-ink:#263849;--qs-muted:#68798a;--qs-line:#d8e2e9;--qs-frost:#f4f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--qs-ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}body>header,.top{min-height:72px;padding:0 clamp(20px,6vw,88px)!important;background:rgba(7,16,26,.98)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;position:sticky!important;top:0;z-index:50;border-bottom:1px solid #ffffff14}body>header a:first-child,.top .brand{display:flex;align-items:center;min-height:72px;color:#fff!important;text-decoration:none!important;font-size:0!important;letter-spacing:0!important}body>header a:first-child:before,.top .brand:before{content:"";display:block;width:154px;height:48px;background:url('/assets/quantis-logo-transparent.png') left center/contain no-repeat}body>header a:not(:first-child),.top a:not(.brand),.nav a{color:#d8e2e9!important;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hero{position:relative;overflow:hidden;background-color:var(--qs-navy)!important;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(135deg,var(--qs-navy),var(--qs-navy-2))!important;background-size:72px 72px,72px 72px,auto!important;padding:clamp(58px,8vw,104px) 20px!important;border-bottom:1px solid #ffffff12}.hero .wrap,.wrap{width:min(1100px,100%);margin-inline:auto}.ey,.stag{color:var(--qs-gold)!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-weight:700}.hero h1{max-width:920px;color:#fff;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(40px,6vw,72px)!important;font-weight:400!important;line-height:1.04!important;letter-spacing:-.025em;margin:14px 0 22px!important}.hero p{max-width:780px;color:#c7d2dc!important;font-size:18px!important;line-height:1.75}main{padding:clamp(52px,7vw,84px) 20px!important}h2,h3{color:var(--qs-navy);font-family:Georgia,'Times New Roman',serif}h2{line-height:1.16}.grid,.resources{gap:20px!important}.card,.resource,.panel{background:#fff;border:1px solid var(--qs-line)!important;border-radius:0!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease}.card:hover,.resource:hover{transform:translateY(-3px);border-color:var(--qs-gold)!important}.card,.resource{padding:28px!important}.card p,.resource p,.lead{color:var(--qs-muted)}.button,.btn,.resource a,.proof a,.cta a{display:inline-block;border:0!important;border-radius:0!important;background:var(--qs-gold)!important;color:var(--qs-navy)!important;padding:12px 18px!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em}.button:hover,.resource a:hover,.proof a:hover,.cta a:hover{filter:brightness(1.06)}.cta,.proof,.take{border:1px solid var(--qs-line)!important;border-top:3px solid var(--qs-gold)!important;background:var(--qs-frost)!important;padding:clamp(26px,4vw,40px)!important}.contact,.newsletter{background:var(--qs-navy)!important}.contact h2,.newsletter h2{color:#fff!important}footer,.footer{background:#07101a!important;color:#8fa1b0!important;padding:32px 20px!important;text-align:center!important;font-size:13px!important}footer a,.footer a{color:#d8e2e9!important}body:not(:has(footer))::after{content:"© 2026 Quantis Strategy · Mermoz-Sacré-Cœur, Dakar, Sénégal\A conseils@quantisstrategy.com · +221 77 481 91 58";white-space:pre-line;display:block;background:#07101a;color:#8fa1b0;padding:30px 20px;text-align:center;font-size:13px;line-height:1.8}@media(max-width:800px){body>header,.top{min-height:64px;padding:0 18px!important;flex-direction:row!important;align-items:center!important}body>header a:first-child,.top .brand{min-height:64px}body>header a:first-child:before,.top .brand:before{width:124px;height:42px}body>header a:not(:first-child),.top .back{font-size:11px!important;text-align:right}.top .nav{display:flex;gap:12px;overflow-x:auto}.top .nav a:not(.cta):not(.lang){display:none}.hero{padding:54px 20px!important}.hero h1{font-size:clamp(38px,11vw,54px)!important}.grid,.resources,.forms,.quick,.newsletter{grid-template-columns:1fr!important}.row{grid-template-columns:1fr!important}.card,.resource,.panel{padding:22px!important}}
