@keyframes eyebrow-pulse{0%{box-shadow:0 0 0 0 rgba(240,125,37,.55)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}:root{--navy:#073652;--navy-dark:#042133;--blue:#1078B8;--blue-dark:#0A4E77;--blue-light:#EAF3FB;--orange:#F07D25;--teal:#F07D25;--green:#0C9B68;--purple:#5A34E8;--pink:#EF286B;--ink:#1a2333;--grey:#5b6478;--grey-light:#8b93a7;--line:#e6e9f2;--bg:#f7f9fc;--white:#ffffff;--radius:14px;--shadow:0 10px 30px rgba(7, 54, 82, 0.08);--shadow-hover:0 16px 40px rgba(7, 54, 82, 0.14);--maxw:1180px;--maxw-nav:1380px}*{box-sizing:border-box}body,html{overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.mega-col ul,ul{margin:0;padding:0;list-style:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.topbar{background:var(--navy-dark);font-size:13px}.topbar .container{display:flex;justify-content:space-between;align-items:center;height:34px}.topbar,.topbar a{color:#c9d4ea}.topbar a:hover{color:var(--white)}.topbar-links{display:flex;gap:20px}header.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 4px 24px rgba(7,54,82,.05)}.logo,.nav{align-items:center}.nav{display:flex;justify-content:space-between;height:68px;position:relative}.logo{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:.5px;display:inline-flex;transition:opacity .2s}.logo:hover{opacity:.82}.logo span,.nav-links a.active,.nav-links a:hover{color:var(--blue)}.logo img{height:34px;width:auto;display:block}.footer-brand .logo img{height:30px;background:var(--white);padding:5px 9px;border-radius:8px}.nav-cta,.nav-item.dropdown,.nav-links{display:flex;align-items:center}.nav-links{gap:22px}.nav-links a{font-size:13.5px;font-weight:600;color:var(--ink);padding:10px 2px;transition:color .2s;white-space:nowrap}.nav-links a::after{content:"";position:absolute;left:0;bottom:4px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .25s ease}.nav-links a.active::after,.nav-links a:hover::after,body{width:100%}.nav-cta{gap:12px}.mega-panel{display:flex;position:absolute;top:100%;left:0;align-items:stretch;max-width:92vw;max-height:74vh;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(7,54,82,.2);overflow:hidden;margin-top:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .2s;z-index:300}.nav-item.dropdown,.nav-links a{position:relative}.nav-item.dropdown:has(>.mega-panel.center-wide),.nav-item.dropdown:has(>.mega-panel.center-under){position:static}.nav-item.dropdown>a{display:inline-flex;align-items:center;gap:5px}.nav-item.dropdown .caret{font-size:9px;transition:transform .2s ease;display:inline-block}.nav-item.dropdown:hover .caret{transform:rotate(180deg)}.nav-item.dropdown.menu-open .mega-panel,.nav-item.dropdown:focus-within .mega-panel,.nav-item.dropdown:hover .mega-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease,visibility 0s linear 0s}.mega-panel.center-under,.mega-panel.center-wide{position:absolute;top:100%;margin-top:0;left:50%;right:auto;transform:translateX(-50%);width:min(650px,94vw)}.mega-panel.center-wide{width:min(1240px,94vw);max-height:78vh}.mega-panel.center-under::before,.mega-panel.center-wide::before{content:"";position:absolute;top:-60px;left:0;right:0;height:60px}.mega-panel.center-wide.mega-panel-tabs{width:min(1120px,94vw);height:560px}.mega-panel-tabs .mega-sidebar{width:220px;height:100%}.mega-content-tabs{display:block;flex:1 1 auto;min-width:0;height:100%;overflow-y:auto}.mega-tab-nav{list-style:none;margin:14px 0 0;padding:0}.mega-tab-nav li{margin:0 0 4px}.mega-tab-link{display:block;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none;transition:background .15s ease,color .15s ease}.mega-tab-link:hover{background:rgba(255,255,255,.6)}.mega-tab-link.active{background:var(--white);color:var(--blue);box-shadow:0 1px 4px rgba(7,54,82,.12)}.mega-tab-panel{display:none}.mega-tab-panel.active{display:block}.mega-tab-panel-grid.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:18px;align-items:start}.mega-tab-panel-grid .mega-col-sub h4{margin-bottom:8px}.mega-tab-panel-grid .mega-col-sub h4 a{color:inherit;text-decoration:none}.mega-tab-panel-grid .mega-col-sub h4 a:hover{color:var(--orange, #f07d25)}.mega-tab-panel-grid .mega-col-single{display:flex;align-items:flex-start}.mega-col-sub h4,.mega-list-ico li a{display:flex;align-items:center;gap:8px}.mega-list-ico li a{gap:10px}.mega-ico{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(16,120,184,.1);flex:0 0 auto}.mega-ico svg{width:13px;height:13px}.mega-list-ico{list-style:none;margin:0;padding:0}.mega-list-ico li{margin:0 0 2px}.mega-ico-sm{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--blue);flex:0 0 auto}.mega-ico-sm svg{width:17px;height:17px}.mega-panel.center-wide .mega-sidebar{max-height:100%;overflow-y:auto}.mega-panel.center-wide .mega-content{max-height:78vh}.nav-item.dropdown:focus-within .mega-panel.center-under,.nav-item.dropdown:hover .mega-panel.center-under{transition:opacity .15s ease,visibility 0s}.mega-sidebar{width:190px;min-width:190px;background:linear-gradient(165deg,var(--blue-light) 0%,#f4f8fc 100%);border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;justify-content:center}.mega-col h4{font-weight:800;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--blue);margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--blue-light)}.mega-sidebar h5{font-size:19px;font-weight:800;color:var(--navy);margin:0 0 8px}.mega-sidebar p{font-size:12.5px;color:var(--grey);line-height:1.5;margin:0}.mega-proc-list,.sector-capabilities ul{list-style:none;margin:0;padding:0}.mega-proc-list li{position:relative;padding:6px 0 6px 16px;font-size:13px;font-weight:700;color:var(--navy)}.mega-proc-list li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.mega-sidebar .mega-tab{display:inline-block;margin-top:18px;padding:9px 14px;border-radius:10px;background:var(--navy);color:var(--white);font-size:12px;font-weight:700;width:fit-content}.mega-content{display:grid;gap:24px;padding:24px 26px;overflow-y:auto;overflow-x:hidden;min-width:0}.mega-content.cols-1{grid-template-columns:minmax(0,1fr);width:220px}.mega-content.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));width:620px}.mega-content.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));width:750px}.mega-content.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));width:1040px}.mega-content.cols-4.compact{width:460px;gap:14px;padding:20px}.mega-content.compact .mega-col a{align-items:flex-start;gap:7px;font-size:12px;line-height:1.35}.mega-content.compact .mega-ico{margin-top:1px}.mega-col{min-width:0;overflow:visible}.mega-col h4.mega-subhead{margin-top:16px}.mega-transverse{margin-top:14px;padding:10px 10px 2px;border-top:1px dashed var(--line);background:linear-gradient(180deg,rgba(240,125,37,.05),transparent 70%);border-radius:0 0 10px 10px}.mega-transverse h4.mega-subhead{margin-top:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mega-tag{display:inline-block;padding:2px 7px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--grey);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.mega-col li{margin-bottom:3px}.mega-col a,.mega-txt{overflow-wrap:anywhere;word-break:break-word}.mega-col a{display:flex;align-items:center;gap:8px;padding:6px;margin:0-6px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.4;transition:color .15s,background .15s}.mega-col a:hover,.topbar-select-menu li:hover{background:var(--blue-light)}.mega-txt{min-width:0;flex:1 1 auto}.mega-ico{width:16px;height:16px;min-width:16px;color:var(--blue);flex-shrink:0}.mega-col a:hover,.mega-col a:hover .mega-ico{color:var(--orange)}.mega-col .mega-all,.mega-col .mega-all-inline{font-size:12px;font-weight:800;color:var(--blue)}.mega-col .mega-all{display:inline-block;margin-top:6px}.mega-col .mega-all-inline{display:block;padding:4px 0;margin:2px 0 4px;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0}.mega-panel.align-left{left:0;transform:none}.mega-panel.align-right{left:auto;right:0;transform:none}.mega-panel.shift-left{left:-160px;transform:none}.mega-col h4.mega-blank{visibility:hidden}.topbar-select,.topbar-select-btn{display:inline-flex;align-items:center}.topbar-select{position:relative}.topbar-select-btn{gap:5px;background:0 0;border:0;color:#c9d4ea;font:inherit;font-size:13px;cursor:pointer;padding:0}.breadcrumb a:hover,.topbar-select-btn:hover{color:var(--white)}.topbar-select-btn .caret{font-size:8px}.topbar-select-menu{position:absolute;top:100%;right:0;padding:10px 6px 6px;min-width:150px;background:0 0;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease;z-index:400}.topbar-select-menu::after{content:"";position:absolute;inset:10px 0 0 0;background:var(--white);border-radius:10px;box-shadow:0 12px 30px rgba(7,54,82,.22);z-index:-1}.topbar-select:focus-within .topbar-select-menu,.topbar-select:hover .topbar-select-menu{opacity:1;visibility:visible;pointer-events:auto}.topbar-select-menu li{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;font-size:13px;color:var(--ink);cursor:pointer}.topbar-select-menu li a{color:var(--ink)}.topbar-select-menu li.is-active a,.topbar-select-menu li:hover a{color:var(--navy)}.topbar-select-menu li .chk{width:13px;color:var(--blue);font-weight:800}.topbar-select-menu li:not(.is-active) .chk{visibility:hidden}.btn,.topbar-select-menu li.is-active{font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-size:14.5px;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,color .15s;white-space:nowrap}.btn:hover,.logo-strip img:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:var(--white);box-shadow:0 8px 20px rgba(16,120,184,.3)}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 12px 26px rgba(16,120,184,.36)}.btn-outline{background:0 0;border-color:var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:var(--white)}.btn-outline-light{background:0 0;border-color:rgba(255,255,255,.5);color:var(--white)}.btn-outline-light:hover{background:rgba(255,255,255,.15);border-color:var(--white)}.btn-accent{background:var(--orange);color:var(--white);box-shadow:0 8px 20px rgba(240,125,37,.32)}.btn-accent:hover{background:#d96c1a;box-shadow:0 12px 26px rgba(240,125,37,.38)}.btn-block{width:100%;justify-content:center}.hero{--bg-image:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(160deg,rgba(7,54,82,.94) 0%,rgba(10,78,119,.9) 55%,rgba(16,120,184,.86) 100%),var(--bg-image);background-size:26px 26px,cover,cover;background-position:center;background-blend-mode:normal;color:var(--white);position:relative;overflow:hidden}.hero::after{right:-120px;top:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(240,125,37,.32),transparent 70%)}.hero-visual::before,.hero::after,.hero::before{content:"";position:absolute;pointer-events:none}.hero::before{left:-140px;bottom:-160px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(16,120,184,.35),transparent 70%)}.hero-inner{padding:42px 0 36px;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.floating-card,.hero-visual{position:relative}.hero-visual::before{inset:-40px -30px;background:radial-gradient(circle at 60% 35%,rgba(240,125,37,.2),transparent 60%);filter:blur(10px);z-index:-1}.floating-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);border-radius:18px;padding:18px 20px 14px;box-shadow:0 24px 70px rgba(2,16,28,.4);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.floating-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--orange))}.floating-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(2,16,28,.46)}.floating-card h4{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#d7e3ff}.floating-stat{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14)}.floating-stat:last-child{border-bottom:none;padding-bottom:0}.floating-stat:first-child{padding-top:0}.floating-stat .fs-icon{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;background:linear-gradient(135deg,var(--blue),var(--orange));color:var(--white);box-shadow:0 8px 18px rgba(240,125,37,.3);transition:transform .25s ease}.floating-stat:hover .fs-icon{transform:scale(1.08) rotate(-4deg)}.floating-stat .fs-num{font-size:22px;font-weight:800;color:var(--white);line-height:1.2}.floating-stat .fs-label{font-size:12.5px;color:#cfdaf2}.floating-badge{position:absolute;right:-18px;bottom:-22px;background:var(--white);color:var(--navy);border-radius:14px;padding:10px 16px 10px 10px;box-shadow:0 16px 34px rgba(2,16,28,.28);display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.floating-badge .dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,125,37,.18)}.floating-badge .fb-icon{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),#ffb37a);color:var(--white);box-shadow:0 6px 14px rgba(240,125,37,.35)}.floating-badge .fb-icon .svg-ico{width:15px;height:15px}.eyebrow,.hero-points li::before{display:inline-flex;align-items:center}.eyebrow,.hero-points li:hover{background:rgba(255,255,255,.12)}.eyebrow,.hero-points li{font-size:13px;border-radius:999px}.eyebrow{gap:8px;border:1px solid rgba(255,255,255,.25);color:#d7e3ff;padding:6px 16px;font-weight:700;letter-spacing:.4px;margin-bottom:12px}.eyebrow .pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(240,125,37,.6);animation:eyebrow-pulse 2s infinite}.hero h1{font-size:40px;line-height:1.15;font-weight:800;max-width:760px;margin:0 0 12px}.hero h1 .accent{background:linear-gradient(90deg,var(--orange),#ffb37a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead,.page-hero p{font-size:16px;color:#cfdaf2}.hero p.lead{line-height:1.55;max-width:620px;margin:0 0 18px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.hero-actions .btn-primary{gap:10px}.hero-actions .btn-primary .btn-arrow{transition:transform .2s ease}.hero-actions .btn-primary:hover .btn-arrow{transform:translateX(4px)}.hero-points{display:grid;grid-template-columns:repeat(2,auto);gap:8px 12px}.hero-points li{gap:9px;color:#e4ecfb;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:7px 14px 7px 8px;transition:background .2s ease,transform .2s ease}.hero-points li:hover{transform:translateY(-2px)}.hero-points li::before{content:"✓";justify-content:center;width:20px;height:20px;min-width:20px;background:linear-gradient(135deg,var(--orange),#ffb37a);color:var(--white);border-radius:50%;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(240,125,37,.3)}.trust-bar{background:var(--white);border-bottom:1px solid var(--line)}.trust-bar .container,.trust-item .ti-icon{display:flex;align-items:center;justify-content:center}.trust-bar .container{flex-wrap:wrap;gap:8px 36px;padding:11px 24px}.hero-points li,.trust-item{display:flex;align-items:center}.trust-item{gap:10px;font-size:13.5px;font-weight:700;color:var(--navy);white-space:nowrap}.trust-item .ti-icon{width:30px;height:30px;min-width:30px;border-radius:50%;font-size:14px;background:linear-gradient(135deg,var(--blue-light),#fdece0)}.trust-sep{color:var(--line);font-weight:400}.page-hero{--bg-image:none;background-image:linear-gradient(90deg,rgba(7,54,82,.97) 0%,rgba(7,54,82,.93) 32%,rgba(10,78,119,.65) 58%,rgba(16,120,184,.32) 82%,rgba(16,120,184,.16) 100%),var(--bg-image);background-size:cover;background-position:center;color:var(--white);padding:26px 0 40px;position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;right:-100px;top:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(240,125,37,.28),transparent 70%);pointer-events:none}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:16px;position:relative;z-index:1}.breadcrumb,.breadcrumb a{color:#a9bfe0}.breadcrumb .sep{opacity:.5}.breadcrumb .current{color:var(--white)}.page-hero .container{position:relative;z-index:1}.page-hero .eyebrow{margin-bottom:12px}.page-hero h1{font-size:33px;font-weight:800;margin:0 0 10px;max-width:720px}.page-hero p{max-width:640px;margin:0}section{padding:52px 0}section.alt{background-color:var(--bg);background-image:radial-gradient(circle,rgba(7,54,82,.05) 1.4px,transparent 1.4px);background-size:22px 22px}.section-head{max-width:680px;margin:0 auto 30px;text-align:center}.section-head.left{margin:0 0 28px;text-align:left}.kicker{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;display:block}h2.section-title{font-size:30px;font-weight:800;color:var(--navy);margin:0 0 10px;line-height:1.25}.card p,.section-head p{color:var(--grey);margin:0}.section-head p{font-size:16px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card,.kpi-banner{position:relative;overflow:hidden}.card{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:rgba(16,120,184,.25)}.card:hover::before{transform:scaleX(1)}.card .icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue-light),#fdece0);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px;font-weight:800;transition:transform .25s ease}.card:hover .icon{transform:scale(1.08) rotate(-3deg)}.card h3{font-size:17px;margin:0 0 8px;color:var(--navy)}.card p{font-size:14px}.card a.card-link{display:inline-block;margin-top:12px;font-weight:700;color:var(--blue);font-size:14px}.kpi-banner{border-radius:20px;color:#fff;background:linear-gradient(110deg,#073f7b 0,#0759a7 48%,#0796e2 100%);box-shadow:0 18px 45px rgba(8,72,130,.16)}.kpi-banner::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:64px 64px}.kpi-banner::after{content:"";position:absolute;width:48%;height:170%;left:-17%;top:-35%;transform:skewX(-22deg);background:rgba(1,36,77,.22)}.kpi-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);padding:44px 30px;gap:0}.kpi-tile{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 30px;position:relative}.kpi-tile:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.55)}.kpi-icon{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 25px rgba(0,35,90,.14)}.kpi-icon .svg-ico{width:30px;height:30px}.kpi-num{font-size:clamp(36px,3.4vw,54px);line-height:1;font-weight:800;letter-spacing:-.03em}.kpi-label{margin:18px 0 0;color:rgba(255,255,255,.85);font-size:16px;font-weight:600;line-height:1.35}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-tile:nth-child(2)::after{display:none}.kpi-tile{border-bottom:1px solid rgba(255,255,255,.18)}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr;padding:24px}.kpi-tile{min-height:180px}.kpi-tile::after{display:none!important}}.plat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plat-card{--accent:var(--blue);--accent-soft:var(--blue-light);position:relative;display:flex;flex-direction:column;min-height:300px;padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 16px 44px rgba(20,45,90,.09);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.plat-card::after,.why-card::before{content:"";position:absolute;left:0;right:0;height:4px;background:var(--accent)}.plat-card::after{bottom:0}.plat-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(20,45,90,.14)}.plat-card--green{--accent:var(--green);--accent-soft:#e7f8f1}.plat-card--orange{--accent:var(--orange);--accent-soft:#fff1e8}.plat-top{display:flex;align-items:center;gap:16px}.plat-icon,.plat-tag{background:var(--accent-soft);color:var(--accent)}.plat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.plat-icon .svg-ico{width:30px;height:30px}.plat-tag{font-size:13px;font-weight:800;padding:7px 16px;border-radius:999px;letter-spacing:.03em}.plat-card h3,.why-card h3{font-size:21px;margin:20px 0 8px;color:var(--navy)}.why-card h3{font-size:18px;line-height:1.25;margin:10px 0}.plat-card p,.why-card p{color:var(--grey);font-size:15px;line-height:1.55;margin:0}.plat-more{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--accent)}@media (max-width:1000px){.plat-grid{grid-template-columns:1fr}}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.why-card{--accent:var(--blue);position:relative;display:block;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff 0,#fff 70%,#fbfdff 100%);box-shadow:0 18px 48px rgba(20,45,90,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.why-card::before{top:0}.why-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-85px;top:35px;background:color-mix(in srgb,var(--accent) 8%,white);z-index:0}.why-card>*{position:relative;z-index:1}.why-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(20,45,90,.13)}.why-card--orange{--accent:var(--orange)}.why-card--green{--accent:var(--green)}.why-card--purple{--accent:var(--purple)}.why-icon{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent)}.sectorshow-tab .sectorshow-ico svg,.why-icon .svg-ico{width:30px;height:30px}.why-metric{color:var(--accent);font-size:40px;line-height:1;font-weight:800;letter-spacing:-.02em}.why-metric.is-small{font-size:30px;margin-top:2px}@media (max-width:1000px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.why-grid{grid-template-columns:1fr}.why-card{padding:24px}}.sector-grid{position:relative}.sector-card{padding:26px 24px;background:var(--white)}.sector-card .icon{width:50px;height:50px;border-radius:50%}.sector-card:nth-child(3n+1) .icon{background:linear-gradient(135deg,var(--blue-light),#dcebf8);color:var(--blue)}.sector-card:nth-child(3n+2) .icon{background:linear-gradient(135deg,#fdece0,#fbd9bc);color:var(--orange)}.sector-card:nth-child(3n+3) .icon{background:linear-gradient(135deg,#e4ecf3,var(--blue-light));color:var(--navy)}.sector-card h3{font-size:16.5px}.sector-card p{line-height:1.55}.pill-list{display:flex;flex-wrap:wrap;gap:12px}.pill{border:1px solid var(--line);background:var(--white);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink)}.challenge-section{position:relative;overflow:hidden}.challenge-deco{position:absolute;top:6px;right:4%;width:190px;height:190px;pointer-events:none;opacity:.9}.kicker-pill{display:inline-flex;align-items:center;background:var(--blue-light);color:var(--blue);font-weight:800;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;padding:7px 18px;border-radius:999px;margin-bottom:16px}.section-title .highlight-underline{position:relative;color:var(--blue);display:inline-block}.section-title .highlight-underline::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;border-radius:3px;background:var(--orange)}.challenge-grid{grid-template-columns:repeat(3,1fr)}.challenge-item{position:relative;text-align:left;display:flex;gap:14px;padding:20px 20px 20px 18px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);border-left:3px solid var(--orange);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.challenge-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line);border-left-color:var(--orange)}.challenge-item .badge{width:44px;height:44px;min-width:44px;margin:0;border-radius:12px;background:linear-gradient(135deg,#fdece0,#fddcc0);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:19px;transition:transform .25s ease}.challenge-item:hover .badge{transform:scale(1.08) rotate(-4deg)}.challenge-item .challenge-body{flex:1;display:flex;flex-direction:column}.challenge-item .challenge-body h3{font-size:14.5px;font-weight:700;color:var(--navy);margin:0 0 4px}.challenge-item .challenge-body p{font-size:13px;color:var(--grey);margin:0;line-height:1.5;flex:1}.challenge-item .challenge-arrow{align-self:flex-end;margin-top:10px;color:var(--orange);display:flex;transition:transform .25s ease}.challenge-item:hover .challenge-arrow{transform:translateX(4px)}.constat-orbit,.pain-card::after{position:absolute;pointer-events:none}.constat-orbit{top:4px;right:4%;width:200px;height:200px}.constat-orbit .orbit-ring{position:absolute;inset:50%;transform:translate(-50%,-50%);border:1px solid #cfe4fb;border-radius:50%}.constat-orbit .ring-1{width:90px;height:90px}.constat-orbit .ring-2{width:142px;height:142px}.constat-orbit .ring-3{width:200px;height:200px}.constat-orbit .orbit-badge,.constat-orbit .orbit-core{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center}.constat-orbit .orbit-core{left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;background:linear-gradient(145deg,#f3f9ff,#dfefff);color:var(--blue)}.constat-orbit .orbit-core .svg-ico{width:42px;height:42px}.constat-orbit .orbit-badge{width:42px;height:42px;background:var(--white);box-shadow:0 10px 24px rgba(7,54,82,.12)}.constat-orbit .orbit-badge .svg-ico{width:22px;height:22px}.constat-orbit .badge-chart{left:2px;top:20px;color:var(--blue)}.constat-orbit .badge-doc{right:-2px;top:38px;color:var(--orange)}.constat-orbit .badge-check{right:0;bottom:24px;color:var(--green)}.constat-grid{grid-template-columns:repeat(3,1fr)}.pain-card{--accent:var(--orange);position:relative;display:grid;grid-template-columns:58px 1fr 38px;gap:16px;align-items:start;min-height:168px;padding:22px 18px 22px 20px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:18px;background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(255,255,255,.9));box-shadow:0 14px 36px rgba(20,45,90,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.pain-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(20,45,90,.12)}.pain-card::after{content:"";left:0;bottom:0;width:110px;height:56px;border-radius:0 100%0 16px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.pain-card--blue{--accent:var(--blue)}.pain-card--green{--accent:var(--green)}.pain-card--purple{--accent:var(--purple)}.pain-card--pink{--accent:var(--pink)}.pain-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent)}.pain-icon .svg-ico{width:28px;height:28px}.pain-card-body,.pain-icon{position:relative;z-index:2}.pain-card-body h3{font-size:16px;font-weight:800;color:var(--navy);margin:2px 0 6px}.pain-card-body p{font-size:13.5px;color:var(--grey);margin:0;line-height:1.5}.pain-tag{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:11.5px;font-weight:700}.pain-arrow{align-self:end;justify-self:end;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);position:relative;z-index:2;transition:transform .25s ease}.pain-card:hover .pain-arrow{transform:translateX(3px)}.constat-cta-wrap{text-align:center;margin-top:32px}.constat-benefits{display:flex;justify-content:center;gap:32px;margin-top:16px;color:var(--grey);font-size:13.5px;font-weight:600}.constat-benefits .check-ico{color:var(--orange);margin-right:4px}.btn-cta-pill{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(120deg,var(--orange),#f4954c);color:#fff;font-weight:700;font-size:15px;padding:15px 30px;border-radius:999px;box-shadow:0 10px 24px rgba(240,125,37,.35);transition:transform .25s ease,box-shadow .25s ease}.btn-cta-pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(240,125,37,.42)}.btn-cta-pill .cta-ico{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.22);border-radius:50%}.stats-band{--bg-image:none;background-color:var(--navy);background-image:linear-gradient(120deg,rgba(7,54,82,.93),rgba(16,120,184,.9)),var(--bg-image);background-size:cover;background-position:center;color:var(--white);padding:38px 0}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-tile{text-align:center;padding:4px 20px;border-left:1px solid rgba(255,255,255,.14)}.stat-tile:first-child{border-left:none}.stat-icon{width:42px;height:42px;margin:0 auto 10px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.stat-num{font-size:30px;font-weight:800;color:var(--white);margin-bottom:4px}.stat-label{font-size:13px;color:#bcd1ee}.logo-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:34px;align-items:center;padding:18px 0}.logo-strip span{font-weight:800;color:var(--grey-light);font-size:16px;letter-spacing:.5px}.card-logo,.logo-strip img{width:auto;object-fit:contain}.logo-strip img{height:48px;max-width:190px;transition:transform .25s ease}.card-logo{height:26px;max-width:110px;margin-bottom:10px}.etude-card{padding-top:28px}.etude-logo-wrap,.resource-card{display:flex;background:var(--white);border:1px solid var(--line)}.etude-logo-wrap{align-items:center;justify-content:center;height:88px;width:100%;border-radius:calc(var(--radius) - 4px);padding:14px 20px;margin-bottom:18px;transition:border-color .25s ease,box-shadow .25s ease}.etude-card:hover .etude-logo-wrap{border-color:rgba(16,120,184,.35);box-shadow:var(--shadow)}.etude-logo-wrap img{max-height:56px;max-width:200px;width:auto;height:auto;object-fit:contain}.resource-card{flex-direction:column;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.resource-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:rgba(16,120,184,.25)}.resource-card .resource-media{height:160px;overflow:hidden}.resource-card .resource-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.resource-card:hover .resource-media img{transform:scale(1.06)}.resource-card .resource-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}.resource-card .resource-body .kicker{font-size:11px}.resource-card .resource-body h3{font-size:17px;margin:10px 0 8px;color:var(--navy)}.resource-card .resource-body p{color:var(--grey);font-size:14px;margin:0}.resource-card .resource-body .btn{margin-top:14px;align-self:flex-start}.events-year-group{margin-bottom:44px}.events-year-group:last-child{margin-bottom:0}.events-year-heading{font-size:22px;font-weight:800;color:var(--navy);margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--line);position:relative}.events-year-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;position:sticky;top:0;z-index:5;background:var(--white, #fff);padding:10px 0}.events-year-tab{padding:8px 18px;border-radius:999px;border:1px solid #dbe3ef;color:var(--ink, #1a2b4c);font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.events-year-tab:hover{border-color:#1a5fd6;color:#1a5fd6}.events-year-heading::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:2px;background:var(--orange)}.event-status-tag{display:inline-flex;align-items:center;align-self:flex-start;margin-top:12px;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.event-status-tag:empty{display:none}.event-status-tag.is-upcoming{background:var(--blue-light);color:var(--blue-dark)}.event-status-tag.is-past{background:#eef0f4;color:var(--grey)}.event-detail-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;font-size:12.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;margin-bottom:14px}.event-detail-hero-tag.is-upcoming{background:rgba(16,120,184,.16);color:#eaf3fb}.event-detail-hero-tag.is-past{background:rgba(255,255,255,.14);color:#e7ecf5}.event-past-note,.event-reg-card{display:none}.event-past-note.is-visible,.event-reg-card.is-visible,.form-status.is-visible{display:block}.form-status{display:none;margin-top:14px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5}.form-status.is-success{background:#eafaf0;color:#1a7a45;border:1px solid #bfe9cf}.form-status.is-error{background:#fdecec;color:#b3261e;border:1px solid #f6c6c3}.geo-lang-banner{position:fixed;top:0;left:0;right:0;width:100%;z-index:900;box-shadow:0 2px 10px rgba(0,0,0,.15);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;background:var(--navy);color:#fff;font-size:13.5px;padding:10px 20px;text-align:center;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.geo-lang-banner.is-visible{opacity:1;transform:none}.geo-lang-actions{display:flex;gap:8px;align-items:center}.geo-lang-actions a,.geo-lang-actions button{border:1px solid rgba(255,255,255,.35);background:0 0;color:#fff;border-radius:6px;padding:5px 12px;font-size:12.5px;cursor:pointer;text-decoration:none;display:inline-block}.geo-lang-actions .glb-accept,.geo-lang-actions button:first-child{background:var(--orange);border-color:var(--orange);font-weight:600}.geo-lang-actions a:hover,.geo-lang-actions button:hover{opacity:.85}.footer-seo-keywords{font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.6;max-width:900px;margin:0 auto 18px;text-align:center}.i18n-fallback-note{position:relative;z-index:500;background:var(--blue-light);color:var(--navy);font-size:13px;text-align:center;padding:9px 20px;transition:opacity .4s ease}.i18n-fallback-note.is-hiding{opacity:0}.grad-text{background:linear-gradient(90deg,var(--blue),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.sector-tab-bar{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px}.sector-tab-btn{appearance:none;border:1px solid var(--line);background:var(--white);color:var(--navy);font-family:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap}.sector-tab-btn:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.sector-tab-btn.active{background:var(--navy);border-color:var(--navy);color:var(--white)}.sector-panel{display:none;grid-template-columns:1fr 1.7fr;gap:40px;background:var(--blue-light);border-radius:var(--radius);padding:32px 34px}.sector-panel.active{display:grid}.sector-panel-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin-bottom:14px}.sector-capabilities{border-right:1px solid rgba(7,54,82,.1);padding-right:32px}.sector-capabilities li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid rgba(7,54,82,.08);color:var(--navy);font-size:14.5px}.sector-capabilities li:last-child{border-bottom:none}.sector-capabilities li::before{content:"—";position:absolute;left:0;color:var(--orange);font-weight:700}.sector-markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.market-pill{display:block;background:var(--white);border-radius:10px;padding:13px 16px;font-size:14px;font-weight:700;color:var(--navy);box-shadow:0 2px 6px rgba(7,54,82,.05)}.sector-panel-link{display:inline-block;margin-top:20px;font-weight:700;font-size:14px;color:var(--orange);text-align:right;width:100%}.sector-panel-link:hover{text-decoration:underline}@media (max-width:860px){.sector-panel{grid-template-columns:1fr}.sector-capabilities{border-right:none;border-bottom:1px solid rgba(7,54,82,.1);padding-right:0;padding-bottom:20px;margin-bottom:20px}.sector-markets-grid{grid-template-columns:repeat(2,1fr)}}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.tab{padding:10px 18px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:13.5px;color:var(--navy);background:var(--white)}.tab.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.cta-band{--bg-image:none;position:relative;overflow:hidden;background-color:var(--navy);background-image:linear-gradient(120deg,rgba(7,54,82,.92),rgba(16,120,184,.88)),var(--bg-image);background-size:cover;background-position:center;color:var(--white);border-radius:22px;padding:38px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta-band::after,.cta-band::before{content:"";position:absolute;pointer-events:none}.cta-band::before{inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1.5px,transparent 1.5px);background-size:20px 20px;-webkit-mask-image:radial-gradient(circle at 85% 30%,#000,transparent 60%);mask-image:radial-gradient(circle at 85% 30%,#000,transparent 60%)}.cta-band::after{right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(240,125,37,.3),transparent 70%)}.cta-band .cta-actions,.cta-band>div{position:relative;z-index:1}.cta-band h2{font-size:24px;font-weight:800;margin:0 0 6px}.cta-band p{margin:0;color:#cfdaf2;max-width:480px}.cta-actions,.process-flow{display:flex;gap:14px;flex-wrap:wrap}.process-flow{align-items:flex-start;justify-content:center;gap:0 4px;margin-bottom:24px}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:118px;padding:6px 4px 0}.process-step .ps-num{width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--white);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.process-step:nth-child(odd) .ps-num{background:var(--navy)}.process-step .ps-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue-light),#fdece0);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:8px}.process-step .ps-label{font-size:12px;font-weight:700;color:var(--navy);line-height:1.35}.process-arrow{align-self:center;color:var(--grey-light);font-size:16px;margin:26px -4px 0}.agent-grid{grid-template-columns:repeat(3,1fr)}.agent-card{padding:18px 16px;text-align:left}.agent-card ul{list-style:none;margin:10px 0 0;padding:0}.agent-card ul li{position:relative;padding-left:14px;font-size:12px;color:var(--grey);line-height:1.55;margin-bottom:4px}.agent-card ul li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--orange)}.agent-card .agent-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:var(--white);font-size:11px;font-weight:800;margin-bottom:10px}.agent-card .icon{width:36px;height:36px;font-size:16px;margin-bottom:10px}.agent-card h3{font-size:14.5px;margin:0 0 5px}.agent-card p{font-size:12.5px}.agent-flow{justify-content:center}.agent-flow,.benefit-strip{display:flex;flex-wrap:wrap}.agent-flow{align-items:center;gap:6px;margin-bottom:24px}.agent-flow span{font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-light);padding:6px 12px;border-radius:999px}.agent-flow .arrow{color:var(--grey-light);font-weight:400;background:0 0;padding:0}.benefit-strip{background:var(--bg);border-radius:var(--radius)}.benefit-strip .benefit-item{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy)}.timeline{position:relative;padding-left:32px;border-left:2px solid var(--line)}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";position:absolute;left:-39px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid var(--white);box-shadow:0 0 0 2px var(--blue)}.timeline-year{font-weight:800;color:var(--blue);font-size:14px;margin-bottom:4px}.timeline-item h3{margin:0 0 6px;color:var(--navy);font-size:17px}.timeline-item p{margin:0;color:var(--grey);font-size:14.5px}.value-card{text-align:left}.testimonial{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.testimonial p.quote{font-size:15px;color:var(--ink);font-style:italic;margin:0 0 14px}.testimonial .who{font-weight:800;color:var(--navy);font-size:14px}.testimonial .role{color:var(--grey);font-size:13px}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:start}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{font-size:13.5px;font-weight:700;color:var(--navy)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14.5px;font-family:inherit;color:var(--ink);background:var(--bg)}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--blue);background:var(--white)}.contact-info-card{background:var(--navy);color:var(--white);border-radius:var(--radius);padding:26px;margin-bottom:16px}.contact-info-card h3{margin:0 0 14px;font-size:18px}.contact-info-item{display:flex;gap:12px;margin-bottom:13px;font-size:14px;color:#dbe6fb}.contact-info-item strong{color:var(--white);display:block;font-size:13px;margin-bottom:2px}.contact-info-item:last-child{margin-bottom:0}.contact-info-card ul li,.contact-info-card ul li span{color:#dbe6fb}footer.site-footer{position:relative;background:var(--navy-dark);color:#b7c3de;padding:0}.footer-newsletter{background:linear-gradient(120deg,var(--navy),var(--blue-dark));padding:28px 0;position:relative;overflow:hidden}.footer-newsletter::after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(240,125,37,.28),transparent 70%);pointer-events:none}.footer-newsletter .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-newsletter h3{color:var(--white);font-size:18px;margin:0 0 4px}.footer-newsletter p{color:#cfdaf2;font-size:13.5px;margin:0}.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}.newsletter-form input{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:var(--white);padding:11px 16px;border-radius:999px;font-size:14px;min-width:260px}.newsletter-form input::placeholder{color:#b3c4e0}.newsletter-form input:focus{outline:0;border-color:var(--orange);background:rgba(255,255,255,.12)}.footer-main{padding:36px 0 0}.footer-top{grid-template-columns:1.3fr repeat(2,1fr);gap:24px;padding-bottom:26px}.footer-brand .logo{color:var(--white);margin-bottom:10px}.footer-brand p{font-size:14px;color:#92a0c2;max-width:260px}.footer-col h4{color:var(--white);font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid rgba(240,125,37,.5);display:inline-block}.footer-col li{margin-bottom:9px}.footer-col a{font-size:13.5px;color:#92a0c2;transition:color .2s,padding-left .2s}.footer-col a:hover{color:var(--orange);padding-left:3px}.footer-social{display:flex;gap:10px;margin-top:14px}.footer-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#dbe6fb;transition:background .2s,border-color .2s,transform .2s}.footer-social a svg{width:16px;height:16px;fill:currentColor}.footer-social a:hover{background:linear-gradient(135deg,var(--blue),var(--orange));border-color:transparent;color:var(--white);transform:translateY(-3px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#7c89a8}.footer-bottom a{color:#7c89a8}.footer-bottom a:hover{color:var(--white)}.text-center{text-align:center}.mt-40{margin-top:24px}.badge-num{font-size:38px;font-weight:800;color:var(--blue)}@media (max-width:980px){.nav-links{display:none}.hero h1{font-size:32px}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.agent-grid,.challenge-grid,.constat-grid,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.pain-card{grid-template-columns:50px 1fr 34px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.stat-tile{border-left:none;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}.stat-tile:first-child,.stat-tile:nth-child(2){border-top:none;padding-top:4px}.contact-grid,.footer-top,.form-row{grid-template-columns:1fr}.cta-band,.footer-newsletter .container{flex-direction:column;text-align:center}.newsletter-form{width:100%}.newsletter-form input{flex:1;min-width:0}}@media (max-width:900px){.challenge-deco,.constat-orbit{display:none}}@media (max-width:560px){.agent-grid,.challenge-grid,.constat-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.pain-card{grid-template-columns:46px 1fr 32px;min-height:auto}.constat-benefits{flex-wrap:wrap;gap:14px}.hero h1{font-size:26px}.hero-inner{padding:40px 0}.hero-points,.stats-grid{grid-template-columns:1fr}h2.section-title{font-size:24px}.stat-tile{border-top:1px solid rgba(255,255,255,.14)!important;padding-top:16px!important}.stat-tile:first-child{border-top:none!important;padding-top:4px!important}.process-step{width:84px}.process-arrow{margin-top:22px}}.svg-ico{width:20px;height:20px;display:block;flex-shrink:0}.card .icon .svg-ico,.challenge-item .badge .svg-ico{width:22px;height:22px}.agent-card .icon .svg-ico{width:18px;height:18px}.stat-icon{color:var(--white)}.stat-icon .svg-ico,.trust2-stat-icon svg{width:20px;height:20px}.floating-stat .fs-icon .svg-ico{width:19px;height:19px}.trust-item .ti-icon{color:var(--white);background:linear-gradient(135deg,var(--blue),var(--orange))}.benefit-strip .benefit-item .b-icon .svg-ico,.trust-item .ti-icon .svg-ico{width:15px;height:15px}.benefit-strip .benefit-item .b-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--blue-light);color:var(--blue)}.cta-band h2 .svg-ico{width:26px;height:26px;display:inline-block;vertical-align:-5px;margin-right:8px;color:var(--orange)}.trust2{position:relative;overflow:hidden;padding:64px 0 0;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.trust2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(7,54,82,.09) 1.4px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 60%)}.trust2-shape{position:absolute;border-radius:40px;transform:rotate(45deg);background:linear-gradient(135deg,var(--blue-light),#fff);opacity:.9}.trust2-shape-left{width:300px;height:300px;left:-170px;top:40px}.trust2-shape-right{width:280px;height:280px;right:-150px;top:90px}.trust2-shape-right:after{content:"";position:absolute;width:140px;height:140px;background:var(--orange);border-radius:30px;right:-40px;bottom:-30px;opacity:.85}.trust2-grid{position:relative;z-index:2;max-width:var(--maxw-nav);display:grid;grid-template-columns:230px 1fr 220px;gap:30px;align-items:center}.trust2-brand{align-self:center}.trust2-brand-logo{width:150px;max-width:100%;display:block}.trust2-brand-line{display:block;width:38px;height:4px;background:var(--orange);border-radius:4px;margin:16px 0}.trust2-brand p{font-size:16px;line-height:1.45;margin:0;color:var(--navy);font-weight:600}.trust2-content{text-align:center}.trust2-content .section-head{max-width:640px;margin:0 auto 4px}.trust2-lead{color:var(--grey);font-size:16px;line-height:1.55;margin:0 0 26px}.trust2-stats{display:flex;justify-content:center;gap:0;margin:0 auto 30px;max-width:620px}.trust2-stat{display:flex;align-items:center;gap:12px;padding:0 28px;border-right:1px solid var(--line)}.trust2-stat:last-child{border-right:0}.trust2-stat .trust2-stat-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--blue-light);color:var(--blue)}.trust2-stat:nth-child(2) .trust2-stat-icon{color:var(--orange);background:#fff1e6}.trust2-stat:nth-child(3) .trust2-stat-icon{color:var(--green);background:#e6f7f0}.trust2-stat strong{display:block;font-size:22px;color:var(--navy);line-height:1.1}.trust2-stat span{font-size:13px;color:var(--grey);white-space:nowrap}.trust2-logos{margin:0 0 8px}.trust2-card{justify-self:end;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px 24px;display:flex;align-items:center;gap:16px;min-width:220px}.trust2-card-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff1e6;color:var(--orange)}.trust2-card-icon svg{width:24px;height:24px}.trust2-card p{margin:0;font-weight:700;line-height:1.4;color:var(--navy);font-size:15px}.trust2-sectors{position:relative;z-index:2;margin:48px auto 0;max-width:var(--maxw-nav);padding:26px 40px 32px;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:30px 30px 0 0;box-shadow:0-8px 26px rgba(7,54,82,.05)}.trust2-sector{display:flex;align-items:center;gap:12px;padding:6px 14px;border-right:1px solid var(--line)}.trust2-sector:last-child{border-right:none}.trust2-sector svg{width:26px;height:26px;color:var(--blue);flex:none}.trust2-sector span{font-size:13.5px;line-height:1.35;color:var(--navy);text-align:left;font-weight:600}@media (max-width:1100px){.trust2-grid{grid-template-columns:170px 1fr;max-width:900px}.trust2-card{display:none}.trust2-brand-logo{width:130px}}@media (max-width:820px){.trust2{padding-top:40px}.trust2-grid{display:block;padding:0 6px}.trust2-brand{text-align:center;margin-bottom:22px}.trust2-brand-logo{margin:auto}.trust2-brand p,.trust2-brand-line{display:none}.trust2-stats{flex-direction:column;gap:12px}.trust2-stat{justify-content:center;border-right:0;padding:0}.trust2-sectors{grid-template-columns:repeat(2,1fr);padding:22px 18px;row-gap:14px}.trust2-sector{border-right:0}}@media (max-width:600px){.trust2-logos img{height:34px}}.trust-bar{display:none!important}.sectorshow{padding:64px 28px 76px;background:radial-gradient(circle at 5%0,#eef9ff 0 10%,transparent 24%),radial-gradient(circle at 100% 5%,#f3faff 0 11%,transparent 25%)}.sectorshow-wrap{max-width:1180px;margin:auto;text-align:center}.sectorshow-eyebrow{font-weight:800;letter-spacing:6px;color:#0578bf;font-size:13px;text-transform:uppercase}.sectorshow-copy h3,.sectorshow-title{line-height:1.15;color:#071f4a;font-weight:800;font-size:27px;margin:12px 0 10px}.sectorshow-title{font-size:38px;margin:14px 0 10px}.sectorshow-title span{color:#0782ca}.sectorshow-copy>p,.sectorshow-lead{line-height:1.4;color:#5b6478}.sectorshow-lead{font-size:18px;margin:0 0 30px}.sectorshow-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sectorshow-tab{min-height:130px;border:1px solid #e2eaf3;background:#fff;border-radius:12px;box-shadow:0 7px 18px rgba(11,57,96,.05);padding:18px 10px;font-size:15px;font-weight:800;color:#082650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:inherit;text-align:center;transition:transform .15s ease}.sectorshow-tab:hover{transform:translateY(-2px)}.sectorshow-tab .sectorshow-ico{font-size:0;color:#0782ca;line-height:0}.sectorshow-tab.active{background:linear-gradient(135deg,#06366b,#087fc5);color:#fff;border:0;position:relative}.sectorshow-tab.active .sectorshow-ico{color:#fff}.sectorshow-tab.active:after{content:"";position:absolute;bottom:-4px;width:70px;height:5px;background:#f07d25;border-radius:4px}.sectorshow-panel{margin-top:26px;border:1px solid #e1eef7;border-radius:18px;background:linear-gradient(120deg,#f7fbff,#edf8ff);padding:34px;display:grid;grid-template-columns:1.08fr .92fr;text-align:left;box-shadow:0 10px 30px rgba(11,57,96,.05);gap:0}.sectorshow-copy{padding:0 30px 0 8px;border-right:1px solid #d4e3ef}.sectorshow-kicker{font-size:13px;font-weight:900;letter-spacing:3px;color:#087fc5}.sectorshow-copy>p,.v360-item h4{font-size:16px;margin:0 0 24px}.v360-item h4{margin:0 0 6px;color:var(--navy)}.sectorshow-benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}.sectorshow-benefits b{display:block;font-size:15px;color:#0b2850}.sectorshow-benefits small{display:block;color:#61718d;font-size:13px;margin-top:4px;font-weight:400}.sectorshow-visual{padding-left:30px}.sectorshow-img{height:250px;border-radius:16px;background-size:cover;background-position:center;position:relative;overflow:hidden}.sectorshow-overlay{position:absolute;left:22px;top:20px;padding:16px 20px;background:rgba(7,56,105,.91);color:#fff;border-radius:14px;font-size:15px;line-height:1.35;border-top:3px solid #f07d25;max-width:78%}.sectorshow-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sectorshow-tags i{font-style:normal;background:#e2f0fb;color:#0b2850;padding:8px 13px;border-radius:20px;font-size:12px;font-weight:600}.sectorshow-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:6px}.footer-sm-list a{text-decoration:none;color:#b7c3de;font-size:13px;line-height:1.3}.sectorshow-cta,.sectorshow-more{text-decoration:none;font-size:14px}.sectorshow-cta{background:linear-gradient(90deg,#f07d25,#ff9a4d);color:#fff;font-weight:800;padding:15px 26px;border-radius:28px;display:inline-block}.sectorshow-more{color:#49678f;border-bottom:1px solid #7890ae;padding-bottom:3px;font-weight:600}@media (max-width:1000px){.sectorshow-tabs{grid-template-columns:repeat(3,1fr)}.sectorshow-panel{grid-template-columns:1fr;padding:26px}.sectorshow-copy{border:0;border-bottom:1px solid #d4e3ef;padding:0 0 24px;margin-bottom:24px}.sectorshow-visual{padding:0}.sectorshow-benefits{grid-template-columns:1fr}.sectorshow-title{font-size:30px}}@media (max-width:560px){.sectorshow{padding:44px 16px 56px}.sectorshow-tabs{grid-template-columns:1fr 1fr;gap:10px}.sectorshow-tab{min-height:96px;font-size:13px}.sectorshow-panel{padding:20px}.sectorshow-img{height:200px}.sectorshow-actions{flex-direction:column;align-items:stretch;gap:12px}.sectorshow-cta{text-align:center}.sectorshow-title{font-size:26px}.sectorshow-lead{font-size:15px}}.sectorshow-benefits>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:start}.sectorshow-b-ico{grid-column:1;grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#e2f0fb;color:#0782ca}.sectorshow-benefits>div b{grid-column:2;grid-row:1}.sectorshow-benefits>div small{grid-column:2;grid-row:2;margin-top:0}.sectorshow-b-ico svg,.sectorshow-svg-sm{width:20px;height:20px;display:block}.footer-sitemap{padding:36px 0 6px;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}.footer-sm-title{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7fb8e6;margin-bottom:22px}.footer-sm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer-sm-head{display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.4px;margin:0 0 14px}.footer-sm-head.footer-sm-sub{margin-top:22px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.14)}.footer-sm-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.08);color:#f07d25;flex:0 0 auto}.footer-sm-ico svg{width:15px;height:15px}.footer-sm-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.footer-sm-list a:hover{color:#fff;text-decoration:underline}.footer-sm-all{display:inline-block;color:#5fb3e8;font-size:12px;font-weight:700;text-decoration:none;margin-bottom:6px}.footer-sm-all:hover{color:#fff}.footer-sm-transverse{margin-top:18px;padding:16px;background:rgba(255,255,255,.04);border-radius:10px;border:1px dashed rgba(255,255,255,.14)}.footer-sm-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#9fb3d1;background:rgba(255,255,255,.08);padding:3px 9px;border-radius:20px;margin-bottom:10px}.footer-sm-transverse .footer-sm-head{margin-bottom:12px}.footer-sm-transverse .footer-sm-list{margin-bottom:0}@media (max-width:1000px){.footer-sm-grid{grid-template-columns:repeat(2,1fr);gap:28px 32px}}@media (max-width:640px){.footer-sm-grid{grid-template-columns:1fr}.footer-sitemap{padding:28px 0 4px}}.vision360-grid{margin-top:24px}.v360-item{background:#fff;border-left:3px solid var(--blue);border-radius:8px;padding:18px 22px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.v360-item--icon{display:flex;gap:14px;align-items:flex-start}.v360-icon{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:#eaf3fc;color:var(--blue);display:flex;align-items:center;justify-content:center}.v360-icon svg{width:22px;height:22px}.v360-body{min-width:0}.status-badge p,.v360-item p{color:#5a6b78;line-height:1.5}.v360-item p{margin:0;font-size:14px}.status-legend-grid{margin-top:24px}.status-badge{display:flex;align-items:flex-start;gap:12px}.status-dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto;margin-top:4px;display:inline-block}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.dot-red{background:#d64545}.status-badge strong{color:var(--navy);font-size:15px}.status-badge p{margin:4px 0 0;font-size:13.5px}.example-callout{background:var(--blue-light);border-left:4px solid var(--blue);border-radius:8px;padding:20px 24px;margin-top:24px}.example-callout .ec-line{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid rgba(7,54,82,.08);font-size:14px;color:var(--navy)}.example-callout .ec-line:last-of-type{border-bottom:none}.example-callout .ec-conclusion{margin-top:12px;font-weight:600;color:var(--navy)}.audit-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}.audit-list li{position:relative;padding-left:28px;font-size:14px;color:var(--navy);line-height:1.5}.audit-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:700}.kpi-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.kpi-chip{background:var(--blue-light);color:var(--navy);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.benefit-item-rich{align-items:flex-start;font-weight:400;max-width:280px;text-align:left}.benefit-item-rich strong{color:var(--navy);font-weight:700}.benefit-item-rich .bi-desc{font-weight:400;color:#5a6b78;font-size:12px;display:block;margin-top:3px;line-height:1.5}.events-stats{display:flex;gap:24px;margin-top:22px;flex-wrap:wrap}.events-stats>div{display:flex;padding-right:24px;border-right:1px solid rgba(255,255,255,.25)}.events-stats>div:last-child{border-right:0;padding-right:0}.events-stats strong{font-size:26px;color:#fff;line-height:1}.events-stats span{font-size:12.5px;color:rgba(255,255,255,.85)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}.events-toolbar{position:relative;z-index:2;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:26px}.events-search,.events-tabs{display:flex;border-radius:11px}.events-search{flex:1;min-width:220px;align-items:center;gap:10px;height:46px;padding:0 16px;border:1px solid var(--line);background:var(--white)}.events-search img{width:17px;opacity:.6}.events-search input{flex:1;outline:0;font:inherit;font-size:14px}.events-tabs{gap:6px;background:var(--blue-light);padding:4px}.events-search input,.filter-button{border:0;background:0 0;color:var(--ink)}.filter-button{min-width:78px;border-radius:8px;font:700 13px inherit;padding:9px 14px;cursor:pointer;transition:all .2s ease}.filter-button.is-active{color:#fff;background:var(--blue);box-shadow:0 5px 12px rgba(16,120,184,.25)}.events-toolbar select,.featured-event{background:var(--white);border:1px solid var(--line)}.events-toolbar select{border-radius:11px;padding:0 14px;height:46px;color:var(--ink);font:700 13px inherit;cursor:pointer}.featured-event{display:flex;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px;text-decoration:none;color:inherit}.featured-event:hover{box-shadow:var(--shadow-hover)}.featured-event__media{position:relative;flex:0 0 44%;min-height:300px}.event-card__media img,.featured-event__media img{width:100%;height:100%;object-fit:cover;display:block}.featured-event__media::after{content:"";position:absolute;inset:40%0 0;background:linear-gradient(transparent,rgba(3,35,51,.83))}.event-badge{display:inline-flex;width:max-content;padding:5px 10px;border-radius:6px;background:var(--blue-light);color:var(--blue-dark);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.event-badge--orange{position:absolute;z-index:2;top:16px;left:16px;background:var(--orange);color:#fff;padding:7px 12px}.featured-event__date{position:absolute;z-index:2;left:20px;bottom:20px;color:#fff;display:grid;gap:2px}.featured-event__date span{font-size:13px}.featured-event__date strong{font-size:21px}.featured-event__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px}.event-card__body>a,.event-meta{color:var(--blue);font-weight:800}.event-meta{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.featured-event h2{font-size:28px;line-height:1.22;letter-spacing:-.02em;margin:12px 0 8px;color:var(--navy)}.featured-event__body>p{color:var(--grey);line-height:1.65;font-size:14px;margin:6px 0}.featured-event__body .location{color:var(--navy);font-weight:700}.event-cta-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 22px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;font-size:14px}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.22s ease;display:flex;flex-direction:column}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.event-card__media{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--blue))}.event-card__media img{transition:transform .35s ease}.event-card:hover .event-card__media img{transform:scale(1.04)}.event-card__media time{position:absolute;left:12px;bottom:12px;min-width:54px;display:flex;flex-direction:column;align-items:center;padding:7px 6px;border-radius:9px;background:rgba(7,54,82,.9);color:#fff}.event-card__media time strong{font-size:19px;line-height:1;font-style:normal}.event-card__media time span{font-size:9.5px;font-weight:800;letter-spacing:.03em}.event-card__media time small{font-size:8.5px;opacity:.85}.event-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}.event-card h3{margin:10px 0 6px;font-size:16px;line-height:1.4;color:var(--navy)}.event-card p{margin:0 0 14px;font-size:12.5px;flex:1}.event-card__body>a{font-size:12.5px;margin-top:auto}.event-item[hidden]{display:none}.no-results{text-align:center;padding:40px;color:var(--grey)}.year-nav{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:28px;padding:18px 6px 0;border-top:1px solid var(--line);font-size:14px;font-weight:800}.event-card p,.year-nav a{color:var(--grey)}.year-nav a.is-active{color:var(--blue)}.year-nav a:last-child{margin-left:auto;color:var(--blue)}@media (max-width:900px){.events-toolbar{align-items:stretch}.events-toolbar,.featured-event{flex-direction:column}.featured-event__media{min-height:220px}.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.events-grid{grid-template-columns:1fr}.featured-event__body{padding:24px}.featured-event h2{font-size:23px}.year-nav{gap:16px}.year-nav a:last-child{margin-left:0}}.cs-trust{margin:0 0 44px;text-align:center}.cs-trust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;margin-top:16px}.cs-trust-logos img{height:34px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s ease,opacity .2s ease}.cs-trust-logos img:hover{filter:grayscale(0);opacity:1}.cs-featured{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:48px;background:var(--white)}.cs-featured-media{position:relative;min-height:320px;background-size:cover;background-position:center}.cs-featured-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 26px;background:linear-gradient(0deg,rgba(7,54,82,.92),transparent);color:var(--white);font-weight:700;font-size:17px;line-height:1.35}.cs-featured-content{padding:38px 42px}.cs-card-body h3{color:var(--navy);margin:0;font-size:17px}.cs-featured-content h2{font-size:28px;margin:2px 0 18px;color:var(--navy)}.cs-challenge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}.cs-challenge-item{border-left:3px solid var(--orange);background:var(--bg);border-radius:10px;padding:16px 18px}.cs-challenge-item h4{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin:0 0 8px}.cs-challenge-item h4 img{width:16px;height:16px}.cs-card-body p,.cs-challenge-item p{margin:0;color:var(--grey)}.cs-challenge-item p{font-size:14px}.cs-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.cs-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--blue-light);color:var(--blue-dark);font-size:12px;font-weight:700}.cs-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 32px}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cs-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.cs-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c9dcec}.cs-card-media,.lb-featured-content li::before{display:flex;align-items:center;justify-content:center}.cs-card-media{height:140px;background:var(--blue-light);padding:20px}.cs-card-media img{max-height:56px;max-width:78%;object-fit:contain}.cs-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.cs-card-body p{font-size:13.5px;flex:1}.cs-card--wide{grid-column:span 2;flex-direction:row}.cs-card--wide .cs-card-media{width:220px;height:auto;flex:0 0 auto}.cs-card--wide .cs-card-body{flex:1;justify-content:center}@media (max-width:900px){.cs-featured{grid-template-columns:1fr}.cs-featured-media{min-height:220px}.cs-challenge-grid{grid-template-columns:1fr}.cs-grid{grid-template-columns:repeat(2,1fr)}.cs-card--wide{grid-column:span 2;flex-direction:column}.cs-card--wide .cs-card-media{width:100%;height:140px}}@media (max-width:620px){.cs-trust-logos{gap:20px}.cs-trust-logos img{height:26px}.cs-grid{grid-template-columns:1fr}.cs-card--wide{grid-column:span 1}.cs-featured-content{padding:26px 22px}}.cs-card[hidden]{display:none!important}.lb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.lb-stats>div{display:flex;align-items:flex-start;gap:12px;padding:16px 18px}.lb-stats img{width:34px;height:34px;padding:8px;background:var(--blue-light);border-radius:50%;flex:0 0 auto}.lb-stats strong{display:block;color:var(--navy);font-size:15px}.lb-stats small{font-size:12.5px}.lb-filters,.lb-toolbar{display:flex;flex-wrap:wrap}.lb-stats>div,.lb-toolbar{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.lb-toolbar{position:relative;z-index:2;gap:14px;align-items:center;padding:14px;margin-bottom:26px}.lb-filters{gap:6px;background:var(--blue-light);padding:4px;border-radius:10px}.lb-featured{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:36px;background:var(--white)}.lb-featured-cover{width:100%;height:100%;min-height:280px;object-fit:cover}.lb-featured-content{padding:34px 38px}.lb-featured-content h2{font-size:26px;margin:6px 0 14px;color:var(--navy)}.lb-card-body p,.lb-stats small{color:var(--grey)}.lb-featured-content p{color:var(--grey);margin:0 0 18px}.lb-featured-content ul{list-style:none;padding:0;margin:0 0 22px}.lb-featured-content li{position:relative;padding-left:26px;margin:10px 0;font-size:14px;color:var(--ink)}.lb-featured-content li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--blue);color:var(--white);font-size:11px}.lb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lb-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.lb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c9dcec}.lb-card-media{display:block;height:150px;overflow:hidden}.lb-card-media img{width:100%;height:100%;object-fit:cover}.lb-card-body{padding:18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.lb-card-meta{display:flex;align-items:center;gap:10px}.lb-card-meta small{color:var(--grey-light);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.lb-card-body h3{margin:0;font-size:16px;line-height:1.3}.lb-card-body h3 a,.lb-card-link{color:var(--navy);text-decoration:none}.lb-card-link{font-weight:800;color:var(--orange);font-size:13.5px}.lb-card-body p{margin:0;font-size:13.5px;flex:1}.lb-card[hidden]{display:none!important}@media (max-width:900px){.lb-featured,.lb-stats{grid-template-columns:1fr}.lb-featured-cover{min-height:200px}.lb-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.lb-grid{grid-template-columns:1fr}.lb-featured-content{padding:24px 22px}}.events-stats>div{align-items:center;gap:12px}.events-stats-icon{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}.events-stats-icon svg{width:19px;height:19px;display:block}.events-stats-copy{display:flex;align-items:baseline;gap:8px}.events-hero-tag{position:absolute;top:22px;right:32px;z-index:2;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:20px;color:#fff;transform:rotate(-3deg);text-align:right;max-width:230px;line-height:1.3;pointer-events:none}.events-hero-tag span{display:inline-block;position:relative;padding-bottom:6px}.events-hero-tag span::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:4px;background:var(--orange);border-radius:2px;transform:rotate(-1deg)}@media (max-width:900px){.events-hero-tag{display:none}}.process-step .ps-icon svg{width:24px;height:24px;display:block}.wf-flow{--wf-navy:#073b5c;--wf-blue:#087fc3;--wf-cyan:#20b8e5;--wf-text:#526a7d;position:relative;overflow:hidden;padding:64px 5%;background-color:#f7fbfe;background-image:radial-gradient(circle,#dcebf4 1.3px,transparent 1.3px);background-size:35px 35px}.wf-flow::after,.wf-flow::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(4px);pointer-events:none}.wf-flow::before{left:-250px;top:-270px;background:#dff4ff99}.wf-flow::after{right:-270px;bottom:-290px;background:#ccefff99}.wf-flow__inner{position:relative;z-index:1;max-width:1440px;margin:auto}.wf-flow__intro{text-align:center;margin-bottom:52px}.wf-flow__eyebrow{margin:0 0 14px;color:var(--wf-blue);font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.wf-flow__title{margin:0;font-size:clamp(26px,3.6vw,42px);line-height:1.14;letter-spacing:-.02em;color:var(--navy)}.wf-flow__steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;align-items:stretch}.wf-flow__steps::before{content:"";position:absolute;z-index:0;left:8%;right:8%;top:150px;height:3px;background:linear-gradient(90deg,var(--wf-blue),var(--wf-cyan));border-radius:99px}.wf-card{position:relative;z-index:1;min-height:300px;padding:40px 20px 26px;text-align:center;background:rgba(255,255,255,.95);border:1px solid #cce8f6;border-radius:20px;box-shadow:0 18px 45px rgba(7,59,92,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.wf-card:hover{transform:translateY(-6px);border-color:#63c8ed;box-shadow:0 25px 55px rgba(7,127,195,.15)}.wf-card--featured{border:2px solid var(--wf-cyan);box-shadow:0 22px 55px rgba(32,184,229,.18)}.wf-card__number{position:absolute;left:50%;top:0;display:grid;width:42px;height:42px;place-items:center;transform:translate(-50%,-50%);border:4px solid #f7fbfe;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--wf-navy),var(--wf-blue));font-size:15px;font-weight:800;box-shadow:0 8px 18px rgba(7,127,195,.25)}.wf-card__arrow,.wf-card__icon{display:grid;place-items:center;color:var(--wf-blue)}.wf-card__icon{width:96px;height:96px;margin:0 auto 16px;border-radius:24px;background:linear-gradient(145deg,#edf9ff,#dff3fc)}.wf-card__icon svg{width:50px;height:50px;display:block}.wf-card h3{margin:0 0 8px;font-size:19px;letter-spacing:-.015em;color:var(--navy);font-weight:700}.wf-card p{max-width:200px;margin:auto;color:var(--wf-text);font-size:14px;line-height:1.46}.wf-card__arrow{position:absolute;z-index:2;right:-38px;top:114px;width:34px;height:34px;border:1px solid #d8edf7;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(7,59,92,.1);font-size:18px;font-weight:700}@media (max-width:1050px){.wf-flow__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}.wf-card__arrow,.wf-flow__steps::before{display:none}.wf-card--featured{grid-column:1/-1;max-width:420px;width:100%;justify-self:center}}@media (max-width:640px){.wf-flow{padding:44px 18px}.wf-flow__intro{margin-bottom:36px}.wf-flow__steps{grid-template-columns:1fr}.wf-card{grid-column:auto;min-height:auto;padding:36px 18px 24px}.wf-flow__title{font-size:28px}.wf-flow__eyebrow{font-size:11.5px;line-height:1.5}}.benefit-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;background:0 0;padding:0;margin-top:30px;justify-content:normal}.benefit-strip .benefit-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;box-shadow:0 8px 22px rgba(7,54,82,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;max-width:none;font-size:13.5px}.benefit-strip .benefit-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(7,54,82,.1);border-color:var(--blue-light)}.benefit-strip .benefit-item .b-icon{width:42px;height:42px;min-width:42px;border-radius:12px;font-size:19px;margin-bottom:2px}.benefit-strip .benefit-item-rich{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.benefit-strip .benefit-item-rich strong{font-size:14.5px}.benefit-strip .benefit-item-rich .bi-desc{font-size:12.5px;margin-top:5px}.benefit-strip .benefit-item:not(.benefit-item-rich){display:flex;flex-direction:row;align-items:center;gap:12px}.pv2-caption{display:flex;align-items:flex-start;gap:10px;margin-top:14px}.pv2-caption-bar{width:22px;height:2px;background:var(--orange);margin-top:8px;flex:0 0 auto}.pv2-caption p{margin:0;font-size:12.5px;font-style:italic;color:#5a6b78;line-height:1.5}.pv2-wrap{margin-top:28px}.pv2-track{position:relative;display:grid;grid-template-columns:repeat(var(--pv2-count),1fr);align-items:center;margin-bottom:14px}.pv2-track::before{content:"";position:absolute;top:50%;left:6%;right:6%;height:2px;background:var(--blue);z-index:0;transform:translateY(-50%)}.pv2-circle{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;justify-self:center;box-shadow:0 0 0 4px #fff}.pv2-circle--alt{background:var(--orange)}.pv2-cards{display:grid;grid-template-columns:repeat(var(--pv2-count),1fr);gap:12px}.pv2-card{background:#fff;border-radius:12px;padding:16px 14px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:left;border:2px solid transparent}.pv2-card--featured{border-color:var(--orange);background:#fff7f0}.pv2-icon{width:44px;height:44px;border-radius:10px;background:#eaf3fc;color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.pv2-card--featured .pv2-icon{background:#ffe8d1;color:var(--orange)}.pv2-icon svg{width:24px;height:24px}.pv2-card h4{margin:0 0 4px;font-size:14px;color:var(--navy)}.pv2-card p{margin:0;font-size:12.5px;color:#5a6b78;line-height:1.4}@media (max-width:900px){.pv2-track,.pv2-cards{grid-template-columns:repeat(4,1fr)}.pv2-track{row-gap:10px}}@media (max-width:600px){.pv2-track,.pv2-cards{grid-template-columns:repeat(2,1fr)}.pv2-track::before{display:none}}

/* Governance block (e-sourcing) - staircase approval workflow */
.gv-wrap { display:grid; grid-template-columns: 1fr 1.3fr; gap:48px; align-items:center; }
.gv-info p { color:#5a6b78; }
.gv-callout { display:flex; gap:14px; margin-top:22px; padding:18px 20px; background:#fff4ea; border-left:4px solid #f39c3d; border-radius:8px; }
.gv-callout-icon { flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:#fff; color:#f39c3d; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.08); }
.gv-callout-icon svg { width:20px; height:20px; }
.gv-callout h4 { margin:0 0 4px; font-size:15px; color:#0c2a44; }
.gv-callout p { margin:0; font-size:13.5px; color:#5a6b78; line-height:1.5; }
.gv-diagram { position:relative; padding-top:52px; min-height:260px; }
.gv-line-label { position:absolute; top:0; left:8%; font-style:italic; color:#8a97a3; font-size:13px; transform:rotate(-6deg); }
.gv-line-svg { position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.gv-line-path { fill:none; stroke:#2f6fed; stroke-width:2.5; }
.gv-line-arrow { fill:#2f6fed; }
.gv-steps { position:relative; z-index:2; display:flex; align-items:flex-end; gap:18px; padding-top:36px; }
.gv-step { display:flex; flex-direction:column; align-items:center; flex:1 1 0; min-width:0; margin-bottom:calc(var(--i, 0) * 30px); }
.gv-check { width:26px; height:26px; border-radius:50%; background:#f39c3d; display:flex; align-items:center; justify-content:center; margin-bottom:10px; box-shadow:0 2px 6px rgba(243,156,61,.4); flex:0 0 auto; }
.gv-check svg { width:14px; height:14px; }
.gv-card { background:#fff; border-radius:10px; padding:18px 12px 14px; text-align:center; box-shadow:0 8px 20px rgba(15,40,70,.08); width:100%; position:relative; }
.gv-num { position:absolute; top:8px; left:8px; width:20px; height:20px; border-radius:50%; background:#eef3fb; color:#2f6fed; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.gv-icon { width:34px; height:34px; border-radius:50%; background:#eef3fb; color:#2f6fed; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; }
.gv-icon svg { width:18px; height:18px; }
.gv-role { margin:0 0 8px; font-size:12.5px; font-weight:700; color:#0c2a44; line-height:1.3; min-height:32px; display:flex; align-items:center; justify-content:center; }
.gv-tag { display:inline-block; background:#eef3fb; color:#2f6fed; font-size:10px; font-weight:600; padding:4px 8px; border-radius:6px; }
@media (max-width: 900px) {
  .gv-wrap { grid-template-columns: 1fr; }
  .gv-diagram { padding-top:24px; min-height:auto; }
  .gv-line-svg, .gv-line-label { display:none; }
  .gv-steps { flex-wrap:wrap; padding-top:0; }
  .gv-step { flex:1 1 30%; margin-bottom:16px !important; }
}
@media (max-width: 600px) {
  .gv-step { flex:1 1 45%; }
}


.v360c-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.v360c-text .kicker{display:inline-block}
.v360c-text .section-title{margin-top:10px}
.v360c-text p{color:var(--grey);font-size:16px;line-height:1.6;margin-top:14px}
.v360c-badge{display:inline-flex;align-items:center;gap:9px;background:var(--blue-light);color:var(--blue-dark);padding:9px 16px;border-radius:999px;font-weight:700;font-size:13.5px;margin-top:20px}
.v360c-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.v360c-diagram{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}
.v360c-hub{width:60px;height:60px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-hover);display:flex;align-items:center;justify-content:center;color:var(--blue);flex:none}
.v360c-hub svg{width:30px;height:30px}
.v360c-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}
.v360c-node{position:relative;background:var(--white);border-radius:12px;padding:22px 18px 18px;box-shadow:var(--shadow);border:1px solid var(--line);text-align:left;transition:box-shadow .2s,transform .2s;min-width:0}
.v360c-node:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.v360c-num{position:absolute;top:-10px;left:16px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:var(--white);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(16,120,184,.4)}
.v360c-icon{display:inline-flex;width:28px;height:28px;color:var(--blue);margin-bottom:8px}
.v360c-icon svg{width:100%;height:100%}
.v360c-node-title{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:6px}
.v360c-node-desc{font-size:12.5px;color:var(--grey);line-height:1.5}
@media (max-width:960px){
  .v360c-wrap{grid-template-columns:1fr;gap:36px}
}
@media (max-width:700px){
  .v360c-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .v360c-grid{grid-template-columns:1fr}
}

.at2-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.at2-text .section-title{margin-top:10px}
.at2-intro{color:var(--grey);font-size:16px;line-height:1.6;margin-top:14px;margin-bottom:22px}
.at2-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:13px}
.at2-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.4}
.at2-icon{flex:none;width:26px;height:26px;color:var(--orange)}
.at2-icon svg{width:100%;height:100%}
.at2-more{display:flex;gap:14px;background:rgba(240,125,37,.08);border-radius:12px;padding:16px 18px;margin-bottom:20px}
.at2-more-icon{flex:none;width:26px;height:26px;color:var(--orange)}
.at2-more-icon svg{width:100%;height:100%}
.at2-more-title{font-weight:700;color:var(--ink);margin-bottom:4px;font-size:14.5px}
.at2-more p{font-size:13px;color:var(--grey);line-height:1.5;margin:0}
.at2-closing{font-weight:700;font-size:16px;color:var(--ink);border-left:3px solid var(--blue);padding-left:14px;margin:4px 0 0}
.at2-panel{background:var(--white);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);padding:18px}
.at2-panel-head{margin-bottom:10px}
.at2-panel-title{font-weight:800;font-size:19px;color:var(--ink)}
.at2-panel-subtitle{font-size:12.5px;color:var(--grey);margin-top:4px}
.at2-panel-controls{display:flex;gap:10px;margin-bottom:18px}
.at2-search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--grey-light);font-size:13px;min-width:0}
.at2-search svg{width:16px;height:16px;flex:none}
.at2-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at2-filter{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--ink);white-space:nowrap;flex:none}
.at2-timeline{display:flex;flex-direction:column;gap:0}
.at2-entry{display:grid;grid-template-columns:66px 18px 34px 1fr auto;gap:10px;align-items:start;padding:7px 0;position:relative}
.at2-entry-line{position:relative;display:flex;justify-content:center;align-self:stretch}
.at2-entry-line::before{content:'';position:absolute;top:0;bottom:-7px;width:2px;background:var(--line);left:50%;transform:translateX(-50%)}
.at2-entry:last-child .at2-entry-line::before{display:none}
.at2-dot{width:9px;height:9px;border-radius:50%;background:var(--white);border:2px solid var(--blue);position:relative;z-index:1;margin-top:5px}
.at2-entry-date{font-size:11px;font-weight:700;color:var(--ink);text-align:right;line-height:1.4;white-space:nowrap}
.at2-entry-date span{display:block;font-weight:400;color:var(--grey-light);font-size:10.5px}
.at2-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-light);color:var(--blue-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.at2-entry-body{min-width:0}
.at2-entry-title{font-weight:700;font-size:13.5px;color:var(--ink)}
.at2-entry-meta{font-size:11px;color:var(--grey-light);margin:1px 0 2px}
.at2-entry-desc{font-size:12px;color:var(--grey);line-height:1.25}
.at2-badge{align-self:start;background:var(--blue-light);color:var(--blue-dark);font-size:10.5px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap;margin-top:2px}
.at2-badge--alt{background:rgba(240,125,37,.14);color:#b35a10}
@media (max-width:960px){
  .at2-wrap{grid-template-columns:1fr;gap:36px}
}
@media (max-width:700px){
  .at2-entry{grid-template-columns:18px 30px 1fr}
  .at2-entry-date{display:none}
  .at2-badge{grid-column:1/-1;margin-left:40px;margin-top:4px}
}
@media (max-width:480px){
  .at2-panel{padding:16px}
  .at2-panel-controls{flex-direction:column}
}

.kcap-subtitle{color:var(--grey);font-size:16px;margin-top:10px;max-width:640px}
.kcap-wrap{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;margin-top:28px}
.kcap-featured{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;display:flex;flex-direction:column;color:#fff}
.kcap-icon-box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--blue-light);color:var(--blue);flex:none;margin-bottom:10px}
.kcap-icon-box svg{width:26px;height:26px}
.kcap-icon-box--lg{width:64px;height:64px;margin-bottom:18px;background:var(--white);box-shadow:0 2px 6px rgba(16,24,40,.08)}
.kcap-icon-box--lg svg{width:32px;height:32px}
.kcap-icon-box--alt{background:rgba(240,125,37,.15);color:var(--orange)}

.kcap-featured-title{font-size:26px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.25}
.kcap-featured-desc{color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.55;margin-bottom:24px}
.kcap-demo{background:var(--white);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow);margin-top:24px}
.kcap-demo-head{display:grid;grid-template-columns:70px repeat(3,1fr);gap:10px;margin-bottom:10px}
.kcap-demo-col{font-size:12.5px;font-weight:700;color:var(--ink);text-align:center}
.kcap-demo-row{display:grid;grid-template-columns:70px repeat(3,1fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.kcap-demo-row:first-of-type{border-top:none}
.kcap-demo-label{font-size:12.5px;color:var(--grey);font-weight:600}
.kcap-demo-bar{display:block;height:8px;border-radius:999px;background:var(--bg);overflow:hidden}
.kcap-demo-bar-fill{display:block;height:100%;border-radius:999px}
.kcap-demo-score{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;margin:0 auto}
.kcap-demo-score svg{width:12px;height:12px;color:var(--white)}
.kcap-tone-1{background:var(--blue)}
.kcap-tone-2{background:#BFE0F5}
.kcap-tone-3{background:var(--blue-dark)}
.kcap-cta{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;margin-top:20px}
.kcap-cta svg{width:14px;height:14px}
.kcap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-content:start}
.kcap-card{grid-column:span 3;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px;transition:box-shadow .2s,transform .2s;min-width:0}
.kcap-card:nth-of-type(3),.kcap-card:nth-of-type(4),.kcap-card:nth-of-type(5){grid-column:span 2}
.kcap-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.kcap-card h3{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:5px}
.kcap-card p{font-size:13.5px;color:var(--grey);line-height:1.4}
.kcap-card--hi{border-color:rgba(240,125,37,.4);background:rgba(240,125,37,.04)}
.kcap-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:700;font-size:13.5px;margin-top:6px}
.kcap-link svg{width:12px;height:12px}
.kcap-card--hi .kcap-link{color:var(--orange)}
@media (max-width:960px){
.kcap-wrap{grid-template-columns:1fr}
}
@media (max-width:700px){
.kcap-grid{grid-template-columns:1fr}
.kcap-card{grid-column:auto !important}
.kcap-demo-head,.kcap-demo-row{grid-template-columns:56px repeat(3,1fr);gap:6px}
.kcap-featured-title{font-size:22px}
}
@media (max-width:480px){
.kcap-featured{padding:22px}
.kcap-demo{padding:14px}
.kcap-card{padding:20px}
}

.eco2-head{text-align:center;max-width:680px;margin:0 auto 40px}
.eco2-head .kicker{display:block;margin-bottom:10px}
.eco2-head .section-title{margin-bottom:10px}
.eco2-intro{color:var(--grey);font-size:16px;margin:0}
.eco2-row{display:flex;align-items:stretch;gap:0;margin-bottom:32px}
.eco2-connector{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;align-self:center;margin:0 -3px;position:relative;z-index:2;box-shadow:0 4px 10px rgba(240,125,37,.35)}
.eco2-connector svg{width:15px;height:15px}
.eco2-card{flex:1;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 16px;text-align:left;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.eco2-card h3{font-size:14.5px;margin:14px 0 6px;color:var(--navy);line-height:1.3}
.eco2-card p{font-size:12.5px;color:var(--grey);line-height:1.45;margin:0 0 14px}
.eco2-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:var(--blue-light);color:var(--blue);flex:none}
.eco2-icon svg{width:26px;height:26px}
.eco2-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--blue-light);color:var(--blue)}
.eco2-link svg{width:13px;height:13px}
.eco2-card--active{flex:1.18;border-color:var(--orange);box-shadow:0 18px 40px rgba(240,125,37,.18);transform:translateY(-8px);text-align:center;padding-top:28px;padding-bottom:24px;z-index:1}
.eco2-card--active::before{content:"";position:absolute;inset:-18px;background:radial-gradient(circle,rgba(240,125,37,.14),transparent 70%);z-index:-1}
.eco2-card--active .eco2-icon{width:62px;height:62px;margin:0 auto 16px;background:var(--white);box-shadow:0 4px 14px rgba(16,24,40,.12)}
.eco2-card--active .eco2-icon svg{width:32px;height:32px}
.eco2-card--active h3{text-align:center;font-size:16.5px}
.eco2-card--active p{text-align:center}
.eco2-card--active .eco2-link{margin:0 auto;background:var(--orange);color:#fff}
.eco2-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;background:var(--blue-light);border-radius:999px;padding:15px 26px}
.eco2-strip-item{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--navy);white-space:nowrap}
.eco2-strip-icon{color:var(--orange);display:inline-flex}
.eco2-strip-icon svg{width:17px;height:17px}
.eco2-strip-sep{color:var(--grey-light);display:inline-flex}
.eco2-strip-sep svg{width:13px;height:13px}
@media (max-width:960px){
.eco2-row{flex-wrap:wrap}
.eco2-connector{display:none}
.eco2-card{flex:1 1 calc(50% - 12px)}
.eco2-card--active{flex:1 1 100%;order:-1;transform:none}
}
@media (max-width:640px){
.eco2-card{flex:1 1 100%}
.eco2-strip{border-radius:20px}
}

.bshow{--bg-image:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(160deg,rgba(4,33,51,.97) 0%,rgba(7,54,82,.97) 55%,rgba(10,78,119,.95) 100%);background-size:24px 24px,cover;color:var(--white);position:relative;overflow:hidden}
.bshow-inner{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:48px;align-items:center;padding:64px 0 40px}
.bshow-left{max-width:440px}
.bshow-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.bshow-kicker::after{content:"";display:inline-block;width:34px;height:1px;background:rgba(240,125,37,.5)}
.bshow-title{font-size:clamp(28px,3.6vw,38px);line-height:1.15;margin:0 0 16px;color:var(--white);font-weight:800}
.bshow-title .bshow-hl{color:var(--orange)}
.bshow-subtitle{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.6;margin:0 0 26px}
.bshow-cta{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;padding:14px 24px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px rgba(240,125,37,.32);transition:background .2s,box-shadow .2s}
.bshow-cta:hover{background:#d96c1a;box-shadow:0 14px 30px rgba(240,125,37,.4)}
.bshow-cta svg{width:16px;height:16px}
.bshow-badge{display:flex;align-items:center;gap:10px;margin-top:22px;color:rgba(255,255,255,.75);font-size:13.5px}
.bshow-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:var(--white)}
.bshow-badge-icon svg{width:16px;height:16px}
.bshow-right{position:relative}
.bshow-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 34px}
.bshow-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px;backdrop-filter:blur(2px)}
.bshow-card h3{font-size:15px;color:var(--white);margin:0 0 6px}
.bshow-card p{font-size:12.5px;color:rgba(255,255,255,.68);line-height:1.45;margin:0}
.bshow-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(16,120,184,.35);color:#bfe0f7;margin-bottom:10px}
.bshow-card-icon svg{width:19px;height:19px}
.bshow-card--hi{background:var(--white);border-color:transparent;box-shadow:0 0 0 1px rgba(240,125,37,.5),0 0 30px rgba(240,125,37,.35)}
.bshow-card--hi h3{color:var(--navy)}
.bshow-card--hi p{color:var(--grey)}
.bshow-card--hi .bshow-card-icon{background:var(--blue-light);color:var(--blue)}
.bshow-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.1));display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none}
.bshow-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4)}
.bshow-dot--accent{width:13px;height:13px;background:var(--orange);box-shadow:0 0 0 4px rgba(240,125,37,.22)}
.bshow-dot--white{width:13px;height:13px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.bshow-dot--ring{width:7px;height:7px;background:transparent;border:2px solid rgba(255,255,255,.35)}
.bshow-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;border-top:1px solid rgba(255,255,255,.12);padding:22px 0 6px;margin-top:8px}
.bshow-footer-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:rgba(255,255,255,.9);white-space:nowrap}
.bshow-footer-item svg{width:16px;height:16px;color:var(--orange)}
.bshow-footer-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.35)}
@media (max-width:960px){
.bshow-inner{grid-template-columns:1fr;padding:48px 0 30px}
.bshow-left{max-width:none;text-align:center}
.bshow-kicker{justify-content:center}
.bshow-badge{justify-content:center}
.bshow-line{display:none}
}
@media (max-width:560px){
.bshow-grid{grid-template-columns:1fr}
}


