@font-face{font-family:Inter;src:url('../fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
.screen-family-nav{display:flex;flex-wrap:wrap;gap:8px;padding-block:24px;border-bottom:1px solid var(--color-border)}
.screen-family-nav a,.screen-range-nav a{display:flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid var(--color-border);border-radius:2px;font-size:1.3rem;line-height:1.5}
.screen-family-nav a[aria-current]{background:var(--color-primary);border-color:var(--color-primary);color:white}
.screen-catalog .page-hero h1{font-size:clamp(3.7rem,4.2vw,6.1rem)}
.screen-catalog .page-hero .text-link{color:white}
.screen-hero-figure{min-width:0}
.screen-hero-product{background:white;min-height:250px;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:3px 3px 42px 3px}
.screen-hero-product img{max-height:370px;object-fit:contain}
.screen-hero-figure figcaption,.screen-hub-visual figcaption{font-size:1.2rem;line-height:1.6;color:#c9d4e1;margin-top:12px}
.screen-hub-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px 3px 42px 3px}
.screen-family-grid{display:grid;gap:24px}
.screen-family-card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:3px;overflow:hidden}
.screen-family-card:hover{text-decoration:none;border-color:var(--color-secondary)}
.screen-family-card:hover h3{text-decoration:underline;text-underline-offset:5px}
.screen-family-image{height:240px;display:flex;align-items:center;justify-content:center;background:white;padding:24px;border-bottom:1px solid var(--color-border)}
.screen-family-image img{max-height:192px;object-fit:contain}
.screen-family-copy{padding:24px;display:flex;flex-direction:column;flex:1;gap:16px}
.screen-family-copy p{font-size:1.4rem;color:var(--color-text-light)}
.screen-family-copy .text-link{margin-top:auto;border-top:1px solid var(--color-border);padding-top:16px;justify-content:space-between}
.screen-criteria{display:grid;gap:28px}
.screen-criteria>div{border-top:1px solid var(--color-border);padding-top:22px}
.screen-number{font-size:1.3rem;font-weight:700;color:var(--color-secondary);display:block;margin-bottom:16px}
.screen-criteria h3{font-size:2.1rem;margin-bottom:14px}
.screen-criteria p{font-size:1.5rem;color:var(--color-text-light)}
.screen-range-section{background:var(--color-surface)}
.screen-range-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.screen-range-nav a{background:white}
.screen-products-grid{display:grid;gap:24px;align-items:start}
.screen-product{background:white;border:1px solid var(--color-border);min-width:0;scroll-margin-top:24px}
.screen-product-image{height:245px;padding:24px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}
.screen-product-image img{max-height:197px;object-fit:contain}
.screen-product-copy{padding:24px}
.screen-product h3{font-size:2.4rem;line-height:1.2;margin:18px 0 16px}
.screen-product-copy>p{color:var(--color-text-light);font-size:1.5rem}
.screen-badges{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.screen-badges li{font-size:1.15rem;line-height:1.5;padding:4px 8px;background:#eaf0f5;color:#243e57}
.screen-specifications{border-block:1px solid var(--color-border);margin-top:22px}
.screen-specifications summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding-block:12px;font-size:1.4rem;font-weight:650}
.screen-specifications summary::-webkit-details-marker{display:none}
.screen-specifications summary span{font-size:2rem}
.screen-specifications[open] summary span{transform:rotate(45deg)}
.screen-table-wrap{overflow-x:auto;margin-bottom:16px;outline-offset:-3px}
.screen-specifications table{border-collapse:collapse;width:100%;font-size:1.25rem;line-height:1.65;min-width:390px}
.screen-specifications caption{text-align:left;font-size:1.2rem;color:var(--color-text-light);margin-bottom:10px}
.screen-specifications th,.screen-specifications td{padding:10px 8px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}
.screen-specifications thead{background:var(--color-surface)}
.screen-specifications tbody th{font-weight:600;overflow-wrap:anywhere}
.screen-product-note{font-size:1.25rem;color:var(--color-text-light);line-height:1.75;padding-bottom:18px}
.screen-product-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 22px}
.screen-product-gallery figure{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.screen-product-gallery figcaption{font-size:1.2rem;text-align:center;line-height:1.5}
.screen-product-gallery img{justify-self:center;align-self:center;max-height:140px;object-fit:contain}
.screen-product-copy>.text-link{margin-top:12px;justify-content:space-between;width:100%}
.screen-catalog-note{font-size:1.3rem;line-height:1.8;color:var(--color-text-light);max-width:900px;margin-top:32px}
.screen-feature-band{background:var(--color-surface);padding-block:64px}
.screen-feature-inner{display:grid;align-items:center;gap:32px}
.screen-feature-image{background:white;border-radius:3px;padding:30px;display:flex;justify-content:center}
.screen-feature-image img{max-height:420px;object-fit:contain}
.screen-feature-inner h2{margin-bottom:24px}
.screen-feature-inner .screen-product-note{margin-top:20px}
.screen-help{display:grid;gap:24px;align-items:center}
.screen-help-click{width:115px;height:150px;object-fit:contain;justify-self:center}
.screen-help .screen-help-scene{width:150px;height:220px;object-fit:cover;border-radius:3px 3px 32px 3px;justify-self:center}
.screen-help h2{margin-bottom:22px}
.screen-help .btn{margin-top:24px}
@media(min-width:576px){.screen-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.screen-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-criteria{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.screen-help{grid-template-columns:180px minmax(0,760px);justify-content:center;gap:48px}.screen-help-click{width:170px;height:220px}.screen-feature-inner{grid-template-columns:1fr 1fr;gap:48px}.screen-product-copy{padding:28px}.screen-product-image{height:280px}.screen-product-image img{max-height:230px}}
@media(min-width:1024px){.screen-family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-hero-product{min-height:390px}.screen-hub-visual img{min-height:390px}.screen-family-image{height:260px}.screen-family-image img{max-height:212px}}
:root{--color-primary:#101e31;--color-secondary:#ce172c;--color-accent:#a8c3df;--color-text:#17283b;--color-text-light:#556373;--color-background:#fff;--color-surface:#f4f5f4;--color-border:#d5dce0;--color-success:#286640;--color-info:#24557a;--color-warning:#78510c;--color-error:#b91629;--font-primary:Inter,Arial,sans-serif;--font-secondary:Inter,Arial,sans-serif;--container-width:1280px;--border-radius:4px;--section-spacing:64px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--deep:#0c1829;--mint:#e9eee4}
*{box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;font:1.6rem/1.65 var(--font-primary);color:var(--color-text);background:var(--color-background)}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:600}
h1{font-size:clamp(3.9rem,4.8vw,6.9rem)}
h2{font-size:clamp(3rem,3.2vw,4.7rem)}
h3{font-size:2.3rem}
p+p{margin-top:16px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
picture{display:contents}
picture>source{display:none}
img{display:block;max-width:100%;height:auto}
ul,ol{padding-left:22px}
button:disabled{cursor:not-allowed}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #db720d;outline-offset:4px}
a:hover{text-decoration:underline;text-underline-offset:5px}
.container{width:min(var(--container-width),calc(100% - 40px));margin-inline:auto}
.section{padding-block:var(--section-spacing)}
.eyebrow{font-size:1.3rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px}
.muted{color:var(--color-text-light)}
.muted-heading{color:#637586}
.lead{font-size:1.8rem;line-height:1.8;max-width:640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 20px;font-size:1.4rem;font-weight:600;border:1px solid transparent;border-radius:2px;text-decoration:none;line-height:1.4}
.btn:hover{text-decoration:none;filter:brightness(.94)}
.btn-primary{background:var(--color-secondary);color:#fff}
.btn-secondary{background:var(--color-primary);color:#fff}
.btn-light{background:#fff;color:var(--color-primary)}
.btn-outline{border-color:var(--color-border);background:transparent;color:var(--color-text)}
.actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:28px}
.text-link{display:inline-flex;align-items:center;gap:22px;font-weight:600;font-size:1.4rem;min-height:44px}
.text-link span{font-size:2rem}
.section-heading{display:flex;flex-wrap:wrap;align-items:end;gap:24px;justify-content:space-between;margin-bottom:36px}
.section-heading>p{max-width:370px;color:var(--color-text-light)}
.preview-bar{background:#e8ebef;color:#334256;font-size:1.2rem;padding:6px 20px;text-align:center}
.skip{position:absolute;left:16px;top:-100px;z-index:90;background:white;padding:12px}
.skip:focus{top:12px}
.site-header{background:var(--color-primary);color:#fff;position:relative;z-index:30}
.header-inner{width:min(1460px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:14px;min-height:98px}
.brand{flex:0 0 114px}
.brand img{width:114px}
.partner{width:52px;height:52px;object-fit:contain}
.menu-toggle{background:transparent;color:white;border:1px solid #64788e;padding:10px;margin-left:auto;display:flex;gap:8px;align-items:center;font-size:1.3rem;min-height:44px}
.client-link,.header-cta{display:none}
#navigation{display:none;position:absolute;left:0;right:0;top:100%;background:#182b43;padding:20px;max-height:calc(100dvh - var(--menu-top,160px));overflow:auto;box-shadow:0 16px 30px #0003}
#navigation.is-open{display:block}
.nav-group{border-bottom:1px solid #53647a}
.nav-group summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:1.6rem}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group[open]>summary{color:#b6cfea}
.mega-menu{padding:8px 0 20px}
.mega-intro h2{font-size:2.8rem;max-width:440px}
.mega-intro>p:not(.eyebrow){font-size:1.4rem;line-height:1.7;max-width:480px;margin-top:16px}
.mega-intro>.btn{margin-top:20px}
.mega-intro .eyebrow{display:none}
.mega-links{display:grid;margin-top:24px}
.mega-link{display:grid;grid-template-columns:80px minmax(0,1fr) 16px;gap:12px;align-content:start;align-items:center;padding:20px 0;border-bottom:1px solid #53647a}
.mega-link-image{width:80px;height:80px;object-fit:cover;border-radius:2px;background:#d5dce0}
.mega-link strong{display:block;font-size:1.5rem;font-weight:600;line-height:1.45;overflow-wrap:break-word}
.mega-link small{grid-column:1/-1;display:block;font-size:1.3rem;line-height:1.55;color:#c6d3df}
.mega-link b{font-size:1.6rem}
.mega-link:hover,.mega-link:focus-visible{text-decoration:none}
.mega-link:hover strong,.mega-link:focus-visible strong{text-decoration:underline;text-underline-offset:4px}
.mega-click{display:none}
.mobile-contact{display:grid;gap:12px;margin-top:20px;font-size:1.4rem}
.mobile-contact a{padding:10px 0}
.hero{background:var(--color-primary);color:#fff;overflow:hidden}
.hero-inner{display:grid;gap:30px;padding-block:24px}
.hero h1{font-size:clamp(4.8rem,5.4vw,8rem);line-height:1.04}
.hero h1 span{color:var(--color-accent)}
.hero-copy>p:not(.eyebrow){max-width:450px;color:#d3dce7;margin-top:26px}
.hero .eyebrow{color:#ced9e4;font-size:1.2rem;letter-spacing:.04em}
.hero .text-link{color:#e1e9f1}
.hero-local{font-size:1.3rem;color:#cbd8e6;margin-top:28px}
.hero-xerox{color:#fff}
.hero-xerox img{width:92px;height:92px;object-fit:contain;flex-shrink:0}
.hero-xerox strong{display:block;font-size:1.8rem;line-height:1.25}
.hero-xerox span{display:block;font-size:1.3rem;color:#ced9e4;margin-top:4px}
.hero-xerox-mobile{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.hero-xerox-desktop{display:none}
@media(min-width:768px){.hero-xerox-mobile{display:none}.hero-xerox-desktop{display:grid;position:absolute;left:0;bottom:10px;gap:6px;max-width:calc(100% - 190px)}.hero-xerox-desktop img{width:108px;height:108px}.hero-xerox-desktop strong{font-size:1.4rem}.hero-xerox-desktop span{font-size:1.2rem;margin-top:2px}}
@media(min-width:1024px){.hero-xerox-desktop{max-width:200px}.hero-xerox-desktop img{width:130px;height:130px}.hero-xerox-desktop strong{font-size:1.5rem}}
@media(min-width:1280px){.hero-xerox-desktop{max-width:230px}.hero-xerox-desktop img{width:140px;height:140px}.hero-xerox-desktop strong{font-size:1.6rem}}
.hero-visual{position:relative;min-height:425px;padding-right:20px}
.hero-photo{height:285px;width:100%;object-fit:cover;object-position:center 10%;border-radius:3px 3px 45px 3px}
.hero-click{position:absolute;right:-30px;bottom:5px;width:230px;height:230px;object-fit:contain}
.photo-caption{font-size:1.3rem;max-width:48%;margin-top:23px;line-height:1.7}
.click-label{position:absolute;bottom:0;right:12px;font-size:1.2rem;background:#263b51;padding:3px 10px;border-radius:20px}
.hero-bottom{border-top:1px solid #42546a;padding-block:22px;display:flex;justify-content:space-between;gap:26px;font-size:1.2rem;color:#c5d2df}
.hero-bottom span{max-width:45%}
.hero-bottom a{text-align:right}
.interactive-screens{background:var(--color-surface);padding-block:48px}
.interactive-screens-inner{display:grid;gap:32px;align-items:center}
.interactive-screens-copy{min-width:0}
.interactive-screens h2{font-size:clamp(3rem,3.2vw,4.4rem);line-height:1.14}
.interactive-screens h2 span{display:block}
.interactive-screens-copy>p{max-width:46ch;margin-top:22px;color:var(--color-text-light);font-size:1.7rem}
.interactive-screens .actions{gap:12px 24px}
.interactive-screens-visual{min-width:0}
.interactive-screens-visual img{width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--border-radius)}
@media(min-width:960px){.interactive-screens{padding-block:64px}.interactive-screens-inner{grid-template-columns:1.1fr 1fr;gap:48px}.interactive-screens-visual{grid-column:1;grid-row:1}.interactive-screens-copy{grid-column:2;grid-row:1}}
.offers-grid{display:grid;grid-template-columns:1fr;gap:16px}
.offer-card{position:relative;isolation:isolate;overflow:hidden;min-height:245px;background:var(--color-primary);color:#fff;padding:30px;display:flex;align-items:flex-end;border-radius:3px}
.offer-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.offer-card:has(img):after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101e3100,#0b182bdb)}
.offer-card h3{font-size:2.8rem;margin-bottom:12px}
.offer-card p{font-size:1.4rem;max-width:210px}
.offer-print{min-height:335px}
.offer-doc img{object-position:50% 47%}
.offer-consumables{background:#e7ecef;color:var(--color-text)}
.offer-display{background:var(--color-secondary)}
.offer-symbol{position:absolute;right:25px;top:25px;font-size:2.2rem;font-weight:500;letter-spacing:.06em;border-bottom:2px solid currentColor;padding-bottom:6px}
.round-arrow{position:absolute;right:18px;bottom:19px;font-size:2rem}
.paper{background:var(--color-surface)}
.mint{background:var(--mint)}
.products-grid,.cards,.team-grid,.news-grid{display:grid;gap:22px}
.product,.card,.news-card{background:#fff;border:1px solid var(--color-border);border-radius:3px;overflow:hidden;display:flex;flex-direction:column}
.product:hover,.card:hover,.news-card:hover{border-color:#75869a;text-decoration:none}
.product-image{height:235px;padding:26px;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;background:#fafafa}
.product-image img{width:100%;height:100%;min-height:0;object-fit:contain}
.product-copy,.card-copy{padding:26px;flex:1}
.product-copy p,.card-copy p{margin-top:15px;color:var(--color-text-light);font-size:1.5rem}
.product-copy .text-link,.card-copy .text-link{margin-top:24px;border-top:1px solid #e0e5e8;padding-top:16px;display:flex;justify-content:space-between}
.card-image{width:100%;height:260px;object-fit:cover}
.sector-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid var(--color-border)}
.sector-cards .card-copy{display:flex;flex-direction:column}
.sector-cards .card-copy .text-link{margin-top:auto;padding-top:20px}
.sector-cards .card-copy p{margin-bottom:24px}
.sector-cards .card:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.click-advice{background:#e4eaf0;display:grid;gap:22px;padding:32px 24px 32px 110px;position:relative;margin-top:44px;min-height:160px}
.click-advice>img{position:absolute;width:110px;height:145px;object-fit:contain;left:0;top:24px}
.click-advice h3{font-size:2.2rem}
.click-advice p{margin-top:10px;font-size:1.4rem;color:#46586b}
.click-advice .btn{justify-self:start}
.people{display:grid;gap:38px}
.people-copy>p:not(.eyebrow){color:var(--color-text-light);margin-top:24px;max-width:400px}
.people-copy .text-link{margin-top:22px}
.portraits{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.portraits figure{position:relative}
.portraits figure img{height:240px;width:100%;object-fit:cover;object-position:50% 18%}
.portraits figure:nth-child(2){margin-top:36px}
.portraits figure:nth-child(3){margin-top:-36px}
.team-signature{display:grid;align-content:center;justify-items:center;text-align:center;font-size:1.3rem;gap:10px}
.team-signature img{width:140px}
.sectors{background:var(--color-primary);color:#fff;padding-block:48px}
.sectors-inner{display:grid;gap:30px}
.sector-links{display:flex;gap:10px;flex-wrap:wrap;align-content:center}
.sector-links a{border:1px solid #61738b;padding:12px 16px;font-size:1.4rem}
.split{display:grid;gap:38px;align-items:center}
.split-media{width:100%;max-height:520px;object-fit:cover;border-radius:3px}
.groupe-frederic{object-position:center top}
.split-copy>p:not(.eyebrow){margin-top:24px;color:var(--color-text-light)}
.agency-row{display:flex;justify-content:space-between;border-top:1px solid var(--color-border);padding-block:18px;font-size:2.3rem;margin-top:22px}
.agency-row+.agency-row{margin-top:0;border-bottom:1px solid var(--color-border)}
.click-world{background:var(--mint);overflow:hidden}
.click-world-inner{display:flex;flex-direction:column-reverse;gap:12px;padding-block:54px}
.click-stage{display:grid;place-items:center}
.click-stage img{height:390px;width:292px;object-fit:contain}
.click-world-copy h2{font-size:clamp(4.7rem,5vw,7rem)}
.click-world-copy h2 span{color:#486044}
.click-world-copy>p:not(.eyebrow){margin-top:24px;max-width:420px;color:#465840}
.click-world-copy .btn{margin-top:26px}
.contact-band{background:var(--color-primary);color:#fff;padding-block:56px}
.contact-band-inner{display:grid;gap:28px;position:relative;padding-right:70px}
.contact-band-inner>img{position:absolute;right:-20px;top:0;width:130px;height:130px;object-fit:contain}
.contact-band-inner>div{position:relative;max-width:760px}
.contact-band p{color:#d0dbe5;margin-top:18px}
.contact-band h2{max-width:75%}
.contact-band .btn{justify-self:start}
.service-strip{border-bottom:1px solid var(--color-border);padding-block:44px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.service-strip h2{font-size:3rem}
.service-strip p{margin-top:12px;color:var(--color-text-light)}
.breadcrumb{padding-block:20px;font-size:1.3rem;color:#596b7c}
.breadcrumb ol{list-style:none;display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0}
.breadcrumb li+li:before{content:'/';margin-right:9px;color:#7d8a98}
.page-hero{background:var(--color-primary);color:white;padding-block:42px 58px;overflow:hidden}
.page-hero-inner{display:grid;gap:32px}
.page-hero h1{max-width:860px}
.page-hero .lead{margin-top:24px;color:#d4dfea}
.page-hero .eyebrow{color:#b6cce1}
.page-hero-media{position:relative;padding-bottom:55px}
.page-hero-photo{width:100%;height:290px;object-fit:cover;border-radius:3px 3px 42px 3px}
.page-hero-media>.hero-click{width:155px;height:155px;right:-15px;bottom:-20px}
.page-hero.simple .page-hero-inner{grid-template-columns:minmax(0,1fr) 110px;gap:18px;align-items:center}
.page-hero.simple .page-click{width:110px;max-width:100%;transform:none}
.page-hero.simple h1{font-size:clamp(3.4rem,4.4vw,6.3rem)}
.page-hero.simple .lead{font-size:1.6rem}
.section-nav{display:flex;gap:10px;flex-wrap:wrap;padding-block:24px;border-bottom:1px solid var(--color-border)}
.section-nav a{padding:8px 14px;background:var(--color-surface);font-size:1.4rem}
.editorial{max-width:850px}
.editorial p{color:#435367;margin-top:20px}
.editorial li{margin-block:10px}
.editorial h2{margin-top:44px}
.editorial h2:first-child{margin-top:0}
.detail-grid{display:grid;gap:32px}
.feature-list{display:grid;gap:0;list-style:none;padding:0;margin:26px 0 0}
.feature-list li{padding:22px 0;border-bottom:1px solid var(--color-border)}
.feature-list strong{font-size:1.8rem;display:block;margin-bottom:7px}
.feature-list span{color:var(--color-text-light)}
.side-note{background:var(--mint);padding:28px;align-self:start}
.side-note img{height:175px;width:150px;object-fit:contain;margin:0 auto 20px}
.side-note h2{font-size:2.4rem}
.side-note p{font-size:1.4rem;margin-top:16px}
.side-note .text-link{margin-top:20px}
.faq{max-width:900px}
.faq details{border-bottom:1px solid var(--color-border);padding:20px 0}
.faq summary{font-size:1.8rem;font-weight:600;cursor:pointer}
.faq details p{padding-top:18px;color:#435367}
.comparison{width:100%;border-collapse:collapse;margin-top:24px;font-size:1.4rem}
.comparison th,.comparison td{text-align:left;padding:16px;border-bottom:1px solid var(--color-border);vertical-align:top}
.comparison th{background:var(--color-surface)}
.table-wrap{overflow:auto}
.notice{background:#edf1f4;border-left:3px solid #7b8d9e;padding:20px;font-size:1.4rem;line-height:1.7}
.notice p+p{margin-top:10px}
.team-grid figure{background:var(--color-surface)}
.team-grid img{width:100%;height:380px;object-fit:cover;object-position:center 20%}
.team-grid figcaption{padding:22px;font-size:1.5rem;font-weight:400}
.team-grid figcaption h2{font-size:2.1rem;line-height:1.3;margin-bottom:10px}
.team-grid .team-role{font-size:1.35rem;line-height:1.55;font-weight:650;margin-bottom:14px}
.team-grid .team-description{color:var(--color-text-light);line-height:1.75}
.team-grid .team-click{background:var(--mint);padding:30px;display:grid;align-content:center;justify-items:center;text-align:center;gap:20px}
.team-click img{object-fit:contain;height:255px}
.team-click h2{font-size:2.5rem}
.news-card-image{aspect-ratio:16/10;background:var(--mint);display:grid;place-items:center;position:relative;overflow:hidden}
.news-card-image img{width:170px;height:210px;object-fit:contain}
.play-mark{position:absolute;right:20px;bottom:18px;background:var(--color-primary);color:white;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:1.8rem}
.news-card-image .video-number{position:absolute;top:20px;left:20px;font-size:1.2rem;font-weight:600;letter-spacing:.04em}
.news-card:nth-child(3n+2) .news-card-image{background:#e4ebf2}
.news-card:nth-child(3n) .news-card-image{background:#f4e8e8}
.video-player{background:var(--deep);padding:16px;border-radius:4px}
.video-player video{display:block;width:100%;max-height:75vh;min-height:220px;background:#0c1829}
.video-caption{font-size:1.3rem;color:var(--color-text-light);margin-top:18px}
.testimonial-video{min-width:0;width:100%;margin-block:24px}
.testimonial-video-stage{position:relative;aspect-ratio:16/9;min-height:200px;background:var(--deep);border-radius:4px;overflow:hidden}
.testimonial-video-stage img,.testimonial-video-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border:0}
.testimonial-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;box-shadow:0 2px 16px #0005}
.testimonial-video-play[hidden],.testimonial-video-close[hidden]{display:none}
.testimonial-video figcaption{margin-top:12px;font-size:1.3rem;line-height:1.65;color:var(--color-text-light)}
.testimonial-video figcaption a{display:inline-block;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding-block:10px}
.testimonial-video-close{display:block;background:transparent;color:inherit;border:1px solid currentColor;padding:9px 12px;min-height:44px;font-size:1.3rem;border-radius:2px}
.testimonial-video-close:hover{background:var(--color-primary);color:#fff}
.testimonial-hero-media .testimonial-video{margin:0}
.testimonial-hero-media .testimonial-video figcaption{color:#d4dfea;padding-right:105px}
.page-hero-media.testimonial-hero-media>.hero-click{width:105px;height:140px;right:-10px;bottom:-20px;pointer-events:none}
.post-navigation{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:30px;margin-top:40px}
.form-grid{display:grid;gap:20px}
.field{display:grid;gap:8px}
.field label{font-size:1.4rem;font-weight:600}
.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #94a2b0;border-radius:2px;padding:12px 14px;background:white;color:var(--color-text)}
.field textarea{min-height:140px;resize:vertical}
.field small{font-size:1.3rem;color:var(--color-text-light)}
.contact-form{padding:26px;background:var(--color-surface)}
.contact-form .notice{margin-bottom:26px;background:#fff}
.contact-form .actions{gap:12px}
.form-status{margin-top:18px;font-size:1.4rem;color:#304861}
.contact-options{display:grid;gap:24px;margin-top:28px}
.contact-options a{font-size:1.8rem;text-decoration:underline;text-underline-offset:4px}
.contact-options strong{display:block;font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.agency-photo-grid{display:grid;gap:22px}
.agency-photo-grid img{height:440px;width:100%;object-fit:cover}
.empty-state{background:var(--color-surface);padding:34px;border-left:3px solid #9cadbb}
.empty-state h2{font-size:2.6rem}
.empty-state p{margin-top:18px;max-width:700px}
.support-cards .card{padding:30px}
.support-cards .card p{margin-block:20px}
.site-footer{background:var(--deep);color:#c9d5e2}
.footer-top{display:grid;gap:32px;padding-block:54px}
.footer-top>div:first-child img{width:165px}
.footer-top p{font-size:1.4rem;margin-top:20px}
.footer-top h2{font-size:1.6rem;letter-spacing:0;color:#fff;margin-bottom:16px}
.footer-top ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:1.3rem}
.phone-link{display:inline-block;margin-top:20px;color:#fff}
.footer-more{display:flex;flex-wrap:wrap;gap:14px 26px;border-top:1px solid #34465c;padding-block:23px;font-size:1.3rem}
.footer-bottom{border-top:1px solid #34465c;display:flex;flex-wrap:wrap;gap:13px 23px;padding-block:24px;font-size:1.2rem}
.footer-bottom>a:last-child{margin-left:auto}
@media(min-width:375px){.brand,.brand img{width:126px;flex-basis:126px}
.partner{width:58px;height:58px}
.offers-grid{grid-template-columns:1fr 1fr}
.offer-print{grid-column:span 2}
.offer-card:not(.offer-print){padding:22px 18px 42px;min-height:250px}
.offer-card:not(.offer-print) h3{font-size:2.2rem}
.offer-card:not(.offer-print) p{font-size:1.3rem}
}
@media(min-width:576px){.products-grid,.cards,.news-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-top{grid-template-columns:1fr 1fr}
.form-grid{grid-template-columns:1fr 1fr}
.field-wide{grid-column:1/-1}
.hero-photo{height:360px}
.hero-visual{min-height:480px}
.hero-click{width:270px;height:270px}
.page-hero.simple .page-hero-inner{grid-template-columns:1fr 150px}
.page-hero.simple .page-click{width:200px}
}
@media(min-width:768px){:root{--section-spacing:88px}
.container{width:min(var(--container-width),calc(100% - 64px))}
.header-inner{width:calc(100% - 64px)}
.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-block:32px}
.hero h1{font-size:clamp(5.6rem,6vw,8rem)}
.hero-photo{height:345px}
.hero-visual{padding-right:0;min-height:500px}
.hero-click{right:-40px;bottom:0}
.hero-bottom{font-size:1.3rem}
.split,.people{grid-template-columns:1fr 1fr;gap:48px}
.click-world-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.click-stage img{height:480px;width:360px}
.sectors-inner{grid-template-columns:.9fr 1.4fr;gap:50px}
.contact-band-inner{grid-template-columns:1fr auto;align-items:center;padding-left:160px;padding-right:0}
.contact-band-inner>img{left:-20px;right:auto;top:auto;width:170px;height:170px}
.contact-band h2{max-width:100%}
.page-hero-inner{grid-template-columns:1.25fr 1fr;gap:50px;align-items:center}
.page-hero{padding-block:60px 65px}
.page-hero.simple .page-hero-inner{grid-template-columns:1fr 230px}
.page-hero.simple .page-click{width:240px}
.page-hero.simple .lead{font-size:1.8rem}
.detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:60px}
.contact-layout{grid-template-columns:.85fr 1.15fr;align-items:start}
.contact-form{padding:36px}
.agency-photo-grid{grid-template-columns:1fr 1fr}
.click-advice{grid-template-columns:1fr auto;align-items:center;padding:32px 32px 32px 150px}
.click-advice>img{width:130px;height:173px;top:auto;bottom:0}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px){.menu-toggle{display:none}
.header-inner{min-height:114px;gap:18px;width:calc(100% - 48px)}
.brand,.brand img{width:132px;flex-basis:132px}
.partner{width:64px;height:64px}
#navigation,#navigation.is-open{display:flex;position:static;padding:0;overflow:visible;max-height:none;box-shadow:none;margin-left:auto;background:transparent;gap:16px}
.nav-group{border:0}
.nav-group summary{font-size:1.3rem;gap:6px;padding:25px 0;white-space:nowrap}
.mega-menu{position:fixed;z-index:31;top:var(--menu-top,144px);left:0;right:0;max-height:calc(100dvh - var(--menu-top,144px));overflow-y:auto;background:#fff;color:var(--color-text);box-shadow:0 28px 70px #11181f38;padding:0;border-top:1px solid var(--color-border)}
.mega-panel-inner{display:grid;width:min(100%,1600px);margin:auto;grid-template-columns:minmax(300px,.85fr) minmax(0,2.15fr)}
.mega-intro{padding:40px 3vw;border-right:1px solid var(--color-border);background:#f1f3f5}
.mega-intro h2{font-size:clamp(2.8rem,2.4vw,4rem)}
.mega-intro>p:not(.eyebrow){color:var(--color-text-light)}
.mega-links{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;border-top:1px solid var(--color-border);margin:0}
.mega-link{min-height:178px;padding:20px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff}
.mega-link:hover,.mega-link:focus-visible{background:#f1f3f5;text-decoration:none}
.mega-link small{color:var(--color-text-light)}
.mega-link b{color:var(--color-secondary)}
.mega-intro .eyebrow{display:block}
.mega-click{display:block;width:130px;height:150px;object-fit:contain;margin:20px auto 0}
.mobile-contact{display:none}
.client-link{display:block;white-space:nowrap;font-size:1.2rem;font-weight:600;border:1px solid #b6cfea;padding:12px;min-height:44px}
.offers-grid{grid-template-columns:1.18fr 1fr 1fr;grid-template-rows:250px 250px;gap:20px}
.offer-print{grid-column:auto;grid-row:span 2}
.offer-card:not(.offer-print){padding:28px;min-height:0}
.offer-card:not(.offer-print) h3{font-size:2.8rem}
.offer-card:not(.offer-print) p{font-size:1.4rem}
.offer-print h3{font-size:3.7rem}
.products-grid,.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-grid img{height:335px}
.portraits figure img{height:300px}
.footer-top{grid-template-columns:1.1fr 1fr 1fr 1fr;gap:45px}
.page-hero-photo{height:350px}
.page-hero-media>.hero-click{height:185px;width:185px}
.hero-visual{min-height:540px}
.hero-photo{height:385px}
.hero-click{height:295px;width:295px}
.hero-copy{padding-bottom:50px}
}
@media(min-width:1280px){:root{--section-spacing:104px}
.container{width:min(var(--container-width),calc(100% - 80px))}
.header-inner{gap:24px;max-width:1440px}
.brand,.brand img{width:154px;flex-basis:154px}
.partner{width:74px;height:74px}
.header-cta{display:inline-flex;padding:12px 14px;font-size:1.2rem}
#navigation{gap:24px}
.hero-inner{gap:70px;padding-top:40px}
.hero-photo{height:410px}
.hero-visual{min-height:575px}
.hero h1{font-size:8rem}
.hero-click{width:315px;height:315px;right:-34px}
.people{gap:95px}
.split{gap:80px}
.page-hero-inner{gap:80px}
.page-hero-photo{height:400px}
.page-hero.simple .page-hero-inner{grid-template-columns:1fr 270px}
.page-hero.simple .page-click{width:290px}
.mega-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none;transition:none}
}
.contact-mascot{width:130px;height:173px;object-fit:contain;margin-top:30px}
.product-copy h2{font-size:2.3rem}
.click-advice h2{font-size:2.4rem}
.product-family .page-hero-photo{object-fit:contain;background:#fff;padding:25px}
.news-card-image img.episode-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.notice+.news-grid{margin-top:24px}
@media(min-width:768px){.contact-mascot{width:200px;height:265px}
}
@media(max-width:575px){.page-hero.simple .page-hero-inner>div{display:contents}
.page-hero.simple h1,.page-hero.simple .eyebrow,.page-hero.simple .actions{grid-column:1/-1}
.page-hero.simple .page-click{grid-column:2;grid-row:3}
.page-hero.simple .lead{margin-top:0}
}
@media(max-width:767px){.contact-band-inner{padding-right:0}
.contact-band-inner>div{padding-right:110px}
.contact-band-inner>img{right:-10px;width:120px;height:120px}
.contact-band h2{max-width:100%}
}
.editorial>section+section{margin-top:44px}
.section-action{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;padding-top:26px;border-top:1px solid var(--color-border)}
.section-action>p{margin:0;margin-right:auto;font-size:1.6rem}
.story-label,.card-copy p.story-label{font-size:1.2rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#8e1830;margin:0 0 14px}
.news-card-image img.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.news-grid.two{grid-template-columns:1fr}
.side-note .click-scene{width:100%;height:230px;object-fit:cover;object-position:center 40%;margin-bottom:24px;border-radius:3px}
.side-note>.btn{margin-top:24px;width:100%;gap:12px}
.journal-click{width:240px;height:290px;object-fit:cover;object-position:center;border-radius:100px 100px 4px 4px;justify-self:end}
.page-hero.simple .page-hero-inner>picture{justify-self:end}
.click-film-link{position:relative;display:block;max-width:330px;margin:auto;border-radius:160px 160px 4px 4px;overflow:hidden;border:1px solid #556c82}
.click-stage img.stage-scene{width:100%;height:460px;object-fit:cover}
.click-film-link>span{position:absolute;left:0;right:0;bottom:0;padding:35px 20px 20px;background:linear-gradient(transparent,#101e31);color:white;font-size:1.4rem}
.article-layout{align-items:start}
.page-hero-photo{object-position:center 22%}
.page-hero-photo[src*="totem-accueil"],.page-hero-photo[src*="renaissance-ensemble"]{object-fit:contain;background:#edf0ed}
.reading-copy{max-width:760px;font-size:1.7rem;line-height:1.85}
.reading-copy h2{font-size:clamp(2.7rem,3vw,3.7rem)}
.article-photo{margin:40px 0}
.article-photo img{width:100%;height:auto;border-radius:3px}
.article-photo figcaption{font-size:1.3rem;line-height:1.6;color:var(--color-text-light);margin-top:12px}
.article-hero-video{margin:0;min-width:0;text-align:center;justify-self:center;max-width:100%}
.article-hero-video video{display:block;width:auto;height:min(480px,70svh);max-width:100%;margin-inline:auto;aspect-ratio:9/16;object-fit:contain;background:#091422;border-radius:4px}
.article-hero-video figcaption{max-width:320px;margin:14px auto 0;font-size:1.2rem;line-height:1.6;color:#d4dfea}
.article-video-hero .page-hero-inner>div{min-width:0}
.story-media-label{position:absolute;bottom:16px;left:16px;background:var(--color-primary);color:#fff;padding:7px 12px;font-size:1.2rem;font-weight:600;border-radius:2px}
.reading-copy>section+section{margin-top:36px}
#article{scroll-margin-top:125px}
@media(min-width:576px){.news-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.page-hero.simple .page-hero-inner>picture{grid-column:2;grid-row:3}}
@media(max-width:575px){.journal-click{grid-column:2;grid-row:3;width:100%;height:200px}.site-header .header-inner{flex-wrap:wrap;padding-block:14px;gap:12px}.site-header .client-link{display:block;flex:1 1 100%;border-top:1px solid #52647a;padding:10px 0 0;font-size:1.3rem;color:#d4e3f3;text-align:center}.page-hero-media>.hero-click{width:145px;height:195px}.click-stage img.stage-scene{height:380px}}
/* My Beone blocks inherit DS editorial typography and CTAs. */
.blog-hero-image img{width:100%;height:auto;display:block;border-radius:2px 2px 44px 2px}
.blog-document>h2{margin-top:2.5rem}.blog-document>h3{margin-top:1.8rem}
.blog-document blockquote{border-left:3px solid #c8102e;padding-left:24px;margin:32px 0;font-size:1.8rem}
.blog-document cite{display:block;font-size:1.4rem;margin-top:12px}
.blog-document mark{background:#fce7eb;color:#102035}.blog-important{color:#ae0e27}
.blog-gallery,.blog-comparison,.blog-media-text{display:grid;gap:1.5rem;margin:2rem 0}
.blog-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-gallery img{width:100%;height:auto}
.blog-key-figure,.blog-cta{padding:1.5rem;background:#f1f3f4;margin:2rem 0}
.blog-key-figure>strong{font-size:2rem}.blog-cta .btn{margin-top:.75rem}
.blog-video{margin:0}.blog-video [data-video-stage]{display:grid;place-items:center;aspect-ratio:16/9;background:#e8edf1}
.blog-video iframe{width:100%;height:100%;border:0}.blog-video figcaption{font-size:1.3rem;line-height:1.65;margin-top:12px}
.blog-video [hidden]{display:none}.page-hero .blog-video figcaption{color:#fff}
@media(min-width:768px){.blog-media-text,.blog-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-media-left figure{order:-1}.blog-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.news-card-image.blog-card-image picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.news-card-image.blog-card-image img{position:static;width:100%;height:100%;object-fit:cover;transform:none}
.tutorial-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.tutorial-card{min-width:0;padding:22px;border:1px solid var(--color-border);border-radius:3px;background:#fff;display:flex;flex-direction:column}
.tutorial-card h3{font-size:1.9rem;line-height:1.45;margin:0 0 18px}
.tutorial-card .testimonial-video{margin:0;margin-top:auto}
.tutorial-card .testimonial-video-stage{min-height:0}
.tutorial-card .testimonial-video-play{font-size:1.4rem;white-space:nowrap;padding:12px 18px}
@media(min-width:768px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}