/* GestaPro : copie du site Update IT recolorée aux couleurs du logo Gesta Pro (dégradés G chaud / P froid). */
:root{--ink:#0b1044;--text:#535973;--pink:#f61a74;--pink-text:#c8105c;--orange:#fe5c4a;--paper:#f8f9fc;--line:#e6e8f0;--gradient:linear-gradient(115deg,#f61a74,#fe5c4a);--radius:24px;--max:1240px;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.65}body:has(.admin-shell){background:var(--paper)}html[lang=ar]{--font:Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}img{max-width:100%;height:auto;display:block}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none;color:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #c8105c;outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5.1vw,72px);line-height:1.07;letter-spacing:-3.8px;font-weight:750}h2{font-size:clamp(32px,3.3vw,46px);line-height:1.15;letter-spacing:-1.8px}h3{font-size:22px;line-height:1.3;letter-spacing:-.5px}p{color:var(--text)}.container{max-width:var(--max);margin:auto;width:calc(100% - 64px)}.section{padding:100px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--pink-text);margin-bottom:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2{max-width:650px}.section-head p{max-width:580px;margin-top:20px}.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:700;font-size:14px}.text-link:hover{color:var(--pink-text)}.text-link .icon{width:18px}.btn{padding:14px 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;line-height:1.6;min-height:48px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0b10441a}.btn-primary{background:var(--ink);color:white}.btn-gradient{background:linear-gradient(115deg,#c70867,#c74619);color:#fff}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-light{background:#fff;color:var(--ink)}.btn .icon{width:18px;height:18px}.muted{color:var(--text)}.small{font-size:12px}.accent{color:var(--pink-text)}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:100;padding:12px}.skip:focus{top:10px}.site-header{height:96px;border-bottom:1px solid #f0f1f6;background:#fffffff5;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{width:174px;flex-shrink:0}.brand img{width:100%;height:49px;object-fit:contain}.site-nav{display:flex;gap:26px;margin-inline-start:auto;align-items:center;font-size:13px;font-weight:700}.site-nav a{position:relative;padding:6px 0}.site-nav a.active:after{content:'';height:3px;width:18px;background:var(--gradient);position:absolute;bottom:-10px;inset-inline-start:0;border-radius:9px}.header-actions{display:flex;align-items:center;gap:18px}.languages{display:flex;gap:3px;align-items:center}.languages a{font-size:11px;padding:5px;border-radius:5px;font-weight:700}.languages a.active{background:#fcebf3;color:var(--pink-text)}.menu-toggle{display:none;padding:10px;border:1px solid var(--line);border-radius:8px}.header-actions .btn{font-size:12px;padding:11px 16px;min-height:42px}.hero{padding:60px 0 26px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:50px;align-items:center;min-height:500px}.hero-copy{padding:10px 0 20px}.hero h1 span{display:block}.hero h1 .accent{background:linear-gradient(115deg,#c8105c,#c74619);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:10px}.hero-desc{font-size:17px;line-height:1.8;margin-top:24px;max-width:490px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.hero-actions .text-link{font-size:13px}.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:34px;font-size:12px;color:var(--text)}.hero-footnote:before{content:'';width:28px;height:2px;background:var(--gradient)}.hero-art{position:relative;min-height:490px;display:flex;align-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:3% -22% 3% 14%;border-radius:220px 0 0 90px;background:var(--gradient);z-index:-2;transform:rotate(-6deg)}.hero-art:after{content:'';position:absolute;inset:7% -19% -1% 10%;border-radius:220px 0 0 90px;border:1px solid #f61a7440;z-index:-3;transform:rotate(5deg)}.hero-photo{width:100%;height:405px;object-fit:cover;border-radius:90px 18px 100px 18px;box-shadow:0 20px 55px #0b104415}.floating-tag{position:absolute;bottom:25px;left:0;background:white;border:1px solid #f0edf1;border-radius:14px;padding:15px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 12px 35px #0b104412;font-size:12px}.floating-tag strong{display:block;font-size:13px}.floating-tag .tag-symbol{width:34px}.floating-code{position:absolute;top:9px;right:10px;background:var(--ink);color:white;border:6px solid white;border-radius:16px;padding:18px}.floating-code .icon{width:33px;height:33px}.slide-controls{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px;margin-top:42px;gap:24px}.slide-tabs{display:flex;gap:32px;flex:1}.slide-tab{font-size:12px;font-weight:700;padding:8px 0;display:flex;align-items:center;gap:12px;color:var(--text);border-bottom:2px solid transparent}.slide-tab small{font-size:10px;color:#8d91a7}.slide-tab.active{border-color:var(--pink);color:var(--ink)}.round{border:1px solid var(--line);border-radius:50%;width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.round .icon{width:17px;height:17px}.controls-arrows{display:flex;gap:8px}.strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;color:var(--text);font-size:11px;font-weight:700;letter-spacing:1px}.strip span:before{content:'+';margin-inline-end:14px;color:var(--pink);font-size:16px}.soft{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:30px 28px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#f61a7470}.service-card .iconbox{background:#fff0f6;color:var(--pink-text);width:47px;height:47px;border-radius:12px;display:grid;place-items:center;margin-bottom:25px}.service-card:nth-child(3n+2) .iconbox{background:#fff1e8;color:#b54214}.service-card:nth-child(3n+3) .iconbox{background:#eaf3ff;color:#4b2fd6}.service-card h3{font-size:21px;margin-bottom:12px}.service-card p{font-size:14px;line-height:1.75;margin-bottom:26px}.service-card .text-link{margin-top:auto;font-size:12px;justify-content:space-between}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.split h2{margin-bottom:24px}.split p{font-size:15px;line-height:1.9}.checks{list-style:none;padding:0;margin:24px 0 28px}.checks li{display:flex;align-items:start;gap:12px;font-size:14px;margin:14px 0}.checks .icon{width:18px;height:18px;color:var(--pink-text);margin-top:4px}.workspace-wrap{background:#f8eff4;border-radius:30px;padding:34px 0 34px 30px;position:relative;min-width:0}.workspace{background:white;border:1px solid #e7e4ec;border-radius:13px;box-shadow:0 24px 60px #31234e12;overflow:hidden;font-size:11px;transform:rotate(-2deg);min-width:0}.workspace-top{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.dots{display:flex;gap:4px;margin-inline-end:10px}.dots i{width:5px;height:5px;background:#d8dae6;border-radius:50%}.workspace-main{display:grid;grid-template-columns:110px 1fr;min-height:265px}.workspace-nav{border-inline-end:1px solid var(--line);padding:24px 10px;background:#fbfbfd}.workspace-nav span{display:block;font-size:9px;padding:8px 4px}.workspace-nav span:first-child{background:#fcebf3;color:var(--pink-text);border-radius:5px}.workspace-content{padding:20px 18px}.workspace-content h3{font-size:16px;margin-bottom:8px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.mock-stat{border:1px solid var(--line);padding:10px 8px;border-radius:7px;font-size:9px}.mock-stat .icon{width:17px;height:17px;color:var(--pink-text);margin-bottom:5px}.mock-progress{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f1f5}.mock-progress span{font-size:9px;min-width:70px}.mock-progress i{height:5px;border-radius:5px;background:var(--gradient);display:block}.mock-footer{background:var(--ink);color:white;margin-top:19px;border-radius:7px;padding:13px;line-height:1.5}.mock-caption{font-size:10px;color:var(--text);padding:12px 15px 0;text-align:end}.tax-banner{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:30px 35px;border:1px solid #efdee6;background:linear-gradient(110deg,#fff3f8,#fffaf5);border-radius:16px;margin-top:50px}.tax-banner p{font-size:13px;max-width:680px;margin-top:5px}.tax-banner h3{font-size:20px}.tax-banner>.icon{color:var(--pink-text);width:34px;height:34px}.tax-banner .text-link{font-size:12px;max-width:180px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:25px}.step-num{font-size:13px;color:var(--pink-text);font-weight:800;margin-bottom:25px;display:block}.step h3{margin-bottom:13px}.step p{font-size:14px}.about-photo{border-radius:20px;width:100%;height:410px;object-fit:cover}.caption{font-size:10px;margin-top:8px;color:#6b7187}.value-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.value-tags span{font-size:11px;border:1px solid var(--line);border-radius:50px;padding:6px 12px;color:var(--text)}.faq-layout{display:grid;grid-template-columns:.7fr 1fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary:after{content:'+';font-size:22px;color:var(--pink-text)}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;margin-top:15px}.cta-band{border-radius:28px;background:var(--ink);color:white;padding:52px 60px;display:flex;align-items:center;gap:50px;justify-content:space-between;position:relative;overflow:hidden}.cta-band:before{content:'';position:absolute;width:350px;height:350px;background:var(--gradient);border-radius:50%;right:-180px;top:-150px;opacity:.8}.cta-band h2{font-size:36px;max-width:650px}.cta-band p{color:#d6d7e7;margin-top:15px;font-size:14px}.cta-band .btn{position:relative;flex-shrink:0}.site-footer{padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:12px;letter-spacing:.7px;margin-bottom:20px}.footer-logo{width:155px;margin-bottom:18px}.footer-tag{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--ink)}.footer-desc{font-size:12px;max-width:270px}.footer-links a{display:block;font-size:12px;margin-bottom:12px;color:var(--text)}.footer-links a:hover{color:var(--pink-text)}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--text)}.demo-foot{font-size:10px;color:#74798e;margin-top:14px}.page-hero{padding:65px 0 60px;background:linear-gradient(120deg,#fff,#fff5f8)}.page-hero h1{max-width:850px;font-size:56px}.page-hero p{max-width:680px;margin-top:22px;font-size:17px}.page-hero .text-link{margin-bottom:30px}.filter-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);padding:8px 17px;border-radius:30px;font-size:12px;background:#fff}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}input,textarea,select{background:#fff;color:var(--ink);border:1px solid #daddE8;border-radius:8px;padding:12px 14px;width:100%;font-size:14px;min-width:0}textarea{resize:vertical;min-height:140px}.search-input{max-width:280px}.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:75px;align-items:start}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.deliverable{padding:25px;background:var(--paper);border-radius:14px}.deliverable span{color:var(--pink-text);font-size:12px;display:block;margin-bottom:15px}.deliverable h3{font-size:18px}.detail-side{padding:32px;background:var(--ink);border-radius:20px;color:white;position:sticky;top:125px}.detail-side p{color:#d3d6e5;font-size:14px;margin:18px 0}.detail-side .btn{width:100%}.notice{font-size:12px;line-height:1.8;background:#fff6e8;padding:18px;border-radius:10px;border:1px solid #f3dfbd;margin-top:28px;color:#715525}.contact-grid{display:grid;grid-template-columns:.7fr 1fr;gap:80px;align-items:start}.contact-aside h2{font-size:34px}.contact-aside ol{padding:0;list-style:none;counter-reset:steps;margin:35px 0}.contact-aside li{counter-increment:steps;display:flex;gap:15px;align-items:center;margin:24px 0;font-size:14px}.contact-aside li:before{content:'0' counter(steps);color:var(--pink-text);font-size:12px;border:1px solid #f0dae6;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.contact-aside .contact-hint{font-size:12px;color:var(--text);border-top:1px solid var(--line);padding-top:25px}.form{padding:35px;border:1px solid var(--line);border-radius:20px;background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.form-grid .field{margin-bottom:0}label{font-size:12px;font-weight:700}.field.full{grid-column:1/-1}.consent{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:400;margin:22px 0}.consent input{width:16px;flex:0 0 16px;height:16px;margin-top:4px;accent-color:var(--pink-text)}.form-note{font-size:11px;margin:15px 0 0}.form-status{font-size:13px;margin-top:20px;border-radius:8px}.form-status:not(:empty){padding:15px;background:#edf5f0;color:#24553d}.form-status.error{background:#fff0f2;color:#9f1e40}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.narrow{max-width:850px}.legal-copy p{margin-top:24px}.hero-art .workspace-wrap{width:100%;padding:30px 14px 30px 20px;background:#fff2f5cc}.shield-scene{width:100%;min-height:400px;display:grid;place-items:center;position:relative;background:#fff5f8;border-radius:90px 18px 100px 18px;overflow:hidden}.shield-orbit{width:290px;height:290px;border:1px dashed #e7bccf;border-radius:50%;display:grid;place-items:center;position:relative}.shield-core{width:150px;height:170px;background:var(--ink);color:white;clip-path:polygon(50% 0,100% 18%,95% 70%,50% 100%,5% 70%,0 18%);display:grid;place-items:center}.shield-core .icon{width:65px;height:65px}.orbit-node{position:absolute;border:1px solid #f2dce7;padding:17px;background:#fff;border-radius:16px;box-shadow:0 10px 20px #0b104409;color:var(--pink-text)}.orbit-node:nth-child(2){top:0;left:8px}.orbit-node:nth-child(3){top:30px;right:-10px}.orbit-node:nth-child(4){bottom:-10px;left:110px}.brand-showcase{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:60px;margin-top:40px}.brand-showcase img{width:420px;margin:0 auto 40px}.swatches{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.swatch{padding:14px 22px;border-radius:10px;font-size:11px;font-weight:700;color:white}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{background:var(--ink);color:white;padding:36px 24px;position:sticky;top:0;height:100vh}.admin-logo{width:166px;margin-bottom:48px}.admin-sidebar nav{display:flex;flex-direction:column;gap:10px}.admin-sidebar nav a{padding:12px 14px;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:12px;color:#c9cce0}.admin-sidebar nav a.active{background:#ffffff16;color:white}.admin-sidebar nav a.active .icon{color:#ff93bc}.admin-sidebar .admin-return{display:block;margin-top:60px;color:#d0d2e5;font-size:12px}.admin-main{padding:32px 44px;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.admin-topbar .btn{font-size:11px;min-height:38px;padding:8px 14px}.admin-heading h1{font-size:35px;letter-spacing:-1px}.admin-heading p{font-size:12px;margin-top:10px}.admin-warning{margin:24px 0;background:#fff1de;color:#795525;border:1px solid #efddbd;padding:12px 18px;border-radius:8px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stat{border:1px solid var(--line);border-radius:13px;background:white;padding:24px}.stat strong{font-size:32px;display:block}.stat span{font-size:12px;color:var(--text)}.panel{border:1px solid var(--line);border-radius:16px;background:white;padding:28px;margin:22px 0}.panel h2{font-size:22px;letter-spacing:-.5px;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:start;padding:16px 10px;border-bottom:1px solid var(--line)}th{color:var(--text);font-size:11px;font-weight:700}td small{display:block;color:var(--text)}.status{padding:5px 10px;border-radius:30px;background:#fff0f6;color:var(--pink-text);font-size:10px;white-space:nowrap}.status.s1{background:#eef0ff;color:#454f91}.status.s2{background:#edf7f1;color:#245a3e}.table-btn{font-size:11px;padding:7px 11px;border:1px solid var(--line);border-radius:6px}.admin-tools{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.admin-tools input,.admin-tools select{max-width:260px}.admin-form{max-width:760px}.admin-form textarea{min-height:110px}.slide-edit{display:flex;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.slide-edit strong{flex:1;font-size:14px}.slide-edit label{display:flex;align-items:center;gap:8px}.slide-edit input{width:16px}.requirements{list-style:none;padding:0}.requirements li{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:14px;align-items:center;font-size:14px}.requirements .icon{color:var(--pink-text)}.dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:500px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 30px 100px #0b104440}.dialog::backdrop{background:#0b104477}.dialog h2{font-size:24px;margin:20px 0}.dialog p{font-size:14px;margin-bottom:25px}.dialog .dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog .field{margin-bottom:25px}.empty{padding:35px;color:var(--text);text-align:center}.reveal{animation:fadein .5s ease both}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .hero-art:before{inset:3% 14% 3% -22%;border-radius:0 220px 90px 0}[dir=rtl] .hero-art:after{inset:7% 10% -1% -19%;border-radius:0 220px 90px 0}[dir=rtl] .text-link .icon.arrow,[dir=rtl] .btn .icon.arrow{transform:scaleX(-1)}[dir=rtl] .hero h1{font-size:60px}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand img,[dir=rtl] .footer-logo,[dir=rtl] .admin-logo{direction:ltr}[dir=rtl] .floating-tag{left:auto;right:0}
@media(min-width:1550px){.hero{padding-top:80px}.hero-grid{gap:70px}.hero-art{min-height:525px}.hero-photo{height:440px}}
@media(max-width:1150px){.site-nav{gap:16px}.header-inner{gap:20px}.header-actions>.btn{display:none}.hero-grid{gap:30px}h1{font-size:58px}.hero-art{min-height:440px}.hero-photo{height:370px}.split{gap:45px}.hero-actions{gap:16px}.admin-main{padding:28px}.admin-shell{grid-template-columns:210px 1fr}.admin-sidebar{padding:30px 18px}.admin-logo{width:155px}.tax-banner{grid-template-columns:auto 1fr}.tax-banner .text-link{grid-column:2;max-width:unset}.section{padding:80px 0}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.site-header{height:78px}.header-inner{justify-content:space-between;gap:15px}.brand{width:155px}.menu-toggle{display:flex}.header-actions{margin-inline-start:auto;gap:10px}.site-nav{display:none;position:absolute;inset:78px 0 auto;background:white;border-bottom:1px solid var(--line);padding:25px;margin:0;box-shadow:0 20px 30px #0b104410}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.site-nav a{padding:10px}.site-nav a.active:after{bottom:6px;inset-inline-start:10px}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:650px}.hero-art{min-height:440px;max-width:620px;width:100%;margin:auto}.hero-photo{height:390px}.hero-desc{max-width:580px}h1{font-size:62px}.hero h1 span{display:inline}.hero h1 span+span:before{content:' '}.slide-tabs{gap:18px}.slide-tab{font-size:10px;gap:6px}.slide-controls{gap:12px;margin-top:28px}.strip{gap:12px;font-size:9px;flex-wrap:wrap}.cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column;gap:20px}.split{grid-template-columns:1fr;gap:45px}.workspace-wrap{max-width:650px;width:100%;margin:auto}.steps{grid-template-columns:1fr 1fr;gap:35px}.faq-layout{grid-template-columns:1fr;gap:30px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:35px}.cta-band{padding:40px;flex-direction:column;align-items:start;gap:30px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-aside{max-width:650px}.contact-aside ol{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.contact-aside li{margin:0;font-size:12px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-side{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;padding:20px}.admin-logo{margin-bottom:20px;width:145px}.admin-sidebar nav{flex-direction:row;overflow:auto;gap:8px}.admin-sidebar nav a{white-space:nowrap;padding:10px}.admin-sidebar nav a .icon{width:18px;height:18px}.admin-sidebar .admin-return{margin-top:20px}.admin-heading h1{font-size:30px}.stats{gap:10px}.stat{padding:18px}.stat strong{font-size:26px}.page-hero h1{font-size:48px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}body{font-size:15px}.brand{width:132px}.header-actions{gap:7px}.languages a{font-size:10px;padding:4px}.menu-toggle{padding:7px}.menu-toggle .icon{width:20px}.hero{padding-top:24px}.hero-grid{gap:22px}.hero-copy{padding-top:10px}h1{font-size:43px;letter-spacing:-2px}.hero h1 span{display:block}.hero h1 span+span:before{content:none}[dir=rtl] .hero h1{font-size:42px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.hero-desc{font-size:14px;line-height:1.8;margin-top:18px}.hero-actions{margin-top:24px;gap:20px}.hero-actions .btn{font-size:12px;padding:12px 16px}.hero-actions .text-link{font-size:12px}.hero-footnote{font-size:11px;margin-top:24px}.hero-art{min-height:320px}.hero-photo{height:285px;border-radius:60px 12px 70px 12px}.floating-tag{bottom:2px;padding:11px 13px;font-size:10px;border-radius:10px;max-width:90%}.floating-tag strong{font-size:10px}.floating-tag .tag-symbol{width:27px}.floating-code{top:0;right:4px;padding:10px;border-width:4px;border-radius:12px}.floating-code .icon{width:23px;height:23px}.slide-controls{align-items:start;gap:8px;margin-top:22px;padding-bottom:20px;flex-wrap:wrap}.slide-tabs{gap:8px;justify-content:space-between;width:100%;flex:none}.slide-tab{font-size:9px;gap:5px}.controls-arrows{margin-inline-start:auto;margin-top:10px}.round{width:34px;height:34px}.strip{font-size:9px;justify-content:start;gap:8px 25px;padding:15px 0}.strip span:before{margin-inline-end:7px}.section{padding:58px 0}h2{font-size:32px;letter-spacing:-1.2px}.section-head{margin-bottom:28px}.section-head p{font-size:14px}.cards{grid-template-columns:1fr;gap:14px}.service-card{padding:25px}.service-card h3{font-size:21px}.service-card .iconbox{margin-bottom:20px}.steps{gap:25px 20px}.step h3{font-size:19px}.step p{font-size:12px}.step-num{margin-bottom:18px}.split{gap:32px}.workspace-wrap{padding:24px 0 24px 14px}.workspace-main{grid-template-columns:76px 1fr;min-height:225px}.workspace-nav{padding:14px 6px}.workspace-nav span{font-size:7px}.workspace-content{padding:16px 12px}.workspace-content h3{font-size:13px}.mock-stats{gap:4px}.mock-stat{font-size:7px;padding:7px 4px}.mock-stat .icon{width:14px;height:14px}.mock-progress span{font-size:8px;min-width:60px}.mock-footer{font-size:9px;padding:10px}.workspace-top{font-size:9px;padding:12px}.tax-banner{padding:22px;gap:16px}.tax-banner h3{font-size:17px}.tax-banner p{font-size:12px}.tax-banner>.icon{width:24px}.tax-banner .text-link{font-size:11px}.about-photo{height:280px}.faq-layout{gap:24px}.faq summary{font-size:14px}.faq p{font-size:13px}.cta-band{padding:32px 25px;border-radius:20px}.cta-band h2{font-size:28px}.cta-band p{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px;font-size:10px}.site-footer{padding-top:50px}.footer-links a{font-size:11px}.page-hero{padding:42px 0}.page-hero h1{font-size:38px}.page-hero p{font-size:14px}.filter-row{gap:20px}.filters{gap:6px}.filter{padding:7px 12px;font-size:11px}.search-input{max-width:100%}.deliverables{grid-template-columns:1fr;gap:14px}.deliverable{padding:22px}.contact-aside h2{font-size:30px}.contact-aside ol{flex-direction:column;gap:16px}.form{padding:23px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid .field{grid-column:1}.form .btn{width:100%}.contact-grid{gap:32px}.admin-main{padding:22px 18px}.admin-topbar{gap:10px}.admin-heading h1{font-size:28px}.stats{grid-template-columns:1fr 1fr}.panel{padding:20px}.panel h2{font-size:20px}.slide-edit{flex-wrap:wrap;gap:10px}.slide-edit strong{flex:1 0 75%}.slide-edit label{font-size:11px}.slide-edit .round{width:30px;height:30px}.admin-sidebar nav a{font-size:11px}.admin-warning{font-size:11px}.brand-showcase{padding:30px 20px}.swatch{font-size:9px;padding:10px}.shield-scene{min-height:285px}.shield-orbit{width:220px;height:220px}.shield-core{width:120px;height:140px}.orbit-node{padding:12px}.orbit-node:nth-child(4){left:90px}.requirements li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Digital Studio — maquette sélectionnée */
:root{--pink:#f61a74;--pink-text:#c8105c;--gradient:linear-gradient(110deg,#f61a74,#fe5c4a);--max:1320px}
.btn-primary{background:var(--gradient)}.brand{width:190px}.brand img{height:70px}.site-header{height:98px}.site-nav a.active{color:#d50070}.site-nav a.active:after{width:100%;height:2px}.studio-hero{padding:22px 0 20px;background:linear-gradient(110deg,#f4faff 0%,#fff 48%,#fff0f5);position:relative}.studio-hero .hero-grid{grid-template-columns:43% 57%;gap:0;min-height:350px}.studio-hero .hero-copy{position:relative;z-index:2;padding:8px 0}.studio-hero h1{font-size:clamp(36px,4vw,58px);font-weight:800;letter-spacing:-2.8px;line-height:1.02}.studio-hero h1 .accent{background-image:var(--gradient);padding-bottom:8px}.studio-hero .eyebrow{margin-bottom:12px}.studio-hero .hero-desc{margin-top:8px;line-height:1.55;font-size:15px;max-width:540px}.studio-hero .hero-actions{gap:12px;margin-top:16px;flex-wrap:nowrap}.studio-hero .btn{padding:12px 18px;font-size:13px}.studio-hero .hero-art{min-height:350px;height:350px;margin-inline-start:0;position:relative}.studio-hero .hero-art:before,.studio-hero .hero-art:after{display:none}.studio-visual{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:18px}.hero-badges{position:absolute;inset-inline-end:0;top:15px;display:grid;gap:12px}.hero-badges span{display:flex;align-items:center;gap:9px;background:#fffffff2;padding:12px;border-radius:12px;box-shadow:0 4px 20px #1414430a;font-size:12px;font-weight:700}.hero-badges .icon{color:#f61a74}.hero-badges span:nth-child(2) .icon{color:#fe5c4a}.hero-badges span:nth-child(3) .icon{color:#6934ed}.studio-hero .slide-controls{margin-top:0;padding:10px 0 0;border:0;max-width:560px}.studio-hero .slide-tabs{gap:24px}.studio-hero .controls-arrows{gap:4px}.studio-hero .round{width:28px;height:28px}.studio-hero .slide-tab{font-size:11px;gap:8px}.studio-solutions{padding:24px 0 16px;border-radius:38px 38px 0 0;background:white;position:relative}.studio-solutions .section-head{margin-bottom:16px;gap:20px}.studio-solutions .eyebrow{margin:0 0 5px}.studio-solutions h2{font-size:29px;letter-spacing:-1.1px}.compact-cards{gap:10px}.compact-cards .service-card{display:grid;grid-template-columns:64px 1fr;gap:3px 16px;border-radius:10px;padding:16px;position:relative}.compact-cards .iconbox{grid-row:1/4;width:64px;height:64px;border-radius:50%;margin:0}.compact-cards .iconbox svg{width:32px;height:32px}.compact-cards h3{font-size:16px;margin:2px 0 3px}.compact-cards p{font-size:12px;line-height:1.5;margin:0 15px 0 0}.compact-cards .text-link{font-size:0;position:absolute;inset-inline-end:14px;bottom:13px;color:#f61a74}.studio-bottom{display:grid;grid-template-columns:3fr 1.15fr;margin-top:0;gap:0;overflow:hidden;border-radius:14px;background:#fff3f8}.management{display:grid;grid-template-columns:1.1fr 1fr .9fr;align-items:center;gap:20px;padding-inline-start:25px;min-height:166px}.management h2{font-size:28px;letter-spacing:-1px}.management p{font-size:13px;line-height:1.5}.management img{height:166px;width:100%;object-fit:cover;border-radius:80px 0 0 80px}.integration-tag{display:inline-block;margin:10px 4px 0 0;font-size:11px;color:#c8105c;border:1px solid #ffc7df;padding:5px 9px;border-radius:8px}.studio-cta{padding:20px 24px;background:linear-gradient(115deg,#11153f 35%,#b10c62 75%,#fe5c4a);color:white}.studio-cta h2{font-size:23px;letter-spacing:-.5px}.studio-cta p{color:#f3eafa;font-size:12px;line-height:1.5;margin:7px 0 10px}.studio-cta .btn{padding:8px 14px;min-height:36px;font-size:12px}.studio-footer{display:flex;align-items:center;gap:32px;flex-wrap:wrap;padding:20px 0}.studio-footer img{width:140px;height:57px;object-fit:contain}.studio-footer nav{display:flex;gap:28px;font-size:11px}.studio-footer p{font-size:11px;margin-inline-start:auto}.footer-meta{width:100%;display:flex;justify-content:flex-end;gap:18px;font-size:10px;color:var(--text)}.admin-logo{width:190px;height:auto}.hero-art .workspace-wrap{width:100%}html[dir=rtl] .management img{border-radius:0 80px 80px 0}html[dir=rtl] .studio-hero h1{letter-spacing:0;font-size:44px}
@media(min-width:1440px){.studio-hero .hero-art{height:390px}.studio-hero .hero-grid{min-height:390px}}
@media(max-width:1100px){.site-nav{gap:14px}.header-actions .btn{display:none}.studio-hero .hero-actions{flex-wrap:wrap}.studio-hero h1{font-size:42px}.studio-bottom{grid-template-columns:2fr 1fr}.management{grid-template-columns:1fr 1fr}.management img{display:none}.compact-cards .service-card{grid-template-columns:48px 1fr;padding:12px;gap:10px}.compact-cards .iconbox{width:48px;height:48px}.studio-footer nav{gap:15px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.site-header{height:80px}.brand{width:150px}.brand img{height:62px}.studio-hero{padding-top:20px}.studio-hero .hero-grid{display:flex;flex-direction:column;gap:20px}.studio-hero .hero-copy{width:100%}.studio-hero h1{font-size:42px;letter-spacing:-1.8px}.studio-hero .hero-art{width:100%;height:auto;min-height:0}.studio-visual{height:auto;aspect-ratio:3/2;object-fit:cover}.studio-hero .slide-controls{flex-wrap:wrap;margin-top:12px;gap:8px}.studio-hero .slide-tabs{gap:16px}.studio-hero .hero-actions{flex-wrap:wrap}.hero-badges{top:8px;gap:7px}.hero-badges span{padding:7px;font-size:10px}.hero-badges .icon{width:18px}.studio-solutions .section-head{align-items:start;flex-direction:column;gap:12px}.studio-solutions h2{font-size:27px}.compact-cards{grid-template-columns:1fr}.compact-cards .service-card{padding:18px;grid-template-columns:58px 1fr;gap:5px 15px}.compact-cards .iconbox{width:58px;height:58px}.compact-cards p{font-size:13px}.studio-bottom{grid-template-columns:1fr}.management{padding:22px;min-height:160px}.management h2{font-size:25px}.studio-cta{padding:25px}.studio-footer{gap:20px}.studio-footer nav{flex-wrap:wrap}.studio-footer p{margin:0}.footer-meta{justify-content:flex-start;flex-wrap:wrap}html[dir=rtl] .studio-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =====================================================================
   Vitrine PHP (SSR) — adaptations et recette sur la maquette PNG
   Base ci-dessus : style.css d'origine de la maquette (inchangé).
   ===================================================================== */
:root{--ink:#0b1044;--text:#535973;--line:#e6e8f0;--grad-cta:linear-gradient(90deg,#ff2d7a,#fe5c4a)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{left:auto;inset-inline-start:20px;border-radius:8px;font-weight:700;box-shadow:0 6px 20px #0b104422}
main:focus{outline:none}
body{overflow-x:clip}
.btn-primary{background:var(--grad-cta)}
p.small{color:var(--text)}

/* Header : 5 langues, CTA dégradé, ruban visible derrière le coin droit sur l'accueil */
.site-header{border-bottom:0}
.page-home .site-header{background:linear-gradient(90deg,#fffffff5 0,#fffffff5 72%,#fff0 88%);backdrop-filter:none}
[dir=rtl].page-home .site-header{background:linear-gradient(270deg,#fffffff5 0,#fffffff5 72%,#fff0 88%)}
.page-home .site-header.is-scrolled{background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid #f0f1f6}
.brand{margin-inline-start:13px}
.brand img{height:auto;aspect-ratio:1400/567}
.site-nav{margin-inline:auto;gap:36px;font-size:15px;font-weight:400}
.site-nav a{padding:8px 0;color:var(--ink)}
.site-nav a:hover{color:#c8105c}
.site-nav a.active{color:#d50070;font-weight:400}
.site-nav a.active:after{background:#f61a74;bottom:-14px}
.header-actions{gap:40px}
.languages a{display:grid;place-items:center;min-width:36px;height:34px;padding:0 6px;font-size:13px;font-weight:600;color:#4a5070}
.languages a:hover{background:#f2f3f7}
.languages a.active{background:#f0f1f6;color:var(--ink);font-weight:700}
.languages a[lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:15px}
.header-actions .btn{font-size:15px;padding:10px 26px;min-height:44px;box-shadow:0 0 0 4px #ffffff8c,0 8px 20px #ff2d7a40}
.menu-toggle{align-items:center;justify-content:center;color:var(--ink);background:#fff}
.menu-toggle .icon{width:22px;height:22px}
.menu-toggle .i-close,.menu-toggle[aria-expanded=true] .i-open{display:none}
.menu-toggle[aria-expanded=true] .i-close{display:block}

/* Hero : visuel détouré qui déborde à droite, ruban rose-orange, pastilles, onglets sous le texte */
.studio-hero{overflow:hidden;overflow:clip;overflow-y:visible;padding:16px 0 22px;background:radial-gradient(70% 100% at 72% 45%,#f6f2f7 0,#fff0 70%),linear-gradient(110deg,#f7fbff 0%,#fff 45%,#fdf6f9)}
.hero-ribbon{position:absolute;z-index:0;top:-98px;inset-inline-end:0;width:min(44vw,620px);height:calc(100% + 60px);background:url("../img/ruban-rose-orange.svg") no-repeat 100% 0/100% 100%;pointer-events:none}
[dir=rtl] .hero-ribbon{transform:scaleX(-1)}
.studio-hero>.container{position:relative;z-index:1}
.studio-hero .hero-grid{min-height:403px;align-items:start}
.studio-hero .hero-copy{padding:22px 0 84px}
.studio-hero .eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:14px}
.studio-hero h1,.studio-hero h2.hero-title{font-size:clamp(36px,4.2vw,60px);font-weight:800;letter-spacing:-2.9px;line-height:.93;color:var(--ink)}
.studio-hero .hero-title span{display:block}
.studio-hero .hero-title .accent{background-image:linear-gradient(90deg,#f61a74,#ff3f6c 45%,#fe5c4a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}
.studio-hero .hero-desc{font-size:17px;margin-top:18px;max-width:520px}
.studio-hero .hero-actions{margin-top:26px;gap:14px}
.studio-hero .btn{font-size:16px;padding:11px 24px;min-height:46px}
.studio-hero .btn-secondary{min-width:200px;box-shadow:0 4px 14px #0b104412}
.studio-hero .hero-art{height:auto;min-height:403px;margin-inline-start:-90px;margin-inline-end:-40px;display:block}
.studio-picture{display:block;width:min(720px,100%)}
.studio-visual{height:auto;aspect-ratio:1536/860;object-position:50% 22%;border-radius:0;-webkit-mask-image:radial-gradient(120% 105% at 55% 45%,#000 60%,#0000 82%);mask-image:radial-gradient(120% 105% at 55% 45%,#000 60%,#0000 82%)}
.art-caption{position:absolute;inset-inline-end:40px;bottom:6px;font-size:10px;letter-spacing:.5px;color:#6b7090}
.hero-badges{top:6px;inset-inline-end:20px;gap:16px;justify-items:end}
.hero-badges span{min-height:52px;padding:8px 18px 8px 14px;gap:12px;font-size:14px;color:var(--ink);background:#fff;box-shadow:0 10px 28px #0b104424}
.hero-badges span:nth-child(1){margin-inline-end:75px}
.hero-badges span:nth-child(2){margin-inline-end:10px}
.hero-badges .icon{width:30px;height:30px;stroke-width:1.6}
.hero-badges span:nth-child(3) .icon{color:#5134e3}
.studio-hero .slide-controls{position:absolute;z-index:3;bottom:0;inset-inline-start:0;max-width:none;gap:18px}
.studio-hero .slide-tabs{gap:0;flex:none}
.studio-hero .slide-tab{position:relative;font-size:14px;font-weight:400;gap:14px;padding:6px 24px 10px;color:#6f7490;border:0;border-radius:0}
.studio-hero .slide-tab:first-child{padding-inline-start:0}
.studio-hero .slide-tab+.slide-tab{border-inline-start:1px solid #d8dae5}
.studio-hero .slide-tab small{font-size:14px;font-weight:600;color:#6f7490}
.studio-hero .slide-tab.active{color:var(--ink);font-weight:700}
.studio-hero .slide-tab.active small{color:#c8105c;font-weight:700}
.studio-hero .slide-tab.active:after{content:'';position:absolute;bottom:0;inset-inline-start:24px;width:22px;height:3px;border-radius:2px;background:#f61a74}
.studio-hero .slide-tab.active:first-child:after{inset-inline-start:0}
.studio-hero .round{width:30px;height:30px;color:var(--ink)}
.round:hover{border-color:#f61a74;color:#c8105c}
.round .arrow-back{transform:scaleX(-1)}
[dir=rtl] .round .arrow{transform:scaleX(-1)}
[dir=rtl] .round .arrow-back{transform:none}
.round .i-pause,.round[aria-pressed=true] .i-play{display:none}
.round[aria-pressed=true] .i-pause{display:block}
html:not(.js) .slide-controls{display:none}
.hero-art .workspace-wrap{margin-top:10px;border-radius:30px}
.mock-progress i.w1{width:74%}.mock-progress i.w2{width:58%}.mock-progress i.w3{width:35%}
.hero-art .shield-scene{margin-top:10px;min-height:390px}

/* Solutions : cartes compactes au format de la référence */
.studio-solutions{margin-top:-26px;padding-top:26px}
.studio-solutions h2{font-size:32px;font-weight:800;letter-spacing:-1.3px}
.studio-solutions .eyebrow{font-size:11px;letter-spacing:2.6px}
.studio-solutions .section-head>.text-link{font-size:14px;color:#c8105c;margin-bottom:6px}
.compact-cards .service-card{grid-template-columns:76px 1fr;gap:4px 17px;padding:14px 46px 14px 14px;min-height:112px;align-content:center;box-shadow:0 2px 8px #0b104408}
[dir=rtl] .compact-cards .service-card{padding:14px 14px 14px 46px}
.compact-cards .service-card:hover{transform:translateY(-2px)}
.compact-cards .iconbox{width:76px;height:76px}
.compact-cards .iconbox svg{width:34px;height:34px;stroke-width:1.6}
.compact-cards h3{font-size:17px;letter-spacing:-.2px;margin:0 0 4px;align-self:end}
.compact-cards p{font-size:14px;line-height:1.32;margin:0;align-self:start}
.compact-cards .text-link{inset-inline-end:20px;bottom:16px}
.compact-cards .text-link .icon{width:20px;height:20px;stroke-width:2}
.service-card h3 a:after{content:'';position:absolute;inset:0;border-radius:inherit}
.service-card{position:relative}
.service-card:focus-within{border-color:var(--ink)}
.service-card h3 a:focus-visible{outline:none}
.service-card h3 a:focus-visible:after{outline:3px solid #c8105c;outline-offset:3px}
.service-card .iconbox.tint-pink{background:#fdeaf1;color:#f61a74}
.service-card .iconbox.tint-orange{background:#ffeee6;color:#fe5c4a}
.service-card .iconbox.tint-violet{background:#eeedfc;color:#5134e3}
.service-card .text-link{position:relative;z-index:1}

/* Bandeau bas */
.studio-bottom{margin-top:16px;width:calc(100% - 28px);max-width:1420px;background:linear-gradient(90deg,#fdedf3,#fef5f8)}
.management{grid-template-columns:auto minmax(0,1fr) minmax(0,.95fr);padding-inline-start:66px;gap:22px}
.management h2{font-size:32px;font-weight:800;letter-spacing:-1.4px;line-height:1.08;max-width:330px}
.management h2 span{display:block}
.management-text{padding-inline-start:22px;border-inline-start:1px solid #e9c8d6}
.management p{font-size:14px;color:#3e4466;max-width:250px;margin-bottom:4px}
.integration-tag{font-size:13px;font-weight:700;padding:6px 12px;border-color:#efa3c1;border-radius:6px;background:#ffffffb3;margin-inline-end:8px;margin-inline-start:0}
.integration-tag:hover{background:#fff;border-color:#f61a74}
.integration-note{display:inline-block;vertical-align:middle;max-width:100px;margin-top:10px;padding-inline-start:10px;border-inline-start:1px solid #e3c6d2;font-size:11px;line-height:1.3;color:#6b7090}
.management picture{display:block;height:100%}
.management img{object-position:72% 30%}
.studio-cta h2{color:#fff}
.studio-cta p{font-size:14px}
.studio-cta .btn{font-size:14px;padding:8px 18px}
.studio-cta .btn .icon{color:#f61a74}

/* Pied de page */
.studio-footer{gap:44px;padding:22px 0 18px}
.studio-footer>a{padding-inline-end:46px;border-inline-end:1px solid #d5d8e3}
.studio-footer nav{gap:38px;font-size:13px}
.studio-footer nav a:hover,.footer-meta a:hover{color:#c8105c;text-decoration:underline}
.studio-footer p{font-size:12.5px;color:#4a5070;padding-inline-start:46px;border-inline-start:1px solid #d5d8e3}
.footer-meta{font-size:11px;padding-top:12px;border-top:1px solid #eef0f5;justify-content:flex-end;flex-wrap:wrap}
.footer-meta span{margin-inline-end:auto}

/* Pages internes */
.cta-section{padding-bottom:100px}
.section .cards+.empty{margin-top:20px}
.tax-banner{margin-top:40px}
.notfound .hero-actions{margin-top:30px}
.legal-copy h2{font-size:24px;letter-spacing:-.6px;margin-top:40px}
.legal-copy h2:first-child{margin-top:0}
.legal-copy a{color:#c8105c;text-decoration:underline}
.legal-dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:20px 0 0;font-size:15px}
.legal-dl dt{font-weight:700}.legal-dl dd{margin:0;color:var(--text)}
.detail-side>.icon{width:34px;height:34px;color:#ff93bc}
.detail-side h3{margin-top:16px}

/* Formulaire de contact */
.form-required{margin-bottom:18px}
.field input,.field select,.field textarea{min-height:46px;border-color:#b9bed0}
.field textarea{min-height:140px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.field [aria-invalid=true],.consent input[aria-invalid=true]{border-color:#b3123d;background:#fff7f9}
.field-error{margin:2px 0 0;font-size:12px;font-weight:700;color:#b3123d}
.consent{margin:22px 0 4px}
.consent+.field-error{margin-bottom:10px}
.form .btn{margin-top:14px}
.form .btn[disabled]{opacity:.65;cursor:progress;transform:none}
.form-status{display:flex;gap:10px;align-items:flex-start;padding:15px;font-weight:700}
.form-status.success{background:#edf5f0;color:#24553d;border:1px solid #b9dcc8}
.form-status.error{background:#fff0f2;color:#9f1e40;border:1px solid #f2c0cc}
.form-status.info{background:#f4f5fa;color:var(--ink);border:1px solid var(--line)}
.form-status .icon{width:20px;height:20px}
.contact-info{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}
.contact-info h3{font-size:16px;margin-bottom:12px}
.contact-info ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.contact-info li{display:flex;gap:10px;font-size:14px;overflow-wrap:anywhere}
.contact-info .icon{width:18px;height:18px;color:#c8105c;margin-top:3px}
.contact-info a{text-decoration:underline;text-underline-offset:3px}

/* ---- Responsive (mêmes paliers que la maquette) ---- */
@media(max-width:1360px){.site-nav{gap:24px}.header-actions{gap:18px}.management{padding-inline-start:36px}.management h2{font-size:28px}}
@media(max-width:1240px){.hero-badges{transform:scale(.88);transform-origin:top right}[dir=rtl] .hero-badges{transform-origin:top left}.studio-hero .hero-art{margin-inline-start:-60px}}
@media(max-width:1150px){.site-nav{gap:16px;font-size:14px}.header-actions{gap:12px}.brand{margin-inline-start:0}}
@media(max-width:1100px){.compact-cards .service-card{grid-template-columns:56px 1fr;padding:14px 40px 14px 12px}.compact-cards .iconbox{width:56px;height:56px}.compact-cards .iconbox svg{width:28px;height:28px}.management{grid-template-columns:1fr 1fr}.management picture{display:none}.studio-footer>a,.studio-footer p{border:0;padding:0}}
@media(max-width:850px){
  .site-nav:target{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .site-nav{font-size:16px}
  .site-nav a.active:after{bottom:6px;width:18px}
  .page-home .site-header{background:#fffffff5}
  .hero-ribbon{top:0;height:100%;opacity:.35}
  .studio-hero .hero-copy{padding:10px 0 0}
  .studio-hero .hero-art,[dir=rtl] .studio-hero .hero-art{margin:0;min-height:0}
  .studio-picture{width:100%}
  .hero-badges{position:static;transform:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
  .hero-badges span{min-height:40px;padding:6px 12px;font-size:12px;margin:0!important}
  .hero-badges .icon{width:22px;height:22px}
  .art-caption{position:static;display:block;text-align:center;margin-top:6px}
  .studio-hero .slide-controls{position:static;margin-top:18px;flex-wrap:wrap;justify-content:space-between}
  .studio-hero .slide-tab{font-size:13px;padding-inline:14px;gap:8px}
  .studio-hero .slide-tab small{font-size:13px}
  .studio-hero .slide-tab.active:after{inset-inline-start:14px}
  .studio-footer p{margin-inline-start:0}
}
@media(max-width:760px){
  .studio-hero h1,.studio-hero h2.hero-title{font-size:42px;letter-spacing:-1.8px;line-height:1}
  .studio-hero .btn{font-size:14px;padding:11px 18px}
  .studio-hero .btn-secondary{min-width:0}
  .management{grid-template-columns:1fr;padding:24px 22px}
  .management-text{padding:0;border:0}
  .management p{max-width:none}
  .compact-cards .service-card{grid-template-columns:58px 1fr;padding:16px 44px 16px 16px}
  [dir=rtl] .compact-cards .service-card{padding:16px 16px 16px 44px}
  .studio-bottom{width:calc(100% - 32px)}
  .studio-footer nav{gap:10px 22px}
  .footer-meta span{flex-basis:100%}
}
@media(max-width:520px){
  .languages{gap:1px}
  .languages a{min-width:24px;height:30px;padding:0 3px;font-size:11px}
  .languages a[lang=ar]{font-size:13px}
  .studio-hero h1,.studio-hero h2.hero-title{font-size:38px}
  [dir=rtl] .studio-hero h1,[dir=rtl] .studio-hero h2.hero-title{font-size:34px}
  .studio-hero .slide-tab{padding-inline:9px;font-size:12px}
  .studio-hero .slide-tab:first-child{padding-inline-start:0}
  .studio-hero .slide-tab small{font-size:12px}
  .studio-hero .slide-tab.active:after{inset-inline-start:9px}
  .studio-hero .hero-actions .btn{flex:1 1 200px}
  .legal-dl{grid-template-columns:1fr}
}
@media(max-width:360px){.brand{width:118px}.header-inner{gap:8px}.header-actions{gap:4px}.languages a{min-width:21px;padding:0 2px}}
html[lang=ar] .studio-hero h1,html[lang=ar] .studio-hero h2.hero-title{letter-spacing:0;line-height:1.3}
html[lang=ar] .management h2,html[lang=ar] .studio-solutions h2{letter-spacing:0;line-height:1.4}
html[lang=ar] .studio-hero .eyebrow,html[lang=ar] .studio-solutions .eyebrow{letter-spacing:0}
@media(forced-colors:active){.accent,.studio-hero .hero-title .accent{color:CanvasText;background:none}}
/* Recette n°2 : proportions de la référence PNG */
@media(min-width:851px){
  .header-inner{padding-inline:16px}
  .studio-hero{padding:6px 0 22px}
  .studio-hero .hero-copy{padding:26px 0 80px;padding-inline-start:16px}
  .studio-hero .hero-desc{width:max-content;max-width:600px;margin-top:10px;line-height:1.5}
  .studio-hero .hero-actions{margin-top:22px}
  .studio-hero .hero-grid{min-height:0}
  .studio-hero .hero-art{min-height:0}
  .studio-picture{width:min(740px,100%)}
  .studio-visual{aspect-ratio:1536/800;object-position:50% 18%;
    -webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14%,#000 90%,#0000 100%),linear-gradient(180deg,#0000 0,#000 9%,#000 88%,#0000 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,#0000 0,#000 14%,#000 90%,#0000 100%),linear-gradient(180deg,#0000 0,#000 9%,#000 88%,#0000 100%);
    mask-composite:intersect}
  [dir=rtl] .studio-visual{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 14%,#000 90%,#0000 100%),linear-gradient(180deg,#0000 0,#000 9%,#000 88%,#0000 100%);mask-image:linear-gradient(270deg,#0000 0,#000 14%,#000 90%,#0000 100%),linear-gradient(180deg,#0000 0,#000 9%,#000 88%,#0000 100%)}
  .studio-hero .slide-controls{inset-inline-start:16px;bottom:4px}
  .studio-solutions .section-head{padding-inline-start:16px}
}
.management .accent,.studio-solutions .accent{background-image:linear-gradient(90deg,#f61a74,#ff3f6c 45%,#fe5c4a);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio-footer{row-gap:6px}
@media(min-width:1361px){.site-nav{margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:40px}}
.site-nav a,.header-actions .btn{white-space:nowrap}
@media(min-width:851px){.studio-hero h1,.studio-hero h2.hero-title{font-size:clamp(36px,3.95vw,57px)}}
@media(max-width:360px){.studio-hero .slide-tab{padding-inline:6px;font-size:11px;gap:5px}.studio-hero .slide-tab small{font-size:11px}.studio-hero .slide-tab.active:after{inset-inline-start:6px}}
.antispam{display:flex;flex-direction:column;gap:7px;margin-top:20px;max-width:340px}
.antispam input{min-height:46px;border-color:#b9bed0}
.antispam input:focus{outline:2px solid var(--ink);outline-offset:1px}
.antispam input[aria-invalid=true]{border-color:#b3123d;background:#fff7f9}
@media(max-width:1299px) and (min-width:851px){.studio-hero .hero-desc{width:auto;max-width:440px}.studio-hero .hero-actions{flex-wrap:wrap}}
/* Menu repliable dès 1240px (5 langues + libellés DE/NL plus longs) */
@media(max-width:1240px){
  .site-header{height:84px}
  .header-inner{justify-content:space-between;gap:15px}
  .menu-toggle{display:flex;padding:10px;border:1px solid var(--line);border-radius:8px}
  .header-actions{margin-inline-start:auto;gap:12px}
  .header-actions>.btn{display:none}
  .site-nav{display:none;position:absolute;inset:100% 0 auto;background:#fff;border-bottom:1px solid var(--line);padding:20px 32px;margin:0;box-shadow:0 20px 30px #0b104410;font-size:16px}
  .site-nav.open,.site-nav:target{display:flex;flex-direction:column;align-items:stretch;gap:6px}
  .site-nav a{padding:10px}
  .site-nav a.active:after{bottom:6px;inset-inline-start:10px;width:18px}
  .page-home .site-header{background:#fffffff5}
}
@media(min-width:1241px) and (max-width:1480px){.site-nav{gap:26px;padding-inline-start:0}.header-actions{gap:20px}.header-actions .btn{padding:10px 18px;font-size:14px}.languages a{min-width:32px}}
@media(min-width:1481px){html[lang=de] .site-nav,html[lang=nl-BE] .site-nav{gap:28px;padding-inline-start:0}html[lang=de] .header-actions,html[lang=nl-BE] .header-actions{gap:24px}html[lang=de] .header-actions .btn,html[lang=nl-BE] .header-actions .btn{padding:10px 18px;font-size:14px}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.brand{width:112px}.menu-toggle{padding:6px}}
.compact-cards .service-card .text-link{position:absolute;z-index:1}
.contact-info li{margin:0}
.contact-info li:before{content:none}
.text-link .arrow-back{transform:scaleX(-1)}
[dir=rtl] .text-link .arrow-back{transform:none}

/* ---- Respiration entre les sections (demande client : mise en page plus aérée) ---- */
.studio-hero{padding-bottom:40px}
.studio-solutions{margin-top:0;padding:64px 0 24px}
.studio-solutions .section-head{margin-bottom:36px}
.compact-cards{gap:24px}
.studio-bottom{margin-top:80px;margin-bottom:24px}
.studio-footer{margin-top:56px;padding:34px 0 30px;border-top:1px solid var(--line)}
.page-hero+section,.page-hero+.container{margin-top:24px}
main>section+section{margin-top:24px}
.cta-section{padding-top:72px}
@media(max-width:1100px){.studio-solutions{padding-top:68px}.studio-bottom{margin-top:68px}.compact-cards{gap:18px}}
@media(max-width:760px){.studio-hero{padding-bottom:28px}.studio-solutions{padding-top:52px}.studio-solutions .section-head{margin-bottom:26px}.compact-cards{gap:14px}.studio-bottom{margin-top:52px}.studio-footer{margin-top:40px;padding:26px 0 22px}.cta-section{padding-top:48px}}

/* ---- Slider plus haut (desktop) ---- */
@media(min-width:851px){
  .studio-hero{padding:34px 0 46px}
  .studio-hero .hero-grid,.studio-hero .hero-art{min-height:520px}
  .studio-hero .hero-copy{padding:60px 0 96px}
  .studio-hero h1,.studio-hero h2.hero-title{font-size:clamp(40px,4.6vw,68px)}
  .studio-visual{aspect-ratio:1536/1000}
  .hero-art .workspace-wrap{margin-top:40px}
  .hero-art .shield-scene{min-height:500px}
  .hero-ribbon{height:calc(100% + 98px)}
}
@media(min-width:1440px){.studio-hero .hero-art{height:auto}.studio-hero .hero-grid{min-height:540px}}

/* ---- Animations ---- */
@keyframes uit-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes uit-fade{from{opacity:0}to{opacity:1}}
@keyframes uit-zoom-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes uit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes uit-float-x{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-6px)}}
@keyframes uit-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes uit-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes uit-wave{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-18px,12px) rotate(-2deg)}}
@keyframes uit-spin{to{transform:rotate(360deg)}}
@keyframes uit-pulse{0%{box-shadow:0 0 0 0 rgb(231 39 115 / .28)}70%{box-shadow:0 0 0 14px rgb(231 39 115 / 0)}100%{box-shadow:0 0 0 0 rgb(231 39 115 / 0)}}
@keyframes uit-progress{from{width:0}to{width:100%}}
@keyframes uit-bar{0%{transform:scaleX(.15)}60%,100%{transform:scaleX(1)}}
@keyframes uit-shine{0%{transform:translateX(-120%) skewX(-20deg)}55%,100%{transform:translateX(320%) skewX(-20deg)}}
@keyframes uit-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes uit-orb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,20px) scale(.95)}100%{transform:translate(0,0) scale(1)}}

/* Entrée des textes à chaque changement de slide */
.studio-hero.has-slid .hero-grid.is-active .hero-copy>*{animation:uit-up .8s cubic-bezier(.2,.7,.2,1) both}
.studio-hero.has-slid .hero-grid.is-active .hero-copy>:nth-child(2){animation-delay:.1s}
.studio-hero.has-slid .hero-grid.is-active .hero-copy>:nth-child(3){animation-delay:.22s}
.studio-hero.has-slid .hero-grid.is-active .hero-copy>:nth-child(4){animation-delay:.34s}
.studio-hero.has-slid .hero-grid.is-active .hero-art{animation:uit-zoom-in 1s cubic-bezier(.2,.7,.2,1) both}

/* Animations en continu */
.hero-ribbon{animation:uit-wave 14s ease-in-out infinite}
.studio-visual{animation:uit-breathe 12s ease-in-out infinite;transform-origin:60% 50%}
.hero-badges span{animation:uit-float 5s ease-in-out infinite}
.hero-badges span:nth-child(2){animation-delay:-1.6s;animation-duration:6s}
.hero-badges span:nth-child(3){animation-delay:-3.2s;animation-duration:5.5s}
.studio-hero .hero-title .accent,.management h2 span:last-child{background-size:220% 100%;animation:uit-gradient 6s ease-in-out infinite}
.btn-primary{background-size:200% 100%;animation:uit-gradient 7s ease-in-out infinite;position:relative;overflow:hidden}
.btn-primary:after{content:'';position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);animation:uit-shine 4.5s ease-in-out infinite;pointer-events:none}
.service-card .iconbox{animation:uit-float 6s ease-in-out infinite}
.service-card:nth-child(3n+2) .iconbox{animation-delay:-2s}
.service-card:nth-child(3n) .iconbox{animation-delay:-4s}
.service-card:hover .iconbox{animation:uit-pulse 1.4s ease-out infinite}
.service-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0b104417;border-color:#f3c3d6}
.service-card:hover .arrow,.text-link:hover .arrow{animation:uit-nudge .9s ease-in-out infinite}
.mock-progress i{transform-origin:left center;animation:uit-bar 3.6s ease-in-out infinite alternate}
[dir=rtl] .mock-progress i{transform-origin:right center}
.mock-progress:nth-child(2n) i{animation-delay:-1.2s}
.orbit-node{animation:uit-float 4.5s ease-in-out infinite}
.orbit-node:nth-child(3){animation-delay:-1.5s}.orbit-node:nth-child(4){animation-delay:-3s}
.shield-orbit:before{content:'';position:absolute;inset:-6%;border:2px dashed #f61a7433;border-radius:50%;animation:uit-spin 30s linear infinite}
.shield-core{animation:uit-breathe 5s ease-in-out infinite}
.management picture img,.management img{animation:uit-breathe 14s ease-in-out infinite}
.studio-cta .btn{animation:uit-pulse 2.6s ease-out infinite}

/* Halos décoratifs qui dérivent derrière les sections */
.studio-solutions{position:relative;isolation:isolate;overflow:hidden;overflow:clip}
.studio-solutions:before,.studio-solutions:after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.studio-solutions:before{width:340px;height:340px;top:40px;inset-inline-start:-120px;background:#f61a7422;animation:uit-orb 22s ease-in-out infinite}
.studio-solutions:after{width:300px;height:300px;bottom:-40px;inset-inline-end:-100px;background:#fe5c4a22;animation:uit-orb 26s ease-in-out infinite reverse}
.page-hero{position:relative;isolation:isolate;overflow:hidden}
.page-hero:before{content:'';position:absolute;z-index:-1;width:380px;height:380px;top:-120px;inset-inline-end:-80px;border-radius:50%;background:radial-gradient(circle,#f61a7430,#fe5c4a10 60%,#0000 70%);animation:uit-orb 20s ease-in-out infinite}

/* Barre de progression du slide actif pendant le défilement automatique */
.studio-hero.is-playing .slide-tab.active:after{width:0;animation:uit-progress var(--slide-interval,6000ms) linear forwards}
.studio-hero.is-playing .slide-tab.active:not(:first-child):after{inset-inline-start:24px}
.studio-hero.is-playing.is-paused .slide-tab.active:after{animation-play-state:paused}

/* Apparition au défilement (uniquement si JS actif et animations autorisées) */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal.service-card.is-in:hover{transform:translateY(-6px)}
.reveal-d1{transition-delay:.08s!important}.reveal-d2{transition-delay:.16s!important}.reveal-d3{transition-delay:.24s!important}.reveal-d4{transition-delay:.32s!important}.reveal-d5{transition-delay:.4s!important}

@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.studio-hero.is-playing .slide-tab.active:after{width:22px}}

/* ---- Pastilles d'activités supplémentaires (hero) ---- */
.hero-badges span:nth-child(4){margin-inline-end:40px}
.hero-badges .badge-ai{position:relative;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#f61a74,#fe5c4a,#5134e3) border-box;border:2px solid transparent;animation:uit-float 5s ease-in-out infinite,uit-pulse 2.8s ease-out infinite}
.hero-badges .badge-ai .icon{color:#f61a74}
.hero-badges-2{top:auto;bottom:34px;inset-inline-end:auto;inset-inline-start:150px;display:flex;flex-wrap:wrap;gap:10px;max-width:520px;justify-content:flex-start}
.hero-badges-2 span{min-height:40px;padding:6px 14px 6px 10px;gap:8px;font-size:12.5px;margin:0!important;background:#ffffffeb;backdrop-filter:blur(4px)}
.hero-badges-2 .icon{width:22px;height:22px}
.hero-badges-2 span:nth-child(1) .icon{color:#5134e3}.hero-badges-2 span:nth-child(2) .icon{color:#1aa7d8}.hero-badges-2 span:nth-child(3) .icon{color:#fe5c4a}.hero-badges-2 span:nth-child(4) .icon{color:#f61a74}
.hero-badges-2 span:nth-child(1){animation-delay:-.8s}.hero-badges-2 span:nth-child(2){animation-delay:-2.4s}.hero-badges-2 span:nth-child(3){animation-delay:-1.4s}.hero-badges-2 span:nth-child(4){animation-delay:-3.6s}
.hero-badges span:nth-child(4){animation-delay:-4s}
@media(max-width:1240px){.hero-badges-2{transform:scale(.9);transform-origin:bottom left;inset-inline-start:110px}[dir=rtl] .hero-badges-2{transform-origin:bottom right}}
@media(max-width:850px){.hero-badges-2{position:static;transform:none;justify-content:center;margin-top:8px;max-width:none}}

/* ---- Section IA ---- */
.ai-showcase{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin-top:80px;padding:88px 0 56px;background:radial-gradient(60% 70% at 85% 40%,#2b1d6e 0,#0b1044 60%),#0b1044;color:#fff}
.ai-showcase:before,.ai-showcase:after{content:'';position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none}
.ai-showcase:before{width:420px;height:420px;top:-120px;inset-inline-start:-120px;background:#f61a7455;animation:uit-orb 24s ease-in-out infinite}
.ai-showcase:after{width:380px;height:380px;bottom:-140px;inset-inline-end:10%;background:#5134e355;animation:uit-orb 28s ease-in-out infinite reverse}
.ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ai-showcase .eyebrow{color:#ff8fb8;font-size:11px;letter-spacing:2.6px}
.ai-showcase h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;letter-spacing:-1.6px;line-height:1.04;color:#fff;margin:10px 0 16px}
.ai-showcase h2 span{display:block}
.ai-showcase h2 .accent{background-image:linear-gradient(90deg,#ff5fa0,#ff8a5c 50%,#a89bff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:uit-gradient 6s ease-in-out infinite}
.ai-intro{color:#cfd2e6;font-size:16px;line-height:1.7;max-width:560px}
.ai-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 30px}
.ai-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1f;transition:transform .35s ease,background .35s ease,border-color .35s ease}
.ai-card:hover{transform:translateY(-4px);background:#ffffff17;border-color:#ff8fb866}
.ai-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f61a74,#fe5c4a);color:#fff;box-shadow:0 8px 22px #f61a7455}
.ai-card:nth-child(2) .ai-ic{background:linear-gradient(135deg,#5134e3,#1aa7d8)}
.ai-card:nth-child(3) .ai-ic{background:linear-gradient(135deg,#fe5c4a,#ffb03a)}
.ai-card:nth-child(4) .ai-ic{background:linear-gradient(135deg,#a43bd8,#f61a74)}
.ai-ic .icon{width:22px;height:22px;stroke:#fff}
.ai-card h3{font-size:15px;color:#fff;margin:0 0 4px}
.ai-card p{font-size:13px;line-height:1.55;color:#c4c8de;margin:0}
.ai-visual{position:relative;min-height:520px;padding-top:70px}
.ai-net{width:100%;max-width:420px;display:block;margin-inline:auto 0}
.ai-ring{fill:none;stroke:#ffffff26;stroke-width:1.2;stroke-dasharray:4 8;transform-origin:200px 200px}
.ai-ring.r1{animation:uit-spin 40s linear infinite}
.ai-ring.r2{animation:uit-spin 26s linear infinite reverse}
.ai-links path{fill:none;stroke:url(#aiG);stroke-width:1.6;stroke-dasharray:6 10;opacity:.75;animation:ai-dash 3.5s linear infinite}
.ai-links path:nth-child(2n){animation-duration:5s}
.ai-nodes circle{fill:#fff;stroke:#ff6aa5;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ai-node 3s ease-in-out infinite}
.ai-nodes circle:nth-child(2){animation-delay:-.5s}.ai-nodes circle:nth-child(3){animation-delay:-1s}.ai-nodes circle:nth-child(4){animation-delay:-1.5s}.ai-nodes circle:nth-child(5){animation-delay:-2s}.ai-nodes circle:nth-child(6){animation-delay:-2.5s}
.ai-core-glow{fill:url(#aiG);opacity:.35;transform-box:fill-box;transform-origin:center;animation:ai-glow 3.2s ease-in-out infinite}
.ai-core{fill:url(#aiCore)}
.ai-core-txt{font:800 40px Arial,Helvetica,sans-serif;fill:#0b1044;letter-spacing:-1px}
@keyframes ai-dash{to{stroke-dashoffset:-64}}
@keyframes ai-node{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@keyframes ai-glow{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.25);opacity:.55}}
.ai-chat{position:absolute;inset-inline-start:0;top:0;width:min(270px,62%);padding:14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 20px 50px #0007;animation:uit-float 6s ease-in-out infinite}
.ai-chat-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#c8105c;margin-bottom:8px}
.ai-chat-badge .icon{width:16px;height:16px}
.ai-msg{margin:0 0 8px;padding:8px 12px;border-radius:12px;font-size:12.5px;line-height:1.45;max-width:92%;opacity:0;animation:ai-msg 9s ease-in-out infinite}
.ai-msg-q{background:#f1f2f8;margin-inline-start:auto;border-end-end-radius:4px}
.ai-msg-a{background:linear-gradient(115deg,#f61a74,#fe5c4a);color:#fff;border-end-start-radius:4px;animation-delay:1.6s}
.ai-typing{display:inline-flex;gap:4px;padding:6px 10px;border-radius:10px;background:#f1f2f8}
.ai-typing i{width:6px;height:6px;border-radius:50%;background:#c4c7d8;animation:ai-typing 1.2s ease-in-out infinite}
.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes ai-msg{0%,4%{opacity:0;transform:translateY(8px)}10%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes ai-typing{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
.ai-use{position:absolute;inset-inline-end:0;bottom:6px;width:min(270px,70%);padding:16px 18px;border-radius:14px;background:#ffffff14;border:1px solid #ffffff2e;backdrop-filter:blur(8px);animation:uit-float 7s ease-in-out infinite;animation-delay:-2s}
.ai-use h3{font-size:14px;color:#fff;margin:0 0 10px}
.ai-use ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ai-use li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#dfe1f0}
.ai-use .icon{flex:none;width:16px;height:16px;stroke:#5fe0a8;margin-top:1px}
.ai-trust{display:flex;align-items:center;gap:10px;margin-top:40px;padding-top:22px;border-top:1px solid #ffffff1f;font-size:13.5px;color:#cfd2e6}
.ai-trust .icon{flex:none;width:18px;height:18px;stroke:#ff8fb8}
.ai-showcase .btn-primary{box-shadow:0 12px 30px #f61a7466}
.studio-bottom{margin-top:72px}
@media(max-width:1000px){.ai-grid{grid-template-columns:1fr;gap:36px}.ai-visual{max-width:520px;width:100%;margin-inline:auto}}
@media(max-width:600px){.ai-showcase{margin-top:56px;padding:56px 0 40px}.ai-cards{grid-template-columns:1fr}.ai-visual{min-height:0;padding-top:0;display:grid;gap:14px}.ai-net{margin-inline:auto}.ai-chat,.ai-use{position:static;width:100%}.ai-net{max-width:300px;order:-1}.ai-trust{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ai-msg{opacity:1}}

/* ---- Bandeau « Ils nous font confiance » (défilement continu) ---- */
.hm-trust{padding:46px 0 10px;overflow:hidden;overflow:clip}
.hm-trust-title{font-size:15px;font-weight:600;letter-spacing:.4px;color:#535973;text-align:center;margin:0 0 20px}
.hm-marquee{position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hm-marquee-track{display:flex;width:max-content;animation:hm-marquee 45s linear infinite}
.hm-marquee:hover .hm-marquee-track{animation-play-state:paused}
.hm-marquee-list{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:6px 12px}
.hm-marquee-list li{flex-shrink:0;height:92px;min-width:150px;padding:12px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.hm-marquee-list li:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0b104414;border-color:#f3c3d6}
.hm-marquee-list img{height:60px;width:auto;max-width:180px;object-fit:contain}
@keyframes hm-marquee{to{transform:translateX(-50%)}}
@keyframes hm-marquee-rtl{to{transform:translateX(50%)}}
[dir=rtl] .hm-marquee-track{animation-name:hm-marquee-rtl}
@media(max-width:760px){.hm-trust{padding-top:34px}.hm-marquee-list li{height:74px;min-width:116px;padding:10px 14px}.hm-marquee-list img{height:46px;max-width:140px}}

/* ---- Titres de sections communes ---- */
.hm-head{margin-bottom:34px}
.hm-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hm-head .eyebrow,.hm-about .eyebrow,.hm-faq .eyebrow{font-size:11px;letter-spacing:2.6px}
.hm-head h2,.hm-about h2,.hm-faq h2{font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-1.2px;line-height:1.1;color:var(--ink);margin:8px 0 0}
.hm-head .text-link{color:#c8105c;font-size:14px}

/* ---- Pour qui ---- */
.hm-audience{padding:88px 0 0}
.hm-aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.hm-aud-card{position:relative;overflow:hidden;padding:30px 30px 26px;border-radius:16px;border:1px solid var(--line);background:#fff;transition:transform .35s ease,box-shadow .35s ease}
.hm-aud-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f61a74,#fe5c4a);background-size:200% 100%;animation:uit-gradient 6s ease-in-out infinite}
.hm-aud-p:before{background:linear-gradient(90deg,#5134e3,#1aa7d8,#f61a74);background-size:200% 100%}
.hm-aud-card:after{content:'';position:absolute;width:220px;height:220px;inset-inline-end:-70px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,#f61a7418,#0000 70%);animation:uit-orb 18s ease-in-out infinite}
.hm-aud-p:after{background:radial-gradient(circle,#5134e318,#0000 70%)}
.hm-aud-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px #0b104414}
.hm-aud-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fde7f0;color:#f61a74;margin-bottom:18px;animation:uit-float 6s ease-in-out infinite}
.hm-aud-p .hm-aud-ic{background:#ecebfd;color:#5134e3;animation-delay:-3s}
.hm-aud-ic .icon{width:28px;height:28px}
.hm-aud-card h3{font-size:21px;color:var(--ink);margin:0 0 8px}
.hm-aud-card p{color:#535973;line-height:1.65;margin:0 0 16px}
.hm-aud-card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hm-aud-card li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#f6f7fb;font-size:13px;color:var(--ink)}
.hm-aud-card li .icon{width:14px;height:14px;stroke:#f61a74}
.hm-aud-p li .icon{stroke:#5134e3}

/* ---- Méthode (frise animée) ---- */
.hm-method{padding:88px 0 0}
.hm-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.hm-steps:before{content:'';position:absolute;top:44px;inset-inline:6% 6%;height:2px;background:repeating-linear-gradient(90deg,#f61a74 0 10px,#0000 10px 20px);opacity:.45;background-size:40px 2px;animation:hm-dash 2.5s linear infinite}
@keyframes hm-dash{to{background-position:40px 0}}
[dir=rtl] .hm-steps:before{animation-direction:reverse}
.hm-step{position:relative;padding:20px 20px 22px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:transform .35s ease,box-shadow .35s ease}
.hm-step:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0b104414}
.hm-step-num{position:absolute;top:16px;inset-inline-end:18px;font-size:30px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#f61a74,#fe5c4a);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}
.hm-step-ic{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f61a74,#fe5c4a);color:#fff;box-shadow:0 10px 24px #f61a7440;margin-bottom:16px;animation:uit-pulse 3s ease-out infinite}
.hm-step:nth-child(2) .hm-step-ic{background:linear-gradient(135deg,#fe5c4a,#ffb03a);animation-delay:.75s}
.hm-step:nth-child(3) .hm-step-ic{background:linear-gradient(135deg,#5134e3,#1aa7d8);animation-delay:1.5s}
.hm-step:nth-child(4) .hm-step-ic{background:linear-gradient(135deg,#a43bd8,#f61a74);animation-delay:2.25s}
.hm-step-ic .icon{width:24px;height:24px;stroke:#fff}
.hm-step h3{font-size:18px;color:var(--ink);margin:0 0 6px}
.hm-step p{font-size:14px;line-height:1.6;color:#535973;margin:0}

/* ---- À propos / pourquoi nous ---- */
.hm-about{padding:96px 0 0}
.hm-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.hm-about-media{position:relative}
.hm-about-media img{width:100%;height:auto;border-radius:28px 10px 28px 10px;box-shadow:0 30px 60px #0b104422;animation:uit-breathe 16s ease-in-out infinite}
.hm-about-media:before{content:'';position:absolute;z-index:-1;inset:-18px 18px 18px -18px;border-radius:30px 12px 30px 12px;background:linear-gradient(135deg,#f61a74,#fe5c4a 55%,#5134e3);background-size:200% 200%;animation:uit-gradient 8s ease-in-out infinite;opacity:.9}
[dir=rtl] .hm-about-media:before{inset:-18px -18px 18px 18px}
.hm-about-float{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;box-shadow:0 14px 30px #0b104426;animation:uit-float 5s ease-in-out infinite}
.hm-about-float .icon{width:28px;height:28px}
.hm-f1{top:-20px;inset-inline-end:30px;color:#5134e3}
.hm-f2{bottom:40px;inset-inline-end:-22px;color:#f61a74;animation-delay:-1.7s}
.hm-f3{bottom:-22px;inset-inline-start:40px;color:#fe5c4a;animation-delay:-3.4s}
.hm-about-copy p{color:#535973;line-height:1.75;margin:16px 0 20px;font-size:16px}
.hm-values{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.hm-values li{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--ink)}
.hm-values .icon{flex:none;width:28px;height:28px;padding:6px;border-radius:50%;background:#fde7f0;stroke:#f61a74}

/* ---- FAQ ---- */
.hm-faq{padding:96px 0 0}
.hm-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.hm-faq-side{position:sticky;top:120px}
.hm-faq-side p{color:#535973;margin:14px 0 22px}
.hm-faq-list{display:grid;gap:12px}
.hm-faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;transition:box-shadow .3s,border-color .3s}
.hm-faq-item[open]{border-color:#f3c3d6;box-shadow:0 14px 32px #0b104412}
.hm-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:700;color:var(--ink)}
.hm-faq-item summary::-webkit-details-marker{display:none}
.hm-faq-item summary:focus-visible{outline:3px solid #f61a7466;outline-offset:2px;border-radius:14px}
.hm-faq-plus{flex:none;position:relative;width:28px;height:28px;border-radius:50%;background:#fde7f0;transition:transform .3s,background .3s}
.hm-faq-plus:before,.hm-faq-plus:after{content:'';position:absolute;inset:50% auto auto 50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#f61a74;border-radius:2px;transition:transform .3s}
.hm-faq-plus:after{transform:rotate(90deg)}
.hm-faq-item[open] .hm-faq-plus{background:linear-gradient(135deg,#f61a74,#fe5c4a);transform:rotate(180deg)}
.hm-faq-item[open] .hm-faq-plus:before{background:#fff}
.hm-faq-item[open] .hm-faq-plus:after{transform:rotate(0);background:#fff}
.hm-faq-item p{margin:0;padding:0 22px 20px;color:#535973;line-height:1.7;animation:uit-up .45s ease both}

@media(max-width:1000px){.hm-steps{grid-template-columns:1fr 1fr}.hm-steps:before{display:none}.hm-about-grid,.hm-faq-grid{grid-template-columns:1fr;gap:44px}.hm-faq-side{position:static}}
@media(max-width:700px){.hm-aud-grid,.hm-steps{grid-template-columns:1fr}.hm-audience,.hm-method{padding-top:60px}.hm-about,.hm-faq{padding-top:64px}.hm-aud-card{padding:24px 20px}.hm-f2{inset-inline-end:-6px}}
@media(prefers-reduced-motion:reduce){.hm-marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.hm-marquee-list[aria-hidden]{display:none}.hm-marquee-list{flex-wrap:wrap;justify-content:center;row-gap:16px}.hm-marquee{mask-image:none;-webkit-mask-image:none}}
/* Bandeau partenaires placé en bas de l'accueil */
.studio-bottom+.hm-trust{padding:72px 0 8px}
@media(max-width:760px){.studio-bottom+.hm-trust{padding-top:52px}}

/* ---- Pastilles d'activités en arc autour du visuel (même taille) ---- */
.hero-orbit{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-orbit:before{content:'';position:absolute;inset:-2% 1% -9% 10%;border:2px dashed #f61a7433;border-radius:50%;
  -webkit-mask-image:linear-gradient(90deg,#0000 0 30%,#000 62%);mask-image:linear-gradient(90deg,#0000 0 30%,#000 62%)}
[dir=rtl] .hero-orbit:before{inset:-2% 10% -9% -3%;-webkit-mask-image:linear-gradient(270deg,#0000 0 30%,#000 62%);mask-image:linear-gradient(270deg,#0000 0 30%,#000 62%)}
.hero-orbit span{position:absolute;display:flex;align-items:center;justify-content:center;gap:10px;width:216px;height:54px;padding:0 14px;border-radius:14px;
  background:#fff;color:var(--ink);font-size:14px;font-weight:700;box-shadow:0 12px 30px #0b104422;border:2px solid #fff;animation:uit-float 5.5s ease-in-out infinite}
.hero-orbit b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-orbit .icon{flex:none;width:28px;height:28px;stroke-width:1.7}
.hero-orbit .orb-1{top:-1%;inset-inline-end:27%}
.hero-orbit .orb-2{top:13%;inset-inline-end:10%;animation-delay:-.7s}
.hero-orbit .orb-3{top:29%;inset-inline-end:3.5%;animation-delay:-1.4s}
.hero-orbit .orb-4{top:46%;inset-inline-end:3%;animation-delay:-2.1s}
.hero-orbit .orb-5{top:63%;inset-inline-end:6.5%;animation-delay:-2.8s}
.hero-orbit .orb-6{top:79%;inset-inline-end:18%;animation-delay:-3.5s}
.hero-orbit .orb-7{top:90%;inset-inline-end:40%;animation-delay:-4.2s}
.hero-orbit .orb-8{top:90%;inset-inline-end:63%;animation-delay:-4.9s}
.hero-orbit .orb-1 .icon{color:#f61a74}.hero-orbit .orb-2 .icon{color:#fe5c4a}.hero-orbit .orb-3 .icon{color:#5134e3}.hero-orbit .orb-4 .icon{color:#f61a74}
.hero-orbit .orb-5 .icon{color:#5134e3}.hero-orbit .orb-6 .icon{color:#1aa7d8}.hero-orbit .orb-7 .icon{color:#fe5c4a}.hero-orbit .orb-8 .icon{color:#f61a74}
.hero-orbit .orb-ai{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(115deg,#f61a74,#fe5c4a,#5134e3) border-box;border-color:transparent;
  animation:uit-float 5.5s ease-in-out infinite,uit-pulse 2.8s ease-out infinite;animation-delay:-2.1s,0s}
@media(max-width:1240px){.hero-orbit span{width:196px;height:48px;font-size:12.5px;gap:8px;padding:0 10px}.hero-orbit .icon{width:24px;height:24px}}
@media(max-width:1000px) and (min-width:851px){.hero-orbit span{width:176px;height:44px;font-size:11.5px}.hero-orbit .icon{width:20px;height:20px}}
@media(max-width:850px){
  .hero-orbit{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;pointer-events:auto}
  .hero-orbit:before{display:none}
  .hero-orbit span{position:static;width:auto;height:44px;font-size:12.5px;padding:0 12px;gap:8px}
  .hero-orbit .icon{width:20px;height:20px}
}
@media(min-width:620px) and (max-width:850px){.hero-orbit{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.hero-orbit span{height:auto;min-height:44px;padding:6px 10px;justify-content:flex-start}.hero-orbit b{white-space:normal;line-height:1.2;overflow:visible}}

/* ---- Police arabe : Cairo (hébergée localement, CSP font-src 'self') ---- */
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/cairo-arabic.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/cairo-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/cairo-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html[dir=rtl] body,html[dir=rtl] body *{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
/* L'espacement négatif des titres casse la liaison des lettres arabes */
html[dir=rtl] body *{letter-spacing:0!important}
html[dir=rtl] body{line-height:1.75}
html[dir=rtl] .studio-hero h1,html[dir=rtl] .studio-hero h2.hero-title{line-height:1.25}

/* ---- Carrousels de services (défilement automatique) ---- */
.cards.is-slider{display:flex!important;flex-wrap:nowrap;grid-template-columns:none!important;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:8px 4px 18px;margin:-8px -4px 0;--slide-gap:24px;gap:var(--slide-gap)!important;outline:none}
.cards.is-slider::-webkit-scrollbar{display:none}
.cards.is-slider:focus-visible{outline:3px solid #f61a7455;outline-offset:4px;border-radius:12px}
.cards.is-slider>*{flex:0 0 calc((100% - 2 * var(--slide-gap)) / 3);max-width:calc((100% - 2 * var(--slide-gap)) / 3);scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important}
.cards.is-slider>[hidden]{display:none!important}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
.slider-nav[hidden]{display:none}
.slider-nav .round{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}
.slider-nav .round:hover{background:linear-gradient(135deg,#f61a74,#fe5c4a);color:#fff;border-color:transparent;transform:translateY(-2px)}
.slider-nav .round .icon{width:18px;height:18px}
.slider-nav .arrow-back{transform:rotate(180deg)}
[dir=rtl] .slider-nav .arrow{transform:rotate(180deg)}[dir=rtl] .slider-nav .arrow-back{transform:none}
.slider-dots{display:flex;gap:8px;align-items:center}
.slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#d9dbe6;cursor:pointer;transition:width .35s ease,background .35s ease}
.slider-dot.active{width:28px;background:linear-gradient(90deg,#f61a74,#fe5c4a)}
.slider-dot:focus-visible{outline:2px solid #f61a74;outline-offset:3px}
@media(max-width:1000px){.cards.is-slider>*{flex-basis:calc((100% - var(--slide-gap)) / 2);max-width:calc((100% - var(--slide-gap)) / 2)}}
@media(max-width:640px){.cards.is-slider{--slide-gap:14px}.cards.is-slider>*{flex-basis:86%;max-width:86%}}

/* ---- Arc des pastilles regroupé à droite (desktop) ---- */
@media(min-width:851px){
  .hero-orbit:before{inset:-3% -9% -3% 50%;border-radius:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0 40%,#000 70%);mask-image:linear-gradient(90deg,#0000 0 40%,#000 70%)}
  [dir=rtl] .hero-orbit:before{inset:-3% 50% -3% -9%;-webkit-mask-image:linear-gradient(270deg,#0000 0 40%,#000 70%);mask-image:linear-gradient(270deg,#0000 0 40%,#000 70%)}
  .hero-orbit span{width:196px;height:50px}
  .hero-orbit .orb-1{top:0;inset-inline-end:11%}
  .hero-orbit .orb-2{top:12.5%;inset-inline-end:4%}
  .hero-orbit .orb-3{top:25%;inset-inline-end:0}
  .hero-orbit .orb-4{top:37.5%;inset-inline-end:-2%}
  .hero-orbit .orb-5{top:50%;inset-inline-end:-2%}
  .hero-orbit .orb-6{top:62.5%;inset-inline-end:0}
  .hero-orbit .orb-7{top:75%;inset-inline-end:4%}
  .hero-orbit .orb-8{top:87.5%;inset-inline-end:11%}
  /* Les visuels des slides se décalent vers l'intérieur pour laisser respirer l'arc */
  .studio-hero .hero-art>picture,.studio-hero .hero-art>.workspace-wrap,.studio-hero .hero-art>.shield-scene{margin-inline-end:150px}
}
@media(min-width:851px) and (max-width:1240px){.hero-orbit span{width:176px;height:44px}.studio-hero .hero-art>picture,.studio-hero .hero-art>.workspace-wrap,.studio-hero .hero-art>.shield-scene{margin-inline-end:140px}}
/* Arc ancré au bord droit de l'écran sur les grands écrans (espace libre hors conteneur, marge 24px) */
@media(min-width:851px){
  .studio-hero{--orb-shift:max(0px, calc(((100vw - 1320px) / 2 - 88px) * .6))}
  .hero-orbit{inset-inline-end:calc(-1 * var(--orb-shift))}
  .studio-hero .hero-art>picture,.studio-hero .hero-art>.workspace-wrap,.studio-hero .hero-art>.shield-scene{margin-inline-end:max(0px, calc(150px - var(--orb-shift)))}
}

/* ---- WhatsApp : bouton flottant, coordonnées du pied de page ---- */
.wa-float{position:fixed;z-index:60;bottom:22px;inset-inline-end:22px;display:flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;
  background:#25d366;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 14px 34px #128c7e66;transition:transform .25s ease,box-shadow .25s ease;animation:wa-pulse 2.6s ease-out infinite}
.wa-float:hover{transform:translateY(-3px);box-shadow:0 18px 40px #128c7e80;color:#fff}
.wa-float:focus-visible{outline:3px solid #0b1044;outline-offset:3px}
.wa-float .icon{width:28px;height:28px;stroke:#fff;stroke-width:1.8}
@keyframes wa-pulse{0%{box-shadow:0 14px 34px #128c7e66,0 0 0 0 #25d36680}70%{box-shadow:0 14px 34px #128c7e66,0 0 0 16px #25d36600}100%{box-shadow:0 14px 34px #128c7e66,0 0 0 0 #25d36600}}
@media(max-width:760px){.wa-float{width:56px;padding:0;justify-content:center;bottom:16px;inset-inline-end:16px}.wa-float span{display:none}}
.btn-wa{background:#25d366;color:#fff;border:0}
.btn-wa:hover{background:#1ebe5b;color:#fff}
.btn-wa .icon{stroke:#fff;width:20px;height:20px}
.ct-ci.ct-ci-wa{background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important;box-shadow:0 8px 20px #128c7e55}
.ct-ci.ct-ci-wa .icon{stroke:#fff!important}
.footer-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--line);font-size:13px;color:#4a5070}
.footer-contact li{display:flex;align-items:center;gap:8px}
.footer-contact .icon{width:17px;height:17px;flex:none;stroke:#f61a74}
.footer-contact li:nth-child(3) .icon{stroke:#25d366}
.footer-contact a{color:inherit}
.footer-contact a:hover{color:#c8105c;text-decoration:underline}

/* ---- Menu des langues (déroulant) et bouton clair / sombre ---- */
.lang-menu{position:relative}
.lang-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;
  color:var(--ink);font-size:13.5px;font-weight:700;cursor:pointer;user-select:none;transition:border-color .2s,box-shadow .2s}
.lang-menu>summary::-webkit-details-marker{display:none}
.lang-menu>summary:hover,.lang-menu[open]>summary{border-color:#f3c3d6;box-shadow:0 6px 18px #0b104412}
.lang-menu>summary:focus-visible{outline:3px solid #f61a7455;outline-offset:2px}
.lang-menu>summary .icon{width:18px;height:18px;stroke:#f61a74}
.lang-menu>summary .lang-chev{width:14px;height:14px;stroke:#8a90a8;transition:transform .2s}
.lang-menu[open]>summary .lang-chev{transform:rotate(180deg)}
.lang-list{position:absolute;z-index:80;top:calc(100% + 8px);inset-inline-end:0;min-width:190px;margin:0;padding:6px;list-style:none;background:#fff;
  border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #0b10442a;animation:uit-up .2s ease both}
.lang-list a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14px;text-decoration:none}
.lang-list a:hover,.lang-list a:focus-visible{background:#fdf0f5;outline:none}
.lang-list a.active{background:#f4f5fa;font-weight:700}
.lang-code{display:grid;place-items:center;min-width:30px;height:24px;border-radius:6px;background:#f1f2f8;font-size:11.5px;font-weight:700;color:#535973}
.lang-list a.active .lang-code{background:linear-gradient(135deg,#f61a74,#fe5c4a);color:#fff}
.lang-name{flex:1}
.lang-list [lang=ar] .lang-name{font-family:'Cairo',Tahoma,sans-serif}
.lang-ok{width:16px;height:16px;stroke:#f61a74}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.theme-toggle:hover{border-color:#f3c3d6;box-shadow:0 6px 18px #0b104412;transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:3px solid #f61a7455;outline-offset:2px}
.theme-toggle .icon{width:19px;height:19px}
.theme-toggle .i-sun{display:none;stroke:#ffb03a}
.theme-toggle .i-moon{stroke:#5134e3}
html[data-theme=dark] .theme-toggle .i-sun{display:block}
html[data-theme=dark] .theme-toggle .i-moon{display:none}
@media(max-width:520px){.lang-menu>summary{height:36px;padding:0 9px;gap:5px}.lang-menu>summary .lang-chev{display:none}.theme-toggle{width:36px;height:36px}}

/* Contact : les 3 boutons du haut sur une seule ligne (grands écrans) */
@media(min-width:1100px){
  .ct-hero .ct-hero-actions{flex-wrap:nowrap;gap:10px}
  .ct-hero .ct-hero-actions .btn{flex:0 0 auto;padding:0 16px;min-height:50px;font-size:14.5px;white-space:nowrap;gap:8px}
  .ct-hero .ct-hero-actions .btn .icon{width:18px;height:18px}
}
.btn-wa{background:linear-gradient(135deg,#25d366,#128c7e)}
.btn-wa:hover{background:linear-gradient(135deg,#22c55e,#0f7a6e)}

/* ---- Bouton WhatsApp flottant : icône seule qui « sonne » + bulle de message intermittente ---- */
.wa-float{width:60px;height:60px;padding:0;justify-content:center;border-radius:50%;gap:0}
.wa-float .wa-ico{display:grid;place-items:center;animation:wa-ring 4s ease-in-out infinite;transform-origin:50% 60%}
.wa-float .wa-ico .icon{width:30px;height:30px}
.wa-float .wa-bubble{position:absolute;inset-inline-end:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;
  padding:9px 14px;border-radius:12px;background:#fff;color:#0b1044;font-size:13.5px;font-weight:700;box-shadow:0 10px 28px #0b104429;
  opacity:0;pointer-events:none;animation:wa-bubble 12s ease-in-out 2s infinite}
.wa-float .wa-bubble:after{content:'';position:absolute;top:50%;inset-inline-start:100%;margin-top:-6px;border:6px solid transparent;border-inline-start-color:#fff}
.wa-float:hover .wa-bubble,.wa-float:focus-visible .wa-bubble{animation:none;opacity:1}
@keyframes wa-ring{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(-16deg)}70%{transform:rotate(14deg)}74%{transform:rotate(-12deg)}78%{transform:rotate(10deg)}82%{transform:rotate(-6deg)}86%{transform:rotate(0)}}
@keyframes wa-bubble{0%,8%{opacity:0;transform:translateY(-50%) translateX(8px)}12%,40%{opacity:1;transform:translateY(-50%) translateX(0)}46%,100%{opacity:0;transform:translateY(-50%) translateX(8px)}}
[dir=rtl] .wa-float .wa-bubble{animation-name:wa-bubble-rtl}
@keyframes wa-bubble-rtl{0%,8%{opacity:0;transform:translateY(-50%) translateX(-8px)}12%,40%{opacity:1;transform:translateY(-50%) translateX(0)}46%,100%{opacity:0;transform:translateY(-50%) translateX(-8px)}}
html[data-theme=dark] .wa-float .wa-bubble{background:#1b2347;color:#f2f4fb}
html[data-theme=dark] .wa-float .wa-bubble:after{border-inline-start-color:#1b2347}
@media(max-width:760px){.wa-float{width:54px;height:54px}.wa-float .wa-ico{display:grid}.wa-float .wa-bubble{display:block;font-size:12.5px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.wa-float .wa-bubble{display:none}.wa-float:hover .wa-bubble,.wa-float:focus-visible .wa-bubble{display:block}}
/* Drapeaux du menu des langues */
.lang-flag{display:block;width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px #0b104422;flex:none}
.lang-list .lang-flag{width:24px;height:16px}
.lang-list .lang-code{min-width:0;height:auto;padding:2px 6px;background:none;color:#8a90a8;font-size:11px}
.lang-list a.active .lang-code{background:none;color:#c8105c}
/* Bouton thème puis menu des langues, rapprochés */
.hdr-tools{display:flex;align-items:center;gap:6px}