/* ===== Bloc 5 - wf-flow enhancements ===== */
.wf-flow__eyebrow{display:inline-flex;align-items:center;gap:14px}
.wf-flow__eyebrow::before,.wf-flow__eyebrow::after{content:"";width:30px;height:1px;background:rgba(8,127,195,.35)}
.wf-flow__subtitle{margin:12px auto 0;max-width:640px;color:var(--wf-text);font-size:15px;line-height:1.55}
.wf-flow__hl{color:var(--wf-blue)}
.wf-card:nth-child(1) .wf-card__icon{background:linear-gradient(145deg,#eaf3fb,#dbeafe)}
.wf-card:nth-child(1) .wf-card__icon svg{color:var(--blue)}
.wf-card:nth-child(2) .wf-card__icon{background:linear-gradient(145deg,#eafaf0,#d3f5e0)}
.wf-card:nth-child(2) .wf-card__icon svg{color:#1a9d5c}
.wf-card:nth-child(3) .wf-card__icon{background:linear-gradient(145deg,#fff3e8,#ffe4cc)}
.wf-card:nth-child(3) .wf-card__icon svg{color:var(--orange)}
.wf-card:nth-child(4) .wf-card__icon{background:linear-gradient(145deg,#f1ecfd,#e3d9fb)}
.wf-card:nth-child(4) .wf-card__icon svg{color:#7c5cf0}
.wf-card:nth-child(5) .wf-card__icon{background:linear-gradient(145deg,#e8f7fd,#d3f0fb)}
.wf-card:nth-child(5) .wf-card__icon svg{color:var(--wf-cyan)}

/* ===== Bloc 6 - related modules cards + CTA action ===== */
.rel-section{position:relative}
.rel-subtitle{margin-top:10px;max-width:640px;color:var(--grey);font-size:15px;line-height:1.55}
.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.rel-card{display:flex;align-items:flex-start;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 18px;box-shadow:0 8px 20px rgba(7,54,82,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(7,54,82,.1);border-color:var(--blue-light)}
.rel-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:var(--blue-light);color:var(--blue)}
.rel-card-icon svg{width:22px;height:22px}
.rel-card:nth-child(2) .rel-card-icon{background:#eafaf0;color:#1a9d5c}
.rel-card:nth-child(3) .rel-card-icon{background:#fff3e8;color:var(--orange)}
.rel-card:nth-child(4) .rel-card-icon{background:#f1ecfd;color:#7c5cf0}
.rel-card-body{flex:1 1 auto}
.rel-card-body h3{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 4px}
.rel-card-body p{font-size:12.5px;color:var(--grey);line-height:1.5;margin:0}
.rel-card-arrow{color:var(--blue);font-size:16px;flex:none;margin-top:4px}
@media (max-width:980px){.rel-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.rel-grid{grid-template-columns:1fr}}

.cta-band--action{align-items:flex-start}
.cta-band-col{flex:1 1 420px}
.cta-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#bfe0ff;margin-bottom:10px}
.cta-kicker::after{content:"";width:28px;height:1px;background:rgba(255,255,255,.35)}
.cta-hl{color:#7fd1ff}
.cta-band-col .cta-actions{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.cta-checklist{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;flex:0 0 auto}
.cta-checklist li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#eaf4ff}
.cta-check-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%;background:rgba(255,255,255,.16);color:#7fd1ff;font-size:11px;font-weight:900}
@media (max-width:760px){.cta-band-col{flex:1 1 100%}}

/* ===== Bloc 2 - features grid9 ===== */
#fonctionnalites.f9-section{position:relative;overflow:hidden;background-color:#f9fcfe;background-image:radial-gradient(circle,#dcebf4 1.3px,transparent 1.3px);background-size:32px 32px}
#fonctionnalites.f9-section::before{content:"";position:absolute;left:-220px;bottom:-240px;width:380px;height:380px;border-radius:50%;background:#dff4ff80;pointer-events:none}
#fonctionnalites.f9-section::after{content:"";position:absolute;right:6%;top:14px;width:150px;height:110px;background-image:radial-gradient(circle,#bcdcf0 1.6px,transparent 1.6px);background-size:14px 14px;pointer-events:none;opacity:.8}
#fonctionnalites.f9-section .section-head{position:relative;z-index:1}
.kcap-subtitle{margin-top:10px;max-width:640px;color:var(--grey);font-size:15px;line-height:1.55}
.f9-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.f9-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:0 8px 20px rgba(7,54,82,.05);transition:transform .2s ease,box-shadow .2s ease}
.f9-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(7,54,82,.1)}
.f9-card-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--blue-light);color:var(--blue);margin-bottom:14px}
.f9-card-icon svg{width:24px;height:24px}
.f9-card:nth-child(3n+2) .f9-card-icon{background:#eafaf0;color:#1a9d5c}
.f9-card:nth-child(3n+3) .f9-card-icon{background:#fff3e8;color:var(--orange)}
.f9-card h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.f9-card-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--blue-light);color:var(--blue);font-size:13px}
.f9-card p{font-size:13.5px;color:var(--grey);line-height:1.55;margin:0}
@media (max-width:980px){.f9-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.f9-grid{grid-template-columns:1fr}}

/* ===== Bloc 3 - vision360 icongrid ===== */
.v360g-wrap{position:relative}
.v360g-head{max-width:720px}
.v360g-sub{margin-top:10px;color:var(--grey);font-size:15px;line-height:1.55}
.v360g-hl{color:var(--blue)}
.v360g-body{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;margin-top:30px}
.v360g-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.v360g-card{position:relative;display:flex;align-items:flex-start;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 20px rgba(7,54,82,.05);transition:transform .2s ease,box-shadow .2s ease}
.v360g-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(7,54,82,.1)}
.v360g-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:11px;background:var(--blue-light);color:var(--blue)}
.v360g-icon svg{width:20px;height:20px}
.v360g-card-body h4{font-size:14.5px;font-weight:700;color:var(--navy);margin:0 0 4px}
.v360g-card-body p{font-size:12.5px;color:var(--grey);line-height:1.5;margin:0}
.v360g-arrow{position:absolute;top:18px;right:16px;color:var(--blue);font-size:14px}
.v360g-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.v360g-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:96px;height:96px;border-radius:50%;background:var(--white);box-shadow:0 10px 26px rgba(7,54,82,.12);color:var(--blue)}
.v360g-badge svg{width:26px;height:26px}
.v360g-badge b{font-size:14px;font-weight:800;color:var(--navy)}
.v360g-mock{width:100%;max-width:280px;background:var(--white);border-radius:16px;box-shadow:0 16px 40px rgba(7,54,82,.14);padding:16px;border:1px solid var(--line)}
.v360g-mock-head{display:flex;gap:6px;margin-bottom:12px}
.v360g-mock-head span{width:9px;height:9px;border-radius:50%;background:var(--line)}
.v360g-mock-bars{display:flex;align-items:flex-end;gap:8px;height:70px;margin-bottom:14px}
.v360g-mock-bars i{flex:1;background:linear-gradient(180deg,var(--blue),var(--blue-dark));border-radius:5px 5px 0 0;display:block}
.v360g-mock-donut{width:64px;height:64px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--blue-dark) 0 32%,var(--blue) 32% 50%,#4da3d8 50% 64%,#8fc4e8 64% 76%,#c7e2f3 76% 100%)}
@media (max-width:980px){.v360g-body{grid-template-columns:1fr}.v360g-visual{display:none}}
@media (max-width:640px){.v360g-grid{grid-template-columns:1fr}}

/* ===== Bloc 4 - benefits cards ===== */
.bcards-section{position:relative;overflow:hidden;background-color:#f9fbfe;background-image:radial-gradient(circle,#e3edf5 1.3px,transparent 1.3px);background-size:30px 30px}
.bcards-section::before{content:"";position:absolute;right:-200px;top:-160px;width:360px;height:360px;border-radius:50%;background:#eef1fb99;pointer-events:none}
.bcards-section::after{content:"";position:absolute;left:-180px;bottom:-200px;width:340px;height:340px;border-radius:50%;background:#eaf6ee99;pointer-events:none}
.bcards-section .container{position:relative;z-index:1}
.bcards-sub{margin-top:10px;max-width:680px;color:var(--grey);font-size:15px;line-height:1.55}
.bcards-hl{color:var(--blue)}
.bcards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.bcards-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 20px;box-shadow:0 8px 20px rgba(7,54,82,.05);transition:transform .2s ease,box-shadow .2s ease}
.bcards-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(7,54,82,.1)}
.bcards-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;margin-bottom:14px}
.bcards-icon svg{width:24px;height:24px}
.bcards-card:nth-child(6n+1) .bcards-icon{background:#eaf3fb;color:var(--blue)}
.bcards-card:nth-child(6n+2) .bcards-icon{background:#eafaf0;color:#1a9d5c}
.bcards-card:nth-child(6n+3) .bcards-icon{background:#fff3e8;color:var(--orange)}
.bcards-card:nth-child(6n+4) .bcards-icon{background:#f1ecfd;color:#7c5cf0}
.bcards-card:nth-child(6n+5) .bcards-icon{background:#fdeaf3;color:#d6438b}
.bcards-card:nth-child(6n+6) .bcards-icon{background:#fff8e0;color:#c99a12}
.bcards-card h3{font-size:15.5px;font-weight:700;color:var(--navy);margin:0 0 8px;line-height:1.3}
.bcards-card p{font-size:13px;color:var(--grey);line-height:1.55;margin:0}
.bcards-impact{grid-column:span 2;background:linear-gradient(120deg,rgba(7,54,82,.96),rgba(16,120,184,.92));border-radius:16px;padding:26px 24px;color:var(--white);display:flex;flex-direction:column;position:relative;overflow:hidden}
.bcards-impact::after{content:"";position:absolute;right:-40px;bottom:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%)}
.bcards-impact-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.16);color:var(--white);margin-bottom:12px;position:relative;z-index:1}
.bcards-impact-icon svg{width:22px;height:22px}
.bcards-impact-kicker{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#bfe0ff;margin-bottom:6px;position:relative;z-index:1}
.bcards-impact h3{font-size:19px;font-weight:800;margin:0 0 8px;position:relative;z-index:1}
.bcards-impact p{font-size:13.5px;color:#dcebfa;line-height:1.55;margin:0 0 16px;position:relative;z-index:1}
.bcards-impact .btn{align-self:flex-start;position:relative;z-index:1}
@media (max-width:980px){.bcards-grid{grid-template-columns:repeat(2,1fr)}.bcards-impact{grid-column:span 2}}
@media (max-width:640px){.bcards-grid{grid-template-columns:1fr}.bcards-impact{grid-column:span 1}}

/* ===== Bloc 1 - hero dashboard ===== */
.page-hero--dash{background:linear-gradient(160deg,#f6fafd 0%,#eef6fb 55%,#e4f1fb 100%);color:var(--ink);padding:46px 0 56px;overflow:hidden}
.page-hero--dash::after{content:"";position:absolute;right:-160px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(16,120,184,.10),transparent 70%);pointer-events:none}
.page-hero--dash .breadcrumb,.page-hero--dash .breadcrumb a{color:#6b7c90}
.page-hero--dash .breadcrumb .current{color:var(--navy)}
.phd-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:18px}
.phd-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:700;padding:7px 16px 7px 10px;border-radius:999px;margin-bottom:18px;box-shadow:0 4px 12px rgba(7,54,82,.06)}
.phd-badge-ico{display:inline-flex;color:var(--blue)}
.phd-badge-ico svg{width:16px;height:16px}
.phd-title{font-size:36px;line-height:1.16;font-weight:800;color:var(--navy);max-width:560px;margin:0 0 16px}
.phd-hl{color:var(--blue)}
.page-hero--dash p{font-size:16px;color:var(--grey);max-width:520px}
.phd-lead2{color:var(--navy) !important;font-weight:600}
.phd-ctas{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}
.phd-btn-outline{border:1.5px solid var(--line);color:var(--navy);background:var(--white)}
.phd-btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.phd-points{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:18px 28px}
.phd-points li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--navy)}
.phd-point-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--blue-light);color:var(--blue);font-size:14px}
.phd-visual{position:relative}
.phd-bubble{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:var(--white);border-radius:14px;padding:10px 16px;font-size:12.5px;font-weight:700;color:var(--navy);box-shadow:0 12px 28px rgba(7,54,82,.14);max-width:150px;line-height:1.35}
.phd-bubble svg{width:18px;height:18px;color:var(--blue);flex:none}
.phd-bubble--top{top:-6px;right:-10px}
.phd-bubble--bottom{bottom:6px;right:-6px;font-style:italic;font-weight:600;font-family:Georgia,serif;color:var(--blue-dark);box-shadow:none;background:transparent;max-width:170px}
.phd-mock{position:relative;z-index:1;background:var(--white);border-radius:20px;box-shadow:0 30px 70px rgba(7,54,82,.18);padding:20px;border:1px solid rgba(7,54,82,.06)}
.phd-mock-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.phd-mock-logo{font-weight:900;color:var(--navy);font-size:14px;letter-spacing:.5px}
.phd-mock-tab{font-size:11.5px;font-weight:700;color:var(--grey)}
.phd-mock-tab--active{color:var(--blue)}
.phd-mock-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue-light);color:var(--blue);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.phd-mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.phd-mock-kpi{background:var(--bg);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.phd-mock-kpi span{font-size:9.5px;color:var(--grey);font-weight:600}
.phd-mock-kpi b{font-size:15px;color:var(--navy);font-weight:800}
.phd-mock-kpi em{font-style:normal;font-size:10px;font-weight:700}
.phd-mock-kpi em.up{color:#1a9d5c}
.phd-mock-kpi em.down{color:#1a9d5c}
.phd-mock-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.phd-mock-card-title{display:block;font-size:9.5px;font-weight:700;color:var(--grey);margin-bottom:8px}
.phd-mock-donut-card,.phd-mock-chart-card,.phd-mock-suppliers-card,.phd-mock-opp-card{background:var(--bg);border-radius:10px;padding:12px}
.phd-mock-donut{width:52px;height:52px;border-radius:50%;margin:0 auto 8px;background:conic-gradient(var(--blue-dark) 0 32%,var(--blue) 32% 50%,#4da3d8 50% 64%,#8fc4e8 64% 76%,#c7e2f3 76% 100%);display:flex;align-items:center;justify-content:center}
.phd-mock-donut span{display:none}
.phd-mock-legend{list-style:none;margin:0;padding:0;font-size:9px;color:var(--grey);display:flex;flex-direction:column;gap:3px}
.phd-mock-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}
.phd-mock-chart{width:100%;height:60px;display:block}
.phd-mock-sup-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;padding:3px 0}
.phd-mock-sup-row span{color:var(--navy);font-weight:600;flex:1}
.phd-mock-sup-row b{color:var(--navy);font-weight:700}
.phd-mock-sup-row em{font-style:normal;color:#1a9d5c;font-weight:700;min-width:38px;text-align:right}
.phd-mock-opp-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.phd-mock-opp-card b{font-size:20px;color:var(--blue);font-weight:800}
.phd-mock-opp-sub{font-size:9.5px;color:var(--grey);margin-top:2px}
@media (max-width:980px){.phd-grid{grid-template-columns:1fr}.phd-visual{margin-top:20px}.phd-bubble{display:none}}
@media (max-width:640px){.phd-mock-kpis,.phd-mock-row{grid-template-columns:1fr 1fr}.phd-title{font-size:28px}}

/* === Numbered feature cards (features_layout=numbered) === */
#fonctionnalites.n3-section{position:relative;overflow:hidden;background-color:#f9fcfe;background-image:radial-gradient(circle,#dcebf4 1.3px,transparent 1.3px);background-size:32px 32px}
.n3-badge{position:absolute;top:18px;right:32px;max-width:190px;font-family:Georgia,serif;font-style:italic;font-weight:600;font-size:14px;line-height:1.3;color:var(--blue-dark);text-align:right;transform:rotate(-3deg);z-index:1}
.n3-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.n3-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px 20px;box-shadow:0 8px 20px rgba(7,54,82,.05)}
.n3-card-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--blue-light);color:var(--blue);margin-bottom:14px}
.n3-card:nth-child(3n+2) .n3-card-icon{background:#eafaf0;color:#1a9d5c}
.n3-card:nth-child(3n+3) .n3-card-icon{background:#fff3e8;color:var(--orange)}
.n3-card-num{position:absolute;top:20px;right:18px;font-size:12px;font-weight:800;color:#9fb3c4;letter-spacing:.4px}
.n3-card h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 8px}
.n3-card p{font-size:13.5px;color:var(--grey);line-height:1.5;margin:0}
@media (max-width:760px){.n3-grid{grid-template-columns:1fr}.n3-badge{position:static;transform:none;text-align:left;max-width:none;margin-bottom:12px}}

/* === Generic extra content sections (extra_sections / extra_sections_top) === */
.xsec-intro{max-width:680px;color:var(--grey);font-size:15px;line-height:1.6;margin-top:6px}
.xsec-hl{color:var(--blue)}
.xsec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}
.xsec-chip{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 6px 16px rgba(7,54,82,.04)}
.xsec-chip h4{font-size:14.5px;font-weight:700;color:var(--navy);margin:0 0 6px}
.xsec-chip p{font-size:13px;color:var(--grey);line-height:1.5;margin:0}
.xsec-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.xsec-tag{display:inline-flex;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--navy)}

/* === Reference cards (savings.referentiels) — icon + colored badge + arrow === */
.ref-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:16px}
.ref-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px 58px;box-shadow:0 8px 20px rgba(7,54,82,.05);transition:box-shadow .2s,transform .2s}
.ref-card:hover{box-shadow:0 14px 28px rgba(7,54,82,.1);transform:translateY(-2px)}
.ref-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--blue-light);color:var(--blue);font-size:20px;margin-bottom:16px}
.ref-card:nth-child(5n+2) .ref-card-icon{background:#fff3e8;color:var(--orange)}
.ref-card:nth-child(5n+3) .ref-card-icon{background:#eafaf0;color:#1a9d5c}
.ref-card:nth-child(5n+4) .ref-card-icon{background:#f3eefc;color:#7c3aed}
.ref-card:nth-child(5n) .ref-card-icon{background:#fff3e8;color:var(--orange)}
.ref-card h3{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 8px}
.ref-card p{font-size:13.5px;color:var(--grey);line-height:1.5;margin:0}
.ref-card-arrow{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--blue-light);color:var(--blue);font-size:15px;font-weight:700}
.ref-card:nth-child(5n+2) .ref-card-arrow{background:#fff3e8;color:var(--orange)}
.ref-card:nth-child(5n+3) .ref-card-arrow{background:#eafaf0;color:#1a9d5c}
.ref-card:nth-child(5n+4) .ref-card-arrow{background:#f3eefc;color:#7c3aed}
.ref-card:nth-child(5n) .ref-card-arrow{background:#fff3e8;color:var(--orange)}
@media (max-width:760px){.ref-cards-grid{grid-template-columns:1fr}}

/* === Savings visual dashboard (mid-page hero-style mockup + floating badges) === */
.svd-period{display:inline-flex;align-items:center;gap:5px;background:var(--white);border:1px solid var(--line);color:var(--navy);font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px}
.svd-note{font-family:Georgia,serif;font-style:italic;font-weight:600;color:var(--orange);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}
.svd-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px rgba(7,54,82,.14);max-width:190px}
.svd-badge-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--blue-light);color:var(--blue);flex:none;font-size:16px}
.svd-badge b{display:block;color:var(--navy);font-size:12.5px;font-weight:700;line-height:1.3}
.svd-badge span{display:block;color:var(--grey);font-size:10.5px;font-weight:600}
.svd-badge--1{top:-60px;left:-24px}
.svd-badge--2{top:58%;right:-40px}
.svd-badge--2 .svd-badge-ico{background:#eafaf0;color:#1a9d5c}
.svd-badge--3{bottom:-16px;right:-14px}
.svd-badge--3 .svd-badge-ico{background:#fff3e8;color:var(--orange)}
@media (max-width:900px){.svd-badge{display:none}}

/* Integration architecture block (dark 3-tier diagram) */
.integ-card{background:var(--navy);border-radius:24px;padding:48px 40px;position:relative;overflow:hidden}
.integ-badge-top{position:absolute;top:32px;right:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:8px}
.integ-head{text-align:center;max-width:680px;margin:0 auto 40px}
.integ-kicker{display:block;color:var(--blue-light);letter-spacing:2px;font-size:11.5px;font-weight:800;text-transform:uppercase;margin-bottom:10px}
.integ-title{color:#fff;font-size:30px;font-weight:800;margin:0 0 12px;line-height:1.25}
.integ-intro{color:rgba(255,255,255,.68);font-size:15px;line-height:1.6;margin:0}
.integ-tier{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-bottom:4px}
.integ-tier-side{padding-right:8px}
.integ-tier-label{color:rgba(255,255,255,.95);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.integ-tier-desc{color:rgba(255,255,255,.72);font-size:12px;margin-top:6px;line-height:1.45}
.integ-tier-items{display:grid;gap:14px}
.integ-tier-items.cols-5{grid-template-columns:repeat(5,1fr)}
.integ-tier-items.cols-4{grid-template-columns:repeat(4,1fr)}
.integ-tier-items.cols-3{grid-template-columns:repeat(3,1fr)}
.integ-tier-items.is-flow{background:rgba(255,255,255,.06);border-radius:16px;padding:18px 20px;align-items:center}
.integ-item{background:#fff;border-radius:14px;padding:18px 14px;text-align:center}
.integ-item.highlight{border:2px solid var(--orange);box-shadow:0 0 0 4px rgba(230,126,34,.18)}
.integ-item-ico{width:42px;height:42px;border-radius:10px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:19px}
.integ-item h4{color:var(--navy);font-size:13.5px;font-weight:700;margin:0 0 4px;line-height:1.3}
.integ-item p{color:var(--grey);font-size:11px;line-height:1.4;margin:0}
.integ-flow-item{display:flex;align-items:center;gap:9px;color:#fff;font-size:12.5px;font-weight:700;justify-content:center;text-align:center}
.integ-flow-ico{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.integ-arrow{display:flex;justify-content:center;color:rgba(255,255,255,.3);font-size:18px;line-height:1;margin:2px 0}
.integ-footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:36px}
.integ-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 18px;color:#fff;font-size:12.5px;font-weight:600}
.integ-tagline{text-align:center;color:rgba(255,255,255,.55);font-size:13px;margin:28px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:900px){
.integ-card{padding:32px 20px}
.integ-badge-top{position:static;display:inline-flex;margin-bottom:16px}
.integ-tier{grid-template-columns:1fr;gap:12px}
.integ-tier-items.cols-5,.integ-tier-items.cols-4,.integ-tier-items.cols-3{grid-template-columns:repeat(2,1fr)}
.integ-title{font-size:23px}
}


/* ===== Bloc Négociation (mockup tableau + cartes) ===== */
.neg-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start;margin-top:44px}
.neg-visual{position:relative}
.neg-mock{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 24px 8px;overflow:hidden}
.neg-mock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:4px;flex-wrap:wrap}
.neg-mock-head h4{margin:0 0 8px;font-size:17px;font-weight:800;color:var(--navy)}
.neg-status-pill{display:inline-flex;align-items:center;gap:6px;background:#FDECD9;color:var(--orange);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}
.neg-status-pill .neg-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}
.neg-mock-due{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--grey);text-align:left;white-space:nowrap}
.neg-mock-due b{color:var(--navy);font-size:13px}
.neg-due-ico{font-size:16px}
.neg-table-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}
.neg-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.neg-table th{text-align:left;color:var(--grey);font-weight:600;font-size:12px;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.neg-table td{padding:14px 10px;border-bottom:1px solid var(--line);color:var(--ink);white-space:nowrap}
.neg-table tr:last-child td{border-bottom:none}
.neg-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--blue-light);color:var(--blue-dark);font-size:12px;font-weight:800;margin-right:10px;vertical-align:middle}
.neg-delta{color:var(--orange);font-weight:700}
.neg-badge{position:absolute;top:-22px;right:24px;display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);color:var(--navy);font-size:13px;font-weight:700;padding:10px 18px;border-radius:12px;box-shadow:0 8px 22px rgba(7,54,82,.12)}
.neg-badge-ico{color:var(--blue);font-size:16px}
.neg-features{display:flex;flex-direction:column;gap:16px}
.neg-feature{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.neg-feature-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--blue-light);color:var(--blue);font-size:19px;margin-bottom:12px}
.neg-feature h3{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--navy)}
.neg-feature p{margin:0 0 12px;font-size:13.5px;color:var(--grey);line-height:1.55}
.neg-pill{display:inline-block;background:var(--blue-light);color:var(--blue-dark);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:999px}
.neg-checklist{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:36px;padding:18px 24px;background:var(--bg);border:1px solid var(--line);border-radius:999px}
.neg-check-item{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--navy)}
.neg-check-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--navy);color:var(--white);font-size:11px}
.neg-check-sep{width:1px;height:16px;background:var(--line)}
@media (max-width:900px){
  .neg-grid{grid-template-columns:1fr;gap:24px}
  .neg-badge{position:static;display:inline-flex;margin-top:14px}
  .neg-checklist{flex-direction:column;align-items:flex-start;border-radius:16px}
  .neg-check-sep{display:none}
}

/* ===== Bloc combine Savings + Negociation (toujours cote a cote, empile sous 900px) ===== */
.savings-neg-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.sn-col{min-width:0}
.sn-col .phd-grid{grid-template-columns:1fr}
.sn-col .svd-badge--1{top:-16px;left:-12px}
.sn-col .svd-badge--2{top:auto;bottom:-16px;right:-12px}
.neg-grid{grid-template-columns:1fr}
@media (max-width:900px){
  .savings-neg-row{grid-template-columns:1fr;gap:56px}
}

.page-hero--src{overflow:hidden;background:linear-gradient(160deg,#f6fafd 0%,#eef6fb 55%,#e4f1fb 100%);color:var(--ink)}
.page-hero--src::after{display:none}
.page-hero--src .breadcrumb,.page-hero--src .breadcrumb a{color:#6b7c90}
.page-hero--src .breadcrumb .current{color:var(--navy)}
.page-hero--src p{color:var(--grey)}
.src-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center;margin-top:18px}
.src-team{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;color:var(--grey);font-weight:600}
.src-team-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--blue-light);color:var(--blue);font-size:14px;flex:none}
.src-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.src-circle{position:absolute;top:50%;right:-20px;transform:translateY(-50%);width:560px;height:560px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--navy) 100%);z-index:0}
.src-orbit-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.src-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25);z-index:2}
.src-orbit-label{position:absolute;font-size:11.5px;font-weight:700;color:var(--navy);white-space:nowrap;z-index:2;background:rgba(255,255,255,.92);padding:4px 9px;border-radius:999px;box-shadow:0 4px 10px rgba(7,54,82,.12)}
.src-orbit-label--bottom{color:var(--navy)}
.src-laptop{position:relative;z-index:2;width:100%;max-width:560px}
.src-screen{background:#12141a;border-radius:14px 14px 4px 4px;padding:10px 10px 14px;box-shadow:0 30px 60px rgba(4,20,33,.35)}
.src-app{background:var(--white);border-radius:8px;padding:18px 18px 14px}
.src-app-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.src-app-head h4{margin:0;font-size:15px;font-weight:800;color:var(--navy)}
.src-btn-new{background:var(--orange);color:#fff;font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap}
.src-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.src-stat{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:8px;padding:8px}
.src-stat-ico{width:22px;height:22px;border-radius:6px;background:var(--blue-light);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.src-stat-ico--ok{background:#E4F6EE;color:var(--green)}
.src-stat-ico--award{background:#FDECD9;color:var(--orange)}
.src-stat-ico--pub{background:var(--blue-light);color:var(--blue)}
.src-stat b{display:block;font-size:14px;color:var(--navy);line-height:1.15}
.src-stat small{display:block;font-size:9.5px;color:var(--grey);line-height:1.2}
.src-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.src-panel{background:var(--bg);border-radius:8px;padding:10px}
.src-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.src-panel-head h5{margin:0;font-size:11px;font-weight:800;color:var(--navy)}
.src-viewall{font-size:9.5px;color:var(--blue);font-weight:700}
.src-suppliers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.src-suppliers li{display:flex;align-items:center;gap:6px;font-size:10px}
.src-sup-ico{width:16px;height:16px;border-radius:4px;background:var(--blue-light);color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:8px;flex:none}
.src-suppliers b{display:block;font-size:10px;color:var(--navy);font-weight:700}
.src-suppliers small{display:block;font-size:8.5px;color:var(--grey)}
.src-sup-bar{flex:1;height:4px;border-radius:2px;background:var(--line);margin-left:4px}
.src-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.src-legend span{display:flex;align-items:center;gap:3px;font-size:8px;color:var(--grey);font-weight:600}
.src-legend i{width:6px;height:6px;border-radius:2px;display:inline-block}
.src-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.src-bargroup{display:grid;grid-template-columns:repeat(4,4px);align-items:end;gap:2px;height:44px}
.src-bargroup i{border-radius:2px 2px 0 0}
.src-bargroup small{grid-column:1/-1;font-size:7.5px;color:var(--grey);margin-top:3px;text-align:center;white-space:nowrap}
.src-committee{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.src-committee li{display:flex;align-items:center;gap:6px}
.src-avatar{width:20px;height:20px;border-radius:50%;color:#fff;font-size:8px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}
.src-committee b{display:block;font-size:9.5px;color:var(--navy);font-weight:700}
.src-committee small{display:block;font-size:8px;color:var(--grey)}
.src-audit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.src-audit li{display:flex;align-items:center;gap:6px;font-size:9px}
.src-audit-dot{width:6px;height:6px;border-radius:50%;flex:none}
.src-audit b{font-size:9px;color:var(--navy);font-weight:700}
.src-audit small{display:block;font-size:7.5px;color:var(--grey);margin-left:auto}
.src-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:var(--white);border-radius:12px;padding:9px 14px;box-shadow:0 12px 28px rgba(7,54,82,.18)}
.src-badge b{display:block;font-size:11px;color:var(--navy);font-weight:700}
.src-badge small{display:block;font-size:9px;color:var(--grey)}
.src-badge-ico{width:26px;height:26px;border-radius:8px;background:#FDECD9;color:var(--orange);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}
.src-badge-ico--ok{background:#E4F6EE;color:var(--green)}
.src-badge-ico--award{background:#FDECD9;color:var(--orange)}
.src-badge--1{top:4%;right:-2%}
.src-badge--2{top:44%;right:-8%}
.src-badge--3{bottom:6%;right:0%}
@media (max-width:1100px){
  .src-grid{grid-template-columns:1fr}
  .src-circle,.src-orbit-svg,.src-dot,.src-orbit-label{display:none}
  .src-badge{position:static;box-shadow:none;margin-top:8px;background:var(--bg)}
  .src-visual{min-height:auto;flex-direction:column;gap:10px}
}
@media (max-width:640px){
  .src-stats{grid-template-columns:repeat(2,1fr)}
  .src-panels{grid-template-columns:1fr}
}

.kcap-icon-box--green{background:rgba(12,155,104,.12);color:var(--green)}
.kcap-icon-box--pink{background:rgba(239,40,107,.12);color:var(--pink)}
.kcap-icon-box--grey{background:rgba(139,147,167,.18);color:var(--grey)}
.kcap-icon-box--navy{background:rgba(7,54,82,.1);color:var(--navy)}
.scoring-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.scoring-chip{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;background:var(--blue-light);color:var(--blue-dark);font-size:13px;font-weight:700;border:1px solid rgba(16,120,184,.15)}
.scoring-subtitle{font-size:18px;font-weight:800;color:var(--ink);margin:26px 0 4px}

/* 2026-09-20 v4 : bloc stc (compact, tient sur 1180px sans scroll) (parcours S2C/P2P, cartes + fleches connecteurs, remplace .pflow) */
:root{--sems-navy:#053851;--sems-blue:#0a83c5;--sems-blue-light:#36a7dc;--sems-orange:#f58220;--sems-orange-light:#ff9c45;--sems-text:#07354f;--sems-muted:#64778a;--sems-warm:#fff5ec}
.stc,.stc *{box-sizing:border-box}
.stc{position:relative;isolation:isolate;max-width:1500px;margin:24px auto;padding:34px 16px 26px;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--sems-text);background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);border:1px solid #e1ebf0;border-radius:26px;box-shadow:0 18px 54px rgba(5,56,81,.10)}
.stc::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--sems-blue),var(--sems-blue-light) 68%,var(--sems-orange))}
.stc::after{content:"";position:absolute;z-index:-1;top:-170px;right:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(54,167,220,.12),rgba(245,130,32,.05) 48%,transparent 70%)}
.stc__header{max-width:820px;margin:0 auto 22px;text-align:center}
.stc__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--sems-blue);font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.stc__eyebrow::before,.stc__eyebrow::after{content:"";width:22px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--sems-blue),var(--sems-orange))}
.stc h2{margin:0 0 8px;color:var(--sems-navy);font-size:clamp(22px,2.2vw,32px);font-weight:800;line-height:1.14;letter-spacing:-.03em}
.stc__header p{margin:0;color:var(--sems-muted);font-size:13.5px;line-height:1.55}
.stc__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.stc__track{display:grid;grid-template-columns:repeat(var(--stc-count,7),minmax(112px,1fr));gap:10px;padding:6px 0}
.stc__step{position:relative;min-width:0;min-height:200px;padding:14px 10px 16px;text-align:center;background:rgba(255,255,255,.92);border:1px solid #e2edf2;border-radius:17px;box-shadow:0 7px 18px rgba(5,56,81,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.stc__step::before{content:"";position:absolute;inset:0 14px auto;height:3px;border-radius:0 0 5px 5px;background:var(--sems-blue);opacity:.78}
.stc__step:not(:last-child)::after{content:"\2192";position:absolute;z-index:3;top:80px;right:-18px;display:grid;place-items:center;width:24px;height:24px;color:var(--sems-blue);font-size:14px;font-weight:800;background:#fff;border:1px solid #cfe3ed;border-radius:50%;box-shadow:0 4px 10px rgba(5,56,81,.1)}
.stc__step:hover{transform:translateY(-5px);border-color:#bcddea;box-shadow:0 12px 26px rgba(5,56,81,.12)}
.stc__step:last-child{background:linear-gradient(180deg,#fff,#fffaf6);border-color:#ffdfc3}
.stc__step:last-child::before{background:var(--sems-orange);opacity:1}
.stc__number{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 9px;color:#fff;font-size:10.5px;font-weight:800;background:var(--sems-blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #b9d9e9,0 4px 9px rgba(10,131,197,.16)}
.stc__step:last-child .stc__number{background:var(--sems-orange);box-shadow:0 0 0 1px #ffd0a8}
.stc__icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;color:var(--sems-blue);background:linear-gradient(145deg,#eef8fc 8%,var(--sems-warm));border:1px solid #e5edf1;border-radius:15px;box-shadow:0 5px 14px rgba(7,69,102,.08);transition:.25s ease}
.stc__step:hover .stc__icon{color:var(--sems-orange);transform:scale(1.06);border-color:#ffd6b3;box-shadow:0 9px 20px rgba(7,95,140,.14)}
.stc__step:last-child .stc__icon{color:var(--sems-orange);background:linear-gradient(145deg,#fff8f1,var(--sems-warm))}
.stc__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stc__step h3{max-width:148px;margin:0 auto 5px;color:var(--sems-text);font-size:13px;font-weight:800;line-height:1.28}
.stc__step p{max-width:142px;margin:0 auto;color:var(--sems-muted);font-size:11px;line-height:1.42}
@media(max-width:1050px){
.stc{padding:28px 18px 22px}
.stc__scroll{overflow-x:auto;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--sems-blue) #edf5f8;-webkit-overflow-scrolling:touch}
.stc__track{grid-template-columns:repeat(var(--stc-count,7),148px);min-width:calc(var(--stc-count,7) * 148px)}
.stc__scroll::-webkit-scrollbar{height:7px}
.stc__scroll::-webkit-scrollbar-track{background:#edf5f8;border-radius:10px}
.stc__scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--sems-blue),var(--sems-orange));border-radius:10px}
}
@media(max-width:680px){
.stc{margin:0;padding:26px 16px 22px;border:0;border-radius:0;box-shadow:none}
.stc__header{margin-bottom:20px}
.stc__track{grid-template-columns:repeat(var(--stc-count,7),146px);min-width:calc(var(--stc-count,7) * 146px)}
.stc__step{padding:13px 8px 15px}
.stc__icon{width:48px;height:48px;border-radius:14px}
.stc__step p{font-size:10.5px}
}

/* 2026-09-20 v4 : bloc sems-benefits (cartes avantages plateforme, remplace la simple bande icones+texte) */
.sems-benefits,.sems-benefits *{box-sizing:border-box}
.sems-benefits{position:relative;isolation:isolate;max-width:1500px;margin:24px auto;padding:34px 30px;overflow:hidden;color:var(--sems-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%);border:1px solid #e1ebf0;border-radius:24px;box-shadow:0 16px 46px rgba(5,56,81,.09)}
.sems-benefits::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--sems-blue),var(--sems-blue-light) 70%,var(--sems-orange))}
.sems-benefits::after{content:"";position:absolute;z-index:-1;right:-130px;bottom:-180px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,130,32,.1),transparent 68%)}
.sems-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sems-benefit{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:148px;padding:20px 18px;overflow:hidden;background:rgba(255,255,255,.94);border:1px solid #dfeaf0;border-radius:18px;box-shadow:0 7px 20px rgba(5,56,81,.055);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sems-benefit::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sems-blue);opacity:0;transition:.25s ease}
.sems-benefit:hover{transform:translateY(-5px);border-color:#bdddea;box-shadow:0 14px 30px rgba(5,56,81,.12)}
.sems-benefit:hover::before{opacity:1}
.sems-benefit:last-child{background:linear-gradient(145deg,#fff,#fffaf6);border-color:#ffe0c5}
.sems-benefit:last-child::before{background:var(--sems-orange);opacity:1}
.sems-benefit__icon{flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;color:var(--sems-blue);background:linear-gradient(145deg,#edf7fc,var(--sems-warm));border:1px solid #e2edf2;border-radius:15px;box-shadow:0 6px 16px rgba(7,69,102,.08);transition:.25s ease}
.sems-benefit:hover .sems-benefit__icon{color:var(--sems-orange);transform:scale(1.06);border-color:#ffd5b1}
.sems-benefit:last-child .sems-benefit__icon{color:var(--sems-orange);background:#fff6ee;border-color:#ffdab9}
.sems-benefit__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sems-benefit__content{padding-top:2px}
.sems-benefit h3{margin:0 0 6px;color:var(--sems-navy);font-size:15.5px;line-height:1.3;letter-spacing:-.01em}
.sems-benefit p{margin:0;color:var(--sems-muted);font-size:12px;line-height:1.5}
@media(max-width:1100px){
.sems-benefits__scroll{overflow-x:auto;padding:3px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--sems-blue) #edf5f8;-webkit-overflow-scrolling:touch}
.sems-benefits__grid{grid-template-columns:repeat(4,270px);min-width:1122px}
.sems-benefits__scroll::-webkit-scrollbar{height:7px}
.sems-benefits__scroll::-webkit-scrollbar-track{background:#edf5f8;border-radius:10px}
.sems-benefits__scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--sems-blue),var(--sems-orange));border-radius:10px}
}
@media(max-width:680px){
.sems-benefits{margin:0;padding:28px 16px 20px;border:0;border-radius:0;box-shadow:none}
.sems-benefits__grid{grid-template-columns:repeat(4,258px);min-width:1074px}
.sems-benefit{min-height:140px;padding:18px 16px}
.sems-benefit__icon{flex-basis:48px;width:48px;height:48px;border-radius:13px}
.sems-benefit h3{font-size:15px}
}
/* 2026-09-20 v5 : selecteur indicatif telephonique (tel-cc, drapeau + code pays) */
.tel-cc-wrap{display:flex;align-items:stretch;gap:8px}
.tel-cc-wrap .tel-cc-select{flex:0 0 auto;max-width:168px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:14px;font-family:inherit;color:var(--ink);background:var(--bg);cursor:pointer}
.tel-cc-wrap .tel-cc-select:focus{outline:0;border-color:var(--blue);background:var(--white)}
.tel-cc-wrap input[type="tel"]{flex:1 1 auto;min-width:0}
@media (max-width:480px){.tel-cc-wrap{flex-wrap:wrap}.tel-cc-wrap .tel-cc-select{max-width:none;flex:1 1 100%}.tel-cc-wrap input[type="tel"]{flex:1 1 100%}}

/* xsec-chip rich: icon box + SEMS brand color tint (used when items include an icon) */
.xsec-chip--rich{display:flex;flex-direction:column;gap:8px}
.xsec-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:18px;line-height:1;flex:none;background:var(--blue-light);color:var(--blue)}
.xsec-chip--blue{background:var(--blue-light);border-color:rgba(16,120,184,.2)}
.xsec-chip--blue .xsec-chip-icon{background:rgba(16,120,184,.18)}
.xsec-chip--green{background:rgba(12,155,104,.07);border-color:rgba(12,155,104,.22)}
.xsec-chip--green .xsec-chip-icon{background:rgba(12,155,104,.18);color:var(--green)}
.xsec-chip--orange{background:rgba(240,125,37,.07);border-color:rgba(240,125,37,.22)}
.xsec-chip--orange .xsec-chip-icon{background:rgba(240,125,37,.18);color:var(--orange)}
.xsec-chip--pink{background:rgba(239,40,107,.07);border-color:rgba(239,40,107,.22)}
.xsec-chip--pink .xsec-chip-icon{background:rgba(239,40,107,.18);color:var(--pink)}
.xsec-chip--purple{background:rgba(90,52,232,.07);border-color:rgba(90,52,232,.22)}
.xsec-chip--purple .xsec-chip-icon{background:rgba(90,52,232,.18);color:var(--purple)}
.xsec-chip--navy{background:rgba(7,54,82,.06);border-color:rgba(7,54,82,.2)}
.xsec-chip--navy .xsec-chip-icon{background:rgba(7,54,82,.16);color:var(--navy)}

/* 2026-09-21 : bloc hero fournisseurs (dashboard) - module gestion-des-fournisseurs, remplace l'ancien .page-hero sur cette page - v3 (mini-logo colonne gauche et panneau decoratif droit retires, conteneur aligne sur la meme grille que le reste de la page) */
.supplier-hero{--blue-dark:#06345b;--blue:#057abe;--blue-light:#168ed3;--blue-soft:#eaf6fd;--orange:#ff8415;--green:#11a34b;--text:#12385c;--muted:#71849a;--background:#eef8fd}
.supplier-hero,.supplier-hero *{margin:0;padding:0;box-sizing:border-box}
.supplier-hero{font-family:Inter,Arial,sans-serif;color:var(--text)}
.supplier-hero{position:relative;width:100%;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(180,223,246,.45),transparent 30%),linear-gradient(110deg,#fff 0,#f7fcff 42%,#e7f5fc 100%);padding:34px 5% 40px}
.supplier-hero .supplier-container{position:relative;z-index:2;max-width:1530px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;align-items:center;gap:40px}
.supplier-hero .supplier-content{padding-top:4px}
.supplier-hero .breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;color:#607893}
.supplier-hero .breadcrumb .separator{opacity:.45}
.supplier-hero .breadcrumb strong{color:var(--blue-dark)}
.supplier-hero .module-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:50px;background:#e4f4fd;color:#0879bf;font-weight:600;font-size:12.5px;box-shadow:0 5px 15px rgba(19,107,158,.08);margin-bottom:16px}
.supplier-hero .module-badge svg{width:16px;height:16px;fill:#0879bf}
.supplier-hero .supplier-content h1{max-width:480px;font-size:clamp(30px,2.6vw,40px);line-height:1.1;letter-spacing:-1.1px;font-weight:800;color:var(--blue-dark);margin-bottom:12px}
.supplier-hero .supplier-content h1 span{display:block;color:#087cc2}
.supplier-hero .orange-line{width:60px;height:4px;border-radius:4px;background:var(--orange);margin-bottom:14px}
.supplier-hero .hero-description{max-width:500px}
.supplier-hero .hero-description p{font-size:15px;line-height:1.6;margin-bottom:4px;color:#234664}
.supplier-hero .hero-description strong{color:var(--blue-dark)}
.supplier-hero .advantages{display:flex;align-items:center;flex-wrap:wrap;gap:16px 18px;margin-top:20px;margin-bottom:24px}
.supplier-hero .advantage{display:flex;align-items:center;gap:9px;min-width:0}
.supplier-hero .advantage-icon{flex:0 0 auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#e9f7ff,#d5edfa)}
.supplier-hero .advantage-icon svg{width:21px;height:21px;fill:none;stroke:#0781c9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.supplier-hero .advantage span{font-size:12px;line-height:1.4;font-weight:600;color:var(--blue-dark)}
.supplier-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.supplier-hero .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:40px;text-decoration:none;font-size:13.5px;font-weight:700;transition:.25s ease}
.supplier-hero .btn-primary{min-width:190px;background:linear-gradient(135deg,#0875b9,#0690da);color:#fff;box-shadow:0 10px 20px rgba(0,123,190,.18)}
.supplier-hero .btn-primary span{margin-left:14px;font-size:17px}
.supplier-hero .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,123,190,.24)}
.supplier-hero .btn-secondary{min-width:210px;background:#fff;color:#0879bd;border:2px solid #0d85c9}
.supplier-hero .btn-secondary:hover{background:#f1faff}
.supplier-hero .dashboard-wrapper{position:relative;width:100%}
.supplier-hero .dashboard{position:relative;background:rgba(255,255,255,.97);padding:16px;border-radius:16px;box-shadow:0 8px 22px rgba(40,90,125,.1);border:1px solid #e9eff3}
.supplier-hero .dashboard-header{min-height:38px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #edf2f5;margin-bottom:12px}
.supplier-hero .dashboard-brand{padding-right:12px;border-right:1px solid #e3e9ef}
.supplier-hero .dashboard-brand img{width:62px;height:auto;object-fit:contain;display:block}
.supplier-hero .dashboard-header h2{font-size:12.5px;font-weight:700;color:#0783ca}
.supplier-hero .period{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:600}
.supplier-hero .calendar-icon{color:var(--blue)}
.supplier-hero .calendar-icon svg{width:14px;height:14px}
.supplier-hero .period select{min-width:92px;border:1px solid #e6edf2;border-radius:8px;padding:6px 10px;background:#fff;color:#445f76;outline:0;font-size:9.5px}
.supplier-hero .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}
.supplier-hero .stat-card{display:flex;align-items:flex-start;gap:8px;padding:10px;min-height:88px;border-radius:11px;background:linear-gradient(145deg,#f8fbfd,#f1f6fa)}
.supplier-hero .stat-icon{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0f3fd}
.supplier-hero .stat-icon svg{width:16px;height:16px;fill:none;stroke:#0581ca;stroke-width:2}
.supplier-hero .stat-card>div:last-child{flex:1;min-width:0}
.supplier-hero .stat-label{display:block;margin-bottom:4px;font-size:8.5px;color:#4d6680}
.supplier-hero .stat-card strong{display:block;margin-bottom:2px;font-size:14px;color:#052f55;white-space:nowrap}
.supplier-hero .growth{display:inline-block;font-size:10px;color:var(--green);font-weight:700}
.supplier-hero .stat-card small{display:block;margin-top:2px;font-size:8px;color:#8291a0}
.supplier-hero .dashboard-box{border-radius:11px;background:linear-gradient(145deg,#fbfdff,#f4f8fb);padding:11px}
.supplier-hero .dashboard-box h3{color:#173a5a;font-size:10px;font-weight:700}
.supplier-hero .charts-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:8px;margin-bottom:8px}
.supplier-hero .category-box{min-height:132px}
.supplier-hero .category-content{height:calc(100% - 18px);display:flex;align-items:center;gap:20px}
.supplier-hero .pie-chart{position:relative;width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:conic-gradient(#075184 0 32%,#0782c5 32% 50%,#189bd8 50% 64%,#58b6e6 64% 76%,#ff8d24 76% 100%);display:flex;align-items:center;justify-content:center}
.supplier-hero .pie-center{position:relative;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(20,60,95,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.supplier-hero .pie-center strong{font-size:8px;font-weight:800;color:var(--blue-dark);line-height:1.1}
.supplier-hero .pie-center span{font-size:6.5px;color:#7c8ea3;font-weight:600}
.supplier-hero .chart-legend{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#385776}
.supplier-hero .chart-legend div{display:flex;align-items:center;gap:6px}
.supplier-hero .chart-legend i{width:8px;height:8px;border-radius:50%}
.supplier-hero .chart-legend strong{margin-left:1px;font-weight:500}
.supplier-hero .legend-1{background:#075184}
.supplier-hero .legend-2{background:#0782c5}
.supplier-hero .legend-3{background:#189bd8}
.supplier-hero .legend-4{background:#58b6e6}
.supplier-hero .legend-5{background:#ff8d24}
.supplier-hero .evolution-box{min-height:132px}
.supplier-hero .box-heading{display:flex;justify-content:space-between;gap:8px}
.supplier-hero .chart-growth{text-align:right}
.supplier-hero .chart-growth strong{display:block;padding:3px 8px;background:#dff6e8;color:var(--green);border-radius:12px;font-size:9.5px}
.supplier-hero .chart-growth span{display:block;margin-top:3px;color:#8192a3;font-size:7.5px}
.supplier-hero .line-chart{position:relative;height:95px;margin-top:5px;padding-left:26px}
.supplier-hero .y-axis{position:absolute;left:0;top:5px;bottom:14px;display:flex;flex-direction:column;justify-content:space-between;color:#8294a6;font-size:7.5px}
.supplier-hero .chart-svg{width:100%;height:76px;overflow:visible}
.supplier-hero .chart-svg polyline{fill:none;stroke:#0784cb;stroke-width:3}
.supplier-hero .chart-svg .area{fill:url(#areaGradient)}
.supplier-hero .chart-points circle{fill:#0784cb;stroke:white;stroke-width:2}
.supplier-hero .months{display:flex;justify-content:space-between;font-size:6.5px;color:#71879c;padding-left:1px}
.supplier-hero .dashboard-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:8px}
.supplier-hero .suppliers-list{min-height:112px}
.supplier-hero .supplier-table-header{display:grid;grid-template-columns:1.2fr .9fr .6fr;margin-top:7px;padding-bottom:4px;border-bottom:1px solid #e7edf1;color:#6c8194;font-size:7.5px}
.supplier-hero .supplier-row{display:grid;grid-template-columns:1.2fr .9fr .6fr;align-items:center;min-height:20px;font-size:8.5px;color:#31506b}
.supplier-hero .supplier-row div{display:flex;align-items:center;gap:5px}
.supplier-hero .supplier-row i{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#075587;color:#fff;font-size:7.5px;font-style:normal}
.supplier-hero .supplier-row strong{color:var(--green);font-size:8.5px}
.supplier-hero .opportunity{min-height:112px}
.supplier-hero .opportunity-content{display:flex;align-items:center;gap:11px;margin-top:11px}
.supplier-hero .target{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e1f2fb;color:#0784cb;font-size:20px;font-weight:700}
.supplier-hero .opportunity-content strong{display:block;font-size:18px;color:#0782c6}
.supplier-hero .opportunity-content span{display:block;margin-top:2px;font-size:9px;color:#3c5871}
.supplier-hero .opportunity-message{display:flex;align-items:center;gap:9px;margin-top:12px;padding:8px 10px;border-radius:9px;background:linear-gradient(90deg,#dbf6e7,#e9faf2)}
.supplier-hero .bulb{font-size:15px}
.supplier-hero .opportunity-message strong{display:block;margin-bottom:2px;font-size:9px;color:#15914c}
.supplier-hero .opportunity-message div span{display:block;color:#537567;font-size:7.5px}
.supplier-hero .shape{position:absolute;display:block;background:rgba(180,220,243,.18);transform:rotate(42deg);border-radius:40px}
.supplier-hero .shape-1{width:370px;height:85px;left:26%;top:20px}
.supplier-hero .shape-2{width:270px;height:70px;right:190px;top:380px}
@media (max-width:1450px){.supplier-hero .supplier-container{grid-template-columns:360px 1fr;gap:32px}.supplier-hero .shape-2{right:160px}}
@media (max-width:1150px){.supplier-hero .supplier-container{grid-template-columns:1fr}.supplier-hero .supplier-content{max-width:560px;margin:auto;text-align:center}.supplier-hero .breadcrumb,.supplier-hero .advantages,.supplier-hero .hero-actions{justify-content:center}.supplier-hero .supplier-content h1{max-width:100%}.supplier-hero .hero-description{max-width:100%;margin:auto}.supplier-hero .dashboard-wrapper{max-width:480px;margin:35px auto 0}.supplier-hero .shape-2{display:none}}
@media (max-width:760px){.supplier-hero{padding:22px 20px 36px}.supplier-hero .breadcrumb{font-size:11px;gap:6px;flex-wrap:wrap}.supplier-hero .supplier-content h1{font-size:30px}.supplier-hero .advantages{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.supplier-hero .hero-actions{flex-direction:column}.supplier-hero .btn{min-width:100%}.supplier-hero .dashboard-wrapper{max-width:100%}.supplier-hero .dashboard{padding:13px}.supplier-hero .dashboard-header{grid-template-columns:1fr;padding-bottom:10px;text-align:center}.supplier-hero .dashboard-brand{border:none}.supplier-hero .dashboard-brand img{margin:0 auto}.supplier-hero .period{justify-content:center}.supplier-hero .charts-row,.supplier-hero .dashboard-bottom{grid-template-columns:1fr}.supplier-hero .stats-grid{grid-template-columns:1fr 1fr}.supplier-hero .category-content{justify-content:center}}

/* 2026-09-21 : bloc cartes fonctionnalites fournisseurs - module gestion-des-fournisseurs, remplace l'ancienne grille .grid.grid-3 sur cette page */
.supplier-features{--sems-blue-dark:#06395f;--sems-blue:#087fc3;--sems-blue-light:#1596db;--sems-blue-soft:#eaf6fd;--sems-orange:#ff7f19;--sems-orange-soft:#fff0e5;--sems-green:#0cb789;--sems-green-soft:#e5f8f2;--sems-text:#214d72;--sems-muted:#55738f;--card-border:#dcebf5}
.supplier-features{position:relative;width:100%;min-height:auto;overflow:hidden;padding:34px 5% 50px;background:radial-gradient(circle at 42% 0,rgba(223,242,253,.55),transparent 30%),linear-gradient(110deg,#fff 0,#fbfdff 52%,#f5fbff 100%)}
.supplier-features .features-container{position:relative;z-index:3;width:100%;max-width:1530px;margin:0 auto}
.supplier-features .features-header{margin-bottom:24px}
.supplier-features .features-label{display:flex;align-items:center;gap:16px;margin-bottom:18px;color:var(--sems-blue);font-size:15px;font-weight:700;letter-spacing:.7px}
.supplier-features .features-label-line{display:block;width:33px;height:4px;background:var(--sems-orange);border-radius:10px}
.supplier-features .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 20px}
.supplier-features .feature-card{position:relative;min-height:190px;overflow:hidden;padding:20px 20px 19px;border:1px solid var(--card-border);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,253,255,.96));box-shadow:0 6px 18px rgba(22,82,122,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.supplier-features .feature-card:hover{transform:translateY(-4px);border-color:#bcdff3;box-shadow:0 12px 26px rgba(19,87,129,.1)}
.supplier-features .feature-corner{position:absolute;width:155px;height:155px;top:-85px;right:-75px;border-radius:50%}
.supplier-features .feature-blue .feature-corner{background:radial-gradient(circle,rgba(65,166,222,.13),rgba(65,166,222,.03) 70%)}
.supplier-features .feature-orange .feature-corner{background:radial-gradient(circle,rgba(255,132,34,.13),rgba(255,132,34,.03) 70%)}
.supplier-features .feature-green .feature-corner{background:radial-gradient(circle,rgba(39,189,151,.12),rgba(39,189,151,.02) 70%)}
.supplier-features .feature-icon{position:relative;z-index:2;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:13px}
.supplier-features .feature-icon svg{width:28px;height:28px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.supplier-features .icon-blue{background:linear-gradient(145deg,#e8f6fe,#ddecf9)}
.supplier-features .icon-blue svg{stroke:#0786cd;fill:none}
.supplier-features .icon-blue svg path:first-child{fill:#087fc3;stroke:#087fc3}
.supplier-features .icon-blue .folder-orange{fill:var(--sems-orange);stroke:var(--sems-orange)}
.supplier-features .icon-orange{background:linear-gradient(145deg,#fff1e8,#ffe9dd)}
.supplier-features .icon-orange svg{fill:var(--sems-orange);stroke:var(--sems-orange)}
.supplier-features .icon-orange .icon-hole{fill:white;stroke:white}
.supplier-features .icon-green{background:linear-gradient(145deg,#e8f8f4,#dff5ee)}
.supplier-features .icon-green svg{stroke:white;fill:var(--sems-green)}
.supplier-features .feature-card h3{position:relative;z-index:2;margin:0 40px 8px 0;color:var(--sems-blue-dark);font-size:16.5px;line-height:1.25;font-weight:750}
.supplier-features .feature-card p{position:relative;z-index:2;max-width:92%;margin:0;color:var(--sems-text);font-size:13px;line-height:1.5;font-weight:400}
.supplier-features .feature-arrow{position:absolute;right:20px;bottom:20px;z-index:4;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf7fd;color:#0786cd;text-decoration:none;font-size:19px;font-weight:500;transition:background .25s ease,color .25s ease,transform .25s ease}
.supplier-features .feature-card:hover .feature-arrow{background:var(--sems-blue);color:#fff;transform:translateX(3px)}
.supplier-features .features-decoration-left{position:absolute;z-index:1;left:-145px;top:-10px;width:370px;height:520px;border-radius:45%;background:radial-gradient(circle at center,transparent 0 22%,rgba(185,219,244,.34) 23% 40%,transparent 41%)}
.supplier-features .features-decoration-left::before{content:"";position:absolute;width:230px;height:330px;left:45px;top:0;border-radius:90px;background:rgba(215,234,249,.6);transform:rotate(-30deg)}
.supplier-features .features-decoration-left::after{content:"";position:absolute;width:180px;height:250px;left:80px;top:200px;border-radius:90px;background:rgba(222,239,251,.55);transform:rotate(32deg)}
.supplier-features .features-dots{position:absolute;z-index:1;display:grid;grid-template-columns:repeat(5,5px);gap:20px}
.supplier-features .features-dots span{width:4px;height:4px;display:block;border-radius:50%;background:#b9dcf3}
.supplier-features .features-dots-top{right:4%;top:65px}
.supplier-features .features-dots-bottom{left:1.5%;bottom:35px}
.supplier-features .features-orange-shape{position:absolute;z-index:1;width:500px;height:330px;right:-220px;bottom:-170px;border-radius:50% 0 0 0;transform:rotate(-13deg);background:linear-gradient(135deg,#ffbf83 0,#ff8b29 60%,#ff7611 100%)}
.supplier-features .features-orange-shape::before{content:"";position:absolute;width:575px;height:320px;top:-95px;left:-90px;border:1px solid rgba(229,142,69,.55);border-radius:50%;background:0 0}
.supplier-features .features-grid .feature-card:nth-child(4){grid-column:1}
.supplier-features .features-grid .feature-card:nth-child(5){grid-column:2}
@media (max-width:1100px){.supplier-features{padding:38px 35px 52px}.supplier-features .features-grid{grid-template-columns:repeat(2,1fr)}.supplier-features .features-grid .feature-card:nth-child(4),.supplier-features .features-grid .feature-card:nth-child(5){grid-column:auto}.supplier-features .features-orange-shape{opacity:.55}}
@media (max-width:700px){.supplier-features{padding:30px 20px 42px}.supplier-features .features-header{margin-bottom:20px}.supplier-features .features-label{font-size:12px;gap:10px}.supplier-features .features-label-line{width:25px;height:3px}.supplier-features .features-grid{grid-template-columns:1fr;gap:14px}.supplier-features .feature-card{min-height:auto;padding:18px}.supplier-features .feature-card h3{margin-right:40px;font-size:16px}.supplier-features .feature-card p{max-width:90%;font-size:13px}.supplier-features .feature-icon{width:48px;height:48px;border-radius:12px}.supplier-features .feature-icon svg{width:26px;height:26px}.supplier-features .feature-arrow{right:16px;bottom:16px;width:32px;height:32px}.supplier-features .features-decoration-left,.supplier-features .features-dots-top{opacity:.45}.supplier-features .features-orange-shape{width:300px;height:200px;right:-180px;bottom:-120px;opacity:.45}}

/* 2026-09-21 : bloc referentiel fournisseurs (pills + illustration) - module gestion-des-fournisseurs, remplace l'ancienne section .benefit-strip sur cette page */
.supplier-reference{--sems-dark:#07375e;--sems-blue:#087fc3;--sems-blue-2:#148fd5;--sems-light-blue:#e7f5fd;--sems-orange:#ff7f17;--sems-orange-light:#fff0e4;--sems-green:#1ab87e;--text-color:#365a79;--muted:#7890a5;--white:#ffffff}
.supplier-reference,.supplier-reference *{margin:0;padding:0;box-sizing:border-box}
.supplier-reference{font-family:Inter,Arial,sans-serif}
.supplier-reference{position:relative;width:100%;min-height:auto;overflow:hidden;padding:48px 5% 62px;background:radial-gradient(circle at 76% 30%,rgba(208,234,250,.52),transparent 26%),linear-gradient(115deg,#fff 0,#fbfdff 53%,#f1f9fe 100%)}
.supplier-reference .supplier-reference-container{position:relative;z-index:5;max-width:1720px;margin:auto;display:grid;grid-template-columns:minmax(700px,1fr) 450px;gap:65px;align-items:start}
.supplier-reference .reference-content{position:relative;z-index:5}
.supplier-reference .reference-label{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:var(--sems-blue);font-size:13.5px;font-weight:800;letter-spacing:.3px}
.supplier-reference .reference-label>span{width:38px;height:4px;display:inline-block;background:var(--sems-orange);border-radius:10px}
.supplier-reference .reference-description{max-width:1080px;margin-bottom:28px}
.supplier-reference .reference-description p{display:inline;color:var(--text-color);font-size:14.5px;line-height:1.6}
.supplier-reference .reference-description strong{color:var(--sems-dark);font-weight:700}
.supplier-reference .reference-features{max-width:1250px;display:flex;flex-wrap:wrap;gap:12px 12px}
.supplier-reference .reference-pill{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:5px 17px 5px 7px;border-radius:50px;background:rgba(255,255,255,.95);border:1px solid rgba(216,232,242,.8);box-shadow:0 4px 12px rgba(34,91,129,.06);color:var(--sems-dark);font-size:12px;font-weight:650;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.supplier-reference .reference-pill:hover{transform:translateY(-3px);border-color:rgba(17,135,202,.28);box-shadow:0 8px 18px rgba(23,100,150,.1)}
.supplier-reference .pill-icon{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px}
.supplier-reference .pill-icon svg{width:16px;height:16px}
.supplier-reference .pill-icon.blue{color:var(--sems-blue);background:linear-gradient(145deg,#edf8fe,#dcebfa)}
.supplier-reference .pill-icon.orange{color:var(--sems-orange);background:linear-gradient(145deg,#fff4ec,#ffeadb)}
.supplier-reference .reference-visual{position:relative;width:330px;height:310px;margin-top:-10px;display:flex;align-items:center;justify-content:center;transform:scale(.86)}
.supplier-reference .visual-halo{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(199,231,250,.58) 0,rgba(222,241,252,.32) 48%,rgba(238,248,254,0) 73%)}
.supplier-reference .visual-orbit{position:absolute;width:335px;height:335px;border-radius:50%;border:2px dashed rgba(29,141,207,.18)}
.supplier-reference .orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--sems-blue)}
.supplier-reference .dot-1{left:-7px;top:105px}
.supplier-reference .dot-2{right:8px;top:100px}
.supplier-reference .dot-3{left:calc(50% - 6px);bottom:-7px}
.supplier-reference .supplier-profile{position:relative;z-index:5;width:205px;min-height:240px;display:flex;flex-direction:column;align-items:center;padding:28px 22px;border-radius:22px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 50px rgba(26,95,139,.12);backdrop-filter:blur(8px)}
.supplier-reference .profile-icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:15px;background:linear-gradient(145deg,#eef8fe,#dceefa);color:var(--sems-blue);font-size:34px}
.supplier-reference .profile-icon svg{width:32px;height:32px}
.supplier-reference .profile-line{height:8px;margin-bottom:12px;border-radius:10px;background:linear-gradient(90deg,#849db2,#eaf0f4)}
.supplier-reference .line-lg{width:110px}
.supplier-reference .line-md{width:135px}
.supplier-reference .line-sm{width:90px}
.supplier-reference .verified-badge{width:100%;display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 11px;border-radius:12px;background:linear-gradient(90deg,#d9f7ec,#c8f3e3);color:#0c7157;font-size:11px;font-weight:700}
.supplier-reference .verified-icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sems-green);color:#fff;font-size:14px}
.supplier-reference .verified-icon svg{width:13px;height:13px;stroke:#fff}
.supplier-reference .visual-icon{position:absolute;z-index:7;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,.94);color:var(--sems-blue);font-size:34px;box-shadow:0 18px 34px rgba(32,100,145,.12);backdrop-filter:blur(7px);transition:transform .25s ease}
.supplier-reference .visual-icon svg{width:32px;height:32px}
.supplier-reference .visual-icon:hover{transform:translateY(-5px) scale(1.04)}
.supplier-reference .visual-icon-chart{left:6px;top:14px}
.supplier-reference .visual-icon-bars{right:5px;top:14px}
.supplier-reference .visual-icon-shield{left:-8px;top:165px}
.supplier-reference .visual-icon-users{right:-7px;top:168px}
.supplier-reference .dot-pattern{position:absolute;display:grid;grid-template-columns:repeat(5,5px);gap:19px;z-index:1}
.supplier-reference .dot-pattern span{width:4px;height:4px;display:block;border-radius:50%;background:rgba(75,168,222,.32)}
.supplier-reference .dots-left{left:10px;bottom:130px}
.supplier-reference .dots-right{right:20px;top:115px}
.supplier-reference .bg-shape-left{position:absolute;left:-175px;top:90px;width:300px;height:320px;border-radius:50%;background:rgba(214,235,249,.55)}
.supplier-reference .bottom-blue-shape{position:absolute;z-index:1;width:800px;height:330px;right:-200px;bottom:-180px;border-radius:70% 0 0 0;transform:rotate(-8deg);background:linear-gradient(140deg,#e3f3fc,#cceafb)}
.supplier-reference .bottom-orange-shape{position:absolute;z-index:2;width:260px;height:230px;right:-85px;bottom:20px;clip-path:polygon(100% 0,100% 100%,0 100%,38% 55%);background:linear-gradient(145deg,#ffa250,#ff7611)}
.supplier-reference .reference-signature{position:absolute;z-index:4;right:75px;bottom:38px;color:#3e9fe0;font-size:17px;line-height:1.4;font-weight:500}
.supplier-reference .reference-signature span{display:block;width:45px;height:4px;margin-top:20px;border-radius:5px;background:var(--sems-blue)}
@media (min-width:1800px){.supplier-reference{padding-left:9%;padding-right:9%}}
@media (max-width:1400px){.supplier-reference .supplier-reference-container{grid-template-columns:1fr 380px;gap:35px}.supplier-reference .reference-visual{width:370px;transform:scale(.72)}.supplier-reference .reference-pill{font-size:11.5px}}
@media (max-width:1100px){.supplier-reference{padding:40px 35px 64px}.supplier-reference .supplier-reference-container{grid-template-columns:1fr;gap:14px}.supplier-reference .reference-content{max-width:900px;margin:auto}.supplier-reference .reference-visual{width:430px;margin:0 auto;transform:scale(.78)}.supplier-reference .reference-features{justify-content:flex-start}.supplier-reference .reference-signature{display:none}}
@media (max-width:700px){.supplier-reference{padding:30px 20px 46px}.supplier-reference .reference-label{gap:8px;font-size:11px}.supplier-reference .reference-label>span{width:24px;height:3px}.supplier-reference .reference-description p{display:block;font-size:13px;line-height:1.6}.supplier-reference .reference-description p+p{margin-top:5px}.supplier-reference .reference-features{display:grid;grid-template-columns:1fr;gap:9px}.supplier-reference .reference-pill{width:100%;min-height:46px;white-space:normal;border-radius:16px}.supplier-reference .pill-icon{width:34px;height:34px;flex:0 0 34px}.supplier-reference .reference-visual{width:100%;height:370px;transform:scale(.65);transform-origin:top center;margin-top:-70px}.supplier-reference .dots-left,.supplier-reference .dots-right{opacity:.45}.supplier-reference .bottom-orange-shape{width:170px;height:150px;right:-90px}}

/* 2026-09-21 : bloc onboarding fournisseurs (pills + carte process) - module gestion-des-fournisseurs, section ajoutee apres le referentiel fournisseurs */
.supplier-onboarding{--sems-dark:#07345d;--sems-blue:#087fc3;--sems-blue-light:#1697dc;--sems-orange:#ff7f18;--sems-orange-light:#fff0e4;--sems-green:#25c59b;--sems-text:#496b89;--white:#ffffff}
.supplier-onboarding{position:relative;width:100%;min-height:auto;overflow:hidden;padding:48px 5% 62px;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 81% 25%,rgba(203,233,251,.55),transparent 27%),linear-gradient(112deg,#fff 0,#fbfdff 56%,#eff8fe 100%)}
.supplier-onboarding .onboarding-container{position:relative;z-index:5;width:100%;max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(800px,1fr) 440px;gap:65px;align-items:start}
.supplier-onboarding .onboarding-label{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:var(--sems-blue);font-size:13.5px;font-weight:800;letter-spacing:.4px}
.supplier-onboarding .onboarding-label>span{display:block;width:40px;height:4px;border-radius:10px;background:var(--sems-orange)}
.supplier-onboarding .onboarding-description{max-width:1050px;margin-bottom:28px}
.supplier-onboarding .onboarding-description p{margin:0;color:var(--sems-text);font-size:14.5px;line-height:1.6}
.supplier-onboarding .onboarding-features{display:flex;flex-wrap:wrap;gap:12px 12px;max-width:1450px}
.supplier-onboarding .onboarding-pill{min-height:46px;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 7px;border-radius:50px;background:rgba(255,255,255,.96);border:1px solid rgba(222,235,244,.9);box-shadow:0 5px 14px rgba(35,93,132,.07);color:var(--sems-dark);font-size:12px;font-weight:700;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}
.supplier-onboarding .onboarding-pill:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(27,99,145,.11)}
.supplier-onboarding .onboarding-pill-icon{width:33px;height:33px;flex:0 0 33px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px}
.supplier-onboarding .onboarding-pill-icon svg{width:16px;height:16px}
.supplier-onboarding .onboarding-pill-icon.blue{color:var(--sems-blue);background:linear-gradient(145deg,#edf8fe,#daeefa)}
.supplier-onboarding .onboarding-pill-icon.orange{color:var(--sems-orange);background:linear-gradient(145deg,#fff5ed,#ffe8d7)}
.supplier-onboarding .onboarding-visual{position:relative;width:430px;min-width:0;height:410px;margin-top:-10px;transform:scale(.82);transform-origin:top center}
.supplier-onboarding .onboarding-halo{position:absolute;width:400px;height:400px;top:0;left:15px;border-radius:50%;background:radial-gradient(circle,rgba(193,228,250,.6),rgba(222,242,253,.25) 58%,transparent 75%)}
.supplier-onboarding .process-orbit{position:absolute;left:35px;top:65px;width:350px;height:255px;border:2px dashed rgba(31,148,214,.22);border-radius:90px}
.supplier-onboarding .onboarding-card{position:absolute;z-index:5;top:55px;left:120px;width:245px;min-height:300px;padding:27px 24px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 25px 55px rgba(24,92,137,.13);border:1px solid rgba(255,255,255,.95)}
.supplier-onboarding .supplier-card-top{display:flex;align-items:center;gap:17px}
.supplier-onboarding .supplier-avatar{width:60px;height:60px;flex:0 0 60px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sems-blue);font-size:31px;background:linear-gradient(145deg,#e8f6fe,#d2eafb)}
.supplier-onboarding .supplier-avatar svg{width:28px;height:28px}
.supplier-onboarding .supplier-info-lines{display:flex;flex-direction:column;gap:8px}
.supplier-onboarding .supplier-info-lines span{display:block;height:7px;border-radius:10px;background:linear-gradient(90deg,#b6d8ec,#eaf3f8)}
.supplier-onboarding .supplier-info-lines span:first-child{width:75px}
.supplier-onboarding .supplier-info-lines span:nth-child(2){width:60px}
.supplier-onboarding .supplier-info-lines span:nth-child(3){width:72px}
.supplier-onboarding .supplier-divider{height:1px;margin:22px 0;background:#edf3f7}
.supplier-onboarding .onboarding-step{position:relative;display:flex;align-items:center;gap:13px;margin-bottom:22px;color:var(--sems-dark);font-size:12px;font-weight:700}
.supplier-onboarding .onboarding-step:not(:last-child)::after{content:"";position:absolute;left:15px;top:31px;width:2px;height:22px;background:#86d9c1}
.supplier-onboarding .step-check{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sems-green);color:#fff;font-size:16px;box-shadow:0 5px 10px rgba(37,197,155,.2)}
.supplier-onboarding .step-check svg{width:15px;height:15px;stroke:#fff}
.supplier-onboarding .floating-onboarding-icon{position:absolute;z-index:7;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:rgba(255,255,255,.96);font-size:33px;box-shadow:0 15px 33px rgba(25,91,134,.12);transition:transform .25s ease}
.supplier-onboarding .floating-onboarding-icon svg{width:32px;height:32px}
.supplier-onboarding .floating-onboarding-icon:hover{transform:translateY(-5px)}
.supplier-onboarding .document-blue{left:25px;top:125px;color:var(--sems-blue)}
.supplier-onboarding .shield-blue{left:5px;top:245px;color:var(--sems-blue)}
.supplier-onboarding .document-orange{right:-5px;top:185px;color:var(--sems-orange);border:1px solid rgba(255,127,24,.15)}
.supplier-onboarding .integrated-card{position:absolute;z-index:8;top:15px;right:0;width:125px;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:15px;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 18px 38px rgba(27,100,145,.13);color:var(--sems-dark);text-align:center;font-size:13px;font-weight:750}
.supplier-onboarding .integrated-check{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#43d7b2,#13b88f);font-size:29px;box-shadow:0 0 0 10px rgba(39,199,159,.1)}
.supplier-onboarding .integrated-check svg{width:27px;height:27px;stroke:#fff}
.supplier-onboarding .orbit-point{position:absolute;z-index:4;width:13px;height:13px;border-radius:50%;background:var(--sems-blue)}
.supplier-onboarding .point-1{left:35px;top:73px}
.supplier-onboarding .point-2{right:8px;top:280px}
.supplier-onboarding .point-3{right:30px;top:72px}
.supplier-onboarding .onboarding-dots{position:absolute;z-index:1;display:grid;grid-template-columns:repeat(5,5px);gap:20px}
.supplier-onboarding .onboarding-dots span{display:block;width:4px;height:4px;border-radius:50%;background:rgba(64,163,221,.3)}
.supplier-onboarding .onboarding-dots-left{left:18px;top:385px}
.supplier-onboarding .onboarding-dots-right{right:18px;top:90px}
.supplier-onboarding .onboarding-left-shape{position:absolute;z-index:1;left:-160px;top:80px;width:270px;height:340px;border-radius:48%;background:rgba(215,237,251,.55);transform:rotate(18deg)}
.supplier-onboarding .onboarding-bottom-blue{position:absolute;z-index:1;right:-210px;bottom:-210px;width:850px;height:390px;border-radius:70% 0 0 0;transform:rotate(-8deg);background:linear-gradient(145deg,#e5f5fd,#c8eafa)}
.supplier-onboarding .onboarding-bottom-orange{position:absolute;z-index:2;right:-80px;bottom:90px;width:245px;height:125px;background:linear-gradient(135deg,#ff9d4b,#ff7410);transform:rotate(-12deg);clip-path:polygon(42% 0,100% 0,100% 100%,0 100%)}
.supplier-onboarding .onboarding-signature{position:absolute;z-index:4;right:72px;bottom:45px;color:#138cd2;font-size:17px;line-height:1.45}
.supplier-onboarding .onboarding-signature p{margin:0}
.supplier-onboarding .onboarding-signature>span{display:block;width:55px;height:4px;margin-top:20px;border-radius:6px;background:var(--sems-blue)}
@media (max-width:1450px){.supplier-onboarding .onboarding-container{grid-template-columns:minmax(650px,1fr) 380px;gap:30px}.supplier-onboarding .onboarding-visual{transform:scale(.74);transform-origin:top center}.supplier-onboarding .onboarding-pill{font-size:11.5px}}
@media (max-width:1100px){.supplier-onboarding{padding:40px 35px 64px}.supplier-onboarding .onboarding-container{grid-template-columns:minmax(0,1fr);gap:14px}.supplier-onboarding .onboarding-content{max-width:950px;margin:auto}.supplier-onboarding .onboarding-visual{margin:0 auto;transform:scale(.82);transform-origin:top center}.supplier-onboarding .onboarding-signature{display:none}}
@media (max-width:700px){.supplier-onboarding{padding:30px 20px 46px}.supplier-onboarding .onboarding-label{gap:8px;font-size:11px}.supplier-onboarding .onboarding-label>span{width:24px;height:3px}.supplier-onboarding .onboarding-description{margin-bottom:20px}.supplier-onboarding .onboarding-description p{font-size:13px;line-height:1.6}.supplier-onboarding .onboarding-features{display:grid;grid-template-columns:1fr;gap:9px}.supplier-onboarding .onboarding-pill{width:100%;min-height:46px;white-space:normal;border-radius:16px}.supplier-onboarding .onboarding-pill-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}.supplier-onboarding .onboarding-visual{width:430px;max-width:100%;transform:scale(.65);transform-origin:top center;margin-bottom:-90px}.supplier-onboarding .onboarding-dots{opacity:.45}.supplier-onboarding .onboarding-bottom-orange{width:170px;height:90px;right:-85px;bottom:40px}}

/* 2026-09-21 : bloc fonctionnalites contacts + conformite documentaire (sems-supplier-section) - module gestion-des-fournisseurs, ajoute apres l'onboarding fournisseurs */
.sems-supplier-section{--sems-dark:#06375e;--sems-blue:#087fc3;--sems-blue-light:#2297db;--sems-orange:#ff7d15;--sems-green:#21c391;--sems-text:#41617e;--sems-border:#e0edf5;--white:#ffffff}
.sems-supplier-section,.sems-supplier-section *{box-sizing:border-box}
.sems-supplier-section{width:100%;font-family:Inter,Arial,sans-serif;overflow:hidden;background:#fff}
.sems-supplier-section .sems-feature-block{position:relative;width:100%;min-height:auto;overflow:hidden;padding:36px 5% 40px;background:radial-gradient(circle at 83% 35%,rgba(205,233,250,.55),transparent 24%),linear-gradient(110deg,#fff 0,#fbfdff 52%,#f0f9fe 100%)}
.sems-supplier-section .contacts-block{border-bottom:12px solid rgba(245,249,252,.95)}
.sems-supplier-section .documents-block{background:radial-gradient(circle at 83% 40%,rgba(204,234,251,.55),transparent 24%),linear-gradient(110deg,#fff 0,#fafcff 55%,#eef8fd 100%)}
.sems-supplier-section .feature-container{position:relative;z-index:5;width:100%;max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(750px,1fr) 390px;align-items:center;gap:70px}
.sems-supplier-section .section-label{display:flex;align-items:center;gap:13px;margin-bottom:14px;color:var(--sems-blue);font-size:13px;font-weight:800;letter-spacing:.5px}
.sems-supplier-section .section-label>span{width:32px;height:3px;display:block;border-radius:5px;background:var(--sems-orange)}
.sems-supplier-section .feature-description{max-width:1000px;margin:0 0 22px;color:var(--sems-text);font-size:13.5px;line-height:1.55}
.sems-supplier-section .document-description{max-width:1050px}
.sems-supplier-section .feature-pills{display:flex;flex-wrap:wrap;gap:10px 11px;max-width:1250px}
.sems-supplier-section .feature-pill{min-height:40px;display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 6px;border-radius:50px;background:rgba(255,255,255,.96);border:1px solid rgba(220,235,244,.9);box-shadow:0 4px 12px rgba(29,91,130,.06);color:var(--sems-dark);font-size:11.5px;font-weight:700;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sems-supplier-section .feature-pill:hover{transform:translateY(-3px);border-color:rgba(14,130,197,.25);box-shadow:0 8px 18px rgba(24,97,144,.1)}
.sems-supplier-section .pill-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}
.sems-supplier-section .pill-icon svg{width:15px;height:15px}
.sems-supplier-section .pill-icon.blue{color:var(--sems-blue);background:linear-gradient(145deg,#edf8fe,#dbeefa)}
.sems-supplier-section .pill-icon.orange{color:var(--sems-orange);background:linear-gradient(145deg,#fff5ed,#ffe7d5)}
.sems-supplier-section .contact-visual{position:relative;width:370px;min-width:0;height:300px;margin:auto;transform:scale(.8)}
.sems-supplier-section .visual-halo{position:absolute;width:320px;height:320px;top:-25px;left:30px;border-radius:50%;background:radial-gradient(circle,rgba(186,226,249,.62),rgba(220,241,252,.3) 55%,transparent 75%)}
.sems-supplier-section .visual-network{position:absolute;top:60px;left:80px;width:280px;height:190px;border:2px dashed rgba(30,150,216,.15);border-radius:30px}
.sems-supplier-section .contact-profile-card{position:absolute;z-index:5;top:35px;left:65px;width:205px;height:190px;padding:24px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(24,90,135,.14)}
.sems-supplier-section .profile-head{display:flex;align-items:center;gap:15px}
.sems-supplier-section .profile-avatar{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sems-blue);font-size:29px;background:linear-gradient(145deg,#e7f5fd,#d3ebfa)}
.sems-supplier-section .profile-avatar svg{width:28px;height:28px}
.sems-supplier-section .profile-lines{display:flex;flex-direction:column;gap:9px}
.sems-supplier-section .profile-lines span{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,#b9daf0,#edf5f9)}
.sems-supplier-section .profile-lines span:first-child{width:68px}
.sems-supplier-section .profile-lines span:last-child{width:48px}
.sems-supplier-section .profile-divider{height:1px;margin:25px 0 16px;background:#ecf2f6}
.sems-supplier-section .profile-long-line,.sems-supplier-section .profile-medium-line{height:7px;border-radius:7px;background:linear-gradient(90deg,#d0e3ef,#edf4f8)}
.sems-supplier-section .profile-long-line{width:140px;margin-bottom:13px}
.sems-supplier-section .profile-medium-line{width:90px}
.sems-supplier-section .contact-floating-icon{position:absolute;z-index:7;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.97);color:var(--sems-blue);font-size:26px;box-shadow:0 14px 30px rgba(25,94,137,.12)}
.sems-supplier-section .contact-floating-icon svg{width:24px;height:24px}
.sems-supplier-section .orange-icon{color:var(--sems-orange)}
.sems-supplier-section .contact-phone{top:0;right:10px}
.sems-supplier-section .contact-mail{top:92px;right:-5px}
.sems-supplier-section .contact-users{right:5px;bottom:0}
.sems-supplier-section .document-visual{position:relative;width:370px;min-width:0;height:300px;margin:auto;transform:scale(.8)}
.sems-supplier-section .document-network{position:absolute;left:40px;top:70px;width:310px;height:180px;border:2px dashed rgba(29,151,217,.15);border-radius:35px}
.sems-supplier-section .second-document-card{position:absolute;z-index:2;top:47px;left:140px;width:150px;height:195px;border-radius:12px;background:rgba(246,251,254,.94);box-shadow:0 15px 30px rgba(22,86,128,.08);transform:translate(18px,20px)}
.sems-supplier-section .main-document-card{position:absolute;z-index:5;top:35px;left:110px;width:155px;height:205px;padding:30px 23px;border-radius:12px;background:#fff;box-shadow:0 20px 42px rgba(28,93,137,.14)}
.sems-supplier-section .document-title-line{width:70px;height:8px;margin:0 auto 22px;border-radius:8px;background:#6cb7e6}
.sems-supplier-section .document-line{height:7px;border-radius:8px;background:linear-gradient(90deg,#d5e6f0,#eef5f8)}
.sems-supplier-section .document-line-1{width:110px;margin-bottom:18px}
.sems-supplier-section .document-row{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.sems-supplier-section .document-row>span:last-child{width:85px;height:7px;border-radius:7px;background:linear-gradient(90deg,#d8e8f1,#edf4f8)}
.sems-supplier-section .document-dot{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#cfe8f7}
.sems-supplier-section .document-shield{position:absolute;z-index:8;top:42px;right:25px;width:72px;height:78px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;background:linear-gradient(145deg,#37d3a9,#13b986);clip-path:polygon(50% 0,90% 14%,90% 55%,75% 78%,50% 100%,25% 78%,10% 55%,10% 14%);filter:drop-shadow(0 8px 15px rgba(21, 185, 135, .18))}
.sems-supplier-section .document-shield svg{width:26px;height:26px;stroke:#fff}
.sems-supplier-section .document-floating-card{position:absolute;z-index:7;width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 14px 30px rgba(27,94,137,.12)}
.sems-supplier-section .document-floating-card svg{width:24px;height:24px}
.sems-supplier-section .calendar-card{left:20px;top:100px;color:var(--sems-orange)}
.sems-supplier-section .bell-card{right:-5px;bottom:18px;color:var(--sems-blue)}
.sems-supplier-section .dots-pattern{position:absolute;z-index:1;display:grid;grid-template-columns:repeat(4,4px);gap:19px}
.sems-supplier-section .dots-pattern span{width:4px;height:4px;border-radius:50%;background:rgba(73,168,221,.3)}
.sems-supplier-section .dots-left{left:30px;top:180px}
.sems-supplier-section .dots-right{right:25px;top:60px}
.sems-supplier-section .second-dots-left{top:auto;bottom:50px}
.sems-supplier-section .decor-shape-left{position:absolute;left:-150px;top:70px;width:250px;height:280px;border-radius:50%;transform:rotate(20deg);background:rgba(213,236,250,.55)}
.sems-supplier-section .second-shape{top:30px}
.sems-supplier-section .bottom-blue-decoration{position:absolute;z-index:1;right:-260px;bottom:-240px;width:750px;height:360px;border-radius:70% 0 0 0;transform:rotate(-8deg);background:linear-gradient(145deg,#e5f5fd,#c9eafa)}
.sems-supplier-section .bottom-orange-decoration{position:absolute;z-index:2;right:-75px;bottom:25px;width:175px;height:100px;transform:rotate(-13deg);clip-path:polygon(45% 0,100% 0,100% 100%,0 100%);background:linear-gradient(140deg,#ff9f4d,#ff7712)}
@media (max-width:1450px){.sems-supplier-section .feature-container{grid-template-columns:minmax(620px,1fr) 350px;gap:35px}.sems-supplier-section .contact-visual,.sems-supplier-section .document-visual{transform:scale(.72);transform-origin:center}.sems-supplier-section .feature-pill{font-size:11px}}
@media (max-width:1050px){.sems-supplier-section .sems-feature-block{padding:34px 35px 46px}.sems-supplier-section .feature-container{grid-template-columns:minmax(0,1fr);gap:16px}.sems-supplier-section .feature-content{max-width:900px;margin:auto}.sems-supplier-section .contact-visual,.sems-supplier-section .document-visual{margin-top:0;transform:scale(.85)}}
@media (max-width:700px){.sems-supplier-section .sems-feature-block{padding:26px 20px 38px}.sems-supplier-section .section-label{gap:8px;font-size:10.5px}.sems-supplier-section .section-label>span{width:22px;height:3px}.sems-supplier-section .feature-description{font-size:12.5px;line-height:1.55}.sems-supplier-section .feature-pills{display:grid;grid-template-columns:1fr;gap:8px}.sems-supplier-section .feature-pill{width:100%;min-height:44px;border-radius:15px;white-space:normal}.sems-supplier-section .pill-icon{width:32px;height:32px;flex-basis:32px}.sems-supplier-section .contact-visual,.sems-supplier-section .document-visual{width:370px;max-width:100%;transform:scale(.68);transform-origin:top center;margin-bottom:-60px}.sems-supplier-section .bottom-blue-decoration{opacity:.5}.sems-supplier-section .bottom-orange-decoration{width:120px;height:70px;right:-70px}}

/* 2026-09-21 : bloc recherche avancee + panels + tableau de bord (panel-features) - module gestion-des-fournisseurs, ajoute apres contacts/conformite */
.panel-features{--sems-dark:#07375f;--sems-blue:#0882ca;--sems-blue-light:#25a0e5;--sems-orange:#ff7f18;--sems-text:#416383;--sems-border:#deebf4;--white:#ffffff}
.panel-features,.panel-features *{box-sizing:border-box}
.panel-features{width:100%;overflow:hidden;font-family:Inter,Arial,sans-serif;background:#fff}
.panel-features .panel-feature{position:relative;width:100%;min-height:auto;overflow:hidden;padding:36px 5% 40px;background:radial-gradient(circle at 80% 40%,rgba(197,230,249,.55),transparent 25%),linear-gradient(110deg,#fff,#fbfdff 54%,#f0f9fe)}
.panel-features .panel-feature+.panel-feature{border-top:10px solid #fff}
.panel-features .panel-container{position:relative;z-index:5;max-width:1700px;margin:0 auto;display:grid;grid-template-columns:minmax(750px,1fr) 420px;gap:65px;align-items:center}
.panel-features .panel-label{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--sems-blue);font-size:13px;font-weight:800;letter-spacing:.5px}
.panel-features .panel-label>span{width:34px;height:4px;display:block;border-radius:10px;background:var(--sems-orange)}
.panel-features .panel-description{max-width:900px;margin:0 0 22px;color:var(--sems-text);font-size:13.5px;line-height:1.55}
.panel-features .panel-pills{display:flex;flex-wrap:wrap;gap:10px 11px;max-width:1300px}
.panel-features .panel-pill{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:5px 15px 5px 6px;border-radius:50px;background:rgba(255,255,255,.97);border:1px solid var(--sems-border);box-shadow:0 4px 12px rgba(28,90,129,.06);color:var(--sems-dark);font-size:11px;font-weight:700;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.panel-features .panel-pill:hover{transform:translateY(-3px);border-color:rgba(8,130,202,.27);box-shadow:0 8px 18px rgba(27,98,142,.1)}
.panel-features .panel-pill-icon{width:29px;height:29px;flex:0 0 29px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}
.panel-features .panel-pill-icon svg{width:14px;height:14px}
.panel-features .panel-pill-icon.blue{color:var(--sems-blue);background:linear-gradient(145deg,#edf8fe,#dcedfa)}
.panel-features .panel-pill-icon.orange{color:var(--sems-orange);background:linear-gradient(145deg,#fff5ed,#ffe7d6)}
.panel-features .dashboard-visual,.panel-features .list-visual,.panel-features .search-visual{position:relative;width:410px;min-width:0;height:300px;margin:auto;transform:scale(.78)}
.panel-features .visual-halo{position:absolute;width:340px;height:340px;left:35px;top:-25px;border-radius:50%;background:radial-gradient(circle,rgba(190,227,249,.62),rgba(221,241,252,.28) 58%,transparent 76%)}
.panel-features .search-ui{position:absolute;z-index:5;top:40px;left:35px;width:320px;padding:18px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 20px 45px rgba(25,91,133,.12)}
.panel-features .search-ui-top{display:grid;grid-template-columns:1fr 50px;gap:10px;margin-bottom:16px}
.panel-features .fake-search{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:10px;color:#9ab0c2;font-size:10px;background:linear-gradient(90deg,#edf7fc,#dceffb)}
.panel-features .fake-search svg{width:18px;height:18px;flex:0 0 18px;color:var(--sems-blue)}
.panel-features .filter-btn{border:none;border-radius:10px;background:linear-gradient(145deg,#148fd4,#0878c2);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center}
.panel-features .filter-btn svg{width:19px;height:19px}
.panel-features .fake-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
.panel-features .fake-filter{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:7px;background:#eef6fa}
.panel-features .fake-filter span{width:65%;height:6px;border-radius:8px;background:#b7d8ec}
.panel-features .fake-filter svg{width:13px;height:13px;color:#bad3e3}
.panel-features .visual-floating{position:absolute;z-index:8;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#fff;color:var(--sems-blue);font-size:26px;box-shadow:0 14px 28px rgba(27,91,133,.12)}
.panel-features .visual-floating svg{width:25px;height:25px}
.panel-features .visual-chart{left:-3px;top:128px}
.panel-features .visual-search{right:0;top:137px;color:var(--sems-orange)}
.panel-features .supplier-list-card{position:absolute;z-index:5;width:235px;right:30px;top:45px;padding:20px;border-radius:17px;background:#fff;box-shadow:0 20px 40px rgba(27,93,137,.12)}
.panel-features .supplier-list-card h4{margin:0 0 18px;color:var(--sems-dark);font-size:13px}
.panel-features .supplier-list-row{display:grid;grid-template-columns:24px 1fr 55px;align-items:center;gap:8px;min-height:43px;border-bottom:1px solid #edf3f6}
.panel-features .supplier-list-row:last-child{border-bottom:0}
.panel-features .supplier-list-row strong{font-size:10px;color:var(--sems-dark)}
.panel-features .supplier-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--sems-blue);color:#fff;font-size:12px}
.panel-features .supplier-check svg{width:12px;height:12px}
.panel-features .supplier-mini-lines{display:flex;flex-direction:column;gap:5px}
.panel-features .supplier-mini-lines span{height:5px;border-radius:5px;background:#d6e6ef}
.panel-features .supplier-mini-lines span:last-child{width:70%}
.panel-features .supplier-users-icon{left:30px;top:90px}
.panel-features .add-supplier{position:absolute;z-index:8;right:-10px;top:95px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;font-size:27px;background:linear-gradient(145deg,#ff9d42,#ff7610);box-shadow:0 12px 25px rgba(255,126,20,.2)}
.panel-features .add-supplier svg{width:24px;height:24px}
.panel-features .dashboard-card{position:absolute;z-index:5;top:27px;left:55px;width:285px;padding:20px;border-radius:17px;background:#fff;box-shadow:0 20px 45px rgba(27,91,133,.12)}
.panel-features .dashboard-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:5px}
.panel-features .dashboard-lines span{display:block;height:5px;border-radius:4px;background:#c6deed}
.panel-features .dashboard-lines span:first-child{width:60px}
.panel-features .dashboard-lines span:last-child{width:95px}
.panel-features .mini-chart{width:100%;height:120px}
.panel-features .mini-chart svg{width:100%;height:100%}
.panel-features .mini-chart polyline{fill:none;stroke:#72bee9;stroke-width:2}
.panel-features .mini-chart rect{fill:#65bcea;rx:2}
.panel-features .dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e8eef2;padding-top:12px}
.panel-features .dashboard-stats div{text-align:center;border-right:1px solid #edf1f4}
.panel-features .dashboard-stats div:last-child{border-right:0}
.panel-features .dashboard-stats strong{display:block;color:var(--sems-dark);font-size:16px}
.panel-features .dashboard-stats span{color:#6d879b;font-size:9px}
.panel-features .dashboard-bars-icon{left:5px;top:95px;color:var(--sems-orange)}
.panel-features .dashboard-pie-icon{right:5px;top:5px}
.panel-features .dashboard-growth-icon{right:0;top:120px}
.panel-features .panel-dots{position:absolute;z-index:1;display:grid;grid-template-columns:repeat(5,4px);gap:18px}
.panel-features .panel-dots i{width:4px;height:4px;display:block;border-radius:50%;background:rgba(47,158,218,.3)}
.panel-features .panel-dots-left{left:22px;bottom:50px}
.panel-features .panel-dots-right{right:22px;top:50px}
.panel-features .panel-bg-shape{position:absolute;z-index:1;left:-145px;top:60px;width:240px;height:270px;border-radius:50%;transform:rotate(15deg);background:rgba(213,236,250,.57)}
.panel-features .panel-bottom-wave{position:absolute;z-index:1;right:-200px;bottom:-230px;width:700px;height:380px;border-radius:75% 0 0 0;transform:rotate(-7deg);background:linear-gradient(145deg,#e5f5fd,#cceafa)}
.panel-features .panel-bottom-orange{position:absolute;z-index:2;right:-50px;bottom:90px;width:190px;height:90px;transform:rotate(-11deg);background:linear-gradient(145deg,#ffa04d,#ff7510);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.panel-features .panel-signature{position:absolute;z-index:5;right:60px;bottom:30px;color:#0e89cf;font-size:13px;line-height:1.45}
.panel-features .panel-signature span{display:block;width:42px;height:4px;margin-top:15px;border-radius:5px;background:var(--sems-blue)}
@media (max-width:1450px){.panel-features .panel-container{grid-template-columns:minmax(600px,1fr) 370px;gap:30px}.panel-features .dashboard-visual,.panel-features .list-visual,.panel-features .search-visual{transform:scale(.7);transform-origin:center}.panel-features .panel-pill{font-size:10.5px}}
@media (max-width:1050px){.panel-features .panel-feature{padding:32px 35px 44px}.panel-features .panel-container{grid-template-columns:minmax(0,1fr);gap:14px}.panel-features .panel-content{max-width:950px;margin:auto}.panel-features .dashboard-visual,.panel-features .list-visual,.panel-features .search-visual{margin-top:0;transform:scale(.82)}.panel-features .panel-signature{display:none}}
@media (max-width:700px){.panel-features .panel-feature{min-height:auto;padding:26px 20px 38px}.panel-features .panel-label{gap:8px;font-size:10.5px}.panel-features .panel-label>span{width:22px;height:3px}.panel-features .panel-description{font-size:12.5px;line-height:1.55}.panel-features .panel-pills{display:grid;grid-template-columns:1fr;gap:8px}.panel-features .panel-pill{width:100%;min-height:44px;border-radius:15px;white-space:normal}.panel-features .panel-pill-icon{width:32px;height:32px;flex-basis:32px}.panel-features .dashboard-visual,.panel-features .list-visual,.panel-features .search-visual{width:410px;max-width:100%;transform:scale(.65);transform-origin:top center;margin-bottom:-65px}.panel-features .panel-bottom-orange{width:120px;height:70px;right:-65px}}

/* 2026-09-21 : bloc benefices organisation + pourquoi ce module (supplier-benefits) - renomme pour eviter collision avec .sems-benefits deja utilise ailleurs sur le site - module gestion-des-fournisseurs, ajoute apres recherche/panels/dashboard */
.supplier-benefits{--sems-dark:#07365e;--sems-blue:#087fc5;--sems-blue-light:#1498df;--sems-orange:#ff8617;--sems-text:#496985;--sems-border:#dfeaf3;--white:#ffffff}
.supplier-benefits,.supplier-benefits *{box-sizing:border-box}
.supplier-benefits{width:100%;overflow:hidden;font-family:Inter,Arial,sans-serif}
.supplier-benefits .benefits-main{position:relative;width:100%;min-height:auto;overflow:hidden;padding:36px 5% 38px;background:radial-gradient(circle at 79% 42%,rgba(190,229,250,.55),transparent 26%),linear-gradient(110deg,#fff 0,#fbfdff 55%,#eff8fe 100%)}
.supplier-benefits .benefits-container{position:relative;z-index:5;width:100%;max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(780px,1fr) 430px;gap:60px;align-items:center}
.supplier-benefits .benefits-label{display:flex;align-items:center;gap:13px;margin-bottom:14px;color:var(--sems-blue);font-size:13px;font-weight:800;letter-spacing:.5px}
.supplier-benefits .benefits-label>span{width:34px;height:4px;display:block;flex:0 0 34px;border-radius:6px;background:var(--sems-orange)}
.supplier-benefits .benefits-description{max-width:900px;margin:0 0 20px;color:var(--sems-text);font-size:13.5px;line-height:1.55}
.supplier-benefits .benefits-pills{display:flex;flex-wrap:wrap;gap:10px 11px;max-width:1300px}
.supplier-benefits .benefit-pill{min-height:40px;display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 6px;border-radius:50px;border:1px solid var(--sems-border);background:rgba(255,255,255,.96);box-shadow:0 4px 12px rgba(29,89,128,.06);color:var(--sems-dark);font-size:11px;line-height:1.35;font-weight:700;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}
.supplier-benefits .benefit-pill:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(29,98,144,.1)}
.supplier-benefits .benefit-pill-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}
.supplier-benefits .benefit-pill-icon svg{width:15px;height:15px}
.supplier-benefits .benefit-pill-icon.blue{color:#1699df;background:linear-gradient(145deg,#edf8fe,#dcf0fc)}
.supplier-benefits .benefits-visual{position:relative;width:410px;min-width:0;height:335px;margin:auto;transform:scale(.78)}
.supplier-benefits .benefits-halo{position:absolute;width:390px;height:390px;top:-35px;left:0;border-radius:50%;background:radial-gradient(circle,rgba(192,230,250,.68),rgba(221,242,253,.26) 60%,transparent 76%)}
.supplier-benefits .visual-card-back{position:absolute;z-index:2;top:100px;left:35px;width:240px;height:140px;border-radius:18px;background:rgba(255,255,255,.55);box-shadow:0 12px 30px rgba(32,104,148,.07)}
.supplier-benefits .visual-dashboard-card{position:absolute;z-index:5;top:35px;left:80px;width:245px;height:240px;padding:30px 25px;border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 22px 48px rgba(24,93,136,.13)}
.supplier-benefits .visual-chart-row{display:flex;align-items:center;gap:22px}
.supplier-benefits .visual-pie{width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:conic-gradient(#168fd4 0 25%,#42b3eb 25% 50%,#83d0f5 50% 75%,#d0edf9 75% 100%)}
.supplier-benefits .visual-lines{display:flex;flex-direction:column;gap:9px}
.supplier-benefits .visual-lines span{display:block;height:8px;border-radius:10px;background:linear-gradient(90deg,#8ecbed,#e1f0f8)}
.supplier-benefits .visual-lines span:first-child{width:70px}
.supplier-benefits .visual-lines span:nth-child(2){width:90px}
.supplier-benefits .visual-lines span:nth-child(3){width:58px}
.supplier-benefits .visual-card-line{height:8px;border-radius:8px;background:linear-gradient(90deg,#cbe3f1,#eef5f9)}
.supplier-benefits .line-long{width:120px;margin-top:30px}
.supplier-benefits .line-small{width:75px;margin-top:10px}
.supplier-benefits .visual-folder{position:absolute;right:-15px;bottom:10px;width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#159be4;font-size:75px;filter:drop-shadow(0 8px 15px rgba(12, 135, 205, .15))}
.supplier-benefits .visual-folder svg{width:42px;height:42px}
.supplier-benefits .visual-check-card{position:absolute;z-index:8;right:5px;top:20px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:#fff;font-size:34px;background:linear-gradient(145deg,#ff9f32,#ff8212);box-shadow:0 15px 30px rgba(255,131,18,.22)}
.supplier-benefits .visual-check-card svg{width:27px;height:27px}
.supplier-benefits .visual-team-card{position:absolute;z-index:8;right:-10px;bottom:5px;width:85px;height:85px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:#fff;color:var(--sems-blue);font-size:38px;box-shadow:0 16px 35px rgba(27,92,136,.13)}
.supplier-benefits .visual-team-card svg{width:32px;height:32px}
.supplier-benefits .benefits-left-shape{position:absolute;left:-150px;top:85px;width:250px;height:290px;border-radius:50%;background:rgba(213,236,250,.55);transform:rotate(18deg)}
.supplier-benefits .benefits-dots{position:absolute;z-index:1;display:grid;grid-template-columns:repeat(4,4px);gap:18px}
.supplier-benefits .benefits-dots span{width:4px;height:4px;border-radius:50%;background:rgba(63,164,221,.3)}
.supplier-benefits .benefits-dots-left{left:25px;bottom:45px}
.supplier-benefits .benefits-dots-right{right:25px;top:30px}
.supplier-benefits .benefits-difference{position:relative;width:100%;padding:38px 5% 46px;background:linear-gradient(115deg,#f8fcff,#f0f8fd)}
.supplier-benefits .difference-container{width:100%;max-width:1700px;margin:auto}
.supplier-benefits .difference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.supplier-benefits .difference-card{min-height:150px;padding:18px;border-radius:14px;border:1px solid var(--sems-border);background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 6px 16px rgba(26,86,124,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.supplier-benefits .difference-card:hover{transform:translateY(-4px);border-color:rgba(16,137,204,.2);box-shadow:0 12px 24px rgba(27,92,136,.09)}
.supplier-benefits .difference-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;font-size:20px}
.supplier-benefits .difference-icon svg{width:20px;height:20px}
.supplier-benefits .difference-icon.orange{color:#ff9518;background:linear-gradient(145deg,#fff4e7,#ffead0)}
.supplier-benefits .difference-icon.pink{color:#ec2a9d;background:linear-gradient(145deg,#faeafa,#f2e3fb)}
.supplier-benefits .difference-icon.red{color:#ff5549;background:linear-gradient(145deg,#ffefed,#ffe0dc)}
.supplier-benefits .difference-card h3{margin:0 0 6px;color:var(--sems-dark);font-size:14.5px;line-height:1.3;font-weight:750}
.supplier-benefits .difference-card p{margin:0;color:var(--sems-text);font-size:12px;line-height:1.5}
@media (max-width:1450px){.supplier-benefits .benefits-container{grid-template-columns:minmax(650px,1fr) 370px;gap:35px}.supplier-benefits .benefits-visual{transform:scale(.68);transform-origin:center}.supplier-benefits .benefit-pill{font-size:10.5px}}
@media (max-width:1050px){.supplier-benefits .benefits-main{padding:32px 35px 42px}.supplier-benefits .benefits-container{grid-template-columns:minmax(0,1fr);gap:14px}.supplier-benefits .benefits-content{max-width:950px;margin:auto}.supplier-benefits .benefits-visual{margin-top:0;transform:scale(.85)}.supplier-benefits .difference-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.supplier-benefits .benefits-difference,.supplier-benefits .benefits-main{padding:26px 20px 38px}.supplier-benefits .benefits-label{gap:8px;font-size:10.5px}.supplier-benefits .benefits-label>span{width:22px;height:3px;flex-basis:22px}.supplier-benefits .benefits-description{font-size:12.5px;line-height:1.55}.supplier-benefits .benefits-pills{display:grid;grid-template-columns:1fr;gap:8px}.supplier-benefits .benefit-pill{width:100%;min-height:44px;white-space:normal;border-radius:15px}.supplier-benefits .benefits-visual{width:410px;max-width:100%;transform:scale(.65);transform-origin:top center;margin-bottom:-70px}.supplier-benefits .difference-grid{grid-template-columns:1fr;gap:11px}.supplier-benefits .difference-card{min-height:auto}}

/* 2026-09-21 : bloc modules associes + cta (related-modules-section / supplier-cta-section) - module gestion-des-fournisseurs, remplace l'ancien .alt pill-list et l'ancien .cta-band sur cette page */
.related-modules-section,.supplier-cta-section{--sems-dark:#07375f;--sems-blue:#087fc5;--sems-blue-light:#16a2ed;--sems-orange:#ff8217;--sems-green:#20bd73;--sems-purple:#8156ef;--sems-text:#456783;--sems-border:#dfebf3}
.related-modules-section,.related-modules-section *,.supplier-cta-section,.supplier-cta-section *{box-sizing:border-box}
.related-modules-section,.supplier-cta-section{width:100%;font-family:Inter,Arial,sans-serif}
.related-modules-section{position:relative;padding:38px 5% 46px;background-color:#f8fcff;background-image:radial-gradient(rgba(69,155,209,.13) 1px,transparent 1px);background-size:18px 18px}
.related-modules-section .related-modules-container{max-width:1530px;margin:auto}
.related-modules-section .related-modules-header{margin-bottom:22px}
.related-modules-section .related-modules-label{margin-bottom:10px;color:var(--sems-blue);font-size:12px;font-weight:800;letter-spacing:1px}
.related-modules-section .related-modules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.related-modules-section .module-card{position:relative;min-height:170px;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--sems-border);border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(26,83,121,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.related-modules-section .module-card:hover{transform:translateY(-4px);border-color:rgba(8,127,197,.25);box-shadow:0 12px 24px rgba(26,90,132,.1)}
.related-modules-section .module-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px}
.related-modules-section .module-icon svg{width:20px;height:20px}
.related-modules-section .module-blue{color:#148bd0;background:linear-gradient(145deg,#eaf7fe,#dceffa)}
.related-modules-section .module-green{color:var(--sems-green);background:linear-gradient(145deg,#eafbf3,#ddf7ea)}
.related-modules-section .module-orange{color:var(--sems-orange);background:linear-gradient(145deg,#fff4ea,#ffe8d5)}
.related-modules-section .module-purple{color:var(--sems-purple);background:linear-gradient(145deg,#f3edff,#e9dfff)}
.related-modules-section .module-content{flex:1;min-width:0}
.related-modules-section .module-title-wrapper{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.related-modules-section .module-card h3{margin:3px 0 7px;color:var(--sems-dark);font-size:14.5px;line-height:1.35;font-weight:750}
.related-modules-section .module-card p{margin:0;color:var(--sems-text);font-size:12px;line-height:1.55}
.related-modules-section .module-arrow{color:var(--sems-blue);font-size:19px;text-decoration:none;transition:transform .25s ease}
.related-modules-section .module-card:hover .module-arrow{transform:translateX(5px)}
.supplier-cta-section{padding:0 5% 40px;background:#fff}
.supplier-cta-section .supplier-cta{position:relative;max-width:1450px;min-height:200px;margin:auto;overflow:hidden;display:flex;align-items:center;border-radius:20px;background:radial-gradient(circle at 85% 60%,rgba(49,165,221,.45),transparent 38%),linear-gradient(110deg,#073f68 0,#06588d 50%,#087bae 100%);box-shadow:0 12px 28px rgba(10,63,100,.13)}
.supplier-cta-section .cta-content{position:relative;z-index:6;max-width:760px;padding:32px 38px}
.supplier-cta-section .cta-label{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:rgba(255,255,255,.78);font-size:12px;font-weight:750}
.supplier-cta-section .cta-label span{width:40px;height:1px;display:block;background:rgba(255,255,255,.5)}
.supplier-cta-section .cta-content h2{margin:0 0 9px;color:#fff;font-size:clamp(21px, 1.9vw, 28px);line-height:1.28;font-weight:800}
.supplier-cta-section .cta-content h2 strong{color:#27aaf0;font-weight:800}
.supplier-cta-section .cta-content p{max-width:650px;margin:0 0 18px;color:rgba(255,255,255,.86);font-size:13.5px;line-height:1.5}
.supplier-cta-section .cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.supplier-cta-section .cta-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:40px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.supplier-cta-section .cta-btn-primary{min-width:180px;color:#fff;background:linear-gradient(135deg,#0aa4ef,#0887d5);box-shadow:0 8px 18px rgba(3,43,78,.18)}
.supplier-cta-section .cta-btn-primary span{margin-left:12px;font-size:17px}
.supplier-cta-section .cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(1,38,67,.3)}
.supplier-cta-section .cta-btn-outline{min-width:240px;color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.03)}
.supplier-cta-section .cta-btn-outline:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.supplier-cta-section .cta-dot-pattern{position:absolute;inset:0;z-index:1;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent 35%,#000 60%,#000 100%)}
.supplier-cta-section .cta-visual{position:absolute;z-index:2;right:40px;bottom:-20px;width:400px;height:240px;opacity:.42;transform:scale(.8);transform-origin:bottom right}
.supplier-cta-section .cta-laptop{position:absolute;width:310px;height:210px;right:30px;bottom:15px;transform:perspective(800px) rotateY(-8deg) rotateX(3deg)}
.supplier-cta-section .laptop-screen{position:absolute;width:270px;height:165px;left:20px;top:0;padding:18px;border:9px solid #06385d;border-radius:12px 12px 7px 7px;background:#ebf7fc;box-shadow:0 20px 35px rgba(0,24,45,.25)}
.supplier-cta-section .laptop-base{position:absolute;width:320px;height:18px;left:-4px;top:160px;border-radius:0 0 60px 60px;background:#0b4268;transform:perspective(200px) rotateX(35deg)}
.supplier-cta-section .mini-dashboard{position:relative;width:100%;height:100%}
.supplier-cta-section .mini-dashboard-lines{display:flex;flex-direction:column;gap:5px}
.supplier-cta-section .mini-dashboard-lines span{height:5px;display:block;border-radius:5px;background:#aacfe5}
.supplier-cta-section .mini-dashboard-lines span:first-child{width:45px}
.supplier-cta-section .mini-dashboard-lines span:last-child{width:80px}
.supplier-cta-section .mini-bars{position:absolute;left:22px;bottom:20px;width:110px;height:80px;display:flex;align-items:flex-end;gap:10px}
.supplier-cta-section .mini-bars i{width:13px;display:block;border-radius:4px 4px 0 0;background:linear-gradient(#199bdc,#0578ba)}
.supplier-cta-section .mini-pie{position:absolute;right:25px;top:45px;width:53px;height:53px;border-radius:50%;background:conic-gradient(#0879bb 0 30%,#2e9ed9 30% 60%,#7ac4ea 60% 80%,#b4ddf2 80% 100%)}
@media (max-width:1200px){.related-modules-section .related-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-cta-section .cta-visual{right:-40px;opacity:.25}}
@media (max-width:768px){.related-modules-section{padding:28px 20px 36px}.related-modules-section .related-modules-grid{grid-template-columns:minmax(0,1fr)}.related-modules-section .module-card{min-height:auto}.supplier-cta-section{padding:0 20px 32px}.supplier-cta-section .supplier-cta{min-height:auto;border-radius:18px}.supplier-cta-section .cta-content{padding:28px 22px}.supplier-cta-section .cta-visual{display:none}.supplier-cta-section .cta-actions{flex-direction:column}.supplier-cta-section .cta-btn{width:100%}}

/* ==========================================================
   HARMONISATION DES PAGES MODULES — V3
   Objectif : même axe visuel que E-Sourcing
   - pas de règle dépendante de body[data-module-slug]
   - largeur centrale commune
   - gouttières latérales généreuses
   - titres laissés naturellement sur plusieurs lignes
   ========================================================== */

:root{
  --module-page-max:1360px;
  --module-page-gutter:48px;
}

/* Utilitaire réutilisable sur les autres modules */
.module-page-container{
  width:calc(100% - (var(--module-page-gutter) * 2));
  max-width:var(--module-page-max);
  margin-inline:auto;
}

/* Les sections gardent uniquement leur padding vertical.
   L'espace gauche/droite est géré par les conteneurs internes. */
.supplier-hero,
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference,
.related-modules-section,
.supplier-cta-section{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Même largeur et même axe sur toute la page */
.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* =========================
   HERO
   ========================= */

.supplier-hero{
  padding-top:48px !important;
  padding-bottom:54px !important;
}

.supplier-hero .supplier-container{
  display:grid !important;
  grid-template-columns:minmax(0,520px) minmax(0,1fr) !important;
  gap:64px !important;
  align-items:center !important;
}

/* Comme E-Sourcing : le titre peut respirer sur 2 lignes.
   On ne le force PAS sur une seule ligne. */
.supplier-hero .supplier-content h1{
  width:auto !important;
  max-width:520px !important;
  white-space:normal !important;
  font-size:clamp(34px,2.35vw,40px) !important;
  line-height:1.08 !important;
  letter-spacing:-.8px !important;
  margin-bottom:14px !important;
}

.supplier-hero .supplier-content h1 span{
  display:block !important;
  margin-left:0 !important;
}

.supplier-hero .hero-description{
  max-width:540px !important;
}

.supplier-hero .hero-description p{
  font-size:15px !important;
  line-height:1.62 !important;
}

.supplier-hero .dashboard-wrapper{
  width:100% !important;
  max-width:760px !important;
  justify-self:end !important;
}

/* Les 4 points restent alignés proprement dans la colonne gauche */
.supplier-hero .advantages{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin-top:24px !important;
  margin-bottom:28px !important;
}

.supplier-hero .advantage{
  min-width:0 !important;
  gap:8px !important;
}

.supplier-hero .advantage-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
}

.supplier-hero .advantage span{
  font-size:11.8px !important;
  line-height:1.35 !important;
}

/* =========================
   FONCTIONNALITÉS
   ========================= */

.supplier-features{
  padding-top:58px !important;
  padding-bottom:68px !important;
}

.supplier-features .features-header{
  max-width:980px !important;
  margin-bottom:30px !important;
}

.supplier-features .features-label{
  margin-bottom:14px !important;
  font-size:13px !important;
}

.supplier-features .features-grid{
  gap:20px !important;
}

.supplier-features .feature-card{
  min-height:185px !important;
  padding:22px !important;
}

/* On enlève seulement les grosses formes qui collent aux bords */
.supplier-features .features-decoration-left,
.supplier-features .features-orange-shape{
  display:none !important;
}

/* =========================
   RÉFÉRENTIEL / ONBOARDING
   ========================= */

.supplier-reference,
.supplier-onboarding{
  padding-top:62px !important;
  padding-bottom:72px !important;
}

.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container{
  grid-template-columns:minmax(0,1fr) 410px !important;
  gap:56px !important;
  align-items:center !important;
}

.supplier-reference .reference-content,
.supplier-onboarding .onboarding-content{
  max-width:900px !important;
}

/* Décorations très grandes supprimées pour garder le même équilibre
   que les autres pages modules */
.supplier-reference .bg-shape-left,
.supplier-reference .bottom-orange-shape,
.supplier-reference .reference-signature,
.supplier-onboarding .onboarding-left-shape,
.supplier-onboarding .onboarding-bottom-orange,
.supplier-onboarding .onboarding-signature{
  display:none !important;
}

.supplier-reference .bottom-blue-shape,
.supplier-onboarding .onboarding-bottom-blue{
  opacity:.28 !important;
}

/* =========================
   BLOCS SUIVANTS
   ========================= */

.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container{
  grid-template-columns:minmax(0,1fr) 410px !important;
  gap:56px !important;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width:1200px){
  :root{
    --module-page-gutter:36px;
  }

  .supplier-hero .supplier-container{
    grid-template-columns:minmax(0,470px) minmax(0,1fr) !important;
    gap:40px !important;
  }

  .supplier-hero .supplier-content h1{
    font-size:34px !important;
  }

  .supplier-hero .advantage span{
    font-size:11px !important;
  }
}

@media (max-width:1020px){
  .supplier-hero .supplier-container,
  .supplier-reference .supplier-reference-container,
  .supplier-onboarding .onboarding-container,
  .sems-supplier-section .feature-container,
  .panel-features .panel-container,
  .supplier-benefits .benefits-container{
    grid-template-columns:1fr !important;
  }

  .supplier-hero .supplier-content,
  .supplier-reference .reference-content,
  .supplier-onboarding .onboarding-content{
    max-width:800px !important;
  }

  .supplier-hero .dashboard-wrapper,
  .supplier-reference .reference-visual,
  .supplier-onboarding .onboarding-visual{
    max-width:800px !important;
    justify-self:center !important;
    margin-inline:auto !important;
  }

  .supplier-features .features-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:700px){
  :root{
    --module-page-gutter:20px;
  }

  .supplier-hero{
    padding-top:32px !important;
    padding-bottom:42px !important;
  }

  .supplier-hero .supplier-content h1{
    font-size:30px !important;
  }

  .supplier-hero .advantages{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px 12px !important;
  }

  .supplier-features,
  .supplier-reference,
  .supplier-onboarding{
    padding-top:42px !important;
    padding-bottom:50px !important;
  }

  .supplier-features .features-grid{
    grid-template-columns:1fr !important;
  }

  .supplier-reference .bottom-blue-shape,
  .supplier-onboarding .onboarding-bottom-blue{
    display:none !important;
  }
}

/* ==========================================================
   V4 — HERO SANS TITRE
   Suppression du titre "Gestion des fournisseurs"
   et du petit trait orange associé.
   ========================================================== */

.supplier-hero .supplier-content h1,
.supplier-hero .orange-line{
  display:none !important;
}

/* Rééquilibrage de l'espace après suppression du titre */
.supplier-hero .module-badge{
  margin-bottom:20px !important;
}

.supplier-hero .hero-description{
  margin-top:0 !important;
}

.supplier-hero .hero-description p:first-child{
  margin-top:0 !important;
}

/* ==========================================================
   V5 — Ajustement d'après la page E-Sourcing
   - plus de padding latéral
   - mise en page plus aérée
   - premier paragraphe du hero en gras
   ========================================================== */

:root{
  --module-page-max:1360px;
  --module-page-gutter:72px;
}

/* Plus d'espace entre le contenu et les côtés */
.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Hero un peu plus respirant */
.supplier-hero{
  padding-top:56px !important;
  padding-bottom:62px !important;
}

.supplier-hero .supplier-container{
  grid-template-columns:minmax(0,520px) minmax(0,1fr) !important;
  gap:72px !important;
  align-items:center !important;
}

.supplier-hero .hero-description{
  max-width:560px !important;
}

/* Premier paragraphe en gras comme demandé */
.supplier-hero .hero-description p:first-child{
  font-weight:800 !important;
  color:var(--navy, #073652) !important;
}

/* Les autres paragraphes gardent une lecture plus légère */
.supplier-hero .hero-description p{
  font-size:15px !important;
  line-height:1.68 !important;
}

/* Un peu plus d'air entre les sections */
.supplier-features{
  padding-top:68px !important;
  padding-bottom:78px !important;
}

.supplier-reference,
.supplier-onboarding{
  padding-top:72px !important;
  padding-bottom:82px !important;
}

.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference,
.related-modules-section,
.supplier-cta-section{
  padding-top:72px !important;
  padding-bottom:82px !important;
}

/* Largeur des blocs de contenu alignée avec E-Sourcing */
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container{
  grid-template-columns:minmax(0,1fr) 420px !important;
  gap:64px !important;
}

/* Titre de section plus respirant */
.supplier-features .features-header,
.supplier-reference .reference-content,
.supplier-onboarding .onboarding-content{
  max-width:920px !important;
}

/* Responsive */
@media (max-width:1400px){
  :root{
    --module-page-gutter:56px;
  }
  .supplier-hero .supplier-container{
    gap:48px !important;
  }
}

@media (max-width:1100px){
  :root{
    --module-page-gutter:40px;
  }

  .supplier-hero .supplier-container,
  .supplier-reference .supplier-reference-container,
  .supplier-onboarding .onboarding-container,
  .sems-supplier-section .feature-container,
  .panel-features .panel-container,
  .supplier-benefits .benefits-container{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
}

@media (max-width:700px){
  :root{
    --module-page-gutter:22px;
  }

  .supplier-hero{
    padding-top:36px !important;
    padding-bottom:42px !important;
  }

  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference,
  .related-modules-section,
  .supplier-cta-section{
    padding-top:46px !important;
    padding-bottom:54px !important;
  }
}

/* ==========================================================
   V6 — Simplification visuelle inspirée d'E-Sourcing
   Objectif :
   - éviter les formes décoratives complexes
   - garder un fond simple, propre, homogène
   - augmenter légèrement les espacements latéraux
   - rendre les sections "panel / pilotage / processus" plus sobres
   ========================================================== */

:root{
  --module-page-max:1360px;
  --module-page-gutter:84px;
  --module-soft-bg:#f5f8fb;
  --module-soft-border:#dbe6f0;
}

/* ===== Fond global plus simple ===== */
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  background:var(--module-soft-bg) !important;
}

/* Supprime les formes et décorations "fortes" */
.supplier-features .features-decoration-left,
.supplier-features .features-orange-shape,
.supplier-reference .bg-shape-left,
.supplier-reference .bottom-orange-shape,
.supplier-reference .bottom-blue-shape,
.supplier-reference .reference-signature,
.supplier-onboarding .onboarding-left-shape,
.supplier-onboarding .onboarding-bottom-orange,
.supplier-onboarding .onboarding-bottom-blue,
.supplier-onboarding .onboarding-signature,
.panel-features .panel-bg-shape,
.panel-features .panel-orange-shape,
.panel-features .panel-blue-shape,
.panel-features .panel-cross,
.panel-features .panel-dots,
.supplier-benefits .benefits-shape-left,
.supplier-benefits .benefits-shape-right,
.supplier-benefits .benefits-orange-shape,
.supplier-benefits .benefits-blue-shape,
.supplier-benefits .benefits-cross,
.supplier-benefits .benefits-dots{
  display:none !important;
}

/* ===== Plus de padding horizontal, comme demandé ===== */
.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ===== Hero ===== */
.supplier-hero{
  padding-top:60px !important;
  padding-bottom:68px !important;
}

.supplier-hero .supplier-container{
  grid-template-columns:minmax(0,525px) minmax(0,1fr) !important;
  gap:76px !important;
}

.supplier-hero .hero-description p:first-child{
  font-weight:800 !important;
}

.supplier-hero .advantages{
  margin-top:26px !important;
  margin-bottom:30px !important;
}

/* ===== Titres de section : simples, sans surcharge ===== */
.supplier-features .features-label,
.supplier-reference .reference-label,
.supplier-onboarding .onboarding-label,
.sems-supplier-section .section-label,
.panel-features .panel-label,
.supplier-benefits .benefits-label{
  letter-spacing:.06em !important;
  font-size:13px !important;
}

/* ===== Grilles et cartes plus simples ===== */
.supplier-features .feature-card,
.panel-features .panel-card,
.supplier-benefits .benefit-card,
.supplier-benefits .difference-card{
  background:#ffffff !important;
  border:1px solid var(--module-soft-border) !important;
  box-shadow:none !important;
}

.supplier-features .feature-card{
  border-radius:20px !important;
}

.supplier-features .features-grid{
  gap:18px !important;
}

/* ===== Bloc "référentiel" / "pilotage panel" plus simple ===== */
.supplier-reference,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  position:relative !important;
}

.supplier-reference::before,
.panel-features .panel-feature::before,
.supplier-benefits .benefits-main::before,
.supplier-benefits .benefits-difference::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:radial-gradient(circle, rgba(20,126,205,.14) 1px, transparent 1px) !important;
  background-size:22px 22px !important;
  opacity:.25 !important;
  pointer-events:none !important;
}

.supplier-reference .supplier-reference-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container{
  position:relative !important;
  z-index:1 !important;
}

/* ===== Éléments texte/callout à droite : plus sobres ===== */
.supplier-reference .reference-note,
.panel-features .panel-note,
.supplier-benefits .benefits-note{
  color:#157ecd !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}

.supplier-reference .reference-note::after,
.panel-features .panel-note::after,
.supplier-benefits .benefits-note::after{
  width:56px !important;
  height:4px !important;
  border-radius:999px !important;
}

/* ===== Responsive ===== */
@media (max-width:1400px){
  :root{
    --module-page-gutter:64px;
  }
}

@media (max-width:1100px){
  :root{
    --module-page-gutter:40px;
  }

  .supplier-hero .supplier-container,
  .supplier-reference .supplier-reference-container,
  .supplier-onboarding .onboarding-container,
  .sems-supplier-section .feature-container,
  .panel-features .panel-container,
  .supplier-benefits .benefits-container{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
}

@media (max-width:700px){
  :root{
    --module-page-gutter:22px;
  }

  .supplier-hero{
    padding-top:36px !important;
    padding-bottom:44px !important;
  }

  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top:48px !important;
    padding-bottom:56px !important;
  }
}

/* ==========================================================
   V7 — CORRECTION FORTE / VERSION FINALE
   Objectifs :
   1) texte plus grand, plus proche du rendu E‑Sourcing
   2) suppression des décorations parasites sur TOUTE la page
   3) contenu mieux centré
   4) padding latéral plus important
   5) rendu plus simple et plus propre
   ========================================================== */

/* ===== Variables globales ===== */
:root{
  --module-page-max: 1400px;
  --module-page-gutter: 96px;
  --module-section-bg: #f5f8fb;
  --module-border: #d9e5ef;
  --module-title: #073652;
  --module-text: #4d6780;
  --module-accent: #157ecd;
}

/* ===== Même axe central + plus de padding ===== */
.supplier-hero,
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference,
.related-modules-section,
.supplier-cta-section{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width: calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width: var(--module-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ===== Fond simple / propre ===== */
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  background: var(--module-section-bg) !important;
}

/* Supprime aussi les pseudo-éléments décoratifs fréquents */
.supplier-features::before,
.supplier-features::after,
.supplier-reference::before,
.supplier-reference::after,
.supplier-onboarding::before,
.supplier-onboarding::after,
.sems-supplier-section .sems-feature-block::before,
.sems-supplier-section .sems-feature-block::after,
.panel-features .panel-feature::before,
.panel-features .panel-feature::after,
.supplier-benefits .benefits-main::before,
.supplier-benefits .benefits-main::after,
.supplier-benefits .benefits-difference::before,
.supplier-benefits .benefits-difference::after{
  display: none !important;
  content: none !important;
}

/* ===== HERO ===== */
.supplier-hero{
  padding-top: 62px !important;
  padding-bottom: 74px !important;
}

.supplier-hero .supplier-container{
  display: grid !important;
  grid-template-columns: minmax(0, 540px) minmax(0, 1fr) !important;
  gap: 82px !important;
  align-items: center !important;
}

.supplier-hero .module-badge{
  margin-bottom: 22px !important;
}

/* Le titre H1 reste masqué comme demandé précédemment */
.supplier-hero .supplier-content h1,
.supplier-hero .orange-line{
  display: none !important;
}

/* Le premier texte remplace visuellement le titre :
   plus grand, plus fort, plus proche d'E‑Sourcing */
.supplier-hero .hero-description{
  max-width: 560px !important;
}

.supplier-hero .hero-description p:first-child{
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  font-size: clamp(30px, 2.45vw, 42px) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.6px !important;
  color: var(--module-title) !important;
}

.supplier-hero .hero-description p:not(:first-child){
  font-size: 16px !important;
  line-height: 1.72 !important;
  color: var(--module-text) !important;
}

/* 4 avantages propres et bien alignés */
.supplier-hero .advantages{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 28px !important;
  margin-bottom: 34px !important;
}

.supplier-hero .advantage{
  min-width: 0 !important;
  gap: 10px !important;
}

.supplier-hero .advantage-icon{
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

.supplier-hero .advantage span{
  font-size: 13px !important;
  line-height: 1.38 !important;
  color: var(--module-title) !important;
  font-weight: 600 !important;
}

.supplier-hero .dashboard-wrapper{
  width: 100% !important;
  max-width: 760px !important;
  justify-self: end !important;
}

/* ===== Sections : plus d'air ===== */
.supplier-features{
  padding-top: 76px !important;
  padding-bottom: 88px !important;
}

.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  padding-top: 82px !important;
  padding-bottom: 94px !important;
}

/* ===== Titres sections plus grands ===== */
.supplier-features .features-label,
.supplier-reference .reference-label,
.supplier-onboarding .onboarding-label,
.sems-supplier-section .section-label,
.panel-features .panel-label,
.supplier-benefits .benefits-label{
  font-size: 14px !important;
  letter-spacing: .08em !important;
  font-weight: 800 !important;
  color: var(--module-accent) !important;
  margin-bottom: 16px !important;
}

.supplier-features .features-header,
.supplier-reference .reference-content,
.supplier-onboarding .onboarding-content,
.sems-supplier-section .feature-content,
.panel-features .panel-content,
.supplier-benefits .benefits-content{
  max-width: 900px !important;
}

.supplier-features .features-header p,
.supplier-reference .reference-description p,
.supplier-onboarding .onboarding-description p,
.sems-supplier-section .feature-description p,
.panel-features .panel-description p,
.supplier-benefits .benefits-description p{
  font-size: 16px !important;
  line-height: 1.74 !important;
  color: var(--module-text) !important;
}

/* ===== Layout 2 colonnes centré ===== */
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 72px !important;
  align-items: center !important;
}

/* ===== Pills / chips ===== */
.supplier-reference .reference-features,
.supplier-onboarding .onboarding-features,
.sems-supplier-section .feature-pills,
.panel-features .panel-pills,
.supplier-benefits .benefits-pills{
  gap: 12px !important;
}

.supplier-reference .reference-pill,
.supplier-onboarding .onboarding-pill,
.sems-supplier-section .feature-pill,
.panel-features .panel-pill,
.supplier-benefits .benefits-pill{
  min-height: 46px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  border: 1px solid var(--module-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* ===== Cartes plus propres ===== */
.supplier-features .feature-card,
.panel-features .panel-card,
.supplier-benefits .benefit-card,
.supplier-benefits .difference-card,
.sems-supplier-section .feature-card{
  background: #fff !important;
  border: 1px solid var(--module-border) !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

.supplier-features .feature-card{
  min-height: 196px !important;
  padding: 24px !important;
}

.supplier-features .feature-card h3,
.panel-features .panel-card h3,
.supplier-benefits .benefit-card h3,
.supplier-benefits .difference-card h3,
.sems-supplier-section .feature-card h3{
  font-size: 18px !important;
  line-height: 1.32 !important;
  color: var(--module-title) !important;
}

.supplier-features .feature-card p,
.panel-features .panel-card p,
.supplier-benefits .benefit-card p,
.supplier-benefits .difference-card p,
.sems-supplier-section .feature-card p{
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: var(--module-text) !important;
}

/* ===== Notes bleues discrètes ===== */
.supplier-reference .reference-note,
.panel-features .panel-note,
.supplier-benefits .benefits-note{
  color: var(--module-accent) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* ===== Responsive ===== */
@media (max-width: 1440px){
  :root{
    --module-page-gutter: 72px;
  }

  .supplier-hero .supplier-container{
    gap: 56px !important;
  }

  .supplier-reference .supplier-reference-container,
  .supplier-onboarding .onboarding-container,
  .sems-supplier-section .feature-container,
  .panel-features .panel-container,
  .supplier-benefits .benefits-container{
    gap: 54px !important;
  }
}

@media (max-width: 1180px){
  :root{
    --module-page-gutter: 44px;
  }

  .supplier-hero .supplier-container,
  .supplier-reference .supplier-reference-container,
  .supplier-onboarding .onboarding-container,
  .sems-supplier-section .feature-container,
  .panel-features .panel-container,
  .supplier-benefits .benefits-container{
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .supplier-hero .dashboard-wrapper,
  .supplier-reference .reference-visual,
  .supplier-onboarding .onboarding-visual{
    justify-self: center !important;
    margin-inline: auto !important;
    max-width: 780px !important;
  }

  .supplier-hero .advantages{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px){
  :root{
    --module-page-gutter: 22px;
  }

  .supplier-hero{
    padding-top: 34px !important;
    padding-bottom: 44px !important;
  }

  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top: 48px !important;
    padding-bottom: 58px !important;
  }

  .supplier-hero .hero-description p:first-child{
    font-size: 28px !important;
  }

  .supplier-hero .advantages{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* ==========================================================
   V8 — FONCTIONNALITÉS FOURNISSEURS
   Inspiré du rendu E‑Sourcing + cartes colorées plus soignées
   - 3 cartes sur la première ligne
   - 2 cartes sur la seconde
   - la carte "Segmentation fournisseurs" est rétablie
   - gros éléments décoratifs supprimés
   - contenu centré avec de vraies gouttières
   ========================================================== */

/* --- On ne masque QUE les décorations, jamais les cartes métier --- */
.supplier-features .features-decoration,
.supplier-features .features-decoration-left,
.supplier-features .features-dots,
.supplier-features .features-dots-top,
.supplier-features .features-dots-bottom,
.supplier-features .features-orange-shape{
  display:none !important;
}

/* Rétablit explicitement la carte orange et son icône */
.supplier-features .feature-card.feature-orange{
  display:block !important;
}
.supplier-features .feature-icon.icon-orange{
  display:flex !important;
}

/* --- Section / axe central --- */
.supplier-features{
  position:relative !important;
  width:100% !important;
  padding:78px 0 92px !important;
  background:#f5f8fb !important;
  overflow:hidden !important;
}

.supplier-features .features-container{
  width:calc(100% - 192px) !important;
  max-width:1400px !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}

/* --- En-tête --- */
.supplier-features .features-header{
  width:100% !important;
  max-width:none !important;
  margin:0 0 34px !important;
}

.supplier-features .features-label{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 0 18px !important;
  color:#087fc3 !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.supplier-features .features-label-line{
  display:block !important;
  width:38px !important;
  height:4px !important;
  border-radius:999px !important;
  background:#ff7f19 !important;
}

/* --- Grille : 3 + 2 comme le visuel attendu --- */
.supplier-features .features-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.supplier-features .features-grid .feature-card:nth-child(4){
  grid-column:1 !important;
}
.supplier-features .features-grid .feature-card:nth-child(5){
  grid-column:2 !important;
}

/* --- Cartes : design inspiré du 3e exemple, mais plus SEMS --- */
.supplier-features .feature-card{
  --card-accent:#087fc3;
  --card-soft:#e8f4fc;

  position:relative !important;
  display:block !important;
  min-height:230px !important;
  padding:28px 30px 28px !important;
  overflow:hidden !important;

  border:1px solid #d8e5ef !important;
  border-left:4px solid var(--card-accent) !important;
  border-radius:22px !important;
  background:#fff !important;

  box-shadow:0 12px 30px rgba(7,54,82,.055) !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease !important;
}

.supplier-features .feature-card:nth-child(1){
  --card-accent:#087fc3;
  --card-soft:#e5f3fb;
}
.supplier-features .feature-card:nth-child(2){
  --card-accent:#ff7f19;
  --card-soft:#fff0e5;
}
.supplier-features .feature-card:nth-child(3){
  --card-accent:#1596db;
  --card-soft:#e9f6fd;
}
.supplier-features .feature-card:nth-child(4){
  --card-accent:#0ca77b;
  --card-soft:#e5f7f1;
}
.supplier-features .feature-card:nth-child(5){
  --card-accent:#5a45df;
  --card-soft:#efedff;
}

/* Accent discret en bas à gauche, inspiré du visuel de référence */
.supplier-features .feature-card::before{
  content:"" !important;
  position:absolute !important;
  left:-36px !important;
  bottom:-72px !important;
  width:190px !important;
  height:120px !important;
  border-radius:50% !important;
  background:var(--card-soft) !important;
  opacity:.78 !important;
  pointer-events:none !important;
}

.supplier-features .feature-card:hover{
  transform:translateY(-5px) !important;
  border-color:#c8dce9 !important;
  border-left-color:var(--card-accent) !important;
  box-shadow:0 18px 40px rgba(7,54,82,.095) !important;
}

/* Ancien grand rond de coin : rendu beaucoup plus discret */
.supplier-features .feature-corner{
  display:block !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  top:-88px !important;
  right:-72px !important;
  border-radius:50% !important;
  background:var(--card-soft) !important;
  opacity:.48 !important;
}

/* --- Icônes --- */
.supplier-features .feature-icon,
.supplier-features .feature-icon.icon-blue,
.supplier-features .feature-icon.icon-orange,
.supplier-features .feature-icon.icon-green{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:64px !important;
  height:64px !important;
  margin:0 0 20px !important;
  border-radius:18px !important;

  background:var(--card-soft) !important;
  color:var(--card-accent) !important;
}

.supplier-features .feature-icon svg{
  width:31px !important;
  height:31px !important;
  fill:none !important;
  stroke:var(--card-accent) !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* Les icônes qui utilisaient un remplissage gardent leur apparence */
.supplier-features .feature-card:first-child .feature-icon svg path:first-child{
  fill:var(--card-accent) !important;
  stroke:var(--card-accent) !important;
}
.supplier-features .feature-card:first-child .folder-orange{
  fill:#ff7f19 !important;
  stroke:#ff7f19 !important;
}
.supplier-features .feature-card:nth-child(2) .feature-icon svg path{
  fill:var(--card-accent) !important;
  stroke:var(--card-accent) !important;
}
.supplier-features .feature-card:nth-child(2) .icon-hole{
  fill:#fff !important;
  stroke:#fff !important;
}
.supplier-features .feature-card:nth-child(4) .feature-icon svg rect{
  fill:var(--card-accent) !important;
  stroke:var(--card-accent) !important;
}
.supplier-features .feature-card:nth-child(4) .feature-icon svg path{
  stroke:#fff !important;
}

/* --- Typographie des cartes --- */
.supplier-features .feature-card h3{
  position:relative !important;
  z-index:2 !important;
  max-width:calc(100% - 44px) !important;
  margin:0 0 10px !important;

  color:#06395f !important;
  font-size:19px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-.15px !important;
}

.supplier-features .feature-card p{
  position:relative !important;
  z-index:2 !important;
  max-width:88% !important;
  margin:0 !important;

  color:#4d6780 !important;
  font-size:15px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
}

/* --- Flèche --- */
.supplier-features .feature-arrow{
  position:absolute !important;
  right:24px !important;
  bottom:24px !important;
  z-index:3 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:42px !important;
  height:42px !important;
  border-radius:50% !important;

  background:var(--card-soft) !important;
  color:var(--card-accent) !important;
  font-size:21px !important;
  font-weight:600 !important;

  transition:
    transform .2s ease,
    color .2s ease,
    background .2s ease !important;
}

.supplier-features .feature-card:hover .feature-arrow{
  transform:translateX(3px) !important;
  background:var(--card-accent) !important;
  color:#fff !important;
}

/* ===== Responsive ===== */
@media (max-width:1400px){
  .supplier-features .features-container{
    width:calc(100% - 144px) !important;
  }

  .supplier-features .features-grid{
    gap:20px !important;
  }
}

@media (max-width:1100px){
  .supplier-features{
    padding-top:64px !important;
    padding-bottom:76px !important;
  }

  .supplier-features .features-container{
    width:calc(100% - 80px) !important;
  }

  .supplier-features .features-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .supplier-features .features-grid .feature-card:nth-child(4),
  .supplier-features .features-grid .feature-card:nth-child(5){
    grid-column:auto !important;
  }
}

@media (max-width:700px){
  .supplier-features{
    padding-top:46px !important;
    padding-bottom:56px !important;
  }

  .supplier-features .features-container{
    width:calc(100% - 40px) !important;
  }

  .supplier-features .features-header{
    margin-bottom:24px !important;
  }

  .supplier-features .features-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .supplier-features .feature-card{
    min-height:auto !important;
    padding:22px !important;
  }

  .supplier-features .feature-icon,
  .supplier-features .feature-icon.icon-blue,
  .supplier-features .feature-icon.icon-orange,
  .supplier-features .feature-icon.icon-green{
    width:56px !important;
    height:56px !important;
    border-radius:15px !important;
    margin-bottom:16px !important;
  }

  .supplier-features .feature-card h3{
    font-size:18px !important;
  }

  .supplier-features .feature-card p{
    max-width:86% !important;
    font-size:14.5px !important;
  }
}

/* ==========================================================
   V9 — BLOCS DE PAGE SÉPARÉS
   Inspiré de la section "Plateforme" :
   - chaque grande section devient un bloc visuel distinct
   - même fond clair avec motif de points discret
   - espace blanc entre les blocs
   - contenu toujours centré avec grandes gouttières
   ========================================================== */

:root{
  --module-page-max: 1400px;
  --module-page-gutter: 96px;
  --module-block-bg: #f5f8fb;
  --module-block-dot: rgba(7,54,82,.065);
  --module-block-gap: 22px;
}

/* Fond général de la page */
body[data-module-slug="gestion-des-fournisseurs"]{
  background:#fff !important;
}

/* Chaque grande section = bloc indépendant */
.supplier-hero,
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference,
.related-modules-section,
.supplier-cta-section{
  position:relative !important;
  isolation:isolate !important;

  margin-top:var(--module-block-gap) !important;
  margin-bottom:var(--module-block-gap) !important;

  background-color:var(--module-block-bg) !important;
  background-image:
    radial-gradient(circle, var(--module-block-dot) 1.2px, transparent 1.2px) !important;
  background-size:24px 24px !important;

  border-top:1px solid rgba(7,54,82,.035) !important;
  border-bottom:1px solid rgba(7,54,82,.035) !important;

  overflow:hidden !important;
}

/* Le premier bloc ne crée pas un gros vide sous le header */
.supplier-hero{
  margin-top:0 !important;
}

/* Espace vertical plus généreux dans chaque bloc */
.supplier-hero{
  padding-top:72px !important;
  padding-bottom:78px !important;
}

.supplier-features{
  padding-top:78px !important;
  padding-bottom:92px !important;
}

.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  padding-top:82px !important;
  padding-bottom:94px !important;
}

.related-modules-section,
.supplier-cta-section{
  padding-top:72px !important;
  padding-bottom:82px !important;
}

/* Même axe central partout */
.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Suppression définitive des grosses décorations visuelles :
   on garde seulement le fond pointillé commun */
.supplier-features .features-decoration,
.supplier-features .features-decoration-left,
.supplier-features .features-dots,
.supplier-features .features-dots-top,
.supplier-features .features-dots-bottom,
.supplier-features .features-orange-shape,

.supplier-reference .bg-shape-left,
.supplier-reference .bottom-orange-shape,
.supplier-reference .bottom-blue-shape,
.supplier-reference .reference-signature,
.supplier-reference .reference-dots,

.supplier-onboarding .onboarding-left-shape,
.supplier-onboarding .onboarding-bottom-orange,
.supplier-onboarding .onboarding-bottom-blue,
.supplier-onboarding .onboarding-signature,
.supplier-onboarding .onboarding-dots,

.panel-features .panel-bg-shape,
.panel-features .panel-orange-shape,
.panel-features .panel-blue-shape,
.panel-features .panel-cross,
.panel-features .panel-dots,

.supplier-benefits .benefits-shape-left,
.supplier-benefits .benefits-shape-right,
.supplier-benefits .benefits-orange-shape,
.supplier-benefits .benefits-blue-shape,
.supplier-benefits .benefits-cross,
.supplier-benefits .benefits-dots{
  display:none !important;
}

/* Evite qu'anciens pseudo-elements recréent des formes */
.supplier-reference::before,
.supplier-reference::after,
.supplier-onboarding::before,
.supplier-onboarding::after,
.panel-features .panel-feature::before,
.panel-features .panel-feature::after,
.supplier-benefits .benefits-main::before,
.supplier-benefits .benefits-main::after,
.supplier-benefits .benefits-difference::before,
.supplier-benefits .benefits-difference::after{
  content:none !important;
  display:none !important;
}

/* Les cartes ressortent mieux sur le fond commun */
.supplier-features .feature-card,
.supplier-reference .reference-card,
.supplier-onboarding .onboarding-card,
.sems-supplier-section .feature-card,
.panel-features .panel-card,
.supplier-benefits .benefit-card,
.supplier-benefits .difference-card{
  background:#fff !important;
  border:1px solid #d9e5ef !important;
  box-shadow:0 12px 30px rgba(7,54,82,.055) !important;
}

/* Séparation plus nette entre sections successives */
.supplier-features + .supplier-reference,
.supplier-reference + .supplier-onboarding,
.supplier-onboarding + .sems-supplier-section,
.sems-supplier-section + .panel-features,
.panel-features + .supplier-benefits{
  margin-top:var(--module-block-gap) !important;
}

/* Responsive */
@media (max-width:1400px){
  :root{
    --module-page-gutter:72px;
    --module-block-gap:18px;
  }
}

@media (max-width:1100px){
  :root{
    --module-page-gutter:40px;
    --module-block-gap:16px;
  }

  .supplier-hero,
  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top:60px !important;
    padding-bottom:68px !important;
  }
}

@media (max-width:700px){
  :root{
    --module-page-gutter:20px;
    --module-block-gap:12px;
  }

  .supplier-hero,
  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top:44px !important;
    padding-bottom:52px !important;
  }
}

/* ==========================================================
   V10 — RYTHME DE PAGE COMME E-SOURCING
   Corrections demandées :
   - suppression des grands espaces blancs entre sections
   - pas de cadre gris autour de chaque grand bloc
   - alternance simple : blanc / fond pointillé clair
   - contenu toujours centré avec grandes gouttières
   ========================================================== */

:root{
  --module-page-max:1400px;
  --module-page-gutter:96px;
  --module-dot-bg:#f6f9fc;
  --module-dot-color:rgba(7,54,82,.055);
}

/* ==========================================================
   1. SUPPRIMER LES "BLOCS ENCADRÉS"
   ========================================================== */

.supplier-hero,
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference,
.related-modules-section,
.supplier-cta-section{
  margin-top:0 !important;
  margin-bottom:0 !important;

  border-top:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  border-right:0 !important;

  border-radius:0 !important;
  box-shadow:none !important;
}

/* ==========================================================
   2. ALTERNANCE DE FONDS COMME E-SOURCING
   ========================================================== */

/* HERO : fond clair sans motif trop visible */
.supplier-hero{
  background:#f2f8fc !important;
  background-image:none !important;
}

/* Fonctionnalités : blanc */
.supplier-features{
  background:#fff !important;
  background-image:none !important;
}

/* Référentiel : fond pointillé */
.supplier-reference{
  background-color:var(--module-dot-bg) !important;
  background-image:
    radial-gradient(circle,var(--module-dot-color) 1.15px,transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Onboarding : blanc */
.supplier-onboarding{
  background:#fff !important;
  background-image:none !important;
}

/* Bloc suivant : pointillé */
.sems-supplier-section .sems-feature-block{
  background-color:var(--module-dot-bg) !important;
  background-image:
    radial-gradient(circle,var(--module-dot-color) 1.15px,transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Pilotage / panel : blanc */
.panel-features .panel-feature{
  background:#fff !important;
  background-image:none !important;
}

/* Bénéfices principaux : pointillé */
.supplier-benefits .benefits-main{
  background-color:var(--module-dot-bg) !important;
  background-image:
    radial-gradient(circle,var(--module-dot-color) 1.15px,transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Différence / bloc suivant : blanc */
.supplier-benefits .benefits-difference{
  background:#fff !important;
  background-image:none !important;
}

.related-modules-section{
  background-color:var(--module-dot-bg) !important;
  background-image:
    radial-gradient(circle,var(--module-dot-color) 1.15px,transparent 1.15px) !important;
  background-size:22px 22px !important;
}

.supplier-cta-section{
  background:#fff !important;
  background-image:none !important;
}

/* ==========================================================
   3. MOINS D'ESPACE VERTICAL
   ========================================================== */

.supplier-hero{
  padding-top:54px !important;
  padding-bottom:58px !important;
}

.supplier-features{
  padding-top:58px !important;
  padding-bottom:66px !important;
}

.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  padding-top:62px !important;
  padding-bottom:68px !important;
}

.related-modules-section,
.supplier-cta-section{
  padding-top:58px !important;
  padding-bottom:64px !important;
}

/* Supprime les min-height qui peuvent créer les grands vides */
.supplier-hero,
.supplier-features,
.supplier-reference,
.supplier-onboarding,
.sems-supplier-section .sems-feature-block,
.panel-features .panel-feature,
.supplier-benefits .benefits-main,
.supplier-benefits .benefits-difference{
  min-height:0 !important;
  height:auto !important;
}

/* ==========================================================
   4. AXE CENTRAL / GRAND PADDING LATÉRAL
   ========================================================== */

.supplier-hero .supplier-container,
.supplier-features .features-container,
.supplier-reference .supplier-reference-container,
.supplier-onboarding .onboarding-container,
.sems-supplier-section .feature-container,
.panel-features .panel-container,
.supplier-benefits .benefits-container,
.supplier-benefits .difference-container,
.related-modules-section .related-modules-container,
.supplier-cta-section .supplier-cta{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ==========================================================
   5. ENLEVER LES GROS DÉCORS QUI PEUVENT RÉAPPARAÎTRE
   ========================================================== */

.supplier-reference .bg-shape-left,
.supplier-reference .bottom-orange-shape,
.supplier-reference .bottom-blue-shape,
.supplier-reference .reference-signature,

.supplier-onboarding .onboarding-left-shape,
.supplier-onboarding .onboarding-bottom-orange,
.supplier-onboarding .onboarding-bottom-blue,
.supplier-onboarding .onboarding-signature,

.panel-features .panel-bg-shape,
.panel-features .panel-orange-shape,
.panel-features .panel-blue-shape,
.panel-features .panel-cross,
.panel-features .panel-dots,

.supplier-benefits .benefits-shape-left,
.supplier-benefits .benefits-shape-right,
.supplier-benefits .benefits-orange-shape,
.supplier-benefits .benefits-blue-shape,
.supplier-benefits .benefits-cross,
.supplier-benefits .benefits-dots{
  display:none !important;
}

/* ==========================================================
   6. CARTES : garder des cartes, pas encadrer toute la section
   ========================================================== */

.supplier-features .feature-card,
.supplier-reference .reference-card,
.supplier-onboarding .onboarding-card,
.sems-supplier-section .feature-card,
.panel-features .panel-card,
.supplier-benefits .benefit-card,
.supplier-benefits .difference-card{
  background:#fff !important;
  border:1px solid #dbe6ef !important;
  box-shadow:0 10px 26px rgba(7,54,82,.05) !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:1400px){
  :root{
    --module-page-gutter:72px;
  }
}

@media (max-width:1100px){
  :root{
    --module-page-gutter:40px;
  }

  .supplier-hero,
  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top:50px !important;
    padding-bottom:56px !important;
  }
}

@media (max-width:700px){
  :root{
    --module-page-gutter:20px;
  }

  .supplier-hero,
  .supplier-features,
  .supplier-reference,
  .supplier-onboarding,
  .sems-supplier-section .sems-feature-block,
  .panel-features .panel-feature,
  .supplier-benefits .benefits-main,
  .supplier-benefits .benefits-difference{
    padding-top:38px !important;
    padding-bottom:44px !important;
  }
}

/* ==========================================================
   V11 — PANEL FEATURES : CHAQUE SOUS-BLOC SÉPARÉ
   Demande :
   - ne pas regrouper "Recherche", "Création de panels", "Tableaux de bord"
     dans un seul grand bloc
   - chaque sous-section doit avoir son propre fond
   - rythme plus proche de E-Sourcing
   - moins d'espace inutile entre les sous-sections
   ========================================================== */

/* Le parent ne porte plus de fond visuel */
.panel-features{
  background:transparent !important;
  background-image:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

/* Chaque sous-bloc devient une vraie section indépendante */
.panel-features > .panel-feature{
  position:relative !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Alternance simple comme E-Sourcing */
.panel-features > .panel-feature:nth-child(odd){
  background:#fff !important;
  background-image:none !important;
}

.panel-features > .panel-feature:nth-child(even){
  background-color:#f6f9fc !important;
  background-image:
    radial-gradient(circle, rgba(7,54,82,.055) 1.15px, transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Padding plus compact, sans grands vides */
.panel-features > .panel-feature{
  padding-top:60px !important;
  padding-bottom:66px !important;
}

/* Même axe central que le reste de la page */
.panel-features > .panel-feature .panel-container{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Supprime les décors internes qui peuvent recréer un bloc chargé */
.panel-features > .panel-feature .panel-bg-shape,
.panel-features > .panel-feature .panel-orange-shape,
.panel-features > .panel-feature .panel-blue-shape,
.panel-features > .panel-feature .panel-cross,
.panel-features > .panel-feature .panel-dots{
  display:none !important;
}

/* Ligne de séparation subtile entre sous-blocs */
.panel-features > .panel-feature + .panel-feature{
  border-top:1px solid rgba(7,54,82,.06) !important;
}

/* Empêche un min-height trop grand */
.panel-features > .panel-feature,
.panel-features > .panel-feature .panel-container{
  min-height:0 !important;
  height:auto !important;
}

/* Ajustements spécifiques pour éviter le vide visuel */
.panel-features .panel-feature-search{
  padding-bottom:54px !important;
}

.panel-features .panel-feature-lists{
  padding-top:54px !important;
  padding-bottom:58px !important;
}

.panel-features .panel-feature-dashboard{
  padding-top:54px !important;
  padding-bottom:64px !important;
}

/* Responsive */
@media (max-width:1100px){
  .panel-features > .panel-feature{
    padding-top:50px !important;
    padding-bottom:56px !important;
  }

  .panel-features .panel-feature-search,
  .panel-features .panel-feature-lists,
  .panel-features .panel-feature-dashboard{
    padding-top:50px !important;
    padding-bottom:54px !important;
  }
}

@media (max-width:700px){
  .panel-features > .panel-feature{
    padding-top:38px !important;
    padding-bottom:44px !important;
  }

  .panel-features .panel-feature-search,
  .panel-features .panel-feature-lists,
  .panel-features .panel-feature-dashboard{
    padding-top:38px !important;
    padding-bottom:42px !important;
  }
}

/* ==========================================================
   V12 — CONTACTS / CONFORMITÉ : CHAQUE BLOC SÉPARÉ
   Même logique que pour les blocs Panel :
   - "Gestion des contacts fournisseurs" = section indépendante
   - "Conformité et suivi documentaire" = section indépendante
   - pas de fond global commun autour des deux
   - alternance blanc / fond pointillé clair
   - moins de vide vertical
   ========================================================== */

/* Le parent ne doit plus créer un seul grand bloc */
.sems-supplier-section{
  background:transparent !important;
  background-image:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

/* Chaque sous-bloc devient une section visuelle indépendante */
.sems-supplier-section > .sems-feature-block{
  position:relative !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  min-height:0 !important;
  height:auto !important;

  padding-top:60px !important;
  padding-bottom:66px !important;
}

/* 1er bloc : blanc */
.sems-supplier-section > .contacts-block{
  background:#fff !important;
  background-image:none !important;
}

/* 2e bloc : même fond pointillé discret que les autres sections */
.sems-supplier-section > .documents-block{
  background-color:#f6f9fc !important;
  background-image:
    radial-gradient(circle, rgba(7,54,82,.055) 1.15px, transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Séparation très légère, pas de cadre gris */
.sems-supplier-section > .sems-feature-block + .sems-feature-block{
  border-top:1px solid rgba(7,54,82,.055) !important;
}

/* Même axe central que le reste du site */
.sems-supplier-section > .sems-feature-block .feature-container{
  width:calc(100% - (var(--module-page-gutter) * 2)) !important;
  max-width:var(--module-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;

  min-height:0 !important;
  height:auto !important;
}

/* Supprime les gros éléments décoratifs qui donnent l'impression
   que les deux blocs appartiennent à une seule grande composition */
.sems-supplier-section .feature-bg-shape,
.sems-supplier-section .feature-orange-shape,
.sems-supplier-section .feature-blue-shape,
.sems-supplier-section .feature-cross,
.sems-supplier-section .feature-dots,
.sems-supplier-section .contacts-decoration,
.sems-supplier-section .documents-decoration{
  display:none !important;
}

/* Resserre légèrement le premier bloc si son contenu est court */
.sems-supplier-section > .contacts-block{
  padding-top:58px !important;
  padding-bottom:58px !important;
}

/* Conformité : suffisamment d'air mais sans énorme zone vide */
.sems-supplier-section > .documents-block{
  padding-top:58px !important;
  padding-bottom:64px !important;
}

.sems-supplier-section .feature-content p{
  font-size:16px !important;
  line-height:1.68 !important;
}

/* Responsive */
@media (max-width:1100px){
  .sems-supplier-section > .sems-feature-block{
    padding-top:50px !important;
    padding-bottom:54px !important;
  }
}

@media (max-width:700px){
  .sems-supplier-section > .sems-feature-block{
    padding-top:38px !important;
    padding-bottom:44px !important;
  }
}

/* ==========================================================
   V13 — SÉPARATION VISUELLE ONBOARDING / CONTACTS / CONFORMITÉ
   - évite deux sections blanches consécutives
   - chaque bloc devient immédiatement identifiable
   - alternance : onboarding blanc / contacts pointillé / conformité blanc
   - réduit le vide entre onboarding et contacts
   ========================================================== */

/* Onboarding reste blanc et se termine plus près du contenu */
.supplier-onboarding{
  background:#fff !important;
  background-image:none !important;
  padding-bottom:48px !important;
  min-height:0 !important;
  height:auto !important;
}

.supplier-onboarding .onboarding-container{
  align-items:center !important;
  min-height:0 !important;
  height:auto !important;
}

/* Le visuel ne doit pas imposer une hauteur artificielle trop grande */
.supplier-onboarding .onboarding-visual{
  height:350px !important;
  margin-top:0 !important;
  margin-bottom:-18px !important;
  transform:scale(.76) !important;
  transform-origin:center center !important;
}

/* CONTACTS = bloc pointillé indépendant */
.sems-supplier-section > .contacts-block{
  background-color:#f6f9fc !important;
  background-image:
    radial-gradient(circle, rgba(7,54,82,.055) 1.15px, transparent 1.15px) !important;
  background-size:22px 22px !important;

  padding-top:56px !important;
  padding-bottom:60px !important;
}

/* CONFORMITÉ = nouveau bloc blanc indépendant */
.sems-supplier-section > .documents-block{
  background:#fff !important;
  background-image:none !important;

  padding-top:56px !important;
  padding-bottom:62px !important;
}

/* Pas de gros cadre entre les blocs : seulement une séparation très fine */
.sems-supplier-section > .sems-feature-block + .sems-feature-block{
  border-top:1px solid rgba(7,54,82,.055) !important;
}

/* Supprime tout espace externe entre onboarding et contacts */
.supplier-onboarding + .sems-supplier-section{
  margin-top:0 !important;
}

.sems-supplier-section{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Responsive */
@media (max-width:1100px){
  .supplier-onboarding{
    padding-bottom:44px !important;
  }

  .supplier-onboarding .onboarding-visual{
    height:330px !important;
    margin-bottom:-10px !important;
    transform:scale(.72) !important;
  }

  .sems-supplier-section > .contacts-block,
  .sems-supplier-section > .documents-block{
    padding-top:48px !important;
    padding-bottom:52px !important;
  }
}

@media (max-width:700px){
  .supplier-onboarding{
    padding-bottom:36px !important;
  }

  .supplier-onboarding .onboarding-visual{
    height:300px !important;
    margin-bottom:0 !important;
    transform:scale(.66) !important;
  }

  .sems-supplier-section > .contacts-block,
  .sems-supplier-section > .documents-block{
    padding-top:38px !important;
    padding-bottom:44px !important;
  }
}

/* ==========================================================
   V14 — TYPOGRAPHIE HARMONISÉE AVEC LES AUTRES MODULES
   Référence visuelle : Analyse des dépenses / E‑Sourcing
   - titres de sections moins grands
   - titres de cartes plus compacts
   - paragraphes plus petits
   - pills/badges plus équilibrés
   ========================================================== */

/* ===== Labels / sur-titres ===== */
.supplier-features .features-label,
.supplier-reference .reference-label,
.supplier-onboarding .onboarding-label,
.sems-supplier-section .section-label,
.panel-features .panel-label,
.supplier-benefits .benefits-label{
  font-size:13px !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
}

/* ===== Paragraphes d'introduction ===== */
.supplier-features .features-header p,
.supplier-reference .reference-description p,
.supplier-onboarding .onboarding-description p,
.sems-supplier-section .feature-content p,
.panel-features .panel-content p,
.supplier-benefits .benefits-content p,
.supplier-benefits .difference-container > p{
  font-size:14.5px !important;
  line-height:1.62 !important;
}

/* ===== Cartes fonctionnalités ===== */
.supplier-features .feature-card{
  min-height:205px !important;
  padding:24px 26px !important;
}

.supplier-features .feature-icon,
.supplier-features .feature-icon.icon-blue,
.supplier-features .feature-icon.icon-orange,
.supplier-features .feature-icon.icon-green{
  width:54px !important;
  height:54px !important;
  border-radius:15px !important;
  margin-bottom:16px !important;
}

.supplier-features .feature-icon svg{
  width:26px !important;
  height:26px !important;
}

.supplier-features .feature-card h3{
  font-size:16.5px !important;
  line-height:1.3 !important;
  margin-bottom:8px !important;
}

.supplier-features .feature-card p{
  max-width:90% !important;
  font-size:13.5px !important;
  line-height:1.58 !important;
}

.supplier-features .feature-arrow{
  width:38px !important;
  height:38px !important;
  right:22px !important;
  bottom:22px !important;
  font-size:18px !important;
}

/* ===== Cartes et contenus des autres sections ===== */
.panel-features .panel-card h3,
.supplier-benefits .benefit-card h3,
.supplier-benefits .difference-card h3,
.sems-supplier-section .feature-card h3{
  font-size:16px !important;
  line-height:1.32 !important;
}

.panel-features .panel-card p,
.supplier-benefits .benefit-card p,
.supplier-benefits .difference-card p,
.sems-supplier-section .feature-card p{
  font-size:13.5px !important;
  line-height:1.58 !important;
}

/* ===== Pills / éléments arrondis ===== */
.supplier-reference .reference-pill,
.supplier-onboarding .onboarding-pill,
.sems-supplier-section .feature-pill,
.panel-features .panel-pill,
.supplier-benefits .benefits-pill{
  min-height:42px !important;
  padding:8px 15px !important;
  font-size:13px !important;
  line-height:1.3 !important;
}

/* ===== Hero : on garde une présence forte, mais moins surdimensionnée ===== */
.supplier-hero .hero-description p:first-child{
  font-size:clamp(25px,1.95vw,34px) !important;
  line-height:1.2 !important;
  letter-spacing:-.45px !important;
}

.supplier-hero .hero-description p:not(:first-child){
  font-size:14.5px !important;
  line-height:1.64 !important;
}

.supplier-hero .advantage span{
  font-size:12px !important;
}

/* ===== Responsive ===== */
@media (max-width:1100px){
}

@media (max-width:700px){

  .supplier-features .feature-card h3{
    font-size:16px !important;
  }

  .supplier-features .feature-card p{
    font-size:13.5px !important;
  }

  .supplier-hero .hero-description p:first-child{
    font-size:26px !important;
  }
}


/* ==========================================================
   V17 — SÉPARATION RENFORCÉE ENTRE
   "CONFORMITÉ ET SUIVI DOCUMENTAIRE" ET
   "RECHERCHE MULTICRITÈRE DU PANEL"
   ========================================================== */
.sems-supplier-section + .panel-features{
  margin-top:72px !important;
}

@media (max-width:1200px){
  .sems-supplier-section + .panel-features{
    margin-top:56px !important;
  }
}

@media (max-width:700px){
  .sems-supplier-section + .panel-features{
    margin-top:40px !important;
  }
}

/* ==========================================================
   V18 — SÉPARATION RÉELLE : CONFORMITÉ / RECHERCHE AVANCÉE
   - chaque contenu est un bandeau indépendant
   - alternance de fond visible
   - suppression du grand vide artificiel
   - suppression des décorations de bas qui débordaient
   ========================================================== */

/* Le parent CONTACTS/CONFORMITÉ ne porte aucun fond global */
.sems-supplier-section{
  background:transparent !important;
  background-image:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* CONFORMITÉ : bandeau blanc indépendant */
.sems-supplier-section > .documents-block{
  position:relative !important;
  margin:0 !important;
  padding-top:50px !important;
  padding-bottom:48px !important;
  background:#fff !important;
  background-image:none !important;
  border:0 !important;
  min-height:0 !important;
  height:auto !important;
}

/* Supprime les décorations qui donnent l'impression
   que le bloc continue dans la section suivante */
.sems-supplier-section > .documents-block .bottom-blue-decoration,
.sems-supplier-section > .documents-block .bottom-orange-decoration,
.sems-supplier-section > .documents-block .decor-shape,
.sems-supplier-section > .documents-block .dots-pattern{
  display:none !important;
}

/* Le parent PANEL ne doit pas former un seul grand bloc */
.panel-features{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
}

/* RECHERCHE AVANCÉE : nouveau bandeau pointillé indépendant */
.panel-features > .panel-feature-search{
  position:relative !important;
  margin:0 !important;
  padding-top:54px !important;
  padding-bottom:58px !important;

  background-color:#f6f9fc !important;
  background-image:
    radial-gradient(circle, rgba(7,54,82,.055) 1.15px, transparent 1.15px) !important;
  background-size:22px 22px !important;

  border-top:1px solid rgba(7,54,82,.055) !important;
  border-bottom:1px solid rgba(7,54,82,.055) !important;
  min-height:0 !important;
  height:auto !important;
}

/* Suppression du gros espace ajouté précédemment */
.sems-supplier-section + .panel-features{
  margin-top:0 !important;
}

/* Les visuels ne doivent pas imposer une hauteur excessive */
.sems-supplier-section .documents-block .document-visual{
  height:280px !important;
  margin-top:0 !important;
  margin-bottom:-20px !important;
  transform:scale(.76) !important;
  transform-origin:center center !important;
}

.panel-features .panel-feature-search .panel-container{
  min-height:0 !important;
  height:auto !important;
}

/* Les deux autres sous-sections du panel restent elles aussi indépendantes */
.panel-features > .panel-feature-lists{
  background:#fff !important;
  background-image:none !important;
  border-top:0 !important;
}

.panel-features > .panel-feature-dashboard{
  background-color:#f6f9fc !important;
  background-image:
    radial-gradient(circle, rgba(7,54,82,.055) 1.15px, transparent 1.15px) !important;
  background-size:22px 22px !important;
}

/* Responsive */
@media (max-width:1100px){
  .sems-supplier-section > .documents-block{
    padding-top:44px !important;
    padding-bottom:42px !important;
  }

  .panel-features > .panel-feature-search{
    padding-top:46px !important;
    padding-bottom:50px !important;
  }
}

@media (max-width:700px){
  .sems-supplier-section > .documents-block{
    padding-top:36px !important;
    padding-bottom:38px !important;
  }

  .panel-features > .panel-feature-search{
    padding-top:38px !important;
    padding-bottom:42px !important;
  }

  .sems-supplier-section .documents-block .document-visual{
    height:250px !important;
    margin-bottom:-10px !important;
    transform:scale(.68) !important;
  }
}


/* ==========================================================
   V19 — SECTION "DEMANDE DE CONTACT" (formulaire nom / prenom /
   entreprise / services multi-select) - ajout du 23/09/2026
   ========================================================== */
.supplier-request-section{
  position:relative;
  padding:64px 5% 74px;
  background:#fff;
}
.supplier-request-container{
  max-width:1530px;
  margin:0 auto;
}
.supplier-request-header{
  max-width:680px;
  margin:0 0 30px;
}
.supplier-request-intro{
  margin:14px 0 0;
  color:#456783;
  font-size:15px;
  line-height:1.65;
}
.supplier-request-form{
  max-width:780px;
  background:#f8fcff;
  border:1px solid #dfebf3;
  border-radius:20px;
  padding:38px 42px;
}
.supplier-request-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.supplier-request-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:22px;
}
.supplier-request-field label{
  font-size:13px;
  font-weight:700;
  color:#073652;
}
.supplier-request-field input,
.supplier-request-field select{
  border:1px solid #dfebf3;
  border-radius:10px;
  padding:12px 14px;
  font-size:14px;
  font-family:inherit;
  color:#073652;
  background:#fff;
  width:100%;
  box-sizing:border-box;
}
.supplier-request-field input:focus,
.supplier-request-field select:focus{
  outline:0;
  border-color:#1078B8;
  box-shadow:0 0 0 3px rgba(16,120,184,.14);
}
.supplier-request-field select[multiple]{
  min-height:230px;
}
.supplier-request-hint{
  display:block;
  margin-top:7px;
  font-size:12px;
  color:#8b93a7;
}
.supplier-request-actions{
  margin-top:6px;
  text-align:center;
}
.supplier-request-success{
  margin:20px 0 0;
  padding:14px 18px;
  border-radius:12px;
  background:rgba(32,189,115,.1);
  color:#0C9B68;
  font-size:14px;
  font-weight:600;
  text-align:center;
}
.supplier-request-success[hidden]{
  display:none;
}

@media (max-width:700px){
  .supplier-request-row{
    grid-template-columns:1fr;
  }
  .supplier-request-form{
    padding:28px 22px;
  }
}

/* Correction bouton "Envoyer ma demande" (la classe .cta-btn-primary est scopee a .supplier-cta-section) */
.supplier-request-section .cta-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:40px;text-decoration:none;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.supplier-request-section .cta-btn-primary{min-width:180px;color:#fff;background:linear-gradient(135deg,#0aa4ef,#0887d5);box-shadow:0 8px 18px rgba(3,43,78,.18)}
.supplier-request-section .cta-btn-primary span{margin-left:12px;font-size:17px}
.supplier-request-section .cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(1,38,67,.3)}