.mp-design {
  --blue: #162d78;
  --blue-dark: #0f235f;
  --ink: #121212;
  --muted: #676b73;
  --surface: #ececec;
  --white: #ffffff;
  --yellow: #ffd400;
  --red: #ef1c24;
  --green: #009b4e;
  --magenta: #ca1780;
  --radius: 26px;
  --shadow: 0 18px 50px rgba(11, 23, 61, .12);
  --container: 1240px;
  --header-h: 86px;
}
.mp-design * { box-sizing: border-box; }
.mp-design { margin: 0; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: #fff; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.mp-design img { display: block; max-width: 100%; }
.mp-design a { color: inherit; text-decoration: none; }
.mp-design button, .mp-design input, .mp-design textarea, .mp-design select { font: inherit; }
.mp-design a, .mp-design button, .mp-design .btn, .mp-design [role="button"], .mp-design input[type="submit"], .mp-design input[type="button"], .mp-design input[type="reset"] { font-family: "Work Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-design h1, .mp-design h2, .mp-design h3, .mp-design h4, .mp-design h5, .mp-design h6 { font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#353535;}
.mp-design ::selection { background: var(--blue); color: var(--surface); }
.mp-design .container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.mp-design .container.wide { width: min(calc(100% - 32px), 1440px); }
.mp-design .section { padding: clamp(86px, 9vw, 140px) 0; position: relative; overflow: clip; }
.mp-design .scroll-progress { position: fixed; z-index: 10000; inset: 0 0 auto; height: 3px; background: #fff; }
.mp-design .scroll-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg,var(--yellow),var(--red),var(--green),var(--magenta)); box-shadow: 0 0 12px rgba(255,212,0,.4); }
.mp-design .site-header { height: var(--header-h); position: fixed; z-index: 1000; inset: 3px 0 auto; background: rgba(22,45,120,.94); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.08); transition: background .3s ease, box-shadow .3s ease, transform .3s ease; }
.mp-design .site-header.scrolled { background: rgba(15,35,95,.97); box-shadow: 0 12px 30px rgba(4,12,43,.18); }
.mp-design .nav-wrap { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.mp-design .brand { display: inline-flex; align-items: center; width: 92px; height: 72px; overflow: hidden; }
.mp-design .brand img { width: 76px; max-height: 68px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(0,0,0,.18)); }
.mp-design .main-nav { display: flex; align-items: center; gap: clamp(20px, 2.6vw, 40px); }
.mp-design .main-nav a { color: rgba(255,255,255,.9); text-transform: uppercase; font-size: 12px; letter-spacing: .07em; font-weight: 700; position: relative; padding: 10px 0; transition: color .25s ease; }
.mp-design .main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 3px; height: 2px; background: var(--yellow); transition: right .25s ease; }
.mp-design .main-nav a:hover, .mp-design .main-nav a.active { color: #fff; }
.mp-design .main-nav a:hover::after, .mp-design .main-nav a.active::after { right: 0; }
.mp-design .menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; padding: 8px; cursor: pointer; }
.mp-design .menu-toggle span { display: block; width: 100%; height: 2px; background: #fff; margin: 6px 0; transition: transform .25s, opacity .25s; }
.mp-design .hero { min-height: 100svh; padding-top: var(--header-h); display: grid; align-items: center; position: relative; overflow: hidden; color: white; isolation: isolate; }
.mp-design .hero-bg { position: absolute; inset: 0; z-index: -4; background: none center / cover no-repeat; transform: scale(1.04); will-change: transform; }
.mp-design .hero-shade { position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg, rgba(8,16,33,.77) 0%, rgba(8,16,33,.60) 35%, rgba(8,16,33,.20) 70%, rgba(8,16,33,.28) 100%); }
.mp-design .hero::after { content:""; position:absolute; inset:auto 0 0; height:120px; z-index:-2; background: linear-gradient(180deg, transparent, rgba(7,13,31,.22)); }
.mp-design .hero-glow { position: absolute; z-index: -1; width: 500px; height: 500px; left: var(--mouse-x, 15%); top: var(--mouse-y, 55%); translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.10), transparent 65%); pointer-events: none; transition: left .15s linear, top .15s linear; }
.mp-design .hero-content { position: relative; padding-block: 80px 100px; }
.mp-design .hero-copy { width: min(650px, 92%); }
.mp-design .hero-copy h1 {color: #fff;}
.mp-design .eyebrow { margin: 0 0 14px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--blue); }
.mp-design .eyebrow.light { color: rgba(255,255,255,.72); }
.mp-design .hero h1 { margin: 0; font-size: clamp(52px, 7vw, 96px); line-height: .85; letter-spacing: -.045em; font-weight: 700; text-wrap: balance; }
.mp-design .hero-text { max-width: 590px; margin: 28px 0 0; font-size: clamp(16px, 1.5vw, 19px); line-height: 1.7; color: rgba(255,255,255,.78); font-weight: 300; }
.mp-design .hero-actions { display: flex; gap: 14px; margin-top: 36px; flex-wrap: wrap; }
.mp-design .btn { min-height: 48px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 5px; text-transform: uppercase; letter-spacing: .055em; font-size: 12px; font-weight: 700; border: 1px solid transparent; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.mp-design .btn:hover { transform: translateY(-2px); }
.mp-design .btn-primary { background: var(--blue); color: #fff; box-shadow: 0 10px 26px rgba(22,45,120,.22); }
.mp-design .btn-primary:hover { background: var(--blue-dark); box-shadow: 0 14px 32px rgba(22,45,120,.3); }
.mp-design .btn-outline-light { border-color: rgba(255,255,255,.75); color:#fff; background: rgba(255,255,255,.04); }
.mp-design .btn-outline-light:hover { background:#fff; color:var(--blue); }
.mp-design .btn-light { background:#fff; color:var(--blue); }
.mp-design .btn-light:hover { background:var(--yellow); color:var(--blue-dark); }
.mp-design .text-link { display:inline-flex; align-items:center; gap:10px; margin-top:26px; color:var(--blue); font-weight:700; }
.mp-design .text-link span { transition: transform .2s ease; }
.mp-design .text-link:hover span { transform: translateX(5px); }
.mp-design .scroll-cue { position: absolute; right: clamp(24px, 6vw, 90px); bottom: 34px; display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.75); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; }
.mp-design .scroll-cue i { width: 38px; height: 1px; background: rgba(255,255,255,.65); position: relative; overflow: hidden; }
.mp-design .scroll-cue i::after { content:""; position:absolute; inset:0; background:#fff; transform:translateX(-100%); animation: cue 1.8s infinite; }
@keyframes  cue { 65%,100% { transform:translateX(100%); } }
.mp-design .section-heading { margin-bottom: 62px; }
.mp-design .section-heading.center { text-align:center; }
.mp-design .section-heading h2, .mp-design .split-copy h2, .mp-design .about-copy h2 { margin:0; font-size:clamp(36px,4.5vw,64px); line-height:1.08; letter-spacing:-.045em; font-weight:700; }
.mp-design .color-bars { display:flex; width:70px; height:12px; margin:24px auto 0; border-radius:2px; overflow:hidden; }
.mp-design .color-bars.left { margin-left:0; }
.mp-design .color-bars i { flex:1; }
.mp-design .color-bars i:nth-child(1) {background:var(--yellow)}
.mp-design .color-bars i:nth-child(2) {background:var(--red)}
.mp-design .color-bars i:nth-child(3) {background:var(--green)}
.mp-design .color-bars i:nth-child(4) {background:var(--magenta)}
.mp-design .industries { background:#fff; }
.mp-design .industries::before { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(22,45,120,.05); border-radius:50%; right:-240px; top:-240px; box-shadow:0 0 0 80px rgba(22,45,120,.015),0 0 0 160px rgba(22,45,120,.01); }
.mp-design .industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:50px 70px; max-width:880px; margin:auto; }
.mp-design .industry-card { text-align:center; padding:18px; border-radius:18px; transition:transform .3s ease, background .3s ease; }
.mp-design .industry-card:hover { transform:translateY(-8px); background:#f7f8fb; }
.mp-design .icon-shell { width:92px; height:92px; margin:0 auto 18px; display:grid; place-items:center; border-radius:50%; border:1px solid #e6e8ee; transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.mp-design .industry-card:hover .icon-shell { border-color:rgba(22,45,120,.25); box-shadow:0 12px 30px rgba(22,45,120,.08); transform:rotate(-2deg); }
.mp-design .icon-shell svg { width:54px; height:54px; fill:none; stroke:#151515; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.mp-design .industry-card h3 { margin:0; font-size:17px; font-weight:600; }
.mp-design .products { background:#e7e7e7; }
.mp-design .package-track { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; align-items:start; }
.mp-design .package-card { position:relative; border-radius:18px; overflow:visible; box-shadow:0 10px 20px rgba(15,25,50,.13); transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; background:var(--blue); }
.mp-design .package-card:hover { transform:translateY(-14px); box-shadow:0 24px 46px rgba(15,25,50,.18); z-index:3; }
.mp-design .package-card.featured { transform:translateY(-34px); }
.mp-design .package-card.featured:hover { transform:translateY(-44px); }
.mp-design .package-image { aspect-ratio:.93; background:#fff; border-radius:18px 18px 0 0; display:grid; place-items:center; overflow:hidden; }
.mp-design .package-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.mp-design .package-card:hover .package-image img { transform:scale(1.06); }
.mp-design .package-name { min-height:92px; padding:20px 12px; display:grid; place-items:center; text-align:center; color:#fff; font-size:14px; line-height:1.25; font-weight:500; }
.mp-design .featured-mark { position:absolute; z-index:4; left:50%; top:calc(100% - 125px); transform:translateX(-50%); color:#fff; font-size:35px; font-weight:300; animation:bob 1.8s ease-in-out infinite; }
@keyframes  bob { 50% { transform:translate(-50%,6px); } }
.mp-design .bulk-products { background:linear-gradient(180deg,#fff 0,#fff 70%,#fafafa 100%); }
.mp-design .bulk-grid { display:grid; grid-template-columns:1fr 1fr; gap:46px; }
.mp-design .media-card { display:block; }
.mp-design .media-card-image { border-radius:24px; overflow:hidden; aspect-ratio:1.45; box-shadow:var(--shadow); }
.mp-design .media-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.mp-design .media-card:hover .media-card-image img { transform:scale(1.045); }
.mp-design .media-card-caption { display:flex; align-items:center; justify-content:space-between; padding:20px 22px 0; text-transform:uppercase; font-size:12px; letter-spacing:.05em; color:var(--blue); }
.mp-design .media-card-caption strong { font-size:14px; }
.mp-design .media-card-caption span { opacity:.55; }
.mp-design .mockups { background:#fff; }
.mp-design .split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(50px,7vw,110px); }
.mp-design .mockup-art { min-height:560px; display:grid; place-items:center; position:relative; }
.mp-design .floating-frame { width:min(440px,92%); aspect-ratio:.78; display:grid; place-items:center; background:#fbfbfb; border-radius:34px; box-shadow:0 30px 70px rgba(22,45,120,.11); transform:rotate(-4deg); position:relative; z-index:2; overflow:hidden; }
.mp-design .floating-frame img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.mp-design .floating-frame:hover img { transform:scale(1.035); }
.mp-design .art-orbit { position:absolute; border:1px solid rgba(22,45,120,.13); border-radius:50%; animation:spin 16s linear infinite; }
.mp-design .art-orbit::after { content:""; width:12px; height:12px; border-radius:50%; background:var(--yellow); position:absolute; top:50%; left:-6px; }
.mp-design .orbit-a { width:480px; height:480px; }
.mp-design .orbit-b { width:350px; height:350px; animation-direction:reverse; animation-duration:12s; }
.mp-design .orbit-b::after { background:var(--magenta); }
@keyframes  spin { to { transform:rotate(360deg); } }
.mp-design .split-copy h3 { margin:26px 0 22px; font-size:clamp(24px,2.6vw,36px); line-height:1.22; letter-spacing:-.025em; }
.mp-design .check-list { list-style:none; padding:0; margin:28px 0 0; display:grid; gap:12px; color:#353535; }
.mp-design .check-list li { position:relative; padding-left:28px; }
.mp-design .check-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--green); font-weight:800; }
.mp-design .services { background:#f8f8f8; }
.mp-design .services-layout { grid-template-columns:.78fr 1.22fr; }
.mp-design .services-copy .lead { margin:0 0 36px; font-size:clamp(20px,2vw,29px); line-height:1.3; font-weight:300; max-width:430px; }
.mp-design .service-words { display:grid; gap:3px; margin:0 0 42px; font-size:clamp(42px,5vw,72px); line-height:1.06; letter-spacing:-.045em; }
.mp-design .service-words span { display:block; transition:transform .25s ease, color .25s ease; }
.mp-design .service-words span:hover { transform:translateX(8px); color:var(--blue); }
.mp-design .services-image { position:relative; border-radius:30px; overflow:hidden; box-shadow:var(--shadow); }
.mp-design .services-image img { width:100%; min-height:600px; height:100%; object-fit:cover; }
.mp-design .image-badge { position:absolute; left:24px; bottom:24px; padding:11px 16px; border-radius:999px; background:rgba(255,255,255,.9); backdrop-filter:blur(8px); font-size:12px; font-weight:600; box-shadow:0 8px 24px rgba(0,0,0,.13); }
.mp-design .image-badge span { color:var(--blue); font-weight:800; }
.mp-design .about { background:var(--blue); color:#fff; }
.mp-design .about::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:60px 60px; mask-image:linear-gradient(90deg,black,transparent 70%); }
.mp-design .about-layout { position:relative; z-index:1; grid-template-columns:.8fr 1.2fr; }
.mp-design .about-image { border-radius:26px; overflow:hidden; height:min(650px,70vw); box-shadow:0 30px 65px rgba(5,14,55,.32); }
.mp-design .about-image img { width:100%; height:100%; object-fit:cover; }
.mp-design .about-copy h2 { color:#fff; }
.mp-design .about-copy p:not(.eyebrow) { color:rgba(255,255,255,.76); font-weight:300; font-size:16px; line-height:1.8; max-width:720px; }
.mp-design .about-actions { display:flex; gap:14px; margin-top:36px; flex-wrap:wrap; }
.mp-design .insights { background:#fff; }
.mp-design .insights-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.mp-design .story-card { min-width:0; }
.mp-design .story-image { display:block; aspect-ratio:.72; overflow:hidden; border-radius:20px; background:#f2f2f2; box-shadow:0 12px 24px rgba(15,25,50,.10); }
.mp-design .story-image img { width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.mp-design .story-card:hover .story-image img { transform:scale(1.055); }
.mp-design .story-copy { padding:18px 4px 0; }
.mp-design .story-copy span { color:var(--blue); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.mp-design .story-copy h3 { font-size:16px; line-height:1.35; margin:8px 0 14px; letter-spacing:-.02em; }
.mp-design .story-copy a { font-size:12px; font-weight:700; color:var(--blue); }
.mp-design .footer { background:var(--blue); color:#fff; padding:82px 0 28px; }
.mp-design .footer-grid { display:grid; grid-template-columns:1.2fr repeat(4,1fr); gap:50px; }
.mp-design .footer-logo-card { width:170px; background:#fff; border-radius:4px; padding:16px; }
.mp-design .footer-logo-card img { width:100%; }
.mp-design .footer-brand p { max-width:220px; color:rgba(255,255,255,.58); font-size:13px; margin-top:18px; }
.mp-design .footer-col { display:flex; flex-direction:column; gap:11px; }
.mp-design .footer-col h3 { font-size:13px; margin:0 0 9px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.mp-design .footer-col a { width:max-content; max-width:100%; font-size:13px; color:rgba(255,255,255,.86); transition:color .2s, transform .2s; }
.mp-design .footer-col:nth-child(2) { --footer-link-accent: #BC1C80; }
.mp-design .footer-col:nth-child(3) { --footer-link-accent: #028D46; }
.mp-design .footer-col:nth-child(4) { --footer-link-accent: #FBDE00; }
.mp-design .footer-col:nth-child(5) { --footer-link-accent: #DA1F26; }
.mp-design .footer-col a:hover, .mp-design .footer-col a:focus-visible { color:var(--footer-link-accent); transform:translateX(3px); }
.mp-design .footer-bottom { margin-top:70px; padding-top:26px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.mp-design .data-fiscal { width:50px; }
.mp-design .footer-contact { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 20px; font-size:11px; color:rgba(255,255,255,.65); }
.mp-design .footer-contact a:hover { color:#fff; }
.mp-design .whatsapp { position:fixed; right:24px; bottom:24px; z-index:950; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:#18c947; box-shadow:0 14px 36px rgba(9,119,44,.28); transition:transform .25s ease, box-shadow .25s ease; }
.mp-design .whatsapp:hover { transform:translateY(-4px) scale(1.04); box-shadow:0 20px 42px rgba(9,119,44,.34); }
.mp-design .whatsapp svg { width:31px; height:31px; fill:#fff; }
.mp-design .back-top { position:fixed; right:31px; bottom:94px; z-index:940; width:44px; height:44px; border:0; border-radius:50%; background:#fff; color:var(--blue); box-shadow:0 8px 24px rgba(0,0,0,.14); cursor:pointer; opacity:0; pointer-events:none; transform:translateY(8px); transition:.25s ease; }
.mp-design .back-top.visible { opacity:1; pointer-events:auto; transform:none; }
.mp-design .reveal { opacity:0; transform:translateY(30px); transition:opacity .75s ease var(--delay,0s), transform .75s cubic-bezier(.22,.75,.25,1) var(--delay,0s); }
.mp-design .reveal-left { transform:translateX(-36px); }
.mp-design .reveal-right { transform:translateX(36px); }
.mp-design .reveal.in-view { opacity:1; transform:none; }
@media  (max-width: 1050px) {.mp-design { --header-h: 78px; }
.mp-design .container { width:min(calc(100% - 36px),var(--container)); }
.mp-design .menu-toggle { display:block; position:relative; z-index:1002; }
.mp-design .menu-toggle.open span:nth-child(1) {transform:translateY(8px) rotate(45deg)}
.mp-design .menu-toggle.open span:nth-child(2) {opacity:0}
.mp-design .menu-toggle.open span:nth-child(3) {transform:translateY(-8px) rotate(-45deg)}
.mp-design .main-nav { position:fixed; inset:0; height:100dvh; background:rgba(15,35,95,.985); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:18px; padding:90px 44px; transform:translateX(100%); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.mp-design .main-nav.open { transform:none; }
.mp-design .main-nav a { font-size:24px; letter-spacing:-.02em; text-transform:none; }
body.mp-menu-open { overflow:hidden; }
.mp-design .package-track { grid-template-columns:repeat(3,1fr); gap:24px; }
.mp-design .package-card.featured, .mp-design .package-card.featured:hover { transform:none; }
.mp-design .featured-mark { display:none; }
.mp-design .split, .mp-design .services-layout, .mp-design .about-layout { grid-template-columns:1fr; }
.mp-design .services-copy { order:1; }
.mp-design .services-image { order:2; }
.mp-design .about-image { max-width:620px; height:560px; }
.mp-design .insights-grid { grid-template-columns:repeat(2,1fr); gap:36px 24px; }
.mp-design .footer-grid { grid-template-columns:1.4fr repeat(2,1fr); }}
@media  (max-width: 720px) {.mp-design .container { width:min(calc(100% - 28px),var(--container)); }
.mp-design .section { padding:78px 0; }
.mp-design .brand { width:72px; }
.mp-design .brand img { width:62px; }
.mp-design .hero { min-height:100svh; }
.mp-design .hero-copy { width:100%; }
.mp-design .hero h1 { font-size:clamp(48px,14vw,72px); }
.mp-design .hero-text { font-size:16px; }
.mp-design .scroll-cue { display:none; }
.mp-design .industries-grid { grid-template-columns:repeat(2,1fr); gap:26px 12px; }
.mp-design .industry-card { padding:10px 4px; }
.mp-design .icon-shell { width:76px; height:76px; }
.mp-design .icon-shell svg { width:45px; height:45px; }
.mp-design .section-heading { margin-bottom:42px; }
.mp-design .package-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; padding:36px 10px 28px; margin-inline:-10px; scrollbar-width:none; }
.mp-design .package-track::-webkit-scrollbar { display:none; }
.mp-design .package-card { flex:0 0 72vw; max-width:285px; scroll-snap-align:center; }
.mp-design .bulk-grid { grid-template-columns:1fr; gap:36px; }
.mp-design .media-card-caption { padding-inline:4px; }
.mp-design .mockup-art { min-height:440px; }
.mp-design .floating-frame { width:min(350px,86vw); }
.mp-design .art-orbit { width:380px; height:380px; }
.mp-design .orbit-b { width:280px; height:280px; }
.mp-design .service-words { font-size:clamp(42px,13vw,64px); }
.mp-design .services-image img { min-height:440px; }
.mp-design .about-image { height:460px; }
.mp-design .insights-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:18px; padding-bottom:18px; scrollbar-width:none; }
.mp-design .insights-grid::-webkit-scrollbar { display:none; }
.mp-design .story-card { flex:0 0 75vw; max-width:330px; scroll-snap-align:center; }
.mp-design .footer { padding-top:64px; }
.mp-design .footer-grid { grid-template-columns:1fr 1fr; gap:34px 24px; }
.mp-design .footer-brand { grid-column:1/-1; }
.mp-design .footer-bottom { align-items:flex-start; margin-top:50px; }
.mp-design .footer-contact { justify-content:flex-start; }
.mp-design .whatsapp { right:16px; bottom:16px; }
.mp-design .back-top { right:23px; bottom:83px; }}
@media  (max-width: 440px) {.mp-design .hero-actions .btn { flex:1; }
.mp-design .industries-grid { grid-template-columns:1fr 1fr; }
.mp-design .footer-grid { grid-template-columns:1fr 1fr; }
.mp-design .footer-col:nth-child(5) { grid-column:1/-1; }
.mp-design .footer-bottom { flex-direction:column; }}
@media  (prefers-reduced-motion: reduce) {.mp-design *, .mp-design *::before, .mp-design *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
.mp-design .reveal { opacity:1; transform:none; }
.mp-design .hero-bg { transform:none !important; }}
@property  --button-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.mp-design .btn { position: relative; isolation: isolate; overflow: visible; }
.mp-design .btn::before, .mp-design .btn-glow::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--button-border-angle), #BC1C80, #028D46, #FBDE00, #DA1F26, #BC1C80);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  animation: button-border-spin 3s linear infinite;
  animation-play-state: paused;
}
.mp-design .btn::before { opacity: 0; transition: opacity .4s ease; }
.mp-design .btn-glow {
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
  filter: blur(9px);
  opacity: 0;
  transition: opacity .4s ease;
}
.mp-design .btn-glow::before { padding: 5px; }
.mp-design .btn:hover::before, .mp-design .btn:focus-visible::before { opacity: 1; }
.mp-design .btn:hover .btn-glow, .mp-design .btn:focus-visible .btn-glow { opacity: .8; }
.mp-design .btn:hover::before, .mp-design .btn:focus-visible::before, .mp-design .btn:hover .btn-glow::before, .mp-design .btn:focus-visible .btn-glow::before { animation-play-state: running; }
.mp-design .btn:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
@keyframes  button-border-spin { to { --button-border-angle: 360deg; } }
@media  (prefers-reduced-motion: reduce) {.mp-design .btn::before, .mp-design .btn-glow::before { animation: none; }
.mp-design .btn::before, .mp-design .btn-glow { transition: none; }}
.mp-design .mockup-scroll { position:relative; background:#efefed; padding:0; overflow:visible; }
.mp-design .mockup-stage { position:relative; isolation:isolate; overflow:hidden; min-height:720px; }
.mp-design .mockup-backdrop { position:absolute; inset:0; z-index:0; overflow:hidden; background:#efefed; pointer-events:none; }
.mp-design .mockup-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 25%,rgba(244,244,242,.18) 48%,rgba(246,246,244,.94) 66%,#f6f6f4 100%); }
.mp-design .mockup-video { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; transform:translateX(-17%); opacity:0; transition:opacity .5s ease; }
.mp-design .mockup-poster { position:absolute; left:5%; top:8%; width:47%; height:84%; object-fit:contain; mix-blend-mode:multiply; }
.mp-design .mockup-scroll.video-ready .mockup-video { opacity:1; }
.mp-design .mockup-scroll.video-ready .mockup-poster { opacity:0; }
.mp-design .mockup-scene { position:relative; z-index:1; min-height:720px; display:flex; align-items:center; justify-content:flex-end; padding-block:52px 65px; }
.mp-design .mockup-story { width:42%; max-width:530px; }
.mp-design .mockup-story .eyebrow { font-size:10px; margin-bottom:12px; }
.mp-design .mockup-story h2 { font-size:clamp(42px,4.5vw,64px); line-height:1.08; letter-spacing:-.045em; margin:0 0 12px; }
.mp-design .mockup-intro { font-size:16px; color:#5a6069; margin:0 0 28px; }
.mp-design .mockup-chapters { display:none; gap:13px; margin-bottom:28px; }
.mp-design .mockup-chapter { flex:1; min-width:0; padding:11px 0 12px; text-align:left; border:0; border-bottom:2px solid #d1d3d7; background:transparent; color:#686d77; font-size:11px; transition:color .25s,border-color .25s; cursor:pointer; }
.mp-design .mockup-chapter span { display:block; font-size:10px; margin-bottom:6px; opacity:.65; }
.mp-design .mockup-chapter:hover, .mp-design .mockup-chapter:focus-visible { color:var(--blue); border-color:var(--blue); }
.mp-design .mockup-chapter.is-active { color:var(--blue); border-color:#BC1C80; }
.mp-design .mockup-chapter:nth-child(2).is-active { border-color:#028D46; }
.mp-design .mockup-chapter:nth-child(3).is-active { border-color:#DA1F26; }
.mp-design .mockup-benefit { margin-bottom:30px; }
.mp-design .mockup-step { font-size:9px; font-weight:600; letter-spacing:.12em; color:var(--blue); display:block; margin-bottom:12px; }
.mp-design .mockup-benefit h3 { margin:0 0 16px; font-size:clamp(26px,2.4vw,35px); line-height:1.15; letter-spacing:-.035em; }
.mp-design .mockup-benefit p { font-size:14px; color:#555b65; line-height:1.7; margin:0; max-width:435px; }
.mp-design .mockup-cta { margin-top:20px; }
.mp-design .mockup-scroll-hint { display:none; position:absolute; left:6%; bottom:27px; align-items:center; gap:13px; color:#626872; font-size:9px; letter-spacing:.12em; }
.mp-design .mockup-scroll-hint i { width:62px; height:1px; background:#b7bbc3; position:relative; overflow:hidden; }
.mp-design .mockup-scroll-hint i::after { content:""; position:absolute; inset:0; background:var(--blue); transform:scaleX(var(--mockup-progress,0)); transform-origin:left; }
.mp-design .mockup-scroll.is-scroll-driven { height:360svh; }
.mp-design .is-scroll-driven .mockup-stage { position:sticky; top:calc(var(--header-h) + 3px); height:calc(100svh - var(--header-h) - 3px); min-height:0; }
.mp-design .is-scroll-driven .mockup-scene { height:100%; min-height:0; }
.mp-design .is-scroll-driven .mockup-chapters, .mp-design .is-scroll-driven .mockup-scroll-hint { display:flex; }
.mp-design .is-scroll-driven .mockup-benefits { display:grid; }
.mp-design .is-scroll-driven .mockup-benefit { grid-area:1 / 1; margin:0; opacity:0; visibility:hidden; transform:translateY(15px); transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1),visibility .4s; pointer-events:none; }
.mp-design .is-scroll-driven .mockup-benefit.is-active { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
@media (max-width:1000px) {.mp-design .mockup-story { width:46%; }
.mp-design .mockup-scene { padding-block:35px 50px; }
.mp-design .mockup-intro { margin-bottom:18px; }
.mp-design .mockup-chapters { margin-bottom:22px; }}
@media (max-width:700px) {.mp-design .mockup-stage { min-height:0; }
.mp-design .mockup-backdrop { bottom:auto; height:43svh; min-height:210px; }
.mp-design .mockup-video { transform:none; object-fit:cover; }
.mp-design .mockup-poster { inset:0; width:100%; height:100%; }
.mp-design .mockup-backdrop::after { background:linear-gradient(180deg,transparent 65%,#efefed 100%); }
.mp-design .mockup-scene { min-height:0; padding-top:42svh; padding-bottom:40px; display:block; }
.mp-design .mockup-story { width:100%; max-width:none; }
.mp-design .mockup-story h2 { font-size:34px; margin-bottom:5px; }
.mp-design .mockup-story .eyebrow { font-size:8px; margin-bottom:6px; }
.mp-design .mockup-intro { font-size:12px; margin-bottom:12px; }
.mp-design .mockup-chapters { margin-bottom:15px; gap:14px; }
.mp-design .mockup-chapter { padding:7px 0; font-size:10px; }
.mp-design .mockup-chapter span { display:inline; font-size:9px; margin-right:6px; }
.mp-design .mockup-step { font-size:8px; margin-bottom:9px; }
.mp-design .mockup-benefit h3 { font-size:25px; margin-bottom:10px; }
.mp-design .mockup-benefit p { font-size:12px; line-height:1.55; }
.mp-design .mockup-cta { margin-top:16px; min-height:42px; font-size:10px; padding:0 17px; }
.mp-design .is-scroll-driven .mockup-backdrop { height:43%; min-height:0; }
.mp-design .is-scroll-driven .mockup-scene { display:flex; flex-direction:column; justify-content:flex-end; padding-top:0; padding-bottom:25px; }
.mp-design .is-scroll-driven .mockup-story { background:linear-gradient(180deg,rgba(239,239,237,.82),#efefed 15%); padding-top:12px; }
.mp-design .is-scroll-driven .mockup-scroll-hint { left:auto; right:22px; bottom:auto; top:20px; font-size:7px; }
.mp-design .mockup-scroll.is-scroll-driven { height:350svh; }}
@media (max-height:740px) and (min-width:701px) {.mp-design .is-scroll-driven .mockup-scene { padding-block:20px 35px; }
.mp-design .mockup-story h2 { font-size:40px; }
.mp-design .mockup-intro { margin-bottom:12px; }
.mp-design .mockup-chapters { margin-bottom:15px; }
.mp-design .mockup-benefit h3 { font-size:27px; }
.mp-design .mockup-benefit p { font-size:12px; }
.mp-design .mockup-cta { margin-top:14px; }}
@media (max-height:740px) and (max-width:700px) {.mp-design .is-scroll-driven .mockup-backdrop { height:34%; }
.mp-design .mockup-story h2 { font-size:27px; }
.mp-design .mockup-intro { margin-bottom:7px; }
.mp-design .mockup-benefit h3 { font-size:22px; }
.mp-design .mockup-chapters { margin-bottom:10px; }
.mp-design .mockup-story .eyebrow { display:none; }
.mp-design .is-scroll-driven .mockup-scene { padding-bottom:15px; }}
@media (max-width:700px) {body.mp-mockup-viewing .whatsapp, body.mp-mockup-viewing .back-top { opacity:0; visibility:hidden; pointer-events:none; }}
@media (min-width:701px) {.mp-design .is-scroll-driven .mockup-stage { top:0; height:100svh; }
.mp-design .is-scroll-driven .mockup-scene { padding-top:calc(var(--header-h) + 35px); padding-bottom:38px; }}
.mp-design .mockup-scroll.video-ready .mockup-poster { display:none; }
@media (prefers-reduced-motion:reduce) {.mp-design .is-scroll-driven .mockup-benefit { transition:none; transform:none; }}
.mp-design .contact-panel[hidden] { display:none; }
.mp-design .contact-panel { background:#f3f4f8; position:relative; scroll-margin-top:calc(var(--header-h) + 20px); border-top:5px solid transparent; border-image:linear-gradient(90deg,#BC1C80 25%,#028D46 25% 50%,#FBDE00 50% 75%,#DA1F26 75%) 1; }
.mp-design .contact-inner { position:relative; min-height:calc(100svh - var(--header-h) - 24px); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:7%; padding-block:100px 110px; }
.mp-design .contact-panel.is-open .contact-inner { animation:contactEnter .7s cubic-bezier(.2,.7,.2,1) both; }
.mp-design .contact-copy h2 { font-size:clamp(38px,5vw,72px); line-height:1.06; letter-spacing:-.05em; margin:20px 0; color:var(--blue); }
.mp-design .contact-copy h2:focus { outline:none; }
.mp-design .contact-copy > p:last-child { max-width:440px; color:var(--muted); }
.mp-design .contact-channels a { position:relative; display:block; padding:28px 34px 28px 0; border-bottom:1px solid #ccd1df; transition:color .25s,transform .25s; overflow-wrap:anywhere; }
.mp-design .contact-channels a span { display:block; font-size:10px; letter-spacing:.12em; margin-bottom:10px; }
.mp-design .contact-channels strong { font-size:clamp(16px,1.7vw,23px); font-weight:600; }
.mp-design .contact-channels i { position:absolute; right:4px; top:50%; font-style:normal; font-size:26px; }
.mp-design .contact-channels a:hover { color:#BC1C80; transform:translateX(4px); }
.mp-design .contact-channels a:nth-child(2):hover { color:#028D46; }
.mp-design .contact-channels a:nth-child(3):hover { color:#DA1F26; }
.mp-design .contact-close { position:absolute; right:0; top:28px; display:flex; gap:14px; align-items:center; border:0; background:none; color:var(--blue); cursor:pointer; padding:10px; }
.mp-design .contact-close span { font-size:26px; }
.mp-design .contact-float { position:fixed; right:24px; bottom:94px; z-index:950; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:var(--blue); color:#fff; box-shadow:0 8px 26px #162d7833; transition:transform .25s; }
.mp-design .contact-float svg { width:27px; height:27px; }
.mp-design .contact-float span { position:absolute; right:70px; background:var(--blue); padding:7px 12px; border-radius:5px; font-size:12px; opacity:0; transform:translateX(5px); transition:.25s; pointer-events:none; }
.mp-design .contact-float:hover, .mp-design .contact-float:focus-visible { transform:translateY(-3px); }
.mp-design .contact-float:hover span, .mp-design .contact-float:focus-visible span { opacity:1; transform:none; }
.mp-design .back-top { bottom:164px; }
@keyframes  contactEnter { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:none; } }
@media (max-width:700px) {.mp-design .contact-inner { grid-template-columns:1fr; gap:24px; padding-block:85px 170px; }
.mp-design .contact-float { right:16px; bottom:86px; }
.mp-design .back-top { bottom:156px; }
body.mp-mockup-viewing .contact-float { opacity:0; visibility:hidden; pointer-events:none; }}
@media (prefers-reduced-motion:reduce) {.mp-design .contact-panel.is-open .contact-inner { animation:none; }}
.mp-design .industries { padding-bottom:0; }
.mp-design .industries::before { display:none; }
.mp-design .industries > .container { width:100%; max-width:none; }
.mp-design .industries .section-heading { padding-inline:24px; }
.mp-design .industries-grid { max-width:none; width:100%; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; }
.mp-design .industry-card { position:relative; border-radius:0; padding:0; height:480px; background:#cecece; color:#fff; overflow:hidden; transition:background-color .5s ease,color .4s; }
.mp-design .industry-card:nth-child(even) { background:#bdbdbd; }
.mp-design .industry-card:hover { transform:none; }
.mp-design .industries-grid.is-engaged .industry-card { background:var(--industry-color); transition-delay:var(--industry-delay); }
.mp-design .industries-grid.is-engaged .industry-card:nth-child(2) { color:#162d78; }
.mp-design .industry-toggle { position:absolute; inset:0 0 auto; width:100%; height:100%; padding:0 12px; border:0; background:none; color:inherit; cursor:pointer; }
.mp-design .industry-toggle:focus-visible { outline:3px solid currentColor; outline-offset:-8px; }
.mp-design .industry-card .icon-shell { position:absolute; top:115px; left:calc(50% - 36px); width:72px; height:72px; margin:0; border:0; border-radius:0; transition:transform .6s cubic-bezier(.2,.7,.2,1) .08s; }
.mp-design .industry-card .icon-shell svg { width:60px; height:60px; stroke:currentColor; stroke-width:3.3; }
.mp-design .industry-card:hover .icon-shell { box-shadow:none; border:0; transform:none; }
.mp-design .industry-title { position:absolute; top:310px; left:0; width:100%; font-family:"Plus Jakarta Sans",sans-serif; font-size:clamp(16px,1.65vw,28px); font-weight:500; transition:transform .6s cubic-bezier(.2,.7,.2,1) .12s; }
.mp-design .industry-card.is-active .icon-shell { transform:translateY(-62px); }
.mp-design .industry-card.is-active .industry-title { transform:translateY(-162px); }
.mp-design .industry-details { position:absolute; top:205px; left:14%; right:14%; opacity:0; visibility:hidden; transform:translateY(18px); transition:opacity .25s,transform .35s,visibility .35s; text-align:left; pointer-events:none; }
.mp-design .industry-card.is-active .industry-details { opacity:1; visibility:visible; transform:none; pointer-events:auto; transition-delay:.3s; }
.mp-design .industry-details ul { list-style:none; padding:16px 0 0; margin:0; border-top:2px solid currentColor; min-height:160px; }
.mp-design .industry-details li { font-size:clamp(12px,1vw,16px); line-height:1.5; margin-bottom:8px; }
.mp-design .industry-more { display:flex; justify-content:center; gap:15px; align-items:center; border:1px solid currentColor; border-radius:4px; min-height:36px; padding:5px 9px; font-size:12px; text-transform:uppercase; font-weight:700; transition:background .2s,color .2s; }
.mp-design .industry-more:hover { background:#fff; color:var(--blue); }
@media (max-width:1000px) {.mp-design .industries-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mp-design .industry-title { font-size:23px; }
.mp-design .industry-details li { font-size:14px; }}
@media (max-width:600px) {.mp-design .industries-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mp-design .industry-title { font-size:18px; }
.mp-design .industry-details { left:10%; right:10%; }
.mp-design .industry-details li { font-size:12px; }
.mp-design .industry-card { height:440px; }}
@media (prefers-reduced-motion:reduce) {.mp-design .industry-card, .mp-design .industry-card * { transition:none !important; }}
.mp-design .contact-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; min-width:0; }
.mp-design .contact-field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.mp-design .contact-field label { font-size:12px; color:var(--blue); font-weight:600; }
.mp-design .contact-field input, .mp-design .contact-field select, .mp-design .contact-field textarea { width:100%; min-width:0; border:1px solid #ccd1df; border-radius:6px; background:rgba(255,255,255,.7); padding:13px 14px; color:var(--ink); font-size:15px; transition:border-color .2s,box-shadow .2s,background .2s; }
.mp-design .contact-field input, .mp-design .contact-field select { min-height:50px; }
.mp-design .contact-field textarea { resize:vertical; min-height:120px; }
.mp-design .contact-field input:focus, .mp-design .contact-field select:focus, .mp-design .contact-field textarea:focus { outline:none; border-color:var(--blue); background:#fff; box-shadow:0 0 0 3px #162d7812; }
.mp-design .contact-field input::placeholder, .mp-design .contact-field textarea::placeholder { color:#7b8090; }
.mp-design .contact-field-wide, .mp-design .contact-form-bottom { grid-column:1/-1; }
.mp-design .contact-form-bottom p { font-size:11px; color:var(--muted); margin:0 0 18px; }
.mp-design .contact-form-bottom .btn { cursor:pointer; }
@media (max-width:700px) {.mp-design .contact-form { gap:20px; }
.mp-design .contact-field input, .mp-design .contact-field select, .mp-design .contact-field textarea { font-size:16px; }}
@media (max-width:480px) {.mp-design .contact-form { grid-template-columns:1fr; }
.mp-design .contact-form-bottom .btn { width:100%; }}
.mp-design .brand { width:190px; flex-shrink:0; overflow:visible; }
.mp-design .brand img { width:190px; max-height:68px; }
.mp-design .main-nav a[hidden], .mp-design .footer-col a[hidden] { display:none; }

.mp-design .main-nav a:focus-visible::after { right:0; }
.mp-design .hero-bg { background:none; }
.mp-design .hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.1s ease; }
.mp-design .hero-slide.is-active { opacity:1; }
.mp-design .hero-controls { position:absolute; left:max(24px,calc((100% - 1240px)/2)); bottom:32px; display:flex; gap:12px; align-items:center; }
.mp-design .hero-controls button { border:0; border-bottom:2px solid #ffffff55; background:transparent; color:#fff; padding:10px 8px; cursor:pointer; font-size:12px; transition:border-color .25s; }
.mp-design .hero-controls .is-active { border-color:#FBDE00; }
.mp-design .hero-controls button:focus-visible { outline:2px solid white; outline-offset:3px; }
.mp-design .hero-controls .hero-pause { border:1px solid #ffffff55; border-radius:50%; width:36px; height:36px; padding:0; margin-left:10px; }
.mp-design .technology { background:#f6f7fa; }
.mp-design .technology-heading h2 { margin:0 0 45px; font-size:clamp(30px,3.8vw,52px); line-height:1.15; letter-spacing:-.04em; }
.mp-design .technology-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.mp-design .technology-card { overflow:hidden; border-radius:18px; background:#fff; box-shadow:0 15px 40px #162d7809; }
.mp-design .technology-art { height:235px; background:#172b70; position:relative; overflow:hidden; display:grid; place-items:center; }
.mp-design .technology-flexo .technology-art { background:#e7eaf2; }
.mp-design .technology-art > span { position:absolute; top:22px; left:24px; font-size:12px; color:#ffffff88; }
.mp-design .technology-flexo .technology-art > span { color:#162d7888; }
.mp-design .print-sheets { position:relative; width:150px; height:145px; transform:rotate(-12deg); }
.mp-design .print-sheets i { position:absolute; inset:0; border-radius:5px; background:linear-gradient(90deg,#FBDE00 25%,#DA1F26 25% 50%,#028D46 50% 75%,#BC1C80 75%); border-bottom:80px solid #fff; box-shadow:0 10px 20px #0003; transition:transform .6s; }
.mp-design .print-sheets i:nth-child(1) { transform:translate(-24px,-12px); }
.mp-design .print-sheets i:nth-child(2) { transform:translate(-8px,-4px); }
.mp-design .print-sheets i:nth-child(3) { transform:translate(8px,4px); }
.mp-design .print-sheets i:nth-child(4) { transform:translate(24px,12px); }
.mp-design .technology-card:hover .print-sheets i:nth-child(1) { transform:translate(-42px,-20px) rotate(-8deg); }
.mp-design .technology-card:hover .print-sheets i:nth-child(4) { transform:translate(42px,20px) rotate(8deg); }
.mp-design .print-rolls { display:flex; gap:12px; transform:rotate(-15deg); transition:transform .6s; }
.mp-design .print-rolls i { width:48px; height:150px; border-radius:50% / 10%; background:linear-gradient(90deg,#0002,transparent 35%,#fff5 55%,#0003),#FBDE00; box-shadow:6px 14px 14px #162d7820; }
.mp-design .print-rolls i:nth-child(2) { background-color:#DA1F26; }
.mp-design .print-rolls i:nth-child(3) { background-color:#028D46; }
.mp-design .print-rolls i:nth-child(4) { background-color:#BC1C80; }
.mp-design .technology-card:hover .print-rolls { transform:rotate(-8deg) translateY(-5px); }
.mp-design .technology-copy { padding:30px 34px 36px; }
.mp-design .technology-copy h3 { font-size:clamp(23px,2.3vw,32px); line-height:1.2; margin:0 0 16px; }
.mp-design .technology-copy > p:not(.eyebrow) { color:var(--muted); margin:0 0 24px; }
.mp-design .technology-copy .eyebrow { font-size:10px; }
.mp-design .industry-more[aria-disabled=true] { opacity:.7; cursor:default; }
.mp-design .industry-more[aria-disabled=true]:hover { background:transparent; color:inherit; }
.mp-design .industry-title { padding-inline:8px; }
@media (max-width:700px) {.mp-design .brand, .mp-design .brand img { width:158px; }
.mp-design .technology-grid { grid-template-columns:1fr; }
.mp-design .technology-copy { padding:26px; }
.mp-design .hero-slide { object-position:60% center; }
.mp-design .hero-copy h1 { font-size:clamp(44px,10vw,68px); line-height:.98; }
.mp-design .hero-controls { bottom:22px; }
.mp-design .hero .scroll-cue { bottom:34px; }}
@media (prefers-reduced-motion:reduce) {.mp-design .hero-slide, .mp-design .print-sheets i, .mp-design .print-rolls { transition:none; }}
.mp-design .other-solutions { background:#fff; }
.mp-design .others-intro { color:var(--muted); font-size:16px; margin:18px auto 0; }
.mp-design .others-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.mp-design .other-card { border:1px solid #e5e8ef; border-radius:22px; overflow:hidden; background:#fff; transition:box-shadow .35s; }
.mp-design .other-card:hover, .mp-design .other-card:focus-within { box-shadow:0 20px 50px #162d7812; }
.mp-design .other-visual { height:320px; position:relative; overflow:hidden; display:grid; place-items:center; background:#f0f2f7; }
.mp-design .other-number { position:absolute; top:24px; left:28px; font-size:10px; letter-spacing:.13em; color:var(--blue); z-index:2; }
.mp-design .secondary-pack { width:85%; max-width:430px; margin-top:20px; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.mp-design .other-card:hover .secondary-pack, .mp-design .other-card:focus-within .secondary-pack { transform:translateY(-8px) rotate(-3deg); }
.mp-design .prototype-visual { background:#f7f6f3; }
.mp-design .prototype-visual img { height:360px; width:270px; object-fit:contain; mix-blend-mode:multiply; margin-top:-16px; z-index:1; transform:rotate(-8deg); transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.mp-design .other-card:hover .prototype-visual img, .mp-design .other-card:focus-within .prototype-visual img { transform:rotate(3deg) scale(1.04); }
.mp-design .prototype-ring { position:absolute; width:240px; height:240px; border:1px solid #162d7818; border-radius:50%; }
.mp-design .prototype-ring::after { content:""; position:absolute; inset:-26px; border:1px dashed #162d7812; border-radius:50%; }
.mp-design .prototype-label { position:absolute; right:22px; bottom:24px; z-index:2; background:#fff; color:var(--blue); border-radius:30px; padding:8px 14px; font-size:10px; box-shadow:0 4px 14px #162d780a; }
.mp-design .other-copy { padding:30px 34px 34px; }
.mp-design .other-copy h3 { margin:0 0 14px; font-size:clamp(25px,2.5vw,34px); letter-spacing:-.03em; }
.mp-design .other-copy p { margin:0 0 26px; color:var(--muted); line-height:1.7; max-width:450px; }
@media (max-width:700px) {.mp-design .others-grid { grid-template-columns:1fr; gap:24px; }
.mp-design .other-visual { height:280px; }
.mp-design .other-copy { padding:25px; }
.mp-design .other-number { left:24px; }}
@media (prefers-reduced-motion:reduce) {.mp-design .secondary-pack, .mp-design .prototype-visual img, .mp-design .other-card { transition:none; }}
.mp-design .hero-arrow { position:absolute; top:53%; z-index:5; width:44px; height:54px; padding:0; border:1px solid #ffffff55; border-radius:28px; color:#fff; background:#0f235f33; backdrop-filter:blur(6px); font:300 42px/1 system-ui; cursor:pointer; transition:background .2s,transform .2s; }
.mp-design .hero-prev { left:16px; }
.mp-design .hero-next { right:16px; }
.mp-design .hero-arrow:hover { background:#162d78aa; transform:scale(1.06); }
.mp-design .hero-arrow:focus-visible, .mp-design .hero-pause:focus-visible { outline:2px solid #FBDE00; outline-offset:4px; }
.mp-design .hero > .hero-pause { position:absolute; bottom:30px; left:max(24px,calc((100% - 1240px)/2)); border:1px solid #ffffff66; border-radius:50%; width:34px; height:34px; color:#fff; background:transparent; cursor:pointer; }
.mp-design .hero h1 { white-space:pre-line; font-size:clamp(48px,6.3vw,86px); line-height:.98; }
.mp-design .hero-content { padding-inline:24px; }
@media (max-width:1350px) and (min-width:701px) {.mp-design .hero-content { padding-inline:52px; }}
@media (max-width:700px) {.mp-design .hero-content { padding-inline:38px; }
.mp-design .hero-copy { width:100%; }
.mp-design .hero h1 { font-size:clamp(30px,8vw,48px); line-height:1.05; }
.mp-design .hero-arrow { width:30px; height:44px; font-size:32px; }
.mp-design .hero-prev { left:6px; }
.mp-design .hero-next { right:6px; }
.mp-design .hero-text { font-size:15px; line-height:1.6; }
.mp-design .hero-actions { gap:10px; }
.mp-design .hero-actions .btn { padding-inline:14px; font-size:10px; }}

}
.mp-design .main-nav a::after { background:var(--nav-accent); }
 
/* El ID puede estar en el widget o en el propio enlace */
/* El ID puede estar en el widget o en el propio enlace */
.mp-design .main-nav #menu-inicio,
.mp-design .main-nav #menu-inicio a {
  --nav-accent: #BC1C80;
}
.mp-design .main-nav #menu-industrias,
.mp-design .main-nav #menu-industrias a {
  --nav-accent: #FAFAFA;
}
.mp-design .main-nav .menu-rojo a::after,
.mp-design .main-nav a.menu-rojo::after {
  background: #FAFAFA;
}
.mp-design .main-nav #menu-productos,
.mp-design .main-nav #menu-productos a {
  --nav-accent: #028D46;
}

.mp-design .main-nav #menu-nosotros,
.mp-design .main-nav #menu-nosotros a {
  --nav-accent: #DA1F26;
}

.mp-design .main-nav #menu-contacto,
.mp-design .main-nav #menu-contacto a {
  --nav-accent: #FBDE00;
}
.mp-design .main-nav a::after { background:var(--nav-accent); }